/* Elements */

/* Fonts - change 'sans-serif' to your preferred font */
ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT, FORM, H1, H2, H3, H4, H5, H6, MENU, OL, P, TD, TH, UL {font-size: 100%;
font-family: arial, helvetica, sans-serif}

/* Real styles */


a:link {
   color: #138;
}

a:visited {
   color: #39c;
}

a:active {
   color: #c44;
}

a:hover {
   color: #c44;
}

html, body, ul, li {margin: 0; padding: 0; border: 0;}

body {
   color: #000; 
   margin: 0px;
   background: white none;
   font-size: medium;
   height: 100%;
   text-align: center;
}

img {
   border: 0;
}

h1 {
   text-align: center;
   font-size: 200%;
   padding: 20px;
}
	
h2 {font-size: 120%;}
	
h3 {
font-size: 100%;
}

HR {margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #39c; /* for ie */
	background-color: #39c; /* for everyone else */
	height: 2px;
}

p {font-size: medium;
line-height: 120%;
}

ul { /* needs the Holly hack to avoid IE bugs */
	border: none;
	}

.nav li {
  list-style: none; /* kills the list item "bullet" markers */
  border-bottom: none; /* Makes side borders on flyouts */
  position: relative;
	vertical-align: bottom; /* for IE5/win */
	font-weight: bold;
	}

.nav a {
  display: block;
  vertical-align: bottom; /* needed for IE5/win */
	color: #39c;
	text-decoration: none;
	padding: 5px 10px;
	border: none;
	border-width: 0 1px; /* Makes side borders on flyouts */
	}

.nav a:hover {color: #c44; text-decoration: underline; background: #ffd2ed none;}
	

.menu {
  width: 194px;
	margin: 10px 0 0 20px;
	background: transparent none;
	position: absolute;
	top: 55px;
	right: 0px;
	line-height: 20px;
	z-index: 10;
   font-style: italic;
	}
   
.NB {
   color: red;
   background: transparent none;
   font-weight: bold;
   padding: 10px 0;
}

.nav div {
  width: 150px;
  position: absolute;  
	left: -3000px;
	}

/* \*/
.nav div {
  width: 230px;
  wid\th: 160px;
	}
/* Box model fix for IE5.x Win */

	
.menu div {
  padding: 30px 10px 30px 60px;
	}

.menu .nav div.zone {
  padding: 0;
  width: 150px;
	height: 10px;  
	left: -3000px;
	top: auto;
	bottom: -10px;
  font-size: 1px;
	}

.menu .nav li:hover div.zone {
	left: 0;
	}

.menu li:hover div div,
.menu div li:hover div div {
	left: -3000px;
	}



.menu li:hover div,
.menu div li:hover div {
  left: auto;
  right: 129px;
  top: -31px;
  }


.menugewoon {z-index: 9; background: transparent none; text-indent: 52px;}

#menugewoonici {z-index: 7; background: #ffd2ed none; text-indent: 52px;}

.menugewoon li {background-color: #dbb;}

.menuzwembad {z-index: 8; background: transparent none; text-indent: 53px;}

.menuzwembad li {z-index: 50; background-color: #eff; text-indent: 0px;}

#menuzwembadici {z-index: 8; background: #cde6f1 none; text-indent: 53px;}

#menuzwembadici li {z-index: 50; background-color: #eff; text-indent: 0px;}

menuzwembad .triangel {
   z-index: 51; 
   background: #e6e6f2 none; 
   text-indent: 0px; 
   border: 2px solid #39c; 
}

menuzwembad .angel {
   z-index: 52; 
   background: #e6e6f2 none; 
   text-indent: 0px; 
   border-bottom: 2px solid #39c; 
   border-right: 2px solid #39c; 
   border-left: 2px solid #39c;
}

.pijltje {
background: url(images/driehoekje.gif) transparent no-repeat 0 10%; 
}

.nav .triangel {
background: none transparent; 
border: 2px solid #39c; 
}

.nav .angel {
border-bottom: 2px solid #39c; 
border-right: 2px solid #39c; 
border-left: 2px solid #39c;
}

.nav ul a {background: #fce8f4 none; color: #39c; font-style: italic;}
	
.nav li li li li a {
color: #000;
}


/* \*/ /*/ 

.nav div, .nav ul ul .leftbox, .nav ul ul .rightbox { 
  position: relative;
	left: 5px;
	padding: 0;
	}

.nav .arrow, .nav .arrow-double {border-bottom: 1px solid #000;}

.zone {display: none;}

/* */



#inhoud {
   top: 0px;
   left: 0px;
   border-left: 70px solid #f09;
   border-right: 194px solid #fff;
   z-index: 1;
   background: none #ffd2ed;
   margin: 0;
   padding: 20px 30px 20px 30px;
   height: auto;
   min-height: 800px;
}

#inhouddisco {
   top: 0px;
   left: 0px;
   border-left: 70px solid #39c;
   border-right: 194px solid #fff;
   z-index: 1;
   background: none #cee7f2;
   margin: 0;
   padding: 20px 30px 20px 30px;
   height: auto;
   min-height: 800px;
   text-align: center;
}

#nummer {
   color: Red;
   font-weight: bold;
}

.pagina {
}

#linkerbalk {
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 2;
   width: 70px;
   background: #f09 none;
   height: 100%;
   padding-top: 20px;
	}

