/*
Theme Name: Greet Geypen thema
Theme URI: http://www.greetgeypen.be/
Description: Greet Geypen template
Version: 1.0
Author: Webcraft
Author URI: http://www.webcraft.be/
*/


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

body{
	font:12px Georgia,Cambria,Times New Roman,Times,serif;
	line-height:19px;
	text-align:center;
	background:#f9f9f9;
}

/* CONTAINER
------------*/
#container{
	text-align:left;
	width:972px;
	margin:0 auto;
	background:#fff url(/layout/content_bg.gif) repeat-y left top;
}

#wrapper{
	float:left;
	width:100%;
}

/* HEADER
---------*/

#header{
	height:276px;
	overflow:hidden;
	background:#fff url(/layout/header_page_bg.jpg) no-repeat left top;
	position:relative;
}
#home #header{
	height:336px;
	background:url(/layout/header_home_bg.jpg) no-repeat left top;
}
.category-arsenaal 				#header{background-image:url(/layout/header_arsenaal_bg.jpg);}
.category-battel 					#header{background-image:url(/layout/header_battel_bg.jpg);}
.category-centrum 				#header{background-image:url(/layout/header_centrum_bg.jpg);}
.category-heffen 					#header{background-image:url(/layout/header_heffen_bg.jpg);}
.category-hombeek 				#header{background-image:url(/layout/header_hombeek_bg.jpg);}
.category-leest 					#header{background-image:url(/layout/header_leest_bg.jpg);}
.category-mechelen-noord 		#header{background-image:url(/layout/header_noord_bg.jpg);}
.category-mechelen-zuid 		#header{background-image:url(/layout/header_zuid_bg.jpg);}
.category-muizen 					#header{background-image:url(/layout/header_muizen_bg.jpg);}
.category-nekkerspoel 			#header{background-image:url(/layout/header_nekkerspoel_bg.jpg);}
.category-tervuursesteenweg 	#header{background-image:url(/layout/header_tervuursesteenweg_bg.jpg);}
.category-walem 					#header{background-image:url(/layout/header_walem_bg.jpg);}

.category-arsenaal 				#header #quote,
.category-battel 					#header #quote,
.category-centrum 				#header #quote,
.category-heffen 					#header #quote,
.category-hombeek 				#header #quote,
.category-leest 					#header #quote,
.category-mechelen-noord 		#header #quote,
.category-mechelen-zuid 		#header #quote,
.category-muizen 					#header #quote,
.category-nekkerspoel 			#header #quote,
.category-tervuursesteenweg 	#header #quote,
.category-walem 					#header #quote{
	display:none;
}


#header h1 a{
	display:block;
	position:absolute;
	left:0;
	top:60px;
	width:486px;
	height:192px;
}
#header h1 a span{
	margin-left:-9999px;
}
#header #topnav{
	position:absolute;
	left:0;
	top:24px;
	width:432px;
	height:36px;
	background:#004B7D url(/layout/topnav_bg.png) repeat-x left top;
}
#home #header #topnav{
	top:300px;
	width:100%;
}
#header #topnav a.home{
	padding-left:23px;
	padding-right:12px;
	padding-top:8px;
}
#home #header #topnav ul,#header #subnav ul{
	margin-left:12px;
}
#header #topnav li,#header #subnav li{
	display:inline;
}
#header #topnav a,#header #subnav a{
	display:block;
	float:left;
	padding:7px 8px 7px 7px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:15px;
}
#header #topnav .current_page_item a{
	color:#A3D3F0;
}
#header #topnav #menu_item_13{
	display:none;
}
#header #subnav{
	top:240px;
	width:100%;
	position:absolute;
	left:0;
	height:36px;
	background:#004B7D url(/layout/subnav_bg.png) repeat-x left top;
}
#header #subnav a{
	color:#000;
}
#header #subnav .current_page_item a{
	color:#0077B4;
}

