/*
==============================================
Algemene instellingen: achtergrond, lettertype
==============================================
*/
body {
background: url('bg.jpg') repeat-x #414141;
font-family: arial, helvetica, sans-serif, verdana;
font-size: 16px;
}

/*
====================
Begin headergedeelte
====================
*/
#header {
width: 100%;
padding-top: 5px;
}
#h_wrapper {
width: 900px;
height: 265px;
margin-left: auto;
margin-right: auto;
background: url('voor.jpg') top right no-repeat;
}
#h_inhoud {
padding-top: 20px;
margin-left: 5px;
font-size: 13px;
line-height: 150%;
}
#h_inhoud #logo {
width: 206px;
height: 74px;
background: url('logo.png') top left no-repeat;
padding-bottom: 10px;
}
/*
====================
Einde headergedeelte
====================
*/

/*
==================
Begin topnavigatie
==================
*/
#topNav {
width: 900px;
margin-left: auto;
margin-right: auto;
height: 30px;
background: #032062;
border: 2px solid #010e2b;
}
#topNav ul {
list-style-type: none;
}
#topNav ul li {
float: left;
border-right: 1px solid #010e2b;
}
#topNav ul li a, #topNav ul li a:visited {
display: block;
padding-top: 8px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
color: white;
font-size: 13px;
text-decoration: none;
}
#topNav ul li a:hover {
background: #010e2b;
}
#topNav #li {
border: none;
}
/*
FB-bericht topbalk
------------------
*/
#fb {
background: url('facebook.png') no-repeat;
background-position: 100% 40%;
padding-top: 8px;
padding-right: 27px;
margin-right: 10px;
height: 22px;
float: right;
font-size: 13px;
color: white;
}
#fb a, #fb a:visited {
color: white;
text-decoration: none;
}
/*
Eind FB-bericht
---------------
*/
/*
==================
Einde topnavigatie
==================
*/

/*
==================
Begin maingedeelte
==================
*/
#content {
display: block;
width: 900px;
margin-left: auto;
margin-right: auto;
height: 400px;
}
#c_wrapper {
width: 900px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 10px;
}
#c_wrapper p {
line-height: 150%;
}
#c_wrapper img {
margin-bottom: 10px;
}
#left {
width: 160px;
float: left;
}
#banner {
padding-left: 3px;
}
/*
==================
Einde maingedeelte
==================
*/

