/* GroeneHart.NET v2008.2 - CSS */

/* algemeen */

body {
margin: auto;
margin-top: 10px;
padding: 0;
background-color: #8f8f8f;
font-family: Verdana, Arial, sans-serif;
color: #000;
text-align: center;
font-size: 13px;
}

p, td, li {
	font-size: 13px;
}

/* main bevat het stuk tussen header en footer */

#main {
padding: 0;
background-color: #fff;
width: 1000px;
margin: auto;
text-align: justify;
overflow: hidden;
line-height: 120%;
border-left: 10px solid #707070;
border-right: 10px solid #707070;
border-bottom: 0;
border-top: 0;
}

/* binnen main bevindt zich een sidebar (rechts) met allerlei opties (dubbele kolommen)
   plus een container element (links) waarin de pagina-specifieke content wordt getoond */
   
/* 
sidebar: 350px;
	kolom 1 200px, kolom 2 100px ?
main: 650px;
	content: 640px; marges li/re 5px;
*/


#container {
		float: left;
		overflow: hidden;
		padding: 0px;
		margin: 0px;
		background: #fff;
		border: 0;
		width: 650px; 
		/* marges worden stap lager bepaald, dus geen trucjes hier! */
	}

div#sidebar {
		background-color: #fff;
		float: left;
		overflow: hidden;
		padding: 0;padding-left:5px;padding-right: 5px;
		border: 0;
		margin: 0;
		width: 320px;
		font-size: 13px;
		
		/* ook hier even geen trucjes nog */
	}

	/* Bovenin de sidebar een stuk zonder kolomverdeling, en onderaan misschien weer ? */

	/* sidebar wordt in 2 delen verdeeld, van resp 200 px en 100 px. De inline elementen krijgen 5px padding */

div#sidebarkolom1 {
	float: left;
	padding: 0px;
	margin: 0px;
	background: #fff;
	border: 0px;
	width: 200px;
	margin-right: 5px;
	}
div#sidebarkolom2 {
	float: left;
	padding: 0px;
	margin: 0px;
	background: #fff;
	border: 0;
	width: 130px; 
	}

div#sidebar h4 {
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #702F00;
	color: #702F00;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 10px;
}

div#sidebar p {
	margin: 0px;
}

div#sidebar div.item, div#sidebarkolom1 div.item, div#sidebarkolom2 div.item {
	padding-left: 5px;
	padding-right: 5px;
}

div#sidebar ul, div#sidebarkolom1 ul, div#sidebarkolom2 ul {
list-style-type: none;
padding: 0;
margin: 0;
}

div#sidebar li, div#sidebarkolom1 li, div#sidebarkolom2 li {
padding: 0;
padding-bottom: 5px;
}









/* wide container voor o.a. fotoboek ! */

#widecontainer {
		padding: 0px 10px;
		margin: 0px;
		background: #fff;
		border: 0;
		width: 1000px; 
		border-right: 0px solid #cfcfcf;		

	}
		
/* footer */
	
#footer {
clear: both;
font-size: 0.9em;
text-align: center;
width: 1000px;
margin: 0 auto;
border-top: 1px solid #000;
background-color: #f1efe3;
}

	#footer p {
		margin: 0;
		padding: 5px 0 20px 0;
		font-size: 0.9em;
		text-align: center;
	}








































/* alles met betrekking tot de header gaat hieronder */

#header {
margin: auto;
margin-top: 0;
width: 1000px;
padding: 0;
border: 0;
border-left: 10px solid #707070;
border-right: 10px solid #707070;
border-bottom: 0;
border-top: 10px solid #707070;
background-color: #788E00;
}

#headertoprow {
		margin: auto;
		padding: 0;
		width: 1000px;
		text-align: center;
		background-color: #BD4F00;
		clear: both;		
	}
	
