/*
Layout CSS
Description: Custom template.
Version: 1.1
Author: AAO Adviesgroep B.v.
*/
	html {
	overflow-y: scroll;/* laat scrollbar zien in Firefox, Chrome, Safari, Opera */
	height: 100%; margin-bottom: 1px; /* laat scrollbar zien in IE */
	}

	html,body {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#7f7f7f;
	text-align:left;
	
	margin:0 auto;
	padding:0px;
	
	background: url(../images/bg.gif) no-repeat 20% 0% fixed #cfcdca;
	/* -moz-background-size: 100%; */
	/* -o-background-size: 100%; */
	/* -webkit-background-size: 100%; */
	}

	a {
	color: #7f7f7f;
	text-decoration:none;
	}
	
	a:hover {
	text-decoration:underline;
	}

	#wrapper {
	background: url(../images/head_bg.jpg) repeat-x 50% 0% fixed;
	}

	#headerwrap {
	position:fixed; /* Zet header op vast en scroll */
	margin: 0 auto;
	top: 0;
	left: 0; /* benodigd voor firefox */
	right: 0; /* benodigd voor firefox */
	text-align:center;
	}
	
	#header {
	position:relative;
	z-index:22; /* overlay alle content bij scrollen */
    top: 0px;
    margin: 0 auto;
	text-align:center;
	min-width: 959px;
	width: 85%;
	height: 164px;
	background: url(../images/header.jpg) repeat-x #ffffff;
	}
	
	#header_right {
	position:relative;
	z-index:1;
	max-height:126px;
	float:right;	
	}
	
	#slogan {
	position:relative;
	margin-top: 106px;
	margin-right: 20px;
	z-index:11;
	float:right;
	font-style: italic;
	color: #feb17e;
	}
	
	#header_left {
	position:absolute;
	z-index:2;
	float:left;
	margin: 22px 0 0 20px;
	}
	
	#header_rotate img { /* Extra lines are needed for IE */
	width:738px !important;
	min-width:638px !important;
	height:126px !important;
	min-height:126px !important;
	}
	
/* TOP NAVIGATIE MENU */
	#navigation {
		clear:both;
		position:absolute;
		padding-top:127px;
		min-width: 959px;
		width: 85%;
		text-align:center;
		z-index: 10;
	}
	#navigation ul, #navigation li {
		display: block;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#navigation li a {
		padding: 10px 30px 10px 30px;
	}
	#navigation li a.sf-with-ul {
	}
	#navigation li {
		float: left;
	}
	#navigation li li {
		text-align:left;
	}

	#navigation ul.level_1 ul.level_2 {
		display: none;
	}
	#navigation, #navigation a  {
		text-decoration: none;
		color: #868686;
	}
	#navigation ul.level_2 a {
		text-transform: none;
	}
	#navigation a:hover {
		text-decoration: underline;
	}

	/*** SUPERFISH ESSENTIAL STYLES ***/
	.sf-menu, .sf-menu * {
		margin:			0;
		padding:		0;
		list-style:		none;
	}
	.sf-menu {
		line-height:	1.0;
	}
	.sf-menu ul {
		position:		absolute;
		top:			-999em;
		width:			10em; /* left offset of submenus need to match (see below) */
	}
	.sf-menu ul li {
		width:			100%;
	}
	.sf-menu li:hover {
		visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
	.sf-menu li {
		float:			left;
		position:		relative;
	}
	.sf-menu a {
		display:		block;
		position:		relative;
	}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		left:			0;
		top:			36px; /* ---2.5em--- match top ul list item height */
		z-index:		99;
	}
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul {
		top:			-999em;
	}
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {
		left:			10em; /* match ul width */
		top:			0;
	}
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul {
		top:			-999em;
	}
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul {
		left:			10em; /* match ul width */
		top:			0;
	}

	/*** SUPERFISH SKIN ***/
	.sf-menu {
		float:			left;
		margin-bottom:	1em;
	}
	.sf-menu a {
		text-decoration:none;
	}
	.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color:			#868686;
	}
	#navigation .sf-menu li li a {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#navigation .sf-menu ul.level_2 {
		margin-left: 0px;
		width: 270px;
	}
	#navigation .sf-menu li ul {
		width: 270px;
		border-left: 1px solid #c2c2c2;
		border-right: 1px solid #c2c2c2;
		border-bottom: 1px solid #c2c2c2;
	}
	#navigation .sf-menu li li li a {
		font-size: 10px;
	}
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, 
	.sf-menu li.true, .sf-menu li.true a, 
	.sf-menu li.sf-breadcrumb, .sf-menu li.sf-breadcrumb a, 
	.sf-menu a:active {
		background: transparent;
		outline:		0;
	}
	.sf-menu li.sf-breadcrumb a,
	.sf-menu li.true a,
	.sf-menu li.sfHover a, 
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu li.true,.sf-menu a:active {
		background: transparent;
	}
	#navigation li li a {
		background:	#e5e5e5;
	}
	#navigation li li a:hover {
		background-color:#c2c2c2;
		text-decoration:none;
	}
	.sf-menu li.sfHover li a, 
	.sf-menu li.sf-breadcrumb li a, .sf-menu li li.sf-breadcrumb a,
	.sf-menu li.true li a, .sf-menu li li.true a,
	.sf-menu a:focus li a, .sf-menu a:hover li a, .sf-menu a:active li a,
	.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
		background-image: none;
	}
	/*** arrows **/
	.sf-sub-indicator {
		display:		none;
	}

	/*
	.sf-sub-indicator {
		position:		absolute;
		display:		block;
		right:			10px;
		bottom: 		20px;
		width:			10px;
		height:			10px;
		text-indent: 	-999em;
		overflow:		hidden;
	}
	*/

