/* ********** [ GENERAL ] ********** */

* {
	margin: 0px;
	padding: 0px; }

div.clear {
	clear: both; }

body {
	margin: 0px;
	padding: 0px;
	cursor: default;
	font: 11px arial, verdana, sans-serif;
	color: #191919;
	background: #ffffff url('../images/bg.png') repeat-x; }


/* ********** [ PAGE ] ********** */

div#page_wrap { }

	div#page { }

#accessibility {
	text-indent: -99999px;
	display: none;
	position: absolute -1932x -1067px;
}

/* ********** [ HEADER ] ********** */

div#header_wrap {
	margin: 0px auto;
	width: 972px;
	height: 60px; }

	div#header { background: url('../images/header_bg.png') repeat-x;
	width: 972px;
	height: 139px;} 

	div#header h1 {
	background: url('../images/spacer.gif') no-repeat;
	padding-left: 60px;
	float: left;
	height: 60px;
	font: bold 24px/60px Trebuchet MS, tahoma, arial, sans-serif;
	color: #191919; }
 
	div#header h1 span { }
			
	div#logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 205px;
	height: 92px;
	cursor: pointer;
}

div#zoeken{
	position: absolute;
	left: 318px;
	top: 4px;
	width: 670px;
	color: #fff;
}

div#stats{
	position: absolute;
	left: 222px;
	top: 46px;
	width: 150px;
	height: 63px;
	font: 10px arial, verdana, sans-serif;
	color:#fff;
}


div#hoofdmenu{
	position: absolute;
	left: 329px;
	top: 30px;
	width: 650px;
	height: 63px;
}

div#verteldoor{
	position: absolute;
	left: 850px;
	top: 100px;
	width: 100px;
	height: 32px;
}


/* ********** [ FOOTER ] ********** */

div#footer_wrap {
	margin: 0px auto;
	margin-top: 17px;
	width: 972px;
	height: 38px;
	background: url(../images/footer_bg.png) no-repeat; }

	div#footer {
		font: 11px/38px arial, verdana, sans-serif;
		color: #555555;
		text-align: center; }

		div#footer a {
			font: 11px/38px arial, verdana, sans-serif;
			color: #962a2a;
			text-decoration: none; }

		div#footer a:hover {
			text-decoration: underline; }


/* ********** [ CONTAINER ] ********** */

div#container_wrap {
	position:relative;
	width:972px;
	text-align:left;
	margin:0px auto 0px;}
	
	div#container {margin-left: -166px;
	}

/* ********** [ CONTENT ] ********** */

#content_wrap {
	width: 972px;
	}
	
	#content {
	margin-top:-28px;
	}

#liquid-round {
width:100%;
margin:0px auto;
background:#f0f0f0 url(../images/leftside.png) repeat-y left top;
}
.top {
width:100%;
height:20px;
padding-bottom: 8px;
background:url(../images/top.png) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:55px;
background:url(../images/top-right.png) no-repeat right top;
}
.center-content {
position:relative;
background:url(../images/rightside.png) repeat-y right top;
padding:1px 20px 0px 25px;
margin:14px 0 -16px 0;
}
.bottom {
width:972px;
height:16px;
margin-left: -25px;
background:url(../images/bottom.png) no-repeat left bottom;
}
.bottom span {
display:block;
position:relative;
height:16px;
background:url(../images/bottom-right.png) no-repeat right top;
}
p {margin:0 0 1em 0}
	

/* ********** [ MAIN NAVIGATION ] ********** */

div#headernav_wrap {
	margin: 0px auto;
	width: 800px;
	height: 70px;
	background: url("navbar_bg.gif") repeat-x; }

	div#headernav {
		height: 51px;
		background: url("navbar_hearts.gif") no-repeat 100% 0px; }

		div#headernav ul {
			padding: 19px 0px 0px 30px;
			height: 32px;
			list-style-type: none;
            background: url('navbar_bullet.gif') no-repeat; }

			div#headernav ul li {
				float: left; }

				div#headernav ul li a {
					padding: 0px 10px;
					height: 25px;
					display: block;
					float: left;
					font: bold 12px/25px arial, verdana, sans-serif;
					color: #ffffff;
					text-decoration: none; }

					div#headernav ul li a:hover {
						text-decoration: underline; }


