/*  
Theme Name: ruimdienst reiniging Bart Moens
Theme URI: http://www.bartmoens.be
Description: Custom design for Bart Moens Londerzeel
Version: 2.0
Author: Lieven Vandenbroucke for Xtence
Author URI: http://www.xtence.be
*/
body{
	background-color:#fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #005D20;
	scrollbar-3dlight-color: #005D20;
	scrollbar-arrow-color: #005D20;
	scrollbar-track-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-base-color: #fff;
	scrollbar-face-color: #fff;   
	color: #000;
	background: url(bgbottom.jpg) bottom repeat-x;
	overflow-x: hidden;
}
a:link{
	text-decoration: none;
	color:#000;
	font-weight: bold;
}
a:visited{
	text-decoration: none;
	color:#025E1F;
	font-weight: bold;
}
a:hover{
	text-decoration: none;
	font-weight: bold;
	color: #025E1F;
}
a:active{
	text-decoration: none;
	font-weight: bold;
	color:#025E1F;
}
#page{
	background-color: #fff; 
	font-size: 1.1em;
	margin: 0 auto;
	padding:0;  
	position: relative;
	text-align: left;                        
	top: 0;
	width: 960px;
	z-index: 1;
}
#header-ontstoppen{
	position: relative;
	top: 0;
	left: 0;
	height:210px;
	margin: 0;
	padding:0;
}
#cleaning{
	position: relative;
	top: 0;
	left: 0;
	z-index: 100;
}
#ruimdienst-reiniging{
	float: right;
	margin-right: 50px;
}
#verstopping{
	width:960px;
	clear: both;
}
p.breadcrumb{
	float: left;
	font-size: 0.8em;
}
.ruimdienst{
	position: absolute;
	top: 80px;
	right: 90px;
	z-index:100;
}
.ruimdienst li{
	font-size: 16px;
	color: #025E1F;
}
h1{
	font-size:15px;
	font-weight: lighter;
	word-spacing: -1px;
	letter-spacing: -1px;
	color: #005D20;
	text-align: center;
	margin: 0;
	padding:0;
}
h1 a{
	color: #005D20;
	font-weight: normal;
	font-weight: lighter;
	word-spacing: -1px;
	letter-spacing: -1px;
}
h1 a:link{
	text-decoration: none;
	color: #005D20;
	font-weight: lighter;
}
h1 a:visited{
	color: #005D20;
	text-decoration: none;
	font-weight: lighter;
}
h1 a:hover{
	text-decoration: none;
	font-weight: lighter;
	color: #005D20;
}
h1 a:active{
	text-decoration: none;
	font-weight: lighter;
	color: #005D20;
}
#cleaning p.dienst{
	font-size: 1.1em;
	font-weight: lighter;
	word-spacing: -1px;
	letter-spacing: -1px;
	margin-bottom: 5px;
	color: #000;
	float: right;
}
h2{
	font-size: 1.3em;
	font-weight: lighter;
	color: #005D20;
	padding:0;
	margin: 6px 10px 0 10px;
}
h3{
	font-size: 1.3em;
	font-weight: lighter;
	color: #005D20;
	padding:0;
	margin: 6px 10px 0 10px;
}
h3.ruimwerken{
	font-size: 1em;
}
h4{
	font-size: 1.2em;
	font-weight: lighter;
	margin: 0;
	padding:0;
	margin-top: 20px;
}
#ontstoppingsdienst-inhoud{
	position: relative;
	top: -1px;
	left: 0;
	width:958px;
	padding-bottom: 20px;
	border:1px solid #ccc;
	background-image: url(advertentie.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	clear: both;
	overflow: hidden;
}
#ontstoppingen-geurhinder-content{
	float: left;
	margin: 27px 0;
	padding-bottom: 10px;
	width:720px;
}
h4.onderdeel{
	margin-top: 20px;
	border-bottom:1px solid #005D20;
	border-left:10px solid #005D20;
	padding-left: 10px;
	clear: #fff;
}
.dienstverlening{
	float: left;
	margin: 10px;
	margin-right: 40px;
	margin-left: 40px;
}
.dienstverlening h5{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
.oplossing{
	clear: left;
}
.top{
	float: right;
	font-size: 0.7em;
	clear: both;
}
em{
	font-size: 1.1em;
	padding-top: 4px;
}
ul.partners li{
	list-style: none;
	padding-top: 10px;
	text-align: center;
	width:217px;
}
.contacteer{
	font-size: 1.1em;
	margin-bottom: 50px;
	padding-bottom: 30px;
	border-bottom:1px solid #ccc;
}
.contacteer a{
	text-decoration: underline;
	color:#025E1F;
}
.contacteer a:hover{
	color: #333;
}
.link{
	margin: 10px;
	padding: 0;
	border: 0;
}
.adres{
	text-align: left;
	margin: 10px;
	padding: 10px;
	width: 300px;
	border:1px solid #ccc;
}
dt{
	font-size: 1.1em;
	text-decoration: underline;
}
.clear{
	clear: both;
	height:1px;
	line-height:1px;
	margin: 0;
	padding: 0;
}
.clr{
	clear: right;
}
.adres dd{
	margin: 5px 5px 5px 50px;
}
/*===========================inhoud============================*/

#vca-certificaat{
	float:right;
	width:200px;
	margin:10px;
	text-align: center;
	clear: right;
	border:1px solid #999;
}
#vca-certificaat img a{
	border:1px solid #999;
}
#service{
	position: absolute;
	top: 200px;
	right: 90px;
}
.adres-ruimdienst{
	float:left;
	margin: 20px;
	margin-bottom: 2px;
}
.diensten-ruimdienst{
	float:right;
	margin-top: 40px;
	width: 300px;
	color: #005D20;
}
.diensten-ruimdienst dt{
	font-size: 1.6em;
	text-decoration: underline;
}
.diensten-ruimdienst dd{
	font-size: 1.4em;
	padding-bottom: 5px;
}
.adres-ruimdienst ul li{
	list-style: none;
	padding-bottom: 8px;
	font-size: 1.2em;
	font-weight: bold;
	color: #025E1F;
}
.wagens-ruimdienst{
	margin: 0 0 0 100px;
}
.vcenter{
	padding: 30px 0 0 0;
}
.vakman{
	text-align: center;
	color:#B8241A;
	clear: both;
	font-size: 1.4em;
}
.wagens-ruimdienst dt{
	margin: 20px 0 10px 0;
	font-weight: 800;
}
.hoge-druk-bar{
	border:3px solid #005D20;
	float: right;
	margin: 20px 150px 0 0;
	padding: 10px;
	font-weight: bold;
}
.ruimdienst-link{
	float:left;
	margin: 8px;
}
.ruimdienst-link a{
	text-decoration: none;
}
.ruimdienst-link a:link img,
.ruimdienst-link a:visited img{
	border:1px solid #005D20;
	filter:none;
	margin:0;
	padding:0;
}
.ruimdienst-link a:hover img{
	 filter:alpha(opacity=80); 
	-moz-opacity: .80;
	opacity: .85;
   border: 1px solid #005D20;
}
.ruimdienst-link h3{
	font-size: 1.2em;
	margin:0;
	padding:0;
	line-height: 1.6em;
	text-align:center;
}
.verstopping-geurhinder{
	float: left;
	margin: 5px 10px;
	text-align: justify;
	width:330px;
   border: 1px solid #005D20;
}
#ontstoppingen-geurhinder-content{
	position: relative;
	float: left;
}
#ontstoppingen-geurhinder-content p{
	margin: 10px;
	text-align: justify;
}
#ontstoppingen-geurhinder-content h4{
	margin: 5px 10px;
}
#ontstoppingen-geurhinder-content ul li{
	margin: 5px 10px;
	list-style: url(raquo.png);
}
#ontstoppingen-geurhinder-content img{
	border: 1px solid #999;
}
h2.ruimdienst-dendermonde-aalst{
   border-bottom: 1px solid #005D20;
	clear: left;
	float: left;
	font-size: 1.6em;
	margin: 20px 10px 10px;
    padding:0 0 5px 0;
	text-align: center;
	width: 680px;
}
.cll{
	clear: left;
}
.ontstoppingsdienst-right{
	float: right;
	clear: right;
	margin: 0 10px 10px 10px;
	font-size:0.9em;
	text-align: center;
	color: #333;
}
.ruimdienst-left{
	float: left;
	clear: left;
	margin: 0 10px 10px 0;
	font-size:0.9em;
	text-align: center;
	color: #333;
}
#ontstoppingen-geurhinder-content h3 a{
	text-decoration: none;
	color: #000;
}
#sitemap-ontstoppingsdienst dt{
	margin: 10px 0;
}
.ruimdienst-kleine-wagen{
	float: left;
	padding: 10px 0 10px 60px;
	font-size:0.9em;
	text-align: center;
	color: #333;
}
/*formulier=================================*/
.ok,.error, .important{
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.important {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(important.png);
	 background-repeat: no-repeat;
}
.ok {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(ok.png);
	 background-repeat: no-repeat;
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(error.png);
	 background-repeat: no-repeat;
}
.message{
	margin-left: 30px;
}
.message_not{
	margin-left: 30px;
	color:red;
}
label{
	width: 50px;
	float: left;
	text-align: right;
	margin-right: 2em;
	display: block;
}
.submit input{
	margin-left: 4.5em;
} 
input{
	color: #000;
	width: 250px;
	background: #fefefe;
	border: 1px solid #999;
}
textarea{
	margin-top: 4px;
	color: #000;
	width: 324px;
	height: 100px;
	background: #fefefe;
	border: 1px solid #999;
	background: url(forms.png) bottom right no-repeat;
	margin-bottom: 5px;
}
.submit input{
	color: #000;
	background: #eee;
	border: 2px outset #111;
} 
input#submit{
	color: #000;
	background: #fefefe;
	border: 1px solid #999;
	margin-bottom: 4px;
	width: 162px;
	background: url(yellow_mail.png) 10px center no-repeat;
	cursor: hand;
}
input#wissen{
	color: #000;
	background: #fefefe;
	border: 1px solid #999;
	background: url(wissen.png) 10px center no-repeat;
	margin-bottom: 4px;
	width: 162px;
}
.ontstoppingsdienst-contact{
}
#mail{
	margin: 0 0 20px 0;
}
.xtra{
	height:30px;
	position: relative;
	clear:both;
}
/*footer*/
#rioolinspectie-footer{
	background-image: url(footer.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height:100px;
	margin:-70px 0 20px 0;
	padding: 0;
	overflow-x: hidden;
	width: 1020px;
	z-index: 997;
}
#rioolinspectie-footer p{
	color: #005D20;
	font-size: 1.1em;
	margin: 45px 0 0 0;
	width: 980px;
	text-align: center;
}
h4.foot{
	position: relative;
	clear: both;
	top: 50px;
	padding:0 0 20px 0;
	color: #333;
	font-size: 0.9em;
	z-index:100;
}
h4.foot a{
	color: #333;
	text-decoration: none;
	z-index:100;
}
#footer-link-ontstoppingsdienst{
	margin:-50px auto 60px auto;
	#margin:20px auto 60px auto;
	_margin:0 auto 60px auto;
	clear: both;
	width: 900px;
}
#footer-link-ontstoppingsdienst dl{
	float: left;
	width:210px;
	height:75px;
	margin: 0 5px;
	font-weight: normal;
	background: url(ontstoppingsdienst-foot.png) bottom left no-repeat;
}
#footer-link-ontstoppingsdienst dt{
	margin: 0 12px 3px 12px;
	text-decoration: none;
	text-align: center;
}
#footer-link-ontstoppingsdienst dd{
	margin: 0 12px;
}
#footer-link-ontstoppingsdienst a{
	color:#999;
	text-decoration: none;
}
.center{
	padding: 0 0 0 100px;
}