*{margin:0; padding:0; font-family:Georgia, Arial, Helvetica, sans-serif; font-size:14px; line-height:23px;}
img{border:0px;}
br.clear{clear:both; font-size:0px;}
div.clear{clear:both; font-size:0px;}
ul{list-style:none;}
body{  background:#1D1C1B; z-index:0 ; color:#847e72;}
a, a:visited{color:#847e72;text-decoration:none;}
a:hover{color:#d8a300;text-decoration:none;}

/************************************************************************************************/
p{font-style:italic;}
a.a_titel, a:visited.a_titel{line-height:35px; font-family:Calibri, Arial, Helvetica; font-size:25px; font-weight:bold; color:#FFF;}
a.a_red, a:visited.a_red{ font-family:Calibri, Arial, Helvetica; font-size:16px; color:#ff0000;}
a.a_yellow, a:visited.a_yellow{ font-family:Calibri, Arial, Helvetica; font-size:16px; color:#ffcc00;}
#shadowleft{ position:absolute; top:190px; left:0px; width:50%; height:325px; background:url(../images/shadowleft.png) repeat-x; z-index:0}
#shadowright{ clear:both; position:absolute; top:660px; right:0px; width:35%; height:515px; background:url(../images/shadowleft.png) repeat-x #11100E; z-index:-10}
.sponsors{ width:961px;  padding:10px 0; margin:0 auto; }

/************************************************************************************************/
/*header */
/************************************************************************************************/
.header_container{  width:100%; height:190px; margin:0 auto; background:url(../images/header_bg.png) center no-repeat;}
.header{ position:relative; width:961px; height:191px; margin:0 auto; background:url(../images/header.jpg) no-repeat;}

.header h1 a{ position:absolute; top:108px; left:13px; width:418px; height:35px; text-indent:-4000px; overflow:hidden; background:url(../images/bart_van_deursen.jpg) no-repeat; }


.header ul.menu{ position:absolute; top:145px; left:24px;}
.header ul.menu li{ display:inline; margin: 0 26px 0 0; }
.header ul.menu li a{  font-size:20px; font-weight:bold; color:#584d43; }
.header ul.menu li a:hover{ color:#ffcc00; }
.header ul.menu li.on a{ color:#ffcc00; }

/************************************************************************************************/
/*top */
/************************************************************************************************/
.top{ position:relative; width:961px; height:345px; margin:0 auto; }

.top .brown{ position:absolute; top:-10px; left:0px; width:608px; height:345px; padding:10px 30px 0 23px;  background:url(../images/top_brown.png) no-repeat;}
.top .brown p{ font-size:15px;}
.top .brown object{margin: -7px 0 0 30px;}
.top .brown img{ float:left; padding:0 15px 0 0;}
	/*album*/
	.top .brown .album_top{ position:relative; margin:0 0 0 -10px; width:640px; height:324px; background:url(../images/album_top.png) no-repeat;}
	
	.top .brown .album_top a.previous{ position:absolute; left:183px; top:120px; width:94px; height:96px; background:url(../images/album_top_pre_1.png) no-repeat; }
	.top .brown .album_top a:hover.previous{ background:url(../images/album_top_pre.png) no-repeat; }
	
	.top .brown .album_top a.zoom{ position:absolute; left:277px; top:120px; width:94px; height:96px; background:url(../images/album_top_zoom_1.png) no-repeat; }
	.top .brown .album_top a:hover.zoom{ background:url(../images/album_top_zoom_2.png) no-repeat; }
	
	.top .brown .album_top a.next{ position:absolute; left:370px; top:120px; width:94px; height:96px; background:url(../images/album_top_next_1.png) no-repeat; }
	.top .brown .album_top a:hover.next{ background:url(../images/album_top_next_2.png) no-repeat; }
	

/*yellow*/
.top .yellow{ position:absolute; top:-20px; left:661px; width:277px; height:350px; padding:15px 0 0 23px;  background:url(../images/top_yellow.png) no-repeat;}

.top .yellow ul.yellowmenu{ margin:0 0 0 -23px;}
.top .yellow ul.yellowmenu li{ position:relative; float:left; width:270px; height:40px;}
.top .yellow ul.yellowmenu li a{ float:left; width:270px; height:40px; padding:0 0 0 23px; color:#2c2721; }
.top .yellow ul.yellowmenu li a:hover{ background:url(../images/yellow_li_hover.png) repeat-y;}
.top .yellow ul.yellowmenu li span{ position:absolute; top:15px; left:23px; font-family:Calibri, Arial, Helvetica; font-size:12px; font-weight:bold; color:#957000;}

.top .yellow ul#yellowmenu2 li a:hover{ background:none;}


.top .yellow img#bart{ position:absolute; top:-155px; left:153px; z-index:10;}

.top .yellow h2 ,.yellow p{ width:195px; color:#3d3726; }

.top .yellow p{ padding:0 0 10px 0; line-height:14px; }
.top .yellow p span{ width:195px;  font-size:12px; color:#c09200; }

.top .yellow p.pages a{font-weight:bold; font-style:normal; color:#d8a300; }
.top .yellow p.pages a:hover{ font-weight:bold; font-style:normal; color:#3e352e; }

.top .yellow p.outof{ font-family:Calibri, Arial, Helvetica; font-size:12px; font-weight:bold; font-style:normal; color:#bf9200; }



/************************************************************************************************/
/*Content */
/************************************************************************************************/
.content{ width:961px;  margin:0 auto; }

/*text */
.content .text{ float:left; width:660px; background:#1D1C1B; }

.content .text .box{ width:615px; margin:0 0 20px 0;}
.content .text .box span.reacties{ display:block; width:615px; text-align:right;}

.content .text .box h2 { clear:both; position:relative; width:615px; }
.content .text .box h2 span.datum{ position:absolute; top:3px; right:0px; line-height:35px;}
.content .text .box h2 span{ margin:0 0 0 10px; font-family:Calibri, Arial, Helvetica; font-weight:normal; font-size:14px; color:#61583e;}
.content .text .box h2 span a.yellow{}

.content .text .box p { clear:both; }

.content .album{ width:640px;}
.content .album img { float:left; width:128px; height:128px; overflow:visible;}
/*inlineborder*/
a.innerborder, a.innerborder img {float: left;  overflow:hidden;}
a.innerborder:hover {border:5px solid #f00;}
a.innerborder:hover img {margin: -5px;}


/*sidebar */
.content .sidebar{ float:left; display:block; width:277px; height:535px; padding:0 0 0 24px; margin:0 0 35px 0 ; border-top:1px solid #413F3D; background:#302E2C;}

.content .sidebar h2{ color:#cecbc6;}
.content .sidebar p{ font-size:14px;}
.content .sidebar p.C19300{ font-size:14px; color:#C19300;}

.content .sidebar img{ width:250px; height:140px; padding:6px; background:url(../images/sidebar_imgborder.gif) no-repeat;}



/************************************************************************************************/
/*Appix */
/************************************************************************************************/
.appix_container{ clear:both; width:100%; height:180px;  background:url(../images/appix_bg.png) repeat-x;}
.appix{ margin:0 auto; width:100%; height:180px; background:url(../images/appix.jpg) no-repeat center; }
.appix h2{ text-indent:-4000px;}
.appix a.appix_link{ display:block; width:700px; height:140px; margin:0 auto;} 


/************************************************************************************************/
/*Footer */
/************************************************************************************************/
.footer_container{ clear:both; width:100%; height:140px; background:url(../images/footer.png) repeat-x;}
.footer{  width:961px; height:140px; margin:0 auto; }

.footer ul.footermenu{ }
.footer ul.footermenu li{ display:inline;}
.footer ul.footermenu li a{ float:left; width:306px; height:140px; text-indent:-4000px; }

.footer ul.footermenu li.bemyfriend a{ background:url(../images/footer_bemyfriend_1.png) no-repeat; }
.footer ul.footermenu li.bemyfriend a:hover{ background:url(../images/footer_bemyfriend.png) no-repeat; }

.footer ul.footermenu li.tweet a{ background:url(../images/footer_tweet_1.png) no-repeat; }
.footer ul.footermenu li.tweet a:hover{ background:url(../images/footer_tweet_2.png) no-repeat; }

.footer ul.footermenu li.mail a{ background:url(../images/footer_mail_1.png) no-repeat; }
.footer ul.footermenu li.mail  a:hover{ background:url(../images/footer_mail_2.png) no-repeat; }



/************************************************************************************************/
/*miscelleanous*/
/************************************************************************************************/
/*headings*/
h1, h2, h3, h4, h5{font-weight:normal;}
h1{ font-size:30px; color:#fff;}
h2{ line-height:35px; font-family:Calibri, Arial, Helvetica; font-size:25px; font-weight:bold; color:#FFF;}
h3{  line-height:35px; font-size:20px;  color:#C19300;}
h4{}
