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

/*Tested on:

	Windows IE7
	Windows FireFox 3.0.8
	Windows Safari 3.2.2
	Windows IE8
	
	Apple Firefox 3.0.10
	Apple Safari 3.2.1


*/

/* ================= SELECTORS =================== */



/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}

body{
	background: #000 url(../images/bg.gif) repeat-x;
	font-family:'Lucida grande', "verdana", sans serif;
	font-size:75%;
	line-height: 1.5em;
	color:#fff;
	text-shadow: #444 0 1px 1px;
}

#home{
	background-image:url(../images/bg_home.gif);
}

#wrapper{
	margin:0 auto;
	background:none;
	width:835px;	
}

a, a:link{
	color:#5ee140;
}

h1{
	color:#5ee140;
	font:1.7em "Century Gothic", "verdana", sans serif;
	font-weight: lighter;
	text-shadow: #444 0 1px 1px;
	margin: 0 0 15px 0;
}


h2{
	color:#5ee140;
	font:1.5em "Century Gothic", "verdana", sans serif;
	font-weight: lighter;
	text-shadow: #444 0 1px 1px;
	padding-bottom: 6px;
	border-bottom: 1px solid #303030;
	margin: 10px 0 15px 0;
}

h3{
	color:#5ee140;
	font:1.1em "Century Gothic", "verdana", sans serif;
	font-weight: lighter;
	text-shadow: #444 0 1px 1px;
	padding-bottom: 4px;
	border-bottom: 1px solid #444;
	margin: 20px 0 15px 0;
}

img{
	border:none;
}

p{
	text-align: justify;
}


.smaller{
	font-size: 0.8em;
}

.breadcrumb{
	font-size: 0.9em;
	margin: 0 0 40px 0;
}

/* ================= HEADER =================== */

#header{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#language{
	width:100%;
	height: 20px;
	text-align:right;
	text-transform: uppercase;
	font-size: 0.8em;
}

#language a{
	text-decoration: none;
}

#language a:hover{
	text-decoration: none;
	color: #fff;
}

#logo{
    float:left;
	width:233px;
	height: 60px;
	}


/* ================= MENU-ITEMS =================== */

/** #menu{
	width:553px;
	float:left;
	height: 40px;
	margin-top:8px;
		
}

#menu ul{
	list-style:none;
}

#menu ul li{
	list-style:none;
	float:left;
	text-align:center;
	font-size:11px;
}

#menu ul li a{
	text-decoration:none;
	font:1.25em "Century Gothic", "verdana", sans serif;
	text-shadow: #444 0 1px 1px;
	color:#ffffff;
	padding: 0 0 16px 0;
	margin: 0 10px 0 10px;
	border-bottom: 1px solid #303030;
	
}

#menu ul li a:hover{
    color:#5ee140;
    border-bottom: 1px solid #5ee140;
}

#menu ul li a.active {
    color:#5ee140;
    border-bottom: 1px solid #5ee140;
} **/

#menu-container { 
	display:block; 
	font:0.85em "Century Gothic", "verdana", sans serif;
	position:relative;
	float:left; 
	width:600px;
	height: 40px; 
	margin-top:0;
	z-index: 1;
}

/*
#drop_down_menu { 
	display:block; 
	position:absolute; 
	clear:both; 
	margin:0px; 
	padding:0px; 
	list-style-type:none; 
	text-align:right; 
	width:580px; 
	float:left; 
	text-decoration: none; 
}

#drop_down_menu li { 
	font-size:11px; 
	float:left; 
	cursor:pointer;  
	font:1.20em "Century Gothic", "verdana", sans serif;
	text-shadow: #444 0 1px 1px;
	color:#ffffff;
	padding: 0 0 16px 0;
	margin: 0 9px 0 9px;
	border-bottom: 1px solid #303030; 
	color:#ffffff;
	text-decoration: none;
}
	
#drop_down_menu li a {  
	text-decoration:none;
	color:#ffffff;
	}
	

#drop_down_menu li a.active  {
    text-decoration:none; 
    color:#5ee140;
}
	
#drop_down_menu li ul { 
	margin:0px; 
	padding:0px; 
	list-style-type:none; 
	padding:30px 0 0 0;
	font-size:10px; 
	border-bottom: none;
	text-decoration: none;
}
#drop_down_menu li ul li { 
	display:block; 
	float:none; 
	clear:both; 
	border-bottom: none; 
	text-decoration: none;
}

#drop_down_menu li ul li a { 
	color:#FFFFFF; 
	font-weight:normal; 
	text-decoration:none; 
	display:block; 
	border-bottom: none;
	}

	
#drop_down_menu li ul li a:hover { 
	text-decoration:underline; 
	color:#fff; 
	border-bottom: none;
	}
	
#drop_down_menu li ul li a.active  {
    text-decoration:none; 
    color:#5ee140;
    border-bottom: none; 
}


/* ================= BANNER-ITEMS =================== */

#banner_home{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 220px;
	
}

#banner{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 170px;
	
}

/* ================= CONTENT-ITEMS =================== */

#content{
	margin: 20px 0 0 0;
	padding: 0 0 80px 0;
}


#main_home2{
	float:left;
	width:338px;
	margin-right: 70px;	
}

