html { height:100%; min-height:100%; margin-bottom:1px }
body { height:100% }
body { font:small Verdana; margin:0; padding:0;  background:#c0c0c0 }
div#header { height:120px; background:#c0c0c0 url(../gfx/fotobalk6.jpg) no-repeat; background-position:center bottom }
div#header.foto2 { background-image:url(../gfx/fotobalk2.jpg) }
div#header.foto3 { background-image:url(../gfx/fotobalk3.jpg) }
div#header.foto4 { background-image:url(../gfx/fotobalk4.jpg) }
div#header.foto5 { background-image:url(../gfx/fotobalk5.jpg) }
div#header.foto6 { background-image:url(../gfx/fotobalk6.jpg) }
div#header.foto7 { background-image:url(../gfx/fotobalk7.jpg) }
div#header.foto8 { background-image:url(../gfx/fotobalk8.jpg) }
div#wrapper { width:980px; min-width:980px; margin:0 auto; position:relative; background:#c0c0c0 url(../gfx/bgpage.gif) repeat-y;  }
div#page { padding:0 0px 30px 180px; background-image:url(../gfx/homosport_wm.gif); background-repeat:no-repeat; background-position:bottom; min-height:630px  }

/* homepage */
body#index div#header { background-image:url(../gfx/fotobalk1.jpg) }
body#index div#wrapper { background-image: url(../gfx/bgblack.gif) }
body#index div#page { background:black url(../gfx/homebg.jpg) no-repeat; background-position:180px 0;  }
body#index div#text { padding:100px 500px 0 0; margin-right:0 }
body#index h1 { font-size:100%; color:#e2007a; margin:0 25px 2px} 
body#index div#text p { color:#bfbfbf }
body#index div.nieuws { position:absolute; left:511px; top:108px; width:255px; background-image:url(../gfx/nieuws.png) }
body#index div.nieuws h1 { color:white; background:#e2007a; font-size:15px; letter-spacing:13px; padding:8px 14px; margin:0 0 15px }
body#index div.nieuws h2 { margin:0 14px 8px; color:white }
body#index div#text div.nieuws p  { margin:0 14px 15px; color:white }
div.intro { display:none }
body#index div.intro { position:absolute; background:black url(../gfx/intro.jpg) no-repeat; width:800px; height:660px; left:180px; top:0px; z-index:10; display:none }
div#webetui_body div.intro { display:none }
body#index div.intro img { display:block; position:absolute; left:147px; top:229px }
body#index div#text a { text-decoration:none; font-style:italic }

div#text { padding-top:100px; margin-right:180px }

h1 { color:#707172; font-size:125%; margin:0 25px 10px }
h2 { color:#e2007a; font-size:95%; margin:0 25px 4px; }
h3 { color:#78767b; font-size:85%; margin:0 25px 2px }
h4 { color:#78767b; font-size:70%; margin:0 25px }
h5 { color:#78767b; font-size:85%; margin:10px 25px 5px }
p, ul  { color:#565459; font-size:90%; margin:0 25px 1.5em; line-height:1.5em }
li ul { font-size:100%; margin:0 }
p strong { color:#777 }
hr { margin: 25px; color:white; border:0;  border-bottom:1px solid #e2007a }
div.quote p { font:small Comic Sans MS; font-style:italic; margin-bottom:0.5em }

table { margin:10px 25px 20px; border-top:1px solid #e2007a; border-left:1px solid #e2007a; font-size:85% }
td,th    { background:#fdedf6; text-align:left; color:#464449; padding:4px 12px; border-bottom:1px solid #e2007a; border-right:1px solid #e2007a }

div.clean table { border:0;}
div.clean td, th { background:none; border:0; padding:4px 24px 4px 0;}

div#text ul { padding:0 }
div#text li { padding:0 0 0 11px; margin-bottom:12px; list-style-type:none; background-image:url(../gfx/bullet.gif); background-repeat:no-repeat; background-position:2px 6px }
div#text a { color:#e2007a; }
div#text a:hover { text-decoration:underline }

div#menu_top   { width:980px; background:#e2007a; margin:0 auto; height:21px; font-size:12px }
div#menu_top ul { padding:2px 0 0 30px; margin:0 }
div#menu_top li { list-style-type:none; display:inline }
div#menu_top a  { color:white; text-decoration:none; font-size:100%; padding:0 6px; border-left:1px solid white }
div#menu_top a#index { border:0 }

div.kolom h2.doelgroep { color:white; font-weight:bold; width:77px; background-repeat:no-repeat; cursor:pointer; line-height:16px; font-size:13px; margin:8px 0 60px; position:relative; z-index:100  }
div.kolom h2.doelgroep strong { font-size:15px; color:#e2007a; text-transform:uppercase }
div#kolom_links h2.doelgroep { padding:0 40px 0 62px; text-align:right; background-image:url(../gfx/sporter_pijl.gif); background-position:right 5px;  }
div#kolom_links h2.doelgroep:hover, div#kolom_links h2.selected, body#sporters h2.doelgroep { background-position:right -31px }
body#index div#kolom_links h2.doelgroep:hover, body#index div#kolom_links h2.selected { background-position:right -69px }
div#kolom_rechts h2.doelgroep { padding:0 0 0 40px; background-image:url(../gfx/professional_pijl.gif); background-position:left 5px; position:relative; left:-13px; width:123px }
div#kolom_rechts h2.doelgroep:hover, div#kolom_rechts h2.selected, body#professioneel div#kolom_rechts h2.doelgroep  { background-position:left -31px }
body#index div#kolom_rechts h2.doelgroep:hover, body#index div#kolom_rechts h2.selected { background-position:left -69px }

/* menu */
div.pulldown { position:absolute; top:16px; left:192px; width:596px; height:122px; overflow:hidden;   }
div.pulldown ul { position:absolute; padding:0 12px 0 12px; margin:0 }
div.pulldown li { float:left; position:relative; display:block; padding-left:11px; background-image:url(../gfx/bulletmenu.gif); background-repeat:no-repeat; background-position:3px 7px }

/* div.pulldown>ul>li { border:1px solid red; } */

body#index div.pulldown li { background-image:url(../gfx/bullethome.gif) }
body#index div.pulldown li ul li { background:none }
body#index div.pulldown li:first-child { background-image:none }
body#index div.pulldown a { color:white }

div.pulldown li:first-child { background-image:none }
div.pulldown a  { display:block; font-size:11px; float:left; color:#707172; text-decoration:none; font-weight:bold; } 
div.pulldown a.selected, div.pulldown a:hover, #index div.pulldown a.selected, #index div.pulldown a:hover  { color:#e2007a }

div#menu_sporter ul { left:-600px; padding-left:2px }
div#menu_sporter li ul { padding-left:0 }
body#sporters div#menu_sporter ul { left:0px }
body#professioneel div#menu_prof { display:block }
div#menu_prof ul { right:-600px   }
body#professioneel div#menu_prof ul { right:0 }

/* submenu - pulldown */
div.pulldown li ul { display:none; left:0px; top:16px; width:140px }
div#menu_prof li ul { width:140px }
div.pulldown li.selected ul { display:block; left:12px; padding:0; }
div.pulldown li ul li { float:none; padding:0; background:none }
div.pulldown li ul li a { float:none; font-weight:normal; background:none }
body#index div.pulldown li ul li a { background:none }
body#index div.transparent { position:absolute; left:0; top:13px; background:white; padding:10px }
body#index div.container { padding:10px; left:1px; visibility:hidden; overflow:hidden; }

/*div#menu li div.container { z-index:1000; position:absolute; visibility:hidden; padding-bottom:4px; overflow:hidden; top:25px; width:180px  }*/


body#index div.pulldown li div.container ul li { padding-left:10px }
div.pulldown li div.container { z-index:10000; overflow:hidden; width:150px; position:absolute; visibility:hidden; left:0px; top:17px; padding:0 0 0 12px;  }
div.pulldown li div.container ul { display:block; position:absolute; left:12px; top:0; padding:0; z-index:1000; height:auto;  }

div#clear { clear:both }

body#index div#menubalk { display:block; height:46px; background:white; position:absolute; width:100% }
div#menubalk { display:none; }

div.kolom    { color:white; position:absolute; width:140px; top:0px; font-family:Arial }
div.kolom h2 { font-size:11px; margin:0 }
div.kolom p  { color:#bfbfbf; font-size:10px; margin:0; line-height:1.9em }

div#kolom_links    { left:14px; text-align:right }
div#kolom_rechts   { width:180px;  position:static; float:right }
div#kolom_rechts p { line-height:1.2em; margin:0 15px 0 25px }
div#kolom_rechts div.quote p { font:11px Comic Sans MS; line-height:1.4em; font-style:italic; margin-bottom:10px }

img#logo { display:block; padding:120px 0 70px  }
address { color:#bfbfbf; font-style:normal; width:120px; font-size:85%; line-height:1.5em; margin:55px 0 0 18px }

/* zoekvakje */
form#zoeken { text-align:right; margin-top:60px }
form#zoeken input.text { background:#939598; border:0; color:white; padding:2px; font:11px Verdana; width:100px }
form#zoeken input.submit { border:0; text-align:right; padding:0; color:#e2007a; background:black; font:12px Arial; font-weight:bold; margin:0 0 2px; cursor:pointer }
div.search_results h2 { margin-bottom:20px }
div.search_results p { font-size:85%; margin-bottom:25px }
div.search_results em { color:#e2007a; font-style:normal }
div#page_links { margin:0 25px; font-size:85% }