@charset "utf-8";
/* CSS Document */


/* Hoofd eigenschappen */
body{
	background-color:#1b1915;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#033;
	border:none;
	padding:0px;
	margin:0px;
	background-image:url(images/bg.png);
}
.clear{
	clear: both;	
}
#main{
	margin: 0 0 0 180px;
	text-align: left;
	width:950px;
	height:auto;
	float: left;
}
#bgBottomRightCon{
	margin: 0 0 0 100px;
	position: relative;
	width:800px;
	height:10px;
	float: left;
	z-index:-10;
}
/*
#background{
	position: relative;
	width:100%;
	height:auto;
	float: left;
	z-index:-10;
}*/

#bgTopLeft{
	position:absolute;
	top:0;
	left:0;
	margin-top:0px;
	margin-left:0px;
	width: 503px;
	height: 732px;
	background-image:url(images/bgTopLeft.png);
	background-repeat: no-repeat;
	z-index:-8;
}
#bgBottomRight{
	margin: -690px -250px 0 0;
	float:right;
	width: 250px;
	height: 670px;
	background-image:url(images/bgBottomRight3.png);
	background-repeat: no-repeat;
}

/* DIVJES */
#header{
	width:950px;
	height:333px;
	margin-top:0px;
	margin-left:0px;
	float: left;
	/*background-image:url(images/header.png);
	background-position:bottom;
	background-repeat:no-repeat;*/
}
#flash_header{
	position:absolute;
	top: 0;
	left: 180px;
	margin-top: 0px;
	margin-left:370px;
	z-index:10;
	float: left;
}

#footer{
	margin: 0 0 50px 98px;
	width:950px;
	height:50px;
	float:left;
}
#footer_tekst{
	text-align: right;
	position:absolute;
	font-size:10px;
	width:810px;
	height:20px;
	float:left;
	color: #ffab00;
}

#footer_tekst a{
	color: #ffab00;
}

.titel{
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#FFF;
	margin: 140px 0 0 260px;
	position:absolute;
	float: left;
	z-index:11;
}

/*********************/
/*      Header       */
/*********************/

#header_image{
	margin: -10px 0 0 0;
	float:left;
}

/*********************/
/*     Hoofdmenu     */
/*********************/

#hoofdmenu{
	margin-top: 84px;
	margin-left:40px;
	z-index:10;
	font-size:14px;
	float:left;
	width: 520px;
	height: 26px;
}
.hoofdmenu_backgr{
	
	float:left;
}
#menu_vmbo{
	margin-left:1px;
	width:89px;
	height:26px;
	float:left;
}
#menu_mbo{
	margin-left:1px;
	width:89px;
	height:26px;
	float:left;
}
#menu_stichting{
	margin-left:1px;
	width:89px;
	height:26px;
	float:left;
}
#menu_overig{
	margin-left:1px;
	width:89px;
	height:26px;
	float:left;
}


h4{
	margin: 0 0 20px 0;
	color: #ffab00;
	font-size: 20px;	
}


/*********************/
/*     Sub Menu      */
/*********************/

#bottomLayout{
	margin-top: 5px;
	margin-left: 97px;
	width:950px;
	height:auto;
	float: left;
	background-image:url(images/content_backgr.png);
	background-repeat:repeat-y;
}


.menutitle{
cursor:pointer;
color:#000000;
width:140px;
}

.submenu{
margin-bottom: 0.5em;
color:#000000;
}

#menu{
	margin: -5px 0 0 11px;
	position: relative;
	background-image:url(images/menu_midden.jpg);
	background-repeat:repeat-y;
	height:auto;
	width:146px;
	float:left;
	z-index: 1;
}
#menu_boven{
	margin-top: 0px;
	width:146px;
	height:21px;
	float:left;
}
#menu_onder{
	margin-bottom: 0px;
	width:146px;
	height:21px;
	float:left;
}
#menu_items{
	padding: 0 0 30px 10px;
	height:auto;
	width:136px;
	float:left;
}
#menu a:link {
	text-decoration: none;
	color:#2a2a2a;
}
#menu a:visited {
	text-decoration: none;
	color:#2a2a2a;
}
#menu a:hover {
	text-decoration: none;
	color:#06C;
}
#menu a:active {
	text-decoration: none;
	color:#2a2a2a;
}
/*********************/
/*      Content      */
/*********************/

#content{
	
	width:600px;
	height:auto;
	
	float:left;
}
#content_tekst{
	margin: 10px 0 0 30px;
	width:600px;
	height:auto;
	float:left;
	padding: 0 0 50px 0;
}



/*********************/
/*       Links       */
/*********************/

a:link {
	text-decoration: none;
	color:#2a2a2a;
}
a:visited {
	text-decoration: none;
	color:#2a2a2a;
}
a:hover {
	text-decoration: none;
	color:#bc2122;
}
#footer a:hover {
	text-decoration:underline;
	color:#ffffff;
}

a:active {
	text-decoration: none;
		color:#2a2a2a;
}

/*********************/
/*   Aparte Layout   */
/*********************/
ul{
	margin:0px;
	padding:0px;
}

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}


.nieuwsOverzicht{
	list-style-type: none;
	font-weight: bold;
	font-size: 11px;
}



/* stichting => over deze website */

#zoekCon{
	margin: 40px 0 20px 0;
	border: 1px dotted #c6c6c6;
	padding: 10px;
	width: 509px;
	height:250px;
	float: left;	
	font-size: 11px;
}
#zoekTekstCon{
	width: 259px;
	height:auto;
	float: left;	
}

#zoekImageCon{
	width: 250px;
	height:auto;
	float: left;	
}

.zoekBtn{
	border: 0px;
	background-color: #ffab00;
	color: #fff;
	padding: 3px 10px;
}

/* stichting => nieuws */

#nieuwsOverzichtCon{
	padding: 0 0 0 20px;
	margin: 0 0 60px -20px;
	width: 600px;
	float: left;	
	background-image:url(images/striepke.png);
	background-repeat:repeat-y;
	background-position: left;
}
#nieuwsOverzichtConStreepje{
	width: 10px;
	background-color:#3C6;
	height: 100%;
	float: left;	
}
#nieuwsOverzichtConTekst{
	width: 590px;
	float: left;	
}

.nieuwsItem{
	margin: 0 0 30px 0;
	padding: 0 0 40px 0;
	width: 600px;
	height: auto;
	float: left;
	border-bottom: 1px solid #ffab00;	
}




/*********************/
/*      Einde CSS    */
/*********************/