/*
background-color for .txt: #fdfef4;
lightgreen border:  #c4c5b3;
lightgreen headers: #a2b824;
main text color: #3f421d;
dark-green links: #4d5611;
*/

body, html {
	height: 100%;
}
body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 62.5%;
	background-image: url(../images/bg_wijs2.gif);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	color: #3f421d;
}
a, a:link { color:#000000; text-decoration:underline;}
a:visited { color:#3f421d; text-decoration:underline;}
a:hover { color:#000000; text-decoration:none;}
a:active { color:#a2b824; text-decoration:none;}
#container {
	width: 900px;
	position: relative;
	margin: 0 auto;
	z-index: 12;
}
a.print, a.printUK {
	background: url(img/print.gif) no-repeat left top;	
	width: 127px;
	height: 20px;
	display:block;
	text-indent: -9000px;
	float: right;
	margin: 4px 0;
}
a.printUK {
background: url(img/printUK.gif) no-repeat left top;	
}
/* navigation */

#navigation {
	position: absolute;
	z-index: 100;
	left: 50%;
	width: 172px;
	margin-left: -86px;
	top: 50px;
	background-color: #3f421d;	
	min-height: 200px;	
}
#navigation h1 {
	width: 139px;
	height: 87px;
	text-indent: -9000px;
	margin: 12px 19px;
	padding: 0;
	background: url(../images/logo_hofjevanwijs.png) no-repeat;	
	
}
* html #navigation h1 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/logo_hofjevanwijs.png);background-image:none;
}
#navigation ul {
	margin: 0 0 10px 0;
	padding: 0;

}

#navigation ul li {
	margin: 5px 0;
	padding: 0;
	list-style-type: none;
	width: 163px;
	text-align: center;
	font-size: 1.2em;
		
}
#navigation ul li a {
	color: #e7d486;
	text-decoration: none;
	
}
#navigation ul li a:hover {
	color:#a2b824;
	text-decoration: none;
}
#navigation div.textdiv {
	border-top: solid 1px #a2b824;
	margin: 0 15px;
}
#navigation p {

	color:#a2b824;
	margin: 0;
	padding: 4px 3px;
	font-size: 1.1em;
	text-align: center;
}
#navigation a.new {
	padding-right: 8px;
	background:url(img/new.png) no-repeat right top;
	
}
#navigation .endnav {
	position: absolute;
	left: 0px;
	bottom: -10px;
	background: url(../images/nav_bot.png) no-repeat left bottom;
	width: 172px;
	height: 10px;
}
.startnav {
	position: absolute;
	top: -10px;
	left: 0px;
	background: url(../images/nav_top.png) no-repeat left bottom;
	width: 172px;
	height: 10px;
}
#left { /* backgroundimages*/
	background-image: url(../images/bg_kamille.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	left: 0px;
	top: 0px;
	position: fixed;
	width: 600px;
	height: 100%;
	z-index: 10;
}
/* _+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_start: $SHEET STYLES_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+ */

