@charset "utf-8";
/* CSS Document */
body, html { margin: 0; padding: 0;}
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
h1 { margin: 0px; padding: 0px; width: 99%; }
img { border: 0; }
img.png, .rollover {
	behavior: url("css/pngstijl.htc");
}

/* GROVE STRUCTUUR */
/*#center-vertical { height: 50%; margin-top: -280px; width: 100%; }*/
#center-vertical { margin-top: 20px; }
#wrapper { height: 560px; margin: 0 auto; width: 1000px;}
#links, #rechts { height: 450px; }
#links { width: 324px; overflow: auto; float: left; background-color: #55555a; color: #FFF; background-image:url(../beelden/lijn-licht.gif); background-repeat:no-repeat; background-position:bottom;}
#rechts { overflow: auto; width: 676px; float: right; text-align: left; background-color: #e2e6ef; background-image:url(../beelden/lijn-donker.gif); background-repeat:no-repeat; background-position:bottom; }

header { height: 87px; display: block;}
	#logo { margin-left: 320px; }

article { display: block; }
input, textarea { 
	width: 204px; 
	border: 2px solid #dbdce1;
	padding: 2px; 
	margin: 0px; 
	background-image:url(../beelden/formulier-bg.png);
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}
input.submit { width:104px; float: left; border:none; padding:0; margin-top:10px;}

.clear { clear: both; }

#links .txt { 
	width: 260px;
	margin-right: 25px;
	text-align: right;
	float: right;
	}


#rechts .txt {
	color: #000;
	width: 400px;
	margin-left: 35px;
	margin-top: 24px;
}

.txt { line-height: 17px; }

