body {
	background: #EEE; 
	color: #000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background-image:url(../img/suntile.jpg);
  background-attachment:fixed;
  font-size:80%;
  background-color:#FFFFF5;
  margin:0;
  padding:0;
/*  behavior: url(csshover.htc);*/
  } /* WinIE behavior call */

h1
	{font-size:1.8em}  
  
#banner{
margin:0 0 0 220px;
height:120px;
}
#banner img{
border:2px solid #FFCC66;
margin:9px 1px 1px 1px;
padding:0;
}

#banner-top{
margin:0;
height:100px;
background-color:#FFCC66;
width:100%;
}
#banner-top h1 {
color:#4D3E33;
text-align:left;
font-size:2.5em;
margin:0 0 0 0;
padding:10px 0 15px 160px;
background-image:url(../img/sunbanna.jpg);
background-position:0 0;
background-repeat:no-repeat;
color:#FFF;
background-color:#FFCC66;
font-weight:normal;
width:100%;
}
#banner-bottom h2{
font-size:1.2em;
margin:0;
padding:5px 0 5px 230px;
width:100%;
font-weight:bold;
border-top:2px solid #FFCC66;
border-bottom:2px solid #FFCC66;
}
.adres {
font-size:0.9em;
}
h3 {font-size:1.1em;
font-weight:bold;
margin:0;
padding:1em 0 .25em 0;
}
h3.media
	{color:#0033FF}
h4{
font-size:0.9em;
margin:0;
padding:0;
}
h2 em {
color:#FF0000;
}

h2.kist {letter-spacing:0.1em}

#adres p {
font-size:0.8em;
color:#7066F6;
}
#adres b{
font-size: 1.5em;
color:#110884;}
#aesculaap{
	background-image:url(../img/aesculaap153.gif);
	background-repeat:no-repeat;
	background-position:25px 50px;
	position:absolute;
	top:70px;
	left:150px;
	height:171px;
	width: 77px;
}
#aesculaap2{
	background-image:url(../img/aesculaap153.gif);
	background-repeat:no-repeat;
	background-position:25px 50px;
	position:absolute;
	top:70px;
	left:1075px;
	height:171px;
	width: 77px;
}
/*  navigatie ===============================================================*/
#nav
{	float:left;
	margin:15px 0 0 0;
	width:190px;
	padding:0;

}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 190px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	text-align:right;
	}
ul.pagina
{width:100%; list-style:inside;; margin:5px 0}
ul.pagina li
	{text-align:left; text-indent:10px; padding-bottom:5px}

ul li {
	position: relative;
	background:#FFCC66;
	padding:0;
	
	}

li li  { text-align:left;}
li.submenu {
border-right:5px solid #CC9900;
	}
	
li ul {
	position: absolute;
	left: 185px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	background: #f5bd32; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { background: #CC9900; color:#FFFFFF; } /* Hover Styles */
		
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */

#inhoud{
color: #000;
width:800px;
margin:0 0 0 30px;
float:left;
padding:0;
font-size:1.4em;
min-height:600px;
}
#inhoud.galerij
	{width:900px;}
	
#inhoud h2{
font-size:1.2em;
font-variant:small-caps;
padding:0;
clear:both;
}
#inhoud em {
font-weight:bold;
}
#inhoud img {float:left;margin:5px;padding:5px;}
#inhoud img.right{float:right}
.status{font-size:0.9em;
color:#0033FF;}

#inhoud li.kop{list-style:none;
font-style:italic;
font-weight:bold;}

#right_col
	{width:150px; float:right}
	
#tab{
width:100%;
margin:0;
font-size:0.8em;
background-image:url(../img/tab_bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
line-height:normal;
float:left;
}
#tab ul{width:100%;
list-style:none;
padding:10px 10px 0;
margin:0;
}
#tab li{float:left;
list-style:none;
/*background-image:url(../img/tab_rechts.jpg);
background-repeat:no-repeat;
background-position:right top;*/
margin:0;
padding:0;
}
#tab #current, #tab #current li a:hover
{
/*background-image:url(../img/tab_rechts_current.jpg);
background-repeat:no-repeat;*/
font-weight:bold;
color:#FF0000;
}
#tab a{text-decoration:none;
color:#000000;
display:block;
/*background-image:url(../img/tab_links.jpg);
background-position:left top;
background-repeat:no-repeat;*/
padding:5px 15px 4px;
}
#tab #current a, #tab #current a:hover{
/*background-image:url(../img/tab_links_current.jpg);*/
padding-bottom:5px ;
font-weight:bold;
color:#FF0000;
}
#tab a:hover {
/*background-image:url(../img/tab_rechts_current.jpg);
background-repeat:no-repeat;*/
color:#FF6600;
}
li.current a{color:red}
li.current li a{color:black}
li#current a{color:red}

ul.index{margin:0 0 0.5em 0.5em; float:right;
}
ul.index li{list-style:none; padding:0 0 0.25em 0;}

#terugverder{float:left;font-style:italic; font-size:0.8em; color:#000099;}
#terugverder img {float:left;margin: 0 5px; }
#terugverder p{ float:left;margin-top:8px; }

#footer{
margin:0 400px 0 14em;
border-top:1px solid;
border-bottom:1px solid;
}
#teller {
width:12em;
margin:1em 0 10px 1em;
font-size:0.8em;
color:#999999;
}
#teller img {float:left}

img.clear {clear:both}
.image{
float:right;
width:100px;
margin:5px;
height:300px;
}
div.image ul {
margin:0;
padding:0;
font-size:0.75em;
font-weight:normal;
display:block;
}
.image li{
list-style:none;
list-style-image:none;
list-style-position:outside;
display:block;
}
.image img{float:none;
margin:3px;
}
div.pic {
float:right;
width:150px;
height:350px;
margin:5px 3px;
}
.center{margin:10px auto;
width:320px;
height:240px;
}
div.pic.ls{width:300px; height:175px;}
div.pic img {
margin:1px;
border:1px solid;
border-color:#444 #AAA #AAA #444;
}
div.ls img {
width:300px;
height:150px;
}
div.pt img{
border:1px solid;
width:150px;
height:300px;
}
.titel {
font-size:0.8em;
text-align:center;
color:#0000FF;
font-weight:bold;
margin:0;
}

#route {
font-size:1em;
}
#route a span{
display:none;
}
#route a:hover span{display:block;
position:absolute;
width:200px;	
top: 100px;
left:100px;
z-index:100;
}
#map{
	float:right;
margin:5px;
width: 800px; height: 450px;
}
	
.form
	{width: 400px;}
label
	{width:300px; float:left; font-size:0.9em;}
	
#info
	{display:none}
	
#player{margin-left:20px}

#credits{
font-size:0.8em;
width:90%;
text-align:center;
color: #573939;
margin-top:15px;
margin-bottom:10px;
}
#credits a {color:#66FFFF}

#klok{width:75px;margin:10px auto}
.nieuws
	{width:200px;
float:left; clear:left;
border-bottom:1px solid;
border-top:1px solid;
font-size:0.75em;
text-align:center;
padding: 5px;
margin:10px 15px 10px 0;
}
#nieuws h3
	{margin:0; padding:0;}
#nieuws img
	{float:none; margin:0; padding:0;}
	
.rood{color:#FF0000;
font-weight:bold;
}
.col1 {width:300px; float:left; clear:left; margin-right:10px}
.col2 { width:300px; float:left; margin-right:10px}
.col3 {width:300px float:left; margin-left:10px}
.clearfloat {clear:both; float:none}