/* CSS Document 4PIP _blauw_home */
/******** CONTAINER *****/
body{
	background-image: url(../images/layout/blauw_home/achtergrond_blauw_h.gif);
	background-color: #061A8E;
}

#header_left{
	background-image: url(../images/layout/blauw_home/header_links_blh.gif);

}
#header_right{
	background-image: url(../images/layout/blauw_home/header_rechts_blh.gif);

}
#nav li a:hover, #nav li a.active {
	color: #021065;
	background-image: url(../images/layout/blauw_home/sub_blh.gif);
}	



/********** submenu************/
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{ 
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{ /* lists nested under hovered list items */
left: auto;
}
#nav li ul li a{
	color: #0b9fd3;
	font-size: 1.1em;
		padding: 2px 5px 2px 15px;
		margin-left: 25px;
		margin-top: 8px;
			background-image: url(../images/layout/blauw/sub_sub_blauw_a.gif);
			background-repeat: no-repeat;
	background-position: right center;
	width: 75px;
		}

#nav li ul li a:hover, #nav li ul li a.actief{
	background-image: url(../images/layout/blauw/sub_sub_bl_ho.gif);
	font-weight: normal;
	padding-left: 15px;
			background-repeat: no-repeat;
	background-position: right center;
	width: 75px;
	color: #F7F00B;
}
 #nav ul li ul li a.active{
	background-image: url(../images/layout/blauw/sub_sub_bl_ho.gif);!important
	}


/********** TEXT ************/
#tekst h1, #tekst h2, #tekst a:hover, #tekst h3 {
	color:#064ecc;
	}

.img a:hover, .img a:active, .img1 a:hover, .img1 a:active{
	background-color:#064ecc;
}


#tekst .button a{
	background-color:#064ecc;
}
#tekst .button a:hover{
	color:#064ecc;
}


/**rechts**/

#nav2 li a {
	background-image:url(../images/layout/blauw_home/blauw_blh.gif);
}
#nav3 li a {
	background-image:url(../images/layout/blauw_home/rood_blh.gif);
}

#nav4 li a {
	background-image:url(../images/layout/blauw_home/paars_blh.gif);
}

#nav5 li a {
	background-image:url(../images/layout/blauw_home/groen_blh.gif);
}

#nav2 li a:hover{
	background-image:url(../images/layout/blauw_home/blauw_blh_ho.gif);
}	

#nav3 li a:hover{
background-image:url(../images/layout/blauw_home/rood_blh_ho.gif);
}	

#nav4 li a:hover{
background-image:url(../images/layout/blauw_home/paars_blh_ho.gif);
}	

#nav5 li a:hover {
background-image:url(../images/layout/blauw_home/groen_blh_ho.gif);
}	

.blauw{
	color:#064ecc;
	font-weight: bold;
}
/********** LISTS **********/
#list ul li{
	background-image: url(../images/layout/blauw_home/bullet_blauw.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#list2 ul li{
	background-image: url(../images/layout/blauw_home/bullet_blauw.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
}

/********** FOOTER **********/
#footer p, #footer a, #footer a:visited, #footer a:active, #footer a:hover{
color:#064ecc;

}

#nav_head a.normal:hover, #nav_head a.active{
	background-image: url(../images/layout/blauw_home/menu_h_blh.gif);
}

#tekst1{

}

#tekst2{
}

.ingang{
}

/********** TEXT ************/
/**right en left***/
#midden1 {
	display:block;
	width:1000px;
	height:auto;
	float:left;
	margin-top:0;
	padding-left:0;
}

#middle2{
	display: block;
	width:631px;
		float: left;
		margin-left: 148px;
	}
#tekst1{
	display: block;
	width:631px;
	margin-top:0;
	float: left;
	margin-left: 0px;
	line-height:1.6em;
	font-size:1.1em;
	padding 15px 20px 20px 20px;
	background-image: url(../images/layout/blauw_home/bg_home_trans.png);
	background-repeat: repeat;
	}

#tekst1_titel{
width: 631px;
height: 36px;
background-image: url(../images/layout/blauw_home/balk_bg.png);
background-repeat: repeat-x;
	}
#tekst1 p{
margin: 5px 0px 0px 0px;
color:#fff;

}
#tekst1 h1{
	font-size:1.5em;
	color:#06BA1F;
	font-weight:bold;
	padding-top: 6px;
	margin: 0px 0px 15px 0px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	line-height: normal;
	}
#tekst1 h2{
	font-size:1.1em;
	color:#06BA1F;
	margin: 10px 0px 0px 0px;
font-family: Tahoma, Verdana, Arial, sans-serif;
}
#tekst1 a, #tekst1 a:active, #tekst1 a:visited{
	color:#333333;
	text-decoration: underline;
}
#tekst1 a:hover{
	color:#06BA1F;
	text-decoration: none;
}

#tekst2_titel{
width: 188px;
height: 36px;
background-image: url(../images/layout/blauw_home/balk_bg.png);
background-repeat: repeat-x;
margin-left: 33px;
	}

#tekst2{
	display: block;
	width:188px;
	margin-top:0;
	float: left;
	line-height:1.6em;
	font-size:1.1em;
	padding 15px 20px 20px 20px;
	margin-left: 33px;
	background-image: url(../images/layout/blauw_home/bg_home_trans.png);
	background-repeat: repeat;
	}

/***** HEADER *****/
#header2{
	display:block;
	width:1000px;
	height:190px;
	float:left;
	margin-top:0;
	padding-left:0;
}
#header2_left{
	display:block;
	width:635px;
	height:190px;
	float:left;
	margin-top:0;
	padding-left:0;
	background-image: url(../images/layout/blauw_home/header_links_index.gif);
	background-repeat: no-repeat;
}
#header2_right{
	display:block;
	width:365px;
	height:190px;
	float:left;
	margin-top:0;
	padding-left:0;
	background-image: url(../images/layout/blauw_home/logo_groot_home.gif);
	background-repeat: no-repeat;
}

