/* LAYOUT BASIC */
html, body {
	min-height: 100%;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
* {
	margin: 0px;
	padding: 0px;
}
html>body #wrapper {
	height: auto;
}
body {
	background: #b9d8f7 url("../img/body.jpg") repeat-x 0px 0px;
	margin: 0;
	padding: 0;
	min-width: 920px;
	text-align: center;
}
* html body {
	behavior: url("/templates/js/csshover.htc");
}
#elapsed {
	position: absolute;
	top: 0;left:0;
	color: white;
}
#wrapper {
	position: relative;
	background: #fff url("../img/wrapper.png") repeat-y top left;
	margin: 0 auto;
	text-align: left;
	width: 920px;
}
#side-left {
	background: url("../img/sides.jpg") no-repeat top left;
	position: absolute;
	left: 0; top: 0;
	width: 10px; height: 833px;
}
#side-right {
	background: url("../img/sides.jpg") no-repeat -10px 0px;
	position: absolute;
	right: 0; top: 0;
	width: 10px; height: 833px;
}
#header {
	background: url("../img/header.png") no-repeat 0px 0px;
	position: relative;
	width: 900px;
	height: 390px;
	margin: 0 0 0 10px;
	padding: 0;
	text-align: left;
	clear: both;
}
#top1 {
	background: url("../img/payoff_nl.png") no-repeat 171px 45px;
	position: relative;
	width: 900px;
	height: 323px;
	margin: 0;
	padding: 0;
	clear: both;
	text-align: left;
}
#top2 {
	background-color: #004fa3;
	width: 900px;
	height: 40px;
	margin: 0;
	padding: 0;
	clear: both;
	text-align: left;
	z-index: 1;
}
#top3 {
	width: 900px;
	height: 26px;
	margin: 0;
	padding: 0;
	clear: both;
	text-align: left;
	z-index: 1;
}
* html #top3 {
	height: 27px; he\ight: 26px;}
#pagebody {
	background: url("../img/pagebody.png") 0px 0px no-repeat;
	width: 900px;
	margin: 0;
	padding: 0;
	border-top: 1px #d9e5f1 solid;
	clear: both;
}
#footer {
	background: url("../img/footer.png") no-repeat left bottom;
	width: 920px; height: 45px;
}
#topimages {
	position: absolute;
	top: 71px;
	width: 900px;
	height: 252px;
	margin: 0 0 0 0;
	padding: 0;
	overflow: hidden;
}
#topimages img{
	display: inline;
}
#languagemenu {
	background-color: white;
	background: url("../img/languagemenu.png") no-repeat left top;
	position: absolute;
	right: 30px;top: 71px;
	width: 145px; height: 24px;
	z-index: 2;
	text-align: center;
}
#languagemenu div {
	padding: 3px 0px 0 4px;
}
/*#languagemenu a {
	background: url("../img/arrow-blue.png") no-repeat 69px 7px;
	display: block;
	line-height: 12px;
}
#languagemenu a.to_nl {
	background: url("../img/arrow-blue.png") no-repeat 76px 7px;
}
#languagemenu a:hover {
	background-image: url("../img/arrow-orange.png");
}
#languagemenu a img{
	margin-top: 3px;
	margin-left: 17px;
}*/
#languagemenu a {
	float: left;
	margin: 4px 3px 0 0px;
	line-height: 12px;
}
#languagemenu span{ 
	display: none;
}

#logo{
	background: url("../img/logo.png") no-repeat left top;
	position: absolute;
	top: 44px;
	left: 49px;
	width: 108px; height: 89px;
	z-index: 99;
}
#content {
	width: 870px;
	min-height: 445px;
	margin: 5px 0 0 27px;
	padding: 0 0 0 0;
	text-align: left;}
* html #content {
	height: 445px;
}
#contentleft {
	margin: 0;
	padding: 5px 0 0 0;
	width:410px;
	float: left;
	text-align: left;}
#contentcenter {
	width:253px;
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
	border-left: 1px #d9e5f1 solid;
	float: left;
	min-height: 250px;
	text-align: left;}
#contentcenter .content-inner{
	padding-left: 13px;
}
* html #contentcenter {
	width:254px;w\idth:253px;}
	#contentcenter.longversion {
	width: 600px;
	}
/* Hides from IE5-mac  (3 pixel bug ie)
* html #contentleft, * html #contentcenter, #contentright{height: 1%;}\*/
/* End hide from IE5-mac */
#contentright {
	width: 171px;
	margin: 0 0 0 13px;
	border-left: 1px #d9e5f1 solid;
	padding: 5px 0 0 0;
	float: left;
	text-align: center;}
* html #contentright {
	width:172px;w\idth:171px;}


.clear {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 1px;
}