.sheet {
	position: absolute; 
	width: 500px;
	xleft: 100px;
	top: 100px;
	z-index: 15;
}
.vorm { /* to make text wrap around navigation */
	display: none;
}
.h { /*needed to for the height of the right-shadow */
	width: 100%;
	position: relative;
	padding: 0 22px 0 0px;
	xoverflow: hidden; /*needed to hide sliding-door png in IE: if not, the backgroundPNG of .r would continue */
	border-left: solid 1px #a2a584;
}
*+html .h {
	overflow: hidden; 
}
.txt {
	border-top: solid 1px #a2a584;
	background-color:#fdfef4;
	padding: 20px;
	font-size: 1.2em;
	min-height: 400px;
}
.rb {
	width:22px;
	height: 20px;
	position:absolute;
	right:0px;
	
	top: 0px;
	background-image: url(../images/rb.png);
	overflow: hidden;
	background-repeat: no-repeat;

}
* html .rb {/*right*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/rb.png);background-image:none;

}
.r {
	width: 22px;
	right:0px;
	position: absolute;
	
	top:20px;
	bottom: 0px;
	background-image: url(../images/r.png);
	background-repeat: repeat-y;
}
*+html .r {
	height: 100%;
	bottom:  auto;
}
* html .r {/*right*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/r.png, sizingMethod=scale);background-image:none;
	height: expression(document.getElementById('sheet1').offsetHeight);
}
*+html .r {height: expression(document.getElementById('sheet1').offsetHeight);}
* html #sheet2 .r {
	height: expression(document.getElementById('sheet2').offsetHeight);
}
*+html  #sheet2 .r {height: expression(document.getElementById('sheet2').offsetHeight);}
.b { /*bottom*/
	width: 100%;
	position: relative;
	height: 22px;
	right: 0px;
	padding-right: 1px;
	background-image: url(../images/lo.png);
	background-repeat: no-repeat;
}
* html .b { 
	right: 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/lo.png, sizingMethod=crop);background-image:none;
}
	
.br { /*bottom-right*/
	position: absolute;
	right: -23px;
	bottom: 0px;
	width: 22px;
	height: 22px;
	background-image: url(../images/ro.png);
	background-repeat: no-repeat;
}
* html .br { /*bottom-right for IE6*/
	right: -1px;
	bottom: 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/ro.png);background-image:none;
}


/* _+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_end: SHEET STYLES_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+ */

/* _+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_start: $NAV SHEET STYLES_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+ */

#breadcrumb {
	position: relative !important;
	border-bottom: solid 1px #c4c5b3 !important;
	margin: 0 0 15px 0 !important;
	padding: 0 0 5px 0 !important;
	font-size: 0.9em !important; 
	font-weight: normal !important;
	text-transform: none !important;
	height: 15px;
}
#breadcrumb ul {
	margin: 0;
	padding: 0;
}
#breadcrumb ul li {
	float: left;
	margin: 0;
	padding: 0 5px 0 8px;
	list-style-type:none;
	background: url(../images/tiny_arrow.gif) no-repeat left 5px;
}
#breadcrumb ul li a {text-decoration: none;}
#breadcrumb ul li a:hover {text-decoration: underline;}
#breadcrumb  li.print-titel {
	display: none;
}
.subnav {
	text-align: right;
	border-bottom: solid 1px  #c4c5b3;
	position: relative;
}
.subnav img {
	float: right;
	border: solid 1px  #c4c5b3;
	margin: 0 5px 10px 5px;
	padding: 1px;
}
.subnav h1 {
	margin: 0;
	padding: 0;
	font-style:italic;
	font-size: 2.2em;
}
.subnav h2, #thee .subnav h2, #koffie .subnav h2 {
	margin: 0;
	padding:5px 0 9px 0;
	font-style:italic;
	font-size: 1.3em;
	text-align: left;
	border: none !important;
	clear:both;
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-transform:none;
}
.subnav ul {
	margin: 0;
	padding: 0;
}
.subnav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.subnav ul li a, p.leesverder a, .subnav ul li a, p.leesverder a:link, .subnav ul li a, p.leesverder a.visited {
	color: #4d5611;
	text-decoration: none;
	padding: 0 12px 0 0;
	background: url(../images/arrow_open.gif) no-repeat right center;
}

.subnav ul li a:hover, p.leesverder a:hover, .subnav ul li a:active, p.leesverder a:active {
	color: #4d5611;
	text-decoration: none;
	padding: 0 12px 0 0;
	background: url(../images/arrow_dicht.gif) no-repeat right center;
}

/* _+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_end: NAV SHEET STYLES_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+ */

/* _+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_start: $TEMPLATE workarounds_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+ */

