body { margin: 0; padding: 0; border: 0; color: #000; text-align: center; }
/* holder */
#holder { position: relative; margin: 20px auto 0 auto; padding: 0; width: 954px; height: 548px; background: #fff url(pics/bgHolder2.gif) repeat-x left bottom; border: 1px solid #cdcdcd; text-align: left; }
#hbody { position: absolute; height: 100%; width: 100%; overflow: hidden; }
#hbody #foto { position: absolute; top: 2px; left: 40px; border: 0; z-index: 1; }
/* head */
#logo { position: absolute; top: 35px; right: 30px; height: 83px; width: 304px; background: #fff url(pics/logo_Marnixcollege.gif) no-repeat; }
#logo a { position:relative; display: block; right: 0; padding: 0; margin: 0; width: 304px; height: 83px; }
#tagline { position: absolute; top: 198px; right: 30px; height: 19px; width: 505px; background: #fff url(pics/slogan_Marnixcollege.gif) no-repeat; z-index: 2; }
#tagline h1 { position: absolute; top: -1000px; left: -4000px; height: 4px; width: 4px; visibility: hidden; }
div.content { position: absolute; top: 228px; right: 30px; height: 110px; width: 500px; overflow: hidden; background: #fff; z-index: 2; }
div.content h2 {color:#A1A1A1;}
/* main menu */
#mainMenu ul { position: relative; top: 370px; margin: 0 0 0 38px; padding: 0; height: 113px; list-style: none; font: 11px Verdana, Arial, Helvetica, sans-serif; z-index: 3; }
#mainMenu ul li { position:relative; float: left; margin: 0 20px 0 0; padding: 0; display: block; width: 105px; height: 105px; background: #fff url(pics/btn_welkom.gif) no-repeat; border: 4px solid #fff;}
#mainMenu ul li.welkom {margin: 0 240px 0 0; background: #fff url(pics/btn_welkom.gif) no-repeat; }
#mainMenu ul li.rooster { background: #fff url(pics/btn_trefpunt.gif) no-repeat; }
#mainMenu ul li.nieuws { background: #fff url(pics/btn_nieuws.gif) no-repeat; }
#mainMenu ul li.klassesite { background: #fff url(pics/btn_klassesite.gif) no-repeat; }
#mainMenu ul li.login { background: #a1a1a1 url(pics/btn_login.gif) no-repeat; }
#mainMenu ul li a { position: relative; float: left; display: block; height: 100%; width: 100%; text-decoration: none; padding: 0; }
/*
#mainMenu ul li.login { background: #a1a1a1 url(pics/bg_login.gif) no-repeat; }
#mainMenu ul li.login h2 { position: relative; margin: 0; line-height: 1px; font-size: 1px; color: #fff; display: none;}
#mainMenu ul li.login #loginform { position: relative; width: 100px; margin: 0; padding: 35px 0 0 5px; overflow: hidden; border: 0;}
#mainMenu ul li.login #loginform input { position: relative; margin: 3px 0 0 0; padding: 0; width: 92px; border: 1px solid #fff; }
#mainMenu ul li.login #loginform a.login { position: relative; display: block; float: right; height: 16px; width: 90px; margin: 0; padding: 12px 5px 0 0; text-align: right; text-decoration: none; line-height: 1.2em; color: #fff; }
*/
* html body #mainMenu ul li.login #loginform a.login { height: 12px; }
#mainMenu ul li.login #loginform p {display: none; }