body {
  scrollbar-face-color: #3333FF;
  scrollbar-shadow-color: #003366;
  scrollbar-highlight-color: #5B5BFF;
  scrollbar-3dlight-color: #CCFFFF;
  scrollbar-darkshadow-color: black;
  scrollbar-track-color: #330099;
  scrollbar-arrow-color: #FF3366;
  cursor : url('/ontour/image/rood.cur'), normal;
  background-color:#0000FF;
  background-image: url("/ontour/image/baseblauw.jpg");
  font-family: Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  margin: 0;
}
        
a {cursor: url('/ontour/image/blauw.cur'), normal;}

a:link {color: #FFFFFF;}
a:visited {color: #FFFFFF;}
a:hover {color: #00FFFF;}
a:active {color: #FFFFFF;}

hr {
  border-style: solid;
  border-width: 1px; 
  border-color: #0000FF;
}

/* Vanaf hier style voor het kop gedeelte */

.kop_rood {
  position: absolute;
  left: 0;
  top: 11px;
  right: 0;
  height: 160px;
  background-color:#0000FF;
  background-image: url("/ontour/image/top_rood.jpg");
  background-repeat: repeat-x;
}

.kop {
  position: absolute;
  top: 11px;
  left: 0;
  right: 0;
  max-width: 800px;
  min-width: 580px;
  height: 160px;
  background-color: #0000FF;
  background-image: url("/ontour/image/top.jpg");
  background-repeat: no-repeat;
}

.kop img {
  margin: 5px;
}

.source_select{
  position:absolute;
  left:5px;
  top:0px;            
  font-size:9px;
}

.koptekst{
  position:absolute;
  right: 80px;
  margin-left: 320px;
  top: 143px;
  font-size: 11px;
}

.palm {	    
  cursor: url('/ontour/image/ddglas.cur'), normal;
  position:absolute;
  top: 124px;
  right: 20px;
  width: 50px;
  height: 50px;
  background-image: url("/ontour/image/palm.jpg");
  background-repeat: no-repeat;
}   

/* Vanaf hier style voor het Onder gedeelte */

.onder {
  position: relative;
  clear: both;
  width: 100%;
  height: 11px;
  text-align:center;
  background-image: url("/ontour/image/onder.jpg");
  background-repeat: repeat;
  font-size: 9px;
  z-index: 4;
}

.owvlogo {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
}

.owvlogo img {
  margin-top:3px;
  border:none;
}

/* Vanaf hier style voor de Basis, oftewel midden gedeelte */

.basis {
  position: absolute;
  top: 171px;
  left: 0;
  right: 0;
  min-width: 480px;
  background-color: red;
}

/* Achtergrond plaatsen helemaal links */

.achter_linksboven {
  position: absolute;
  top: 0;
  left: 0;
  height: 80px;
  width: 160px;
  background-image: url("/ontour/image/linksboven.jpg");
  background-repeat: no-repeat;
  z-index: 1;
}

.achter_links {
  position: absolute;
  top: 80px;
  left: 0;
  bottom: 141px;
  width: 160px;
  background-image: url("/ontour/image/links.jpg");
  background-repeat: repeat-y;
  z-index: 1;
}

.achter_linksonder {
  position: absolute;
  left: 0;
  bottom: 11px;
  height: 130px;
  width: 160px;
  background-image: url("/ontour/image/linksonder.jpg");
  background-repeat: no-repeat;
  z-index: 1;
}

/* links floating menu */

.menu {
  position: relative;
  float: left;
  width: 180px;
  margin: 0px;
  font-size:11px;
  z-index: 3;
}

.menu a {
  text-decoration: none;
  font-weight: normal;
  margin-left: 20px;
  margin-right: 20px;
  display: block;
  height: 14px;
}

.menu a:hover {
  background-image: url("/ontour/image/pijl_licht.gif");
  background-repeat: no-repeat;
}

.menuactief {            
  background-image: url("/ontour/image/pijl.gif");
  background-repeat: no-repeat;
}

/* En dan het gedeelte waar het eigenlijk allemaal om draait */

.navigatie {
  position: relative;
  margin-left: 180px;
  margin-right: 180px;
  text-align: left;
  overflow: hidden;
  font-size: small;
}

.midden {
  position: relative;
  margin-left: 180px;
  margin-right: 180px;
  margin-top: 0;
  margin-bottom 0;
  padding: 10px;
  background-image: url("/ontour/image/center_center.jpg");
}

.inhoud {
  position: relative;
  min-height: 90px;
  min-width: 90px;
  z-index: 3;
}

h1 {
  text-align: center;
  font-size: 14pt;
}

/* Achtergrond van het midden tekenen */

.boven_links {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  background-image: url("/ontour/image/center_top_left.jpg");
  z-index: 1;
}

.boven_midden {
  position: absolute;
  top: 0;
  left: 60px;
  right: 60px;
  height: 60px;
  background-image: url("/ontour/image/center_top.jpg");
  background-repeat: repeat-x;
  z-index: 1;
}

.boven_rechts {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background-image: url("/ontour/image/center_top_right.jpg");
  z-index: 1;
}

.midden_links {
  position: absolute;
  left: 0;
  top: 60px;
  bottom: 60px;
  width: 10px;
  background-image: url("/ontour/image/center_links.jpg");
  background-repeat: repeat-y;
  z-index: 1;
}

.midden_rechts {
  position: absolute;
  right: 0;
  top: 60px;
  bottom: 60px;
  width: 10px;
  background-image: url("/ontour/image/center_rechts.jpg");
  background-repeat: repeat-y;
  z-index: 1;
}

.onder_links {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 60px;
  height: 60px;
  background-image: url("/ontour/image/center_onder_links.jpg");
  z-index: 1;
}

.onder_midden {
  position: absolute;
  left: 60px;
  right: 60px;
  bottom: 0;
  height: 60px;
  background-image: url("/ontour/image/center_onder.jpg");
  background-repeat: repeat-x;
  z-index: 1;
}

.onder_rechts {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  background-image: url("/ontour/image/center_onder_rechts.jpg");
  z-index: 1;
}

/* Recht floating ook vanalles */

.rechts {
  position: relative;
  float: right;
  width: 180px;
  margin: 0;
  font-size:11px;
  overflow: hidden;  
  z-index: 3;
}

/* Inhoud van het rechts floatende */

.ontwerp {	
  text-align:center;
  width: 152px;
  height: 108px;
  font-size: 10px;
  margin-left: auto;
  margin-right: auto;
}

.interactive {	
  width: 152px;
  height: 108px;
  padding:1px 0px 0px 0px;
  background-image: url("/ontour/image/interactive.jpg");
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;
}

.content-interactive {
  text-align:left;
  margin:10px 0px 0px 20px;
  width: 115px;
  height: 90px;	      
  overflow:hidden;
}

.content-indruk {
  text-align:center;
  margin:5px 00px 0px 20px;
  width: 115px;
  height: 100px;	      
  overflow:hidden;
}

.content-interactive a {
  text-decoration:none;
  font-weight: normal;
  display:block;
  text-align:left;
  width: 150px;
  height: 14px;
  background-image: url("/ontour/image/pijlinteractive.jpg");
  background-repeat: no-repeat;
}
            
.content-interactive a:hover {
  background-image: url("/ontour/image/pijlinteractive_licht.jpg");
  background-repeat: no-repeat;
}

.interactief_actief {
  text-decoration:none;
  font-weight: normal;
  display:block;
  text-align:left;
  width: 150px;
  height: 14px;
  background-image: url("/ontour/image/pijlinteractive_active.jpg");
  background-repeat: no-repeat;
  margin:0px auto;
}

.owv {
  text-align:left;
  margin:10px 0px 0px 20px;
  width: 115px;
  height: 90px;	      
  overflow:hidden;
}


.zoekpunt {
  text-align: right;
  font-size: 11px;
  height: 10px;
  margin-left: auto;
  margin-right: auto;
} 

.zoekregel {
  border: 1px;
  border-style:solid;
  border-color: black;
  background-color: blue;
  font-size:9px;
  color:#ffffff;
}

/* Radio gedeelte */

.radio {    
 	        text-align:left;
 	        padding:0px;
	        margin:0px;
	        margin-top:0px;
	        background-color:#FFFFFF;
	        background-image: url("radio.gif");
            background-repeat: no-repeat;
            width: 300px;
	        height: 70px;
            }
            
.kies_radio {
            position:absolute;
	        top:50px;
	        left:40px
            }

.kies_radio select { 
            font-family: Arial, Helvetica, Sans-serif;
            font-size: 10px;
            background-color:#FF0000;
            padding:1px;
            border : 0px solid;
            } 

.radio_player {
            position:absolute;
            left:42px;
	        top:75px;
            }

.stats {
            position:absolute;
            left: 750px;
            height: 11px;
            width: 18px;
            overflow:hidden;
	        }
	        
.zoek {
            padding: 20px;
            text-align:left;
	        background-color:#0000FF;
	        color: #ffffff;
            }
            
.zoekscherm {
            position:absolute;
            right: 20px;
            top: 200px;
            width:400px;
            height:300px;
            background-color:#0000FF;
            }

.terug a   {
            display:block;
            position:absolute;
            right:180px;
            width: 65px;
	        height: 30px;
            border:0px;
            background-image: url("pijlterug.gif");
            background-repeat: no-repeat;
            
            }
            
.terug a:hover  {
            background-image: url("pijlterug_over.gif");
            background-repeat: no-repeat;
            }