/* undohtml */
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,input, 
div{ margin:0; padding:0; }
img { border: none; }
/* br { display: none; } */
address br { display: block; }
address { font-style:normal }
/*end undohtml*/

/* algemeen */
body {
 	background-color: #fff;
	color: #31313e;
	font: 62.5%/1.8 "Verdana", "Arial", "Helvetica", sans-serif;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 1em;
}

a {
	color: #EB3B2E;
	text-decoration: none;
}
a:hover {
	color: #EB3B2E;
	text-decoration: underline;
}

hr { display: none; }

.break {
	clear: both;
}

/* elementen in content met marge onder */
p, fieldset, table, dl, div.vcard, #content ul, address {
	margin-bottom: 1.5em;
}



/* layout elements */
#skip {
	position: absolute;
	text-indent: -1234em;
}

#head {
	height: 51px;
	overflow: hidden;
}
	#head a {
		display: block;
		margin: 9px 0 0 30px;
	}
#wrap {
	position: relative;
	width: 972px;
	font-size: 1.1em;
}
#content {
	background: url("/img/teerenstra-inner-bg2009.jpg") left top no-repeat;
	width: 720px;
	padding-top: 153px;
	padding-bottom: 52px;
}
	#content #main {
		min-height: 650px;
		padding: 20px 127px 30px 30px;
		background: url("/img/bg-main.gif") 0 0 repeat-y;
	}
	body.home #content #main {
		min-height: 0;
		float: none;
	}
	body.start #content #main {  
		min-height: 100px;  
		}
	.home h1 { display: none; } 
	#content h1 {
		font-size: 2em;
		margin-bottom: 0.8em;
		line-height: 1.11;
	}
	#content h2 {
		clear: left;
		margin: 1.5em 0 0.25em 0;
		font-size: 1.5em;
		line-height: 1.11;
	}
	#content .col1 h2 {
		margin-top: 0;
	}
	#content h2.subtitle {
		font-size: 1.5em;
		margin: -1em 0 1.1em 0;
		color: #8C8D95;
	}
	#content h3 {
		clear: left;
		font-size: 1.2em;
		line-height: 1.11;
	}
	#content h2 a,
	#content h3 a {
		color: #31313e;
	}
	#content .foto {
		width: 242px;
		padding-top: 3px;
	}
		#content .foto p {
			margin: 0;
			font-style: italic;
			line-height: 1.33em;
			color: #8C8D95;
		}
		#content .foto img {
			width: 240px;
			border: 1px solid #fff;
		}
	#content .right {
		clear: left;
		float: left;
		margin: 0 10px 5px 0;
	}
	#content ul ul {
		margin: 0 0 0 12px;
	}
	#content ul.latest h2 {
		font-size: 1em;
		text-transform: uppercase;
	}
	#content ul.latest li {
		margin-bottom: 1.5em;
		background-position: -2px -1px;
	}
	/* arrow voor links in list-items,
	   maar niet als die weer in p of h2 staan... */
	#content li {
		display: block;
		background: url("/img/li-11lg.gif") -2px 1px no-repeat;
		padding: 0 0 0 12px;
	}
		#content li a {
			color: #31313e;
		}
		#content ul.overzicht li {
			background-image: none;
			padding: 0;
		}
		#content li p a,
		#content li h2 a {
			color: #EB3B2E;
		}



/* woning-projecten */
#content #projectnavigatie ul {
}
	#content #projectnavigatie ul li {
		float: left;
		display: block;
		margin-bottom: 1.5em;
		border-bottom: 1px solid #8C8D95;
		background-color: #D2D6D9;
		padding: 0 0.5em 0 0.5em;
		line-height: 1.8;
	}
	#content #projectnavigatie ul li.active {
		border-bottom: none;
		border-left: 1px solid #8C8D95;
		border-right: 1px solid #8C8D95;
		border-top: 1px solid #8C8D95;
		background-color: #E8EAEC;
	}
		#content #projectnavigatie ul li a {
			display: inline;
			background: none;
			padding: 0;
		}
