/*  
Theme Name: VLD Kapellen 3
Theme URI: http://www.vldkapellen.be/
Description: VLD Kapellen template, gebaseerd op default.
Version: 0.3
Author: Michiel Loncke - Wigdets: Sam Kuylen
Author URI: http://www.vldkapellen.be/
*/

/* Inspired by: blog.html.it/layoutgala/ */

/* LAYOUT STRUCTURE
------------------*/

html,body{
	margin:0;
	padding:0;
}
body{
	font:76% "Lucida Sans Unicode", Ludica, Verdana, sans-serif;
	text-align:center;
}
#container{
	text-align:left;
	width:950px;
	margin:0 auto;
}
#header{
	height:195px;
	background:#0674af url(/images/header_leeg.png) no-repeat top center;
	position:relative;
}
#header h1{
	margin:0;
	padding:0;
}
#header h1 a:link, #header h1 a:visited{
	margin:0;
	padding:0;
	width:950px;
	position:absolute;
	top:5px;
	left:0px;
	display:block;
	background:none;
	overflow:hidden;
	font-size:1px;
	height:0px;
	padding-top:130px;
}
#headerleft{
	left:0;
	background-position: top left;
}
#headerright{
	right:0;
	background-position: top right;
}
#headerleft,#headerright{
	position:absolute;
	top:27px;
	background-repeat:no-repeat;
	width:383px;
	height:109px;
}

#footer p{
	margin:0;
	padding:5px 10px;
}
#wrapper{
	float:left;
	width:100%;
}
#content{
	margin:10px 200px;
	padding:10px 10px 25px 10px;
}
#footer{
	clear:left;
	width:100%;
}

/* OTHER
-------------*/

body{
	background-color:#f0f1ed;
}

#content{
	background-color:#fff;
	border:1px solid #ccc;
}

#content p{
	line-height:1.4;
	margin:5px 0 10px 0;
	padding:0;
}
#footer{
	background:#333;
	color:#FFF;
}

/* TOPNAV en SEARCHFORM
-------------*/

ul.topnav{
	position:absolute;
	list-style-type:none;
	padding:0;
	margin:0;
	top:139px;
}

ul.topnav li{
	display: inline;
	padding:0 0 0 15px;
}

ul.topnav li a{
	color:#fff;
	font-size:140%;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:-0.05em;
}

ul.topnav li a:hover{
	color:#f6c837;
}

ul.topnav li a.emph{
	color:#f6c837;
	padding-left:30px;
}

#searchform{
	position:absolute;
	padding:0;
	margin:0;
	top:139px;
	right:15px;
}

input,textarea{
	border:1px solid #048;
	font:1em "Lucida Sans Unicode", Ludica, Verdana, sans-serif;
	padding:2px 4px;
}

.formbutton{
	background:#048;
	border:0;
	color:#fff;
	padding:3px 7px;
}

#searchform .formbutton{
	padding:1px 4px;
	border:1px solid #fff;
}

/* NAVIGATION
-----------------*/

#navigation{
	float:left;
	width:190px;
}

#navigation{
	margin: 0 0 0 -950px;
}

#navigation a{
	color: #048;
}

#navigation p,#navigation h3,#navigation dl{
	color:#444;
}

#navigation h3{
	padding-top:20px;
}

#navigation ul{
	margin:0;
	padding:0 0 30px 0; 
	border-top:1px solid #cbccca;
}

#navigation ul li{
	list-style-type: none;
	border-bottom: 1px solid #cbccca;
}

#navigation ul li a{
	display: block;
	padding: 4px 0 5px 5px;
	font-weight:bold;
	font-size:1.1em;
	text-decoration: none;
}

#navigation ul li a:hover{
	display: block;
	background: #0674af;
	color: #fff;
}

#navigation ul li ul{
	border-top: 0;
	padding:0; 
}

#navigation ul.children8{  /* Projecten in Kapellen enkel tonen als actief */
	display:none;
}

#navigation ul li.current-cat ul.children8, #navigation ul li.current_page_item ul.children8{  /* Projecten in Kapellen enkel tonen als actief */
	display:block;
}

#navigation ul li ul li{
	border: 1px solid #f0f1ed;
	border-top: 1px solid #cbccca;
}

