body {
	margin:0px;
	padding:0px;
	height:100%
}

/* -------- TAALKEUZE -------------------------------------------------------------------------------------------- */

.bg-taal {
	background: url(../img/bg-taal.jpg) no-repeat 50% center;
}

#flash-taal {
	width:320px;
	height:200px;
	margin:22px 0 0 -280px;
	left:50%;
	top:50%;
	position:absolute;
}

#foto-taal {
	width:352px;
	height:212px;
	margin:13px 0 0 50px;
	left:50%;
	top:50%;
	position:absolute;
}

#design {
	width:352px;
	height:20px;
	margin:230px 0 0 50px;
	left:50%;
	top:50%;
	position:absolute;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#design a:link, #design a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration:none;
	font-weight:bold;
}

#design a:hover {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	text-decoration:none;
	font-weight:bold;
}

.bg {

	background: url(../img/bg-content.jpg) no-repeat center top;
}

#flash-taal {
	width:320px;
	height:200px;
	margin:22px 0 0 -280px;
	left:50%;
	top:50%;
	position:absolute;
}

/* -------- LOGIN -------------------------------------------------------------------------------------------- */

#login {
	width:530px;
	height:35px;
	margin:91px 0 0 -99px;
	left:50%;
	position:absolute;
	text-align:right;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #999999;
}

.login-inputveld {
	font: 11px Verdana, Arial, Helvetica;
	color:#666666;
	width: 110px;
	height:20px;
	border: 1px solid #cccccc;
	background-color:#ffffff;
	margin-left:4px;
}


.login-button {
	height: 19px;
	width:50px;
	background-color: #FF6600;
	text-align:center;
	cursor: pointer;
	color:#ffffff;
	font: normal 10px Verdana, Arial, Helvetica;
	border: 1px solid #FF6600;
	margin-left:4px;
}

.form-select {
	height: 20px;
	font: normal 11px Verdana, Arial, Helvetica;
	border: 1px solid #cccccc;
	color:#666666;
}

.spacer {margin-right:4px;}


/* ------------- NAVIGATIE -------------------------------------------------------------------- */

#nav {
	position: relative;
	text-align:center;
	width:890px;
	margin:0px;
	padding:0px;
}

#container {
	text-align:center;
	width:890px;
	margin:128px 0 0 -444px;
	left:50%;
	position:absolute;
	z-index:50;
}

#container a:focus {outline:none} /* will get rid of those annoying outlines the browser creates around clicked links. */

#container li {
	float: left;
	position: relative;
	width: auto;
	margin-left: 0px;
	padding-left: 4px;
	padding-right: 0px;
	list-style: none;
	display: inline;
	text-align:left;
	z-index: 12;
	height:39px;
}

#container li li {
	border-left:none;
	height:22px;
}


#container ul li a {
	color: #ffffff;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-top: 4px;
	margin-top:0px; /* hoofdmenu iets laten zakken */
	height:16px;
	float: left;
	font: bold 12px "Trebuchet MS";
	background: url(../img/spacer.gif) no-repeat left 3px;
	letter-spacing: 0.1em;
}

#container ul li a:hover {
	color: #333333;
	text-decoration: none;
}


li ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	float: left;
	margin-top:10px; /* submenu iets laten zakken */
	width:150px;
	float: left;
	list-style: none;
	margin-left:0px;
}

#container ul li li a {
	text-decoration: none;
	padding-bottom: 3px;
	padding-top:4px;
	padding-right:5px;
	width:190px;
	background-color: #ffffff;
	margin-top:0px;
	margin-left:0px;
	display:block;
	height:16px;
	color: #658D08;
	text-decoration: none;
	font: bold 12px "Trebuchet MS";
	letter-spacing: 0.1em;
	background-image: none;
	border-left:#658D08 solid 1px;
	border-right:#658D08 solid 1px;
	border-top:#658D08 solid 1px;
}

#container ul li li a.bottom {
	border-bottom:#658D08 solid 1px;

}

#container ul li li a:hover {
	color: #ffffff;
	text-decoration: none;
	background-image: none;
	background-color:#658D08;
	background: url(../img/bg-subnav.jpg);
}


#container ul li li a.subnav { background-color:#CEDCE6;}
#container ul li li a.subnav:hover { background-color:#095183; color:#ffffff;}


li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul {
	display: block;
	left: 0px;
	top:22px;
}

