/* CREDITS
Title:		Oud Rekem - CSS Main Stylesheet
Author:		David Candreva <david@inventis.be>
Date:		28/01/2008
Last Edit:	31/01/2008 Dieter Verjans <dieter@inventis.be>
*/

/* Algemene Styles
---------------------------------------------------------- */
body{height:100%;}
body{background:#f8f6ea url(../images/layout/body_tile.png) repeat-x 0 0; color:#3a4b24; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}

#container{width:982px; margin:0 auto;}
h1, h2, h3{color:#7d0e10; font-family:Georgia;}
strong{font-weight:bold;}
a{color:#485c2c;}


/*kaders*/
.small_kader{background:url(../images/layout/small_kader.png) no-repeat 0 0; width:66px; height:56px; padding:8px 0 0 0;}
a.small_kader:hover{background-position: 0 100%;}
.small_kader img{display:block; margin:0 auto;}

a.big_kader_bzwh{background:url(../images/layout/big_kader.png) no-repeat 0 0; width:210px; height:202px; padding:8px 0px 0px 0px; display:block;} 
a.big_kader_bzwh:hover{background-position: 0 100%;}
.big_kader_bzwh img{display:block; margin:0 auto; width:194px; height:194px;}

a.small_kader_bzwh{background:url(../images/layout/small_kader_bzwh.png) no-repeat 0 0; width:70px; height:61px; padding:8px 0 0 0; float:left; margin-left:-2px; margin-right:3px;}
a.small_kader_bzwh:hover{background-position: 0 100%;}
.small_kader_bzwh img{display:block; margin:0 auto;}

/* Header
---------------------------------------------------------- */
#header{position:relative; height:371px; background:url(../images/layout/header_background.png) no-repeat 0 53px;}

/*header related*/
#header h1, #header p{text-indent:-9000px;}
#header h2{position:absolute; left:106px; top:319px; font-size:20px; line-height:24px;}

/*images*/
img.headPic{position:absolute; left:379px; bottom:24px;}

/*kaders*/
.kader_1{position:absolute; left:790px; bottom:13px;}
.kader_2{position:absolute; left:863px; bottom:13px;}

/*navigation*/
#header ul{height:51px; margin:0 0 0 57px;}
#header ul li{height:51px; float:left;}
#header ul li a{height:53px; display:block; float:left; text-indent:-9000px; background:url(../images/layout/navigation.png) no-repeat 0 0;}

#header ul li a.home						{width:82px;  background-position:0 0;}
#header ul li a.geschiedenis				{width:137px; background-position:-82px 0;}
#header ul li a.bezienswaardigheden			{width:199px; background-position:-219px 0;}
#header ul li a.toerisme					{width:110px; background-position:-418px 0;}
#header ul li a.partners					{width:109px; background-position:-528px 0;}
#header ul li a.stemmen						{width:108px; background-position:-637px 0;}
#header ul li a.contact						{width:111px; background-position:-745px 0;}

#header ul li a.home:hover					{background-position:0 100%;}
#header ul li a.geschiedenis:hover			{background-position:-82px 100%;}
#header ul li a.bezienswaardigheden:hover	{background-position:-219px 100%;}
#header ul li a.toerisme:hover				{background-position:-418px 100%;}  
#header ul li a.partners:hover				{background-position:-528px 100%;}
#header ul li a.stemmen:hover				{background-position:-637px 100%;}
#header ul li a.contact:hover				{background-position:-745px 100%;}

#header ul li a.home_active					{width:82px; background-position:0 100%;}
#header ul li a.geschiedenis_active			{width:137px; background-position:-82px 100%;}
#header ul li a.bezienswaardigheden_active	{width:199px; background-position:-219px 100%;}
#header ul li a.toerisme_active				{width:110px; background-position:-418px 100%;}
#header ul li a.partners_active				{width:109px; background-position:-528px 100%;}
#header ul li a.stemmen_active				{width:108px; background-position:-637px 100%;}
#header ul li a.contact_active				{width:111px; background-position:-745px 100%;}



/* Main container | Content
---------------------------------------------------------- */
#main_container{clear:both; width:100%; clear:both; overflow:hidden; background:url(../images/layout/bottom_ornament.png) no-repeat 520px bottom;}

#content{overflow:hidden; width:543px; float:left; margin:0 0 30px 70px; display:inline; border-right:1px solid #d2d3c4; padding-right:20px; min-height:450px;}

#content .entry{margin:0 0 20px 0;} 
#content .entry h2{font-size:17px; padding:0 0 5px 0; background:url(../images/layout/dots.gif) no-repeat left bottom; margin-bottom:10px;}
#content .entry h2 a {text-decoration:none; color:#7d0e10;}
#content .entry h2 a:hover {color:#485c2c;}
#content .entry .text p{margin:0 0 8px 0;}
#content .entry .text a{color:#851d1e;}
#content .entry .text a:hover{text-decoration:none;}

#content .entry .text a.back{clear:both;}

div.space{clear:both; height:20px}



/* Main container | Sidebar
---------------------------------------------------------- */
#sidebar{float:left; width:321px; margin:0 0 27px 27px; display:inline;}

#sidebar h3{font-size:18px; padding:0 0 4px; background:url(../images/layout/dots2.gif) no-repeat left bottom;}

/*list items*/
#sidebar ul{width:286px;}
#sidebar ul li{ border-bottom:1px solid #d2d3c4;}
#sidebar ul li a{ font-weight:bold; text-decoration:none; padding:5px 0; display:block;}
#sidebar .wrapper{margin:0 0 9px; padding:8px 0;}
#sidebar #partnersWrapper {overflow:hidden; height:40px; width:286px;}
#sidebar #partnersSlide {padding:0 10px; float:left;} 

#sidebar .fotos .small_kader{float:left;}

#sidebar #wrapperOverLeft {position:absolute; z-index:100; left:0; top:5px; background:url(/design/images/layout/wrapperOverLeft.png) no-repeat top left; width:37px; height:50px;}
#sidebar #wrapperOverRight {position:absolute; z-index:100; right:0; top:5px; background:url(/design/images/layout/wrapperOverRight.png) no-repeat top left; width:37px; height:50px;}

/* Bezienswaardigheden
---------------------------------------------------------- */
#content .entry li.bezienswaardigheid{
	background: url(/design/images/layout/li-back.jpg) no-repeat 10px 50%;
	padding: 10px 10px 10px 38px;
	border-bottom:1px solid #d2d3c4;
}

#content .entry li.bezienswaardigheid a{
	font-weight:bold;
	color:#485c2c;
	text-decoration:none;
}

#content .entry li.bezienswaardigheid a:hover{
	color:#7d0e10;
}

