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

*{
	margin:0;
	padding:0;
}

html, body{
	height:100%;
	background:#FFF url(../afbeeldingen/body_bg.jpg) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	margin-bottom: -79px;
}


h2{
	font-size:22px;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:10px;
}

h3{
	font-size:13px;
	color:#000;
	margin-bottom:10px;
}

div#container{
	position:relative;
	width:970px;
	margin:0 auto;
	min-height:90%;
	height:auto !important; /* voor moderne browsers */
	height:90%; /* voor IE */
}

/* header */
div#logo{
	float:left;
	margin-top:0;
	margin-left:0;
	width:220px;
	height:100px;
}

div#flash{
	float:right;
	margin-top:120px;
	margin-right:0;
	width:750px;
	height:200px;
}

/* paginainhoud */
div#nav{
	float:left;
	margin-top:20px;
	margin-left:0;
	width:220px;
}

div#nav ul{
	list-style-type:none;
}

div#nav a{
	display:block;
	height:32px;
	width:219px;
	color:#FFF;
	margin-bottom:1px;
	line-height:32px;
	text-indent:10px;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
}

	div#nav a.home{
		background:#9dc107;
	}
	
	div#nav a.offset{
		background:#fcd300;
	}
	
	div#nav a.producten{
		background:#e24e15;
	}
	
	div#nav a.info{
		background:#0084b2;
	}
	
	div#nav a.contact{
		background:#e98f27;
	}
	
	div#nav a.aanvraag{
		background:#b7287f;
		height:35px;
		line-height:35px;
	}
		
		div#nav a:hover{
			background:#333;
		}

div#content{
	float:left;
	margin-top:20px;;
	margin-left:0;
	width:970px;
}

		
div#adres{
	float:left;
	margin-left:0;
	width:208px;
	margin-top:0;
	text-align:right;
	padding-right:10px;
}
	
	div#adres.homepage{
		border-right:#9dc107 solid 1px;
	}
	
	div#adres.contactpage{
		border-right:#e98f27 solid 1px;
	}
	
	div#adres.offsetpage{
		border-right:#fcd300 solid 1px;
	}
	
	div#adres.productpage{
		border-right:#e24e15 solid 1px;
	}
	
	div#adres.infopage{
		border-right:#0084b2 solid 1px;
	}
	
	div#adres.aanvraagpage{
		border-right:#b7287f solid 1px;
	}

div#text{
	float:left;
	margin-left:25px;
	margin-top:0;
	width:650px;
}

	div#adres a, div#text a{
			text-decoration:none;
		}
		
			div#adres a.home, div#text a.home{
				color:#9dc107;
			}
			
			div#adres a.contact, div#text a.contact{
				color:#e98f27;
			}
			
			div#adres a.offset, div#text a.offset{
				color:#fcd300;
			}
			
			div#adres a.product, div#text a.product{
				color:#e24e15;
			}
			
			div#adres a.info, div#text a.info{
				color:#0084b2;
			}
			
			div#adres a.aanvraag, div#text a.aanvraag{
				color:#b7287f;
			}
		
				div#adres a:hover, div#text a:hover{
					color:#000;
				}

	div#text.homepage h2{
		color:#9dc107;
	}
	
	div#text.contactpage h2{
		color:#e98f27;
	}
	
	div#text.offsetpage h2{
		color:#fcd300;
	}
	
	div#text.productpage h2{
		color:#e24e15;
	}
	
	div#text.infopage h2{
		color:#0084b2;
	}
	
	div#text.aanvraagpage h2{
		color:#b7287f;
	}
	
/* --------------ALLES IN DE FOOTER-------------- */

div#footer{
	float:left;
	margin-bottom:0;
	margin-left:0;
	width:100%;
	height:79px;
}

div#footer_content{
	margin: 0 auto;
	width:970px;
	height:79px;
	border-top:#CCC 1px solid;
}

div#footer_content_left{
	float:left;
	margin-top:25px;
	margin-left:0;
	width:450px;
}

div#footer_content_right{
	float:right;
	margin-top:25px;
	margin-right:0;
}

div#footer_content p{
	color:#929292;
	line-height:17px;
	font-size:11px;
}

div#footer_content a{
	font-family:Arial, Helvetica, sans-serif;
	color:#929292;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

div#footer_content a:hover, div#footer_content a:active{
	text-decoration:underline;
}

div#footer_content ul {
	list-style-type:none;
}

div#footer_content ul li{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#929292;
	font-size:11px;
}

div#footer_content ul li a{
	font-family:Arial, Helvetica, sans-serif;
	color:#929292;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
}

div#footer_content ul li a:hover, div#footer_content ul li a:active{
	text-decoration:underline;
}

/* --------------FORMULIEREN-------------- */

ul{
	list-style-type:none;
}

fieldset{
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #658c9e;
}

fieldset.verzenden{
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
	background: #fff;
}

legend{
	font-weight:bold;
	font-size:15px;
	color:#666;
}

label{
	float:left;
	font-size:12px;
	width:100px;
}

.informatie{
	font-size:12px;
}

input{
	width:150px;
	height: 25px;
	border:#000 1px solid;
	background:#EEE;
	margin-bottom:5px;
}

input.long{
	width:500px;
	height: 25px;
	border:#000 1px solid;
	background:#EEE;
}

input:focus, textarea:focus{
	background:#b7287f;
	color:#FFF;
}

input.btn{
	width:150px;
	height: 30px;
	margin-left:0;
	margin-top:5px;
	cursor:pointer;
	background:#b7287f;
	color:#FFF;
}

input.btn:hover{
	background:#333;
	color:#FFF;
	cursor:pointer;
}

textarea{
	width:600px;
	height: 150px;
	border:#7e766f 1px solid;
	background:#EEE;
}

.highlight{
	color:#F00;
}

.googlemap{
	border: #c8c3be 1px solid;
}

.contact_foto{
	float:right;
	margin-right:0;
	margin-bottom:10px;
	border:#c8c3be 1px solid;
}