/*template 1: homepage */
.template1 .sheet {
	width: 860px;
	left: 20px;
	top: 40px;
}
.template1 #navigation {
	left: 50%;
	width: 172px;
	margin-left: -86px;
	top: 0px;
}
.template1 #ctd1, .template1 #ctd2 {
	float: left;
	position: relative;
	width: 300px;
}
.template1 #ctd2 {
	float: right;
}
#ctdmid {
	display: none;
}
.template1 #ctdmid {
	display: block;
	position:absolute;
	margin-top: 30px;
	text-align: center;
	width: 172px;
}
.template1 #ctdmid h3 {
	margin: 2px 0;
	padding: 0;
	font-size: 1.3em;
	color: #a2b824;
}
.template1 #ctdmid p {
	font-size: 1.2em;
	color: #3f421d;
	margin: 2px 0;
	line-height: 140%;
	
}
/*template 2: lijstpagina */
.template2 .sheet {
	width: 540px;
	left: 50%;
	margin-left: -270px;
	top: 40px;
}
.template2 #navigation {
	left: 120px;
	width: 172px;
	margin-left: 0;
	top: 0px;
}
.template2 .txt {
	padding-left: 120px;
	xmargin-bottom: -20px;
}

/*template 3: tekstpagina */
.template3 .sheet {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	top: 40px;
}
.template3 #navigation {
	left: 50%;
	width: 172px;
	margin-left: 200px;
	top: 0px;
}
.template3 .txt {
	xpadding-right: 130px;
}
.template3 .vorm {
	display: block;
	float: right;
	width: 100px;
	height: 385px;
}

/*template 4: twee sheets */
.template4 .sheet {
	top: 60px;
	width: 320px;
	margin: 0;
	top: 20px;
}

.template4 #sheet1 {left: 65px;}
.template4 #sheet2 {right: 68px;}
* html .template4 #sheet1 {left: 70px;}
* html .template4 #sheet2 {right: 60px;}

.template4 #sheet2 .txt .subnav {
	text-align: left;
}
.template4 .sheet .txt {
	padding: 20px 50px;
}
.template4 #navigation {
	top: 40px;
}

.template4 .subnav {
	 border: none;
}
.template4 .subnav ul li a {
	font-weight: bold;
	font-size: 1.2em;
}
.template4 .subnav img {
	float: left;
	margin-left: 0;
	padding: 3px;
}
/*template5: fotos */

.template5 .sheet {
	width: 800px;
	left: 0;
	margin-left:0px;
	top: 50px;

}
.template5 #navigation {
	left: 0;
	width: 172px;
	left: 16px;
	margin-left: 0px;
	top: 45px;
	height: 430px;
}
*+html .template5 #navigation {
	height: 420px;
}
.template5 .txt {
	padding-left: 206px;
	
	padding-right: 10px;
}
.template5 .vorm {
	display: none;
}

/* _+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_end: TEMPLATE workarounds_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+ */


/* _+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_start: $STYLES WITHIN SHEET_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+_+ */

