/* Stylesheet "Survival" :: v1 (23-05-2007) */
	/* Coded by "WeCode.fr"  */
	/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2007 "Nom du client" and may not be used by anyone but us. */
	/*

	Style Index
	---------------------

	$1 - Site Structure Styles
		$1.1 - General Styles
		$1.2 - Main Layout Styles
		$1.3 - Shared Layout Styles

	$2 - Content Styles
		$2.1 - General Content Styles
		$2.2 - Heading Styles
		$2.3 - Paragraph Styles
		$2.4 - Link Styles

	$3 - List Styles
		$3.1 - General Lists
		$3.2 - Main Navigation
		$3.3 - Sidebar Lists

	$4 - Image Styles
		$4.1 - General Image Styles
		$4.2 - Image Buttons

	$5 - Table Styles
		$5.1 - General Table Styles

*/ /*** $1 - Site Structure Styles ***/ /* 1.1 - General Styles */
* {
	margin: 0;
	padding: 0;
}

/************************/ /* 1.2 - Main Layout Styles */
body {
	font-family: Verdana;
	font-size: 11px;
}

body.home {
	background: url(../images/bg_main_home_2.jpg) no-repeat top center #000;
}

iframe {
	margin-top: 20px;
}

#home {
	
}

#container {
	background-color: white;
	margin: auto;
	width: 948px;
}

#header {
	background: url(../images/bg_title_pagina_algemeen.jpg) no-repeat left top;
	background-color: white;
	height: 115px;
	position: relative;
	width: 100%;
}

#header_logo {
	padding-top: 12px;
	height: 49px;
	width: 50px;
	position: absolute;
}

#main .grey_left,#main .grey_right,#main .over_extra_block {
	background-color: #59531f;
	clear: left;
	color: white;
	min-height: 352px;
	_height: 352px;
	padding: 20px 30px 20px 0;
}

#main .grey_right {
	padding: 20px 0 20px 30px;
}

#main .white {
	background-color: white;
	color: #8F8F8F;
	height: 850px;
	padding: 20px 20px;
}

.white .left {
	left: 20px;
	position: relative;
	width: 450px;
}

.white .right {
	_left: 10px;
	padding: 0 35px;
	position: relative;
	right: 20px;
	_right: 0px;
	width: 330px;
}

.course_pictures {
	clear: both;
}

/************************/ /* 1.3 - Shared Styles */
#container .left {
	float: left;
}

#container .right {
	float: right;
}

#container .nopadding {
	padding: 0 0 0 0;
}

#container .nomargin {
	margin: 0 0 0 0;
}

#container .noborder {
	border: 0;
}

#container .nobackground {
	background: none;
}

#container .block {
	display: block;
}

#container .clear {
	clear: both;
	height: 0;
}

#container .center {
	text-align: center;
}

/*** $2 - Content Styles ***/ /* 2.1 - General Content Styles */
a:link,a:visited {
	color: #AEF714;
	text-decoration: none;
}

a:hover,a:active {
	text-decoration: underline;
}

/************************/ /* 2.2 - Heading Styles */
h1 {
	color: black;
	float: right;
	font-size: 15px;
	font-weight: normal;
	_font-weight: bold;
	padding: 10px 0;
	position: relative;
	right: 65px;
	top: 45px;
}

body.home h1 {
	display: none;
}

h2 {
	font-size: 11px;
	font-weight: bold;
}

h3 {
	font-size: 14px;
	margin-bottom: 15px;
}

.white .right h3 {
	left: 5px;
	position: relative;
}

h4 {
	color: black;
}

/************************/ /* 2.3 - Paragraph Styles */
.white .right p {
	left: 5px;
	position: relative;
}

p {
	margin-bottom: 15px;
}

#info {
	color: black;
	font-weight: bold;
}

/************************/ /* 2.4 - Link Styles */
body.home a {
	color: #fff;
	font-size: 11px;
}

body.home a:hover {
	color: #AEF714;
	text-decoration: underline;
}

#main a {
	
}

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

#header ul a,#header a.forum {
	color: #8F8F8F;
	font-size: 12px;
	text-decoration: none;
}

#header ul a:hover,#header .current a,#header a.forum:hover {
	color: #AEF714;
}

/*** $3 - List Styles ***/ /* 3.1 - General Lists */
.grey_right ul {
	margin-bottom: 15px;
}

