@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(afbeeldingen/achtergrond.jpg);
	background-repeat:no-repeat;
	font-size: 12px;
	color:#333333;
	margin: 0;
	text-align: center;
}



#main_container{
margin:0 auto;
width: 1000px;
height:820px;
text-align:left;
}

#wrapper{
	float: left;
	width: 1000px;
	height:850px;
	margin-bottom: 10px;
	background-image:url(afbeeldingen/bg.png);
	background-repeat:no-repeat;
}

#wrapper-index{
	float: left;
	width: 1000px;
	height:850px;
	margin-bottom: 10px;
	background-image:url(afbeeldingen/bg-index.png);
	background-repeat:no-repeat;
}

#wrapper-foto{
	float: left;
	width: 1000px;
	height:850px;
	margin-bottom: 10px;
	background-image:url(afbeeldingen/bg-foto.png);
	background-repeat:no-repeat;
}

#wrapper-voorz{
	float: left;
	width: 1000px;
	height:850px;
	margin-bottom: 10px;
	background-image:url(afbeeldingen/bg-voorz.png);
	background-repeat:no-repeat;
}


#wrapper-kids{
	float: left;
	width: 1000px;
	height:850px;
	margin-bottom: 10px;
	background-image:url(afbeeldingen/bg-kids.png);
	background-repeat:no-repeat;
}

#wrapper-zwembad{
	float: left;
	width: 1000px;
	height:850px;
	margin-bottom: 10px;
	background-image:url(afbeeldingen/bg-zwembad.png);
	background-repeat:no-repeat;
}

#wrapper-spokeplas{
	float: left;
	width: 1000px;
	height:850px;
	margin-bottom: 10px;
	background-image:url(afbeeldingen/bg-spokeplas.png);
	background-repeat:no-repeat;
}

#wrapper-uitstapjes{
	float: left;
	width: 1000px;
	height:850px;
	margin-bottom: 10px;
	background-image:url(afbeeldingen/bg-uitstapjes.png);
	background-repeat:no-repeat;
}

#wrapper-noordwolde{
	float: left;
	width: 1000px;
	height:850px;
	margin-bottom: 10px;
	background-image:url(afbeeldingen/bg-noordwolde.png);
	background-repeat:no-repeat;
}

#wrapper-tarieven{
	float: left;
	width: 1000px;
	height:850px;
	margin-bottom: 10px;
	background-image:url(afbeeldingen/bg-tarieven.png);
	background-repeat:no-repeat;
}

#wrapper-route{
	float: left;
	width: 1000px;
	height:850px;
	margin-bottom: 10px;
	background-image:url(afbeeldingen/bg-route.png);
	background-repeat:no-repeat;
}


#balk{
	height:20px;
	}
	
#body{
	float:left;
	width:1100px;
	height:800px;
	}	
	
#menu{
	float:left;
	width:210px;
	height:600px;
	margin-left: 15px;
	margin-top: 80px;
	}
	
#kop{
	float:left;
	width:720px;
	height:205px;
	padding-top: 105px;
	padding-left: 40px;
	text-align: left;
	}
	
#kop_vervolg{
	float:left;
	width:720px;
	height:10px;
	padding-top: 105px;
	padding-left: 40px;
	text-align: left;
	}	
	
#content-home{
	float:left;
	width:540px;
	height:480px;
	margin-top: 10px;
	margin-left: 60px;
	padding-right: 15px;
	}
	
#content{
	float:left;
	width:650px;
	height:470px;
	margin-top: 20px;
	margin-left: 70px;
	padding-right: 15px;
	overflow:auto;
	}
	
#content-gastenboek{
	float:left;
	width:670px;
	height:650px;
	margin-top: 20px;
	margin-left: 70px;
	padding-right: 15px;
	overflow:auto;
	}	
	
#content a:link {
	color:#00cc00;
	text-decoration:underline;
}

#content a:visited {
	color: #333333;
	text-decoration: none;
}

#content a:hover {
	color:#333333;
	text-decoration:none;
}

#content a:active {
	color:#333333;
	text-decoration: none;
}	
	
#content-overig{
	float:left;
	width:340px;
	height:475px;
	margin-top: 20px;
	margin-left: 60px;
	padding-right: 345px;
	overflow: auto;
	}				
	
	
#content-fotoalbum{
	float:left;
	width:680px;
	height:600px;
	margin-top: 20px;
	margin-left: 60px;
	padding-right: 15px;
	overflow: auto;
	}	
	