.stats {
   font-size: xx-small;
   text-align: right;
}

.discozwemmen {
   text-align: center;
   border: double 2px #138;
   padding-bottom: 20px;
   margin-bottom: 20px;
   width: 72%;
	 margin-left: auto;
	 margin-right: auto;
}

.peijnenburg {
   padding-top: 30px;
   padding-bottom: 40px;
}


.bijgewerkt {
   font-size: xx-small;
   text-align: right;
   position: absolute;
   right: 30px;
   margin-top: -20px;
   z-index: 100;
}

.marquee {
   color: #39c;
   font-weight: bold;
}

#logo {
   position: absolute;
   top: 0px;
   right: 0px;
   z-index: 5;
   background: transparent none;
   height: 100%;
   overflow: hidden;
	}

.sdpas {
   color: red;
   font-weight: bold;
   }

#tabelletje {
   margin-top: 20px;
   line-height: 150%
}

.tableopen {
   text-align: center;
}

.tabelkopje {
   font-weight: bold;
   vertical-align: top;
}

.zazo {
   background: #c0d8e2 none;
}

.zazofeestdag {
   background: #c0d8e2 none;
   color: red;
   font-weight: bold;
}

.feestdag {
   color: red;
   background: transparent none;
   font-weight: bold;
}

#inhoud ul { /* needs the Holly hack to avoid IE bugs */
	padding : 0 0 0 15px;
   list-style: disc;
	}

#inhoud ul li {
   vertical-align: top;
   }

#achternaam {
width: 260px;
}

#adres {
width: 260px;
}

#di-vr {
   background: transparent none;
   border: none;
   margin-left: 25px;
}

#email {
width: 260px;
}

fieldset {
border: 1px solid #39c;
width: 450px;
padding: 5px;
}

.foto {
font-size: smaller;
font-weight: bold;
font-style: italic;
}

.foto img {
   margin-right: 10px;
   margin-bottom: 10px;
}

input {
color: #268;
background: white;
border: 1px solid #39c;
}

.invullen {
margin-left: 170px;
font-size: smaller;
font-weight: bold;
font-style: italic;
}

#jongen {
   background: transparent none;
   border: none;
   margin-left: 25px;
}

#kennismaking {
   width: 260px;
}

label {
width: 160px;
float: left;
text-align: right;
margin-right: 10px;
display: block;
}

legend {
color: black;
font-weight: bold;
background: #9cf;
border: 1px solid #39c;
padding: 2px 6px
}

#ma-do {
   background: transparent none;
   border: none;
}

#meisje {
   background: transparent none;
   border: none;
}

#postcode {
width: 260px;
margin-right: 10px;
}

.submit input {
margin-left: 170px;
color: #000;
background: #9cf;
border: 2px outset #39c;
font-weight: bold;
}

#telefoon {
width: 260px;
}

.tekst {
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 1,2em;
}

ul {
   list-style: none;
   padding: 0;
   margin: 10px 0px 10px 0px;
}

#voornaam {
width: 260px;
}

#woonplaats {
width: 260px;
}