/* CSS Document */

body {
margin: 0; padding: 0; /* Need to set body margin and padding to get consistency between browsers. */
text-align: center; /* Hack for IE5/Win */
font: 12px/18px Arial, Verdana, Helvetica, Freesans, sans-serif;
color: #232d7d;
background: #fff;
}

/* Hidden elements */
#logo h1, #logo h2, #logo h3, #leftbottom1 h2, #leftbottom1 h3, #righttop1 h2, #righttop1 p, #righttop1 ul li {
position: absolute;
overflow: hidden;
clip: rect(0,0,0,0);
height: 0;
}

/* intro page */
div#container {
position: absolute;
overflow: hidden;
left: 50%;
top: 50%;
margin-left: -480px;
margin-top:-291px;
width: 960px;
height: 582px;
text-align:left; /* Counteract to IE5/Win Hack */
padding: 0;
background: #fff;
}

/* logo */
#logo {
position: absolute;
left: 30px;
top: 0;
width: 280px;
height: 110px;
margin: 0;
padding: 0;
/* z-index: 300; */
z-index: 5;
background: transparent url(../img/logoeus.gif) top left no-repeat;  
}

/* main menu */
#menumain {
position: absolute;
left: 60px;
top: 110px;
width: 840px;
height: 36px;
margin: 0;
padding: 0;
/* z-index: 999; */
z-index: 14;
}
#menumain ul#menu1 {
width: 840px;
height: 36px;
background: transparent url(../img/nav/menumain.gif) top left no-repeat;
margin: 0;
padding: 0;
position: relative;
}
#menumain ul#menu1 li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}
ul#menu1 li, ul#menu1 a {
height: 36px;
display: block;
}
#menumain ul#menu1 li a {
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
}
.events1 {left: 0; width: 91px;}
.events1 a:hover {background: transparent url(../img/nav/menumain.gif) 0 -36px no-repeat;}  
body#events .events1 {background: transparent url(../img/nav/menumain.gif) 0 -36px no-repeat;}  
body#events01 .events1 {background: transparent url(../img/nav/menumain.gif) 0 -36px no-repeat;}  
body#events02 .events1 {background: transparent url(../img/nav/menumain.gif) 0 -36px no-repeat;}  
body#events03 .events1 {background: transparent url(../img/nav/menumain.gif) 0 -36px no-repeat;}  
body#events04 .events1 {background: transparent url(../img/nav/menumain.gif) 0 -36px no-repeat;}  
body#events05 .events1 {background: transparent url(../img/nav/menumain.gif) 0 -36px no-repeat;}  
body#events06 .events1 {background: transparent url(../img/nav/menumain.gif) 0 -36px no-repeat;}  
body#events07 .events1 {background: transparent url(../img/nav/menumain.gif) 0 -36px no-repeat;}  
body#events08 .events1 {background: transparent url(../img/nav/menumain.gif) 0 -36px no-repeat;}  
body#events09 .events1 {background: transparent url(../img/nav/menumain.gif) 0 -36px no-repeat;}  
.team1 {left: 91px; width: 94px;}
.team1 a:hover {background: transparent url(../img/nav/menumain.gif) -91px -36px no-repeat;}  
body#team .team1 {background: transparent url(../img/nav/menumain.gif) -91px -36px no-repeat;}  
.schepen1 {left: 185px; width: 127px;}
.schepen1 a:hover {background: transparent url(../img/nav/menumain.gif) -185px -36px no-repeat;}  
body#schepen .schepen1 {background: transparent url(../img/nav/menumain.gif) -185px -36px no-repeat;}  
.impressie1 {left: 312px; width: 144px;}
.impressie1 a:hover {background: transparent url(../img/nav/menumain.gif) -312px -36px no-repeat;}  
body#impressie .impressie1 {background: transparent url(../img/nav/menumain.gif) -312px -36px no-repeat;}  
.wedstrijden1 {left: 456px; width: 169px;}
.wedstrijden1 a:hover {background: transparent url(../img/nav/menumain.gif) -456px -36px no-repeat;}  
body#wedstrijden .wedstrijden1 {background: transparent url(../img/nav/menumain.gif) -456px -36px no-repeat;}  
.offerte1 {left: 625px; width: 113px;}
.offerte1 a:hover {background: transparent url(../img/nav/menumain.gif) -625px -36px no-repeat;}  
body#offerte .offerte1 {background: transparent url(../img/nav/menumain.gif) -625px -36px no-repeat;}  
.contact1 {left: 738px; width: 102px;}
.contact1 a:hover {background: transparent url(../img/nav/menumain.gif) -738px -36px no-repeat;}  
body#contact .contact1 {background: transparent url(../img/nav/menumain.gif) -738px -36px no-repeat;}  

