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

body {
    /*background-color: #35323A;*/
	background-image: url(../pict/floral0102.gif);	
}

.clear {
	clear: both;	
}
img {
	border-style: none;
}
/* main */
.main {
	
}

.loader {
	padding-left: 210px;
	padding-top: 130px;
	
}

/* Header */
.header {
	width: 100%;
	background-color: #312e36;
	height: 50px;
}
.live_search {
	background-color: white;
	height: 20px;
	width: 215px;
	float: right;
	
}

/* Sub-header */
.sub_header {
	background-color: #312e36;
	width: 700px;
	margin: 0 auto;
	min-height: 300px;

}
.picture_container_header {
	width: 450px;
	height: 300px;
	overflow: hidden;
}
.content_header_container {


}
.img_header {
	position: absolute;
}
.content_over {
	position: absolute;
	z-index: 100;
}

.content_header_invisible {
	display: none;
	width: 450px;
	height: 40px;
	margin-top: 261px;
	position: absolute;
}
.live_menu_img{
	position: absolute;
	display: none;
	padding-top: 0px;
}
.content_header_text_invisible {
	display: none;
	width: 452px;
	height: 40px;
	margin-top: 260px;
	position: absolute;	
	padding-top: 10px;
	padding-left: 15px;
	font-size: 11pt;
	font-family: sans-serif;
	font-weight: bolder;
	color: white;
}
/* Live Search*/
#searchform { margin:0px; font-size:18px; }
#searchform div { color:#eeeeee; }
#searchform div input { font-size:18px; padding:5px; width:320px; }
#suggestions{ position: relative; left:-107px; width:320px; display:none; z-index: 99999;}

/* SEARCHRESULTS */
#searchresults { border-width:1px; border-color:#919191; border-style:solid; width:320px; background-color:#a0a0a0; font-size:10px; line-height:14px; }
#searchresults a { display:block; background-color:#e4e4e4; clear:left; height:56px; text-decoration:none; }
#searchresults a:hover { background-color:#b7b7b7; color:#ffffff; cursor: pointer; }
#searchresults a img { float:left; padding:5px 10px; }
#searchresults a span.searchheading { display:block; font-weight:bold; padding-top:5px; color:#191919; }
#searchresults a:hover span.searchheading { color:#ffffff; }
#searchresults a span { color:#555555; }
#searchresults a:hover span { color:#f1f1f1; }
#searchresults span.category { font-size:11px; margin:5px; display:block; color:#ffffff; }
#searchresults span.seperator { float:right; padding-right:15px; margin-right:5px;}
#searchresults span.seperator a { background-color:transparent; display:block; margin:0px; height:10px; color:#ffffff; }

.pic_live_search {
    width: 70px;
    height: 50px;
    overflow: hidden;
}

/* menu's */
.menu_top {
	width: 700px;
	margin: 0 auto;
	padding-top: 25px;
	color: #cbc8c8;
}

.live_menu {
	width: 250px;
	float: right;
	position: absolute;
	padding-left: 450px;
	padding-top: 10px;
}
	/* live menu: */
	.live_menu_topic_1 {
		width: 250px;
		height: 75px;
		float: right;
		margin-top: 0px;	
		font-family: Trebuchet MS, sans-serif;
		font-size: 14pt;
		font-weight: bolder;
		text-align: center;
		color: white;
		cursor: pointer;
	}

	.live_menu_topic_2 {
		width: 250px;
		height: 75px;
		float: right;
		background-color: green;
		margin-top: 100px;
		position: absolute;	
		font-family: Trebuchet MS, sans-serif;
		font-size: 14pt;
		font-weight: bolder;
		text-align: center;
		color: white;
		cursor: pointer;
	}
	
	.live_menu_topic_3 {
		width: 250px;
		height: 75px;
		float: right;
		background-color: purple;	
		margin-top: 200px;
		position: absolute;
		font-family: Trebuchet MS, sans-serif;
		font-size: 14pt;
		font-weight: bolder;
		text-align: center;
		color: white;
		cursor: pointer;
	}
	
/* What's new menu */
	.menu_whats_new_container {
		width: 700px;
		margin: 0 auto;
	}
	.menu_whats_new_nonhover {
		background-image: url('../pict/whats_new_nonhover.png');
		color: white;
		font-family: sans-serif;
		font-size: 10px;
		width: 70px;
		background-repeat: no-repeat;
		padding-left: 7px;
		padding-right: 3px;
		padding-top: 10px;
		padding-bottom: 17px;
	}
	.menu_whats_new_hover {
		background-image: url('../pict/whats_new_hover.png');
		color: white;
		font-family: sans-serif;
		font-size: 10px;
		width: 70px;
		background-repeat: no-repeat;
		padding-left: 7px;
		padding-right: 3px;
		padding-top: 10px;
		padding-bottom: 17px;
	}	
	/* main menu */
	
	.menu_mid {
		background-color: #312e36;
		padding-top: 20px;
		width: 700px;
		height: 50px;
		margin: 0 auto;
	}
	
	.menu_links_container{
		margin-left: 17px;
	}
	.menu_mid_link1_nonactive {
		background-color: #1a1b1b;
		width: 96px;
		height: 40px;
		color: white;
		font-size: 12pt;
		font-family: sans-serif;
		font-weight: bolder;
		text-align: center;
		padding-top: 10px;
		float: left;
		cursor: pointer;
	}

	.menu_mid_link2_nonactive {
		background-color: #1a1b1b;
		width: 96px;
		height: 40px;
		color: white;
		font-size: 12pt;
		font-family: sans-serif;
		font-weight: bolder;
		text-align: center;
		padding-top: 10px;
		margin-left: 18px;
		float: left;
		cursor: pointer;
	}
	.menu_mid_link1_hover {
		background-color: #AAAEB7;
		width: 96px;
		height: 40px;
		color: white;
		font-size: 12pt;
		font-family: sans-serif;
		font-weight: bolder;
		text-align: center;
		padding-top: 10px;
		float: left;
		cursor: pointer;
	}
	.menu_mid_link2_hover {
		background-color: #AAAEB7;
		width: 96px;
		height: 40px;
		color: white;
		font-size: 12pt;
		font-family: sans-serif;
		font-weight: bolder;
		text-align: center;
		padding-top: 10px;
		margin-left: 18px;
		float: left;
		cursor: pointer;
	}

	
