html { height:100%; min-height:100%; margin-bottom:1px }
body { height:100% }
body { font:small Verdana; margin:0; padding:0; color:#565459; background:#c0c0c0 }
div#header { height:120px; background:#c0c0c0 url(../gfx/fotobalk1.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#wrapper { width:980px; min-width:980px; margin:0 auto; position:relative; }
div#page { background:url(../gfx/bgpage.gif) repeat-y; background-position:top left; padding:0 180px 30px 180px; width:620px; min-height:630px; }
div#text { padding-top:100px; }

/* homepage */
body#index div#header { background-image:url(../gfx/fotobalk1.jpg) }
body#index div#page { background:url(../gfx/homebg.jpg) no-repeat; background-position:top left; width:800px; padding-right:0; }
body#index div#text { padding:100px 400px 0 0; margin-right:0 }

/*body h1 { font-size:100%; color:#e95e27; margin:0 25px 2px}
body div#text p { color:#57555a }
body #text p { color:#bfbfbf }
body #text p a { color:#e95e27 }
*/
div.intro { display:none }
body#index div#text p { color:#bfbfbf }
body#index .nieuws { position:absolute; left:650px; top:108px; width:255px; background-image:url(../gfx/nieuws.png) }
body#index .nieuws h1 { color:white; background:#e95e27; 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.nieuws a  { color:white; }
body#index div#text div.nieuws p  { margin:0 14px 15px; color:white }
body#index div.intro { position:absolute; background:black url(../gfx/intro.jpg) no-repeat; left: 0px; width:980px; height:660px; z-index:10; 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 }
body#index img { margin:10px 0;}
div#webetui_body div.intro { display:none }


h1 { color:#78767b; font-size:100%; margin:0 25px 10px 25px; }
h2 { color:#e95e27; font-size:100%; margin:0 25px 2px 25px; }
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 { font-size:90%; margin:0 25px 1.1em; line-height:1.5em; }
li ul { font-size:100%; margin:0; }
p strong { color:#777 }
a  { color: #e95e27; text-decoration: none; }
a:hover { text-decoration:underline; }
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 }
div.toelichting p { font-size:85%; margin-bottom:0.5em;}


table { margin:10px 25px 20px; font-size:85% }
td,th { background:#fce7df; text-align:left; color:#464449; vertical-align:top; padding:4px 12px; }
tr.even td { background:#f8c7b4;  }
td.datum { width:66px; padding-left:4px }

div.reactie { background:#fce7df; padding:4px; font-size:90% }
div.reactie h2 { color:#7b7070 }
div.even { background:#f8c7b4 }
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:0.6em; list-style-type:none; background-image:url(../gfx/bullet.gif); background-repeat:no-repeat; background-position:1px 7px }

div#menu_top   { width:980px; background:#e95e27; margin:0 auto; height:21px; font-size:12px; }
div#menu_top ul { padding:2px 0 0 5px; margin:0; float:left; }
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#menu_top div#teller { color:white; padding:2px 0 0 873px; margin:0;}

/*div.kolom h2.doelgroep { color:#e95e27; font-weight:bold; width:150px; background-repeat:no-repeat; cursor:pointer; line-height:16px; font-size:13px; margin:12px 0px 0px 10px; position:relative; z-index:100 }
div.kolom h2.doelgroep strong { font-size:15px; color:#e2007a; text-transform:uppercase }
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 }
body div#kolom_links h2.doelgroep:hover, body#index div#kolom_links h2.selected { background-position:right -69px }
body#index div#kolom_rechts h2.doelgroep:hover, body#index div#kolom_rechts h2.selected { background-position:left -69px }
body div#kolom_rechts h2.doelgroep:hover, body#index div#kolom_rechts h2.selected { background-position:left -69px }
*/

div#clear { clear:both }

/* menu1 */
body#index div#menubalk { background-color:#46433f; display:block; height:64px;  position:absolute; width:100%; border: 0; }
div#menubalk { background: none; display:block; height:46px;  position:absolute; width:100%; }
body#index div#menu1 { background-color:#46433f; width: 590px; height: 40px; position: absolute; margin: 5px 0px 0px 180px; font-weight: bold; font-size: 12px; opacity: 0.8; }
div#menu1 { background-color: white; width: 590px; height: 90px; position: absolute; margin: 5px 0px 0px 180px; font-weight: bold; font-size: 12px; opacity: 0.8;  }

body#index div#menu1 a { color: white; text-decoration: none; }
body#index div#menu1 a:hover {color: #e95e27; }
div#menu1 li { display: block; float: left; position: relative;  }
div#menu1 ul { margin: 0px 0px 0px 25px; padding: 0; }
div#menu1 a { color: #514d4a; display: block; float: left; padding:7px 6px 7px 7px; background-image: url(../gfx/menuline.png); background-position:left 11px; background-repeat: no-repeat; }
div#menu1 a:hover { color: #e95e27; text-decoration:none; }
div#menu1 a.selected { color: #e95e27;  }

div#menu1 ul li ul { position: absolute; margin: 0; left:0; top:0px; padding:0; }
div#menu1 ul li ul li { display: block; float:left; padding:0; margin:0; width: 150px; font-weight: normal; }
div#menu1 ul li ul li a { float:none; background-image: none; padding:0 0 0 7px; text-transform:lowercase; font-size:95%;}
div#menu1 li div.container { z-index:10000; overflow:hidden; width:150px; position:absolute; visibility:hidden; left:0px; top:27px; padding:0 0 0 0;   }
div#menu1 li div.container ul { display:block; position:absolute; left:0; top:0; padding:0; z-index:1000; height:auto;  }

div#menu1 #inloggen { position:absolute; left:595px; top:0px; width:167px; text-align:center; }
div#menu1 ul#inloggen { padding-left:13px;}
div#menu1 #inloggen a { color:white; background:none;}
div#menu1 #inloggen a#aanmelden {background-image: url(../gfx/menuline.png); background-position:left 11px; background-repeat: no-repeat;  }
div#menu1 #inloggen a:hover { color:#e95e27 }
div#menu1 p#inloggen { padding:7px 0; font-weight:normal; color:white;}

div.kolom    { color:white; position:absolute; width:140px; top:0px; font-family:Arial; text-align: left; }
div.kolom p  { color:#bfbfbf; font-size:11px; margin:0 0 1em 0; line-height:1.4em }
div.kolom em  { font-style:normal; color:#e95e27;}
div.adres { margin:20px 0 30px;}

div#kolom_links { left:0; width:140px; padding:15px 20px; }
address { color:#bfbfbf; font-style:normal; width:120px; font-size:85%; line-height:1.5em; margin:55px 0 0 18px }

/* zoekvak */
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% }

/* prikbord */
/*label{ color:#57555a; margin-left:25px; }
input{ margin-left: 25px; }
*/
/*
div#page #formulier { width:620px; height:190px; margin:0; padding-top:10px; }
div#page #formulier input.text { display:block; border:1px solid #bfbfbf; margin-bottom:5px; }
div#page #formulier input.submit { background-color:#e95e27; margin:15px 0 0 125px; color:#fff; }
div#page #formulier textarea { display:block; border:1px solid #bfbfbf; margin-top:5px; }
div#page #formulier label { display:block; float:left; width:100px; }
*/

#prikbord div.reactiebox { width:620px; }
#prikbord div#page div.reactie { background-image:url(../gfx/note.png); background-repeat:no-repeat; height:101px; width:102px; float:left; margin:20px 0 0 19px; overflow:hidden; }
#prikbord div.reactie p { font-size:10px; color:#fff; padding:5px; margin:0; }
#prikbord div.reactie h2 { font-size:10px; color:#fff; padding:5px; margin:0; }

#prikbord div#reactiebox div#note_selected { background-image:url(..gfx/note_selected.png); background-repeat:no-repeat; background-position:top left; }

body#prikbord h2.reactie { background-image:url(../gfx/arrow.png); background-position:top left; background-repeat:no-repeat;  padding-left:14px; font-weight:normal; color:#565459; margin-top:15px; margin-bottom:0px; }
body#prikbord h2.reactie a { color:#565459; }
body#prikbord h2.reactie a:hover { text-decoration:underline; }
body#prikbord h2.reactie a.selected { }

body#prikbord div.expand { display:none; border:0; }
div.zoomin { background-image:url(../gfx/note_selected.png); position:absolute; background-repeat:no-repeat; left:300px; top:100px; height:365px; width:315px; padding:5px 35px 15px 5px; }
div.zoomin div.message { overflow:auto; height:360px; }
div.zoomin p { font-size:12px; color:#fff;  margin:10px; }
div.zoomin h2 { font-size:14px; color:#fff; margin:10px; }

/* aanmeldformulier */
/*div#page #formulier.aanmelden { width:620px; height:100%; }*/
form { margin:0 25px; }
label { display:block; float:none; width:auto; margin-bottom:5px; }
input.text, textarea, select { display:block; width:300px; margin-bottom:5px; border:1px solid gray;  }
input.submit { background-color:#e95e27; margin:15px 0; color:#fff; cursor:pointer; border:0; padding:2px 15px; }
form h2 { margin:20px 0 10px 0;}
.checkbox label { display:block; width:auto; margin-bottom:5px; }
.checkbox .checkboxgroup input.checkbox { float:left; display:block; }
.checkbox .checkboxgroup .checkbox_label { display:block; float:none;  }
.checkbox .checkboxgroup div { display:block; min-height:20px; margin-bottom:5px; }
.checkbox .checkboxgroup { display:block; color:#565459; margin-bottom:5px; }

form.forum { font-size:85%; padding:10px 25px; margin:20px 0 0 0; background:#fce7df }

form.login label { float:left; width:100px; }
form.login input.text { width:100px; }
form.login input.submit { margin-left:100px; }
form.login div.onthouden { display:none; }
/*div#page #formulier select { margin-bottom:5px; font-family:Verdana; color:#565459; }*/

/* inlog */
/*
body#login div#page div#text label { display:block; float:left; margin-bottom:5px; }
body#login div#page div#text input.text { display:block; border:1px solid #bfbfbf; margin-bottom:5px; }
body#login div#page div#text .submit { background-color:#e95e27; color:#fff; margin-bottom:5px; }
body#login div#page div#text .onthouden input { border:0; display:block; float:left; margin-bottom:5px; }
body#login div#page div#text .onthouden { color:#565459; margin-bottom:5px; }
*/