html { height:100%; min-height:100%; margin-bottom:1px }
body { height:100% }
body { margin:0; padding:0; font:small Arial; color:#4c5b65; background:#e8ebee url(../gfx/bg_page.gif) no-repeat; background-position:center top }
div#wrapper { width:1000px; margin:0 auto; position:relative; background:#fff url(../gfx/bg_page.gif) no-repeat; background-position:center top }

body#index,
body#index div#wrapper,
body#downloads,
body#downloads div#wrapper,
body#login,
body#login div#wrapper,
body#ledenlijst,
body#ledenlijst div#wrapper { background-image:url(../gfx/bg_home.gif); background-repeat:repeat-y }

body#index div#tekstvlak,
body#downloads div#tekstvlak,
body#login div#tekstvlak { padding:150px 146px 20px 146px }
body#ledenlijst div#tekstvlak { padding:150px 100px 20px 146px }


div#tekstvlak { padding:150px 146px 20px 346px; min-height:600px; }
body#leden div#tekstvlak { min-height: 2000px; }


h1 { font-family:Georgia; font-size:150%; margin:0 0 1.5em; padding:2.2em 0 0 0; font-weight:normal; line-height:1.5em; color:black }
h2 { font-family:Georgia; font-size:120%; margin:1.5em 0 0.2em; font-weight:normal; line-height:1.5em; color:#d24332; color:#e88522 }
h3 { font-family:Georgia; font-size:90%; margin:1em 0 0.2em; font-weight:normal; line-height:1.5em; color:#d24332; color:#e88522 }
h4 { font-family:Georgia; font-size:80%; text-transform:uppercase; margin:0 0 0; font-weight:normal; line-height:1.5em; color:#d24332; color:#e88522 }
a  { text-decoration:none; color:#d24332; outline:0; }

h1 em { color:#5d6c76; font-style:normal }
p  { line-height:1.6em; margin:0 0 1em 0 }
a:hover { text-decoration:underline }
a img { border:0 }
em { font-style:normal; color:#d24332 }
img.left  { float:left; margin-right:10px;}
img.right { float:right; margin-left:10px;}

#tekstvlak ul { margin:1em 0 1em 0px; padding:0; line-height:1.6em; list-style-type:none }
#tekstvlak li { padding:0 0 0 15px; background-image:url(../gfx/bullet.gif); background-repeat:no-repeat; background-position:0 7px }

img#logo { display:block; position:absolute; left:146px; top:23px }
div#fotos1 { position:absolute; left:0; top:0 }
div#fotos2 { position:absolute; left:0; top:150px; width:100px }
div#fotos3 { position:absolute; right:0; top:250px; width:100px }
div#fotos1 img, div#fotos2 img, div#fotos3 img { display:block }
div#allefotos { display:none }
img.change { position:absolute; display:block; }

div#menu1    { position:absolute; width:100%; top:100px; background:#9fa5ae; height:50px }
div#menu1 ul { margin:0 auto; padding:0 0 0 100px; width:900px; position:relative }
div#menu1 li { float:left; list-style-type:none }
div#menu1 a  { display:block; float:left; width:90px; height:32px; padding:18px 0 0 60px; color:#4c5b65; text-decoration:none; text-transform:uppercase; font:85% Verdana; background-repeat:no-repeat }
div#menu1 a:hover { color:white;  }
div#menu1 a.selected { background-position:left bottom; color:white }

div#menu1 li ul { display:none; position:absolute; width:175px; left:100px; top:89px; padding:0 }
div#menu1 li.selected ul { display:block;  }
div#menu1 li ul li { float:none; padding:0 }
div#menu1 li ul li a { float:none; padding:8px 0 8px 25px; color:#4c5b65; height:auto; width:auto; line-height:1.5em }
div#menu1 li ul li a:hover { color:#d24332 }
div#menu1 li ul li a.selected { color:#d24332; background-image:url(../gfx/01_bullet.gif); background-repeat:no-repeat; background-position:0 13px }

div#menu1 a#erkenningsregeling { background-image:url(../gfx/01_icon_erb.gif) }
div#menu1 a#opleidingen        { background-image:url(../gfx/02_icon_opleidingen.gif) }
div#menu1 a#ledenlijst         { background-image:url(../gfx/03_icon_ledenlijst.gif) }
div#menu1 a#downloads          { background-image:url(../gfx/04_icon_downloads.gif) }
div#menu1 a#contact            { background-image:url(../gfx/05_icon_contact.gif) }
div#menu1 a#leden              { background-image:url(../gfx/06_icon_login.gif) }

/* home button */
div#menu1 a#index { position:absolute; top:0px; left:-52px; }

body#login div#menu1 a#leden   {  background-position:left bottom; color:white }

div#footer    { position:fixed; width:100%; padding-top:4px; height:21px; bottom:0px; color:#4c5b65; background:#9fa5ae; text-align:center }
div#footer ul { margin:0 auto; padding:0; }
div#footer li { display:inline; list-style-type:none; font-size:90%; padding-left:22px; background-position:10px 5px; background-repeat:no-repeat }
div#footer a  { color:#5f6368 }
div#footer li#b01 { background-image:url(../gfx/01_bullet.gif) }
div#footer li#b02 { background-image:url(../gfx/02_bullet.gif) }
div#footer li#b03 { background-image:url(../gfx/03_bullet.gif) }
div#footer li#b04 { background-image:url(../gfx/04_bullet.gif) }
div#footer li#b05 { background-image:url(../gfx/05_bullet.gif) }

div#webetui_body div#footer { display:none }

label { width:150px; display:block; float:left }
input.text { border:0; width:150px; border-bottom:1px solid #cfd2d6; display:block; margin:10px }
input.submit { background:#9fa5ae; width:70px; color:#5f6368; border:0; margin:20px 230px; height:25px; text-transform:uppercase; font:85% Verdana; cursor:pointer }
input.submit:hover { color:white }
div.onthouden { position:relative; top:-42px; width:220px; }

div.kolom { width:210px; overflow:hidden; margin:0 40px 0 0; float:left  }
body#ledenlijst p { display:none; font-size:11px; margin:0 0 16px; padding-left:12px  }
body#ledenlijst h2 { font-size:85%; margin:12px 0 -4px 0; padding-left:12px; text-transform:uppercase }
body#ledenlijst h3 { color:#4c5b65; margin:8px 0 0 0; padding-left:12px; font:11px Arial; cursor:pointer; background-image:url(../gfx/arrow.gif); background-position:left 4px; background-repeat:no-repeat }
body#ledenlijst h3:hover { color:#d24332; background-position:left -43px }
body#ledenlijst h3.down { color:#d24332; background-position:left -91px }

body#ledenlijst div#webetui_body p { display:block }
body#ledenlijst div#webetui_body div.kolom { width:auto; float:none }
body#ledenlijst div.voetregel p { color:#a0a8ad; padding:20px 0; display:block; clear:both }

div.alleleden { background:white; width:600px; position:absolute; top:200px; left:299px; padding-left:1px; }
div.alleleden div.portret { float:left; margin:0 50px 50px 0; height:100px; width:100px; }
div.alleleden div.portret p { font-size:11px; text-align:center; line-height:2.4ex; width:100px; margin:0; padding:0; }
div.alleleden div.clear { clear:both; }