/* common styling */
body {
	background-color : #66a8da;
	font-family: Verdana, Arial,  sans-serif;
	font-size: 11px;
	color: #3F220A;
	margin-top:0px;	
	
}
img
{  border-style: none;
}


a:link,a:visited,a:hover,a:active {
	color: #333333;
	margin: 1;
	padding: 0
}
h1,h2,h3,h4
{
	color: #FF0000;
	margin: 0;
	padding: 0
}
h1 {
	font-size: 24px
}
h2 {
	font-size: 16px
}
hr {
	border: 1px solid #e5e5e5;
	margin: 0;
	padding: 0
}
ul li {
	list-style-type: none
}
div#container {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 896px;
	background-color:#FFFFFF;
	height:875px;
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	top: auto;
	
}

div#container2 {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 896px;
	background-color:#FFFFFF;
	height:2000px;
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	top: auto;
	
}
div#header {
	border: 1px solid #5c310f;
	background-image: url(header.png);
	background-repeat: no-repeat;
	height: 207px;
	margin-top:1px
}
div#navigation {
    background-color : #fc6;
    border: 1px solid #5c310f;
	height: 28px;
	}
div#content {
    border: 1px solid #5c310f;    
 	background-color: #fff;
    padding: 5px;
    margin: 0
}
/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
border: 1px solid #fff;
font-size:11px;
width:146px;
padding:6px 0;
color:#5c310f;
font-weight:bold;
background:#fc6;
text-decoration:none;
margin-right:1px;
text-align:center;
}
/* style the links hover */
.menu :hover{
color:#fff;
background:#5c310f;
font-weight:bold
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:146px;
height:0;
}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

p.center {
    text-align: center
}
p.left {
	text-align: left
}

#boven {
	padding:10px;
	float:left;
	background-image: url(images/back_console.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width:875px
}

#inleiding {
	padding:10px;
	float:left;
	background-color:#FFFFFF;	
	background-repeat: no-repeat;
	background-position: center;	
	width:875px
}

#boven2 {
	padding:10px;
	float:left;
	background-repeat: no-repeat;
	background-position: center;
	width:875px;
}

#midden {
padding:10px;
float:left;
background-color:#FFFFFF;
width:279px
}
#rechts {
	padding-right:6px;
	float:left;
	background-color:#FFFFFF;
	width:270px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
/*div voor totale gallery*/
#gallery {
	margin-top:0px;
	width:600px;
	height:250px;
	position:absolute;
	float:left;
	background-color: #ffffff;
	left: 0px;
	top: 546px;
}
#linksonder {
	float:left;
	width: 285px;
	background-color: #FFFFFF;
}

/*default ruimte voor middelgrote afbeelding bij openen pagina */
#gallery b.default {
	
	
	float:left;
	width:300px;
	height:200px;
	text-align:center;
		
}
/*default opmaak voor middelgrote afbeelding bij openen pagina */
#gallery b.default img {
	display:block;
	margin:0 auto 0px auto;
	
}
/* default opmaak span (tekst) bij middelgrote afbeelding bij openen pagina */
#gallery b.default span {
	display:block;
	color:#fff;
	font-family:verdana, arial, sans-serif;
	font-weight:normal;
	font-size:11px;
	width:auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#gallery ul {
	list-style:none;
	padding:0;
	margin:0;
	width:300px;
	position:relative;
	float:right;
}
#gallery ul li {
	display:inline; 
	width:52px; 
	height:52px; 
	float:left; 
	margin:2px 0 5px 5px;
}
#gallery ul li a {
	display:block; 
	width:50px; 
	height:50px; 
	text-decoration:none; 
	border:2px solid #fff; 
	border-color:#eee #555 #333 #ddd;
}
#gallery ul li a span {
display:none;
}

#gallery ul li a img {
	display:block; 
	width:50px; 
	height:50px; 
	border:0;
	}
#gallery ul li a:hover {
	white-space:normal;
	border-color:#555 #ddd #eee #333;
	background-color: #3F220A;
}
/*bij mouseover een middelgrote foto */
#gallery ul li a:hover b {
	position:absolute;
	left:-300px;
	top:0;
	width:300px;
	height:380px;
	text-align:center;
	z-index:20;
	background-color: #fff;	
	
}
#legeruimte {
}
/*bij mouseover tekst bij middelgrote foto */
#gallery ul li a:hover span {
	display:block;
	color:#3F220A;
	font-family:verdana, arial, sans-serif;
	font-weight:normal;
	font-size:11px;
	width:auto;
	margin:0 auto;
}
#gallery ul li a:hover img {
	margin:0 auto 10px auto; 
	width:auto; 
	height:auto; 
	
	
}