#container ul li a.navon {
	color: #333333;
	text-decoration: none;
}


/* -------- CONTACTFORMULIER -------------------------------------------------------------------------------------------- */

#contact-home {width:400px; padding:0px; left:0px; position:relative; background-color:#E2EBEF; }
#contact-home .item {display:block; clear:left; color:#000000; width:45px; float:left; margin:0px; font:11px verdana,arial,sans-serif; padding-top:2px; }
#contact-home .item2 {display:block; color:#000000; width:190px; float:left; margin:0px; font:11px verdana,arial,sans-serif; top:0px; }
#contact-home .item3 { display:block; color:#000000; width:80px; float:left; margin:0px; font:11px verdana,arial,sans-serif; top:0px; }
.home-button {
	height: 19px;
	width:80px;
	background-color: #50A9DC;
	text-align:center;
	cursor: pointer;
	color:#ffffff;
	font: bold 10px Verdana, Arial, Helvetica;
	border: 1px solid #50A9DC;
	margin-left:4px;
	margin-top:1px;
}
.home-inpuveld {
	font: 11px Verdana, Arial, Helvetica;
	color:#666666;
	width: 180px;
	height:20px;
	border: 1px solid #cccccc;
	background-color:#ffffff;
	margin-left:4px;
}


ol { margin-top:4px; margin-bottom:4px; }
ol li { list-style: square; }

#contact {width:300px; padding:0px; left:0px; float:left; position:relative; }
#contact .item {display:block; clear:left; color:#000000; width:100px; float:left; margin:0px; font:11px verdana,arial,sans-serif; padding-top:2px; }
#contact .item2 {display:block; color:#000000; width:100px; float:left; margin:0px; font:11px verdana,arial,sans-serif; padding-top:2px; }

.inputveld {
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	height: 20px;
	width: 186px;
	border: 1px solid #CCCCCC;
}

.textarea {
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#FFFFFF;
	height: 160px;
	width: 290px;
	border: 1px solid #CCCCCC;
	margin-top:6px;
	margin-bottom:6px;
}

.button1 {
	padding: 2px;
	margin: 2px;
	height: 22px;
	width:90px;
	border: 1px solid #eeeeee;
	background-color: #FF6600;
	text-align:center;
	cursor: pointer;
	margin-top:10px;
	margin-left:0px;
	vertical-align:middle;
	color:#FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

.button2 {
	padding: 2px;
	margin: 2px;
	height: 22px;
	width:90px;
	border: 1px solid #eeeeee;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #999999;
	text-align:center;
	cursor: pointer;
	margin-top:10px;
	vertical-align:middle;
	color:#ffffff
}

.red { color:#FF6600; }


/* -------- CONTENT -------------------------------------------------------------------------------------------- */

a:link {
	text-decoration:underline;
	color:#278EBE;
}

a:visited {
	text-decoration:underline;
	color:#278EBE;
}

a:hover {
	text-decoration:none;
	color:#278EBE;
}


#logo {
	width:199px;
	height:78px;
	margin:34px 0 0 -436px;
	left:50%;
	position:absolute;
}

#leftnav {
	width:163px;
	height:133px;
	margin:185px 0 0 -498px;
	left:50%;
	position:absolute;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding-left:12px;
	padding-top:8px;
	background: url(../img/bg-leftnav.png) no-repeat left top;
}

#leftnav a:link, #leftnav a:visited {
	color:#333333;
	display:block;
	width:130px;
	height:20px;
	margin-top:1px;
	padding-left:6px;
	text-decoration:none;
	font: bold 12px "Trebuchet MS";
	border-bottom:#ffffff dotted 1px;
}

#leftnav a:hover {
	color:#FF6600;
	text-decoration:none;
	font: bold 12px "Trebuchet MS";
}

#leftnav a.leftnavon:link, #leftnav a.leftnavon:visited, #leftnav a.leftnavon:hover {
	color:#FF6600;
	text-decoration:none;
	font: bold 12px "Trebuchet MS";
}

#contentbox-home {
	width:860px;
	margin:185px 0 0 -430px;
	left:50%;
	position:absolute;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

#contentbox-home #left {
	width: 410px;
	position:relative;
	float:left;
}

#contentbox-home #right {
	width: 410px;
	position:relative;
	float:right;
}

#contentbox {
	width:710px;
	margin:185px 0 0 -300px;
	left:50%;
	position:absolute;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