/* Linkjes menu top */
		
a:link.menu_top_link {
	color: #cbc8c8;
	font-family: Trebuchet MS, Verdana;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bolder;
}
a:visited.menu_top_link {
	color: #cbc8c8;
	font-family: Trebuchet MS;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bolder;
}
a:hover.menu_top_link {
	color: #cbc8c8;
	font-family: Trebuchet MS;
	text-decoration: underline;
	font-size: 10pt;
	font-weight: bolder;
}
a:link.menu_top_link_big {
	color: #cbc8c8;
	font-family: Trebuchet MS, Verdana;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bolder;
}
a:visited.menu_top_link_big {
	color: #cbc8c8;
	font-family: Trebuchet MS;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bolder;
}
a:hover.menu_top_link_big {
	color: #cbc8c8;
	font-family: Trebuchet MS;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bolder;
}
a:link.popup {
	color: white;
	font-family: Trebuchet MS, Verdana;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bolder;
}
a:visited.popup {
	color: white;
	font-family: Trebuchet MS;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bolder;
}
a:hover.popup {
	color: white;
	font-family: Trebuchet MS;
	text-decoration: underline;
	font-size: 11pt;
	font-weight: bolder;
}
a:link {
	color: #392333;
	text-decoration: none;
}
a:visited {
	color: #392333;
	text-decoration: none;
}
a:hover {
	color: black;
	text-decoration: underline;
}
.link_inschrijven {
	background-color: #004D99;
	width: 200px;
	height: 40px;
	padding-top: 15px;
	text-align: center;
}
	
/* main container */
.container {
	width: 700px;
	background-color: #aaaeb7;
	min-height: 500px;
	margin: 0 auto;
	
}

/* Login container */
.login_container{
	width: 700px;
	margin: 0 auto;
	display: none;
	margin-top: -30px;	
	position: absolute;
}
.login {
	width: 280px;
	min-height: 200px;
	background-color: #312e36;
	color: white;
	font-family: sans-serif;
	font-size: 9pt;
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;

	
} 
.text_login {
	width: 380px;
	min-height: 190px;
	background-color: #392333;
	color: white;
	font-size: 9pt;
	padding-lefT: 10px;
	padding-top: 10px;
	padding-right: 10px;
	font-family: sans-serif;	
	float: right;
}
/* footer */

.footer {
	margin: 0 auto;
	margin-top: 70px;
	margin-bottom: 50px;
	
	width: 680px;
	height: 50px;
	background-color: #593750;
	color: white;
	padding-left: 20px;
	padding-top: 50px; 
	font-size: 7pt;
	font-family: sans-serif;
	
}
.whitespace {
	height: 75px;
}

/* Main container styles. */
#text_empty {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	color: black;
	font-size: 10pt;
	font-family: Trebuchet MS, sans-serif;
	
}


/* Image Slider jQuery */
#header_slide { 
   width: 450px; /* important to be same as image width */ 
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#header_slideContent {
   width: 448px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.header_slideImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.header_slideImage span {
   position: absolute; /* important */
   left: 0;
   font: 12px sans-serif;
   font-weight: bolder;
   padding: 10px 13px;
   width: 424px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   margin-bottom: 1px;
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}

/*Inloggen classes */
.error_login {
	background-color: #FffFCC;
	width: 700px;
	height: 30px;
	margin: 0 auto;
	font-family: sans-serif;
	font-weight: bolder;
	font-size: 14pt;
	color: red;
	display: none;
	position: absolute;
}
.error_login_veld_leeg {
	background-color: #FffFCC;
	width: 700px;
	height: 30px;
	margin: 0 auto;
	font-family: sans-serif;
	font-weight: bolder;
	font-size: 14pt;
	color: red;
	display: none;
	position: absolute;
}


.ingelogd_container {
	background-color: #392333;
	width: 680px;
	position: absolute;
	margin: 0 auto;
	color: white;
	font-size: 9pt;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	font-family: sans-serif;
	display: none;
	z-index: 50;
}

.inloggen_totaal {
	width: 700px;
	margin: 0 auto;
	min-height: 170px;
}

.hidden {
	width:0 !important;
	height:0 !important;
	border:0 !important;
}
/* Links */
a:link.ingelogd_container_link {
	cursor: pointer;
	color: white;
	font-family: Trebuchet MS, Verdana;
	text-decoration: none;


}
a:visited.ingelogd_container_link {
	color: white;
	font-family: Trebuchet MS;
	text-decoration: none;


}
a:hover.ingelogd_container_link {
	color: white;
	text-decoration: underline;
	font-size: 9pt;
	cursor: pointer;
}

.mouseovertable {
	
	cursor: pointer;
}