/* Compositie ********************************************/

body {background:#384D4D;
	background:url(../img/bg.jpg) 0 -143px repeat-x;}

#container {
	width:900px;
	min-height:600px;
	margin:0 auto;
	background:url(../img/bg.png) repeat;

}
#footer { display:block;
			width:900px;
			min-height:20px;
			margin:0 auto 15px auto;
			padding:15px 0;
			background:url(../img/footerrepeat.png);
			text-align:center;
			color:#f4f4f4;
			-webkit-border-radius: 0px 0px 20px 20px;
        border-radius: 0px 0px 20px 20px;
		}
#footer p { color:#f4f4f4; }		
#footer a {color:#f4f4f4;}		

#lang{ display:block;
		position:absolute;
		margin:0 24px 0 705px;
		padding:4px;
		color:#fff;}
		
#lang a { color:#fff;
			margin:0 0 0 14px;}		
	
	
#lang a.active { color:#fff;
			margin:0 0 0 14px;}		
	
#lang a:visted { color:#fff;
			margin:0 0 0 14px;
			font-weight:bold;}
					
#lang a:hover { color:#fff;
			margin:0 0 0 14px;}		
				
		
#textholder { width:850px;
				min-height:520px;
				margin:0 auto;
				height:auto;
				background:url(../img/contentbg.png) repeat;
				padding:15px;}

#title {
	float:left;
	width:100%;
	height:50px;
	margin-top:100px;
	margin-left:50px;
}
#title p { color:#222F2F; padding:10px; font-size:1.2em;}
#title a { color:#222F2F; text-decoration:none;}

div.text { width:600px;
			float:left;}

.photo { display:block;
		float:right;
		margin:15px;
		padding:5px;
		width:150px;
		height:150px;  }
		
.photo img { width:100%; 
			height:auto;
			}		

#logo-name {
color:#222F2F !important;
font-size:50px;
font-style:italic;
font-weight:normal;
margin:0;
padding:0;
text-decoration:none;}


#menu {
	float:left;
	width:100%;
	height:30px;
	padding:0;
	background-color:#222F2F;
}

#content {
	float:left;
	width:860px;
	padding:10px;
}

/* Menu ********************************************/

/* ul */


div#header
{
display:block;
width:900px;
height:150px;
margin:25px auto 0 auto;
background:url(../img/header.png) 0 0 no-repeat;

}



#menu ul {
	position: relative;
	float: left;
	margin-left:5px;
	z-index: 597;
}
#menu ul ul {
	display:none;
	top: 100%;
	left: 0px;
	width: 100%;
	margin-left:0px;
	z-index:598;
}
#menu ul ul ul {
	margin-left:100%;
	margin-top:-30px;
}

#menu li:hover>ul {
	display:block;
	position:absolute;
	left:0px; top:100%;
	width:auto;
	border-bottom:solid 1px #CCDD99;
}

/* links */
div.linkimage { display:block; height:85px; width:150px; overflow:hidden; float:left;  clear:left; padding:0; border:none; margin:15px 0 0 0;  }
div.linkinfo { display:inline; height:85px; width:300px; float:left; margin:15px 0 0 20px;  }

/* li */

#menu li {
	list-style:none;
	display:inline;
	float:left;
	margin-left:10px;
	padding:5px;
	white-space:nowrap;

}
#menu ul.lev2 li.sub {
	border-right:double #CCDD99;
}
#menu li:hover {
	position:relative;
	border-right:none;
	z-index:599;
}
#menu li.lev1 ul li {
	float:none;
	display:block;
	width:auto;
	padding:5px;
	border:solid 1px #CCDD99;
	border-top:none;
	border-bottom:none;
}

div.ClearAll { display:block; height:1px; width:100%; clear:both;}

/* a */

#menu li a {color:#fff;text-decoration:none;}
#menu li a:hover, #menu li a.active {text-decoration:underline;}



/* FORMS */
.error {color:#F00;margin:0px;padding:0px;}
form {margin-top:10px;}
fieldset {border:none;margin:0px;padding:0px;}
legend {display:none;}
label {font-weight:bold;}
label,input,textarea {display:block;}
input,textarea{margin-bottom:10px;border:solid 1px #CCC;cursor:pointer;}
.radioOption {margin-left:15px;}
input.radio, input.checkbox {float:left;margin:5px 10px 0px 0px;}
input.checkbox {margin-top:3;}
