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

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

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;
*background: none;
}

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;
}

#container{
width: 996px;
margin: 0 auto 0 auto;
font-size: 1.2em;
position: relative;
*background: url("../afbeeldingen/bg_container.jpg") top center no-repeat;
}

#contentcontainer{
width: 999px;
float: left;
position: relative;
margin-top: 70px;
background: #ffffff;
}

.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: -25px;
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: #172983;
font-size: 1.1em;
font-wight: bold;
}

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

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

#contentvlak .vlak_opsomming h1{
color: #172983;
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_paars.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_paars.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_paars.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_paars.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 BOXED */

#zijbalk_boxed{
float: left;
position: relative;
width: 323px;
margin-right: 10px;
font-size: 12px;
}

#content_boxed{
float: left;
position: relative;
width: 663px;	
font-size: 12px;
}

#content_boxed h1{
font-size: 1.3em;
font-weight: bold;
color: #172983;		
}

#content_boxed h2{
font-size: 1.1em;
font-weight: regular;
color: #4e4e4e;		
}

#zijbalk_boxed h3, #content_boxed h3{
font-size: 1.0em;
font-weight: bold;
color: #172983;	
margin: 0;
padding: 0;
}

hr{
width: 100%;
float: left;
position: relative;
border: 1px solid #bbbbbb;
margin-bottom: 20px;
}

.pakket_boxed{
width: 313px;
float: left;
position: relative;
margin-top: 20px;
border-bottom: 1px solid #bbbbbb;
}

.tekst_pakket{
width: 236px;
float: left;
position: relative;
}

.pakket_boxed a, .pakket_boxed a:visited{
	color: #172983;
	text-decoration: underline;
}

.pakket_boxed a:hover{
text-decoration: none;	
}

a.button_boxed, a:active.button_boxed, a:visited.button_boxed{
	width: 156px;
	height: 33px;
	background: url("../afbeeldingen/button_boxed.gif") left top no-repeat;
	color: #ffffff;
	text-decoration: none;
	float: left;
	text-indent: 25px;
	line-height: 28px;
	font-size: 11px;
}

a:hover.button_boxed{
text-decoration: underline;	
color: #ffffff;
}

.boxed_tekst{
float: left;
position: relative;
width: 100%;
margin-bottom: 20px;
}

.tekst_rechts{
float: left;
position: relative;
width: 478px;
}

.boxedimage_rechts {
float: left;
position: relative;	
margin-left: 10px;
}

.boxedimage_links{
float: left;
position: relative;
margin-right: 10px;
}

.tekst_links{
float: left;
position: relative;
width: 478px;
}

#overlay_boxed{
position:absolute; 
z-index:9999; 
height:400px; 
width:996px; 
left:0px; 
top:0px; 
background: #ffffff;
border: 1px solid #bbbbbb;
}

table{
margin-top: 20px;
margin-bottom: 20px;
font-size: 12px;	
float: left;
}

.grijs{
background-color: #dddddd;	
}

a.tabel_sluiten{
width: 100px;
height: 13px;
float: right;
text-indent: 18px;	
color: #172983;
font-size: 12px;
text-decoration: none;
background: url("/afbeeldingen/tabel_sluiten.gif") left center no-repeat;	
}

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

.tablebody{
background: #ffffff;	
}

.formrij{
width: 600px;
height: 30px;
margin-bottom: 10px;
float: left;
position: relative;
}

.formrij_text{
width: 600px;
height: 150px;
margin-bottom: 10px;
float: left;
position: relative;
}

label{
display: block;
float: left;
position: relative;
width: 250px;
font-size: 1.2em;
padding-left: 8px;
}

.headerofferte{
color: #172983;
font-size: 1.2em;
font-wight: bold;
padding-left: 8px;
}

.inleiding_offerte{
font-size: 1.2em;
padding-left: 8px;
}

/* EINDE BOXED */

#blanket {
   background-color:#ffffff;
   opacity: 0.65;
   position:absolute;
   z-index: 9001;
   top:0px;
   left:0px;
   width:100%;
   height: 100%;
}
#popUpDiv {
	position:absolute;
	background-color:#ffffff;
	width:700px;
	height:400px;
	z-index: 9002;
	top: 0px;
}

#popUpDiv2 {
	position:absolute;
	background-color:#ffffff;
	width:700px;
	height:400px;
	z-index: 9002;
}

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