/* CONTENT */
	
	#bodycontent{
	padding-top:179px; /* 164px SPACING FOR FIXED HEADER + 15px FOR SPACING TOP OF CONTENT */
	background-color:#ffffff;
	min-width: 959px;
	width: 85%;
	text-align:left;
	}
	
	#content{
	float:left;
	background-color:#ffffff;
	min-width: 650px;
	width: 70%;
	padding-left:15px;
	padding-right:15px;
	min-height:400px;
	}

	#content p, #content span , #content h3{
	line-height:1.5em !important;
	}
	
	#content h1{
	font-size: 1.3em;
	font-weight:normal;
	padding-left:1em;
	background: url('../images/arrow_big.jpg') no-repeat 0px 3px;
	}
	
	#content .rechtsuitlijnen img{
	float:right;
	}
	
	#content .linkssuitlijnen img{
	float:left;
	}
	
/* RECHTERMENU */

	ul.blok {
	  padding: 0;
	  margin: 0;
	  border: solid 1px #ddd;
	}


	ul.blok li{
	  list-style: none;
	  list-style-image: none;
	  list-style-type: none;
	}

	ul.blok a {
	  background: url('../images/arrow.jpg') no-repeat 10px;
	}
	
	ul.blok ul {
	  width: 100%;
	  margin: 0;
	  padding: 0;
	  border: none;
	}
	ul.blok ul ul {
	  margin: 0;
	  padding: 0;
	}
	ul.blok li a {
	  display: block;
	  font-size: 1em;
	  padding: 0.25em 1.5em;
	  border-bottom: solid 1px #eee;
	  color: #888;
	}
	ul.blok a {
	  color: #888;
	  padding: 0.25em 1em;
	}
	ul.blok a:visited {
	  color: #888;
	}
	ul.blok a:hover {
	  color: #000;
	}
	ul.blok ul a {
	  font-size: 0.9em;
	}
	/* Prevent duplicate bottom borders */
	ul.blok li.last a,
	ul.blok li:last-child a {
	  border-bottom: none;
	}

	.block {
		float: right;
		overflow: hidden;
		margin: 0 0 1.25em 0;
		padding: 0 15px 0 0;
		min-width:230px;
		width:20%;
		background: #fff;
		clear:right;
	}
	.block h3.title {
	  background: #fff url('../images/cntblok_top.png') repeat-x bottom left;
	  display: block;
	  padding: 3px 10px;
	  font-weight:normal;
	  font-size:97%;
	  margin: 0;
	  -moz-border-radius-topleft: 0.333em;
	  -webkit-border-top-left-radius: 0.333em;
	  -moz-border-radius-topright: 0.333em;
	  -webkit-border-top-right-radius: 0.333em;
	  border: solid 1px #dddddd;
	  border-bottom: 0;
	}
	.block .block2 {
	  border: 1px solid #dddddd;
	  padding: 0.5em;
	  position: relative;
	}
	.block2 img {
	  border: 0px;
	}
	
/* FOOTER */
	
	#footer {
	padding:40px 0 15px 0;
	min-width: 959px;
	width: 85%;
	background-color:#ffffff;
	color: #868686;
	}

	#footer  a{
	color: #868686;
	text-decoration:none;
	}

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

	#footerbar {
	background-color:#ffffff;
	height:1.2em;
	padding:0.2em;
	min-width: 910px;
	width: 85%;
	border:1px solid #dddddd;
	}
	
	.footer_left {
	background-color:#ffffff;
	float:left;
	padding-left:0.5em;
	}

	.footer_right {
	background-color:#ffffff;
	float:right;
	padding-right:0.5em;
	}
	
/* Forms */
	option, textarea, input, select, file {
		color:#7f7f7f;
		background-color: #f0f0f0;
		border: 1px solid #c2c2c2;
	}

	option {
		border: 0px;
	}

	input.radio {
		background-color: transparent;
		border: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	input, textarea{
	  -moz-border-radius: 0.333em;
	  -webkit-border-radius: 0.333em;
	}
	
	.verificatiecode{
		border:1px solid #c2c2c2;
	  -moz-border-radius: 0.333em;
	  -webkit-border-radius: 0.333em;
	}

/* ajaxSearch result highlighting */
	.ajaxSearch_highlight
	{
		background-color:#fccaa7
	}

/* Sitemap */
	.sitemap li
	{
		list-style-type:square;
		padding:3px 0 10px 0;
	}

	.sitemap ul li
	{
		margin:0 0 0 10px;
		list-style-type:none;
		padding:3px 0 3px 0;
		font-weight:normal;
		list-style-type:circle
	}

	.sitemap ul li ul li
	{
		margin:0 0 0 10px;
		list-style-type:none
	}

/* MaxiGallery */
	img.thumbnail
	{
		background-color:#c2c2c2;
		padding:1px;
	  -moz-border-radius: 0.333em;
	  -webkit-border-radius: 0.333em;
	}
 
	[rel*="lightbox[maxigallery]"]
	{
		padding:1px;
	}