#content li.woning-project {
	float: left;
	width: 266px;
	height: 120px;
	background-color: #F7F8F9;
	margin: 0 15px 15px 0;
	text-align: center;
}
	#content li.woning-project h3 {
		margin: 3px 0 3px 0;
	}
	#content li.woning-project p {
		margin: 0;
	}



/* homepage */
body.home #content {
	padding-top: 0;
	background-image: none;
}
body.home #content #main {
	background: none;
	padding: 0;
	width: 623px;
	overflow: hidden;
}
body.home .portal {
	background-color: red;
}
/* rechterkolom */
body.home #portal {
	position: absolute;
	left: 653px;
	top: 224px;
	width: 319px;
	line-height: 1.33;
}
	body.home #portal h2 {
		margin: 0 0 0 0;
		line-height: 1.11;
	}
	body.home #portal h3 {
		margin: 1.5em 0 0 0;
		line-height: 1.11;
	}
	body.home #portal li a {
		background-position: 0 1px;
	}
body.home #personeellogin {
	display: none;
}
body.home #content .col1 {
	float: none;
	width: auto;
	background-color: transparent;
	padding: 0;
	margin: 0;
}
body.home #shortwverkoop {
	padding: 20px 30px 30px 30px;
}
	body.home #shortwverkoop h2 {
		display: none;
	}
	body.home #shortwverkoop img.center {
		float: left;
		margin: 3px 10px 3px 0;
	}
body.home #shortprojecten h2 {
	border-top: 1px solid #E8EAEC;
	padding-top: 0.75em;
}
body.home #footer .rss-informatie {
	bottom: 17px;
}
body.home #mission {
	padding: 20px 127px 30px 30px;
}



/* formulieren (specifiek voor Teerenstra!) */
#content form fieldset {
	border: none;
	padding: 0;
}
#content form legend {
	font-weight: 700;	
}
#content form div.labelrow,
#content form label {
	display: block;
	clear: left;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 3px solid #fff;
	overflow: hidden;
	height: 1%;
	line-height: 1.273;
}
#content form div.labelrow label {
	display: inline;
	clear: none;
	margin: 0;
	padding: 0;
	border-top: none;
	height: auto;
}
#content form fieldset.submit,
#content form label.comment {
	padding-left: 224px;
	border: none;
}
#content form .lbl {
	display: block;
	float: left;
	width: 214px;
	margin-right: 10px;
}
#content form input {
}



/* tabellen en DL's */
table {
	clear: right;
	border-collapse: collapse;
	border-left: 5px solid #D1D5D9;
}
	td,th {
		padding: 2px 0.5em 2px 0.5em;
		border: none;
		text-align: left;
		vertical-align: top;
		border-left: 1px solid #E8EAEC;
		border-bottom: 1px solid #E8EAEC;
	}
	thead tr {
		background-color: #D1D5D9;
	}
	tr {
		background-color: #F0F1F2;
	}
	tr.odd {
		background-color: #F7F8F9;
	}
	table a {
		color: #31313e;
	}
dl.legenda {
	line-height: 17px;
}
	dl.legenda dt {
		clear: left;
		float: left;
		padding: 0 0.5em 0 0;
	}
	dl.legenda dd {
		padding: 0;
		margin: 0;
	}



/* floatend blok midden */
#content .col1,
#questions {
	float: right;
	background-color: #D2D6D9;
	width: 260px;
	margin: -20px -127px 1em 15px;
	padding: 20px 15px 10px 15px;
	line-height: 1.33;
	}
	#content .col1 img,
	#questions img {
		display: none;
	}
	#content .betalingsgedrag img {
		display: inline;
	}
	#content .col1 ul,
	#questions ul {
		margin-bottom: 1.5em;
	}
	#content li {
		line-height: 1.33;
		margin-bottom: 0.5em;
	}



