body, html {
     margin: 0px;
     background: url('../../images/background.jpg');
     background-repeat: no-repeat;
     background-position: center top;
}

h1 {
	 font: 26px arial;
     color: #151514;
     margin: 8px 0 0 5px;
     text-decoration: none;
}

h2 {
	 font: 22px arial;
     color: #151514;
     margin: 8px 0 0 5px;
     text-decoration: none;
}

h3 {
	 font: 18px arial;
     color: #151514;
     margin: 0 0 8px 5px;
     text-decoration: none;
}

#welkom_inner ul {
     margin: 0 0 0 6px;
     float: left;
     padding: 0;
     display: inline;
	 width: 585px;
}
#welkom_inner ul li {
     width: 585px; 
     list-style: none;
     float: left;
}
#welkom_inner ul li a {
     float: left;
     font: 14px arial;
     color: #151514;
     margin: 0 0 0 5px;
     text-decoration: none;
}
#welkom_inner ul li a:hover {
     font: italic 14px arial;
}
#welkom_inner a {
     color: #000000;
     font: 14px arial;
}

li.last {
     height: 29px;
     overflow: hidden;
}



/* ####### Wrapper ######## */
#outer_wrapper {
     width: 939px;
     margin: 0 auto;
     height: 800px;
     background: transparent;
     position: relative;
}
#wrapper {
     position: relative;
     width: 939px;
     float: left;
     display: inline;
     background: transparent; 
}
 #wrapper div {
      float: left;
      display: inline;
 }
.no_border {
     float: left;
     border: 0;
}
.no_bordersponsors {
     border: 0;
}
.no_border_width {
     float: left;
     border: 0;
     margin-top: 10px;
}
.no_border_width_180 {
     float: left;
     border: 0;
     max-width: 180px;
	 margin-top: 10px;
}


.no_border_width_180_center {
     border: 0;
     margin-left: -1px;
     margin-top: 0px;
   	 width: 182px;
     margin-right: 10px;
     max-height: 60px;
}

/* ####### Header ####### */
#header {
     width: 939px; 
     height: 100px;
     background: url('../../images/header_background_heren.png');
}
#header a {
     border: 0;
     margin: 0;
     float: left;
}
.logo {
     margin: 3px 0 0 54px;
     float: left;
     border: 0;
}

#headerheren {
     width: 939px; 
     height: 100px;
     background: url('../../images/header_background_heren.png');
}
#headerheren a {
     border: 0;
     margin: 0;
     float: left;
}
#headerdames {
     width: 939px; 
     height: 100px;
     background: url('../../images/header_background_dames.png');
}
#headerdames a {
     border: 0;
     margin: 0;
     float: left;
}

#headerjeugd {
     width: 939px; 
     height: 100px;
     background: url('../../images/header_background_jeugd.png');
}
#headerjeugd a {
     border: 0;
     margin: 0;
     float: left;
}
#headeracademie {
     width: 939px; 
     height: 100px;
     background: url('../../images/header_background_academie.png');
}
#headeracademie a {
     border: 0;
     margin: 0;
     float: left;
}



/* ####### Voetbalspeler ####### */
.voetbal_speler1 {
     position: absolute;
     top: 9px;
     left: 640px;
     right: 0;
     bottom: 0;
     clear: both;
}





/* ####### Submenu ####### */
#submenu {
     width: 939px;
     height: 151px;
     background: url('../../images/submenu_background.png');
}
a.sub_a {
     float: left;
     width: 135px;
     text-align: right;
     margin: 5px 0 0 0;
     color: #ffffff;
     font: 16px arial; 
     text-decoration: none;
}
a.sub_a:hover {
     font: bold italic 16px arial;
}
a.selected {
     float: left;
     width: 135px;
     text-align: right;
     margin: 5px 0 0 0;
     color: #ffffff;
     font: bold italic 16px arial; 
     text-decoration: none;
}
.a_tip {
     border: 0; 
     margin: 1px 4px 0 0;
}




