/* Table of Contents:

	Typography
	Header Layout
	Middle Layout
	Footer Layout
	
*/

/*
	lichtgroen	#88A13C
	kleur 2		#xxxxxx
	kleur 3		#xxxxxx
*/


/* Typography
--------------------------------------------------------------------------------------- */

strong{
	color: #D0B752;
	font-weight: bold;
	}

a{
	color: #6E6752;
	text-decoration: underline;
	}

a:hover{
	color: #6E6752;
	text-decoration: none;
	}
	
.overzichtslink{
	font-size: 95%;
	font-weight: bold;
	color: #6E6752;
	text-decoration: none;
	}

.overzichtslink:hover{
	font-size: 95%;
	font-weight: bold;
	color: #6E6752;
	text-decoration: underline;
	}
	
.external {
	background-image: url(../images/external_link.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 11px;
}
	
.sold{
	color: #ff0000;
	}

/* Body Layout
--------------------------------------------------------------------------------------- */

html, body { padding: 0; margin: 0; }

body {
	background-color: #3D4B14;
	background-image: url(../images/bg_body.jpg);
	background-repeat:repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* Container Layout
--------------------------------------------------------------------------------------- */

#container{
	width: 954px;
	background-image: url(../images/bg_container.jpg);
	background-repeat: no-repeat;
	min-height: 574px;
	font-size: 90%;
	color: #6E6752;
}
 
*html #container{
	height: 574px;
}

/* Header Layout
--------------------------------------------------------------------------------------- */

#header{
	width: 767px;
	min-width: 767px;
	height: 248px;
	min-height: 248px;
	color: #fff;
	margin: 0px;
	padding: 0px;
	}

#header img{
	border: 0px;
	margin: 0;
	padding: 0;
	}
	
#header a:link, #header a:active, #header a:visited{
	color: #fff;
	text-decoration: underline;
	}
	
#header a:hover{
	color: #fff;
	text-decoration: none;
}

/* Middle Layout
--------------------------------------------------------------------------------------- */

#content{
	background: url(../images/bg_content.gif) left bottom;
	background-repeat: no-repeat;
	min-height: 225px;
	padding: 0 220px 20px 135px;
}

*html #content{
	height: 225px;
}

#pictures{
	float: left;
	width: 215px;
	min-height: 10px;
	margin-right: 3px;
	padding: 0px 10px 15px 20px;
	}
	
#text-left{
	float: left;
	width: 162px;
	min-height: 10px;
	margin-right: 3px;
	padding: 17px 10px 15px 73px;
	}

#text-full{
	float: left;
	/*background: url(../images/text_hoek.gif) left 2px;
	background-repeat: no-repeat;*/
	/*background-color: #336666;*/
	padding: 12px;
	padding-left: 8px;
	width: 620px;
	}
	
#text-full .item{
	float: left;
	background: url(../images/text_hoek.gif) left 2px;
	background-repeat: no-repeat;
	padding: 12px 0 0 10px;
	margin: 0 0 10px 15px;
	width: 280px;
	float: left;
	}
	
#text{
	float: left;
	background: url(../images/text_hoek.gif) left 2px;
	background-repeat: no-repeat;
	padding: 12px 0 0 10px;
	width: 338px;
	}

#text-half{
	float: left;
	width: 338px;
	padding:0px;
	margin:0px;
	}

#text-half .item{
	float: left;
	background: url(../images/text_hoek.gif) left 2px;
	background-repeat: no-repeat;
	padding: 12px 0 0 10px;
	margin: 0 0 15px 0px;
	width: 340px;
	}

#rechterkant{
	position: absolute;
	left: 767px;
	top: 23px;
	width: 217px;
	margin-left: 5px;
	}

#rechterkant a, #rechterkant a:hover{
	text-decoration: none;
	}

#medal{
	position: absolute;
	width: 48px;
	height: 56px;
	margin-left: 172px;
	margin-top: -30px;
	}
	
.projectenkader{
	margin-bottom: 5px;
	}

.projectenkader_header_gerealiseerd{
	background: url(../images/rechter_header.gif) left top;
	background-repeat: no-repeat;
	widt: 217px;
	height: 45px;
	}

.projectenkader_header_in_ontwikkeling{
	background: url(../images/rechter_header1.gif) left top;
	background-repeat: no-repeat;
	widt: 217px;
	height: 45px;
	}

.projectenkader_content{
	background: url(../images/rechter_background.gif) left top;
	padding: 0 10px 0 10px;
	font-size: 11px;
	line-height: 12px;
	}
	
.projectenkader_content img{
	border: 3px solid #DBCC99;
	margin-bottom: 4px;
	}

.projectenkader_footer{
	background: url(../images/rechter_footer.gif) left top;
	background-repeat: no-repeat;
	widt: 217px;
	height: 25px;
	}
	
.contact_invoervelden {
	border: 1px solid #E6D8A8;
	background-color: #F9F8EA;
	color: #3D4C15;
	font-size: 90%;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	width: 270px;
	}
	
.verzendknop {
	background-color: #3D4C15;
	border: 0;
	padding: 2px;
	color: #fff;
	float: right;
	cursor: pointer;
	}
	
.error {
	color: #FF0000;
	}
	
.clear {
	clear: both;
	}
	
.thumb{
	margin: 0px;
	padding: 0px;
	border: 3px solid #DBCC99;
	margin-right: 10px;
	float: left;
	}
	
.thumb2{
	margin: 0px;
	padding: 0px;
	border: 3px solid #DBCC99;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	}
	
.thumb_empty{
	margin-right: 10px;
	float: left;
	}
	
#pictures ul{
	width: 180px;
	margin-left: 10px;
	}
	
#pictures li{
	padding: 3px;
	border-bottom: 1px solid #D0B752;
	}
	
#pictures li a{
	width: 100%;
	display: block;
	text-decoration:none;
	}
	
#pictures li a:hover{
	color: #D0B752;
	}

#pictures li .active{
	color: #D0B752;
	font-weight: bold;
	}
	
/* Magazine layout */

.magazine-image {
	border: 0px #eee solid;
	overflow: hidden;
}

.magazine-image img {
	padding: 0px;
	background: #fff;
	margin: 2px;
	border: 3px #DBCC99 solid;
}

.magazine-image div{
	display: inline;
	}
/*
.magazine-image {
	background: #fff;
	border: 1px #eee solid;
}

.magazine-image img {
	padding: 0px;
	background: #fff;
	margin: 2px;
	border: 1px #eee solid;
}*/

/* Footer Layout
--------------------------------------------------------------------------------------- */
#footer{
	width: auto;
	height: 37px;
	background-image: url(../images/bg_footer.gif);
	background-repeat: no-repeat;
	padding-left: 272px;
	padding-top: 43px;
	font-size: 85%;
	color: #88A13C;
}

#footer a{
	color: #88A13C;
	text-decoration: none;
	}

#footer a:hover{
	text-decoration: underline;
	}