@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, ul, ul li {margin:0; padding:0; list-style:none;}
body, html {width:100%; height:100%; margin:0; padding:0;}
body { margin:0px; padding:0px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#434141; background:#FFF url(../img/header_verloop.gif) top left repeat-x;}

img {border:0px;}

h1{ font-size:24px; color:#2e008b; font-weight:normal;}
h2{ font-size:16px; color:#b1d127;}

a {text-decoration:underline; color:#b1d127; outline:none;font-weight:bold;}
a:hover { text-decoration:none;}


#header{width:980px; position:relative; margin-left:auto; margin-right:auto; position:relative; height:108px;}
#logo{ position:absolute; top:23px; left:25px; height:65px; width:127px;}
.tagline{ position:absolute; width:220px; top:58px; left:168px; color:#b1d127; font-size:11px; }

#menu{ position:relative; float:right; height:27px; font-size:14px; top:62px; right:0px; }
#menu ul li { position:relative; float:left; display:block; height:27px; line-height:27px; padding:0 30px;}
#menu ul li a{ font-weight:bold; color:#320096; text-decoration:none;}
#menu ul li a:hover{ text-decoration:underline;}
#menu ul li.stippel{ background:url(../img/stippel.gif) top right no-repeat;}
#menu ul li.active { background:#b1d127 url(../img/bg_menuitem1.gif) top left no-repeat; padding:0;}
#menu ul li.active a{ background:url(../img/bg_menuitem2.gif) top right no-repeat; color:#FFF; display:block; padding:0 30px;}

#submenu{ background:#300090; border-bottom:4px solid #ecf4cb}
#submenu_content{width:980px; position:relative; margin-left:auto; margin-right:auto; padding-top:66px; }

#submenu_content ul { position:relative; width:248px; margin:0 0 55px 0; font-size:11px;}
#submenu_content ul li{ display:block; width:248px; background:url(../img/stippel_sub.gif) bottom left repeat-x;  }
#submenu_content ul li a{ color:#FFF; display:block; height:31px; line-height:30px; padding-left:28px; text-decoration:none; background:url(../img/bullet1.gif) 12px 14px no-repeat; }
#submenu_content ul li.active a{ font-weight:bold; color:#b1d127; background:url(../img/bullet2.gif) 12px 15px no-repeat; }

#submenu_content ul li.active ul {margin:0;}
#submenu_content ul li.active ul li {margin-left:30px; background:none; margin-top:-5px;}
#submenu_content ul li.active ul li a {white-space: nowrap;color:#fff; font-weight:normal; background:url(../img/subbullet1.gif) 12px 14px no-repeat; text-decoration:underline;}
#submenu_content ul li.active ul li a:hover {text-decoration:none;}
#submenu_content ul li.active ul li.active a {font-weight:110%; color:#b1d127; background:url(../img/subbullet2.gif) 12px 15px no-repeat;}
#submenu_content ul li a:hover{ text-decoration:underline;}

#container{ position:relative; width:100%;}

#content{ position:absolute; background-color:#fff; width:684px; top:45px; right:50%; margin-right:-490px; z-index:5; min-height:600px;}
*html #content {height:600px;}
#usps{ position:relative; height:27px; width:604px; background:#2f008e; padding:0 40px; color:#FFF; font-size:14px; font-weight:bold;}
#usps span {padding-right:35px;}
#content_img{ position:relative; height:154px; width:684px; border-bottom:solid 4px #b1d127;}
.overlay_img{ position:absolute; top:0px; left:0px; z-index:99;}
#content_top, #content_middle{ position:relative; width:604px; margin:0 40px;}

#content_top{ height:36px; margin-top:23px; background:url(../img/stippel_grijs.gif) bottom left repeat-x;}
#content_middle h1{ line-height:30px;min-height:36px;margin-top:10px;padding:0; background:url(../img/stippel_grijs.gif) bottom left repeat-x;}


#content_middle{ margin-top:0px;padding-top:0px; line-height:18px;min-height:430px;}
/*.kruimelpad{ position:absolute; bottom:10px; right:0px; font-size:10px;}*/
.kruimelpad{position:relative;top:0px;display:block;width:100%;text-align:right;font-size:10px;}

#bg_content {position:relative; margin-top:-4px; width:100%; min-height:100px; margin-left:auto; margin-right:auto; background:url(../img/bg_content.gif) no-repeat top center;}
*html #bg_content { height:100px;}
#left{ position:relative; width:980px; padding-top:37px; margin-left:auto; margin-right:auto;}
#hulpnodig{ position:relative; width:179px; height:132px; padding:25px 40px 0 36px; background:url(../img/hulpnodig.gif) top left no-repeat;}
#hulpnodig h2{ color:#3b460c; font-size:20px; font-weight:normal;}
.tel{ font-size:20px; font-weight:bold; color:#000;}
.tijden { color:#3b460c; font-size:10px; }
.clear{ clear:both;}

#footer { position:absolute; bottom:-160px; left:-296px; width:980px; height:80px;}
#footerleft{ position:relative; float:left; width:247px; height:62px; background:url(../img/stippel_grijs.gif) top left repeat-x;}
#footerleft img{ position:absolute; top:20px; left:32px;}
#footerright{ position:relative; float:left; width:604px; height:62px; margin-left:49px; padding:12px 40px 0; font-size:11px; color:#bdbdbd; background:url(../img/stippel_grijs.gif) top left repeat-x;}
#footerright ul{
	float:right;
}

#footerright ul li {
	display:block;
	float:left;
	position:relative;
	margin-left:10px;
}

#footerright a { color:#bdbdbd;}
#content ul li {
	list-style:circle;
	margin-left:17px;
}

input.text,textarea{
border: 1px solid #B1D127;
}

.button{
	border:0;
	background-color: #FFFFFF;
	color: #B1D127;
	font-weight:bold;
}

.rounded{
	width:450px;
	background-color: #b1d127;
	padding: 10px;
}