.txt p {
	line-height: 167%;
	margin: 0 0 6px 0;
}
.txt p.streamer {
	font-weight:bold;
	font-size: 1em;
	line-height: 200%;
	margin-bottom: 14px;
}
.txt p.streamer strong{
	color: #000;
}
.txt p.clear {
	clear: both; /*to clear a p after a floating image-div (if it is higher than the paragraph in which it sits */
}
.txt p.leesverder { /*definition of link above in subnav-section*/
	text-align: right;
}
.txt h3 {
	margin: 7px 0;
	padding: 0;
	font-size: 1.3em;
	color: #a2b824;
}
.txt h4 {
	margin: 5px 0 2px 0;
	padding: 0;
	font-size: 1.1em;
	color: #3F421D;
}
blockquote {
	margin: 4px 10px;
	font-style:italic;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 170%;
}
/* start:Alles over thee (AOT)*/
	dl {
		margin: 10px 80px 10px 20px;
		padding: 0;
	}
	dt {
		margin: 10px 0 4px 20px;
		padding: 0;
		font-weight:bold;
		font-size: 1.1em;
	}
	dd {
		margin: 2px 0 8px 20px;
		padding: 0;
	}
	.aot_subnav {	}
	.aot_subnav h4 {
		margin: 15px 0 0 0;
		padding: 0;
		font-size: 1em;
		font-weight: normal;
		text-align: left;
		border-bottom: solid 1px #c4c5b3;
		color: #c4c5b3;
	}
		.aot_subnav h4 a {
			color: inherit;
			text-decoration:none;
		}
	.aot_subnav ul {
		margin: 0 !important;
		padding: 0;
	}
	.aot_subnav li {
		margin: 0 !important;
		padding: 0;
	}
		.aot_subnav li a {
			text-decoration: none;
		}
		.aot_subnav li a:hover {
			text-decoration: underline;
		}
			.aot_subnav li.prev {
				margin: 0;
				padding: 0;
				list-style-type:none;
				float: left;
			}
			.aot_subnav li.next {
				margin: 0;
				padding: 0;
				list-style-type:none;
				float: right;
			}
	
/* end: Alles over thee (AOT)*/	

/* start: links-pagina */
	dl.links {
		margin: 10px 80px 10px 20px;
		padding: 0;
	}
	dl.links dt {
		margin: 10px 0 4px 20px;
		padding: 0;
		font-weight:bold;
		font-size: 1em;
	}
	dl.links dd {
		margin: 0px 0 2px 25px;
		padding: 0;
	}

	dl.links dd a, 	dl.links dd a:link, dl.links dd a:visited, a.leesmeer, a.leesmeer:link, a.leesmeer:visited  {
	margin-left: -5px;
	padding: 0 0 0 13px;
	background: url(../images/arrow_open.gif) no-repeat left center;
	color:#3F421D;
	}
	dl.links dd a:hover, dl.links dd a:active, a.leesmeer:hover, a.leesmeer:active  {
	margin-left: -5px;
	padding: 0 0 0 13px;
	background: url(../images/arrow_dicht.gif) no-repeat left center;
	color:#3F421D;
	}
	dl.links dd a.normaal {
		padding: 0;
		background: none;
	}
	 a.leesmeer, a.leesmeer:link, a.leesmeer:visited,  a.leesmeer:hover, a.leesmeer:active   {
	 	margin-left: 0px;
	}
/* end: links-pagina */

#theelijst h3 { /* to make the teadescriptions on the'theebeschrijvingen.php' page indent*/
	margin-left: 10px;
}
#theelijst p, #theelijst h4 { /* to make the teadescriptions on the'theebeschrijvingen.php' page indent*/
	margin-left: 25px;
}
#thee h3, #koffie h3 {
	font-size: 1.4em;
	text-transform: uppercase;
	margin: 15px 0 5px 0;
	padding: 3px;
	border-bottom: solid 1px  #c4c5b3;
}
.template3 h2 {
	font-size: 1.4em;
	text-transform: uppercase;
	margin: 15px 0 5px 0;
	padding: 3px;
	border-bottom: solid 1px  #c4c5b3;
}
.template3 h2 {
	font-size: 1.4em;
	text-transform: uppercase;
	margin: 15px 0 5px 0;
	padding: 3px;
	border-bottom: solid 1px  #c4c5b3;
}

h2.hoofd { /*headers bovenaan homepage*/
	border-bottom: solid 1px  #c4c5b3;
	margin: 0 auto 15px auto;
	padding: 0 20px 0 0;
	font-size: 1.4em;
	text-align: center;
	width: 70%;
}
h2.hoofd span {
	padding-left: 210px;
}

/*start: prijslijst table*/

