/* hoofdgroepen indeling */
* { margin: 0; padding: 0; outline: 0 }
body { 
	margin-top: 50px; 
	padding: 0px; 
	font-family: tahoma; 
	font-size: 100%;
	text-align: center;	
	color: #606060; 
	background-color: #04222f;
}

html { 	font: 80% tahoma, Verdana, Arial, Helvetica, sans-serif;
	 	text-align: left;}

#holder {
	height:100%;
	width: 860px;
	margin: 0 auto 0 auto;
	background-color: #21912B;
	border: 0px solid yellow;
	text-align: left;
}

div.padder { 
	padding: 15px; 
}


#content { 
	position: relative; 
	margin: 0px auto 0px auto; 
	height: 100%; 
	width: 860px; 
}

#header { 
	position: relative; 
	width: 100%; 
	height: 70px; 
	background: #21912B url() no-repeat !important;
	text-align: left;
	margin: 0px; 
	color: #000;
}
#menu { 
	position: relative; 
	width: 100%; 
	height: 50px; 
	background-color: #FFDD02;
	text-align: center;
	font: 200% tahoma, verdana, arial, sans-serif;
	margin: 0px; 
	border-top: 1px solid  #04222f; 
	border-bottom: 1px solid #04222f;	
	color: #880815;
}
#contentSection { 
	position: relative; 
	margin: 0px 229px 0px 0px; 
	padding: 0px 50px 0px 25px; 
	background: #C4C6C5 url(img-styling/meidenlicht.jpg) no-repeat !important;
	line-height: 1.3em;
	min-height: 800px;
}
#menuSection { 
	position: absolute; 
	top: 122px; 
	right: 0px; 
	width: 229px; 
	background: #21912B url();
	color: #04222f;
	line-height: 1.3em;	
}

#footer {  
	clear: both;
	position: relative; 
	height: 40px; 
	padding-top: 10px;
	border-top: 1px solid  #000; 
	border-bottom: 1px solid #000;
	background-color: #666;
	color: #fff;
	text-align: center;
	font-size: 85%;
}

#footer a { color: #fff;}
#footer a:visited  { color: #fff;}

/* styling */

h1 { 
	margin: 0px; 
	font-family: tahoma; 
		color: #000;
	font-size: 1.7em;
	line-height: 1.2em;
	padding-bottom: 15px;
}

#contentSection h1 { 
	margin: 0px; 
	font-family: tahoma; 
		color: #880815;
	font-size: 1.7em;
	line-height: 1.2em;
	padding-bottom: 5px;
	
}

h2 { 
	margin: 0px; 
	font-family: tahoma; 
	font-size: 1.3em;
	padding-bottom: 15px;
	line-height: 110%;
}
h3 { 
	margin: 0px; 
	font-family: tahoma; 
	color: #04222f;
	padding-bottom: 5px;	
}

p { padding-bottom: 10px; }
ul { padding-bottom: 10px;
	list-style: none; }

a { text-decoration: none;
	color: #880815;
	font-weight: bold;}

/*Menu links onder logo */
#menu_left {
	padding: 10px;
	background: #21912B;
	color: #000;}
}

* html #menu_left{ /*IE only rule. Original menu width minus all left/right paddings */
	width: 164px;
}

#menu_left ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#menu_left a{
	padding: 4px 3px;
	display: block;
	width: 100%; /*Define width for IE6's sake*/
	color: #8cc63f;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #444444;
}

#menu_left a:visited{
	color: #8cc63f;
	background: transparent;
}

html>body #menu_left a{ /*Non IE rule*/
	width: auto;
}
#menu_left a:hover{
	background-color: #FFDD02;
	color: #000;
}
#menu_left a:active{
	background-color: #8cc63f;
	color: white;
	font: bold;
}

.fl {
float: left;
padding-right: 15px;}
.fr { float: right;}
.i { font-style: italic; }
.igr { font-style: italic; color: #21912B;}
.ige {font-style: italic; color: #FFDD02;}
.line { border: 1px solid black; }
.b { font-weight: bold;}
img {z-index: 100;}


/* form elements */
form {
	margin:10px; padding: 0 5px;
	border: 1px solid #D5D5D5; 
	background-color: #DFDFDF; 	
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:489px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	font: 10px arial, sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #FFF;
	background: #8EB50C url() repeat-x 0 0;
	border: none;
}