/* CSS Document */

* { 
			margin: 0; 
			padding:0;
} 

html, body { 
			background-color:#6d7276;
			font-family:Arial, Helvetica, sans-serif;
			/*color:#ffffff;*/
			background-image:url(../images/bg.jpg);
			background-position:center top;
			background-repeat:no-repeat;
			border:0;
			font-size:85%;
			} 
img 		{
			border:0;
			}
a{
			color:#215f92;
			text-decoration:none;
			font-weight:bold;			
}

li {		margin-left:13px;
}

a:hover{
			text-decoration:underline;
}

a:link {	outline:none; 
}

p {
			margin-top: 0em;
			margin-right: 0em;
			margin-bottom: 0em;
			margin-left: 0em;
}

#container  {		
			width: 1002px;
			margin-left:auto;
			margin-right:auto;
			margin-top:0px;		
}

.groenclass {
	color:#93cb50;
	font-weight:bold;}

/* -------- rollover ----------- */

#rollover2
{
  display: block;
  width: 144px;
  height: 120px;
  background: url("../images/rec.jpg") no-repeat 0 0;

}

#rollover2:hover
{ 
  background-position: 0 -120px;
}

#rollover2 span
{
  display: none;
}

#rollover
{
  display: block;
  width: 166px;
  height: 120px;
  background: url("../images/pro.jpg") no-repeat 0 0;

}

#rollover:hover
{ 
  background-position: 0 -120px;
}

#rollover span
{
  display: none;
}

/* ---------- rollover eind --------*/
h1{
			color:#ffffff;
			font-size:1.4em;
			margin-bottom:10px;
			line-height:88%;
}

h2{

			color:#ffffff;
			font-size:1.4em;
			margin-bottom:10px;
			margin-top:10px;
			
}

h3{
			color:#ffffff;
			font-size:1.1em;
			margin-bottom:10px;
}

h4{
			color:#ffffff;
			font-size:1.0em;
}

h5{
			color:#ffffff;
			font-size:0.8em;
}

h6{
			color:#ffffff;
			font-size:0.6em;
}

#header{
			width:1002px;
			height:120px;
			background-image:url(../images/header.jpg);
	
			background-color:#CDCED2;
}
#logo{
			height:82px;
			width:136px;
			padding-top:14px;
			padding-left:20px;
			float:left;
}

/*-------- splash screen ---------*/

#splash_conten{
			background-image:url(../images/splash_content.jpg);
			width:1002px;
			height:369px;
			background-repeat:no-repeat;
			background-color:#FFFFFF;
}
#splash_footer{
			background-image:url(../images/footer.jpg);
			width:1002px;
			height:67px;
			background-color:#FFFFFF;
			background-repeat:no-repeat;
}

/*------- eind splash ---------*/



/*------ Specifications -------*/

#content-pro{
			width:1002px;
			height:auto;
			background-image:url(../images/conten_bg-pro.jpg);
			background-repeat:repeat-y;		
				
}

#content{
			width:1002px;
			height:auto;
			background-image:url(../images/conten_bg.jpg);
			background-repeat:repeat-y;		
				
}


#rec_klein{
			height:73px;
			width:310px;
			padding-top:0px;
			padding-right:20px;
			float:right;
}

#links_container{
			width:201px;
			height:auto;
			clear:both;
			float:left;
}

#links_menu{
			width:201px;
			height:auto;
			background-image:url(../images/menu_content.jpg);
			background-repeat:no-repeat;
			background-color:#F9FBFA;
			background-position:top;
			min-height:151px;
}


#links_menu_onder{
			width:201px;
			height:auto;
			background-image:url(../images/links.jpg);
			background-repeat:no-repeat;
			background-position:top;
			background-color:#E0E1E5;
			min-height:400px;
}

#midden_container{
			width:400px;
			height:auto;
			float:left;
}

#midden_vlak{
			width:400px;
			height:248px;
			background-color:#FFFFFF;
			color:#0e3254;
			font-size:1.2em;
			font-weight:bold;
}



#midden_vlak-extra{
			width:400px;
			height:500px;
			background-color:#FFFFFF;
			color:#0e3254;
			font-size:1.2em;
			font-weight:bold;
}



#midden_door-pro{
			width:400px;
			height:auto;
			background-image:url(../images/doorzichtig-groen.jpg);
			background-repeat:no-repeat;
			background-position:top;
			min-height:399px;
}

#midden_door-key-pro{
			width:400px;
			height:490px;
			background-image:url(../images/doorzichtig-groen.jpg);
			background-repeat:no-repeat;
}


