/* ------       CSS Document voor student time      ----- */
/* ------ Dit document bevat alles binnen de header ----- */

#header { font-size: 11px; }

/* ------------
/*   logo
/* ------------ */

#header h1 {
 height: 75px;
 overflow: hidden; 
 margin: 0;
 padding: 0;
 background: #00ff00;
 /*background: url('../images/header.png');*/
 width: 380px;
 float: left; 
 text-indent: -999em;
}

/* ------------
/*  inloggen 
/* ------------ */
/*
#header #login {
 padding: 35px 0 0 0;
 font-size: 11px;
 height: 36px; 
 overflow: hidden; 
 color: #ec008c;
}

#header #login .title {
 padding: 4px 10px 0 4px;
 float: left; 
}

#header #login a{
 color: #909090;
 text-decoration: none; 
 float: left;
 margin: 0 4px 0 0;
 padding: 3px 0 0 0; 
}

#header #login input {
 border: none; 
 background: #151515;
 color: #909090;
 font-size: 10px;
 padding: 3px 5px 1px 5px;
 height: 14px;
 float: left;
 margin: 0 4px 0 0;
}

#header #login #inputPassword,
#header #login #inputUsername{ 
 width: 80px; 
 border: 1px solid #5c0036;
}
#header #login #inputPassword:focus,
#header #login #inputUsername:focus{ 
 width: 80px; 
 border: 1px solid #ec008c;
}

#header #login #submitImage {
 display: none; 
 float: left;
}

#header #login #inputRemember { 
 width: 43px;
 line-height: 20px; 
}
#header #login a.selected {
 background: url('../images/inloggen_remember.gif');
}

#header #login #submitImage,
#header #login #submitButton {
 width: 37px;
 height: 20px;
 padding: 0px;
 line-height: 20px; 
 text-indent: -999em;
 background: url('../images/inloggen_submit.gif');
}

/* ------------
/*   ingelogd 
/* ------------ */


#header #loggedIn {
 padding: 41px 10px 0 10px;
 height: 30px;
}
#header #loggedIn a{ 
 padding: 0; 
 margin: 0 10px 0 5px;
 text-decoration: none;
 color: #ec008c; 
}
#header #loggedIn a:hover{ 
 text-decoration: underline; 
}
#header #loggedIn .profile{
 vertical-align: top;
 padding: 30px 0 0 0;
}
#header #loggedIn a.logout{ 
 color: #777777;
 font-weight: bold;
}

#header #loggedIn img {
 float:left;
 margin:-5px 0 0 0;
}

/* ------------
/*   het menu 
/* ------------ */

#header #menu {
 width: 776px;  
 clear: left;
 height: 34px; 
 overflow: hidden;
 margin: 0;
 padding: 0;
 list-style-type: none;
 background: url('../images/bg_menu_grass.gif') repeat-x; 
}

#header #menu li { 
 float: left; 
 background: url('../images/bg_menu.gif') no-repeat left 0px;
 padding: 0 0 0 7px; 
}

#header #menu li a {
 display: block;
 color: #FFF;
 padding: 12px 20px 0 10px; 
 text-decoration: none;
 font-size: 12px;
 height: 50px;
 background: url('../images/bg_menu.gif') no-repeat right 0px;
 overflow: hidden;  
}

#header #menu li.selected { 
 background-position: left -34px;
}
#header #menu li.selected a {
 background-position: right -34px;
 padding: 8px 18px 0 12px;  
}
#header #menu li:hover {
 background-position: left -34px;
}
#header #menu li:hover a {
 background-position: right -34px;
 padding: 8px 18px 0 12px;  
}

.leaderboard { padding: 15px 0; background: #111; text-align: center; }
.leaderboard a {  width: 728px; height: 90px; border: 1px solid #333; font-family: Georgia, Arial; font-size: 20px; color: #FFF; text-decoration: none;  background: url('../images/bg_content.gif'); line-height: 90px; text-align: center; margin: 0 auto; } 
.banneradcolumn { float: left; width: 776px !important; width: 776px; padding: 15px 0; text-align: center; }
.bannerad { padding: 15px 0; text-align: center; width: 728px; margin: 0 
auto;}
.bannerrectangle { float: right; width: 336px; padding: 10px 0 0 10px; height: 280px }
.bannerrectanglecenter { text-align: center; margin:0 auto; padding-bottom: 10px;}
.bannerrectanglecenter .ad {  border-bottom: 1px solid #CCC; margin: 0 auto 15px auto; padding: 0; width: 336px; line-height: 15px; }