html {
height:100%;
}
body {
margin:0; margin-top:10px; padding:0; height:100%;
font-family:arial, serif;
background-color:white;
}
#wrap {
min-height:100%;
width:1000px;
margin:auto;
position:relative;
}
#inner-wrap {
padding-bottom:20px;
}
#inner-wrap:after {
content:" ";
display:block;
clear:both;
}
* html #wrap {
height:100%
}
#header {
color:#FF00FF;
margin:0; padding:0;
min-height:130px;
margin-right:25px;
}
#headertop {
background-image:url(http://www.eindexamens.nu/images/headertop.jpg);
width:935px;
height:38px;
font-family:Trebuchet MS;
font-size:18px;
color:#646464;
padding-left:40px;
padding-top:10px;
}
p {
margin:5px;
padding:0;
}
h1 {
position:relative;
color:#FFFFFF;
font-size:21px;
margin:0;
padding-bottom:5px;
text-align:center;
}
#left {
float:left;
width:304px;
text-align:center;
}
.leftcontent {
background-color:#484D62;
width:286px;
font-family:Trebuchet MS;
font-size:12px;
color:#FFFFFF;
border-left:1px solid #7F7F7F;
border-right:1px solid #7F7F7F;
padding-left:8px;
padding-right:8px;
padding-top:7px;
min-height:20px;
text-align:left;
}
.leftheader {
font-family:Trebuchet MS;
font-size:13px;
color:#FFFFFF;
background-image:url(http://www.eindexamens.nu/images/leftheader.jpg);
padding-top:5px;
padding-left:15px;
width:289px;
height:22px;
text-align:left;
margin-top:10px;
}
.leftbottom {
background-image:url(http://www.eindexamens.nu/images/leftbottom.jpg);
width:304px;
height:5px;
}
.leftcontentwhite {
background-color:#E5E5E6;
width:286px;
font-family:Trebuchet MS;
font-size:12px;
color:#000000;
border-left:1px solid #B2B2B2;
border-right:1px solid #B2B2B2;
padding-left:8px;
padding-right:8px;
padding-top:7px;
min-height:20px;
text-align:left;
}
.leftbottomwhite {
background-image:url(http://www.eindexamens.nu/images/leftbottomwhite.jpg);
width:304px;
height:5px;
}
.leftcontentgradient {
background-image:url(http://www.eindexamens.nu/images/leftwhitegradient.jpg);
width:280px;
font-family:Trebuchet MS;
font-size:12px;
color:#000000;
border-left:1px solid #E5E5E5;
border-right:1px solid #E5E5E5;
margin-left:2px;
padding:10px;
min-height:102px;
}
.leftheadergradient {
background-image:url(http://www.eindexamens.nu/images/leftheadergradient.jpg);
width:302px;
height:13px;
margin-left:2px;
margin-top:10px;
}
.leftbottomgradient {
background-image:url(http://www.eindexamens.nu/images/leftbottomgradient.jpg);
width:302px;
height:13px;
margin-left:2px;
}
#main {
position:relative;
margin-left:319px;
}
.maincontent {
background-color:#54596D;
font-family:Trebuchet MS;
font-size:12px;
color:#FFFFFF;
padding:10px;
width:637px;
min-height:20px;
border-left:1px solid #B2B2B2;
border-right:1px solid #B2B2B2;
float:left;
}
.mainheader {
background-image:url(http://www.eindexamens.nu/images/mainheader.jpg);
font-family:Trebuchet MS;
font-size:13px;
color:#FFFFFF;
padding-top:5px;
padding-left:15px;
padding-right:15px;
width:629px;
height:22px;
float:left;
margin-top:10px;
}
.mainbottom {
background-image:url(http://www.eindexamens.nu/images/mainbottom.jpg);
width:659px;
height:5px;
float:left;
}
.maincontentwhite {
background-color:#E5E5E6;
font-family:Trebuchet MS;
font-size:12px;
color:#000000;
width:657px;
float:left;
min-height:20px;
border-right:1px solid #B2B2B2;
border-left:solid 1px #B2B2B2;
}
.mainbottomwhite {
background-image:url(http://www.eindexamens.nu/images/mainbottomwhite.jpg);
width:659px;
height:6px;
float:left;
}
li:hover ul, li.over ul { 
display: block;
}
#menu {
font-family:Trebuchet MS;
top:79px;
font-size:11px;
position:absolute;
color:#737373;
z-index:1;
}
#menu a {
font-family:Trebuchet MS;
font-size:11px;
color:#737373;
text-decoration:none;
display:block;
}
#menu a:hover {
text-decoration:underline;
}
#menu ul {
list-style-type: none;
}
#menu ul:hover .item {
display:block;
}
#menu ul .item {
background-color:#FFFFFF;
border:1px solid #E5E5E5;
border-top:none;
display:none;
min-width:100px;
padding:4px;
padding-left:5px;
padding-right:5px;
}


#menu2 {
font-family:Trebuchet MS;
top:79px;
left:180px;
font-size:11px;
position:absolute;
color:#737373;
z-index:1;
}
#menu2 a {
font-family:Trebuchet MS;
font-size:11px;
color:#737373;
text-decoration:none;
display:block;
}
#menu2 a:hover {
text-decoration:underline;
}
#menu2 ul {
list-style-type: none;
}
#menu2 ul:hover .item {
display:block;
}
#menu2 ul .item {
background-color:#FFFFFF;
border:1px solid #E5E5E5;
border-top:none;
display:none;
min-width:100px;
padding:4px;
padding-left:5px;
padding-right:5px;
}