#header2text{
	height: 50px;
	width:200px;
	margin-left:158px;
	color:#F7F00B;
	font-size: 14px;
	display: block;
	margin-top: 83px;
	position: absolute;
	font-weight: bold;
}

/********** FOOTER **********/
#footer2{
	clear: both;
	float: left;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	text-align:right;
	height:80px;
		}
#footer2 p{
	font-size:1.1em;
	margin-top: 30px;
	margin-right: 0;
	text-align:right;
	padding-right: 230px;
}
#footer2 a, a:visited, a:active{
	text-decoration: underline;
}
#footer2 a:hover{
text-decoration: none;
}



	
	/*Formulier bestellen */
/*opmaak inputvelden */
 #form input
    {
    background-color: #f5f5f5;
        border-width: 1px;
    font-size: 13px;
    border-style: solid;
    border-color: #cccccc;
      margin-bottom: 10px;
	  	padding: 3px;
		color:#333333;
		margin-top: 4px;
    }

#form #car{
	color:#003366;
}

/*opmaak keuzeformulier cars */
#form #car #formCars {
    background-color: #f5f5f5;
        border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
      margin-bottom: 10px;
	  	padding: 3px;
			color:#003366;

}

fieldset{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#form p .lijn {
	line-height: 1.6em;
	font-weight: bold;
	background-image: url(../images/layout/lijn-630.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 3px;
	margin-top: 10px;
}

#form p.red{
	font-weight: bold;
	display: block;
	width: 510px;
	margin-left: 100px;
	float: left;
	color: #FF0000;
		margin-top: 0px;
	margin-bottom: 15px;
}

#form p.red-left, #form p.green, #form p.red-left1{
	font-weight: bold;
	display: block;
	width: 610px;
		margin-top: 0px;
	margin-bottom: 15px;
	float: left;
	color: #FF0000;
}
#form p.red-left1{
margin-left: 228px;
}

#form p.green {
color: #009900;
}


#form label{
    float: left;
    width: 85px;
    text-align: left;
    margin-right: 10px;
	padding:3px;
	font-size:11px;
	margin-top: 4px;
	color:#064ecc;
}

#form #aanhef span{
color:#064ecc;
}
#form # span {
 	  	padding: 3px;
	color:#0382f8;
	margin-right: 5px;
	font-size: 1.1em;
}

#form # input {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin:0;
	padding:0;
	margin-top: 8px;
}





#form #woonplaats input{
        width: 185px;
}
#form #post-woonpl{
display: block;
width: 550px;
float:left;
}
#form #adres{
display: block;
width: 550px;
float: left;
}
#form #adres input{
width: 415px;
}

#form #postcode{
display: block;
width: 180px;
float: left;
}

#form #postcode input{
width: 60px;
}

#form #woonplaats input{
        width: 235px;
}
#form #post-woonpl{
display: block;
width: 550px;
float:left;
}

#form #email input, #form #tel input, #form #adres input, #form #kilometerstand input, #form #school input, #form #name input{
        width: 415px;
}

#form #check label{
    width: 210px;
}

#form #check input{
width: 290px;
}

#form #email2, #form #tel3, #form #nibr, #form #check-rood{
display: block;
width: 550px;
float: left;
}

#form #contactmethode #formContactmethode {
    background-color: #f5f5f5;
        border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
      margin-bottom: 10px;
	  	padding: 3px;
			color:#003366;
			width: 100px;

}

#form #nieuwsbrief span{
	font-size:1.1em;
	color:#0382f8;
	margin-left: 5px;
}
 #form #nieuwsbrief input{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#form input.submit, #form input.submit_ho, #form input.submit, #form :hover input.submit{
width: 120px;
	height: auto;
	font-size: 12px;
	color: #fff;
	padding: 8px;
	font-weight: bold;
		background-color: #064ecc;
	border: 1px solid #a3bfce;
	display:block;
	float:left;
	margin-top: 15px;
	cursor: pointer;
cursor: hand;

}
#form :hover input.submit{
color: #064ecc;
background-color:#ffffff;
 }
 

 
 #form #soort span{
	font-size:1.1em;
	color:#0382f8;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom:15px;
}
 #form #soort input{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 15px;
}

#form #spellen, #form #spellen1 , #form #spellen2 , #form #spellen3  {
width: 540px;
display:block;
float: left;
}

#form #spellen label, #form #spellen1 label, #form #spellen2 label, #form #spellen3 label, #form #opmerking label{
width: 280px;
display:block;
float: left;
margin-left: 10px;
margin-top:-5px;
color: #333333;
}

	 
#form textarea {
    width: 416px;
    height: 100px;
    background-color: #f5f5f5;
        border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
      font-family: Arial, Helvetica, sans-serif;
    font-size: 13 px;
    color:#333333;
    margin-bottom: 10px;
	padding:2px;
    } 
	
 
#form #spellen #formspel, #form #spellen1 #formspel, #form #spellen2 #formspel, #form #spellen3 #formspel, #form #spellen4 #formspel {
    background-color: #f5f5f5;
        border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
      margin-bottom: 10px;
	  	padding: 3px;
			color:#333333;
			width: 150px;
			font-size:13px;
			margin-top: 7px;
			display:block;
			float: right;

}

.lijn{
	background-image:url(../images/layout/lijn_550.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	width: 600px;
	float: left;
	font-weight: bold;
}



#tekst h2.lijn{
	padding-bottom: 2px;
	margin: 10px 0px 8px 0px;
}

#tekst p.bl{
	color:#064ecc;
}