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

/* #asdfsafsda = id */
/* .suydfisauh = class */
/* img = afbeeldingbestanden */
/* p = paragrafen met tekst */
/* ol = gesorteerde lijst met cijfers*/
/* ul = ongesorteerde lijst */
/* li = lijst */
/* table = Tabel*/
/* td & th & tr =  vakken in de tabel*/
/* a = hyperlinks aanspreken*/

/*het gedeelte waarin de banner zich bevind, het bovenste plaatje*/
#header {
	margin : 0em;
}
/*De gehele html code in zijn totaliteit*/
body {
	background : url(../images/home/background.jpg) repeat-y center top;
	font-family: Verdana, Geneva, sans-serif;
}

h2{
	font-family:"Lucida Calligraphy", "Lucida Grande", sans-serif;
	margin-top: 0em;
}
/*lettergrootte van (p) alinea's*/
p {
	font-size: 0.8em;
}
/*het gedeelte waar de header, content en footer zich in bevinden*/
#wrapper {
	width : 740px;
	margin : 0em auto 0em auto; /*denken van boven, rechts, onder, links*/ 
	/*auto aan links en rechts geeft aan dat het geheel in het midden gecentreerd wordt*/
	background : #000000;
}
/*lettergrootte (li) lijsten*/
ul.list {
	font-size: 0.8em;
	margin-left: -2em;
	margin-right: -1em;
}


/*-----------------------------------------------------------------------------------------------*/
/*--------------------------------------- Hoofd Menu --------------------------------------------*/

/*main menu*/
#main_menu {
	width: 30px;
}
#main_menu div {
	display : block;
	float: left;
	}
.menu_font {
	font-family:"Lucida Calligraphy", "Lucida Grande", sans-serif;
	font-weight:bold;
	margin: 2em 0em 0em 0.5em;
}
#main_menu div.leeg a{
	color: #f4f1c9 !important;
	border-radius: 10px;
}
#main_menu div.leeg a:hover{
	color: #e5bb54 !important;
	border-radius: 10px;
}
 /*belangrijk voor actieve verborgen submenu's*/

#main_menu div.wit {
	display : block;
	/*list-style: none;*/
	font-size: 18px;
	height: 40px;
	text-align:right;
	background: #f4f1c9;
	border: 3px outset #333;
	border-radius: 10px;
	padding-bottom: 1.3em;
	margin-bottom: -0.9em;
	margin-top: -0.9em;	
}
/*als er over een link met de muis heen gegaan wordt verandert deze naar de volgende kleur*/
#main_menu div.wit:hover {
	display: block;
	color: #000000;
	background: #e5bb54 ;
}
#main_menu div.wit a{
	padding:1.1em;
	display : block;
	width: 200px;
	text-align:right;
	color: #000;
	text-decoration : none;
}
/*de actieve pagina weergeven in menubalk*/
#main_menu div.active-item a {
	display: block;
	color: #000000;
	background: #e5bb54;
	border-radius: 10px;
}
#main_menu div.leegzwart{
	font-size:0px;
	width: 170px;
	height: 29px;
}
#main_menu div.zwart {
	position: relative ;
	display: block;
	background: #000000;
	border: 2px outset #999;
	border-radius: 10px;
	font-size:0px;
	width: 170px;
	height: 25px;
}
#main_menu div.zwart:hover{
	display: block;
	background: #666;
	border: 2px outset #999;
	border-radius: 10px;
	font-size:0px;
	width: 170px;
	height: 25px;
}


/*--------------------------------------------------------------------------------------*/
/*---------------------------------------------inhoud algemeen------------------------*/
/*inhoud*/
.content{
	float: right;
	border: 5px groove #e5bb54;
	border-radius: 20px;
	width: 350px;
	padding: 1em 1.8em;
	margin: 1em 2em -0.3em 0em;
	color: #f4f1c9 !important;
}
.content2{
	clear:both;
	border: 5px groove #e5bb54;
	border-radius: 20px;
	/*width: 350px;*/
	padding: 1em 1.8em;
	margin: 0em 2em 1em 0.8em;
	color: #f4f1c9 !important;
}
.content3{
	float: right;
	border: 5px groove #e5bb54 !important;
	border-radius: 25px !important;
	width: 624px;
	height: 468px;
	padding: 0em;
	margin: 0.8em 2.5em 0em 2em;
	position: relative;
	top: -470px;
	left: 215px;
}
#backgrounddiv{
	border-radius: 22px;
}
#backgroundImg{
	border-radius: 20px;
}

/*blokken borders enz*/