#menu3 {
font-family:Trebuchet MS;
top:79px;
left:320px;
font-size:11px;
position:absolute;
color:#737373;
z-index:1;
}
#menu3 a {
font-family:Trebuchet MS;
font-size:11px;
color:#737373;
text-decoration:none;
display:block;
}
#menu3 a:hover {
text-decoration:underline;
}
#menu3 ul {
list-style-type: none;
}
#menu3 ul:hover .item {
display:block;
}
#menu3 ul .item {
background-color:#FFFFFF;
border:1px solid #E5E5E5;
border-top:none;
display:none;
min-width:100px;
padding:4px;
padding-left:5px;
padding-right:5px;
}


#menu4 {
font-family:Trebuchet MS;
top:79px;
left:460px;
font-size:11px;
position:absolute;
color:#737373;
z-index:1;
display:block;
}
#menu4 a {
font-family:Trebuchet MS;
font-size:11px;
color:#737373;
text-decoration:none;
}
#menu4 a:hover {
text-decoration:underline;
}
#menu4 ul {
list-style-type: none;
}
#menu4 ul:hover .item {
display:block;
}
#menu4 ul .item {
background-color:#FFFFFF;
border:1px solid #E5E5E5;
border-top:none;
display:none;
min-width:100px;
padding:4px;
padding-left:5px;
padding-right:5px;
}


#menubar {
background-image:url(http://www.eindexamens.nu/images/menubar.jpg);
width:613px;
height:18px;
margin-left:12px;
}
#top {
padding-bottom:4px;
padding-right:15px;
padding-left:15px;
}
#leaderboard {
margin-bottom:10px;
text-align:center;
}
#mrectangle {
margin-top:10px;
}
#login {
position:absolute;
left:820px;
top:47px;
font-size:8px;
text-align:left;
}
#login a {
color:#737373;
text-decoration:none;
}
#login a:hover {
text-decoration:underline;
}
#headertext {
position:absolute;
font-family:Trebuchet MS;
font-size:18px;
color:#646464;
top:53px;
left:40px;
}
.innercontent {
background-color:#E5E5E6;
width:637px;
padding:10px;
}
#innercontent1 {
background-color:#E5E5E6;
width:307px;
float:left;
padding:10px;
padding-right:30px;
}
#innercontent2 {
background-color:#E5E5E6;
width:300px;
float:right;
padding:10px;
padding-left:0px;
}
#news1 {
margin-bottom:20px;
}
#news2 {
width:300px;
}
#news3 {
margin-bottom:20px;
}
#news4 {
width:300px;
}
.user {
color:#818181;
font-size:10px;
border: 1px solid #E1E1E1;
width:130px;
height:12px;
margin-bottom:2px;
}
.password {
color:#818181;
font-size:10px;
border: 1px solid #E1E1E1;
width:130px;
height:12px;
}




.innercontent a:link { text-decoration: none; color: #000000; font-weight: bold; }
.innercontent a:visited, .contentLight a:active { text-decoration: none; color: #727272; font-weight: bold; }
.innercontent a:hover { text-decoration: underline; color: #808080; }

.maincontentwhite a:link { text-decoration: none; color: #000000; font-weight: bold; }
.maincontentwhite a:visited, .contentLight a:active { text-decoration: none; color: #727272; font-weight: bold; }
.maincontentwhite a:hover { text-decoration: underline; color: #808080; }

.leftcontentwhite a:link { text-decoration: none; color: #000000; font-weight: bold; }
.leftcontentwhite a:visited, .contentLight a:active { text-decoration: none; color: #727272; font-weight: bold; }
.leftcontentwhite a:hover { text-decoration: underline; color: #808080; }

.leftcontentgradient a:link { text-decoration: none; color: #000000; font-weight: bold; }
.leftcontentgradient a:visited, .contentLight a:active { text-decoration: none; color: #727272; font-weight: bold; }
.leftcontentgradient a:hover { text-decoration: underline; color: #808080; }

.maincontent a:link { text-decoration: none; color: #ffffff; font-weight: bold; }
.maincontent a:visited, .contentLight a:active { text-decoration: none; color: #d3d3d3; font-weight: bold; }
.maincontent a:hover { text-decoration: underline; color: #808080; }

.leftcontent a:link { text-decoration: none; color: #ffffff; font-weight: bold; }
.leftcontent a:visited, .contentLight a:active { text-decoration: none; color: #d3d3d3; font-weight: bold; }
.leftcontent a:hover { text-decoration: underline; color: #808080; }

#leaderboard a:link { font-size: 10px; text-decoration: none; color: #525252; }
#leaderboard a:visited, .contentLight a:active { font-size: 10px; text-decoration: none; color: #727272; }
#leaderboard a:hover { font-size: 10px; text-decoration: underline; color: #808080; }