/***********************************************/
/* Stichting Zwembaden Zwartewaterland         */
/*                                             */
/* Copyright © ZWARTEWATERLAND-RTV             */
/*                                             */
/* Z-RTV                                       */
/* WAN 1 - HASSELT [OV]                        */
/* TEL: 038 355 7682                           */
/*                                             */
/* WWW.ZRTV.NL                                 */
/* INFO@ZRTV.NL                                */
/*                                             */
/***********************************************/



body {
	text-align: center;
	font-size: 10px;
	background-color: #0099cb;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	background-image: url(../images/stripes.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

h1 {
	font-size: 15px;
	font-weight: bolder;
}
h2 {
	font-size: 12px;
	font-weight: bold;
}
h3 {
	font-size: 12px;
	color: #ffffff; 
	padding-bottom: 0px;
	padding-left: 10px;
}
h4 {
	font-size: 10px;
	font-weight: bold;
	color: #005d80; /*blauw*/
}



#main {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background-color: #ffffff;
	height: 100%;
}

/**********************************/
/*********** MAIN DIVS ************/
/**********************************/


#top {
	width: 950px;
	height: 20px;
	text-align: left;
	background-color: #089cce;
	padding-top: 10px;
	padding-left: 10px;
}
#header {
	width: 960px;
	height: 100px;
	background-color: #ffffff;
}


#container /*szz*/{
	background-color: #ffffff;
	width: 960px;
	background-image: url(http://www.zwembadenzwartewaterland.nl/images/shadow.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	height: 100%;
}

#full /*hasselt*/{
	background-color: #ffffff;
	width: 960px;
	float: left;
	background-image: url(http://www.zwembadenzwartewaterland.nl/images/shadow.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}

#midden {
	width: 780px;
	height: 50px;
	background-color: #ffffff;
	background-image: url(http://www.zwembadenzwartewaterland.nl/images/midden.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
}

#midden-home {
	width: 960px;
	height: 50px;
	background-color: #ffffff;
	background-image: url(http://www.zwembadenzwartewaterland.nl/images/midden.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
}

#menu {
	background-color: #ffffff;
	width: 180px;
	float: left;
	height: 100%;
	padding-bottom: 10px;
}


#content {
	width: 680px;
	float: right;
	padding-top: 10px;
	padding-right: 50px;
	padding-left: 50px;
}

.img-r {
	float:right;
}


/***************content*******************/
#content-agenda {
	width: 680px;
}
#content-agenda table {
	width: 80%;
}
.tddatum{
	width: 15%;
	vertical-align: top;
	padding-top: 15px;
}
.tdomschrijving{
	width: 30%;
	vertical-align: top;
	font-weight: bolder;
	padding-top: 15px;
}
.tdoverig{
/*	width: 55%;
*/	vertical-align: top;
	padding-top: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #0099cd;
}
.tdoverig1{
	width: 45%;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 0px;
}
.tdoverig2{
	width: 45%;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
}
.tdoverig12{
	width: 20%;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 0px;
}
.tdoverig22{
	width: 70%;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
}
.tdoverigheel{
	width: 90%;
	vertical-align: top;
	padding-top: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #0099cd;
}
.tddag{
	width: 10%;
	vertical-align: top;
	font-weight: bolder;
	padding-top: 15px;
	text-align: left;
}
.tddoel1{
	width: 22%;
	vertical-align: top;
	text-align: left;
}
.tddoel2{
	width: 78%;
	vertical-align: top;
	text-align: left;
}
.tddagabc{
	width: 80%;
	vertical-align: top;
	font-weight: bolder;
	padding-top: 15px;
}
.tdoverigabc{
	width: 20%;
	vertical-align: top;
	padding-top: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #0099cd;
}

/**/
#content-submenu {
	width: 180px;
	float: right;
	margin-top: 20px;
	margin-left: 28px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #0099cd;
	border-left-color: #0099cd;
}
/**/

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#content-breed {
	width: 460px;
	float: left;
	padding-right: 10px;
	text-align: left;
}
#content-gblinks {
	width: 400px;
	float: left;
	padding-right: 20px;
	text-align: left;
}

#content-gb {
	width: 210px;
	float: right;
	padding-right: 20px;
	text-align: right;
	padding-top: 40px;
	background-color: #eeeeee;
	padding-bottom: 40px;
}