.wit { color: #FFFFFF; }
.wit a, a.wit { 
	color:#FFFFFF;
	text-decoration:underline;
	} 

.grijs {
	color:#676B76;
	}

p.grijs {
	margin-top:10px;
	}

ul.grijs { 
margin:-10px 0px 0px 15px;
padding:0;
}

.grijs a, a.grijs { 
	color:#676B76;
} 

.vet a, a.vet

{ 
	font-weight:bold;
} 

/***********************************************************************************
HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME
***********************************************************************************/
.home .txt { margin-top: 50px; }

/***********************************************************************************
WONINGEN WONINGEN WONINGEN WONINGEN WONINGEN WONINGEN WONINGEN WONINGEN WONINGEN WON
***********************************************************************************/
.woningen div .txt { color: #676b76; }
.donker, .donker a { color: #414141 !important; }

.woningen article>div.txt { margin-top: 130px; }
.woningen article .intro { color: #FFF; font-weight: bold; }
.woning{ float: left; height: 225px; width: 338px; }
* html .woning{ margin-bottom:-2px;}
.woning .rollover	{ position: absolute; display: none;	}
.woningen #rechts { background-color: #8c95af; }
#amsterdam { background-color: #9eabcb;}
#rotterdam { background-color: #8c95af;}

#amsterdam div.txt { height: 342px; width: 275px; }
#rotterdam div.txt { height: 342px; }

#beelden { width: 450px; float: left;}

#rechts #beelden #groot { width: 450px; height: 354px; overflow: hidden; }
#rechts #beelden #klein { background-color: #55555a; padding: 4px; height: 88px;}
	#rechts #beelden #klein div.img { float: left; padding: 2px 2px 0px 2px; }
	#rechts #beelden #klein .rollover { position: absolute; display: none; }

#rechts #maps { float: right; }
#rechts #maps>div {padding: 10px; background-color: #9eabcb;}
#rechts #maps #terug { float: left; color: #FFF;}
#rechts #maps #afdrukken { float: right; color: #FFF; }

/***********************************************************************************
REPARATIE REPARATIE REPARATIE REPARATIE REPARATIE REPARATIE REPARATIE REPARATIE REPA
***********************************************************************************/
.reparatie>div.txt { margin-top: 30px; }
.reparatie table { width: 100%; border: 0px; padding: 0px; border-spacing:0px; border-collapse: collapse; }
.reparatie table td { padding: 7px; }
.reparatie table td:first-child { padding-left: 20px; }
.reparatie #rechts p { padding-left: 20px; }
.reparatie #header { background-color: #55555a; color:#9eabcb; height: 54px; font-weight: bold; font-size: 120%; }
* html .reparatie #header { height: 40px; }
*+html .reparatie #header { height: 40px; }
.reparatie .even { background-color: #FFF; }
.reparatie .oneven { background-color: #e3e5ef; }

/***********************************************************************************
FORMULEREN FORMULEREN FORMULEREN FORMULEREN FORMULEREN FORMULEREN FORMULEREN FORMULE
***********************************************************************************/
.formulieren #content_formulieren { width: 471px; height:98%; float: left; overflow: auto; }
.rechtercolumn { background-color: #9eabcb; float: right; width: 205px; height: 100%; background-image:url(../beelden/lijn-donker.gif); background-repeat:no-repeat; background-position:bottom;}
.formulieren table { width: 445px; margin-top: 16px; }
.formulieren table tr td:first-child { padding-right: 10px; text-align: right;}
.formulieren table td{ vertical-align: top; }
.formulieren #plaats { width: 142px; }
.formulieren #postcode { width: 50px; }
.formulieren #nummer { width: 50px; }
.formulieren #adres { width: 142px; }

.formulieren .txt { 
	float: none; 
	color: #000;
	text-align:left;
	width: 400px;
	margin-left: 35px;
	margin-top: 25px;
}
.formulieren .txt h3 {
	margin-bottom: 0px;
	font-size: 100%;
	}
/***********************************************************************************
CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONT
***********************************************************************************/
#content_contact {
	float: left;
	height: 100%;
	width: 471px;
	}
#content_contact td:first-child { text-align: right; padding-right: 20px;}


/***********************************************************************************
MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU
***********************************************************************************/
nav a span { display: none; }
nav a 				{ background-position: top right; height: 100%; }
nav a.active		{ background-position: bottom right !important; }
nav a:hover 		{ background-position: bottom right !important; }

nav#onder { height: 27px; width: 100%; background-color: #FFF; display: block; clear: both; }
nav#onder a 		{ display: inline-block; margin: 0 25px; height: 27px; }
nav#onder a#home 			{ 
	background: url(../beelden/menu/home.png) top right no-repeat #55555a; 
	width: 324px; 
	margin-left:  0px !important;
}
nav#onder a#woningen 		{ background: url(../beelden/menu/woningen.png); width: 105px;}
nav#onder a#reparatie 	{ background: url(../beelden/menu/reparatie.png); width: 100px;}
nav#onder a#formulieren 	{ background:url(../beelden/menu/formulieren.png); width: 104px;}
nav#onder a#contact 		{ background:url(../beelden/menu/contact.png); width: 105px; }

/***********************************************************************************
SIDEMENU SIDEMENU SIDEMENU SIDEMENU SIDEMENU SIDEMENU SIDEMENU SIDEMENU SIDEMENU SID
***********************************************************************************/
a.knop { 
	display: block;
	height: 54px; 
	float: right; 
	width: 100%; 
	outline: none;
	background-position: top right !important;
	background-repeat: no-repeat !important;
}
a.knop:hover { background-position: bottom right !important; }
	a.knop span { display: none; }
	a.knop.active { background-position: bottom right !important; }
	a.knop div { clear: both; }
	a.knop div.txt { height: 344px; }
	
.txt sidemenutxt { color:#FFF; } 
#inschrijfformulier a { background:url(../beelden/menu/links-inschrijfformulier.png) #9eabcb;}
#huuropzeggen a { background:url(../beelden/menu/links-huuropzeggen.png) #8c95af; }
#onderhoudswijzer a { background:url(../beelden/menu/links-onderhoudswijzer.png) #9eabcb; }
#klachtenformulier a { background:url(../beelden/menu/links-klachtenformulier.png) #8c95af; }

#amsterdam a { 
	background: url(../beelden/menu/links-amsterdam.png) top right no-repeat #9eabcb; 
	width: 324px; 
	margin-left:  0px !important;
}

#rotterdam a { 
	background: url(../beelden/menu/links-rotterdam.png) top right no-repeat #8c95af; 
	width: 324px; 
	margin-left:  0px !important;
}

#onder div#lijn { margin-top:-2px; }