/*
=====================
Begin inhoudsgedeelte
=====================
*/
#koepel {
width: 710px;
min-height: 850px;
border: 6px solid #f1f1f1;
margin-left: 180px;
background: white;
}
#koepel h1 {
font-size: 24px;
margin-left: 10px;
margin-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
color: #006699;
}
#koepel img {
margin-top: 10px;
padding-left: 10px;
}
#koepel p {
padding: 10px;
line-height: 150%;
}
#koepel iframe {
margin-top: 10px;
margin-left: 10px;
}
#koepel a {
margin-left: 10px;
}
/*
Begin wie-menu
--------------
*/
#koepel #menuW {
width: 97%;
height: 38px;
list-style-type: none;
margin-left: 10px;
margin-right: 10px;
border-bottom: 2px solid #006699;
}
#koepel #menuW li {
float: left;
border: 2px solid #006699;
}
#koepel #menuW .noBR {
border-right: none;
}
#koepel #menuW li a, #koepel #menuW li a:visited {
display: block;
text-decoration: none;
color: black;
padding: 10px;
margin: 0px;
}
/*
Einde wie-menu
--------------
*/
/*
Opmaak tabellen
---------------
*/
#koepel table {
margin-left: 10px;
margin-bottom: 10px;
}
#koepel td {
height: 40px;
}
#koepel table, #koepel td {
border: 1px solid black;
}
/*
Einde opmaak
------------
*/
#koepel h2 {
font-size: 18px;
color: #303030;
padding-left: 10px;
padding-bottom: 10px;
}
/*
Opmaak contactpagina
--------------------
*/
#contact {
margin-top: 10px;
margin-left: 150px;
padding-bottom: 10px;
}
#contact h2 {
font-size: 18px;
color: #303030;
margin-left: 0px;
padding: 0px;
}
#folder {
float: left;
width: 150px;
height: 128px;
}
/*
Einde opmaak contact
--------------------
*/
/*
Wie zijn wij-pagina
-------------------
*/
#carrC {
display: none;
}
#atC {
display: none;
}
/*
Einde wie zijn wij
------------------
*/
#koepel .tbl {
margin-left: 10px;
}
#koepel #tbl1 {
margin-top: 10px;
}
#koepel .tbl tr {
background: #778899;
}
#koepel .tbl tr td{
color: white;
text-align: center;
padding-top: 8px;
}
#koepel #p1, #koepel .p {
font-weight: bold;
font-size: 18px;
}
#koepel .p {
color: #032062;
}
#koepel #p1 {
color: #d3011e;
}
#koepel #p2 {
color: black;
}
#koepel #p3 {
font-size: 24px;
color: black;
text-align: center;
}
/*
Opmaak promoties vakman
-----------------------
*/
#koepel #kRechts p a, #koepel #kRechts2 p a {
margin-left: 0px;
}
#koepel #kLinks {
float: left;
width: 250px;
height: 250px;
background: #778899;
margin-left: 10px;
margin-top: 10px;
border-top: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid black;
text-align: center;
}
#koepel #kRechts {
margin-left: 261px;
margin-top: 10px;
width: 400px;
height: 250px;
border: 1px solid black;
}
#koepel #kLinks2 {
float: left;
width: 250px;
height: 200px;
background: #778899;
margin-left: 10px;
border-top: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid black;
text-align: center;
margin-top: 15px;
}
#koepel #kRechts2 {
margin-left: 261px;
margin-top: 15px;
width: 400px;
height: 200px;
border: 1px solid black;
}
/*
Einde promoties vakman
----------------------
*/
/*
Pagina auto-onderdelen
----------------------
*/
#koepel #tblao {
margin-top: 10px;
}
#koepel #tblao .rijbg td {
background: #cdcfd0;
height: 25px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
}
#koepel #tblao td {
height: 25px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
}
/*
Einde pagina auto-onderdelen
----------------------------
*/
#koepel #tblao #rij1 td, #koepel .tblR .rij1 td, #koepel .tblE .rij1 td, #koepel #tblW #rij1 td, 
#koepel #tblAV #rij1 td, #koepel #tblMA #rij1 td, #koepel .tblOSVA .rij1 td, #koepel .tblA .rij1 td, #koepel .tblCarr .rij1 td,
#koepel .tblN .rij1 td{
background: #778899;
color: white;
padding-top: 5px;
text-align: center;
height: 25px;
} 
#koepel #balk1, #koepel #balk2, #koepel #balk3 {
width: 93%;
height: 20px;
background: #778899;
margin-left: 10px;
color: white;
padding: 10px;
}
#koepel #handG {
display: block;
width: 500px;
margin-top: 10px;
}
#koepel #elG {
display: none;
}
#koepel .tblR, #koepel .tblE {
margin-top: 10px;
margin-bottom: 20px;
}
#koepel #hifiC, #koepel #carkC, #koepel #navC {
display: block;
}
#koepel #balk2, #koepel #balk3 {
margin-top: 10px;
}
#koepel #tblW, #koepel #tblAV, #koepel #tblMA,
#koepel .tblOSVA, #koepel .tblA, #koepel .tblCarr, #koepel .tblN {
margin-top: 10px;
}
/*
=====================
Einde inhoudsgedeelte
=====================
*/