#midden_door-step-pro{
			width:400px;
			height:800px;
			background-image:url(../images/doorzichtig-groen.jpg);
			background-repeat:no-repeat;
}





#rechts_container{
			width:40px;
			height:auto;
			float:left;
}
#rechts_vlak{
			width:401px;
			height:464px;
			background-image:url(../images/wit_rechts.jpg);
}


#rechts_vlak h2{
			color:#0e3254;
			font-size:1.2em;
			font-weight:bold;
}


#rechts_onder{
			width:400px;
			height:179px;
			background-image:url(../images/rechts_onder.jpg);
}


/* ------ eind Specifications ------- */


/*--------  producten -------*/

#prod_content{
			width:1002px;
			height:auto;	
			background-image:url(../images/prod_bg_2.jpg);
}

#prod_vak_cont{
			width:800px;
			height:auto;
			min-height:879px;
			background-image:url(../images/prod_bg.jpg);
			background-position:top;
			background-repeat:no-repeat;
			float:left;
			background-color:#C3C7CA;
}

#prod_vak_wit{
			width:200px;
			height:395px;
			overflow:hidden;
			background-color:#ffffff;
			float:left;
			border-bottom:solid 1px #e5e8ec;
}

#prod_vak_grijs{
			width:200px;
			height:395px;
			overflow:hidden;
			background-color:#edf0f3;
			float:left;
			border-bottom:solid 1px #e5e8ec;

}


#prod_vak_vlak{
			width:600px;
			min-height:600px;
			height:auto;
			background-color:#edf0f3;
			float:left;
			border-bottom:solid 1px #e5e8ec;

}




#prod_vak_txt{
			padding-top:20px;
			padding-left:20px;
			padding-right:15px;
			color:#0e3254;
}


#prod_vak_txt a{
			font-style:italic;
}


#prod_vak_txt h2{
			color:#0e3254;
}
/* ------ overzicht  --------*/

#over_head{
			width:1001px;
			height:247px;
			background-image:url(../images/over_midden.jpg);
}

#r-over_head{
			width:1001px;
			height:247px;
			background-image:url(../images/r-over_midden.jpg);
}




#over_onder{
			width:1000px;
			height:257px;
			background-image:url(../images/over_onder.jpg);
}

#over_onder-pro{
			width:1000px;
			height:257px;
			background-image:url(../images/over_onder-groen.jpg);
}



#over_footer{
			width:1000px;
			height:257px;
			background-image:url(../images/over_footer.jpg);
}

#over_txt{
			float:right;
			width:342px;
			height:226px;
			padding-right:25px;
			padding-top:15px;
			color:#0e3254;
}


#over_txt h1{
			font-size:2.3em;
			color:#0e3254;
}

#over_prod_content{
			width:auto;
			height:208px;
			padding-left:200px;
			padding-top:35px;
}

#over_product{
			height:195px;
			width:200px;
			float:left;
			color:#FFFFFF;
			line-height:18px;
}


#over_product a{
color:#ffffff;
}
#over_product a:hover{
text-decoration:underline;
}
#over_product img{
			border:solid 2px #7b8d9e;
}

#prod_footer{
			clear:both;
			background-color:#D0D3D8;
			width:1002px;
			height:235px;
}

/* ------ eind overzicht --------*/

/*menu ------------------------------*/

#menu{
			width:200px;
			height:auto;
			padding-top:10px;
			text-align:right;			
}			
	
	

#menu ul{
			list-style:none;
			font-size:1.1em;
}


#menu li{
			color:#0e3254;
			font-weight:bold;
			padding-right:20px;
}
	
/*Content vlak-----------------------------------------------*/
#vlak_cont{
			height:auto;
			width:641px;
			float:left;
			padding-left:10px;
			padding-bottom:20px;
}


#vlak_top{
			background-image:url(../images/vlak_top.jpg);
			height:30px;
			width:641px;
}
/*---------- midden ---------*/
#vlak_middle{
			background-color:#7793c2;
			height:auto;
			width:641px;
}

#vlak_bottom{
			background-image:url(../images/vlak_bottom.jpg);
			height:27px;
			width:641px;
}

#txt_vlak{
			padding-left:28px;
}
/*footer-----------------------------------------------*/
#footer{
			clear:both;
			background-image:url(../images/footer2.jpg);
			width:1002px;
			height:235px;
}

#footer_txt{
			float:right; 
			padding-right:40px; 
			padding-top:20px; 
			color:#687c90; 
			font-size:1.0em; 
			font-weight:bold;
}
#footer_txt a{
			color:#6D7276; 
}

#spacer{
			height:20px;
}