﻿/*

	CSS File voor Stichting de Poort
	Daan Meskers
	
*/

HTML, BODY {
	background-color: #C9C299;
	margin: 0; padding: 0;
	width: 100%; height: 100%;
	text-align: center;
}
DIV#Main DIV#Header {
	background-color: #222;
	width: 100%;
	text-align: right;
	padding: 0;
	border: 0;
}
DIV#Main {
	width: 750px;
	margin: 0 auto; padding: 0 0 25px 0;
	text-align: left;
	background-color: #E4E1CC;
}
/* ========================== */
UL#Menu {
	width: 750px; height: 24px;
	background-color: #FFF;	
	list-style: none;
	margin: 0; padding: 0;
}
UL#Menu LI {
	display: block;
	list-style: none;
	float: left;
	margin: 0 10px 0 0; padding: 3px;
	min-width: 108px;
	text-align: center;
	font: normal 10pt/12pt Verdana, arial, sans-serif;
	color: #000;
}
UL#Menu LI A {
	font: normal 10pt/12pt Verdana, arial, sans-serif;
	color: #000;
	text-decoration: none;
}
UL#Menu LI A:hover {
	font: bold 10pt/12pt Verdana, arial, sans-serif;
	color: #808080;
	padding-top: 1px;
}
UL#Menu LI.on, UL#Menu LI.on A {
	font: bold 10pt/12pt Verdana, arial, sans-serif;
	color: #808080;
	padding-top: 5px;
	background-color: #DDD;
	height: 20px;
}
UL#Menu LI.on {
	border-bottom: 1px solid #ccc;
}

/* ========================== */
UL#submenu {
	list-style: none;
	margin: 15px 0; padding: 0;
}
UL#submenu LI {
	list-style: none;
	margin: 0 0 0 45px; padding: 0;
}
UL#submenu LI A {
	color: #999269;
	font-size: 9pt;
	text-decoration: none;
}
UL#submenu LI A:hover {
	color: #393219;
	text-decoration: underline;
}


/* ========================== */

DIV#Main  {
	font: normal 10pt/14pt Verdana, arial, sans-serif;
	color: #444;
}
DIV#Main div {
	padding: 5px 15px 15px 20px;
}
DIV#Main DIV.item {
	display: block;
	border-bottom: 1px dotted #808080;
	border-bottom: 3px dotted #C9C299;
	padding: 5px 15px 15px 20px;
	font: normal 10pt/14pt Verdana, arial, sans-serif;
	color: #444;
}
DIV#Main DIV IMG.Afbeelding {
	display: block;
	float: left;
	margin: 0 10px 5px 0;
}
DIV#Main DIV H2 {
	font: bold 11pt/15pt Verdana, arial, sans-serif;
	color: #111;
}
DIV#Main SPAN.clear {
	display: block;
	clear: both;
}
