/*
Theme Name: PB Heino
Theme URI: http://www.pbheino.nl/
Description: Plaatselijk Belang Heino
Version: 1.0
Author: GePeCa webdesign, Petra van Hoorn
*/

* {
    margin: 0;
    padding: 0;
}
html,body {
    height: 100%; /* HEEL BELANGRIJK! */
    background: #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:89%;
	color:#333333;
}

.clear {
    clear: both; /* deze class om de floats #menu en #content en #rechts te clearen. */
}
#container {
    min-height: 100%;
    width: 790px;
    margin: 0 auto; /* deze div centreren */
	background: #FFF url(images/achtergrond.gif) top left repeat-y; /* Faux column */
    position: relative; /* De footer wordt absoluut gepositioneerd, relatief aan #container. Dus position: relative moet dan hier toegevoegd worden */
}
#header {
    height: 96px;
    background: #ffffff;
	background-image: url(images/top1.jpg);
	background-repeat:no-repeat;
}
			
		#nav{
position: absolute;
width:790px;
height: 100px;
background-image:url(images/menubalk.jpg);
background-repeat: no-repeat;
background-position: top;
left:0;
margin-top:0;
color:#ffffff;
visibility: visible;
	
}

#nav ul { /* all lists */
	padding: 0;
	margin-left: 1em;
	width:auto;
	list-style: none;
	line-height: 1;
}
 
#nav a {
	display: block;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:0.9em;
}
 
#nav li { /* all list items */
	float: left;
	padding-top:0.5em;
	letter-spacing: 0.1em;
	padding-left: 3.5em;
	
}
 
#nav li ul {
	position: absolute;
	background: #ffffff;
	width: 8.5em;
	padding-left:0;
	left: -999em;
	border: 1px solid #84A6A8;
}
#nav ul li ul li a {
	left: -999em;
	color:#666666;
	width: 8.5em;
	padding-bottom:0.5em;
	border-bottom: 1px solid #84A6A8;
}


#nav li ul li{
color:#666666;
padding-left: 0.8em;
} 

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 8em;
}
 
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	}
 
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	
}
 
#categories{
display:none;
}
#sidebar ul li .pagenav{
display:none;
}

		
#content {
    width: 410px;
	margin-left:170px;
	background: #fff;
    height: auto;
	padding-left:20px;
    padding-bottom: 15px; /* dezelfde hoogte als de hoogte van #footer, anders zal de tekst in deze div onderaan achter de footer vallen omdat #footer absoluut gepositioneerd is */
}				
#content a:link {
	text-decoration: underline;
}
#content a:visited {
	text-decoration: underline;
	color:#333333;
}
#content a:hover {
	text-decoration: underline;
	color:#333333;
}
#content a:active {
	text-decoration: underline;
	color:#333333;
}
#content h1{
padding-top: 30px;
padding-bottom:20px;
font-size:1.5em;
}
#content .post h2 a{
padding-top: 30px;
padding-bottom:20px;
font-size:1em;
text-decoration:none;

}
.post{
margin-top:30px;
height:auto;
}

.post h2 a{
font-weight:bold;
font-size:1em;
text-decoration:none;
color:#333333;
}
#post-117 h2 a{
font-weight:bold;
font-size:1em;
text-decoration:none;
color:#333333;
}
#content ul {
	margin-left:0;
	padding-left:20px;
	top: 0;
	}
#content ol {
	margin-left:0;
	padding-left:20px;
	top: 0;
	}
	
#content p {
	padding-top:10px;
		}
#menu {
	width: 200px;
    float: left;
    height: auto;
	padding-bottom: 15px; /* dezelfde hoogte als de hoogte van #footer, anders zal de tekst in deze div onderaan achter de footer vallen omdat #footer absoluut gepositioneerd is */
}
    #menu h2, #menu p {
        padding-left: 10px;
    }
		
#menu a:link {
	color: #585A59;
	text-decoration: underline;
}
#menu a:visited {
	color: #585A59;
	text-decoration: underline;
}
#menu a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#menu a:active {
	color: #FF0000;
	text-decoration: underline;
}

#menu p{
color:#585A59;
font-size:0.9em;
}

#menu .actueel{
position:absolute;
    width:130px;
	height: 165px;
	left: 15px;
	top: 200px;
	color:#585A59;
	font-size:0.9em;
		}
#menu .actueel p{
padding-left:0;
}
	#menu .actueelbalk{
position:absolute;
	width:130px;
	background-color:#E8EFEB;
	background-image:url(images/linkerbalk.jpg);
	background-repeat: no-repeat;
	height: 15px;
	left: 0;
	top: -20px;
	color:#FFFFFF;
	font-size:0.9em;
	font-weight:bold;
	padding-left: 10px;
			}
			
#menu .actueelbalk a:link {
	color: #ffffff;
	text-decoration: none;
}
#menu .actueelbalk a:visited {
	color: #ffffff;
	}
#menu .actueelbalk a:hover {
	color: #FF0000;
	}
#menu .actueelbalk a:active {
	color: #FF0000;
	}
	
#menu .media{
position:absolute;
    width:130px;
	height: 150px;
	left: 15px;
	top: 370px;
	color:#585A59;
	font-size:0.9em;
	
	}
#menu .media p{
padding-left:0;
}
#menu .mediabalk{
	position:absolute;
	width:130px;
	background-color:#E8EFEB;
	background-image:url(images/linkerbalk.jpg);
	background-repeat: no-repeat;
	height: 15px;
	left: 0;
	top: -20px;
	color:#FFFFFF;
	font-size:0.9em;
	font-weight:bold;
	padding-left: 10px;
	
		}