.prijslijst {
	width: 350px;
	xborder-collapse:collapse;
	margin: 20px 0 0 0;
	padding: 0 0 0 15px;
}
.prijslijst td {
	text-align: right;
	vertical-align: top;
	padding: 2px;
	margin: 0px;
}
.prijslijst tr.beschrijving { }
.prijslijst tr.beschrijving td {}
.prijslijst tr.beschrijving td div{
	text-align: left !important;
	font-size: 0.9em;
	display: none;
}
div.beschrijving {
	text-align: left !important;
	font-size: 1em;
	display: none;
	width: 300px;
	padding: 5px 9px;
	margin: -3px 0 0 10px;
	background-color: white;
	border: solid 1px #c4c5b3;
	position: absolute;
}

.prijslijst tbody tr td {
	border: none;
	border-bottom: solid 1px #fdfef4;
	border-top: solid 1px #fdfef4;;
}
table:hover thead .legenda th, table.sfhover thead .legenda th {
	text-decoration: underline;
}
.prijslijst tbody tr:hover, .prijslijst tbody tr.sfhover{
	background-color: white;
}
.prijslijst tbody tr:hover td, .prijslijst tbody tr:hover th, .prijslijst tbody tr.sfhover td, .prijslijst tbody tr.sfhover th{
	border: none;
	border-bottom: solid 1px  #c4c5b3;
	border-top: solid 1px  #c4c5b3;
}
.prijslijst thead th {
	text-transform: none;
	font-size: 1em;
	text-align: right;
	font-weight: normal;
	border-bottom: solid 1px #c4c5b3;
}
.prijslijst th {
	text-align: left;
	font-weight: normal;
	text-transform:none;
	font-size: 1em;
}
.prijslijst tr.legenda th {
	text-align: left;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 1.4em;
	border-bottom: none;
}
#thee .prijslijst tr.legenda th, #koffie .prijslijst tr.legenda th {
	font-size: 1.2em;
}
/*end: prijslijst table*/

hr {
	width: auto;
	height: 1px;
	border: none;
	border-bottom: solid 1px #c4c5b3;
	margin: 10px 0;
	padding: 0;
}

.txt ul {margin: 8px 0 8px 20px; padding: 0;}
.txt ul.indent {margin: 8px 0}
.txt li {margin: 3px 0 3px 10px;padding: 0;}
.txt li ul {margin: 3px 0;}
.txt li ul li {margin: 1px 0 1px 10px;}

.txt ul.bulletvak {
	float: right;
	width: 250px;
	border: solid 1px black;
}
.txt ul.bulletvak li {
	list-style-type: circle;
	margin-left: 20px;
}
.txt ul.bulletvak li.titel {
	list-style-type: none;
	margin-left: 6px;
	font-size: 1.1em;
	font-weight: bold;
}

.txt img.inline {
	display:inline;
	position: absolute;
}
.txt img.right {
	float: right;
}
.imgcaption {
	position: relative;
	display: inline;
	min-width: 10px;
	min-height: 10px;
	padding: 3px;
	
}
.txt span.right {
	float: right;
	margin: 0.3em 0 0.6em 4px; 
}

.txt span.left {
	float: left;
	margin: 0.3em 4px 1em 0; 
}
.txt span.center img {
	margin: 4px 2px;
}
.txt span.center  {
	text-align: center;	
	display: block;
	clear: both;
}
.imgcaption span {
	display: block;
	text-align: center;
	font-size: 0.9em;
	padding: 3px 0;
	line-height: 160%;
}
/* css for slideshow-page*/
.show {
	position: relative;
	float: left;
	width: 120px;
	height: 130px;
	border: solid 1px #c4c5b3;
	text-align: center;
	margin: 0 5px 5px 5px;
}
	.show h3 {
		margin: 0;
	}
	.show img {
		margin: 0 0 4px 0;
	}
	.show p {
		clear: both;
		line-height: 110%;
		font-size: 0.9em;
	}
.slideshowtext { /*text next to slide-show*/
	float: right;
	margin-top: -0.2em;
	position: relative;
	width: 110px;
}
.slideshowtext h2 {
	margin: 0;
	padding: 0;
	color: #a2b824;
	font-size: 1.3em;
	
}
.slideshowtext p {
}

