/*------------  RESET------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, blockquote, pre, code, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, div, span, table, tr, th, td {
margin: 0; padding: 0; }

/*------------  Body/HTML  ------------------------------------------------*/
html {
/*------overflow-y:scroll !important; -----*//*------------ zorgt voor een verticale scroll  in ff, zodat de pagina niet springt------------*/
}
html, body {
height:100%;
}
body {
color:#434343;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
text-align:left;
background:#F3F3F3;
}
#body { /*------------  Deze Div dient als Body van de gehele pagina. Dit voorkomt dat de tekst gecentreerd word in het CCMS beheer gedeelte  ------------------------------------------------*/
height:100%;
}

/*------------  Opmaak  ------------------------------------------------*/
h1 {

font-size:16px;
font-weight:bold;
margin:10px;
margin-left:25px;
}

.marginleft, table{
margin-left:25px;
}
h2 {

font-size:14px;
margin-left:25px;
}
h3 {
font-size: 12px;
margin:10px;
margin-bottom:0px;
margin-left:25px;
font-weight:bold;
}
p {
margin:10px;
margin-bottom:15px;
margin-left:25px;
clear:both;
}
.geenmargin{margin-top:0px;}

.tekst {
font-size: 12px;
line-height: 20px;
}
.kop {
font-size: 12px;
color:#434343;
font-weight: bold;
margin-bottom: 10px;
}
.kopzwart {
font-size: 12px;
color: #000;
font-weight: bold;
}
a:link, a:active, a:visited {
color: #1174AC;
text-decoration: underline;
}
a:hover {
color:#25277c;
text-decoration: underline;
}

.offerte_knop img{
border:0;
margin-left:21px;}

/*------------  Container  ------------------------------------------------*/
#container {


min-height: 100%;
height: auto !important;
height: 100%;
background: url(../grafix/bg_container.jpg) repeat-y;
width:1008px;
margin: 0 auto -28px auto; /* margin-bottom moet dezelfde hoogte krijgen als je footer maar dan in negatieve waarde */

}
		
/*------------  Header  ------------------------------------------------*/
#header {
background: url(../grafix/header.jpg) no-repeat;
height:180spx;
width:1008px;
}
#header_binnen{
border-bottom:8px solid #ffd200;
width:992px;
height:163px;
margin-top: 9px;
margin-left: 8px;
margin-right: 8px; 

position:relative;

}

#logo {
padding-top:24px;
margin-left:366px;

width:408px;
}

#header #header_binnen #subtitel{
margin-left:366px;
margin-top:13px;
clear:both;}
#header #header_binnen #subtitel h2{
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
margin:0;}
/*------------  Navigatie   ------------------------------------------------*/


#menu
{
width: 123px;
float:left;
display:inline;
border-bottom:2px solid #25277c;
}

#menu ul
{
margin:0;
padding:0;
}


#menu ul li{
list-style-type: none;
padding:0;
margin:0;
line-height:25px;
border-top:2px solid #25277c;
border-bottom:2px solid #ffd200;
height:25px;
}

#menu li a
{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color:#000;
display:block;
text-decoration:none;
padding-left:22px;
width: 101px;
}

#menu li a:hover
{
color:#25277c;
background:#d6d6d6;
text-decoration:none;

}

#ondermenu{
border-top:2px solid #25277c;
width: 123px;;
clear:both;
}
/*------------  Left Column  ------------------------------------------------*/
#left{

width: 221px;
margin-left: 9px;
float: left;
}

/*-------------------- Submenu ----------------------------------------*/
.submenu_header  {
line-height:29px;
text-indent:10px;
width:221px;
height:29px;
background: url(../grafix/bg_submenu_header.jpg) repeat-x;
}
.submenu_header h2 {
margin:0px;
color:#fff;
font-size:12px;
text-transform: uppercase;
}



/*------------  Content------------------------------------------------*/


#content {

width:1008px;



}

#content_binnen{
width:992px;
margin-left: 8px;
margin-right: 8px; 


}
#content_bb {
width:667px;
margin-left:2px;
margin-right:2px;
border-top:2px solid #25277c;
float:left;
}

#content_bb ul{
margin-left:40px;
}

#right {
width:198px;;
border-top:2px solid #25277c;
height:200px;
float:left;
}

#right h2{
margin-top:10px;}

#right img{
margin-left:25px;}
.springin{
padding-left:5px;
}
.submit{
width:115px;
height:30px;
background:url(../grafix/btn_submit.jpg);
border:0;
cursor:pointer;
}


.offerteaanvraag tr td{
padding:1px;
}

.vink li {
list-style:none;
background:url(../grafix/bullet_vink.gif) top left no-repeat;
padding-left:26px;
line-height:18px;
margin-left:25px;
}

/*-------------------- Footer ----------------------------------------*/
#footer {
background: url(../grafix/bg_footer.jpg) no-repeat;
width:1008px;
margin: 0 auto;
}
#push, #footer {
height:28px;
clear:both;
}
.footer_contact {
margin-top:10px;
margin-left:30px;
display:inline;
float:left;
}
.footer_voorwaarden {
margin-top:10px;
display:inline;
color: #1174AC;
float:right;
margin-right:10px;
}



/*-------------------- Sitemap ----------------------------------------*/
.sitemap {
padding:0;
margin-bottom: 10px;
line-height: 20px
}
.sitemapmain {
font-weight: bold;
color:#1B2D5F;
text-decoration: none;
}
.sitemap li {
background: url(../grafix/bullet_li.gif) no-repeat;
list-style: none;
padding-left: 20px;
}
.sitemap li a:link, .sitemap li a:active, .sitemap li a:visited {
text-decoration:underline;
color:#545454;
}
.sitemap li a:hover {
color:#F67811;
}
.sitemap li li li {
background: url(../grafix/bullet_lili.gif) no-repeat;
list-style: none;
padding-left: 20px;
}