#headertop {
/* clear: both;
overflow: hidden; */
}
	
	
	
		div#sitename {
		float: left;
		width: 260px;
		padding: 25px 5px 5px 5px;
		border: 0px solid white;
		text-align: left;
		/* font-weight: bold; */
		}
			div#sitename h1 {
			padding: 0;
			margin: 0;
			color: #fff;
			font-size: 36px;
			line-height: 100%;
			font-weight: normal;
			}
			div#sitename h1 a {
			color: #fff;
			text-decoration: none;
			}
			div#sitename h1 a:hover {
			color: #fff;
			text-decoration: none;
			}
			
		div#adchanneltop {
	 		float: left;
			text-align: right;
			width: 680px;
			border: 0px solid white;
			color: white;
			}
	
#headerimage {
		margin: auto;
		padding: 0;
		width: 1000px;
		text-align: center;
		background-color: #667000;
		clear: both;
		}
	
	
	#headermenu, #headermenusub {
font-size: 16px;
		margin: 0 auto;
		padding: 0px;padding-top:3px;padding-bottom:3px;
		width: 1000px;
		text-align: left;
		background-color: #707070;
		color: #fff;
		border-bottom: 0px solid #707070;
		font-weight: bold;
		clear: both;
		}
		
		#headermenu {
		background-color: #8f4500;
	}
	
		#headermenusub {
			background-color: #DB6A00;
		}
		
		#headermenu ul, #headermenusub ul {
			display: inline;
			margin: 0;
			padding: 0;
			padding-left: 10px;
			}
			
		#headermenu li, #headermenusub li {
			display: inline;
			margin: 0;
			padding: 0;
			}
		
		#headermenu a, #headermenusub a {
			font-weight: bold;
			color: #fff;
			text-decoration: none;
			}
		
		#headermenu a:hover, #headermenusub a:hover {
			text-decoration: underline;
			}








/* specifieke dingen */

#skipnavigation {
display: none;
}

/* spul voor entry opmaak */

div.entry {
	padding: 10px;
	
}

div.entryheader p {
	color: #706F16;
	line-height: 100%;
	font-size: 11px;
	padding: 0;
	margin: 0;
}

div.entryheader h1 {
	font-size: 18px;border-bottom: 1px solid #702F00;
	text-transform: none;
	margin: 0;line-height:1;
	padding: 1px;
}

div.entryheader h1 a, div.entryheader h1 a:hover {
	text-decoration: none;
	color: #702F00;
	font-weight: bold;
}

div.entryfooter {
	font-size: 11px;
	background-color: #fff;
	border: 1px dotted #702F00;
}

p.contentmeta {
	padding: 3px;
	font-size: 11px;
	margin: 0;
}

ol, ul {
line-height: 1.5em;
margin: 1.2em 0 1.2em 2em;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
margin: 1.2em 0;
font-family: Verdana, Arial, sans-serif;
color: #702F00; 
}

h1, h2 {
font-size: 1.4em;
}

h3 {
font-size: 1.3em;
}

h4 {
font-size: 1.2em;
}

a {
text-decoration: none;
}

a:link {
text-decoration: none; 
color: #2e2e2e; 
font-weight: bold;
}

a:visited {
text-decoration: none; 
color: #2e2e2e; 
font-weight: bold; 
}

a:hover, a:active {
color: #990000; 
text-decoration: underline;
}

input, textarea, select {
border: 1px solid #cfcfcf;
background-color: #f1efe3;
color: #3e362f;
font-size: 1em;
font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
}

pre, div.persbericht {
margin: 0 20px;
padding: 10px 20px;
border-left: 2px solid #cfcfcf;
font-size: 0.9em;
background-color: #eaeadf;
}

blockquote {
margin: 20px 0px;
padding: 10px 20px;
border-left: 2px solid #cfcfcf;
font-size: 0.9em;
background-color: #eaeadf;
}

code {
font-family: monospace;
color: #666;
}

form, img {
margin: 0;
padding: 0;
border: 0;
}

.small {
font-size: 0.9em;
color: #999;
}

/* Comments */

#commentlist {
margin: 1.2em 0;
padding: 0;
border-bottom: 1px solid #cfcfcf;
list-style-type: none;
}
#commentlist li.one {
border-top: 1px solid #cfcfcf;
padding: 1px 20px;
background-color: #f1efe3;
}

#commentlist li.two {
border-top: 1px solid #cfcfcf;
padding: 1px 20px;
background-color: #F5F5EF;
}

