/* CREDITS
 * ----------------------------------------------------------
 * Title:		Van Het Poorthuis - CSS Main Stylesheet
 * Author:		David Candreva <david@inventis.be>
 * Date:		16/10/08
 * Last Edit:	17/10/08 David Candreva <david@inventis.be>
 * ----------------------------------------------------------
 * Inventis - Web Architects - We design the Web!
 * www.inventis.be
*/

/* Algemene Styles
---------------------------------------------------------- */
textarea, body{font-family:'Trebuchet MS', sans-serif; font-size:12px;}
body{background:#dfdcc7 url(../images/layout/body_tile.png) repeat-x 0 0}

/*selectors*/
strong,b{font-weight:bold;}
em{font-style:italic;}
a{outline:none;}
a:hover{text-decoration:none;}

/* Container
---------------------------------------------------------- */
div#container{width:956px; position:relative; margin:0 auto; background:url(../images/layout/container_background.png) no-repeat 0 0;}

/* Header
---------------------------------------------------------- */
div#header{height:235px; position:relative; width:956px;}

	div#header h1{position:absolute; top:150px; left:159px; width:252px; height:63px; overflow:hidden; text-indent:-9000px; background:url(../images/layout/vanhetpoorthuis.png) no-repeat 0 0; z-index: 10}
	div#header h1 a{display:block; width:252px; height:63px;}
	span.h_l{right:592px; position:absolute; top:28px; color:#43474b;}
	span.h_r{left:692px; width:auto; position:absolute; top:28px; color:#43474b;}
	
	div#header .slideshow { width: 312px; height: 204px; overflow: hidden; position: absolute; left: 373px; top: 17px; z-index: 9 }
	div#header .slideshow img { width: 312px; height: 204px; position: absolute; left: 0; top: 0; }
	
/* Content
---------------------------------------------------------- */
div#content_container{width:908px; padding:0 4px; overflow:hidden; float:right; background:url(../images/layout/content_tile.png) repeat-y 0 0}
div#content_wrapper{overflow:hidden; width:908px; background:url(../images/layout/content_dog.png) no-repeat right bottom;}
	
	div#content{width:685px; font-size:13px; float:right;}
	div#content p{margin:9px 0;}
	div#content div.markup{width:470px; float: left;}
	div#content div.markup h2{color:#e5ca33; font-size:24px; margin: 20px 0;}
	div#content div.markup h3{color:#61423C; font-size:21px; margin: 25px 0 15px 0; text-transform: uppercase}
	div#content div.markup h4{color:#B2796E; font-size:18px; margin: 25px 0 15px 0;}
	div#content div.markup ul, div#content div.markup ol{margin: 9px 0; margin-left: 2em;}
	div#content div.markup ul{list-style-type: disc}
	div#content div.markup ol{list-style-type: decimal}
	div#content div.markup a{color: #B2796E; font-weight: bold;}
	div#content div.markup a:hover{color: #61423C;}
	div#content div.markup a:visited{font-style: italic; font-weight: normal;}
	
	/*imagelist*/
	div#content ul.imagelist{margin: 15px 0 220px 0;width:200px; float: right; overflow: hidden;}
	div#content ul.imagelist.bottom{margin-bottom: 95px;width:520px; float: none; clear: both;}
	div#content ul.imagelist li{float: left; margin: 0 5px 5px 0;}
	div#content ul.imagelist li a {display: block; float: left; border: 3px solid #F5F5F5}
	div#content ul.imagelist li a:hover {border: 3px solid #E6CB39}
	
	/*news_box*/
	div.news_box{float:right; display:inline; width:245px; margin:45px 15px 0 0}
	div.news_box p.title{line-height: 25px; font-size: 20px; color:#e5ca33; margin: 10px 0;}
	div.news_box div.text{width:228px; padding:2px 8px 0; height:102px; overflow: hidden; line-height:17px; color:#FFF; background:url(../images/layout/news_box_tile.png) repeat-y 0 0}
	div.news_box div.text a{color:#bfbba1}
	
	/*sidebar*/
	div#sidebar{float:left; min-height:308px; padding-bottom: 2em; height:auto !important; width:193px; background:url(../images/layout/navigation_shadow_bg.png) no-repeat right center}
	div#sidebar ul li{background:url(../images/layout/sidebar_background.png) no-repeat left bottom}
	div#sidebar ul li a{color:#878787; line-height:35px; font-size:14px; font-weight:bold; text-decoration:none; padding:0 0 0 38px}
	div#sidebar ul li a:hover{color:#63443d;}
	
	
/* Footer
---------------------------------------------------------- */
div#footer{color:#e5ca33; height:43px; line-height:43px; font-size:13px; width:878px; padding:0 19px; float:right; background:url(../images/layout/footer_background.png) no-repeat 0 0;}
div#footer p{float:left;}
div#footer a#inventis{width:77px; margin:10px 0 0 0; height:20px; line-height:20px; float:right; overflow:hidden; display:block; text-indent:-9000px; background:url(../images/layout/credits.png) no-repeat 0 0;}
div#footer a#inventis:hover{background:url(../images/layout/credits.png) no-repeat left bottom;}