/* Tags
---------------------------------------------------------- */
#content .entry .tagsList {font-size: 10px; color: #7d0e10; padding-top:10px; clear:both;}
#content .entry .tagsList a{color:#485c2c;}
#content .entry .tagsList a.reactie{font-size:11px; font-weight:bold}

/* Comments
---------------------------------------------------------- */
#content .entry ul.comments li{ border-bottom:1px solid #d2d3c4; padding:10px;}
#content .entry ul.comments li .author {color:#7d0e10; font-size:11px; padding-bottom:5px; background:transparent url(../images/layout/dots.gif) no-repeat scroll left bottom; clear:both; margin-bottom:5px;}
#content .entry ul.comments li .author a{color:#485c2c; text-decoration:underline;}
#content .entry ul.comments li .author a:hover {text-decoration:none;}

/* Footer
---------------------------------------------------------- */
#footer{height:65px; clear:both; width:880px; margin:0 0 0 67px; background:url(../images/layout/footer_background.png) no-repeat 0 0;}
#footer table{width:100%; margin:0 auto;}
#footer table td{text-align:center; height:65px;}

/* Pagination
---------------------------------------------------------- */
#content .pagination {height:24px; overflow:hidden;}
#content .pagination li  {float:left;}
#content .pagination li a {
	height:18px;
	width:16px;
	padding:2px;
	border: 1px solid #3a4b24;
	background-color: #e5e5cf;
	text-align:center;
	font-size:11px;
	float:left;
	margin-right:4px;
	text-decoration:none;
	color:#3a4b24;
}

#content .pagination li a:hover,
#content .pagination li a.active {
	background-color: #3a4b24;
	color:#FFFFFF;
}

/* Flash
---------------------------------------------------------- */
#content .flash{
	padding:10px;
	border: 2px solid #3a4b24;
	background-color: #e5e5cf;
	text-align:center;
	font-size:16px;
	margin-bottom:20px;
}

/* niceForm
---------------------------------------------------------- */
#content .niceForm {
	margin-top:15px;
}
#content .niceForm div.entry {
	margin:0 0 7px 0;
	padding:0;
	padding-left:5px;
}
#content .niceForm div.buttons {
	padding:0;
}

#content .niceForm label {
	display: block;
	padding: 3px 0 3px 0;
	color: #3a4b24;
	font-weight: bold;
}
#content .niceForm textarea,
#content .niceForm input {
	border: 1px solid #e7e8dc;
	width:97%;
	padding:5px;
	font-size:11px;
}

#content .niceForm .send {
	width:94px;
	height: 40px;
	text-indent:-9000px;
	border:0;
	overflow:hidden;
	display:block;
	cursor:pointer;
	background: url(/design/images/layout/btn_verzenden.jpg) no-repeat top left; 
}

#content .niceForm .send:hover{
	background-position:0px -39px;
}

#content .niceForm div.error {
	border: 2px solid #7D0E10;
	padding: 5px 10px;
}
#content .niceForm div.error label {
	color: #7D0E10;
}
#content .niceForm div.error .errorMsg {
	background:transparent url(/design/images/icons-webadmin/error_small.gif) no-repeat scroll 0pt 50%;
	color:#7D0E10;
	margin:0pt;
	padding: 2px 0 2px 15px;
}
div.atStart {cursor: pointer; padding-top: 10px;}

.overlay_bg{background:#000000;  opacity:0.7; position:absolute; left:0; top:0; height:100%; width:100%; z-index:500;}
.overlay_center{width:700px; z-index:501; height:182px; position:absolute; background:url(../images/layout/mooiste_dorp_vlaanderen.png) no-repeat 0 0; left:50%; top:220px; margin-left:-350px;}
.overlay_center a{text-decoration:underline; float:right; font-family:Georgia; margin:3px 5px 0 0; font-size:11px; text-transform:uppercase; color:#FFF; background:url(../images/layout/close_icon.gif) no-repeat right center; padding-right: 20px;}
.overlay_center a:hover{text-decoration:none;}