.commenttitle {
margin-bottom: 0;
font-size: 1.1em;
}
.commentmeta {
margin-top: 0;
font-size: 0.9em;
color: #999;
}

/* divers */


/* inbeeld */

div.thumbnail { 
border: 0px solid #000; 
float: left; 
margin: 3px; 
padding: 3px; 
}

#welkom {
background-color: #F5F5E7;
font-weight: normal;
color: #000;
margin-top: 1em;
}

#welkom a {
color: #000;
text-decoration: none;
}

/* 
   spul voor formulieren ed waarbij dingen rechts en links uitgelijnd moeten
   worden op 1 regel 

*/

div.spacer {
clear: both;
}  


div.row {
 clear: both;
 padding-top: 10px;
 }

div.row div.left {
 float: left;
 text-align: left;
 font-weight: bold;
 color: #fff;
 width: 220px;
 border: 0px solid black;
 padding-top: 35px;
 }

div.row div.right {
 float: right;
 text-align: right;
 font-weight: bold;
 color: #fff;
 width: 500px;
 border: 0px solid black;
 }

 /* --------------------------------------------------------------------------------------------------------- */


div.boxleft {
float: left;
margin: 8px;
padding: 6px;
background: #FAFAF0;
border: 1px solid #ccc;
width: 180px;
font-size: 1.5em;
color:#990000;
font-weight:bold;
text-align:center;
}

/* tekstboxje links */

div.boxright {
float: right;
margin: 8px;
padding: 6px;
background: #FAFAF0;
border: 1px solid #ccc;
width: 180px;
font-size: 1.5em;
color:#990000;
font-weight:bold;
text-align:center;
}

.boxright img, .boxleft img, .box img {
display: block;
border: 1px solid black;
margin: auto;
margin-bottom: 5px;
}

/* .box is met name bedoeld voor Alphen in Beeld denk ik */

div.box {
margin: 0;
padding: 6px;
margin-top: 1em;
margin-bottom: 1em;
background: #FAFAF0;
border: 1px solid #ccc;
font-size: 1em;
line-height: 1.5em;
color:#990000;
font-weight:bold;
text-align:center;
}

/* Mocht er een lang verhaal in een box komen te staan 
  dan zien de paragraven er nog een beetje redelijk uit 
  dankzij onderstaande code 
  */
  
/* Het schrijven van een paragraaf in deze boxjes is GEEN
  goed idee, behalve in de .box variant misschien */  

.boxright p, .boxleft p, .box p, .boxright ol, .boxleft ol, .box ol, .boxright ul, .boxleft ul, .box ul {
color: black;
text-align: left;
font-weight: normal;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 11px;
}

/* spul voor de kalender */

table.calendarBG {
background-color: #fff;
text-align: center;
border: 1px solid #3e362f;
}

div.calendarMonthLinks {
text-align: center;
}

td.calendarDayHeading {
background-color: #3e362f;
color: #fff;
text-align: center;
font-weight: bold;
}

td.calendarCell {
background-color: #fff;
color: #000;
text-align: center;
}

td.calendarToday {
background-color: #F5F5EF;
color: #000;
text-align: center;
}


#skipnavigation {
display: none;
}


/* --------------------------------------------- FOTOBOEK ------------------------------------------------------- */

table.tableBorder {
 border: 1px solid #3e362f;
}

table.tableBorder th {
background-color: #F5F5EF;
color: #000;
text-align: center;
font-weight: bold;
}

td.categories {
border-top: 1px solid #3e362f;
background-color: #fff;
color: #000;
}








/* --------------------------------------------- FOTOBOEK ------------------------------------------------------- */


.featured {
	background: #00ff00 url(http://www.groenehart.net/images/c/feature-bottom.jpg) no-repeat bottom left;
	margin: 0;
	padding: 0;
	width: 600px;
	}

.featured h1 {
	background: #00ff00 url(http://www.groenehart.net/images/c/feature-top.jpg) no-repeat;
	color: #fff;
	padding: 20px 20px 0;
	font-size: 170%;
	line-height: 1;
	margin: 0;
	}
	
.featured p {
	padding: 10px 20px 0;
	color: #fff;
	line-height: 1.3;
	margin: 0;
}