#content-tarief{
	float:left;
	width:715px;
	height:530px;
	margin-top: 20px;
	margin-left: 40px;
	padding-right: 0px;
	overflow: auto;
	}		
	
#nieuws{
	float:left;
	width:120px;
	height:200px;
	margin-top: 10px;
	margin-right: 20px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-color: #004C9D;
	border-left-style: solid;
	}	
	
#weer{
	float:left;
	width:120px;
	height:265px;
	margin-top: 10px;
	margin-right: 20px;
	}				



#footer-1{
	width:700px;
	float:left;
	text-align:center;
	padding-left:300px;
	padding-top:5px;
	font-size:95%;
	color:#333333;
	padding-right: 100px;
}

#footer-1 a:link {
	color:#333333;
	text-decoration:none;
}

#footer-1 a:visited {
	color: #333333;
	text-decoration: none;
}

#footer-1 a:hover {
	color:#00cc00;
	text-decoration:none;
}

#footer-1 a:active {
	color:#333333;
	text-decoration: none;
}


#footer-2{
	width:700px;
	float:left;
	text-align:center;
	padding-left:300px;
	padding-top:5px;
	font-size:95%;
	color:#333333;
	padding-right: 100px;
}

#footer-2 a:link {
	color:#333333;
	text-decoration:none;
}

#footer-2 a:visited {
	color: #333333;
	text-decoration: none;
}

#footer-2 a:hover {
	color:#00cc00;
	text-decoration:none;
}

#footer-2 a:active {
	color:#333333;
	text-decoration: none;
}
	


h1{
font-size:110%;
font-weight:bold;
color:#FF0000;
}


h2{
font-size:110%;
font-weight:bold;
color:#FF0000;
}



p2{
font-size:100%;
font-weight:bold;
color:#FF0000;
}


a:link {
	color:#333333;
	text-decoration:none;
}

a:visited {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color:#00cc00;
	text-decoration:none;
}

a:active {
	color:#333333;
	text-decoration: none;
}



/*navigatiebalk*/

#Navigation {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 200px;
}
#Navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#Navigation li {
	display: block;
}

#Navigation ul li a  {
	color:#003300;
	display: block;
	text-decoration: none;
	font-size: 11px;
	font-weight:bold;
	height: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
	margin: 0px;
	padding-right: 10px;
}

#Navigation ul li a:hover,  #Navigation ul li  a.current {
	border-left-width:5px;
	border-left-style: solid;
	border-left-color: #8cdd5b;
	background-image:url(afbeeldingen/bloempje1.png);
	background-repeat: no-repeat;
	background-position: left;
	color:#ffffcc;
}




#Nav {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 175px;
}
#Nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#Nav li {
	display: block;
}

#Nav ul li a  {
	color:#FF0000;
	display: block;
	text-decoration:none;
	font-size: 12px;
	font-weight:bold;
	text-decoration:underline;
	height: 12px;
	border-left-width:5px;
	border-left-style: solid;
	border-left-color: #8cdd5b;
	background-image:url(afbeeldingen/bloempje1.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
	margin: 0px;
	padding-right: 10px;
}

#Nav ul li a:hover,  #Nav ul li  a.current {
	border-left-width:5px;
	border-left-style: solid;
	border-left-color: #8cdd5b;
	background-image:url(afbeeldingen/bloempje1.png);
	background-repeat: no-repeat;
	background-position: left;
	color:#ffffcc;
}




/*afbeelding roll-overs*/


ul#knop {
    list-style: none;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left:0px;
	width: 200px;
	height:150px;
}

ul#knop li {
    float: left;
}

ul#knop li a {
    display: block;
    width: 200px;
    height: 150px;
    background-image:url(afbeeldingen/kind.png);
    background-repeat: no-repeat;
	background-position: 0 0;
}

ul#knop li a:hover,  #Navigation ul li  a.current {
	display: block;
    width: 200px;
    height: 150px;
    background-image:url(afbeeldingen/kind2.png);
    background-repeat: no-repeat;
}

/*knop2*/

ul#knop2 {
    list-style: none;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 80px;
	margin-top: 0px;
	padding-left:5px;
	width: 450px;
	height:170px;
}

ul#knop2 li {
    float: left;
}
ul#knop2 li a {
    display: block;
    width: 445px;
    height: 170px;
    background-image:url(afbeeldingen/virtueletour.png);
    background-repeat: no-repeat;
	background-position:right;
}

ul#knop2 li a:hover,  #Navigation ul li  a.current {
	display: block;
    width: 445px;
    height: 170px;
    background-image:url(afbeeldingen/virtueletour2.png);
    background-repeat: no-repeat;
}