/* homepage */
#homelogosail {
position: absolute;
left: 310px;
top: 0;
width: 70px;
height: 110px;
margin: 0;
padding: 0;
/* z-index: 50; */
z-index: 1;
background: transparent url(../img/home/logozeil.gif) top left no-repeat;
}
#homevideo {
position: absolute;
left: 755px;
top: -30px;
width: 205px;
height: 110px;
margin: 0;
padding: 0;
/* z-index: 502; */
z-index: 9;
}
#homemask {
position: absolute;
left: 30px;
top: 110px;
width: 900px;
height: 352px;
margin: 0;
padding: 0;
/* z-index: 499; */
z-index: 8;
}
#homefoto {
position: absolute;
left: 50px;
top: 146px;
width: 860px;
height: 310px;
margin: 0;
padding: 0;
/* z-index: 101; */
z-index: 2;
}
#homepleziergarantiekeurmerk {
position: absolute;
left: 804px;
top: 456px;
width: 126px;
height: 126px;
margin: 0;
padding: 0;
/* z-index: 503; */
z-index: 10;
background: transparent url(../img/home/plezierkeurmerk.gif) top left no-repeat;
}
#hometxt {
position: absolute;
left: 66px;
top: 460px;
width: 710px;
height: 300px;
margin: 0;
padding: 0;
overflow: hidden;
/* z-index: 510; */
z-index: 11;
}

#hometxtsm {
position: absolute;
left: 66px;
top: 460px;
width: 710px;
height: 1400px;
margin: 0;
padding: 0;
overflow: hidden;
/* z-index: 510; */
z-index: 11;
}

/* kop */
#kop {
position: absolute;
left: 310px;
top: 0;
width: 445px;
height: 110px;
margin: 0;
padding: 0;
/* z-index: 401; */
z-index: 7;
}
/* txtvlak contact */
#contacttxt {
position: absolute;
left: 66px;
top: 150px;
width: 840px;
height: 400px;
margin: 0;
padding: 0;
/* z-index: 499; */
z-index: 8;
}
/* txtvlak wedstrijden */
#strijdtxt {
position: absolute;
left: 66px;
top: 366px;
width: 840px;
height: 220px;
margin: 0;
padding: 0;
/* z-index: 499; */
z-index: 8;
}
/* wedstrijden */
#strijdmask {
position: absolute;
left: 30px;
top: 142px;
width: 900px;
height: 260px;
margin: 0;
padding: 0;
/* z-index: 499; */
z-index: 8;
}
#strijdfoto {
position: absolute;
left: 30px;
top: 142px;
width: 725px;
height: 260px;
margin: 0;
padding: 0;
/* z-index: 101; */
z-index: 2;
}
/* impressie */
#player {
position: absolute;
left: 620px;
top: 150px;
width: 277px;
height: 220px;
margin: 0;
padding: 0;
/* z-index: 499; */
z-index: 8;
}
#impressiemask {
position: absolute;
left: 30px;
top: 148px;
width: 586px;
height: 220px;
overflow: hidden;
margin: 0;
padding: 0;
border: 0;
/* z-index: 499; */
z-index: 8;
}
#impressiemaskmini {
position: absolute;
left: 44px;
top: 380px;
width: 586px;
height: 200px;
margin: 0;
padding: 0;
/* z-index: 499; */
z-index: 8;
}
#impressiefoto {
position: absolute;
left: 30px;
top: 128px;
width: 586px;
height: 220px;
overflow: hidden;
margin: 0;
padding: 0;
/* z-index: 101; */
z-index: 2;
}
#impressiefotomini1 {
position: absolute;
left: 48px;
top: 386px;
width: 866px;
height: 64px;
margin: 0;
padding: 0;
/* z-index: 101; */
z-index: 2;
}
#impressiefotomini2 {
position: absolute;
left: 50px;
top: 450px;
width: 866px;
height: 64px;
margin: 0;
padding: 0;
/* z-index: 101; */
z-index: 2;
}
#impressiefotomini3 {
position: absolute;
left: 50px;
top: 504px;
width: 866px;
height: 64px;
margin: 0;
padding: 0;
/* z-index: 101; */
z-index: 2;
}
/* Schepen */

