﻿
/* BEGIN FRAMEWORK LAYOUT */
* {
	margin						: 0;
	padding						: 0;
}

.clearfix:after 
{
	content						: ".";
	display						: block;
	height						: 24px;
	clear						: both;
	visibility					: hidden;
}

html, body	
{
	height						: 100%;
	min-height					: 100%;
	margin						: 0;
	padding 					: 0;
} 

body 
{
	padding						: 0;
	margin						: 0 auto;
	
	min-height					: 100%;
	width						: 100%;

	overflow					: -moz-scrollbars-vertical;	/* TOON ALTIJD EEN SCROLLBAR IN FIREFOX */
	
	font-family					: Verdana, Arial, Helvetica, sans-serif; 
	font-size					: 11px;
	text-align					: center;

	background-color			: #E8E7E7;
}

* html #container 
{	
	height						: 100%;	 /*for IE as IE treats height as min-height anyway*/
}


#clearfooter					{ clear	:both; 	height	:24px; padding-bottom:24px;}			/* needed to make room for footer */
#clearform						{ clear	:both; 	height	:1px;}			/* needed to make room for footer */
* > html #clearfooter 			{ float	:left; 	width	:100%;}			/* ie mac styles */
* html #content 				{ margin-bottom: -24px;}				/* combat IE's 3 pixel jog */
form							{ height:100%; min-height:100%; }
/* EINDE FRAMEWORK LAYOUT */


/* BEGIN WEBSITE LAYOUT */
#container
{
	position					: relative;
	margin						: 0 auto -24px; 

	width						: 980px;
	min-height					: 100%;

	text-align					: left;
	
	border						: 0px solid black;
	
	background-image			: url(../images/IMG_Layout/BG_Background.gif);
	background-repeat			: repeat-y;
}

#header
{
	width						: 980px;
	height						: 114px;
	
	display						: block;
	
	float						: left;
	background-color			: #FFFFFF;
}

	#taalkeuze
	{
		width					: 63px;
		height					: 21px;
		
		display					: inline;
		float					: right;
		margin-right			: 16px;
		margin-top				: 79px;
		
		font-size				: 10px;
		color					: #333333;
		text-align				: center;
		
		/* TIJDELIJK
		visibility:hidden;
		display	:none; 
        */
	}

#navigatie
{
	width						: 199px;
	height						: 451px;
	
	float						: left;
	margin-left					: 26px;
	display						: inline;
	
	border-bottom				: solid 2px #FFFFFF;
}

#content 
{ 
	margin-top					: 0px; 
	min-height					: 100%;
	
	z-index						: 1;

	display						: inline;
	display						: block;
}

#content_holder 
{
	width						: 515px;	
	float						: left;
}

#content_header
{
	width						: 515px;
	height						: 170px;
	
	float						: left;
	margin-left					: 2px;
	display						: inline;
	
	background-color			: #E8E7E7;
}

#content_display
{
	width						: 465px;
	min-height					: 100%;

	float						: left;
	margin-left					: 26px;
	display						: inline;
	
	background-color			: #E8E7E7;
	border						: 0px solid red;
}

#content_extras
{

	width						: 199px;
	min-height					: 100%;

	float						: left;
	margin-left					: 15px;
	display						: inline;
	
	line-height					: 130%;
}

.content_extra_block 
{
	width						: 175px;
	height						: 89px;
	
	float						: left;
	display						: block;
	display						: inline;
	
	margin-left					: 0px;
	margin-bottom				: 18px;
	padding						: 12px;

	text-align					: left;
	background-color			: #EFEEEE;
	
	cursor						: hand; 
	cursor						: pointer;
}

#footer 
{
	width						: 980px;
	height						: 24px;
	
	overflow					: hidden;
	
	margin						: 0 auto;	
	padding						: 0;
	position					: relative;

	clear						: both;
	background-color			: #FFFFFF;
}
/* EINDE WEBSITE LAYOUT */

/* BEGIN ALGEMENE OPMAAK */
IMG.Logo_Gildeprint 
{
	width						: 279px;
	height						: 65px;
	
	float						: left;
	display						: block;
	display						: inline;

	margin-left					: 344px;
	margin-top					: 24px;
}

IMG.Gildeprint_Adres
{
	width						: 199px;
	height						: 38px;
	border						: 0px;
	
	margin-top					: 18px;
	display						: inline;
}
/* EINDE ALGEMENE OPMAAK */


/* BEGIN ALGEMENE KLEUREN */
.BG_paars 
{
	background-color			: #771263;
}

.BG_rood 
{
	background-color			: #DD282D;
}

.BG_donker_geel 
{
	background-color			: #FDB610;
}

.BG_oranje
{
	background-color			: #FC7613;
}

.BG_licht_paars 
{
	background-color			: #6A5B90;
}

.BG_licht_geel 
{
	background-color			: #FECF12;
}

.BG_bruin 
{
	background-color			: #A60000;
}

.BG_donker_paars 
{
	background-color			: #39245E;
}
/* EINDE ALGEMENE KLEUREN */