/* Submenu classes */
.sub1 {
     margin: 0 0 0 20px;
     width: 140px;
}
.sub_image {
     float: left;
     border: 0;
     margin: 25px 0 0 0;
}






/* ####### Content ####### */
#content {
     width: 939px;
}
#content_left {
     width: 196px;
}
#content_center {
     width: 471px;
}
#content_right {
     width: 272px;
}




/* ####### Menu ####### */
#menu {
     width: 196px;
}
#menu_inner {
     width: 196px;
     background: url('../../images/menu_background.png') repeat-y;
     overflow: hidden;
}
#menu ul {
     margin: 0 0 0 6px;
     float: left;
     padding: 0;
     display: inline;
     width: 185px;
}
#menu ul li {
     width: 185px; 
     list-style: none;
     float: left;
     height: 31px;
     background: url('../../images/menu_li_background.png');
}
#menu ul li a {
     float: left;
     font: 14px arial;
     color: #151514;
     margin: 8px 0 0 5px;
     text-decoration: none;
}
#menu ul li a:hover {
     font: italic 14px arial;
}
li.last {
     height: 29px;
     overflow: hidden;
}




/* ####### Xt div classes ####### */
#xt1 {
     width: 196px;
	 overflow: hidden;
}
#xt1_inner {
     width: 196px;
     background: url('../../images/xt1_background.png') repeat-y;
     height: 150px;
     overflow: hidden;
 	 padding-left: 9px;
}
.xt_spacer {
     width: 100%;
     height: 2px;
     overflow: hidden;
}






/* ####### Welkom content ####### */
#welkom_content {
	 position: relative;
     width: 471px;
     z-index: 3;
}
#welkom_content_index {
     width: 471px;
     height: 60px;
     background: url('../../images/welkom_header.png') repeat-y;
}
#welkom_content_academie {
     width: 471px;
     height: 60px;
     background: url('../../images/welkom_academie.png') repeat-y;
}
#welkom_content_jeugd {
     width: 471px;
     height: 60px;
     background: url('../../images/welkom_jeugd.png') repeat-y;
}
#welkom_content_mannen {
     width: 471px;
     height: 60px;
     background: url('../../images/welkom_mannen.png') repeat-y;
}
#welkom_content_vrouwen {
     width: 471px;
     height: 60px;
     background: url('../../images/welkom_vrouwen.png') repeat-y;
}


#welkom_inner a{
     font: 14px arial;
     color: #1b1a1a;
}
#welkom_inner {
     width: 465px;
     background: url('../../images/welkom_background.png') repeat-y;
     overflow: hidden;
     padding-left: 5px;
}

#welkom_leeg {
     width: 471px;
     overflow: hidden;
	 float: left;
     margin: 0;
     font: 14px arial;
     color: #1b1a1a;
}

#welkom_leegtekst {
     background: url('../../images/welkom_background.png') repeat-y;
}
#welkom_leeg p {
     float: left;
     margin: 0;
     padding-left: 8px;
     font: 14px arial;
     color: #1b1a1a;
     background: url('../../images/welkom_background.png') repeat-y;
}

#welkom_inner p {
     float: left;
     margin: 0 0 20px 7px;
     font: 14px arial;
     padding: 0;
     width: 450px;
     color: #1b1a1a;
}

#welkom_inner {
     font: 14px arial;
     color: #1b1a1a;
}
#nieuws_image {
	position: absolute;
	top: 10px;
	left: auto;
	right: 10px;
}
#nieuws_kop {
	width: 350px;
	float: left;
}
#sponsor_image {
	float: left
	width: 225px;
	margin-left: 16px;
}
#sponsor_kop {
	width: 250px;
	float: left;
}
#leeg_kop {
	background: url('../../images/welkom_leeg.png') no-repeat;
	width: 475px;
	height: 75px;
	float: left;
	z-index: 2;
}




