*{/* * geldig voor alles met #*/
	margin: 0;
	padding: 0;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: justify;
	background-image:url(BG1.jpg);
	background-repeat:repeat-x;
	color : #000099;
}
#container{
	width: 100%;
}
#kop{
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	background-color: transparent;
	height: 168px;
}
#kopImg{
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 10px;
	padding-bottom: 8px;
}
#kopImg img{
	margin: 0 auto;
}
#kopNav {
   padding:0; 
   margin:0; 
   list-style:none; 
   height:35px; 
   background:#fff url(three_0.gif) repeat-x; 
   position:relative; 
   z-index:400; 
   font-family:arial, verdana, sans-serif;
}

.preload1 {background: url(three_1.gif);}
.preload2 {background: url(three_1a.gif);}

#nav li.top {
   display:block; 
   float:left; 
   height:38px; 
}
#nav li a.top_link {
   display:block; 
	float:left; height:35px; 
	line-height:33px; 
	color:#ccc; 
	text-decoration:none; 
	font-size:11px; 
	font-weight:bold; 
	padding:0 0 0 12px; 
	cursor:pointer;
	background: url(three_0.gif);
}
#nav li a.top_link span {
   float:left; 
	display:block; 
	padding:0 24px 0 12px; 
	height:35px; 
	background: url(three_0.gif) right top no-repeat;
}
#nav li a.top_link span.down {
   float:left; 
	display:block; 
	padding:0 24px 0 12px; 
	height:35px; 
	background: url(three_0a.gif) no-repeat right top;
}

#nav li:hover a.top_link {
   color:#fff; 
	background: url(three_1.gif) no-repeat;
}
#nav li:hover a.top_link span {
   background:url(three_1.gif) no-repeat right top;
}
#nav li:hover a.top_link span.down {
   background:url(three_1a.gif) no-repeat right top;
}

/* Default list styling */

#nav li:hover {
   position:relative; 
	z-index:200;
}

