* {
margin: 0px;
padding: 0px;
text-decoration: none;
}

img {
border: none;
}

html {
height: 100%;
overflow-y: scroll;
}

body{
font-family: Arial;
height: 100%;
}

#container{
margin: 0 auto;
width: 990px;
height: 100%;
}

#content{
font-size: 12px;
min-height: 439px;
display: table;
position: relative;
width: 990px;
}

#content #left{
float: left;
width: 137px;
display: table;
padding: 0px 0px 40px 0px;
}

#content #left #submenu{
margin: 178px 0px 0px 18px;
}

#content #left #submenu a{
/*line-height: 30px;*/
clear: both;
font-size: 12px;
display: block;
margin: 0px 0px 15px 0px;
}

#content #left #submenu a:hover{
font-size: 12px;
}

#content #mid{
min-height:439px;
height:auto !important;
height:439px;
float: left;
width: 660px;
z-index: 9;
}

#content #right{
float: left;
width: 189px;
display: table;
}

#menu{
margin: 91px 0px 0px 47px;
position: absolute;
width: 620px;
z-index: 12;
}

#menu .item{
margin: 0px 0px 10px 0px;
*margin: 0px 0px 0px 0px;
float: left;
}

#menu .item .text{
z-index: 2;
position: relative;
display: inline-block;
padding: 5px 10px 0px 10px;
margin: 0px 14px 12px 0px;
text-transform: uppercase;
font-size: 14px;
color: #fff;
height: 21px;
}

#menu .item .shadow{
margin: -36px 0px 0px 3px;
z-index: 1;
position: relative;
display: block;
background: #fff;
}

br.clear{
clear: both;
}

a#logo_osg{
position: absolute;
display: block;
z-index: 12;
}

#header{
margin: 0px 0px 0px 137px;
position: absolute;
width: 724px;
height: 203px;
}

#header #hide{
position: absolute;
width: 765px;
height: 203px;
z-index: -1;
}

#header #image{
margin: 0px 0px 0px 80px;
position: absolute;
width: 649px;
height: 203px;
z-index: -2;
}

#header #image img{
position: absolute;
}

#lines_vector_header{
margin: 0px 0px 0px 367px;
position: absolute;
width: 437px;
height: 291px;
z-index: 11;
}

#bolletjes_kader_links{
margin: 19px 0px 0px 148px;
position: absolute;
width: 15px;
height: 346px;
background: url('images/bolletjes_kader_links.png') no-repeat;
z-index: 11;
}

#kleur_je_toekomst{
margin: 16px 0px 0px 762px;
position: absolute;
width: 181px;
height: 104px;
z-index: 15;
}

#content #mid #inhoud{
margin: 210px 0px 0px 34px;
width: 580px;
}

#content #mid #inhoud #nav{
font-size: 12px;
}

#content #mid #inhoud #nav a{
font-size: 12px;
}

#content #mid #inhoud #nav a:first-letter{
text-transform: capitalize;
}

#content #right #menu_right{
position: relative;
margin: 120px 0px 0px 70px;
width: 115px;
}

#content #right #menu_right #top{
clear: both;
}

#content #right #menu_right a#top{
margin: 0px 0px 0px 4px;
padding: 2px 0px 0px 0px;
text-align: center;
font-family: Arial;
font-size: 12px;
color: #fff;
width: 103px;
height: 17px;
display: block;
clear: both;
}

#content #right #menu_right #left{
float: left;
}

#content #right #menu_right a#left{
margin: 6px 0px 0px 0px;
padding: 2px 0px 0px 0px;
text-align: center;
font-family: Arial;
font-size: 12px;
color: #fff;
width: 49px;
height: 17px;
display: block;
float: left;
}

#content #right #menu_right #right{
float: left;
}

#content #right #menu_right a#right{
float: left;
margin: 6px 0px 0px 6px;
padding: 2px 0px 0px 0px;
text-align: center;
font-family: Arial;
font-size: 12px;
color: #fff;
width: 52px;
height: 17px;
display: block;
}

#content #right #roosterwijzigingen{
margin: 28px 0px 0px 25px;
}

#dots{
margin: 5px 0px 5px 0px;
display: block;
width: 156px;
height: 4px;
}

#content #right #roosterwijzigingen a{
font-size: 12px;
text-decoration: underline;
}

#content #right #roosterwijzigingen a:hover{
text-decoration: none;
}

#content #right #zoeken{
margin: 27px 0px 0px 25px;
}

#input{
margin: 10px 0px 0px 0px;
}

#input #input_bg_left{
width: 4px;
height: 23px;
float: left;
}

#input #input_bg_right{
width: 5px;
height: 23px;
float: left;
}

#input input.zoeken{
margin: 0;
padding: 2px 0px 0px 0px;
float: left;
width: 149px;
height: 20px;
border: solid 0px;
}

#zoeken input{
margin: 5px 0px 0px 0px;
}

#content #right #nieuws{
margin: 24px 0px 0px 25px;
}

#content #right #nieuws a.titel{
display: block;
margin: 15px 0px 0px 0px;
font-size: 12px;
text-decoration: underline;
}

#content #right #nieuws a.titel:hover{
text-decoration: none;
}

#content #right #nieuws p{
font-size: 12px;
color: #000;
}

