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

:focus { outline-color: -moz-use-text-color;	outline-style: none;	outline-width: 0; }
*{ padding:0px; margin:0px; }

body {
	background: url(../images/bg.jpg);
	text-align: center; /*voor IE*/
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
}

IMG{ border: none; padding: 0px; margin: 0px; float: left; }
IMG.ster{ float: none; }

H1{
	margin: 0 0 20px 0;
	font-size: 50px;
	font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #b5ac01;
	text-transform: uppercase;
}
A{
	color: #b5ac01;
	text-decoration: none;
	font-weight: bold;
}
A:hover{
	text-decoration: underline;
}
P{ margin: 0 0 12px 0; }




/*********************************************************          CONTAINER          */
#container {
	position: relative;
	width: 984px;
	text-align: left; /*voor IE */
	margin: 0 auto;
}



a#logo
{
    background: url('../images/logo.png') center center no-repeat;
    float: left;    
    display: block;
    height: 95px;
    width: 363px;
} 
#zijkant{
	z-index: 999;
	position: absolute;
	left:984px;
	top: 120px;
	margin: -20px 0 0 10px;
}


/*********************************************************          HEADER          */
#header{
	float: left;
	width: 984px;
	height: 100px;
}
#header SPAN.add{
	float: right;
	margin: 20px 0 0 0;
}


/*********************************************************          LOGIN         */
#login{
	background: url(../images/top.gif);
	float: left;
	width: 984px;
	height: 111px;
}
#login SPAN.login_vak{
	background: url(../images/login.gif) no-repeat;
	float: left;
	width: 220px;
	height: 71px;
	margin:10px;
	padding:10px;
}
#login SPAN.login_vak .naam,#login SPAN.login_vak .pass {
	background:#d31920;
	float: left;
	width: 214px;
	height: 16px;
	margin:0 0 10px 0;
	padding:3px 0 0 6px;
	border: none;
	color: #f2b9bb;
	font-size: 9px;
}
#login SPAN.login_vak INPUT{
	background: url(../images/pijl.gif) no-repeat right;
	float: left;
	height: 15px;
	color: #fea900;
	font-size: 11px;
	text-decoration: none;
	border: none;
}
#login SPAN.login_vak INPUT.reg{
	width: 80px;
	margin:0 70px 0 0;
}
#login SPAN.login_vak INPUT.log{
	width: 65px;
}
#login SPAN.login_vak P{
	color: #F2B9BB;
	font-size: 11px;
}
#login SPAN.login_vak P A{
	color: #F2B9BB;
	font-size: 11px;
	text-decoration: none;
}
#login SPAN.login_vak P A:hover{
	text-decoration: none;
}
#login SPAN.login_vak PRE A{
	color: #F2B9BB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
#login SPAN.login_vak PRE A:hover{
	text-decoration: underline;
}



#login UL{
	float: left;
	width: 719px;
	height: 90px;
	margin:11px 0 0 0;
	list-style: none;
}
#login UL LI{
	float: left;
	width: 115px;
	height: 90px;
	margin:0 4px 0 0;
	filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;
}
#login UL LI:hover{
	filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;
}




/*********************************************************          MENU EN CONTENT          */
#menu_content{
	background: url(../images/bg_verticaal.gif);
	float: left;
	width: 984px;
}

/*     menu     */
#menu_content #menu{
	float: left;
	width: 250px;
}
#menu_content #menu UL{
	width: 250px;
	list-style: none;
	text-align: left;
}
#menu_content #menu UL LI{
	float: right;
	margin: 0 0 3px 0;
}
#menu_content #menu UL LI:hover{
	background-color: #c3cd31;
	float: right;
	margin: 0 0 3px 0;
}
#menu_content #menu UL LI IMG.menu_item{
	float: left;
	margin:0 0 0 10px;
}
#menu_content #menu UL LI A{
	display: block;
	width: 240px;
	height: 48px;
	color: #757d01;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}
#menu_content #menu UL LI A:hover{ background-color: #c3cd31; color: #FFFFFF; }

#menu_content #menu UL LI A SPAN.menu_btn{
	float: left;
	display: block;
	width: 182px;
	height: 32px;
	padding: 16px 0 0 10px;
}


/*     content     */
#menu_content #content{
	float: left;
	width: 664px;
	color: #000;
	margin:0px;
	padding:0px;
}
#menu_content #content #content_plek{
	float: left;
	width: 664px;
	color: #000;
	margin: 25px 35px;
}




/*********************************************************          CONTENT          */
#nieuwste_vak{
	background: url(../images/bg_verticaal.gif);
	float: left;
	width: 984px;
	height: 100px;
}
#nieuwste_vak #nieuwste{
	background-color: #757d01;
	float: right;
	width: 714px;
	height: 90px;
	margin: 0 10px 0 10px;
	border-top:10px solid #757d01;
}
#nieuwste_vak #nieuwste UL{
	float: left;
	width: 714px;
	height: 90px;
	list-style: none;
}
#nieuwste_vak #nieuwste UL LI{
	float: left;
	width: 115px;
	height: 90px;
	list-style: none;
	margin:0 4px 0 0;
	filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;
}
#nieuwste_vak #nieuwste UL LI:hover{
	filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;
}


/*********************************************************          FOOTER          */
#footer{
	background: #000 url(../images/footer.gif) no-repeat top;
	float: left;
	width: 964px;
	height: 16px;
	color: #989898;
	padding: 2px 10px 0 10px;
	font-size: 11px;
}
#footer SPAN.robin{
	float: left;
}
#footer SPAN.davedesign{
	float: right;
	color: #222222;
}
#footer SPAN.davedesign A, #footer SPAN.davedesign A:hover{
	color: #222222;
	text-decoration: none;
}