#main_home3{
	float:left;
	width:337px;
	margin-right: 70px;	
}


#main{
	float:right;
	width:475px;
	margin-right: 70px;	
}

#sidebar{
	float:left;
	width:200px;
	margin-right: 70px;	
}

#main2{
	float:left;
	width:475px;
	margin-right: 70px;	
}

#sidebar2{
	float:right;
	width:200px;
	margin-right: 70px;	
}

#main_wide{
	float:left;
	width:600px;
	margin-left:120px;
	margin-left:165px;
	
}

#main_home{
	float:left;
	width:500px;
	margin-right:50px;
	
}

#sidebar_home{
	float:right;
	width:200px;
	margin-right: 40px;
}

#sidebar_home ul{
	list-style:none;
	margin: 0;
}

#sidebar_home li{
	list-style:none;
	margin: 0;
}

/* ==============================IE6 popup =================================*/
	
/************ alertbox black overlay ************/ 


.overlay_bg { /*achtergrond zwart */
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1001;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
}

#overlay_black_ie6 { /*achtergrond zwart enkel vr ie6 */
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2000px;
    background-color: #000;
    z-index: 1001;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
}


/* styles for IE 5 Mac */
.overlay { 
    display: none;
	/*border: solid 1px black;*/
	background-color: #00ACC9;
	position: fixed;
	top: 20px;
	left: 20px;
	z-index: 1002;
}

/* following rules are invisible to IE 5 \*/
.overlay {
	/*border: solid 1px black;*/
	background-color: transparent;
	top: 45%;
	left: 0;
	width: 100%;
	margin-top: -125px;
	text-align: center;
}
/* end IE 5 hack */ 

.overlay_box {
	position: relative;
	padding: 30px 30px 20px 40px;
	text-align: left;
	width: 500px;
	/*min-height: 200px;
	height:auto !important;
	height: 200px;*/
	margin: 0 auto;
	border: 15px solid #ff6600;
	background-color: #FFF;
}


/* typo overlay */

.overlay h1 {
	position: relative;
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	font-size: 44px;
	font-family: "Klavika-light", "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height: 47px;
	color: #444;
	font-weight: normal;
	left: -19px;
	/*color: #CEC000;*/
	display: block;
}


.overlay h2 {
	position: relative;
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	left: -15px;
	font-size: 26px;
	font-family: "Klavika-light", "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height: 29px;
	color: #444;
	font-weight: normal;
	display: block;
	background: transparent url(../images/arrow_right_news.png) no-repeat 0 6px;
	_background: transparent url(../images/arrow_right_news.gif) no-repeat 0 6px;
}


.overlay p {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	font-size: 12px; /* works in all */
	*font-size: 12px; /* targets IE6 and 7 */
	line-height: 14px; /* works in all */
	*line-height: 15px; /* targets IE6 and 7 */
	color: #444;
}

.overlay a {
	color: #ff6600;
	
}


.overlay ul {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	font-size: 12px; /* works in all */
	*font-size: 12px; /* targets IE6 and 7 */
	line-height: 14px; /* works in all */
	*line-height: 15px; /* targets IE6 and 7 */
	color: #444;
}

.overlay li {
	position: relative;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
}

/* overlaybox 01 elements */

#overlay_01 {
	top: 45%;
	margin-top: -115px;
}

#overlay_01 .overlay_box {
	padding: 30px 30px 25px 40px;
	width: 500px;
	/*min-height: 200px;
	height:auto !important;
	height: 200px;*/
}


/* overlaybox 00 elements for ie6 */

#overlay_00 {
	display: block;
	_position: absolute;
	top: 44%;
	margin-top: -150px;
}

#overlay_00 .overlay_box {
	display: block;
	_position: relative;
	padding: 30px 30px 20px 40px;
	width: 500px;
	min-height: auto;
	height: auto;
}



/* ================= FOOTER =================== */

#footer{
	width:100%;
	margin-top: 30px; 
	padding-bottom: 5px;
	border-top: 1px solid #303030;	
	z-index: 10;
	position: fixed; 
	clear: both; 
	height: 50px; 
	bottom: 0;
	background-color: #000;
}


#footerin{
	margin: 12px auto 4px auto;
	width:835px;	
	
}


/* ================= INPUT =================== */

label {
	line-height: 25px;
	width: 135px;
	float: left;
	clear:left;
}

input {
	font: 12px;
	background: #fff;
	margin: 0 0 5px 0;
	padding: 3px;
	width: 200px;
	border: solid 1px #fff;
}
textarea {
	font: 12px;
	padding: 3px;
	margin: 0 0 5px 0;
	width: 200px;
	height: 40px;
	border: solid 1px #fff;
	background: #fff;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

.input-s {
	margin-left: 120px;
	width: 80px;
	padding: 3px;
	border: solid 1px #fff;
	clear:left;
}

input.input-s:hover {
	background: #ff6600;
	border: solid 1px #fff;
}



/* ================= HACKS =================== */

/* =Clearfix (all browsers)--------------------------------*/.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}/* IE6 */ * html .clearfix {height: 1%;}/* IE7 */*:first-child+html .clearfix {min-height: 1px;}