#content-breed img {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

#content-nieuws {
	width: 320px;
	float: left;
	padding-right: 20px;
	text-align: justify;
}

#content-foto {
	width: 320px;
	float: right;
	padding-left: 16px;
}
#foto-bijschrift {
	padding-top: 5px;
	width: 320px;
}
#foto-pagination {
	width: 320px;
	padding-top: 15px;
	padding-bottom: 10px;
}

#archief {
	width: 320px;
	margin-top: 20px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #0099cd;
	border-bottom-color: #0099cd;
	border-left-color: #0099cd;
}
li {
	list-style-position: outside;
	list-style-image: url(../images/pijl.gif);
}


/***************container home szz*******************/
#home1 {
	width: 280px;
	height: 100%;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #ffffff;
}
#home2 {
	width: 280px;
	height: 100%;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #ffffff;
}
#home3 {
	width: 280px;
	height: 100%;
	float: right;
	background-image: url(../images/shadow.jpg);
	background-repeat: repeat-y;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #ffffff;
	background-position: right top;
}

/**/
#home1-1 {
	height: 240px;
	width: 240px;
	padding-top: 10px;
	padding-right: 30px;
	padding-left: 10px;
	background-image: url(../images/bgstart1.gif);
	background-repeat: repeat-y;
	text-align: left;
}
#home2-1 {
	height: 240px;
	width: 270px;
	padding-top: 10px;
	padding-left: 10px;
	background-image: url(../images/bgstart1.gif);
	background-repeat: repeat-y;
}
#home3-1 {
	height: 240px;
	width: 270px;
	padding-top: 10px;
	padding-left: 10px;
	background-image: url(../images/bgstart1.gif);
	background-repeat: repeat-y;
}

#home1-1 img {
	border-style: none;
}
#home2-1 img {
	border-style: none;
	float: left;
	padding-right: 20px;
	padding-bottom: 0px;
}
#home3-1 img {
	border-style: none;
	float: left;
	padding-right: 20px;
	padding-bottom: 0px;
}

/**********************************/

.right{
	float: right;
}

.big{
	font-size: 10px;
	font-weight: bold;
}

.gastenboek{
	background-color: #E7E7E7;
	border: 1px solid #666666;
	margin-top: 10px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	width: 100%;
}

.medium{
	font-size: 14px;
	font-style: italic;
}
.small{
	font-size: 12px;
}

/*************** FOOTER *******************/

#footer {
	height: 100px;
	width: 100%;
	float: left;
	background-color: #0099cb;
	background-image: url(http://www.zwembadenzwartewaterland.nl/images/bottom.jpg);
	background-repeat: repeat-x;
}

#main-footer {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	color: #333333;
}

#footer-1 {
	height: 100px;
	width: 518px;
	float: left;
	background-image: url(http://www.zwembadenzwartewaterland.nl/images/footer-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer-2 {
	color: #0099cc;
	background-color: #ffffff;
	height: 20px;
	width: 432px;
	float: right;
	background-image: url(http://www.zwembadenzwartewaterland.nl/images/footer-2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 80px;
	text-align: left;
	padding-left: 10px;
}


/*********** FOOTER LINKS ***********/

#footer a:link {  	
	color: #0099cc;
	text-decoration: none;
}
#footer a:visited {
	color: #0099cc;
	text-decoration: none;
}
#footer a:hover {
	color: #ff9900; /*blauw*/
	text-decoration: none;
}



/**********************************/
/********** styles       **********/


hr {
	margin-top: 15px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*********** SPAN CLASS ************/

.dateblue {
	color: #0099cb; /*blue*/
	font-style: italic;
}

.dategrey {
	color: #cccccc; /*wit-grijs*/
	font-style: italic;
	float: right;
}
.witr {
	color: #666666; /*wit*/
	font-style: italic;
	text-align: right;
}


/***********************************/
/***************** LINKS ***********/
/***********************************/

a:link {
	color: #000066; /*blauw*/
	text-decoration: none;
}
a:visited {
	color: #000066; /*blauw*/
	text-decoration: none;
}
a:hover {
	color: #0099cb; /*donker grijs*/
	text-decoration: none;
}

/*********** TOP LINKS ***********/

a.top:link {  	
	color: #ffffff;
}
a.top:visited {
	color: #ffffff;
}
a.top:hover {
	color: #ff9900; /*oranje*/
	text-decoration: blink;
}



/*********** MENU ***********/

ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 180px; /*For KHTML*/
  list-style: none;
  z-index: 1;
  position: relative;
  float: left;
}