/* ####### Headline's ####### */
#headline {
     width: 47.px;
}
#headline_background {
     width: 471px;
     min-height: 225px;
     background: url('../../images/headline_background.png') no-repeat;
	 background-color: #000;
}
#headline_background ul {
     float: left;
     margin: 0 0 5px 20px;
     padding: 0;
     display: inline;
}
#headline_background ul li {
     float: left;
     list-style: none;
     margin: 8px 0 0 0;
}
#headline_footer {
     width: 471px; 
     height: 47px;
     background: url('../../images/headline_footer.png');
	 background-color: #E5E5E5;
}
#headline_footer a {
     float: right;
     margin: 13px 20px 0 0;
     color: #ff0000;
     font: bold 13px arial;
     text-decoration: none;
}
#headline_footer a:hover {
     font: bold italic 13px arial;
}
.hl_spit {
     float: left;
     margin: 5px 2px 0 0;
     border: 0;
}
.li1 {
     width: 70px;
}
.li1 span {
     float: left;
     color: #ffffff;
     font: 14px arial;
}
.li2 {
     width: 375px;
}
.li2 a {
     float: left;
     color: #ff0000;
     font: 14px arial;
     text-decoration: none;
}



/* ####### Teams ####### */
#teams {
     width: 47.px;
}
#teams_background {
     width: 471px;
     height: 225px;
     background: url('../../images/welkom_background.png');
}
#teams_background ul {
     float: left;
     margin: 12px 0 0 20px;
     padding: 0;
     display: inline;
}
#teams_background ul li {
     float: left;
     list-style: none;
     margin: 8px 0 0 0;
}
#teams_footer {
     width: 471px; 
     height: 47px;
     background: url('../../images/headline_footer.png');
}
#teams_footer a {
     float: right;
     margin: 13px 20px 0 0;
     color: #ff0000;
     font: bold 13px arial;
     text-decoration: none;
}
#teams_footer a:hover {
     font: bold italic 13px arial;
}
.hl_spit {
     float: left;
     margin: 5px 2px 0 0;
     border: 0;
}
.li1 {
     width: 70px;
}
.li1 span {
     float: left;
     color: #ffffff;
     font: 14px arial;
}
.li2 {
     width: 375px;
}
.li2 a {
     float: left;
     color: #ff0000;
     font: 14px arial;
     text-decoration: none;
}




/* ####### Column ####### */
#column {
     width: 272px;
}
#column_inner {
     width: 272px;
     background: url('../../images/column_background.png') repeat-y;
     overflow: hidden;
}
#column_inner span {
     font: 18px arial;
     color: #ffffff;
     margin: 0 0 0 19px;
     width: 240px;
     float: left;
} 
#column_footer {
     width: 272px;
     height: 43px;
     background: url('../../images/column_footer.png');
}
#column_footer a {
     float: right;
     margin: 15px 20px 0 0;
     color: #ffffff;
     font: bold 13px arial;
     text-decoration: none;
}
#column_footer a:hover {
     font: bold italic 13px arial;
}
.cl_spit {
     float: left;
     margin: 5px 4px 0 0;
     border: 0;
}
#ie6_tripper {
     width: 268px;
}






/* ####### Weekbrief ####### */
#weekbrief {
     width: 272px;
}
#weekbrief_inner {
     width: 272px;
     background: url('../../images/weekbrief_background.png') repeat-y;
     overflow: hidden;
}
#weekbrief_inner ul {
     margin: 5px 0 0 23px;
     float: left;
     padding: 0;
     width: 230px;
     display: inline;
}
#weekbrief_inner ul li {
     float: left;
     list-style: none;
     margin: 0 0 10px 0;
}
span.wb1 {
     float: left;
     color: #ffffff;
     font: 12px arial;
}
span.wb2 {
     float: left;
     color: #ff0000;
     font: bold 12px arial;
     margin: 0;
}
span.wb3 {
     float: left;
     color: #ffffff;
     font: 12px arial;
     margin-left: 15px;
}
#weekbrief_footer {
     width: 272px;
     height: 60px;
     background: url('../../images/weekbrief_footer.png');
}
#weekbrief a {
     float: right;
     margin-top: 5px;
	 margin-right: 10px;
	 margin-bottom: 0px;
     color: #ffffff;
     font: bold 13px arial;
     text-decoration: none;
}
#weekbrief_footer a:hover {
     font: bold italic 13px arial;
}
.wb_split {
     float: left;
     margin: 3px 0 4px 0;
     border: 0;
}