#header #meta{
	position:absolute;
	left:432px;
	top:24px;
	width:540px;
	height:36px;
	background:url(/layout/meta_bg.png) repeat-x left top;
}
#header #search{
	position:absolute;
	left:12px;
	top:8px;
	width:264px;
	height:22px;
	overflow:hidden;
}
.structural {
	left:-9999px;
	position:absolute;
}
#s {
	font:12px Georgia,Cambria,Times New Roman,Times,serif;
	background:transparent url(/layout/searchfield_bg.gif) no-repeat scroll left top;
	border:0 none;
	padding:4px 6px;
	width:134px;
}
#searchbutton {
	background:#FFFFFF url(/layout/searchbutton_bg.gif) no-repeat scroll left top;
	border:0 none;
	font-size:1px;
	height:22px;
	margin:0 0 0 3px;
	padding:0;
	vertical-align:top;
	width:22px;
}
#header #social{
	position:absolute;
	left:276px;
	top:8px;
	width:264px;
	height:18px;
	overflow:hidden;
	color:#999;
}
#header #social img{
	vertical-align:top;
	padding-left:18px;
}

#header #quote{
	position:absolute;
	left:288px;
	top:156px;
	width:684px;
	height:75px;
	font-style:italic;
	color:#333;
	overflow:hidden;
}

#home #header #quote{
	top:216px;
}
#header #quote .quote{
	position:absolute;
	top:0;
	left:0;
}
#header #quote .quote_groot{
	font-size:33px;
	line-height:40px;
}
#header #quote .quote_klein{
	font-size:23px;
	line-height:27px;
	margin-left:12px;
}

#header #banner{
	position:absolute;
	left:722px;
	top:105px;
	width:196px;
	height:76px;
	overflow:hidden;
	cursor:pointer;
}
#header #banner h2{
	color:#fff;
	font-size:22px;
	line-height:20px;
	margin-bottom:5px;
}
#header #banner h3{
	color:#000;
	font-size:12px;
	line-height:14px;
	margin:0;
	font-weight:normal;
}
#banner_foto{
	float:right;
	margin-top:10px;
	margin-left:5px;
}

/* CONTENT
----------*/
#content{
	margin:24px 0;
	padding:0 24px;
	width:540px;
	float:left;
}

/* EXTRA
--------*/
#extra{
	float:left;
	width:384px;
	top:-24px;
	position:relative;
	margin-bottom:-24px;
	overflow:hidden;
}
#extra .extrablock{
	padding:12px 12px;
}
#extra .extrablock h2{
	font-size:20px;
	line-height:22px;
	margin-bottom:12px;
	font-weight:normal;
	color:#01366A;
}
#extra #wijken{
	background:#f9f9f9 url(/layout/wijken_bg.png) no-repeat left top;
	height:276px;
	overflow:hidden;
}
#extra #wijken h2{
	color:#006599;
	margin-bottom:12px;
}
#extra #project{
	background:#333333;
	min-height:144px;
	width:168px;
	float:right;
}
#extra #toennu{
	background:#01366A;
	color:#fff;
	width:168px;
	float:left;
}
#extra #toennu h2,#extra #project h2{
	color:#fff;
}
#extra #agenda{
	background:#A3D5F0;
	width:168px;
	float:left;
}
#extra #agenda p.more{
	margin:0;
}

/* TOOLTIP
----------*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.9;
	text-align:center;
}
#tooltip h3{
	margin: 0;
	font-size:12px;
	line-height:16px;
}
#tooltip strong{
	display:block;
	font-size:16px;
}

/* AGENDA
---------*/
.agenda{
	line-height:14px;
}
.agenda a{
	text-decoration:none;
	color:#000;
}
.agenda_date,.agenda_name{
	display:block;
}
.agenda_date{
	font:10px Arial,sans-serif;
}
.agenda .agenda_name{
	font-weight:bold;
	line-height:17px;
}
.agenda_location{
	line-height:17px;
	padding-right:15px;
}
.agenda_location{
	background:url(/layout/more_arrow_lightblue_small.gif) no-repeat right 3px;
}
#agenda_list li{
	padding-bottom:12px;
	border-bottom:1px solid #A3D5F0;
	margin-bottom:12px;
}
#agenda_list .agenda_list_date{
	float:left;
	width:100px;
	height:40px;
}
.agenda_detail_date{
	font-weight:bold;
	margin-bottom:12px;
}
.agenda_back{
	margin-top:24px;
	font:10px Arial,sans-serif;
}

