html, body
{
	height: 100%;                                                                  
	margin: 0px;
	padding: 0px;
	background-color: #171717;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}

img
{
	border: 0px;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0px;
}

h2
{
	font-size: 11px;
	color: #787878;
}

h3
{
	font-size: 11px;
}

.red{
	color:red;
}

.green .red{
	color:#666;
}

#finance_table a{
	color:#666;
}

.clear
{
	clear: both;
}

#body,
#footer
{
	width: 100%;
	min-width: 900px;
}

#logo_overlay
{
	position: absolute;
}

	#logo
	{
		margin: 0 0 0 375px;
		width: 148px;
	}

#content_overlay
{
	display: none; /**/
	position: fixed;
	z-index: 5;
	width: 100%;
	height: 100%;
	background-image: url(../images/layout/content_overlay-pattern.png);
}

#content_wrapper
{
	display: none; /**/
	position: absolute;
	z-index: 6;
	width: 100%;
	height: 100%;
	border: 0px;
}

	#content_container
	{
		width: 900px;
		margin: 0px auto;
	}
	
		#content
		{
			padding: 22px 30px;
			border: 1px solid #0a0a0a;
			background-color: #FFF;
		}
		
			.content_page
			{
				/*position: fixed;*/
				width: 740px;
				font-family: Verdana, Geneva, sans-serif;
				font-size: 13px;
				color: #000;
			}
			
				.content_page a
				{
					color: #c90b0b;
					text-decoration: none;
				}
				
				.content_page a:hover
				{
					text-decoration: underline;
				}
		
		#content_close, #content_close_top
		{
			float: right;
			padding: 5px;
			font-size: 12px;
			color: #c90b0b;
			text-decoration: none;
			text-transform:uppercase;
			outline:none;
		}
		
		#content_close_top
		{
			display: none;
		}
		
		#content_close:hover
		{
			color: #FFF;
		}

#body
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -50px;
	background-image: url(../images/layout/body-background.gif);
	background-repeat: repeat-x;
	background-position: top;
}

	#body_inner
	{
		width: 100%;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0px auto;
	}
		
		#body_inner p {
			margin-top:0;
		}
		
		#content_holder {
			width:750px;
			margin:0 auto;
			/*padding:55px 0 0;*/
			color:#666;
		}
		
		#content_holder h1 {
			margin:0 0 10px;
		}
		
		#content_holder .mailform td {
			padding:0 0 5px;
		}
		
		#content_holder .mailform .buttons {
			margin:0 0 0 5px;
		}
	
		#header_outer {
		}
		
		#header
		{
			width: 900px;
			height: 140px;
			margin: 0px auto;
		}
		
			#header_xtwo,
			#header_yest
			{
				width: 387px;
				margin: 10px 0px;
				text-align: center;
				line-height: 19px;
			}
			
			#header_xtwo
			{
				position:absolute;
				float: left;
			}
			
			#header_yest
			{
				position:absolute;
				margin-left: 510px;
				float: right;
			}
			
				.login
				{
					width: 387px;
					/*position: absolute;*/
					font-size: 10px;
					text-align: center;
				}
				
				.login2,
				.login3
				{
					display: none;
				}
				
				.login .login-center
				{
					white-space: nowrap;
					height: 19px;
					margin: 0px auto;
				}
				
				.login2 .login-center
				{
					width: 350px !important;
				}
				
				.login a.button,
				.login div.title
				{
					display: block;
					white-space: nowrap;
					margin: 0px 4px;
					padding: 4px 0px 0px;
					height: 15px;
					font-size: 12px;
					color: #fff;
					text-decoration: none;
				}
				
				.login div.title
				{
					float: left;
				}
				
					.login a.button:hover
					{
						color: #c90b0b;
					}
				
				.login input
				{
					float: left;
					width: 105px;
					height: 13px;
					border: 0px;
					margin: 0px 3px;
					padding: 3px;
					background: transparent;
					background-image: url(../images/layout/login_field-background.gif);
					background-repeat: no-repeat;
					font-family: Verdana, Geneva, sans-serif;
					font-size: 11px;
					color: #615f5f;
				}
				
				.login1 a.button
				{
					width: 113px;
					margin: 0px auto;
					background-image: url(../images/layout/login_button-background.gif);
				}
				
				.login2 a.button
				{
					float: left;
					width: 89px;
					background-image: url(../images/layout/login_button2-background.gif);
				}
				
				.login2 div.title
				{
					margin: 0px;
				}
				
				#dynamic-content{
					color:#000;
				}
				
				.login3 div.title
				{
					margin: 0px 3px 0px 4px;
				}
				
				.login3 a.button
				{
					float: left;
					width: 19px;
					margin: 0px 0px 0px 3px;
					background-image: url(../images/layout/login_button3-background.gif);
				}

	#site_select
	{
		width: 900px;
		margin: 0px auto;
	}

#push,
#footer
{
	height: 50px;
}