#menu .mediabalk a:link {
	color: #ffffff;
	text-decoration: none;
}
#menu .mediabalk a:visited {
	color: #ffffff;
	}
#menu .mediabalk a:hover {
	color: #FF0000;
	}
#menu .mediabalk a:active {
	color: #FF0000;
	}
#menu .aanmelden{
position:absolute;
	width:130px;
	height: 240px;
	left: 15px;
	top: 690px;
	color:#ffffff;
	font-size:0.9em;
	font-weight:bold;
		}
	
#menu .aanmeldbalk{
	position:absolute;
	width:130px;
	background-color:#E8EFEB;
	background-image:url(images/linkerbalk.jpg);
	background-repeat: no-repeat;
	height: 15px;
	left: 0;
	top: -20px;
	color:#FFFFFF;
	font-size:0.9em;
	font-weight:bold;
	padding-left: 10px;
	
		}
#menu .aanmeldbalk a:link {
	color: #ffffff;
	text-decoration: none;
}
#menu .aanmeldbalk a:visited {
	color: #ffffff;
	}
#menu .aanmeldbalk a:hover {
	color: #FF0000;
	}
#menu .aanmeldbalk a:active {
	color: #FF0000;
	}
#menu .afmeldbalk{
	position:absolute;
	width:130px;
	background-color:#E8EFEB;
	background-image:url(images/linkerbalk.jpg);
	background-repeat: no-repeat;
	height: 15px;
	left: 0;
	top: 0;
	color:#FFFFFF;
	font-size:0.9em;
	font-weight:bold;
	padding-left: 10px;
	
		}
#menu .afmeldbalk a:link {
	color: #ffffff;
	text-decoration: none;
}
#menu .afmeldbalk a:visited {
	color: #ffffff;
	}
#menu .afmeldbalk a:hover {
	color: #FF0000;
	}
#menu .afnmeldbalk a:active {
	color: #FF0000;
	}

	
#menu h2{
font-size:1.2em;
font-weight:bold;
}
#menu h3{
font-size:1em;
font-weight:bold;
padding-bottom:1.2em;
padding-top:1.5em;
}

#menu ul{
display:none;
}

#right {
    width: 140px;
    float: right;
    height: auto;
    padding-bottom: 30px; /* dezelfde hoogte als de hoogte van #footer, anders zal de tekst in deze div onderaan achter de footer vallen omdat #footer absoluut gepositioneerd is */
}

#right .linkbalk{
    position:absolute;
    width:140px;
	height: 150px;
	left: 650px;
	top: 150px;
	color:#585A59;
	font-size:0.9em;
	font-weight:bold;
	}
#right .poll{
    position:absolute;
	width:140px;
	height: 250px;
	left: 650px;
	top: 320px;
	color:#585A59;
	font-size:0.9em;
	border-top: 1px solid #86A2A3;
	border-bottom: 1px solid #86A2A3;
	}
form p{
color:#585A59;
}
 
#right ul {
	list-style:none;
	margin-left:0;
	padding-left:10px;
	padding-top: 20px;
	top: 0;
	left: -10px;
}
#right .linkbalk li{
list-style:none;
padding-top:15px;
letter-spacing:1px;

}
				
#right a:link {
	color: #585A59;
	text-decoration: none;
}
#right a:visited {
	color: #585A59;
	text-decoration: underline;
}
#right a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#right a:active {
	color: #FF0000;
	text-decoration: underline;
}

#right h2 {
font-size:1em;
}
h1 {
	font-size: 24px;
	color:#000000;
	padding-top: 20px;
	padding-left: 0;
}

h2 {
	font-size: 18px;
	padding-top: 25px;
}
.licht{
color:#B2BAB6;
}
#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 790px;
    height: 15px;
    vertical-align: middle;
	font-size:0.8em;
	color:#999999;
	text-align:right;
    background: #EAF3E3;
}
#footer a:link {
	color: #B2BAB6;
	text-decoration: none;
}
#footer a:visited {
	color: #B2BAB6;
	text-decoration: none;
	}
#footer a:hover {
	color: #000000;
	text-decoration: none;
	}
#footer a:active {
	color: #000000;
	text-decoration: none;
	}
#footer #sitemap{
position:absolute;
	width:70px;
	height: 20px;
	left: -20px;
	top:-20px;
	color:#999999;
	font-size:0.9em;
			}
#adressveld {
	background-color: #ffffff;
	visibility:hidden;
	}
.ondertitel{
color:#B2BAB6;
font-size:0.8em;
}
/* comments */

#respond{
margin-top:100px;
}
#respond h3{
font-size:0.8em;

}
#commentform{
	background:#fff;
	margin:0;
	padding:0;
	width:80%;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-size: 0.8em;
	color: #000;
	margin:0;
	padding:0;
	}
	#comments {
	font-size:0.8em;
	
	}
#comment{
	width:95%;
	
	}
.reply a{
font-size:0.9em;
font-weight:lighter;
c
}
#author, #email, #url, #comment, #submit{
	background: #fff;
	font-size: 1em;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid #000;
	}
	
#submit{margin:5px 5px 0 200px;}

#comments{ display:none;}

.comment-body {
width:400px;
margin-top:10px;
margin-bottom:10px;
border-bottom:1px solid #000000;
border-top: 1px solid #000000;
}

ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0; display:none;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

.comment-number{
display:none;
}
.commentmetadata {
display:none;

}
.postmetadata alt{
}
.comment-meta commentmetadata {
width:50%;
}
.reply{
display:none;
}
ol.commentlist li.alt {background: #fff; list-style-type:none;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; list-style-type:none;}

ol.commentlist a {color:#000; list-style-type:none;}