#schepenmask {
position: absolute;
left: 30px;
top: 148px;
width: 586px;
height: 210px;
overflow: hidden;
margin: 0;
padding: 0;
border: 0;
/* z-index: 499; */
z-index: 8;
}
#schepenfoto {
position: absolute;
left: 30px;
top: 148px;
width: 586px;
height: 210px;
overflow: hidden;
margin: 0;
padding: 0;
/* z-index: 101; */
z-index: 2;
}
#schepentekst00 {
position: absolute;
left: 620px;
top: 150px;
width: 295px;
height: 420px;
margin: 0;
border: 0;
padding: 0;
/* z-index: 499; */
z-index: 8;
}
#schepentekst01 {
position: absolute;
left: 50px;
top: 352px;
width: 550px;
height: 60px;
margin: 0;
padding: 0;
border: 0;
visibility: visible;
/* z-index: 1400; */
z-index: 15;
}
/* SCHEPEN fotominimenu */
#schepenmenu {
position: absolute;
left: 50px;
top: 428px;
width: 550px;
height: 141px;
margin: 0;
padding: 0;
/* z-index: 666; */
z-index: 12;
}
/* team foto mini menu containers */
#teammask {
position: absolute;
left: 30px;
top: 148px;
width: 586px;
height: 220px;
overflow: hidden;
margin: 0;
padding: 0;
border: 0;
/* z-index: 499; */
z-index: 8;
}
#teammaskmini {
position: absolute;
left: 44px;
top: 430px;
width: 586px;
height: 150px;
margin: 0;
padding: 0;
/* z-index: 499; */
z-index: 8;
}
#teamfoto {
position: absolute;
left: 30px;
top: 148px;
width: 586px;
height: 220px;
overflow: hidden;
margin: 0;
padding: 0;
/* z-index: 101; */
z-index: 2;
}
#teamfotomini1 {
position: absolute;
left: 48px;
top: 366px;
width: 866px;
height: 64px;
margin: 0;
padding: 0;
/* z-index: 101; */
z-index: 2;
}

