html {
	overflow-y: scroll;
	height: 100%;
}

body {
	font: normal 12px/18px Arial, Helvetica, sans-serif;	
	height: 100%;
	background: white;
}

#container {
	min-height: 100%;
	overflow:auto;
	background: url(../images/content_wit.png) repeat-y center top;
}

#header {width:100%; height: 400px; background: url(../images/header_bg.jpg) repeat-x;}

#header .brand {width:850px; margin:auto;}

#header .navbar {
	width:850px;
	margin-top: -210px;
	margin-right: auto;
	margin-left: auto;
}

#header .navbar ul{
	list-style: none;
}

#header .navbar ul li{
	border-left: 1px solid white;
	color: white;
	padding-right: 8px;
	padding-left: 8px;
	display:inline;
	float: left;
}

#header .navbar ul li:first-child {
	border: none;
}

#header .navbar a{color:white; text-decoration: none; text-transform: uppercase; display: block; margin-right: 8px; padding-left: 8px;}
#header .navbar a:hover{color:#acd113;}

h1 {
	width:393px;
	position:relative;
	top:20px;
	left:490px;
	right:0;
	height:393px;
	background:url(../images/logo.png) no-repeat;
	_background-image:url(../images/logo.gif);
	text-indent:-9999px;
}

#content-container {
	min-height: 100%;
	width: 692px;
	margin-top: -150px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 70px 0px 70px;
	background-color: white;
}

#nanopodium {
	width:290px;
	padding-top: 30px;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}

#left-right{
	overflow: auto;
	width: 680px;
}

#left-right a{
	color: #4c4c4c;
}

#left-right p{
	text-align: justify;
}

#left {width:300px; float: left;}
#right {width:300px; float: right;}

#login {margin: auto; width: 535px; height: 270px;}

#login_top {
	height: 26px;
	background: url(../images/login_top.jpg) no-repeat;
}
#login_mid {
	padding-left: 40px;
	height: 200px;
	background: url(../images/login_mid.jpg) repeat-y;
}
#login_bottom {
	height: 24px;
	background: url(../images/login_bottom.jpg) no-repeat;
}

#left-right .links {
	margin-bottom: 20px;
	height: 150px;
/*	width: 606px;*/
	background: url(../images/links_bg.jpg) no-repeat;
	
}

#left-right .links img {
	float:left;
	margin:7px 30px 8px 8px;
}


#left-right .links p {font-size: 12px; line-height: 18px; padding-top: 0px; color: #4c4c4c;}

a {text-decoration: none; color: #e86096;}

a:hover {text-decoration: underline;}

p.vlakken{
	font-size: 12px;
	line-height: 20px;
	color: white;
	padding: 15px 15px 5px 15px;
}

p.footer {text-align: center; font-size: 10px; color: #4c4c4c;}

h4 {font-size: 12px; text-transform: uppercase; font-weight: bold; color:#e86096; padding-top: 5px;}
h5 {font-size: 16px; text-transform: uppercase; color:#acd113; padding-top: 5px; padding-bottom: 20px;}


#footer {
	padding-top: 70px;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}

p.nieuwe_gebruiker {
	font-size: 11px;
	margin-left: 130px;
	color: #4c4c4c;
}

p.video {
	font-size: 13px;
	line-height: 16px;
	color: #4c4c4c;
	padding-top: 15px;
}

p {
	font-size: 13px;
	line-height: 25px;
	color: #4c4c4c;
	padding-top: 15px;
	padding-bottom: 10px;
}

h2 {
	font-family: futura, arial, sans-serif;
	color: #e86096;
	font-size: 22pt;
	line-height: 22pt;
	text-transform: uppercase;
	margin-bottom: 70px;
}

h3 {
	font-family: futura, arial, sans-serif;
	color: #acd113;
	font-size: 14pt;
	text-transform: uppercase;
	margin-bottom: 70px;
}

table {width: 600px;}

th {
	padding-bottom: 22px;
	color: #acd113;
	text-transform: uppercase;
	font-size: 16px;
}

th.rank {width: 170px;}

td {color: #8A8A8A;	font-size: 14px;}

td.school {
	padding-bottom: 14px;
	font-style: italic;
	font-size: 14px;
	color: #F487B3;
}