/*  
Theme Name: Witbaard
Theme URI: http://www.witbaard.nl/
Description: Het thema voor de www.witbaard.nl
Version: 1.0
Author: Harry Wedzinga
Author URI: http://www.noordmedia.nl/
*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	background:#333 url(images/bg.jpg) repeat left top;
	color:#333;
	font:0.8em/160% "Trebuchet MS", Verdana, Arial, sans-serif;
	padding-top:15px;
	padding-bottom:15px;
}

#container, #footer, #top, #head, #headernav, #container_content, #bgtop{width:980px}
#container, #head, #headernav, #footer, #container_content{margin:0 auto}

#container {
	clear:both;
}

#head{
	background: url(images/splash.jpg) no-repeat center top;
	height:200px;
	position:relative;
	clear:both;
}

#logo {
	position:absolute;
	left:235px;
	top:60px;
}

#headernav {
	height:40px;
	background: url(images/bg-hornav.jpg) no-repeat center top;
	clear:both;
}

#container_content {
	background: url(images/bg-page.jpg) repeat-y left top;
}

#bgtop {
	height:40px;
	background: url(images/bg-top.jpg) no-repeat left top;
}

#submenu {
	width:140px;
	float:left;
	padding: 10px 20px 30px 30px;
}

#content{
	float: left;
	width: 470px;
	padding: 10px 25px 30px;
	/*min-height hack*/
	min-height:300px;
	height:auto !important;
	height:300px;
	/*End hack*/
}

#sidebar-right {
	width:210px;
	float:left;
	padding: 10px 35px 30px 25px;	
	}
	
div.articlefooter {
	text-transform: uppercase;
	font-size: 0.8em;
}

#footer{
	position:relative;
	height: 25px;
	color:#666;
	font-size:95%;
	background: #fff url(images/bg-footer.jpg) no-repeat center top;;
}

div.sidebartext{
	font-size: 0.95em;
	line-height: 140%;
}

/*LISTS*/

ul,ol{list-style: outside;margin-bottom:15px;}
ul li,ol li {margin-left: 30px;}

ul.mainnav{
	text-transform: uppercase;
	list-style: none;
	margin-bottom:0px;
	margin-left:30px;
	font-weight: bold;
	font-size: .9em;
}

ul.mainnav li{
	float:left;
	margin-left: 0px;
}

ul.mainnav li a {
	float:left;
	line-height:40px;
	height:40px;
	padding-left:12px;
	margin-right:0px;
	color:#fff;
	cursor:pointer;
}

ul.mainnav li a span {
	display:block;
	height:40px;
	padding-right:12px;
}

ul.mainnav li a:hover{
	background: url(images/bg-hornav-item-left.jpg) no-repeat left top;
	text-decoration:none;
}

ul.mainnav li a:hover span {
	background: url(images/bg-hornav-item-right.jpg) no-repeat right top;
}

ul.mainnav li.current_page_item a,
ul.mainnav li.current_page_parent a {
	line-height:45px;
	color:#333333;
	background: url(images/bg-hornav-item-left.jpg) no-repeat bottom left;
}

ul.mainnav li.current_page_item a span,
ul.mainnav li.current_page_parent a span {
	background: url(images/bg-hornav-item-right.jpg) no-repeat bottom right;
}

ul.headlines, ul.subnav{font-size:1em;list-style:none; line-height:1.8em;}

ul.headlines li {margin-left: 0px;}

ul.headlines li a {
	display:block;
	color:#333;
	border-bottom: 1px solid #D6D6D6;
	padding-left:15px;
	padding-top:0px;
	padding-bottom:1px;
	background: url(images/blt-red.gif) no-repeat left 10px;
}
ul.subnav {
	font-size:0.85em;
	list-style:none;
	margin-bottom:30px;
}

ul.subnav li {
	padding-bottom:0px;
	margin-left: 0px;
}