#teamfotomini2 {
position: absolute;
left: 50px;
top: 430px;
width: 866px;
height: 64px;
margin: 0;
padding: 0;
/* z-index: 101; */
z-index: 2;
}
#teamfotomini3 {
position: absolute;
left: 50px;
top: 494px;
width: 866px;
height: 64px;
margin: 0;
padding: 0;
/* z-index: 101; */
z-index: 2;
}
#teamtekst00 {
position: absolute;
left: 614px;
top: 150px;
width: 266px;
height: 220px;
margin: 0;
padding: 0;
/* z-index: 499; */
z-index: 588;

}
#teamtekstleeg {
position: absolute;
left: 50px;
top: 352px;
width: 850px;
height: 60px;
margin: 0;
padding: 0;
border: 0;
visibility: visible;
/* z-index: 1400; */
z-index: 15;
}
#teamtekst01, #teamtekst02, #teamtekst03, #teamtekst04, #teamtekst05, #teamtekst06, #teamtekst07, #teamtekst08, #teamtekst09, #teamtekst10, #teamtekst11, #teamtekst12 
{
position: absolute;
left: 50px;
top: 352px;
width: 850px;
height: 60px;
border: 0;
margin: 0;
padding: 0;
visibility: hidden;
background: #fff;
/* z-index: 1499; */
z-index: 16;
}
/* impressie foto mini menu containers */
#fotominimenu1 {
position: absolute;
left: 50px;
top: 386px;
width: 866px;
height: 64px;
margin: 0;
padding: 0;
/* z-index: 666; */
z-index: 12;
}
#fotominimenu2 {
position: absolute;
left: 50px;
top: 450px;
width: 866px;
height: 64px;
margin: 0;
padding: 0;
/* z-index: 666; */
z-index: 12;
}
#fotominimenu3 {
position: absolute;
left: 50px;
top: 514px;
width: 866px;
height: 64px;
margin: 0;
padding: 0;
/* z-index: 666; */
z-index: 12;
}
/* TEAM fotominimenu */
#fotominimenu4 {
position: absolute;
left: 50px;
top: 432px;
width: 866px;
height: 64px;
margin: 0;
padding: 0;
/* z-index: 666; */
z-index: 12;
}
#fotominimenu5 {
position: absolute;
left: 50px;
top: 504px;
width: 866px;
height: 64px;
margin: 0;
padding: 0;
/* z-index: 666; */
z-index: 12;
}
/* events */
#eventsmask {
position: absolute;
left: 30px;
top: 142px;
width: 725px;
height: 260px;
margin: 0;
padding: 0;
/* z-index: 400; */
z-index: 6;
}
#eventsfoto {
position: absolute;
left: 30px;
top: 142px;
width: 725px;
height: 260px;
margin: 0;
padding: 0;
/* z-index: 101; */
z-index: 2;
}
#eventskop {
position: absolute;
left: 310px;
top: 0;
width: 445px;
height: 110px;
margin: 0;
padding: 0;
/* z-index: 201; */
z-index: 4;
background: transparent url(../img/events/kopevents.gif) top left no-repeat;
}
#eventstxt {
position: absolute;
left: 66px;
top: 365px;
width: 670px;
height: 175px;
margin: 0;
padding: 0;
background: transparent;
overflow: hidden;
/* z-index: 510; */
z-index: 11;
}

.linkerkolom {
float: left;
width: 200px;
margin: 0;
padding: 0;
border: 0px solid #FFF;
border-width: 6px 1px 0 1px;
}
.linkerkolomschepen {
float: left;
width: 116px;
margin: 0;
padding: 0;
border: 0px solid #fff;
border-width: 0 1px 0 0;
}
.linkerkolomschepen2 {
float: left;
width: 136px;
margin: 0;
padding: 0;
border: 0px solid #fff;
border-width: 0 1px 0 0;
}
.linkerkolomschepen3 {
float: left;
width: 170px;
margin: 0;
padding: 0;
border: 0px solid #fff;
border-width: 0 1px 0 0;
}
/* events menu rechts */
#menurechtsevents { 
position: absolute; 
left: 755px; 
top: 147px; 
width: 150px; 
height: 426px; 
margin: 0; 
padding: 0; 
border: 0; 
}
#menurechtsevents ul#menu2 { 
width: 150px; 
height: 426px; 
background: transparent url(../img/nav/menurechtsevents.gif) top left no-repeat; 
margin: 0; 
padding: 0; 
position: relative; 
}
#menurechtsevents ul#menu2 li { 
margin: 0; 
padding: 0; 
list-style: none; 
position: absolute; 
left: 0; 
}
ul#menu2 li, ul#menu2 a { height: 71px; 
display: block; 
}
#menurechtsevents ul#menu2 li a { text-indent: -9999px; 
overflow: hidden; 
text-decoration: none; 
}
.fierljeppen {top: 0; width: 150px; }
.fierljeppen a:hover {background: transparent url(../img/nav/menurechtsevents.gif) -170px 0 no-repeat;}
body#events01 .fierljeppen {background: transparent url(../img/nav/menurechtsevents.gif) -170px 0 no-repeat;}
.waterski {top: 71px; width: 150px; }
.waterski a:hover {background: transparent url(../img/nav/menurechtsevents.gif) -170px -71px no-repeat;}
body#events02 .waterski {background: transparent url(../img/nav/menurechtsevents.gif) -170px -71px no-repeat;}
.valkzeilen {top: 142px; width: 150px; }
.valkzeilen a:hover {background: transparent url(../img/nav/menurechtsevents.gif) -170px -142px no-repeat;}
body#events03 .valkzeilen {background: transparent url(../img/nav/menurechtsevents.gif) -170px -142px no-repeat;}
.museum {top: 213px; width: 150px; }
.museum a:hover {background: transparent url(../img/nav/menurechtsevents.gif) -170px -213px no-repeat;}
body#events04 .museum {background: transparent url(../img/nav/menurechtsevents.gif) -170px -213px no-repeat;}
.fietstocht {top: 284px; width: 150px; }
.fietstocht a:hover {background: transparent url(../img/nav/menurechtsevents.gif) -170px -284px no-repeat;}
body#events05 .fietstocht {background: transparent url(../img/nav/menurechtsevents.gif) -170px -284px no-repeat;}
.boerengolf {top: 355px; width: 150px; }
.boerengolf a:hover {background: transparent url(../img/nav/menurechtsevents.gif) -170px -355px no-repeat;}
body#events06 .boerengolf {background: transparent url(../img/nav/menurechtsevents.gif) -170px -355px no-repeat;}