.melding {
	border: solid 1px #A2B824;
	background-color: #FFF;
	padding: 3px;
	margin: 0 0 5px 0;
}
#navigation ul li.lang {
	margin-bottom: 0px;
}
.lang a{
	display: block;
	text-indent: -9000px;
	width: 22px;
	height: 12px;
	margin: 0 auto;

}
.UK a {
	background: url(img/english.gif) no-repeat left top;
}
.NL a {
	background: url(img/nederlands.gif) no-repeat left top;
}

*:lang(ja) {
font-family:"Courier New", Courier, monospace;
}
.actueel {
	border: solid 1px #b5a265;
	background-color: #f5f3e3;
	padding: 2px 4px;
	margin-bottom: 4px;
}
.actueel h3 {
	color:#3F421D;
	font-size:1.2em;
	margin:0 0 2px 0;
	padding:0;
}
.actueel p {
	line-height: 130%;
}



table.restaurantkaart {}
table.restaurantkaart td {
	text-align: left;
	vertical-align: top;
	padding: 3px;
}
table.restaurantkaart th {
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 6px;
}












#theefestival1 {




	position: absolute;
	
	width: 121px;
	height: 133px;
	left: -34px;
	top: -6px;
	background: url(../images/worst.png) no-repeat left top;
	z-index: 100;
	cursor: pointer;
	cursor: hand;
}

#theefestival2 {
	position: absolute;
	width: 183px;
	height: 387px;
	right: -57px;
	top: -28px;
	background: url(../images/stamper_1.png) no-repeat left top;
	cursor: pointer;
	cursor: hand;
}
* html #theefestival1 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/worst.png, sizingMethod=scale);
	background-image:none; 
}
* html #theefestival2 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/stamper_1.png, sizingMethod=scale);
	background-image:none; 
}
.hover {
	position: absolute;
	width: 183px;
	height: 387px;
	right: -57px;
	top: -28px;
	background: url(../images/stamper_2.png) no-repeat left top !important;
	cursor: pointer;
	cursor: hand;
}

* html .hover {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/stamper_2.png, sizingMethod=scale) !important;
	background-image:none; 
}

.template2 #theefestival1 {left: 66px;}
.template2 #theefestival2 {right: 73px;}

.template3 #theefestival1 {left:590px;}
.template3 #theefestival2 {right: 0px;}

.template4 #theefestival1 {left: 10px;}
.template4 #theefestival2 {right: -12px;}

.template5 #theefestival1 {left: -53px;}
.template5 #theefestival2 {right: -7px;}

.festivalaanbieding {
	padding: 10px 4px 0 4px  !important;
	width: 166px  !important;
	color: #FFF  !important;
	background: #000 url(../images/sambal_label.gif) no-repeat 10px top !important;
}
.festivalaanbieding p a {
	text-decoration: none !important;
	color: #FFF  !important;
}
.festivalaanbieding h3 {
	color: #FFF  !important;
	text-transform: uppercase !important;
	padding-left: 40px !important;
	text-align: right !important;
	font-size: 1.7em !important;
}


/* weblog */


.blogpost {
	border: solid 1px #f5f3e5;
	background-color: #FFF;
	padding:  8px 14px;
	font-family: Times new roman, times, serif;
	font-size: 1.1em;	
}
.template1 .blogpost {
	margin:  15px 0 15px -10px;
	width: 290px;
}
.template2 .blogpost {
	min-height: 370px;
}
.template2 .decomments {
	margin: 15px 0 0 -100px;
	width: 500px;
	border-top: solid 1px #cfd0c1;
}
.template2 #respond {
	margin:15px 0 0 -100px;
