/* alle pagina's */
body {
	background-color:#9B9966;
  	text-align:center;
  	font-family: Arial, Tahoma, Helvetica, sans-serif;
   	margin: 0px;
   	padding: 0px;			
	}

#canvas{
	width:720px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
	}
@media screen {
	div#agenda, div#logo, div#hoofdmenu, div#submenu {
		position: fixed;
	}
	* html div#agenda, * html div#logo, * html div#hoofdmenu, * html div#submenu,{
		position: absolute;
	}
}	

	
#logo {background-color: #9B9966; width:100%; height:60px;}	
#logo h1 {	
/*	background: #9B9966 url(bunkerxtreme.gif) no-repeat 50% 0; */
background: #9B9966 url(titel.jpg) no-repeat 10% bottom;
/*width: 683px; */
width: 800px;
float: left;
	height: 58px; 
	margin:0px; 
	padding:0px;
	}
#logo h1 span {display:none}

#hoofdmenu {background-color: #9B9966; top:60px; width:100%;}
#hoofdmenu2 h2 span {display:none}
#hoofdmenu2 ul  { margin: -8px 0 0 0;	}
body[id=zoezel] #hoofdmenu2 ul  { margin: -25px 0 0 0;	}
#hoofdmenu li {
	display:inline; 
	list-style-type:none;
	margin-right:50px;
	}

#submenu {background-color: #9B9966; top:73px; width:100%;}
#submenu2 h2 span {display:none} 
#submenu2 ul  {	margin: -8px 0 0 0;	}
body[id=zoezel] #submenu2 ul  {	margin: -25px 0 0 0;	}
#submenu2 ul li {
	display:inline; 
	list-style-type:none;
	margin-right:20px;
	}

#hoofdmenu2 ul li a, #submenu2 ul li a {color: #ffffff;font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; font-variant:small-caps}
#hoofdmenu2 ul li a:hover, #submenu2 ul li a:hover {color: #CC3300}


/* home/index */
#main {
	background: transparent url(main.gif) repeat-y; 
	float: right;
	width:460px;
	margin: 90px 0 50px -20px;;
	padding:20px 20px 0 20px;
	color: #666633;  font-family: verdana, arial, helvetica, sans-serif;  font-size: 9px; text-decoration: none;
	}

#maintop  {
	background: transparent url(page_top.gif) no-repeat top left; 
	margin:-20px 0 0 -20px; 
	width: 500px; 
	height: 20px; 
	}

#mainbottom {
	background: transparent url(page_bottom.gif) no-repeat top left; 
	margin: 0 0 0 -20px;
	width: 500px; 
	height: 20px; 
	clear:both;
	}

#design a {color: #666633;font-family: verdana, arial, helvetica, sans-serif; font-weight: normal;  text-decoration: none;}
#design a:hover {color: #CC3300}
#design h4 { margin:0; }
#design h4 a {text-decoration:underline; font-size:11px; font-variant:small-caps;}

#tekst h2 {font-size:14px;}
	* html body div#nieuwsitem h2 {font-size:12px;}

#addpost {}
#postverzonden {padding-bottom:270px;}
#postformulier h5 {color: #666633; font-size:10px; margin-left:0px;}
#postformulier select, input, textarea {display:block; margin-bottom:3px; border:1px solid #663;}

#gastenboek {margin-top:20px;}

#gastenboekformulier {background-color: #CCA; float:right;  width:160px; border: 2px solid #663; padding:5px; margin-top:-5px;}
#gastenboekformulier a {color: #666633; text-decoration: none;}
#gastenboekformulier a:hover {color: #C30;}
#gastenboekformulier h5 {color: #666633; font-size:10px; margin-left:0px;}
#gastenboekformulier input{display:block; margin-bottom:3px; border:1px solid #663;width:150px;}
#gastenboekformulier textarea{ width:150px;margin-bottom:3px;}
#gastenboekerror {color: #C30;}
#gastenboekentry {
	padding:5px; 
	margin:0px 5px 15px 5px; 
	background-color:#CCCCAA; 
	border:1px solid #000;
	}	
#entrynaam {float:left; font-weight:bold; font-size:11px;}
#entryemail {float:right; }
#entryinhoud p {margin: 20px 0 0 0; }	

#openingsuren {margin-bottom: 20px;}
#openingsuren h2{font-size:14px;}
#openingsuren h2 span{}
#openingsuren p {}
#kalender {}
#kalender h5 { color: #663; width: 70px; float:left; margin: 0; font-weight:normal;font-size:12px;}
#kalender h4 {display:inline; font-size:13px; font-weight:bold; color: #663; }
#kalender p {margin: 5px 0 20px 70px;}
#happy {}
#happy h2 {font-size:14px;}
#happy h2 span {}
#happy p {}
	
#fotogalerij p {margin: 0 0 3px 0;}
#fotogalerij a {text-decoration:none; color:#663;}
#fotogalerij a:hover {color:#C30}
#thumbgalerij {}
#thumb {border:1px solid #000; margin: 8px 4px 0px 4px; float:left;}
#fotonavigatie {margin: 0 0 10px 0;}
#fotonavigatie a {text-decoration:none; color:#663;}
#fotonavigatie a:hover {color:#C30}
#fotonavigatie a#vorige {margin-right: 15px;}
#fotonavigatie a#thumbs {margin-right: 15px;}
#fotonavigatie a#volgende {}
#foto {text-align: center;}
#foto img {margin-bottom: 10px;}
		
#linkskolom {
	width:210px; 
	float:left; 
	margin: 10px 20px 0 0;
	}
#linkskolom ul {
	font-size:15px;
	font-weight: bold;
	font-variant:small-caps;
	margin-bottom:7px;	
	}
#linkskolom li {list-style-type:none;}
#linkskolom a {
	font-variant:normal;
	font-size:11px;
	font-weight: normal;
	text-decoration:none; 
	color:#663;
	}
#linkskolom a:hover {
	color:#C30;
	}

/* link naar top*/
body[id=zoezel] #toplink {display:none}
	
#agenda {
	background: transparent url(agenda.gif) no-repeat top left; 
	margin: 0 0 0 0; 
	width: 208px; 
	height: 352px; 
	top: 100px; 
	float: left;
}
#agenda h2 {padding: 0 0 160px 0;}
body[id=zoezel] #agenda h2 { padding: 0px 0px 0px 0px; margin: 0 0 180px 0;}
#agenda h2 span {display:none}	
#agenda p, h5 {margin: 0 0 0 30px;;  font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}	
#agenda h5 {font-size:11px;}
#agenda p {margin-bottom: 10px; font-size:13px;}

/* Add a background image to each and use width and height to control sizing, place with absolute positioning */
/* vrij te gebruiken, identiek op alle pagina's*/
#extra1 {}
#extra2 {}
#extra3 {}
#extra4 {}
#extra5 {}
#extra6 {}