/* ****
 * Template voor MarneCollege.
**/

/* ***
 * Standaard HTML tags.
**/
html,
body {
	text-align: center;
	
	height: 100%;
	
	padding: 0;
	margin: 0;
	
	font-family: Tahoma, verdana, sans-serif;
	color: #062247;
	
	background: #fff url('images/bodybg.gif') repeat-x left bottom;
	background-attachment: fixed;
}

body,
table {
	font-size: 9pt;
}

/* ***
 * Container.
**/
div#container {
	width: 910px;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	
	background: #fff url('images/containerbg.gif') repeat-y left top;
	text-align: left;
}

* html div#container {
	height: 100%;
}


/* ***
 * Header.
**/
div#container div#header {
	position: relative;
	
	height: 187px;
	
	background: url('images/header.jpg') no-repeat left top;
	margin: 0 0 0 6px;
}

div#container div#header h1 {
	display: none;
}

div#container div#header div#zoekoptie form {
	padding: 2px 5px 0 0;
	float: right;
}

div#container div#header div#zoekoptie input {
	line-height: 15px;
	border: 1px solid #02316d;
	color: #02316d;
}

div#container div#header div#zoekoptie input.submit {
	border: 0;
	background-color: transparent;
}

div#container div#header div#topmenu {
	position: absolute;
	
	left: 180px;
	right: 190px;
	top: 152px;
}

div#container div#header div#topmenu ul {
	margin: 0;
	padding: 0;
	
	list-style-type: none;
}

div#container div#header div#topmenu ul li {
	float: left;
	background: #fff url('images/topmenuscheiding.gif') no-repeat left top;
}

div#container div#header div#topmenu ul li.first {
	background: none;
}

div#container div#header div#topmenu ul li a {
	padding: 5px 8px 0 8px;
	text-transform: uppercase;
	text-decoration: none;
	color: #0c3872;
	font-weight: bold;
}

div#container div#header div#topmenu ul li a:hover {
	text-decoration: underline;
}


/* ***
 * Main.
**/
div#main {
	margin: 0 6px;
	padding: 0 0 20px 0;
	
	overflow: hidden;
}

* html div#main {
	overflow: visible;
	height: 1px;
}

div#main div#mainmenu {
	float: left;
	width: 130px;
}

div#main div#mainmenu ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-image: url('images/mainmenufirst.gif');
}

div#main div#mainmenu ul li {
	margin: 7px 0 6px 0;
}

div#main div#mainmenu ul li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #0c3872;
	font-weight: bold;
}
div#main div#mainmenu ul li a:hover {
	text-decoration: underline;
}

div#main div#mainmenu ul ul {
	list-style-image: url('images/mainmenusecond.gif');
}

div#main div#mainmenu ul ul a {
	color: #4fa639;
}

div#main div#mainmenu ul ul ul {
	list-style-image: url('images/mainmenufirst.gif');
}

div#main div#mainmenu ul ul ul a {
	color: #0c3872;
}


div#main div#sidebar {
	float: right;
	width: 230px;
}

div#main div#sidebar div#sidebar_inner {
	padding: 0 10px 20px 10px;
}

div#main div#sidebar div#sidebar_inner div.fce_banner {
	margin: 1em 0;
}

div#main div#sidebar div#sidebar_inner div.fce_banner div.scrollOuter {
	width: 210px;
	height: 50px;
	background-color: #4ea638;
	position: relative;
	overflow: hidden;
}

div#main div#sidebar div#sidebar_inner div.fce_banner div.scrollOuterAlt {
	background-color: #06357b;
}

div#main div#sidebar div#sidebar_inner div.fce_banner div.scrollOuter div.scrollInner {
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
	font-size: 200%;
	color: #ffffff;
	font-weight: bold;
	padding: 0 5px;
	line-height: 50px;
}

div#main div#sidebar div#sidebar_inner div.scrollOuter div.scrollInner p {
	margin: 0;
	padding: 0;
}

div#main div#sidebar div#sidebar_inner div.scrollOuter div.scrollInner a {
	color: #ffffff;
	text-decoration: none;
}

div#main div#content {
	margin: 0 230px 0 190px;
	background-color: #00ff00;
	
	min-height: 290px;
	
	background: #fff url('images/contentbg.gif') no-repeat 10px 103px;
}

* html div#main div#content {
	height: 290px;
}

div#main div#content div#content_inner {
	width: 465px;
	padding: 0 0 20px 0;
}

div#main div#content h2 {
	color: #4fa639;
	margin: 0 0 5px 0;
}


div#main div#content h1,
div#main div#content h2 {
	font-size: 160%;
}
div#main div#content h3,
div#main div#content h4 {
	font-size: 140%;
}
div#main div#content h5,
div#main div#content h6 {
	font-size: 120%;
}


/* ***
 * Sitemap
**/
div#content_inner p.csc-sitemap-level1,
div#content_inner p.csc-sitemap-level2,
div#content_inner p.csc-sitemap-level3,
div#content_inner p.csc-sitemap-level4,
div#content_inner p.csc-sitemap-level5,
div#content_inner p.csc-sitemap-level6 {
	margin: 0;
}

div#content_inner p.csc-sitemap-level2 {
	padding-left: 10px;
}
div#content_inner p.csc-sitemap-level3 {
	padding-left: 20px;
}
div#content_inner p.csc-sitemap-level4 {
	padding-left: 30px;
}
div#content_inner p.csc-sitemap-level5 {
	padding-left: 40px;
}
div#content_inner p.csc-sitemap-level6 {
	padding-left: 50px;
}


/* ***
 * Footer.
**/
div#footer {
	margin: -11px auto 0 auto;
	background-color: #d8c060;
	height: 10px;
	overflow: hidden;
	
	width: 892px;
}