/* CSS author Nikola Mircic */



body {
	background: #FFFFFF url(../images/index_grad.jpg) repeat-x left top;
	font: 13px/20px Arial, Helvetica, sans-serif;
	color: #3d413f;
	height:100%;
}

a {
	text-decoration:none;
	color:red;
}

a:hover {
	text-decoration:underline;
}


/* Logo */

#logo {
	float:left;	
	width:74px; height:88px;
	display:block;
}

a.flag {
	position:relative;
	top:10px;
	left:787px;
	display:block;
	padding-left:23px;
	font: 9px Arial, Helvetica, sans-serif;
	color: #3d413f;
	text-decoration:none;
	height:11px; width:70px;
	}
	
a#dutch_flag { background: url(../images/flag_nl_on.gif) no-repeat left top; }	
a#dutch_flag:hover { background: url(../images/flag_nl_on.gif) no-repeat left top;  text-decoration:underline;}	

a#english_flag { background: url(../images/flag_gb_on.gif) no-repeat left top; }	
a#english_flag:hover { background: url(../images/flag_gb_on.gif) no-repeat left top;  text-decoration:underline;}	



/* Layout
 **********************************************************************************/


#wrapper {
	width:786px;
	margin:0 auto;
}	

#header {
	width:786px;
	height:138px;
	position:relative;
	top:18px;
}

#header_nl {
	width:786px;
	height:138px;
	position:relative;
	top:18px;
}


#footer {
	text-align:center;
	width:786px;
	margin-top:30px;
	padding: 15px 0 30px 0;
	font: 10px/15px Arial, Helvetica, sans-serif;
	color: #3d413f;
	}
	
#footer a {
	color: #3d413f;
	}


/* Main menu Englsih **********************************************************************************/

#main_nav {
	float:left;
	position:relative;
	width:696px;
	height:73px;
	left:16px;
	background: url(../images/index-menu-eng.gif) no-repeat left top;
}

#main_nav dd a {
    text-indent: -100em;
    display:block;
	float:left;
}

#main_home a {
	position:absolute;
	left:0px;
	top:0px;
	width:88px;
	height:73px;
}

#main_howitworks  a {
	position:absolute;
	left:88px;
	top:0px;
	width:152px;
	height:73px;
}

#main_municipalities  a {
	position:absolute;
	left:240px;
	top:0px;
	width:157px;
	height:73px;
}

#main_faq  a {
	position:absolute;
	left:397px;
	top:0px;
	width:82px;
	height:73px;
}

#main_contact a {
	position:absolute;
	left:479px;
	top:0px;
	width:110px;
	height:73px;
}

#main_login  a {
	position:absolute;
	left:589px;
	top:0px;
	width:107px;
	height:73px;
}


#main_home a:hover {background: url(../images/index-menu-eng.gif) no-repeat 0 -73px;}
#main_howitworks a:hover {background: url(../images/index-menu-eng.gif) no-repeat -88px -73px;}
#main_municipalities a:hover {background: url(../images/index-menu-eng.gif) no-repeat -240px -73px;}
#main_faq a:hover {background: url(../images/index-menu-eng.gif) no-repeat -397px -73px;}
#main_contact a:hover {background: url(../images/index-menu-eng.gif) no-repeat -479px -73px;}
#main_login a:hover {background: url(../images/index-menu-eng.gif) no-repeat -589px -73px;}


/*
#main_home a:active {background: url(../images/english/menu.gif) no-repeat 0 -146px;}
#main_howitworks a:active {background: url(../images/english/menu.gif) no-repeat -88px -146px;}
#main_municipalities a:active {background: url(../images/english/menu.gif) no-repeat -240px -146px;}
#main_faq a:active {background: url(../images/english/menu.gif) no-repeat -397px -146px;}
#main_contact a:active {background: url(../images/english/menu.gif) no-repeat -479px -146px;}
#main_login a:active {background: url(../images/english/menu.gif) no-repeat -589px -146px;}

*/


/* Main menu Dutch **********************************************************************************/

#main_nav_nl {
	float:left;
	position:relative;
	width:696px;
	height:73px;
	left:16px;
	background: url(../images/dutch/index-menu-nl.gif) no-repeat left top;
}

#main_nav_nl dd a {
    text-indent: -100em;
    display:block;
	float:left;
}

#main_home_nl a {
	position:absolute;
	left:0px;
	top:0px;
	width:90px;
	height:73px;
}

#main_howitworks_nl  a {
	position:absolute;
	left:90px;
	top:0px;
	width:147px;
	height:73px;
}

#main_municipalities_nl  a {
	position:absolute;
	left:237px;
	top:0px;
	width:159px;
	height:73px;
}

#main_faq_nl  a {
	position:absolute;
	left:396px;
	top:0px;
	width:86px;
	height:73px;
}

#main_contact_nl a {
	position:absolute;
	left:482px;
	top:0px;
	width:93px;
	height:73px;
}

#main_login_nl  a {
	position:absolute;
	left:575px;
	top:0px;
	width:116px;
	height:73px;
}


#main_home_nl a:hover {background: url(../images/dutch/index-menu-nl.gif) no-repeat 0 -73px;}
#main_howitworks_nl a:hover {background: url(../images/dutch/index-menu-nl.gif) no-repeat -90px -73px;}
#main_municipalities_nl a:hover {
	background: url(../images/dutch/index-menu-nl.gif) no-repeat -237px -73px;
}
#main_faq_nl a:hover {background: url(../images/dutch/index-menu-nl.gif) no-repeat -396px -73px;}
#main_contact_nl a:hover {background: url(../images/dutch/index-menu-nl.gif) no-repeat -482px -73px;}
#main_login_nl a:hover {background: url(../images/dutch/index-menu-nl.gif) no-repeat -575px -73px;}



/* Layout
 **********************************************************************************/


#wrapper {
	width:827px;
	margin:0 auto;
	background: url(../images/mainimage.jpg) no-repeat left top;
}	

#header {
	width:786px;
	height:138px;
	position:relative;
	top:18px;
}

#head_feature {
	width:827px;
	height:426px;
	position:relative;
}

#online_tutorial {
	width:153px; height:36px;
	position:absolute;
	top:280px; left:611px; 
	text-indent: -9999px; 
	line-height:1px; 
	overflow:hidden;
}

#register {
	width:121px; height:36px;
	position:absolute;
	top:280px; left:35px; 
	text-indent: -9999px; 
	line-height:1px; 
	overflow:hidden;
}