/*
===================
Begin mainNavigatie
===================
*/
#mainNav {
/*float: left;*/
float: none;
display: block;
/*list-style-type: none;*/
background: #d3011e;
/*width: 160px;*/
width: 100%;
border: 3px solid #f20021;
font-size: 14px;
margin-bottom: 20px;
}
#mainNav li {
/*position: relative;*/
display: block;
width: 100%;
}
#mainNav li a, #mainNav li a:visited {
display: block;
text-decoration: none;
padding: 10px 5px 10px 5px;
color: white;
border-bottom: 1px solid #f20021;
}
#mainNav li a:hover, #mainNav li a:active {
background: #bd001a;
}
#mainNav #prod1 #s1, #mainNav #prod1 #s1 #is1, #mainNav #prod1 #s1 #is2, 
#mainNav #prod2 #s2, #mainNav #prod2 #s2 #is3,
#mainNav #prod3 #s3, #mainNav #prod3 #s3 #is4 {
background: #d3011e;
/*position: absolute;*/
position: static;
display: none;
padding: 0px;
top: 0px;
/*margin-left: 160px;*/
margin: 0px;
/*border: 3px solid #f20021;*/
}
#mainNav #prod1 #s1 li, #mainNav #prod1 #s1 #is1 li, #mainNav #prod1 #s1 #is2 li,  
#mainNav #prod2 #s2 li, #mainNav #prod2 #s2 #is3 li,
#mainNav #prod3 #s3 li, #mainNav #prod3 #s3 #is4 li {
display: block;
/*width: 150px;*/
width: 100%;
/*background: url('arrow.png') no-repeat;
background-position: 5% 50%;*/
}
#mainNav #prod1 #s1 li a, #mainNav #prod2 #s2 li a, #mainNav #prod3 #s3 li a {
padding: 5px 5px 5px 12px;
font-size: 0.96em;
border-bottom: none;
}
#mainNav #prod1 #s1 #is1 li a, #mainNav #prod1 #s1 #is2 li a,
#mainNav #prod2 #s2 #is3 li a, #mainNav #prod3 #s3 #is4 li a {
background: url('arrow.png') no-repeat;
background-position: 12% 50%;
padding: 5px 5px 5px 30px;
font-size: 0.85em;
font-weight: normal;
border-bottom: none;
}
#mainNav #prod1 #s1 li a:hover, #mainNav #prod2 #s2 li a:hover, #mainNav #prod3 #s3 li a:hover {
background: #f20021;
}
#mainNav #prod1 #s1 #is1 li a:hover, #mainNav #prod1 #s1 #is2 li a:hover, #mainNav #prod2 #s2 #is3 li a:hover, #mainNav #prod3 #s3 #is4 li a:hover {
background: url('arrow.png') #f20021 no-repeat;
background-position: 12% 50%;
cursor: pointer;
}
/*
#mainNav #prod1 #s1 #it1 a, #mainNav #prod1 #s1 #it2 a, #mainNav #prod2 #s2 #it3 a, #mainNav #prod3 #s3 #it4 a {
font-weight: bold;
background: #f20021;
}*/
#mainNav #prod1 #s1 #it1 a:hover, #mainNav #prod1 #s1 #it2 a:hover, #mainNav #prod2 #s2 #it3 a:hover, #mainNav #prod3 #s3 #it4 a:hover {
cursor: text;
background: none;
}
.lijn {
border-bottom: 1px solid #f20021;
}
/*
===================
Einde mainNavigatie
===================
*/

/*
====================
Begin footergedeelte
====================
*/
#footer {
width: 900px;
height: 50px;
margin-left: auto;
margin-right: auto;
}
#footer p {
padding: 10px 10px 10px 200px;
font-size: 13px;
color: white;
}
/*
============
Einde footer
============
*/

#c_wrapper #koepel #AV1, #c_wrapper #koepel #ACC1, #c_wrapper #koepel #EL1, #c_wrapper #koepel #ELG1,
#c_wrapper #koepel #GUi1, #c_wrapper #koepel #MTA1, #c_wrapper #koepel #NWS1, #c_wrapper #koepel #NP1,
#c_wrapper #koepel #OSVA1, #c_wrapper #koepel #OMR1, #c_wrapper #koepel #paint1, #c_wrapper #koepel #REI1 {
display: none;
}