body, div, p, span, ul, li, img, form, h1, h2 {
margin:0;
padding:0;
border:0;
}
body {
background-color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 0.7em;
width:100%;
height:100%;
text-align:center;
}
.h1 {
display:block;
height:84px;
line-height:84px;
padding-left:95px;
background-color:#CC0000;
color:#FFFFFF;
font-size:2em;
font-weight:bold;
text-decoration:none;
cursor:pointer;
}
.h2 {
	position:absolute;
	left:280px;
	top:0;
	width:495px;
	height:79px;
	line-height:84px;
	padding:5px 0 0 15px;
	background-color:#FD0100;
	color:#FFFFCE;
	font-size:2em;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	z-index: -2;

}
html>body .h2 {
height:84px;
padding-top:0;
}
.h2 img {
margin-bottom:-27px;
}
.h2 span {
position:absolute;
left:445px;
top:22px;
color:#FFFFCE;
font-size:0.4em;
font-weight:normal;
}
.alternate {
display:none;
}
#grat_drank{
margin-bottom:0px;
}
#wrapper {
	position:relative;
	margin:0 auto;
	width:790px;
	height:535px;
	background-color:#FFCC33;
	text-align:left;
	left: 0px;

}
#logo {
	position:absolute;
	left:3px;
	top:38px;
	z-index: 2;

}
#content_frame {
position:absolute;
top:96px;
left:280px;
width:510px;
height:382px;
background-color:#FFFFFF;
z-index:10;
}
#footer {
position:absolute;
bottom:-4px;
left:20px;
}
#footer a, #footer span {
color:#CD0000;
text-decoration:none;
font-weight:bold;
display:block;
float:left;
height:26px;
}
#footer a.two {
margin:10px 0 0 115px;
}
#footer a img {
margin:0 10px -5px 0;
}
#footer #hulp_button {
margin-left:68px;
}
#footer #hebbedingen_button {
margin:4px 0 0 68px;
}
#footer span {
margin:10px 0 0 115px;
}

html>body #footer {
bottom:9px;
}
html>body #footer a, html>body #footer span {
display:inline;
float:none;
}
html>body #footer #hebbedingen_button {
margin-top:0;
}
html>body #footer span {
margin-top:0;
}


/* menu */
#menu {
position:absolute;
top:154px;
left:3px;
height:295px;
width:270px;
background-image:url(../images/menu_bg.png);
background-position:bottom left;
background-repeat:no-repeat;
}
#menu ul {
position:absolute;
text-align:center;
list-style:none;
}
#menu li {
height:1.3em;
}
#menu a {
color:#FFFFFF;
text-decoration:none;
font-size:1em;
}
#menu a:hover {
color:#000000;
}
#menu a.on, #menu a.on:hover {
color:#FFFFFF;
text-decoration:underline;
}
#menu ul {
height:128px;
width:80px;
background-repeat:no-repeat;
background-position:top left;
}
#menu #menu_1st_part, #menu #menu_1st_part_on {
top:0;
left:9px;
padding:68px 0 0 0;
background-image:url(../images/menu_bg_1.png);
}
#menu #menu_1st_part_on, #menu #menu_1st_part:hover, #menu #menu_1st_part.sfhover {
background-image:url(../images/menu_bg_1_on.png);
}
#menu #menu_2nd_part, #menu #menu_2nd_part_on {
top:4px;
left:97px;
padding:66px 0 0 0;
background-image:url(../images/menu_bg_2.png);
}
#menu #menu_2nd_part_on, #menu #menu_2nd_part:hover, #menu #menu_2nd_part.sfhover {
background-image:url(../images/menu_bg_2_on.png);
}
#menu #menu_3rd_part, #menu #menu_3rd_part_on {
top:4px;
left:185px;
padding:69px 0 0 1px;
background-image:url(../images/menu_bg_3.png);
}
#menu #menu_3rd_part_on, #menu #menu_3rd_part:hover, #menu #menu_3rd_part.sfhover {
background-image:url(../images/menu_bg_3_on.png);
}
/* submenus */
#menu ul ul {
display:none;
width:280px;
height:100px;
padding:25px 0 0 186px;
text-align:left;
}
#menu #menu_1st_part ul, #menu #menu_1st_part_on ul {
top:200px;
left:-12px;
}
#menu #menu_2nd_part ul, #menu #menu_2nd_part_on ul {
top:196px;
left:-100px;
}
#menu #menu_3rd_part ul, #menu #menu_3rd_part_on ul {
top:196px;
left:-188px;
}
#menu ul ul a {
letter-spacing:-1px;
color:#000000;
}
#menu ul ul a:hover {
color:#666666;
}
#menu ul ul a.on, #menu ul ul a.on:hover {
color:#000000;
text-decoration:underline;
}
#menu ul#submenu_studeren {
background-image:url(../images/submenu_bg_studeren.png);
}
#menu ul#submenu_werk {
background-image:url(../images/submenu_bg_werk.png);
}
#menu ul#submenu_verkeer {
background-image:url(../images/submenu_bg_verkeer.png);
}
#menu ul#submenu_gezin {
background-image:url(../images/submenu_bg_gezin.gif);
}
#menu ul#submenu_gezondheid {
background-image:url(../images/submenu_bg_gezondheid.png);
}
#menu ul#submenu_seks {
background-image:url(../images/submenu_bg_seks.png);
}
#menu ul#submenu_sport {
background-image:url(../images/submenu_bg_sport.png);
}
#menu ul#submenu_uitgaan {
background-image:url(../images/submenu_bg_uitgaan.png);
}
#menu ul#submenu_agressie {
background-image:url(../images/submenu_bg_agressie.png);
}
#menu ul#submenu_wetgeving {
background-image:url(../images/submenu_bg_wetgeving.png);
}
#menu ul#submenu_anderedrugs {
background-image:url(../images/submenu_bg_anderedrugs.gif);
}

.head {
color:#FFFFFF;
text-decoration:none;

}

.head a {
color:#FFCC33;
text-decoration:none;
font-size:1em;
}
.head a:hover {
color:#FFCC33;
text-decoration:underline;
}
.head a.on, #menu a.on:hover {
color:#FFCC33;
text-decoration:underline;
}