#nav li:hover ul.sub{
   left:1px; 
	top:38px; 
	background: #70A9C7; 
	padding:3px; 
	border:1px solid #000099; 
	white-space:nowrap; 
	width:90px; 
	height:auto; 
	z-index:300;
}
#nav li:hover ul.sub li{
   display:block; 
	height:20px; 
	position:relative; 
	float:left; 
	width:90px; 
	font-weight:normal;
}
#nav li:hover ul.sub li a{
   display:block; 
	font-size:11px; 
	height:18px; 
	width:88px; 
	line-height:18px; 
	text-indent:5px; 
	color:#000; 
	text-decoration:none;
	border:1px solid #70A9C7;
}
#nav li ul.sub li a.fly{
    background:#70A9C7 url(arrow.gif) 80px 6px no-repeat;
}
#nav li:hover ul.sub li a:hover {
   background:#007ACC; 
	color:#fff; 
	border-color:#fff;
}
#nav li:hover ul.sub li a.fly:hover{
   background:#007ACC url(arrow_over.gif) 80px 6px no-repeat; 
	color:#fff;
}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul{
   left:90px; 
	top:-4px; 
	background: #70A9C7; 
	padding:3px; 
	border:1px solid #000099; 
	white-space:nowrap; 
	width:90px; 
	z-index:400; 
	height:auto;
}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul{
   position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly{
    background:#007ACC url(arrow_over.gif) 80px 6px no-repeat; 
	color:#fff; 
	border-color:#fff;
} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly{
    background:#70A9C7 url(arrow.gif) 80px 6px no-repeat; 
	color:#000; 
	border-color:#70A9C7;
} 
#inhoud{
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 1em;
}
#inhoudLinks{
	width: 60%;
	float: left;
}
#inhoudRechts{
	width: 34%;
	float: right;
	padding-left: 2.5%;
	border-left: 1px dashed #8A8A8A;
}
#inhoudMid{
	width: 80%;
	clear: both;
	float: none;
	padding-left: 10%;
}
#inhoudMidden{
	width: 80%;
	clear: both;
	float: none;
	padding-top: 18%;
	padding-left: 20%;
}
#voet{
	width: 80%;
	padding: 1em 10%;
	color: #666333;
	font-variant: small-caps;
	clear: both;
}
#inhoudLinks h1{/* tekst in bewerkbaargebied aanpakken; kop 1 benoemen*/
    font-size: large;
    color:#000099;
    font-weight: bold;
    font-style: normal;
    letter-spacing: 0.2em;
    text-align: left;	
}
#inhoudRechts h1 {
	font-size: large;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin-bottom: 6px;
	padding-bottom: 3px;
	border-bottom: 2px solid #000099;
}
#inhoudLinks h2{/* tekst in bewerkbaargebied aanpakken; kop 2 benoemen*/
    font-size: 14px;
    letter-spacing: 0.15em;
    font-weight: bold;
    text-align: left;	
}
#inhoudLinks h3{/* tekst in bewerkbaargebied aanpakken; kop 2 benoemen*/
    font-size: 12px;
    letter-spacing: 0.10em;
    font-weight: bold;
    text-align: left;	
}
#inhoudLinks img.panoLinks {
	width: 98%;
	height: auto;
	background-color: #4c94ba;
	padding: 1%;
}
#inhoudRechts img.panoRechts {
	width: 96%;
	height: auto;
	background-color: #4c94ba;
	padding: 2%;
}
#inhoudLinks img.fotoLinks {
   width: 97.5%;
	height: auto;
}
#inhoudLinks img{
	padding: 3px;
	border: 1px solid #000099;
	margin: 3px;
}
#inhoudRechts img{
	padding: 3px;
	border: 1px solid #000099;
	margin: 3px;
}
#fotoGroot{
	width: 100%;
}
#fotoGroot img{
	border: 4px solid #000099;
	padding: 4px;
}
#fotoKlein{
	width:100%;
	margin-top: 12px;
}
#fotoKlein img{
	cursor: pointer;
	border: 1px solid #000099;
	width: 10%;
	height: 10%;
	padding: 2px;
	margin: 4px;
}
.AccordionPanelTab h3 {
	margin: 0;
	padding: 2px 2px 4px 36px;
	font-size: 12px;
	background: url(arrow_events_open.gif) no-repeat left 50%;
	color: #051AFF;
} 
.AccordionPanelContent {
	overflow: auto;
	height: auto;
	width: auto; 
	font-size: 12px;
	line-height: 140%;
}
.AccordionPanelContent ul { margin: 0;	padding: 1.375em; }
.AccordionPanelTabHover { color: #fff; }
.AccordionPanelClosed .AccordionPanelTab h3 {
	background: url(arrow_events_closed.gif) no-repeat left 50%;
	border-bottom: solid 1px #d0eef4;
	color: #051AFF;
}
h3 {
	margin-top: 0;
	margin-bottom: 0.5em;
	padding-bottom: 2px;
	color: #000099;
	font-size: 12px;
}
a {
	font-size: 14px;
	color: #FF0000;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF0000;
	outline:none;
}
a:hover {
	text-decoration: none;
	color: #000033;
	outline:none;
}
a:active {
	text-decoration: none;
	color: #0000FF;
	outline:none;
}

#map{ 
	height: 250px;
	width: 95%;
	border:#000099 double;
	padding: 10px;
	overflow-x: hidden;
}
.subHeader {
	float:right;
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #2D374D;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.jumpMenu {
	float:right;
	text-align : center;
	font: small-caps 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:2px;
	margin-left: 4px;
	color: #2D374D;
	background-color: #d6dff7;
	line-height:20px;
	letter-spacing: 0.1em;
	outline: none;
	border:solid 1px #000066;
	width:180px;
}
.Knop {
	cursor : pointer;
}