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

body{
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*Header*/
#bg_left_header, #bg_right_header{
	width:50%;
	height:120px;
	position:absolute;
	z-index:-1;
}
#bg_left_header{
	float:left;
	left: 0px;
	top: 0px;
	background-image:url(../img/bg_header_left.gif);
}
#bg_right_header{
	float:left;
	left:50%;
	top: 0px;
	background-image:url(../img/bg_header_right.gif);
}
#header{
	width:955px;
	height:120px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/bg_header_right.gif);
	background-repeat:repeat-x;
}
#header_logo{
	width:300px;
	height:120px;
	background-image:url(../img/logo.gif);
	background-repeat:no-repeat;
	float:left;
}
#header_navigatie{
	width:655px;
	height:20px;
	padding-left:0px;
	padding-top:100px;
	float:left;
}
/*verticale topmenu navigatie menu*/
.topmenu{
	font-size:12px;
}
.topmenu ul{
	margin:0px;
	padding-left: 255px;
	/*list-style-type: none;*/
}
.topmenu ul li{
	display:inline;
	/*position: relative;*/
	float: left;
}
.topmenu ul li a{
	color:#afb3b7;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}
.topmenu ul li a:hover{
	color:#970d36;
	background-color:;
}
/*Veld*/
#veld{
	margin-left:auto;
	margin-right:auto;
	width:955px;
}

#sidebarleft, #maincontent, #maincontent_page{
	margin-top:20px;
	float:left;
}
#sidebarleft{
	padding-top:50px;
	width:180px;
	margin-left:50px;
	margin-right:25px;
}
#maincontent{
	width:700px;
}
#maincontent_page{
	width:655px;
	min-height: 400px;
	padding-top:50px;
	margin-left:45px;
}
/*verticale topmenu navigatie menu*/
.veldmenu{
	font-size:14px;
}
.veldmenu ul{
	margin:0px;
	padding: 0px;
	list-style-type: none;
}
.veldmenu ul li{
	display:block;
	/*position: relative;*/
	/*float: left;*/
}
.veldmenu ul li a{
	color:#970d36;
	line-height:20px;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}
.veldmenu ul li a:hover{
	color:#afb3b7;
	background-color:;
}
#grafisch, #internet, #overons, #aanbieding{
	width:255px;
	min-height:140px;
	padding-left:45px;
	padding-top:50px;
	background-repeat:no-repeat;
	float:left;
}
#grafisch{
	background-image:url(../img/bg_grafisch.jpg);
}
#internet{
	margin-left:30px;
	background-image:url(../img/bg_internet.jpg);
}
#overons{
	background-image:url(../img/bg_overons.jpg);
}
#aanbieding{
	margin-left:30px;
	background-image:url(../img/bg_aanbieding.jpg);
	padding-top:px;
}
a.aanbieding{
	font-size:12px;
	color:#970d36;
	text-decoration:none;
}
a:hover.aanbieding{
	color:#afb3b7;
}
.spacer{
	clear:both;
}

/*Footer*/
#footer{
	width:100%;
	margin-top:15px;
	height:20px;
	background-image:url(../img/bg_footer.gif);
	background-repeat:repeat-x;
}
#footertekst{
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	width:700px;
	padding-left: 255px;
	font-size:10px;
	color:#970d36;
}

/*********************************** Css stijlen die nodig voor page.php ***************************************/
#maincontentpage{
	width:700px;

}
/*verticale topmenu navigatie menu voor de page*/
.leftsidebarmenu{
	font-size:12px;
}
.leftsidebarmenu ul{
	margin:0px;
	padding: 0px;
	list-style-type: none;
}
.leftsidebarmenu ul li{
	display:block;
	/*position: relative;*/
	/*float: left;*/
}
.leftsidebarmenu ul li a{
	color:#970d36;
	line-height:20px;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}
.leftsidebarmenu ul li a:hover{
	color:#afb3b7;
	background-color:;
}
/*Opbouw formulieren*/
.inputform{
	margin-bottom:12px;
	font-size:12px;
}
.inputform label{
	width:200px;
	float:left;
	margin-bottom:10px;
}
.inputform div{
	float:left;
	margin-bottom:10px;
	margin-right:10px;
}
.inputform br{
	clear:both;
}
input, textarea{
	font-size:12px;
	color:#970d36;
	border:1px solid #970d36;
}
label{
	font-size:12px;
}
.formtext{
	font-size:12px;
	margin-bottom:10px;
	clear:both;
}
