@charset "UTF-8";
html {
	font-family: Verdana, Geneva, sans-serif;
}

a {
	display:block;
	text-decoration:none;
	color:inherit;
}

h1 {
	color: #FF0000;
	font-size:36px;
	text-decoration: none;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: oblique;
}

h2 {
	color: #FF0000;
	font-size:24px;
	text-decoration: none;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-align:justify;
}	
	
h3 {
	color: #333333;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
	width:600px;
	word-wrap:break-word;
	
	
}

#container {
	width: 900px;
	height: auto;
	margin: auto;
	margin-top:25px;
	padding: 0px;
	background-color: #9FF;
	
	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	
	-webkit-box-shadow:2px -2px 2px #333;
	-moz-box-shadow:2px -2px 2px #333;
	box-shadow:2px -2px 2px #333;
}

#header {
	width: 900px;
	height: 272px;
	position: relative;
}

#fotoslider{
	width: 900px;
	height: 240px;
	background-color:#9CF;
	
	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}

#title{
	width: 890px;
	height: 20px;
	background-color:#FFFF00;
	padding:5px;
	float: bottom;
	position:relative;
	bottom: 30px;
	Z-index: 15;
	
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

#logo{
	width: 272px;
	height: 272px;
	position:absolute;
	top: -30px;
	right: -65px;
	padding:6px; 
	Z-index:20;
}

/*Hieronder staat de stijl van de knoppen*/

#buttoncontainer{
	position: relative;
	Width: 900px;
	Heigth: 32px;
}

.buttons{
	width: 140px;
	height: 40px;
	position: absolute;
	z-index: 1000;
	
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
	background-color:#5151FF;
	
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #FFFFFF;
	display:inline-block;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	line-height:30px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;
	background-position: center top;
}

.buttons:hover {
	background:-moz-linear-gradient( center top, #80b5ea 5%, #bddbfa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa');
	background-color:#A4A4FF;
	z-index: 1000;
	background-position: center top;
}

.buttons:active {
	position:relative;
	top:1px;
	z-index: 1000;
}

#wiezijnwij{
	top: 0px;
	left: 0px;
}

#helpons{
	top: 0px;
	left: 140px;
}

#doelen{
	top: 0px;
	left: 280px;
}

#fotos{
	top: 0px;
	left: 420px;
}

#acties{
	top: 0px;
	left: 560px;
}

#contact{
	top: 0px;
	left: 700px;
}

#language{
	position: absolute;
	top: 0px;
	left: 840px;
	width: 60px;
	height: 32px;
}

/*Hieronder staat de stijl van de dropdown menus*/
#language li {
	padding: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
	z-index: 1000;
}
	#language li:after {
		content: ""; 
		clear: both; 
		display: block;
	}
	
#language li ul {
	float: left;
	padding: 0px;
	margin: 0px;
	margin-top: 3px;
}
	
#language li ul a {
	display: block; 
	padding: 3px 0px;
	text-decoration: none;
}

#language ul {
	display: none;
}

#language li:hover > ul {
	display: block;
	background-color: #00FF00;
}	

/*Hieronder wordt het contentgedeelte vormgegeven*/

#content{
	height: 1000px;
	width: 900px;
	position:relative;
	background-color: #FFFFFF;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	white-space: normal;
}

#contentleft{
	width: 671px;
	padding:10px;
	position: absolute;
	float: left;
	height: 541px;
}

#sidebar{
	height:600px;
	width: 240px;
	position: relative;
	float: right;
	background-color:#FF1515;
	
}

/*Hieronder wordt de footer vormgegeven*/

#footer{
	Width: 900px;
	height: 200px;
	position: absolute;
	bottom:0px;
	background-color:#FF1515;
}