.grey_right ul li {
	left: 16px;
	list-style-image: url(../images/li.png);
	position: relative;
}

.white ul li {
	color: black;
	left: 16px;
	list-style-image: url(../images/li_black.png);
	position: relative;
}

/************************/ /* 3.2 - Main Navigation */
.home ul#nav.topnav {
	margin-top: 420px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

body.home li {
	color: #fff;
	display: inline;
	font-size: 11px;
	text-transform: uppercase;
}

#header ul {
	left: 0;
	position: relative;
	top: 75px;
}

/* Style: Main Navigation Home */
	#header-home ul.topnav {
		width: 615px;
		position: relative;
		top: 0px;
	}
	.mac.gecko #header-home ul {
		width: 642px;
	}
	.safari #header-home ul {
		width: 648px;
	}
/* Style: Main Navigation Home */

#header li {
	color: #8F8F8F;
	display: inline;
	float: left;
	font-size: 12px;
	margin: 0 0 0 2px;
	position: relative;
	text-transform:uppercase !important;
}

#header li .subuls {
	border-bottom: 1px solid #ccc;
	background: #fff;
	display: none;
	position: absolute;
	top: 1.2em;
	left: 0;
	color: #E2144A;
	text-transform:lowercase !important;
	width: 15em;
}

#header li .subuls li {
	border: 1px solid #ccc;
	border-width: 1px 1px 0 1px;
	margin: 0 0 0 0;
	text-transform:lowercase !important;
	width: 100%;
}

#header li .subuls li a {
	background: #fff;
	color: #777;
	display: block;
	padding: 5px;
}
         

#subMenusContainer li a {
	text-transform:lowercase !important;
}
#header li .subuls li a:hover {
	background: #f9f9f9;
 	text-transform:lowercase !important;
 color: #E2144A;
}

#header li>ul {
	/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#header li:hover ul,#header li.over ul {
	/* lists nested under hovered list items */
	display: block;
}

#header a.lang {
	background: url(../images/bg_lang_uk.gif) no-repeat;
	display: block;
	height: 19px;
	text-indent: -4000px;
	position: absolute;
	top: 18px;
	right: 0;
	outline: none;
	width: 28px;
}

#header a.forum {
	display: block;
	height: 19px;
	position: absolute;
	top: 52px;
	right: 20px;
	outline: none;
	text-transform: uppercase;
	width: 28px;
}       

#nav a {
}

#facebook {
	float: left;
	margin:0;
	padding:0;
}

#facebook.nothome {
	float: none;
}

#facebook a {
	padding: 0 0 5px 5px !important;
}

#facebook a:hover {
	border: none;
	background: none;
}

#facebook img {
	margin: 0;
	padding:0;
	background: none;
}

/************************/ /* 3.3 - Sidebar List */
	/************************/ /*** $4 - Image Styles ***/
	/* 4.1 - General Image Styles */
img {
	border: none;
}

.icon {
	margin-top: 20px;
}

.icon_right {
	left: 300px;
	margin-top: 20px;
	position: relative;
}

.grey_left img {
	float: left;
	margin-right: 30px;
}

.grey_right img {
	margin-left: 30px;
}

.left img {
	position: relative;
	right: 5px;
}

/************************/ /* 4.2 - Image Buttons */
	/************************/ /*** $5 - Form Styles ***/
	/* 5.1 - General Form Styles */
fieldset {
	margin: 0 0 36px 0;
	padding: 0 5px 18px 5px;
	width: 350px;
}

legend {
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 5px 0 5px;
}

label {
	display: block;
	margin: 18px 0 0 0;
}

input.input_checkbox {
	margin: 18px 0 0 0;
}

label.label_checkbox,label.label_radio {
	display: inline;
}

input.sc {
	display: none;
}

table#agenda {
	border-bottom: 1px solid black;
	border-collapse: collapse;
	border-left: 2px solid #838383;
	border-right: 1px solid black;
	border-top: 2px solid #838383;
	empty-cells: show;
	font-size: 12px;
	margin: 15px auto;
	padding: 0 15px;
	width: 850px;
}

th {
	background-color: #EBECEE;
	font-weight: bold;
	padding: 3px 5px 3px 15px;
	text-align: left;
}

td {
	padding: 3px 5px 3px 15px;
}

.blank {
	background-color: white;
}

.blank td {
	padding: 0;
}

.even {
	background-color: #DADADC;
}

.odd {
	background-color: #EBECEE;
}