ul.subnav li a {
	display:block;
	padding-left: 0px;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom: 1px solid #D6D6D6;
	color:#333;
}

ol.commentlist {list-style: none;}
ol.commentlist li {padding:10px;}
ol.commentlist li.alt {
padding:10px;
background:#eee;
}

/*HEADERS*/

h1,h1 a,h2,h2 a,h3,h3 a {
	font-weight: normal;
	color:#c20000;
}

h1{
	font-size:1.6em;
  	line-height:100%;
	margin-bottom:15px;
}

h1.articleheader {	
	font-size:1.4em;
	line-height:120%;
	margin-bottom:5px;
	text-transform: none;
}

h2, h2 a {
	font-size:1.1em;
	margin-bottom:15px;
	font-weight: bold;
}

h2.listheader {
	padding-top:0em;
	margin-bottom:5px;
	border-bottom: none;
	font-weight: bold;
	font-size:.85em;
	text-transform: uppercase;
}

h2.listheader a {text-decoration:none;}
h2.listheader a:hover {text-decoration:underline;}

h2.archive {
	color:#4F4E3C;
	margin-bottom:25px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: .9em;
}

h3#comments,h3#respond {margin-bottom:20px;}

p{margin-bottom:10px}

p#copyright {
	margin-top:10px;
	text-align:center;
	color:#6F6F60;
	font-size: 0.9em;
}

p#copyright a {color:#6F6F60;}

p.date{
	margin-bottom:15px;
	font-size: .8em;
	text-transform: uppercase;
}

/*LINKS*/

a{text-decoration:none;color:#c20000;}
a:hover {text-decoration:underline;}

a img {border:none;}

#nav a, #logo a, #logo a:hover, .banner a, .banner a:hover, a.no-linkborder img, a.no-linkborder, a:hover.no-linkborder {
	border-bottom: none !important;
	border-bottom: none;
}

#footer a{color:#666}

#commentform #submit {float:right;}
#commentform input,#commentform textarea {font:0.9em}

.commentheader {
	margin-bottom:15px;
	clear:both;
}

/*IMAGES*/

img.avatar { 
	float:left;	
	background:#fff;
	border:1px solid #ccc;
	padding:4px;
	float:left;
	margin:5px 10px 5px 0;
}

.banner a:hover img.border{
	background:#fff;
	border:1px solid #5e9531;
	padding:4px;
}

img.alignleft, img.alignnone, iframe#map, .vvqbox {
	background:#fff;
	border:1px solid #ccc;
	padding:4px
}

img.alignright {
	float:right;
	margin:5px 0 5px 10px;
}

img.alignleft {
	float:left;
	margin:5px 10px 5px 0;
}

img.alignnone {clear:both;}
img.noborder {margin-bottom:5px;}


.submenu,.outlinelist {
	font-size:0.85em;
	margin-bottom:15px
}

.submenu li a,.outlinelist li a {text-decoration:none}
.more a:hover {color:#404035}

.item{
	margin-bottom: 30px;
	clear: both;
}

edit{
	font-size: .85em;
	text-transform: uppercase;
	color: #666;
}

.alignright {float: right;}

div.articlefooter {
	border-top: 1px solid #ccc;
	clear: both;
}

div.articlefooter a{color: #666; text-decoration:none;}
div.articlefooter a:hover{text-decoration:underline;}


/*FORMS*/

textarea#comment {width:98%;}

form#searchform {
	position:absolute;
	right:30px;
	bottom:18px;
}

input#searchsubmit {
	background: url(images/btn-zoek.gif) no-repeat left top;
	width:100px;
	height:20px;
	border:none;
	color:#fff;
	font-size: 0.8em;
	text-transform: uppercase;
}

input#searchsubmit:hover {background: url(images/btn-zoek.gif) no-repeat left bottom;}

input#s {height:18px;}

table {
	border-collapse:collapse;
	width:100%;
	margin-bottom:10px;
}

/*	Fancybox*/
#content .hidedcontent{
	display: none;

}