/* FOOTER
---------*/
#footer{
	clear:left;
	width:100%;
	padding:24px;
	width:924px;
	min-height:70px;
	font:10px Arial,sans-serif;
	color:#666;
	background:#fff;
}
#footer p{
	margin:6px 0 0;
	float:right;
}
#footer #design,#footer #design a{
	color:#aaa;
	text-decoration:none;
}
#footer #openvld{
	margin:0;
	float:right;
	margin-left:24px;
}

/* HOME
-------*/
#home_intro{
	width:384px;
	height:228px;
	float:left;
	overflow:hidden;
	padding:24px;
	font-size:11px;
	line-height:15px;
}
#home_wijken{
	background:#f9f9f9 url(/layout/wijken_home_bg.png) no-repeat left top;
	width:492px;
	height:276px;
	margin-top:-24px;
	float:left;
	overflow:hidden;
	position:relative;
	padding:12px 24px;
}
#home_wijken h2{
	font-size:24px;
	margin-bottom:0;
}
#wijken_kaart{
	float:left;
	width:300px;
}
#wijken #wijken_kaart{
	padding:0 30px;
}
#home_wijken_nieuws{
	float:left;
	width:192px;
}
#home_wijken_nieuws,#campagnenieuws{
	font-size:11px;
	line-height:14px;
}
#home_wijken_nieuws ul{
	margin-top:18px;
}
#home_wijken_nieuws li,#campagnenieuws li{
	margin-bottom:6px;
	padding-left:24px;
	background:url(/layout/nieuws_li_button.gif) no-repeat left top;
}
#campagnenieuws li{
	padding-left:18px;
	background:url(/layout/more_arrow_black.gif) no-repeat left 2px;
}
#home_wijken_nieuws p,#campagnenieuws p{
	margin-bottom:0;
}
#home_wijken_nieuws .date,#campagnenieuws .date{
	font:10px Arial,sans-serif;
	color:#0077B4;
}
#home_wijken_nieuws a,#campagnenieuws a{
	color:#000;
	text-decoration:none;
}
#home_wijken_nieuws a:hover,#campagnenieuws a:hover{
	text-decoration:underline;
}
#campagnenieuws a{
	color:#fff;
}
#wijken_hint{
	position:absolute;
	color:#777;
	width:80px;
	font-size:10px;
	line-height:13px;
	left:208px;
	top:50px;
	padding:5px;
	background:#eee;
}
#extra #wijken_hint{
	left:240px;
}

#home_toennu,#home_agenda,#home_project{
	height:192px;
	padding:12px 24px;
	overflow:hidden;
}
#home_project{
	padding:12px 12px 12px 24px;
}
#home_toennu{
	width:168px;
	float:left;
	background:#01366A;
	color:#fff;
	position:relative;
}
#home_toennu p,#toennu p,#project p{
	margin:0;
}
#home_toennu a,#toennu a{
	color:#fff;
}
#toennu_list li{
	position:relative;
}
#toennu_list li .toen_en_nu_images{
	position:relative;
	height:150px;
}
#toennu_list img{
	vertical-align:top;
}

.category #toennu_list li{
	padding-bottom:10px;
	border-bottom:1px solid #A3D5F0;
}

