/*---{ Imports )-------------------------------------------------------*/

@import "news.css";
@import "photoalbum.css";


#headerPic {
	position: absolute;
	left: 55px;
	top: -7px;
	width: 110px;
	height: 116px;
	z-index: 1000;
}



/* ---{ rechter kolom met img }------- */
#imgColumn {
	position: relative;
	z-index: 1;
	float: right;
	width: 215px;
	padding: 0;
	margin: 0;
}
#quote {
	display: block;
	width: 170px;
	height: 160px;
	padding: 10px 0px 5px 10px;
}
#imgColumn #quote h2 {	
	color: #FFFFFF;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 26px;
	font-weight: bold;
}

#frm table td,
#frm table th {
	color: #3A360A;
}
#frm .clsBttn {
	border: 1px solid #000000;
	background: #778336;
	color: #FFFFFF;
	width: 100px;
	height: 20px;
}
#frm .clsInput {
	border: 1px solid #3A360A;	
	width: 340px;
	background: none;
}
#frm .clsShort {
	width: 180px;
}
#frm .tdBttn {
	text-align: right;
}


#bottomPictures {
	position:absolute;
	right:0;
	bottom:0; 
	background-color:#FFFFFF;
	width: 805px;
	height: 192px;
	overflow: hidden;
	z-index:1;
}
#bottomPictures a {
}
#bottomPictures img {
	float: left;
	border: none;
}



#latestNews {
	position: relative;
	height:200px; 
	padding: 25px 10px 90px 15px; 
	background-color:#897F79;
}
#latestNews h1 {
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}
#latestNews ul {
	margin: 0;
	padding: 0 0 0 0px;
	list-style: none;
}
#latestNews ul li {
	list-style: none;
	
}
#latestNews h4 a {
	color: #FFFFFF;
	text-decoration: none;
}
#latestNews h4 a:hover {
	text-decoration: underline;
}
#latestNews a {
	color: #FFFFFF;
}
#latestNews a:hover {
	text-decoration: underline;
}

#brochure {
	position: absolute; 
	left: 0; 
	bottom: 0; 
	height: 55px; 
	background-color: #855F72; 
	width: 195px;
	padding: 5px 5px 10px 15px;
	font-size: 11px;
}
#brochure h2 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	display: inline;
	font-size: 18px;
	line-height: 20px;
}


/* ------ standaard + project style ------- */
body {
	background: #FFFFFF url(../images/patroon-1.gif) left top;
}
body, body h1, .Kop1, body h2, .Kop2, body h3, .Kop3,
body#project, body#project h1, body#project .Kop1, body#project h2, body#project .Kop2, body#project h3, body#project .Kop3 {
	color: #827772;
}
body #outerCols {
	background: #E9E4E1 url(../images/bg_globalnav.gif) left top repeat-y;	
}
body #globalNav ul li a, body #globalNav ul li.active a, body #globalNav ul li.active ul li.active a {
	color: #716764;
}
body #quote, body#project #quote {
	background: #9D7E8C;
}

/* ------ project style ------- */
body#project {
	background: #BCAAB1 url(../images/patroon-4.gif) left top;
}

/* ------ woningen + woonwijzer style ------- */
body#woonwijzer {
	background: #CBD5DB url(../images/patroon-4.gif) left top;
}
body#woningen,
body#woonwijzer{
	background: #C8D0D2 url(../images/patroon-5.gif) left top;
}
body#woningen, body#woningen h1, body#woningen .Kop1, body#woningen h2, body#woningen .Kop2, body#woningen h3, body#woningen .Kop3,
body#groen, body#groen h1, body#groen .Kop1, body#groen h2, body#groen .Kop2, body#groen h3, body#groen .Kop3,
body#woonwijzer, body#woonwijzer h1, body#woonwijzer .Kop1, body#woonwijzer h2, body#woonwijzer .Kop2, body#woonwijzer h3, body#woonwijzer .Kop3,
body#pboon, body#pboon h1, body#pboon .Kop1, body#pboon h2, body#pboon .Kop2, body#pboon h3, body#pboon .Kop3 {
	color: #615754;
}
body#woningen #outerCols,
body#woonwijzer #outerCols {
	background: #E5EBEE url(../images/bg_globalnav.gif) left top repeat-y;	
}
body#woningen #globalNav ul li.active a, body#woningen #globalNav ul li.active ul li.active a,
body#woonwijzer #globalNav ul li.active a, body#woonwijzer #globalNav ul li.active ul li.active a {
	color: #4A6572;	
}
body#woningen #quote, body#woonwijzer #quote {
	background: #ABBDC6;
}

/* ------ groen + verkoopinfo style ------- */
body#groen,
body#verkoopinfo {
	background: #A0A28F url(../images/patroon-3.gif) left top;
}
body#groen #outerCols,
body#verkoopinfo #outerCols {
	background: #E3E4DD url(../images/bg_globalnav.gif) left top repeat-y;	
}
body#groen #globalNav ul li.active a, body#groen #globalNav ul li.active ul li.active a,
body#verkoopinfo #globalNav ul li.active a, body#verkoopinfo #globalNav ul li.active ul li.active a {
	color: #5E6045;	
}
body#verkoopinfo #quote,
body#groen #quote {
	background: #828671;
}

/* ------ pietboon style ------- */
body#pboon {
	background: #918884 url(../images/patroon-5.gif) left top;
}
body#pboon #outerCols {
	background: #D6D0CD url(../images/bg_globalnav.gif) left top repeat-y;	
}
body#pboon #globalNav ul li.active a, body#pboon #globalNav ul li.active ul li.active a {
	color: #615754;	
}
body#pboon #quote {
	background: #9C918C;
}

#videoplayer{
	width: 720px;
	height: 405px;
	margin: 0 0 20px 0;
	display:block;
	clear:both;
}