/* events menu onder */
#menuonderevents {
position: absolute;
left: 60px;
top: 544px;
width: 675px;
height: 24px;
margin: 0;
padding: 0;
background: transparent;
/* z-index: 888; */
z-index: 13;
}
#menuonderevents ul#menu3 {
width: 675px;
height: 24px;
background: transparent url(../img/nav/menuonderevents.gif) top left no-repeat;
margin: 0;
padding: 0;
position: relative;
}
#menuonderevents ul#menu3 li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}
ul#menu3 li, ul#menu3 a {
height: 24px;
display: block;
}
#menuonderevents ul#menu3 li a {
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
}
.dagprogramma {left: 0; width: 238px;}
.dagprogramma a:hover {background: transparent url(../img/nav/menuonderevents.gif) 0 -24px no-repeat;}  
body#events07 .dagprogramma {background: transparent url(../img/nav/menuonderevents.gif) 0 -24px no-repeat;}  
.vaargebied {left: 238px; width: 215px;}
.vaargebied a:hover {background: transparent url(../img/nav/menuonderevents.gif) -238px -24px no-repeat;}  
body#events08 .vaargebied {background: transparent url(../img/nav/menuonderevents.gif) -238px -24px no-repeat;}  
.referenties {left: 453px; width: 222px;}
.referenties a:hover {background: transparent url(../img/nav/menuonderevents.gif) -453px -24px no-repeat;}  
body#events09 .referenties {background: transparent url(../img/nav/menuonderevents.gif) -453px -24px no-repeat;}  

/* transparantie png */
#trans          {
behavior: url(/css/png-opacity.htc);
}




/* text appearance */

p {
	font-weight: 200;
	line-height: 1.6em;
	margin: 8px 0 8px 0;
}
p strong {
color: #be0f23;
}

h1 {
font-weight: bold;
font-size: 145%;
line-height : 170%;
color: #be0f23;
margin: 0;
}

h2 {
font-weight: bold;
font-size: 140%;
line-height : 140%;
color: #be0f23;
margin: 0;
}
h3 {
font-weight: bold;
font-size: 120%;
line-height : 110%;
color: #be0f23;
margin: 0;
}
ul li {
font-weight: 200;
line-height: 1.6em;
margin: 0 0 6px -18px;
}
ul li.schip {
font-weight: 200;
line-height: 1.5em;
margin: 0 0 0 -18px;
padding: 0;
color: #CC0000;
}
ol {
line-height: 1.2em;
list-style-type: none;
margin: 0;
padding: 0;
}
ol li {
list-style-type: none;
font: 90% Arial, Verdana, Helvetica, Freesans, sans-serif;
margin: 0;
padding: 0;
}
/* Link specs */

a:link {
font-weight : bold;
text-decoration: underline;
color: #be0f23;
}

a:hover {
font-weight : bold;
text-decoration: underline;
color: #f68037;
}