#home_agenda{
	width:168px;
	float:left;
	background:#A3D5F0;
}
#home_project{
	width:504px;
	float:left;
	background:#333333;
	color:#fff;
}
#home_project .project{
	width:156px;
	overflow:hidden;
	float:left;
	margin-right:12px;
}
#home_project .project .home_project_img{
	width:156px;
	height:108px;
	overflow:hidden;
	margin-bottom:6px;
}
#home_toennu h2,#home_agenda h2,#home_project h2{
	font-size:24px;
	margin-bottom:8px;
	color:#fff;
}
#home_agenda h2{
	color:#013668;
}
#toennusliderwrapper{
	position:relative;
}
#home #toennusliderwrapper,#extra #toennusliderwrapper,#toennu_list #toennusliderwrapper{
	width:168px;
	height:120px;
	left:0;
	top:0;
	overflow:hidden;
	margin-bottom:5px;
}
#toennusliderwrapper img{
	vertical-align:top;
}
.toen,.nu{
	position:relative;
	margin-bottom:12px;
}
#home .toen,#extra .toen,#toennu_list .toen{
	position:absolute;
	left:0;
	z-index:2;
}
#home .nu,#toennu_list .nu{
	position:absolute;
	left:0;
}
.nulabel,.toenlabel{
	display:block;
	position:absolute;
	bottom:5px;
	background:#ddd;
	font-size:10px;
	line-height:15px;
	text-transform:uppercase;
	padding:0 4px;
	color:#01366A;
	border:1px solid #999;
	opacity:0.8;
}
.toenlabel,.nulabel{
	left:5px;
}
#home .nulabel,#toennu_list .nulabel{
	right:5px;
	left:auto;
}
.toen_en_nu_detail_intro{
	margin-bottom:12px;
}
#toennu_list .toen,#toennu_list .nu{
	border:1px solid #01366A;
	padding:12px;
	margin-right:12px;
}
#toennu_list .nu{
	left:206px;
}
#toennu_list .arrow_big{
	position:absolute;
	left:412px;
	bottom:5px;
}

/* ELEMENTS
-----------*/

p,table{
	margin:0 0 12px;
}
h2{
	color:#00649A;
	font-weight:normal;
	font-size:36px;
	line-height:34px;
	margin-bottom:24px;
}
h2 span{
	color:#003569;
}
h3{
	color:#003569;
	font-weight:normal;
	font-size:24px;
	line-height:24px;
	margin-top:12px;
	margin-bottom:12px;
}
a{
	color:#003569;
}
#content ul,#content ol{
	margin:0 0 12px;
	padding-left:15px;
	list-style:disc;
}
#content ol{
	list-style:decimal;
}

ul#project_list,ul#toennu_list,ul#agenda_list{
	list-style:none;
	padding:0;
}
.alignleft{
	float:left;
	margin:4px 12px 12px 0;
}
.alignright{
	float:right;
	margin:4px 0 12px 12px;
}


.more a{
	display:block;
	text-align:right;
	padding-right:18px;
	background:url(/layout/more_arrow.gif) no-repeat right top;
	font:10px Arial,sans-serif;
}
#home_toennu .more a,#toennu .more a{
	background:url(/layout/more_arrow_blue.gif) no-repeat right top;
	text-decoration:none;
}
#home_agenda .more a,#agenda .more a{
	background:url(/layout/more_arrow_lightblue.gif) no-repeat right top;
	text-decoration:none;
}
#home_project .more a,#project .more a,.project .more_single a{
	background:none;
	text-decoration:none;
	color:#fff;
	padding-right:0;
}
#home_project .more a{
	background:url(/layout/more_arrow_black.gif) no-repeat right 3px;
	padding-right:18px;
}

.project .more_single a{
	text-align:left;
	font:inherit;
}
#home_project .more{
	position:absolute;
	right:24px;
	top:24px;
}
#home_project{
	position:relative;
}

/* projecten
------------*/


#project_list li{
	clear:both;
	border-bottom:1px solid #A3D5F0;
	margin-bottom:12px;
}
.projectimg{
	float:left;
	margin-right:12px;
	margin-bottom:12px;
}
.projectintro{
	margin-bottom:12px;
}
#project_list .arrow_big{
	float:right;
	margin-bottom:12px;
}
#project_list .arrow_big img{
	vertical-align:top;
}
#project_detail_intro{
	margin-bottom:12px;
}
#project .project{
	margin-bottom:12px;
}

/* posts
--------*/

.post{
	border-bottom:1px solid #A3D5F0;
	margin-bottom:12px;
}
.single .entry{
	min-height:200px;
}
.postmetadata{
	color:#777;
	border-top:1px dotted #A3D5F0;
	padding-top:12px;
	clear:both;
}
.postmetadata .date{
	float:right;
}
.postimg{
	float:left;
	margin:4px 12px 12px 0;
}