#contentbox #left {
	width: 315px;
	position:relative;
	float:left;
}

#contentbox #right {
	width: 315px;
	position:relative;
	float:right;
}

#contentbox #double {
	width: 710px;
	position:relative;
}

#contentbox #double .foto {
	width:110px;
	height:74px;
	position:relative;
	float:left;
	text-align:center;
	margin-top:8px;
	margin-right:15px;
	margin-bottom:10px;
	border:#BEDDEB solid 1px;
}

#contentbox #double .item {
	width: 310px;
	position:relative;
	float:left;
	padding-top:4px;
	padding-right:30px;
	border-top:#333333 dotted 1px;
}


#contentbox #right .item1 {
	width: 45px;
	position:relative;
	float:left;
	padding-top:4px;
}

#contentbox #right .item2 {
	width: 270px;
	position:relative;
	float:left;
	padding-top:4px;
}

h1 {
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-top:2px;
	margin-bottom:2px;
}

h2 {
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #278EBE;
	padding-top:8px;
	padding-bottom:2px;
	margin-bottom:0px;
}

.h2-small { font-weight:normal; font-size:12px; }
.imgborder { border:#BEDDEB solid 1px; }

#newsbox {
	border:#666666 1px dotted;
	width:auto;
	padding:15px;
}

#newsitems {
	margin-bottom:6px; 
	margin-top:0px; 
}

#newsitems a:link {
	text-decoration:underline;
	color:#278EBE;
}

#newsitems a:visited {
	text-decoration:underline;
	color:#278EBE;
}

#newsitems a:hover {
	text-decoration:none;
	color:#278EBE;
}

#title  {
	background-color:#E2EBEF;
	padding:2px;
	width:auto;
	height:auto;
	margin-bottom:4px;
	clear:both;
}

#title a:link {
	text-decoration:none;
	color:#50A9D3;
}

#title a:visited {
	text-decoration:none;
	color:#50A9D3;
}

#title a:hover {
	text-decoration:none;
	color:#666666;
}


#thumb {
	float:left;
	border:#50A9D3 1px solid;
	margin-right:10px;
	margin-top:4px; 
	margin-bottom:2px; 
}

hr {
	BORDER-TOP-STYLE: none;
	BORDER-BOTTOM: 0.1em dotted #666666;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	HEIGHT: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#activities1 {
	width:132px;
	height:104px;
	float:left;
	margin-right:3px;
	background: url(../img/bg-activiteiten1.jpg) no-repeat;
	margin-top:6px;
	cursor:pointer;
}

#activities2 {
	width:132px;
	height:104px;
	float:left;
	margin-right:3px;
	background: url(../img/bg-activiteiten2.jpg) no-repeat;
	margin-top:6px;
	cursor:pointer;
}

#activities3 {
	width:132px;
	height:104px;
	float:left;
	margin-right:3px;
	background: url(../img/bg-activiteiten3.jpg) no-repeat;
	margin-top:6px;
	cursor:pointer;
}

#activities4 {
	width:132px;
	height:104px;
	float:left;
	margin-right:3px;
	background: url(../img/bg-activiteiten4.jpg) no-repeat;
	margin-top:6px;
	cursor:pointer;
}

#activities5 {
	width:132px;
	height:104px;
	float:left;
	margin-right:3px;
	background: url(../img/bg-activiteiten5.jpg) no-repeat;
	margin-top:6px;
	cursor:pointer;
}

#referentie1 {
	width:132px;
	height:104px;
	float:left;
	margin-right:3px;
	background: url(../img/bg_referentie1.jpg) no-repeat;
	margin-top:6px;
}

#referentie2 {
	width:132px;
	height:104px;
	float:left;
	margin-right:3px;
	background: url(../img/bg_referentie2.jpg) no-repeat;
	margin-top:6px;
}
#referentie3 {
	width:132px;
	height:104px;
	float:left;
	margin-right:3px;
	background: url(../img/bg_referentie3.jpg) no-repeat;
	margin-top:6px;
}

#act {
	padding-top:68px;
	text-align:center;
	line-height:13px;
}

.space {padding-right:22px;}
.space2 {padding-right:8px;}

#vacatures {
	background-color:#E2EBEF;
	padding:16px;
	border:#666666 1px dotted;
}

#slides{
	position:relative;
	width:405px;
	height:272px;
	left:50%;
	margin:0 0 0 -225px;
}