/* ####### Extra vlak 2 ####### */
#xt2 {
     width: 275px;
}

#xt2 h3 {
     margin-top: 0px;
}

#xt2_inner {
     width: 275px;
     height: 410px;
     background: url('../../images/xt2_background.png') repeat-y;
     overflow: hidden;
     padding-left: 20px;
}

#xt2_inner ul {
     margin: 0 0 0 6px;
     float: left;
     padding: 0;
     display: inline;
     width: 185px;
}
#xt2_inner ul li {
     width: 185px; 
     list-style: none;
     float: left;
}
#xt2_inner ul li a {
     float: left;
     font: 12px arial;
     color: #151514;
     margin: 0 0 0 5px;
     text-decoration: none;
}
#xt2_inner ul li a:hover {
     font: italic 12px arial;
}







/* ####### Footer ####### */
#footer {
     width: 939px;
     height: 223px;
     background: url('../../images/footer_background.png') no-repeat;
}
div.footer_bg a {
     float: left;
     margin: 1px 0 0 1px;
}
div.footer_bg {
     width: 275px;
     height: 91px;
     background: url('../../images/sponsor_bg.png');
     margin: 75px 0 0 27px;
}

a.f1 {
     float: right;
     color: #ff0000; 
     font: bold 12px arial;
     text-decoration: none;
     margin: 18px 20px 0 0;
}
a.f1:hover {
     font: bold italic 12px arial;
}

#esweb {
    width: 939px;
	height: 25px;
	font: 14px arial;
    color: #151514;
    text-decoration: none;
    padding-top: 5px;
    text-align: right;
    margin-right: 100px;
}

#esweb a {
     font: 14px arial;
     color: #151514;
     text-decoration: none;
}

#esweb a:hover {
     font: bold italic 14px arial;
     color: #ff0000;
     text-decoration: none;
}

#esweb img {
	border: none;
}

/* ####### Special spacers ####### */
#special1 {
     width: 100%;
     height: 140px;
}
#special2 {
     width: 100%;
     height: 85px;
}



a.album { text-decoration: none; border: 0px none;}
a.album img { border: 0px none;  }

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink { background: url('../../images/prevlabel.gif') left 15% no-repeat; }
#nextLink { background: url('../../images/nextlabel.gif') right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }





#container { width:600px; margin:0px auto 0px; background:#FFFFFF; padding:10px; font-size:12px; }
#container h1 { font-size:24px; color:#FFFFFF; font-weight:normal; text-align:center; background:#333333; padding:10px; }
#container p { text-align:justify; padding:5px 10px 5px; margin:0px; }
#container p ol, #container p ul { margin:0px auto 0px; }
#container p.notes { color:#999999; font-size:10px; }


a.sessies {
	color: #000;
}

.albumsmall{ max-width: 150px; max-height: 150px; }

#afgelast_footer {
     width: 272px;
     height: 65px;
     background: url('../../images/afgelast_footer.png');
}

#sponsors_footer {
	background: url ('../../images/sponsor_bg.png');
	padding-left: 35px;
	padding-top: 85px;
	width: 750px;
}

table#sponsortabel {
	width: 900px;
}

table#sponsortabel td {
	width: 275px;
	margin-left: 50px;
	height: 91px;
	background: url('../../images/sponsor_bg.png');
}

h3.toggler {
	padding: 				0px 1px;
	border-bottom: 			1px solid #e1e1e1;
	cursor: 				pointer;
}

h3.toggler:hover,
h3.active {
	color: 					#f12220;
	background: 			#e1e1e1;
}

#stepstones {
	color: 					#000;
    font: 					10px arial;	
    margin-left:			10px;
}

#stepstones a {
	color: 					#000;
    font: 					10px arial;	
}