width:500px;
	border-top: solid 1px #cfd0c1;
}
.template2 #respond textarea{
	width: 500px;
}
.blogpost h3.post-header {
	color: #b4b5a3;
	font-size: 0.8em;
	font-style: italic;
	font-weight: normal;
	margin-top:  0px;
	border-bottom:  solid 1px #e8ecd3;
	padding: 0 0 5px 0;
	text-align:  right;
}
.blogpost h3.post-header a {
	color: #b4b5a3;
	text-decoration: underline;
}
.blogpost h3.post-header a:hover {
	color: #505327;
	text-decoration: none;
}
.blogpost h2.post-title {
	color: #505327;
	font-size: 1.7em;
	font-style: italic;
	font-weight: normal;
	margin: 7px 0 10px 0;
	line-height: 100%;
}
.blogpost .date {
	font-size: 0.7em;
	color: #adae99;
	font-family: "Trebuchet MS", Arial, sans-serif;
}
.blogpost hr.double {
	
	width: auto;
	height: 1px;
	border: none;
	border-bottom: double 3px #E8ECD3;
	margin: 10px 0;
	padding: 0;

}
.blogpost p.tags {
	
}
.blogpost p.tags a {
	background-color: #f1f1ed;
	color: #90926f;
	text-decoration: none;
	font-family: arial, verdana, sans-serif;
	font-size: 0.8em;
	padding:  2px 4px 3px 4px;
}
.blogpost p.leesverder {
	border-top: double 3px  #e8ecd3;
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin: 12px 0 0 0;
	padding:  2px 0 0 0;
	font-size: 0.8em;
}
.navigation p {
	font-size: 0.9em;
}
.navigation p.leesverder span {
	display: block;
	width: 50%;
}
.navigation p.leesverder .alignleft {
	float:left;
	text-align: left;
	}
.navigation p.leesverder .alignright {
	float:right;
	
}
.navigation p.leesverder .alignleft a {
	color: #4d5611;
	text-decoration: none;
	padding: 0 0 0 12px;
	background: url(../images/arrow_open_l.gif) no-repeat left center;
}

.navigation  p.leesverder .alignleft a:hover {
	color: #4d5611;
	text-decoration: none;
	background: url(../images/arrow_dicht_l.gif) no-repeat left center;
}





.template2 .blogarchief {
	clear: both;
}
.template2 .blogarchief .date {
	font-size: 1em;
	width: 80px;	
	text-align: right;
	float: left;
	margin:  5px 0;
	line-height: 120%;
}
.template2 .blogarchief .post-title {
	font-size: 1em;
	float: left;
	text-align: left;
	width: 310px;
	margin:  5px 0;
	line-height: 120%;
	margin-left:  5px;
}
.template2 .blogarchief .post-title a{
	text-decoration: none;
}


.commentlist {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
.commentlist li {
	list-style-type: none;
	background-color:#FFFFFF;
	border:1px solid #F5F3E5;
	border-left:1px solid #CFD0C1;	
	padding:  5px;
	margin: 12px 0;
}
.commentlist li.depth-2 {
	
	border-left:1px solid #CFD0C1;	
	margin: 6px 6px 10px 6px;
}
.commentlist li .commentmetadata {
	float: right;
	font-size: 0.9em;
	color: #ADAE99;
}
.commentlist li .comment-author {
	float:  left;
	font-size: 0.9em;
	color: #7c7e63;
}
.commentlist li .comment-text {
	clear: both;
}

.commentlist li .reply {
	border-top:1px solid #F5F3E5;
	padding: 0;
	margin: -5px 0 0 0;
	
}
.commentlist li .reply a {
	font-size:  0.9em;
	text-decoration: none;
	color: #ADAE99;	
}
.commentlist li .reply a:hover {
	color: #3F421D;
}
.commentlist li.depth-2 {
	
}
.commentlist li .tobemoderated {
	color: #7C7E63;
}
em.moderation {
	color: #3F421D;
	display: block;
	text-align: center;
	margin: 10px 0 10px 0;
}