div#bottommenu { 
	width: 900px;
	clear: both;
	margin: 0 0 0 10px; padding: 6px 0 0 0; text-align:center; 
	border-top: 1px #d9e5f1 solid;
	font-size: 12px;  
	color: #aeaeae;
	z-index: 2;}
div#bottommenu a{ 
	margin: 0 5px 0 5px;
	font-size: 12px;  
	line-height: 12px;
	color: #aeaeae;
	text-decoration: none;
}
div#bottommenu a:hover{ 
	color: #aeaeae;
	text-decoration: none;
}
div#bottommenu a.link_active{ 
	color: #fc6d05;
	text-decoration: none;
}


div#topmenu1 { 
	position: absolute;
	top: 27px; right: 18px;
	width: 450px;
	clear: both;
	margin: 0 0 0 0; padding: 0; text-align:center; 
	border-right: 1px #d9e5f1 solid;
	font-size: 13px;  
	color: #004fa3;
	z-index: 2;}
div#topmenu1 a{ 
	display: block;
	float: right;
	margin: 0px auto;
	border-left: 1px #d9e5f1 solid;
	padding: 14px 5px;
	font-size: 13px;  
	line-height: 14px;
	color: #004fa3;
	text-decoration: none;
}
div#topmenu1 a:hover{ 
	color: #fc6d05;
	text-decoration: none;
}
div#topmenu1 a.link_active{ 
	color: #fc6d05;
	text-decoration: none;
}

div#topmenu2 { 
	position: relative;
	top: 5px; left: 27px;
	clear: both;
	margin: 0 0 0 0; padding: 0; text-align:left; 
	font-size: 14px;  
	color: #fff;
	z-index: 2;}
#nav {
	position: relative;
	height: 35px;
	margin: 0 0 0 0; padding: 0 0 0 0;
	list-style: none; text-align: left;
	z-index: 80;}
#nav li {
	background: url("../img/topmenu.png") no-repeat 0px 0px;
	float: left;
    margin: 0 1px 0 0; padding: 0px 0px 0px 9px; border: 0;
 	width: auto;
	list-style: none;}
* html #nav li {
	\display: inline;
	list-style: none;}	
#nav li a {
	background: url("../img/topmenu.png") no-repeat 100% 0px;
	display: block;
	margin: 0 0 0 0; padding: 10px 9px 10px 0px; border: 0;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-decoration: none; line-height: 15px; text-align: center;}
@media all and (min-width: 0px){
   html>body  #nav li a {min-width: 1px;}}
#nav li#li1 a { margin-left: 10px; }
#nav li:hover,
#nav li.current,
#nav li.sfHover {
	background-position: 0px -35px;}
#nav li:hover a, 
#nav li.current a,
#nav li.sfHover a{
	background-position: 100% -35px;
	color: #004fa3;
	text-decoration: none;}
#nav li ul{
	display: none;
	position: absolute;
	left:-10px;
	top:-999em;
	width: 572px;
	list-style-image: none;
	padding: 0 0 0 0; margin: 0 0 0 0; border: 0;
	width: 800px;
	text-align: left;}
* html #nav li ul{}
#nav li ul li {
	background: none;
	margin: 0; padding: 0 0 0 0; border: 0;
	float: left;
	list-style: none;}
	#nav li ul li.firstitem a {	 }
#nav li ul li a, #nav li:hover ul li a, #nav li ul li a {
	background: none;
	display: block;
	margin: 0px 14px 0px 0px; padding: 5px 0 3px 0; border: 0;
	font-size: 13px;
	text-transform: none;
	color: #004fa3; line-height: 15px; text-decoration: none; text-align: left;	}
html>body #nav li ul li a {
	width: auto; }
#nav li ul li a.link_active, #nav li ul li:hover a  {
	color: #fc6d05; text-decoration: none; }
	
#nav li:hover,
#nav li.sfHover,
#nav li.current,
#nav a:focus, #nav a:hover, #nav a:active {}
#nav li.sfHover a,
#nav li.current a,
#nav a:focus, #nav a:hover, #nav a:active {}
#nav li li.current a {
	font-weight: normal;
}
#nav li li:hover,
#nav li li a:focus, #nav li li a:hover, #nav li li a:active {}
#nav li:hover ul, /* pure CSS hover is removed below */
body #nav li.current ul, /* this must be more specific than the .superfish override below */
#nav li.sfHover ul {
	left: 0px;
	top: 35px;
}
body #nav li.current ul {	
	display: block;
}
#nav li:hover li ul,
#nav li.sfHover li ul {
	top:-999em;
}
#nav li li:hover ul, /* pure CSS hover is removed below */
#nav li li.sfHover ul {
	left: 0px;
	top: 35px;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	left: 0px;
	top: -999em;
}	



#counter, .counter {
	position: absolute;	width: 0;height: 0;z-index: -1;top: 0;left: 0;visibility: hidden;}