/* rechterkolom */
#subcontent {
	position: absolute;
	left: 750px;
	top: 224px;
	width: 222px;
	line-height: 1.33;
}
	#subcontent h2 {
		margin: 0 0 0 0;
	}
	#subcontent h3 {
		margin: 1.5em 0 0 0;
	}



/* zoek */
#subnavigation {
	position: absolute;
	top: 35px;
	right: 0;
	width: 350px;
	height: 168px;
	text-align: right;
}
	#subnavigation h2,
	#subnavigation h3 {
		display: none;
	}
	#subnavigation input {
		border: 1px solid #31313e;
		background-color: #fff;
	}
	#subnavigation input.submit {
		height: 18px;
		border: none;
		background-color: #31313e;
		color: #fff;
		font-size: 1em;
	}
	#subnavigation fieldset {
		border: none;
		margin: 0;
		padding: 0;
	}



/* hoofdmenu */
#navigation {
	position: absolute;
	top: 88px;
	right: 0;
	color: #EB3B2E;
}
	#navigation li {
		display: inline;
	}
	#navigation a {
		color: #EB3B2E;
	}



#footer {
	clear: both;
	color: #A2A6A9;
}
	#wrap #footer a {
		color: #A2A6A9;
	}
#footer li {
	display: inline;
	padding: 0;
	background: none;
}
#footer .rss-informatie {
	position: absolute;
	bottom: 0;
	right: 0;
}
	#footer .rss-informatie li.feed {
		background: url("/img/rss-12x12-logo.png") no-repeat;
		background-position: 0 0.05em;
		padding-left: 17px;
		}

#footer .vcard {
	position: absolute;
	bottom: 0;
	left: 30px;
}
#footer #credo {
	position: absolute;
	bottom: 40px;
	right: 0;
}
/* algemeen menu */
#footer #footernav {
	position: absolute;
	right: 0;
	top: 8px;
	font-size: 0.9em;
	color: #31313e;
}
	#footer #footernav a {
		color: #31313e;
	}



/* submenu */
#navigeren {
}
	#navigeren li {
	}



/* submenu projecten + woningverkoop */
body.woningverkoop #subnavigation,
body.projecten #subnavigation {
	height: auto;
}
body.woningverkoop #navigeren,
body.projecten #navigeren {
	position: absolute;
	right: 0;
	top: 189px;
	bottom: auto;
	width: 222px;
	font-size: 1em;
	line-height: 1.33;
	text-align: left;
}
	body.woningverkoop #navigeren li,
	body.projecten #navigeren li {
		float: none;
		padding-left: 0;
	}
		body.woningverkoop #navigeren li a,
		body.projecten #navigeren li a,
		body.woningverkoop #navigeren li strong,
		body.projecten #navigeren li strong {
			display: block;
			background: url("/img/li-11lg.gif") 0 1px no-repeat;
			padding: 0 0 0 14px;
			color: #31313e;
			height: 1%;
		}
	body.woningverkoop #navigeren h4,
	body.projecten #navigeren h4 {
		padding-left: 0;
		margin-top: 1.2em;
		margin-left: 12px;
		font-size: 1.2em;
		font-weight: bold;
	}
	body.woningverkoop #navigeren ul,
	body.projecten #navigeren ul {
		margin-bottom: 1.5em;
	}
		body.woningverkoop #navigeren ul ul,
		body.projecten #navigeren ul ul {
			margin-left: 12px;
		}



#ads {
	display: none;
}



#fotobalk {
	position: absolute;
 	left: 331px;	
	top: 151px;
	height: 53px;
	overflow: hidden;
	padding: 0 1px 0 0;
	background-color: #fff;
}
	#fotobalk li {
		float: left;
		padding: 1px 0 1px 1px !important;
		margin: 0 !important;
	}
		#fotobalk li img {
			display: inline;
		}

#smile { position: absolute; top: 141px; left: 880px; }
body#teerenstra.foto #subcontent #shortprojecten { position: relative; margin-top: 220px; margin-left: 12px; }  
body#teerenstra.project br { display: block; }  
#welcome { height: 602px; width: 623px; }
.home #welcome img { position: absolute; }