/*padding top right bottom left 
margin = witruimte buiten het element
padding = witruimte binnen het element*/
body,html {
	padding: 0px;
	margin:0px;
	background-color: #cccccc;
	color: #000000;
	font-family:"Palatino Linotype";
	font-size: 14px;
}
a:hover 	{	background-color: #f3eeb3;	color: #FFFFFF; text-decoration: none;	}
a:link 		{  	color: #475974; text-decoration: none;	}
a:visited 	{   color: #663333; text-decoration: none;  }
address	{font-size: 10px;}
h1 { font-size:24px;}
h2 { font-size:20px;}
img { border:none; padding:0px; margin:0px;}
/*voorbeeld met meerdere browsers hack
div#border {
     border: 1px solid #000; /* Alle Browsers */
/*     *border: 1px solid #000; /* IE7 en IE6 */
/*     _border: 1px solid #000; /* IE6 */
/*}*/

	#geheel { 
		width:755px;position:relative;top:-0px;padding:0px; 
		margin-right:auto;
		margin-left:auto; 
		border-top:2px solid #f3eeb3;}
	
	#kop{      z-index:4; height:275px; width:755px; position: relative; top: 28px; _top: 28px;/* IE6 */    padding:0px; background-color: #f3eeb3;}
	#gradient{
	z-index:5;
	height:275px;
	width:755px;
	position: relative;
	top: -247px;
	padding:0px;
	background-image:url(plaatjes/topplaatjes/gradient_roodbruin_2.png);/* Alle Browsers */
	*top: -247px;/* IE7 en IE6 */
	_top: -251px;/*  IE6 */
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='plaatjes/topplaatjes/gradient_roodbruin_2.png', sizingMethod='scale'); 	
_background-image:url(plaatjes/topplaatjes/leeg.jpg);/* IE6 */
}
	#logo{
	z-index:6;
	height:250px;
	width:735px;
	position: relative;
	top: -530px;
	_top: -530px;/* IE6 */
	font-size: 35px;
	color:#f3eeb3;
	padding-left:20px;
	padding-top:50px;
}
	#inhoud{
	width:725px;
	position:relative;
	top:-594px;
	_top:-597px;/* IE6 */
	background-image:url(plaatjes/ijsselmeer-6_w755px.jpg);
	border-bottom:2px solid #f3eeb3;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
	#sitemap{  width:500px; margin-right:auto; margin-left:auto;}
#virtueel {
	border:3px solid #f3eeb3;
	position:relative;		
	margin-right:auto;
	margin-left:auto;
	width:450px;
	height:372px;
	z-index:1;
}
.han { visibility:hidden;}
.iframe_google {height: 735px; width: 400px; padding:0px;}
.w240px {
		width:240px;
		padding:4px;
		float:left;
		font-size: 11px;
		}
.w735px {
		width:735px;
		padding:4px;
		clear:both;		
		}
.center { text-align:center;}

.right { text-align:right;}
.right_float { float:right; padding-right:10px; padding-left:10px;}
.left_float { float:left; padding-right:10px;}

/* ************************************** formulieren************************** */
form {
    border: 1px dashed #ccc;
    padding: 10px;
    width: 700px;
}

label {
    float: left;
    width: 300px;
    text-align: right;
    margin-right: 15px;
}

input {
    font-size: x-small;
    width: 200px;
}

select {
    width: 202px;
    font-size: x-small;
}

textarea {
    width: 350px;
    height: 200px;
}
button{background-color: #f3eeb3;}

input, textarea, select {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {
        background-color: #f3eeb3;
        color: #000;
}
/* ************************************** einde formulieren************************** */

/* ************************************** dropdown hoofdmenu**************************
**************************zie ook het bestand dropdown.js***************** */
#mainMenu dl, #mainMenu dt, #mainMenu dd, #mainMenu ul, #mainMenu li {
margin: 0px;

list-style-type: none;
}
/*letterkleur van bovenbalk en dropdown menu gewoon*/
#mainMenu a:link, #mainMenu a:visited {
color: #000;
 padding: 2px 4px 2px 4px;

}
/*letterkleur van bovenbalk en dropdown menu bij hover*/
#mainMenu a:hover {
 color: #FFFFFF;
 /*background-color: #f3eeb3;*/
 padding: 2px 4px 2px 4px;
}
/*letterkleur van bovenbalk en dropdown menu bij visited*/
#mainMenu a:visited {
 color: #663333;
 /*background-color: #f3eeb3;*/
 padding: 2px 4px 2px 4px;
}
/*de bovenbalk */
#mainMenu {
	background-color: #f3eeb3;
	color: #000000;
	margin: 0px;
	padding: 10px 2px 4px 2px;
	_padding: 10px 2px 0px 2px;/*  IE6 */
	width:751px;
	height:15px;
	position:relative;
	top:-850px;
	_top:-855px;/*  IE6 */
	border:0px solid #ccc;
	z-index:7;
	font-size: 13px;
}


#menuList {
  margin: 0px 0px 0px 0px;
  padding:0px;
  position:relative;
	top:-5px;
}

#menuList ul {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  color: #000000;
  background-color: #a44437;
}

#menuList span {
  margin: 0px 0px 0px 13px;
  padding:0px;
  color:#999999;
}

.menubar {
  margin: 0px 0px 0px 0px;
  padding: 2px;
  display: inline;
  list-style: none outside;
  color: #999999;
}
/* de menu items in de bovenbalk*/
a.actuator {
  /*background-color: #a44437;*/
	color: #000000;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	letter-spacing: 0px;
}

a.actuator:hover {
  margin: 0px;
  padding: 0px;
  color: #f3eeb3;
  background-color: #a44437;
}
/*de uitklap*/
.menu {
  color: #999999;
  background-color: #CCCCCC;
  border: 0px solid red;
  position: absolute;
  visibility: hidden;
}

.menu li{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  display: inline;
  list-style: none outside;
  /*background-color: #f3eeb3;*/
}
/*de dropdown items gewoon*/
.menu li a {
	background-color: #f3eeb3;
	color: #a44437;
	display: block;
	margin: 0px;
	padding: 0px 0px;
	text-decoration: none;
	text-align: left;
}
/*de dropdown items hover*/
.menu li a:hover {
  background-color: #a44437;
  /*border: 1px solid red;*/
}

span.key {
  text-decoration: underline;
}

#EEN_menu { width: 150px; }
#TWEE_menu { width: 150px; }
#DRIE_menu { width: 150px; }
#VIER_menu { width: 150px; }
#VIJF_menu { width: 150px; }
#ZES_menu { width: 150px; }
/* **************************************EINDE dropdown hoofdmenu************************** */