a:active {
font-weight : bold;
text-decoration: underline;
color: #be0f23;
}
a:visited {
text-decoration: underline;
color: #be0f23;
}
a.aan {
font-weight : bold;
text-decoration : none;
color: #f68037;
}
a:visited.aan {
font-weight : bold;
text-decoration : none;
color: #f68037;
}
/*  TABLE specs FORMULIEREN*/
table#forms
{
background: #FFF;
margin: 0 10px 0 10px;
padding: 8px;
height: 372px;
width: 830px;
border: 1px dotted #C2C2C2;
}
table#forms td
{
padding: 2px 4px 0 4px;
}
table#forms td.stip
{
background: #FFF url(../img/nav/stipjes_horizontaal.gif) bottom left repeat-x;
}
table#forms td p {
  margin: 0 2px 2px 2px;
}
div#formulier
{
position: absolute;
left: 230px;
top: 290px;
margin: 0;
padding: 1px 0 0 20px;
height: 240px;
width: 200px;
font: normal 10px/16px Arial, Verdana, Helvetica, Freesans, sans-serif;
color: #B5B3B1;
/* z-index: 110; */
z-index: 3;
}
table#wedstrijd
{
margin: 0 10px 0 10px;
padding: 2px 8px 2px 8px;
width: 830px;
border: 0;
}
table#wedstrijd td
{
padding: 2px 4px 0 4px;
}

table#wedstrijd td p {
  margin: 0 2px 2px 2px;
}
table#wedstrijd ul li {
font-weight: 200;
line-height: 1.4em;
margin: 0 0 6px -18px;
}

INPUT               {border: 0px solid #C2C2C2; border-width: 1px 1px 1px 1px; color: #2A1D49; font-family: Arial, Verdana, Helvetica, Freesans, sans-serif; font-size: 8pt;}
TEXTAREA            {border: 1px solid #C2C2C2; color: #2A1D49; font-family: Arial, Verdana, Helvetica, Freesans, sans-serif; font-size: 8pt;}
SELECT              {border: 1px solid #C2C2C2; color: #2A1D49; font-family: Arial, Verdana, Helvetica, Freesans, sans-serif; font-size: 10px; padding: 0; margin: 0;}

.radio              {border: 0; color: #DF002C; background: #FFF;}
.verzendbutt        {border: 0; background: transparent url(../img/nav/versturen.gif) bottom left no-repeat; color: #FFF; font: bold 11px/16px verdana, lucida, sans-serif; padding: 10px 10px 10px 320px; width: 500px;}
.offerte            {border: 0; background: transparent url(../img/nav/stuur.gif) bottom left no-repeat; color: #FFF; font: bold 11px/16px verdana, lucida, sans-serif; padding: 10px 10px 10px 180px; width: 300px;}

/*ACCES specs*/
.access{
display: none;
}

/* CSS combobox */

body#seo .events1 {}  
body#seo .referenties {}

#e_menu {
	font-family: Arial;
	margin-top: 80px;
	float: right;
	font-family: 10px;
	margin-right: 60px;
}

#comboboxlinks {
	position: absolute;
	top: 11px;
	left: 7px;
	z-index: 17;
}

#comboboxlinkslist {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	margin: 14px 0 0 -1px;
	padding: 0;
	z-index: 17;
}

ul.comboboxlinks {
	position: relative;
	margin: 0;
	padding: 0;
	width: 174px;
	display: block;
	border: 1px solid #ccc;
	text-indent: 3px;
	z-index: 17;
}

ul.comboboxlinks li {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-family: 10px;
	line-height: 14px;
	list-style-type: none;
	background-color: #fff;
	color: #000;
}

ul.comboboxlinks li ul {
	left: 0;
	margin: 0;
	padding: 0;
	width: 174px;
	border: 1px solid #ccc;
	display: block;
}

ul.comboboxlinks a.combox-btn {
	position: relative;
	width: 16px;
	height: 14px;
	margin: -14px 0 0 0;
	background: #ccc url(/img/combobox.gif);
	text-decoration: none;
	font-size: 1px;
	line-height: 1px;
	display: inline;
	float: right;
	cursor: default;
	z-index: 17;
}

ul.comboboxlinks a.combox-btn:hover {
	background: #ccc url(/img/combobox-hoover.gif);
}

ul.comboboxlinks li ul li a {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-family: 10px;
	text-decoration: none;
	color: #000;
	display: block;
	width: 100%;
	cursor: default;
}

ul.comboboxlinks li ul li a:hover {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-family: 10px;
	background-color: #0A246A;
	color: #fff;
}