#footer
{
	margin: 0px;
}

	#footer_inner
	{
		margin: 0px auto;
	}
	
		#menu
		{
			float: right;
			margin: 0px 35px 0px 0px;
			color: #c90b0b;
		}
		
			#menu ul
			{
				margin: 0px;
				padding: 0px;
				list-style: none;
			}
			
				#menu li
				{
					display: inline;
					height: 20px;
					padding: 0px 24px 0px 20px;
					border-right: solid 2px;
					font-size: 11px;
					text-transform: uppercase;
				}
				
				#menu li.last
				{
					border-right: 0px !important;
				}
				
					#menu a
					{
						color: #FFF;
						text-decoration: none;
						outline:none;
					}
					
					#menu a:hover
					{
						color: #c90b0b;
					}
		
			#copyright
			{
				margin: 11px 0px 0px 20px;
				color: #777676;
				font-size: 8px;
				font-weight: bold;
				text-transform: uppercase;
			}


/**** Site select ****/

#xtwo_holder,
#yest_holder
{
	width: 307px;
	margin: 0px 40px;
}

	#xtwo_name,
	#yest_name
	{
		margin: 0px 0px 9px 0px;
		color: #787878;
	}
	
		#yest_name a,
		#xtwo_name a
		{
			color: #787878;
			text-decoration: none;
		}
		
		#yest_name a:hover,
		#xtwo_name a:hover
		{
			color: #c90b0b;
		}
	
	#xtwo_screen,
	#yest_screen
	{
		height: 230px;
	}
	
	#xtwo_screen_mirrored,
	#yest_screen_mirrored
	{
		height: 133px;
	}

#xtwo_holder
{
	float: left;
}

	#xtwo_screen_mirrored
	{
		background-image: url(../images/layout/xtwo_screen-mirrored.png);
	}

#yest_holder
{
	float: right;
}

	#yest_name
	{
		text-align: right;
	}
	
	#yest_screen_mirrored
	{
		background-image: url(../images/layout/yest_screen-mirrored.png);
	}

/*************************************** FINANCE **************************************/

#finance_table{
	margin: 20px 0 10px 0;
	width: 100%;
}

#finance_table th{
	font-size: 14px;
	font-weight: normal;
	text-align: left;
}

#finance_table tr.head th{
	border-bottom: 2px solid #333;
}

#finance_table td, #finance_table th{
	padding: 12px 20px 12px 10px;
	font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
}

#finance_table th{
	color: #222;
}

#finance_table td{
	color:#666;
	font-size: 11px;
}

#finance_table tr.odd{
	background-color: #F1F1F1;
}

#finance_table tr.green{
	background-color:#B9FFBE;
}

#finance_menu_space{
	margin-bottom: 10px;
}

.finance_total{
	text-align: right;
}

/********************** FROMS **********************/

.af_form textarea{
	width:300px;
	height:100px;
}

.af_field_block{
	margin-bottom:5px;
}

.af_field_title{
	width:260px;
}

.af_field_title, .af_field_input{
	float:left;
}

.af_field_clearer{
	clear:both;
}

.af_errors{
	margin-bottom:40px;
	color:#F00;
}

#opleiding_inschrijving{
	padding:10px 0 0 0;
}

.af_group{
	margin-bottom:20px;
}

.af_group_title{
	font-weight:bold;
	margin-bottom:20px;
}

.af_group .af_field_block{
	margin-left:30px;
}

.af_field_text input{
	width:180px;
}


.af_field_postcode input{
	width:80px;
}

.af_send{
	text-align:right;
	padding:0 20px 0 0;
}

#af_ajaxform_newsletter .af_send{
	text-align:left;
}

/*********************************** FORMULIEREN REQUIRED ***********************************/

.af_field_error .af_field_title{
	color:#F00;
}

.af_loader{
	background:url('../images/ajax-loader.gif') no-repeat center 80%;
	display:none;
	position:fixed;
	text-align:center;
	vertical-align:middle;
	background-color:#FFF;
	border:2px solid #010076;
	padding:10px 25px 30px 25px;
	width:150px;

	left:50%;
	margin-left:-100px;
	top:300px;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.af_form{
	padding-bottom:20px;
}

.af_version{
	color:#3A3A3A;
	margin-bottom:15px;
	display:none;
}

.af_uploadframe{
	display:none;
}

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

#media_container{
	height: 400px;
	overflow-y:auto;
}

#download_loader{
	background:url('/cmsfiles/components/download/loader.gif') no-repeat center 80%;
	display:none;
	position:fixed;
	text-align:center;
	vertical-align:middle;
	background-color:#FFF;
	border:2px solid #000;
	padding:10px 25px 30px 25px;
	width:150px;

	left:50%;
	margin-left:-100px;
	top:300px;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#languages {
	margin:0 0 0 378px;
	padding:4px 0 0;
}

#languages a {
	text-decoration:none;
}

#languages img {
	padding: 0 0 0 5px;
}

input.error
{
	color: red;
}

.made-by-webvalue
{
	float: right; color:#777676; margin-right: 23px;
}