ul#navmenu-v:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-v li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu-v a {
  border: 1px solid #ffffff;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  padding: 0 6px;
  display: block;
  background: #ffffff;
  color: #000066;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
  background: #0099cb;
  color: #ffffff;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
	border-bottom-color: #cccccc;
	color: #ffffff;
	text-align: left;
	background-color: #0099cb;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
  background: #fe9900;
  color: #ffffff;
}


ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 180px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
  display: none;
}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
  display: block;
}

/*********** MENU DOELGROEPEN***********/

ul#navdoelgroepen,
ul#navdoelgroepen li,
ul#navdoelgroepen ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 180px;
	z-index: 1;
	position: relative;
	float: right;
}

ul#navdoelgroepen:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navdoelgroepen li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navdoelgroepen a {
  border: 1px solid #ffffff;
  border-bottom-color: #0099cd;
  padding: 0 6px;
  display: block;
  background: #ffffff;
  color: #000066;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navdoelgroepen a:hover,
ul#navdoelgroepen li:hover a,
ul#navdoelgroepen li.iehover a {
  background: #0099cb;
  color: #ffffff;
}

ul#navdoelgroepen ul,
ul#navdoelgroepen ul ul,
ul#navdoelgroepen ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 180px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navdoelgroepen li:hover ul ul,
ul#navdoelgroepen li:hover ul ul ul,
ul#navdoelgroepen li.iehover ul ul,
ul#navdoelgroepen li.iehover ul ul ul {
  display: none;
}

ul#navdoelgroepen li:hover ul,
ul#navdoelgroepen ul li:hover ul,
ul#navdoelgroepen ul ul li:hover ul,
ul#navdoelgroepen li.iehover ul,
ul#navdoelgroepen ul li.iehover ul,
ul#navdoelgroepen ul ul li.iehover ul {
  display: block;
}

/*********** PAGINATION ***********/


.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; 
font-size: 9px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #0099cb;
text-decoration: none; 
color: #000066;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #0099cb;
color: #ffffff;
background-color: #0099cb;
}

.pagination a.currentpage{
background-color: #0099cb;
color: #ffffff !important;
border-color: #0099cb;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #cccccc;
border-color: #cccccc;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

/* Speciaal voor organogram*/
#organogram{position:absolute; padding:0; margin:1.4em 0 0 0; font-size:87%; width: 60em; height: 40em; border-top:3px solid #a9966d;}
#organogram ul{position:absolute; top:15px; left:0; padding:0; margin:0;background-image:none;z-index:2; }
#organogram ul ul{padding:0;margin:0;list-style-type:none;}
#organogram ul li{padding:0;margin:0;}
#organogram a{position:absolute;display:block;padding:0.2em .2em .3em;width:13.5em;border:1px solid #a9966d;color:#000;background:#fff;font-weight:bold;text-align:center;text-decoration:none;}
#organogram a:hover{background-color:#d4cbb6;}
#organogram ul li img {display: none;}
#organogram ul li a.triple {height: 4.9em;}

#org-bestuur a{left:14.75em;top:0.2em;}
#org-managment a{left:29.6em;top:0.2em;}

#org-instructeurs a{left:0;top:16.3em;}
#org-dgvbeleid a{left:0;top:21.2em;}
#org-dgcv a{left:14.75em;top:16.3em;}
#org-dgcvbeleid a{left:14.75em;top:21.2em;}
#org-dglz a{left:29.6em;top:16.3em;}
#org-dglzbeleid a{left:29.6em;top:21.2em;}
#org-dgjmz a{left:44.4em;top:16.3em;}
#org-dgjmzbeleid a{left:44.4em;top:21.2em;}

#org-beleid a{left:14.75em;top:28.5em;}
#org-staf a{left:14.75em;top:31.6em;}
#org-fe a{left:29.6em;top:28.5em;}
#org-pp a{left:29.6em;top:31.6em;}

#org-di a{left:0.1em;top:40.9em;}
#org-sri a{left:44.1em;top:40.9em;}