html { 
 margin: 0px; 
}

body {
 vertical-align: top;
 background: #FFFFFF;
 font: 0.9em "Bookman Old Style";
 margin: 0px;
 padding: 0px;
}

#wrapper {
 min-width:960px;
 width: 960px;
 margin-left: auto;
 margin-right: auto;
 overflow:hidden;
}

#header {
 float:left;
 margin-top: 10px;
 height: auto;
 width: 100%;
}

#banner {
 float: left;
 background: url("image/header_banner.png") no-repeat;
 height: 156px;
 width: 100%;
}

#banner h1{
	float: left;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-top: 20px;
	margin-left: 30px;
	padding-bottom: 20px;
	}
/* topnavi styling */

#topnavi {
 float:right;
 border-left: 2px solid #FFFFFF;
 height: 156px;
 width: 160px;
 top: 3px;
 }
 
#topnavi ul{
	float:left;
	list-style:none;
	right: 0px;
	padding: 0px;
	margin: 0px;
	margin-top: 3px;
}

#topnavi ul li {
	height: 40px;
	width:160px;
	padding:0;
	margin:0;
}

.home {
	background: url("image/home_simple_trans.png") top left no-repeat;
}

.contact {
	background: url("image/contact_simple_trans.png") top left no-repeat;
}

.news {
	background: url("image/news_simple_trans.png") top left no-repeat;
}

#topnavi a{
	height:40px;
	width:160px;
	text-align: left;
	padding-top: 10px;
	padding-left:40px;
}

#topnavi a:link, #topnavi a:visited {
 display: block;
 padding-top: 10px;
 float: left;
 color: #FFFFFF;
 text-decoration: none;
 font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}

#topnavi a:active, #topnavi a:hover {
 color: #032BF2;
 text-decoration: underline;
}

/* einde topnavi styling */ 

#body {
	background: #ffffff;
	clear:left;
	width: 976px;
}

#left {
	background: #FFF;
	float:left;
	min-height: 460px;
	width:198px;
	border-right: 2px solid #fff;
	position:relative;
}

#left #foto{
	height: 149px;
	background: url("image/logo_leeg.png ") no-repeat center;
}

#left #bedr img{
	float: inherit;
	clear: inherit;
}

#left p{
	color: #000;
	text-align: center;
}

#main {
	background: #e3e3e3 url('image/conference_roomf.jpg') no-repeat;
	float:left;
	border: none;
	width: 760px;
	/* border-left: 2px solid #fff; */
	min-height: 460px;
	position:relative;
	padding:0;
	margin:0;
}

h1{ 
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #0080CA;
    line-height: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
}

h2{ font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
    font-size: 12px;
    font-weight: normal;
    color: #F12BB0;
    line-height: 16px;
    margin-top: 16px;
    margin-bottom: 0px;
}

a{ color: #0080CA; text-decoration: none; }
a:hover{ color: #2D2975;}

input{border:0px solid #FFFFFF;
	margin:2px 0px 0px 0px;
	height:14px;
	font-size:11px;
	line-height:12px;}

input[type=text] {
	background-color:#85CCEA;
    border: #999 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	color:#FFFFFF;
    line-height: 10px;
	width: 50px;
}

p {
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left:10px;
}
ul {
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#footer {
	background: #0080CA;
	float:left;
	border-top: 2px solid #FFFFFF;
	width: 976px;
	text-align: center;
	color: #FFFFFF;
}

/* Hoofd menu */

#navi-container
{
	float: left;
	height:40px;
	
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	width: 100%;
	background: #0080CA;
}

/* nieuw menu */

#navi, #navi ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#navi a {
	color: #FFF;
	height: 40px;
	line-height:40px; 
	text-align: center;
	background: #0080CA;
	display: block;
	font-family:arial, verdana, sans-serif;
	font-size:11px; 
	font-weight:bold;
	padding:0 30px 0 20px;
}

#navi li {
	float: left;
	width: 10em;
	border-right: 1px solid #FFF;
}

#navi li ul {
	position: absolute;
	display: block;
	width: 10em;
	left: -999em;
}

#navi li a.parent {
	background: #0080CA url(down-arrow.gif) no-repeat right center;
}

#navi li:hover ul, #navi li.sfhover ul {
	left: auto;
	display: block;
	z-index: 2001;
}

#navi li:hover a, #navi li.sfhover a{
	background: #F12BB0;
}

#navi li:hover a.parent, #navi li.sfhover a.parent{
	background: #F12BB0 url(down-arrow.gif) no-repeat right center;
}

#navi li li {
	margin:0;
	width: 149px;
	border-top:1px solid #fff;
}

#navi li li a{
	width:150px; 
	padding:0;
	text-align: left; 
	text-indent:10px;
	border-right: none;
	background:#0080CA; 
	color:#fff; 
	height:30px; 
	line-height:30px;
}	

#navi li:hover li a, #navi li.sfhover li a{
	background: #0080CA;
}

#navi li:hover li:hover a, #navi li.sfhover li.sfhover a{
	background: #F12BB0;
}

#navi li.current a{
	color:#fff; 
	background:#F12BB0;
}

#navi li.current a.parent{
	color:#fff; 
	background:#F12BB0 url(down-arrow.gif) no-repeat right center;
}

#navi li:hover ul li.currentsub a, #navi li.sfhover ul li.currentsub a {
	background:#F12BB0; 
	color:#fff;
}