/* ----------------------------------------------------------- */
/* Copyright 2000-2009 (Non-)verbaal, http://www.nonverbaal.nl */
/* ----------------------------------------------------------- */

@import url("reset.css");
@import url("clearfix.css");
@import url("form.css");
@import url("calendar.css");

/* Elements -------------------------------------------------- */
/* ----------------------------------------------------------- */

body {
	color: #461746;
	font: 62.5% Arial, Helvetica, sans-serif;
}

a{
	color: #461746;
	text-decoration: underline;
}

a:hover,
a:active { text-decoration: underline; }

h1 {
	display: block;
	margin: 30px 0 15px ;
	font-size: 2.75em;
}
h2 {
	display: block;
	margin: 0 0 15px ;
	font-size: 2.1em;
}
h3 {
	display: block;
	margin: 50px 0 15px ;
	font-size: 1.5em;
}
a.goto-hms {
	position: absolute;
	top: 50px;
	right: 50px;
}
a.goto {
	text-indent: -9999px;
	background: url(/www/images/goto.gif) top left no-repeat;
	height: 111px;
	width: 205px;
	display: block;
	margin: 0;
	border:none;
}

h1 {
	
}

p { line-height: 200%;}
em { font-style: italic; }

strong { font-weight: 700; }

/* Basic structure ------------------------------------------- */
/* ----------------------------------------------------------- */

#container {
	position: relative;
	width: 954px;
	margin: 10px auto;
}

#main {
	float: left;
	position: relative;
	width: 954px;
	margin-top: 73px;
	background: url(../images/middle.png) top left;
}

#main-inner {
	margin: 100px 0 50px;
	position: relative;
	overflow: hidden;
	width: 100%;
	
}

#wrap {
	float: right;
	width: 900px;
}
#nav {
	float: left;
	width: 119px;
	margin-right: 13px;
}

#content {
	float: left;
	position: relative;
	width: 335px;
	font-size: 1.2em;
	padding: 10px;
}

h1 span.cufon{ margin-bottom: 10px; }
h2 span.cufon{ margin-bottom: 8px; }

#content p {
	margin: 0 0 15px 0;
}
#content p strong{
	font-weight: 700;
}

#sidebar {
	float: left;
	position: relative;
	text-align:center;
	min-height: 300px;
	width: 500px;
}

div#poll {
	float: left;
	position: relative;
	font-size: 1.2em;
	width: 400px;
	margin-left: 100px;
}

#sidebar img{
	margin-top: 40px;
}

#nav {
	float: right;
	position: relative;	
	width: 900px;
}

#header {
	position: absolute;
	height: 73px;
	text-indent: -9999px;
	top: 0;
	left: 0;
	width: 100%;
	background: url(../images/top.png) top left no-repeat;
}
#header h2 a{
	display:block; 
	width: 280px; 
	height: 60px;
	position: absolute;
	top: 5px;
	left: 142px;
}


/* Navigation ------------------------------------------------ */
/* ----------------------------------------------------------- */

#nav ul {
	margin:0;
	position:absolute;
	left:30px;
	top: 104px;
	width: 566px;
}

#nav ul li {
	position: relative;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	z-index:250;
}

#nav li a { 
	display: block;
	height: 48px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(/www/images/nav/menu.png);
	outline: none !important;
}

#nav-home a {
	background-position: 0px 0px;
	width: 68px;
}

#nav-gratis-aanvragen a {
	background-position: -68px 0px;
	width: 176px;
}

#nav-adverteren a {
	background-position: -244px 0px;
	width: 123px;
}

#nav-suggesties a {
	background-position: -367px 0px;
	width: 117px;
}

#nav-contact a {
	background-position: -484px 0px;
	width: 82px;
}

#nav-home a:hover, body#home #nav-home a { background-position: 0px -48px; }
#nav-gratis-aanvragen a:hover, body#gratis-aanvragen #nav-gratis-aanvragen a { background-position: -68px -48px; }
#nav-adverteren a:hover, body#adverteren #nav-adverteren a { background-position: -244px -48px; }
#nav-suggesties a:hover, body#suggesties #nav-suggesties a { background-position: -367px -48px; }
#nav-contact a:hover, body#contact #nav-contact a { background-position: -484px -48px; }


#banner {
	position: absolute;
	top: 150px;
	right: 50px;
	z-index: 2000;
}


/* Footer ---------------------------------------------------- */
/* ----------------------------------------------------------- */

#footer {
	float: left;
	width: 100%;
	background: url(/www/images/bg/bottom.png) top left no-repeat;
	font-size: 1.1em;
	margin-bottom: 15px;
	padding: 25px 25px 0 25px;
}

#footer p{ 
	color: #A59C97; 
	clear: both; 
}

div#footer ul {
	line-height: 1.6em;
	list-style: none;
	margin: 20px 20px 0 0;
	padding-left: 10px;
	float: left;
	width: 155px;
	height: 160px;
	background: url(/www/images/bg/footer.png) top left no-repeat;
}

div#footer ul.last { width: 175px; margin-right: 0; }
div#footer ul li.mobile {background: url(none) no-repeat center left; padding-left: 1.25em; }
div#footer ul.copyright {width: 100%; height: 54px; background: none;}
div#footer ul.copyright li { float: left; }
div#footer ul.copyright li a { color: #461746; text-decoration: underline;}
div#footer ul.copyright li.mitex { padding: 3px 0 0 70px ;}
div#footer ul li.title{	color: #3F0C3F; }
div#footer ul li.title span{ margin-bottom: 5px; }
div#footer ul li.mitex {float: right; margin-right: 60px; }

div#footer ul li a{
	color: #A59C97;
	text-decoration: none;
}
div#footer ul li a:hover{
	color: #666;
	text-decoration: underline;
}