@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	padding:10px 20px;
	font:12px Arial, Helvetica, sans-serif;	
	color:#000000;
}
body.preview {padding-top:35px;}
a {
	color:#999;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
html, body, #wrapper {
	height: 97%;
	margin:0;
	padding:0;
}
div#wrapper {
	padding:10px;
	/* border nodig voor positie menu */
	border:1px solid white;
}
body > #wrapper {
	height: auto;
	min-height: 100%;
}
ul {
	list-style:none;
	margin:0;
	padding:0;
}
h1 {
	font:normal 28px Arial, Helvetica, sans-serif;
	margin:3px 0 20px 0;
	padding:0;
	letter-spacing:1px;
	line-height:28px;
}

h2 {
	font:normal 24px Arial, Helvetica, sans-serif;
	padding-bottom:6px;	
	margin:19px 0 8px 0;
	background:url(../img/divider.gif) no-repeat bottom left;
	/*border-bottom:1px dotted #C6C6C6;*/
	color:#C6C6C6;
	letter-spacing:1px;	
}
h3 {
	margin-bottom:3px;
}
h3 a {color:#000000;}
h3 a:hover {color:#999;}

h3 a i {font-size:11px;}

p { 
	margin:0 0 10px 0;
	padding:0;
	}

/* HTML ELEMENTS */


/* MAIN */

div#content {
	margin:0 0 -25px 270px;/* must be same height as the footer */
	padding:0;
	position: relative;
	/*border: 1px solid #fff;*/
	width:466px;
/*	font: 10px/13px Verdana, Geneva, sans-serif;*/	
	font: 11px/14px Verdana, Geneva, sans-serif;	
	display: block;
	/*border:1px solid red;*/
}

div#content.ajax {
	margin:0 0 -25px 0;/* must be same height as the footer */
}
/* MENU */

ul#mainNav
{
	position:fixed;
	float:left;
	font-size:26px;
	line-height:32px;	
	list-style:none;
	font-weight:lighter;
	margin:0;
	padding:0;
	background-color:white;
	letter-spacing:1px;
}
ul#mainNav li a {position:relative;clear:both;}

ul#mainNav li.header a {color:#222;}

ul#main li.active ul {display:block;}

ul#mainNav li.news {
	float:left;
	clear:both;
}
ul#main li.n1 a div em
{
	position:absolute;
	right:-26px;
	top:2px;
}

/*a em {display:none;}*/

ul#mainNav li a:hover {text-decoration:none;}
ul#mainNav ul {
	display:none;
	list-style:none;
	margin:0;
	padding:0;
}
ul#main, ul#news {
	position:relative;
	zoom:1;
	background-color:white;
	display:block;
}

/*
 * menu
 */

ul#main li, ul#news li  {
	position:relative;
	white-space:nowrap;
	height:32px;
	clear:both;	
}
ul#main li {padding-left:10px;}

ul#main li a em, li.main a.main em
{
	position:relative;
	top:2px;
}
ul#main li a
{
/*	border:1px solid red;*/
}

ul#main li a.cycle {
	float:left;
	z-index:0;
}
	
ul#main li a img {border:none;margin-right:10px;}

ul#main li.n1 {z-index:-1;padding-left:0;}
	
ul#main li ul
{
	position:absolute;
	top:0;
	right:0;
	z-index:100;
/*	background-color:red;*/
}
a.cycle div
{
	display:none;
	background-color:white;
}

/*
 * news
 */
ul#news
{
	width:960px;
	/* border is nodig voor de slide */
	border:1px solid white;
}
ul#news li {
	display:block;
	float:left;
	clear:none;					
}

ul#news li a {
	color:#747474;
	display:block;
	clear:none;
	padding-right:10px;
}

ul#news a i
{
	font-size:16px;
	padding-right:10px;
	font-style:normal;
} 

ul#news img {
	border:none;

}


/* CONTENT */

a.side, a.back {
	font:normal 28px Arial, Helvetica, sans-serif;
	display:block;
	clear:both;
	position:fixed;
	top:12px;
	left:760px;
	margin:0;
	padding:0 0 0 27px;
	background-image: url(../img/back.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	color:#747474;
	letter-spacing:1px;
}
body.preview a.side, body.preview a.back {top:47px;}
a.back {
	left:880px;
}	
a.side:hover, a.back:hover {
	color:#222;
	background-image: url(../img/back_2.gif);
}


/* FOOTER */

ul#footer {
	position:fixed;	
	margin: 0 /* negative value of footer height */ 0 0 0;
	height: 23px;
	left:12px;
	bottom:4px;
	clear: both;
	/*	border: 1px solid red;*/
	list-style:none;
	padding:0;
	color: #999;
	font-size:15px;
	letter-spacing:1px;
}
ul#footer li {
	float: left;
	width: auto;
}
ul#footer em {
	font-style:normal;
	color:#222;
}
ul#footer li {
	margin-right:15px;
}
/* GENERAL CLASSES */

.clearfix:after, div#content:after, ul.media:after, ul.list li:after, ul.download:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac and IE-win \*/
* html .clearfix, div#content, ul.media, ul.list li, ul.download {
	height: 1%;
}
/* End hide from IE-mac */

/***********************************/
/************ PREVIEW BAR **********/

div#previewBar {
	position:fixed;
	background:url(../img/bg_topbar.png) repeat-x top center transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	height:35px; /* 30px  */
	line-height:20px; /* 30px */
	padding:6px 0 6px 0;
	top:0px;
	left:0px;
	text-align: center;
	z-index:10;
	width:100%;
}

div#previewBar div#wrap {
	width:960px;
	margin:0 auto 0 auto;
}

div#previewBar span#cmsTitle {
	float:left;
	color:#666;
}

div#previewBar span#userOptions {
	float:right;
	color:#666;
}

div#previewBar span#userOptions span { /* semicolon */
	color:#999; 
	margin:0 3px 0 3px;
}

div#previewBar a {
	color:#5EA2D5;
	text-decoration: none;
}

div#previewBar a:hover {
	color: #333333;
}

div#previewBar img.logo {
	border: none;
}


/************ PREVIEW BAR **********/
/***********************************/