/********************************
*	GENERAL
********************************/
html, body {height: 100%;}

html{overflow-y:scroll; overflow-x:hidden;}
body{background:#333;}

#push{height:422px;}
#wrapper{min-height:100%; height:auto !important; height:100%; margin:0 auto -422px;}

/********************************
*	CONTENT
********************************/

.header{
	background:#333 url(../images/bg_header.jpg)0 -30px repeat-x; 
	height:135px;}
.logo img{
	border:0px; 
	margin:25px 0 0 25px;}
.logo a{ 
	background:none; 
	border:0px; 
	margin:0px; 
	padding:0px;}

li{list-style:none;}



p{
	font:normal normal 12px/20px Verdana; 
	color:#e6e6e6; 
	text-decoration:none; 
	margin:10px 0 10px 0;}

a{	background: url("../images/rzpijlke.gif") 0 0 no-repeat;
	font:normal normal 12px/18px Verdana; 
	color:#fff; 
	text-decoration:underline;
	padding:1px 0 5px 25px; 
	height:25px;}
	
a span{padding:1px 0 5px 25px; 
	height:25px;}	
a:hover{
	color:#b3b3b3; 
	text-decoration:none;}

label{	font:normal normal 12px/20px Verdana; 
	color:#e6e6e6; 
	text-decoration:none; 
}
	
.sub a{	background: url("../images/rzpijlke.gif") left center no-repeat;
	font:normal normal 12px/20px Verdana; 
	color:#fff; 
	text-decoration:underline;
	padding:5px 0 0 25px; 
	height:25px;
	display:block;}
.sub a:hover{
	color:#b3b3b3; 
	text-decoration:none;}

.sub div{font:bold normal 12px/20px Verdana; color:#ffffff;}
.sub ul{font:normal normal 12px/20px Verdana; 
	color:#e6e6e6; 
	text-decoration:none; 
	margin:10px 0 10px 0;
	padding-left: 20px;}
.sub ul ul{padding-left:45px;}
.sub ul li{list-style-type:square; margin:4px 0;}
.sub ul ul li{list-style-type:circle; margin:4px 0;}




.sub div a, .sub p a, .sub li a{padding:0; background:none; display:inline;}
.sub div a{font-weight:bold;}
.sub em{font-style:italic;}




.gray{background:#4d4d4d; font:normal normal 12px/20px Verdana; color:#e6e6e6; padding:15px 5px 20px 8px; margin-bottom:20px;}
.gray h2{margin-top:0;}
.gray strong{padding:20px 0 0 0; color:#e6e6e6;}



hr{ 
	background-color:#b3b3b3; 
	color:#b3b3b3; 
	border:0px; 
	height:1px;
	margin:3px 0 0;}


.sub h1 a, 
h1{
	font:normal normal 25px/20px Trebuchet MS; 
	color:#fff; 
	text-decoration:none;
	text-transform:uppercase;
	padding:0; background:none; display:inline;
	}
	
h2{
	font:normal normal 21px/20px Trebuchet MS; 
	color:#fff; 
	text-decoration:none;
	margin:30px 0 10px 0;}

div.openingsuren{
	position:absolute; top:300px; left:0;
	}
div.woonwinkelLogo img
{
	float:left;
	margin:0 20px 10px 0;
	}
div.merk{height:110px;}


.realisaties{position:relative;}
.realisaties a.bekijk{position:absolute; bottom:25px; right:0;}

.realisaties hr{ 
	background-color:#b3b3b3; 
	color:#b3b3b3; 
	border:0px; 
	height:1px;
	margin:0 0 25px 0;}
.realisaties img{ 
	border: 3px solid #333; margin:0 10px 10px 0;}
.realisaties img:hover{ 
	border: 3px solid #CCCCCC;}
.realisaties h2 {
	padding:0;
	margin:0 0 5px 0;}
.realisaties h2 a{
	background: url("../images/rzpijlke.gif") left center no-repeat;
	font:normal normal 21px/20px Trebuchet MS;
	color:#fff; 
	text-decoration:none;
	padding:0 0 0 25px;
	margin:0 0 0 0;}
.realisaties h2 a:hover{
	color:#b3b3b3; 
	text-decoration:underline;}
.realisaties p{
	font:normal normal 12px/20px Verdana; 
	color:#e6e6e6; 
	text-decoration:none; 
	margin:0;}
.realisaties a{	background:none;
	font:normal normal 12px/20px Verdana; 
	color:#fff; 
	text-decoration:underline;
	padding:0px; 
	margin:0px;
	 }
.realisaties a:hover{
	color:#b3b3b3; 
	text-decoration:none;}



.blog h1{
	font:normal normal 18px/30px Trebuchet MS; 
	color:#333; 
	text-decoration:none; 
	margin:0 0 10px 0;}
.blog h2{
	font:bold normal 12px/20px Verdana; 
	color:#4D4D4D; 
	text-decoration:none;
	margin:0;}
.blog p{
	font:normal normal 11px/20px Verdana; 
	color:#4D4D4D; 
	text-decoration:none; 
	margin:0px;}
.blog a{
	background: url("../images/bwkpijlke.gif") left center no-repeat;
	font:normal normal 11px/20px Verdana; 
	color:#4D4D4D; 
	text-decoration:underline; 
	display:block; 
	height:25px;
	width:100px;
	padding:3px 0 1px 25px;}
.blog a:hover{
	background: url("../images/rwkpijlke.gif") left center no-repeat;
	color:#E1001D; 
	text-decoration:none;}



.contact h1{
	font:normal normal 18px/30px Trebuchet MS; 
	color:#333; 
	text-decoration:none; 
	margin:0 0 10px 0;}
.contact h2{
	font:normal normal 16px/20px Verdana; 
	color:#4D4D4D; 
	text-decoration:none;  
	margin:5px 0 5px 0;}
.contact p{
	font:normal normal 11px/20px Verdana; 
	color:#4D4D4D; 
	text-decoration:none; 
	margin:0px;}



.twitter h1{
	font:normal normal 18px/30px Trebuchet MS; 
	color:#333; 
	text-decoration:none; 
	margin:0 0 10px 25px;}
.twitter p{
	font:normal normal 11px/20px Verdana; 
	color:#4D4D4D; 
	text-decoration:none; 
	margin:0px 25px;}
.twitter a{	
	background: url("../images/bwpijlke.gif") left center no-repeat; 
	font:normal normal 11px/30px Verdana; 
	color:#4D4D4D; 
	text-decoration:underline;
	padding:0 0 0 35px; 
	margin:0 0 0 15px; 
	height:30px; 
	width:215px;
	display:block;}
.twitter a:hover{
	background: url("../images/rwpijlke.gif") left center no-repeat;
	color:#E1001D; 
	text-decoration:none;}
.tweet{
	background:url(../images/bg_tweet.gif); 
	width:450px; 
	height:105px;}
.tweet a{
	font:normal normal 11px/20px Verdana; 
	color:#4D4D4D; 
	text-decoration:none; 
	margin:0px 25px; padding:20px 0; background:none; width:400px; height:105px;
	display:block;
	}
.tweet a:hover{background:none;}


a.knop,
input.knop{
    border:0;
	background:url(../images/knop1.gif);
	font:normal normal 12px/26px Verdana; 
	color:#E1001D;
	text-decoration:none; 
	width:145px; /* 160 - 15px padding */ 
	height:27px; 
	margin:5px 0 0 0;
	display:block;
	padding:0 0 0 15px;}
a.knop:hover{
	background:url(../images/knop2.gif); 
	color:#fff;}


.facebook a{
	background:url(../images/facebook1.gif) 5px 0 no-repeat; 
	font:normal normal 12px/20px Verdana; 
	color:#4D4D4D; 
	text-decoration:underline;
	padding:0px;
	margin:20px 0 0 25px;
	height:20px;
	width:180px;}
	
.facebook a:hover{
	background:url(../images/facebook2.gif) 5px 0 no-repeat; 
	font:normal normal 12px/20px Verdana; 
	color:#333; 
	text-decoration:none;}



#footer{
	background:#fff url(../images/bg_footer.jpg) left bottom repeat-x; height:422px;}

.subfooter{
	font:normal normal 11px/20px Verdana; 
	color:#b3b3b3; 
	text-decoration:none;}
.subfooter a{
	background:none; 
	padding:0px;
	font:normal normal 11px/20px Verdana; 
	color:#b3b3b3; 
	text-decoration:underline;}
.subfooter a:hover{
	color:#E1001D; 
	text-decoration:none;}



.webslink a{
	background:none;
	padding:0px;
	font:normal normal 11px/20px Verdana; 
	color:#b3b3b3; 
	text-decoration:underline; 
	float:right;}
.webslink a:hover{
	text-decoration:none; 
	color:#E1001D;}



/********************************
*	CONTACTFORMULIER
********************************/

	
	
/* forms.css */
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input,input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input, input.text, input.title {width:300px;padding:2px;}
input.title {font-size:1.5em;}
textarea {width:100%;height:150px;padding:2px;}
input.btn{color:#fff; border:none; width:159px; height:26px; background:url(../images/dknop1.gif) 0 0 no-repeat; cursor:pointer:}
input.btn:hover{color:#fff; background:url(../images/dknop2.gif) 0 0 no-repeat;}


/********************************
*	MESSAGES				
********************************/
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd; color:#333;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.succes p{color:#333;}



#pointer{cursor:pointer;}


.prepend-top25{margin-top:25px;}



.popup{display:none;}
a.close{float:right; background:none; color:#aaaaaa; cursor:pointer; padding-right:5px;}

/*
.justify p{text-align:justify}
*/