@charset "UTF-8";
/* CSS Document */

html, body {
height: 100%; /* heel belangrijk */
margin: 0;
}

img{ 
border: 0;
}

table{
border: 0;
cellspacing: 0;
cellpadding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 1.0em;
color: #414141;
}

td{
vertical-align: top;
}

body{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 62.5%;
color: #434343;
background: url("../afbeeldingen/bg_container.jpg") top center no-repeat;
}

body a{
text-decoration: underline;
color: #172983;
border: 0;
}

body a:hover{
text-decoration: none;
color: #172983;
}

body a:visited{
text-decoration: underline;
color: #172983;
}

.skiptocontent{
position: absolute;
text-indent: -9999px;
}

.skiptocontent{
position: absolute;
text-indent: -9999px;
}

#container{
width: 996px;
position: relative;
margin: 0 auto 0 auto;
font-size: 1.2em;
}

#contentcontainer{
width: 996px;
float: left;
position: relative;
padding: 0;
margin: 0;
margin-top: 35px;
background: url("../afbeeldingen/banner_system_groen.jpg") 184px 37px no-repeat;
}

.logo{
width: 269px;
height: 80px;
margin-left: 20px;
margin-top: 5px;
position: relative;
float: left;
text-indent: -9999px;
background: url("../afbeeldingen/logo.gif") 0 0 no-repeat;
}

#blok_index_producten{
width: 621px;
height: 280px;
float: left;
position: relative;
margin-left: 16px;
}

#blok_index_producten2{
width: 362px;
height: 280px;
float: left;
position: relative;
}

.blok_top{
width:364px;
height:25px;
position: relative;
float: right;
top: 46px;
line-height: 21px;
z-index: 100;
}

.blok_top a, .blok_top a:visited{
text-decoration: none;
}

.blok_top a:hover{
text-decoration: underline;
}

.blok_top strong{
margin-left: 31px;
}

.zoekbox{
width: 171px;
height: 15px;
position: relative;
float: right;
}

.zoekveld{
width: 140px;
height: 15px;
border: 1px solid #dfdfdf;
color: #414141;
}

.zoekbutton{
width: 27px;
height: 21px;
border: 0px;
margin-left: -3px;
background: url("../afbeeldingen/button_zoeken.gif") 0 0 no-repeat;
text-indent: -9999px;
}

.breadcrumb{
width: 100%;
float: left;
position: relative;
margin-top: 10px;
height: 30px;
text-indent: 15px;
}

#footer{
width: 996px;
height: 72px;
background: url("../afbeeldingen/bg_footer.jpg") 0 0 no-repeat;
float: left;
position: relative;
line-height: 62px;
text-indent: 470px;
margin-top: 15px;
}

#footer a, #footer a:visited{
text-decoration: none;
}

#footer a:hover{
text-decoration: underline;
}

#contentvlak{
float: left;
position: relative;
margin-top: 10px;
width: 567px;
}

#contentvlak h1{
color: #ffffff;
font-size: 1.2em;
font-wight: bold;
}

#contentvlak div.tekst h2{
color: #52a36f;
font-size: 1.1em;
font-wight: bold;
}

#contentvlak div.tekst h3{
font-size: 1em;
color: #52a36f;
}

.vlak_opsomming{
width: 480px;
background: #fafafa;
border: 1px solid #f0f0f0;
padding: 5px;
}

#contentvlak .vlak_opsomming h1{
color: #52a36f;
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding: 0;
padding-bottom: 12px;
}

#contentvlak .vlak_opsomming a{
color: #df5957;
}

.vlak_opsomming ul{
list-style: none;
margin: 0;
padding: 0;
padding-bottom: 12px;
}

.vlak_opsomming li{
padding-left: 12px;
padding-bottom: 5px;
background: url("../afbeeldingen/bol_groen.gif") left top no-repeat;
}

#zijbalk{
float: left;
position: relative;
margin-top: 10px;
width: 172px;
margin-top: 220px;
background: url("../afbeeldingen/streep_zijbalk.jpg") 0 0 no-repeat;
}

#contactopnemen{
width: 172px;
height: 29px;
float: left;
position: relative;
color: #ffffff;
font-weight: bold;
background: url("../afbeeldingen/item_zijbalk_groen.gif") 0 0 no-repeat;
margin-top: 3px;
text-indent: 39px;
line-height: 30px;
}

#contactopnemen a, #contactopnemen a:hover, #contactopnemen a:visited{
color: #ffffff;
text-decoration: none;
}

#belmijterug{
width: 172px;
height: 29px;
float: left;
position: relative;
color: #ffffff;
font-weight: bold;
background: url("../afbeeldingen/item_zijbalk_groen.gif") 0 0 no-repeat;
margin-top: 3px;
text-indent: 39px;
line-height: 30px;
}

#belmijterug a, #belmijterug a:hover, #belmijterug a:visited{
color: #ffffff;
text-decoration: none;
}

#demoaanvragen{
width: 172px;
height: 29px;
float: left;
position: relative;
color: #ffffff;
font-weight: bold;
background: url("../afbeeldingen/item_zijbalk_groen.gif") 0 0 no-repeat;
margin-top: 3px;
text-indent: 39px;
line-height: 30px;
}

#demoaanvragen a, #demoaanvragen a:hover, #demoaanvragen a:visited{
color: #ffffff;
text-decoration: none;
}

