* {
	margin: 0px;
	padding: 0px;
}

html, body {
	height: 100%;
}

html{
	font-family:Arial, Sans-serif;
	font-size:11px;
	line-height:1.4em;
	margin:0px; padding:0px;
	background:#FFFF99 url('../resources/img/bg.gif') 50% bottom repeat-y;
	overflow: auto;
}
body{
	margin:0px auto;
	/*padding:240px 0px 60px 30px;*/
	padding:0px 0px 0px 0px;
	z-index:1;
	width:870px;
	background:white url('../resources/img/gezicht.gif') bottom right no-repeat;
}

a{color:inherit;text-decoration:none;}
a:hover{text-decoration:underline}
img{border:none}


/** mainmenu **/
/*
h1#logo a{
	display:block;
	position:absolute;
	top:15px;
	margin:0px;padding:0px;
	margin-left:-30px;
	z-index:120;
	padding-top:95px;
	width:310px;
	height:0px;
	overflow:hidden;
	font-size:5px;
}

ul#mainmenu {
	position:fixed;
	top:0px;
	z-index:100;
	height:60px;
	width:876px;
	margin:0px;
	margin-left:-30px;
	background:url('../img/header_menu.jpg') top left no-repeat;
	padding:150px 0px 0px 24px;
	list-style:none;
}
ul#mainmenu li{
	height:59px;
	width:150px;
	float:left;
	width:95px;
}
ul#mainmenu li a {
	width:0px;
	height:59px;
	padding-left:100px;
	overflow:hidden;
	font-size:5px;
	display:block;
}
ul#mainmenu li a.selected{
	height:63px;
	padding-left:121px;
	margin-left:-9px;
	margin-top:-4px;
}

ul#mainmenu li#mi1 a.selected{background:url('../img/menu/begin_hover.gif')}
ul#mainmenu li#mi2 a.selected{background-image:url('../img/menu/groepen_hover.gif')}
ul#mainmenu li#mi3 a.selected{background-image:url('../img/menu/fotos_hover.gif')}
ul#mainmenu li#mi4 a.selected{background-image:url('../img/menu/links_hover.gif')}
ul#mainmenu li#mi5 a.selected{background-image:url('../img/menu/nieuws_hover.gif')}
ul#mainmenu li#mi6 a.selected{background-image:url('../img/menu/school_hover.gif')}
ul#mainmenu li#mi7 a.selected{background-image:url('../img/menu/dalton_hover.gif')}
ul#mainmenu li#mi8 a.selected{background-image:url('../img/menu/agenda_hover.gif')}
ul#mainmenu li#mi9 a.selected{background-image:url('../img/menu/vakanties_hover.gif')}
*/

#banner
{
	background: white url("../resources/img/header.jpg") left top no-repeat; 
	left:50%;
	margin-left:-450px !important;
	margin-left:0px;
	z-index:30;
	width: 900px;
	height: 104px;
	top:0px;
	position:fixed;
	
}

#main {
	height: 70%;
	padding-top: 150px !important;
	padding-top: 0px;
}

div#extra1, div#extra2, div.col, div.submenu_page {
	height: 100%;
}

#viewcontent {
	width: 100%;
	height: 100%;
	border: none;
	position: relaitve;
}
div.col {
	width: 100%;
}
div.submenu_page {
}

#mainmenu
{
margin-top: -10px;
_margin-top: 0px;
	left:50%;
	margin-left:-450px !important;
	margin-left:0px;
	z-index: 40;
	height:50px;
	width:900px;
	top:110px;
	position: fixed;
	background-color: #FFFFFF;
	float:left;
	background-image: url("../resources/img/grad-bar.jpg");
}
/*
#bottommenu
{
	left:50%;
	margin-left:-450px;
	z-index:19;
	float: left;
	top:124px;
	/*background-image: url("../resources/img/grad-bar.png");*//*
	width: 900px;
	height: 35px;
	position: fixed;
}*/


/** footer **/
#footer {
	z-index:31;
	position:fixed !important;
	position:absolute;
	bottom:0px;
	height:25px;
	width:900px;
	padding:0px 0px 0px 0px;
	margin:0px;
	margin-left:-15px !important;
	margin-left:0px;
	background-color:#3D633B;
}
#footer ul {
	float: right;
	padding-right: 10px;
}
#footer ul li {
	float:left;
	height:10px;
	margin:10px 0px 10px 0px;
	border-right:2px solid white;
}
#footer ul li a {
	position:relative;
	top:-2px;
	text-decoration:none;
	padding:0px 15px 0px 15px;
	font-size:12px;
	font-weight:bold;
	height:12px;
	color:white;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer ul, #footer ul li, #footer ul li a {
	display:inline-block;
}
#footer ul li#ft1 {
	border:none;
}
#footer ul li#ft1 a {
	padding-right:0px;
}

/** Submenu **/
/**
#submenu{
	width:205px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 20px 50px 0px;
	background:url('../resources/img/blocks/GA_bottom.gif') bottom left no-repeat;
}
/**/

/** Submenu **/
/**/
ul#submenu{
	width:205px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 20px 50px 0px;
	background:url('../resources/img/blocks/GA_bottom.gif') bottom left no-repeat;
}
ul#submenu li{
	margin-left:35px;
	list-style:none;
}
ul#submenu li a{
	display:block;
	font-size:12px;color:white;
	line-height:1.5em;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	text-decoration:none;
	border-bottom:1px solid white;
}
ul#submenu li ul{
}
ul#submenu li ul, ul#submenu li ul li{
	margin-left:0px;
	padding-left:0px;
}
ul#submenu li ul li a{
	font-size:11px;
	color:#FFFFFF;
	padding-left:15px;
}
ul#submenu li a.selected{
	background:url(../resources/img/menu_selected.gif) 0px 10px no-repeat;
	margin-left:-15px;
	padding-left:15px;
	border-bottom:none;
}
ul#submenu li ul li a.selected{
	background:url(../resources/img/submenu_selected.gif) 0px 10px no-repeat;
	margin-left:0px;
	border-bottom:1px solid white;
}
ul#submenu li a:hover{
	text-decoration:underline;
}
/**/

h1{
	font-size:21px;
	font-weight:bold;
	margin-bottom:25px;
}

div.submenu_page{
	width:640px;
	float:left;
	margin:0px;
}