#navigation ul li ul li a{
	font-weight:normal;
	font-size:1.0em;
	padding-left: 10px;
	color: #444;
}

#navigation a.linkimg{
	padding-right:16px;
	background:transparent url(/images/extimg.gif) no-repeat right 50%;
}
#navigation a.linkimg:hover{
	background:#0674af url(/images/extimghov.gif) no-repeat right 50%;
}

dl{
	border-top: 1px solid #cbccca;
}
dt{
	padding:4px 0;
	font-weight:bold;
}
dd{
	padding:0;
	margin:0;
}

/* SIDEBAR
-----------------*/

#sidebar{
	float:left;
	width:190px;
	margin-left:-190px;
	background:#cbccca url(/images/sidebarbottom.jpg) right bottom no-repeat;
	padding-bottom:25px;
}

#sidebar h3{
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
	padding:0;
	margin:0;
	background:#0674af url(/images/sidebarheader.jpg) top left no-repeat;
	color:#fff;
	height:28px;
	padding:0 0 0 13px;
	line-height:1.9em;
}
#sidebar h3:first-letter{
	font-size:1.2em;
}

#sidebar p{
	padding:10px 9px;
	margin:0 1px;
	background:#dcdddb;
}
#sidebar form{
	padding:0;
	margin:0;
}
#sidebar input.radio{
	border:0;
}

#sidebar ul{
	padding:1px 9px 10px 24px;
	margin:0 1px;
	background:#dcdddb;
}

#sidebar a.linkimg{
	padding:0 0 0 16px;
	background:#dcdcda url(/images/linkimg.jpg) bottom left no-repeat;
}

#sidebar a img{
	border:0;
}

/*CONTENT
------------------*/

#content h2{
	font-size:1.6em;
	padding:5px 0 3px 0;
	margin:0;
}

#content h3{
	font-size:1.4em;
	padding:3px 0 3px 0;
	margin:0;
	color:#048;
}

#content h4{
	font-size:1.2em;
	padding:3px 0 2px 0;
	margin:0;
	color:#048;
}

#content h5{
	font-size:1em;
	padding:3px 0 4px 0;
	margin:0;
	color:#000;
}

#content h2 a:link, #content h3 a:link{
	text-decoration:none;
}

#content h2 a:visited, #content h3 a:visited{
	text-decoration:none;
}

#content h2 a:hover, #content h3 a:hover{
	text-decoration:underline;
}

#content a:link, #sidebar a:link{
	text-decoration:underline;
	color:#048;
}

#content a:visited, #sidebar a:visited{
	text-decoration:underline;
	color:#0674af;
}

#content a:hover, #sidebar a:hover{
	text-decoration:none;
	color:#0674af;
}

#content img{
	padding:18px;
	background:url(/images/img100.jpg) center center no-repeat;
	margin:-10px -3px 0 -10px;
}
#content td img{
	margin-top:-5px;
}

#content img.w133{background:url(/images/img133w.jpg) center center no-repeat;}
#content img.h133{background:url(/images/img133h.jpg) center center no-repeat;}
#content a img{border:0;}
#content a:hover img{background:url(/images/hovimg100.jpg) center center no-repeat;}
#content a:hover img.w133{background:url(/images/hovimg133w.jpg) center center no-repeat;}
#content a:hover img.h133{background:url(/images/hovimg133h.jpg) center center no-repeat;}

#content img.blanco{
	padding:5px;
	background:transparent;
	margin:0;
}

#content .clear{
	clear:both;
}

.datum{
	float:right;
	margin:3px 7px 0 0;
}

.alignright{
	float:right;
}
.alignleft{
	float:left;
}

p.postmetadata{
	margin:0 0 3px 0;
	color:#666;
	font-size:0.9em;
}

hr{
	clear:both;
	border:0;
	border-bottom:1px solid #f6c837;
	margin:0;
	padding:0;
	height:1px;
}
.profiel{
	width:400px;
	float:left;
}

/*POST
---------------*/

.post{
	border-bottom:1px solid #f6c837;
	padding:0 0 10px 0;
	margin:0 0 5px 0;
}

a.rss{
	padding:0 0 0 16px;
	background:url(/images/feedicon.jpg) no-repeat bottom left;
}