#content #right #nieuws a.lees_meer{
font-size: 12px;
text-decoration: underline;
}

#content #right #nieuws a.lees_meer:hover{
text-decoration: none;
}

#content #mid #inhoud #voorpagina{
margin: 33px 0px 0px 0px;
width: 550px;
}

#content #mid #inhoud #voorpagina #left{
float: left;
width: 254px;
}

#content #mid #inhoud #voorpagina #right{
float: left;
width: 254px;
}

#content #mid #inhoud #voorpagina #activiteiten #titel{
position: relative;
z-index: 2;
}

#content #mid #inhoud #voorpagina #activiteiten #items{
z-index: 1;
margin: -13px 0px 0px 10px;
background: #a9cc72;
width: 243px;
}

#content #mid #inhoud #voorpagina #activiteiten #items table{
font-size: 12px;
color: #000;
margin: 15px 10px 10px 10px;
width: 223px;
background: #a9cc72;
}

#content #mid #inhoud #voorpagina #activiteiten table td.dot{
background: url('images/activiteiten_dot.gif') repeat-x;
}

#content #mid #inhoud #voorpagina #activiteiten table td a{
font-size: 12px;
color: #000;
text-decoration: underline;
}

#content #mid #inhoud #voorpagina #activiteiten table td a:hover{
text-decoration: none;
}

#content #mid #inhoud #voorpagina #nieuws{
margin: 20px 0px 13px 0px;
}

#content #mid #inhoud #voorpagina #nieuws #dot{
margin: 7px 0px 0px 0px;
width: 240px;
height: 4px;
}

#content #mid #inhoud #voorpagina #nieuws{
margin: 20px 0px 0px 25px;
}

#content #mid #inhoud #voorpagina #fotos{
margin: 20px 0px 0px 0px;
}

#content #mid #inhoud #voorpagina #fotos{
position: relative;
z-index: 2;
}

#content #mid #inhoud #voorpagina #fotos #afbeelding{
padding: 0px 0px 5px 0px;
position: relative;
z-index: -1;
margin: -14px 0px 0px 12px;
width: 243px;
}

#content #mid #inhoud #voorpagina #fotos #vacatures{
padding: 0px 0px 5px 0px;
position: relative;
z-index: -1;
margin: -14px 0px 0px 12px;
width: 243px;
}

#content #mid #inhoud #voorpagina #fotos #tekst_homepage{
padding: 0px 0px 0px 0px;
width: 550px;
}

#content #mid #inhoud #voorpagina #fotos h2{
margin: 5px 0px 0px 10px;
font-size: 12px;
font-weight: bold;
color: #58a618;
}

#content #mid #inhoud #voorpagina #fotos p{
margin: 0px 0px 0px 10px;
font-size: 12px;
font-weight: normal;
color: #ffffff;
}

#content #mid #inhoud #voorpagina #fotos a{
color: #ffffff;
text-decoration:underline;
}

#content #mid #inhoud #detail{
width: 600px;
overflow: hidden;
}

#content #mid #inhoud #detail h1{
margin: 0;
font-size: 14px;
color: #00336e;
}

#content #mid #inhoud #detail p{
margin: 0px 0px 15px 0px;
font-size: 12px;
color: #000000;
}

#roosterwijzigingen p{
font-size: 12px;
}

#roosterwijzigingen a{
font-size: 12px;
}

#roosterwijzigingen a:hover{

}

div.landing{
font-size: 12px;
clear: both;
height: 80px;
}

div.landing img{
display: block;
}

div.landing a{
float: left;
}

div.landing p{
float: right;
width: 140px;
}

#lines_right{
position: absolute;
margin: 0px 0px 0px 790px;
}

#vacatures a{
display: block;
padding: 8px 8px 8px 8px;
}

.contact{
clear: both;
width: 520px;
}

.contact label{
margin: 5px 0px 0px 0px;
display: block;
width: 100px;
float: left;
}

.contact input{
margin: 5px 0px 0px 0px;
}

.contact textarea{
width: 300px;
height: 100px;
margin: 5px 0px 0px 0px;
}

ul{
margin: 0px 0px 0px 30px;
}

ol{
margin: 0px 0px 0px 30px;
}

u{
text-decoration: underline;
}

.logo_bottom{
margin: 180px 0px 0px 25px;
}

#header #image .cycle img{
display: none;
}

	/* fotoalbum */	
	#fotoalbum td.eerste	{
	padding:0 47px 8px 0;
	width: 179px;
	}
	
	#fotoalbum .titel	{
	width:179px;
	font-size:12px;
	vertical-align:bottom;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:8px;
	}
	
	#fotoalbum .bekijk	{
	padding:0 0 0px 0;
	}
	
	#fotoalbum .video-afspelen	{
	width:179px;
	height:136px;
	display:block;
	position:absolute;
	background:url(../images/video-afspeelknop.png);
	}
	
	#fotoalbum-vervolg .vergroot-knop	{
	width:20px;
	height:20px;
	display:block;
	position:relative;
	top:73px;
	background:url(../images/vergroot-knop.png);
	}
	
	#fotoalbum-vervolg .foto	{
	margin:-21px 0 0 0;
	}
	
	#fotoalbum-vervolg td	{
	padding:0 0 0px 0;
	}
	/* einde fotoalbum */