/* ********** [ USER NAVIGATION ] ********** */

div#usernav_wrap {
    width: 650px; 
	height: 30px;
	position: absolute;
	left: 167px;
	top: 103px;}

	div#usernav {
		margin: 0px auto;
		width: 650px; }

		div#usernav ul {
		    list-style: none; }

			div#usernav li {
				padding: 0px 3px;
				background: url("usermenu_div.gif") no-repeat;
				float: left; }

			div#usernav li.first {
				padding: 0px 3px 0px 0px;
				background: none; }

				div#usernav ul li a {
					padding: 0px 3px;
					height: 30px;
	    			display: block;
                    float: left;
				    font: 11px/30px arial, verdana, sans-serif;
					color: #962a2a;
					font-weight:bold;
				    text-decoration: none; }

					div#usernav ul li a:hover {
						text-decoration: underline; }



/* ********** [ COMMON ITEMS ] ********** */

div.hr {
		margin: 20px 0px 0px 0px;
		height: 1px;
		background: url('hr.gif') repeat-x; }

	h2 {
		margin-bottom: 5px;
		font: bold 14px/16px arial, verdana, sans-serif;
		border-bottom: 1px solid #d4d4d4; }

	h3 {
		margin: 0px;
		font: bold 18px Trebuchet MS, tahoma;
	    color: #191919; }

	h4 {
		font-size: 14px;
	    color: #962a2a;
	    margin: 0 0 12px 0;
	    cursor:pointer;
	    text-decoration:none;}
		
	h5 {
	    font-size: 12px;
	    color: #191919;
	    margin: 0 0 12px 0;
	    text-decoration:none;}


p {
	font: 11px/16px arial, verdana, sans-serif;
	color: #222222; }

	a {
		
		color: #962a2a;
		text-decoration: none;
		font-weight:bold }

		a:hover {
		color: #962a2a;
			text-decoration: underline; }
			
/* ********** [ USER NAV ] ********** */

.nav {
	float: left;
}
.nav-wrapper {
	clear: both;
	float: left;
}
.nav-left {
	
}
.nav-right {
	
}
.nav ul {
	width: 648px;
	height: 32px;
	float: left;
	margin: 0;
	list-style: none;
	font-size: 15px;
}
.nav li.first {
	background:none;
}

.nav li {
	float: left;
	padding: 2px; 7px 5px 5px;
	background: url(usermenu_div.gif) no-repeat;
	position: relative;
	z-index: 1;
}
.nav li.last {
	background:none;
}
.nav li:hover {
	z-index:2;
}
.nav li a {
	display: block;
	line-height: 38px;
	overflow: hidden;
	float: left;
}
a .menu-left {
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-mid {
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
	font: 12px arial, verdana, sans-serif;
	font-weight:bold;
	padding-top: 5px;
	cursor:pointer;
}
a .menu-right {
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -37px;
	line-height: 35px;
	font: 12px arial, verdana, sans-serif;
	font-weight:bold;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
	
}
.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
.nav li .sub {
	display: none;
	position: absolute;
	top: 17px;
	left: 6px;
	width: 186px;
	padding-top: 12px;
	margin-left: -9px;
}

.nav li ul {
	background: url(../images/menu/submenu_bg.png) repeat-y;
	width: 162px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	font-size: 14px;
}

.nav li:hover li,
.nav li.active li {
	width: 100%;
	padding: 1px 0 2px;
	border-bottom: 1px #D8DFEA dotted;
	background: none !important;
}
.nav li:hover li a,
.nav li.active li a {
	font: 12px arial, verdana, sans-serif;
	font-weight:bold;
	background: none !important;
	line-height: normal;
	width: 156px;
	padding: 8px 3px 3px;
	text-indent: 1px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {

	line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	
	line-height: normal;
}
/**/
.nav .btm-bg {
	background: url(../images/menu/submenu_bottom.png) no-repeat;
	width: 205px;
	height: 9px;
	overflow: hidden;
	clear: both;
}

div.om {
	margin-right:10px; margin-bottom:5px; }