#vlak_contactopnemen{
width: 158px;
float: left;
position: relative;
margin-left: 2px;
background: url("../afbeeldingen/bg_vlak_zijbalk.jpg") 0 0 repeat-x;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
padding-top: 10px;
padding-left: 10px;
}

#vlak_belmijterug{
width: 158px;
float: left;
position: relative;
margin-left: 2px;
background: url("../afbeeldingen/bg_vlak_zijbalk.jpg") 0 0 repeat-x;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
padding-top: 10px;
padding-left: 10px;
}

#vlak_demoaanvragen{
width: 158px;
float: left;
position: relative;
margin-left: 2px;
background: url("../afbeeldingen/bg_vlak_zijbalk.jpg") 0 0 repeat-x;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
padding-top: 10px;
padding-left: 10px;
}

.input_formulier{
border: 1px solid #f0f0f0;
width: 145px;
height: 19px;
margin-bottom: 5px;
color: #747474;
}

.button_formulier{
width: 110px;
height: 27px;
color: #747474;
background: url("../afbeeldingen/button_formulier.jpg") 0 0 repeat-x;
border: 0px;
}

.textarea_formulier{
border: 1px solid #f0f0f0;
width: 145px;
color: #747474;
}

.inleiding{
width: 480px;
height: 100px;
color: #ffffff;
}

.tekst{
width: 480px;
}

.titel_foto{
font-face: "Trebuchet MS", Arial;
font-size: 1.1em;
font-weight: bold;
color: #ffffff;
position: absolute;
width: 250px;
display: block;
top: 168px;
right: -185px;
z-index: 50;
}

	/* BEGIN MENU */
		
.megamenu {
width:996px;
height:60px;
color: #172983;
margin:0;
padding:0;
position: absolute;
top: 87px;
z-index: 200;
}

.megamenu ul {
text-align:left;
list-style-type:none;
margin:0;
padding:9px;
background: url("../afbeeldingen/bg_menu.gif") left top no-repeat;
font-size: 1.1em;
}

.megamenu ul li {
list-style-type:none;
display:inline;
margin:0;
background: none;
}

.megamenu ul li strong{
text-decoration:none;
margin:0;
padding:19px;
color: #172983;	
background: none;
}

.megamenu ul li a,.megamenu ul li a:visited {
text-decoration:none;
margin:0;
padding:10px;
color: #172983;
padding-right: 71px;
background: none;
}

.megamenu ul li a:hover,.megamenu ul li a:visited:hover {
text-decoration:none;
margin:0;
padding:10px;
text-decoration: underline;
color: #172983;
padding-right: 71px;
background: none;
}

.megamenu ul li.downservices {
margin:0;
padding:10px 8px 10px 10px;
font-weight: bold;
background: none;
}

.servicesdropped {
display:none;
text-align:left;
position:absolute;
width:825px;
border-bottom:1px solid #dddddd;
margin: 9px 0 0 0px;
padding: 10px 20px 20px;
padding-left: 140px;
background: none;
background: #d2d2d2 url("../afbeeldingen/bg_submenu.gif") left top repeat-x;
}

.servicesdropped p.textleft {
float:left;
font-size:12px;
width:200px;
margin:10px 0 0;
padding:0 20px 15px 10px;
}

.servicesdropped ul.lijst2 {
text-align:left;
float:left;
font-size:12px;
width:170px;
margin:0;
padding:0;
background: none;
}

.servicesdropped ul.lijst3 {
text-align:left;
float:left;
font-size:12px;
width:178px;
margin:0;
padding:0;
background: none;
}

.servicesdropped ul.lijst1 {
text-align:left;
float:left;
font-size:12px;
width:178px;
margin:0;
padding:0;
background: none;
margin-right: 20px;
}

.servicesdropped ul.lijst1 li a,.servicesdropped ul.lijst3 li a,.servicesdropped ul.lijst2 li a {
list-style-type:none;
display:block;
color:#172983;
font-size:12px;
margin:0;
padding:5px 0 5px 21px;
background: none;
}

.servicesdropped ul.lijst1 li a:hover,.servicesdropped ul.lijst3 li a:hover,.servicesdropped ul.lijst2 li a:hover {
list-style-type:none;
color:#172983;
display:block;
font-size:12px;
margin:0;
padding:5px 0 5px 21px;
background: none;
}

/* EINDE MENU */

#subsubnavigatie{
float: left;
position: relative;
width: 210px;
margin: 0px;
padding: 0px;
}

#subsubnavigatie ul, #subsubnavigatie li{
list-style: none;
width: 180px;
margin: 0px;
padding: 0px;
text-indent: 35px;
}

#subsubnavigatie li a, #subsubnavigatie li a:visited{
width: 180px;
height: 28px;
display: block;
text-decoration: none;
line-height: 26px;
margin: 0px;
padding: 0px;
background: url("../afbeeldingen/bg_subsubnavigatie.jpg") left top no-repeat;
}

#subsubnavigatie li a:hover{
text-decoration: underline;
background: url("../afbeeldingen/bg_subsubnavigatie.jpg") left top no-repeat;
}

#subsubnavigatie li a.actief{
color: #172983;
width: 180px;
height: 42px;
font-weight: bold;
text-decoration: none;
line-height: 43px;
background: url("../afbeeldingen/bg_subsubnavigatie_actief.jpg") left top no-repeat;
}

#subsubnavigatie li.actief{
color: #172983;
width: 180px;
height: 42px;
font-weight: bold;
text-decoration: none;
line-height: 43px;
background: url("../afbeeldingen/bg_subsubnavigatie_actief.jpg") left top no-repeat;
}