/* Basis properties voor elke pagina */
body {
	color: #454545;
	background-color: #dad3c8;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 83%;
	margin: 0ex;
	padding: 1.5ex;
}
.hidden {
	display: none;
}

/* Zorgt voor de positionering van de div's die volgen */
#container {
	background-color: #c2b8a8;
	background-image: url(images/layout/accessiblebackground.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	border: 2px solid #344359;
	margin: 0ex;
	padding: 0ex;
}

/* Maakt de header van de site op */
#topheader {
	background-color: #344359;
	background-image: url(images/layout/accessibleheader.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	border-top: 1px solid #c2b8a8;
	height: 150px;
	margin: 0ex;
}

/* Maakt de framebox voor speciale pagina's op */
#frame  {
	background-color: #FFFFFF;
	border: 2px solid #003C96;
	margin: 0ex;
	padding: 0ex 3ex;
}

/* Maakt het menu van de site op */
#menu {
	color: #003C96;
	background-color: #F2EDE7;
	font-size: 100%;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	border-top: 2px solid #003C96;
	border-bottom: 2px solid #003C96;
	margin: 0ex;
	padding: 0.6ex 1ex 0.6ex 1ex;
}
#menu ul { 
	background-color: #F2EDE7;
	margin: 0ex;
	padding: 0ex;
}
#menu li { 
	display: inline;
	margin: 0ex;
}
#menu span.actief { 
	color: #F2EDE7;
	background-color: #003C96;
	font-weight: bold;
	text-decoration: none;
}
#menu a { 
	color: #003C96;
	font-weight: bold;
	text-decoration: none;
}
#menu a:hover { 
	color: #F2EDE7;
	background-color: #003C96;
}

/* Maakt het submenu van de site op */
#submenu {
	font-size: 85%;
	margin: 1ex 0ex 0ex 0ex;
	padding: 1ex 1em 0ex 1em;
	float: left;
}
#submenuinhoud {
	text-transform: uppercase;
	border: 2px solid #003C96;
	background-color: #FFFFFF;
	padding: 0ex;
	margin: 0ex 0ex 1.5ex 0ex;
	width: 13em;
}
#submenuinhoud h1 {
	color: #003C96;
	background-color: #F2EDE7;
	font-size: 120%;
	text-align: center;
	border-bottom: 1px solid #003C96;
	margin: 0ex;
	padding: 0.6ex 0.2ex 0.2ex 0.2ex;
}
#submenuinhoud ul { 
	margin: 0ex;
	padding: 0ex;
	list-style-type: none;
}
#submenuinhoud li { 
	margin: 0.9ex 2.1ex;
}
#submenuinhoud li.actief { 
	color: #003C96;
	font-weight: bold;
	text-decoration: none;
}
#submenuinhoud a { 
	color: #454545;
	font-weight: bold;
	text-decoration: none;
}
#submenuinhoud a:hover { 
	color: #003C96;
	text-decoration: underline;
}
#submenuinhoud a.special { 
	color: #003C96;
	background-color: #F2EDE7;
	font-weight: bold;
	text-decoration: none;
}
#submenuinhoud a.special:hover {
	color: #003C96;
	background-color: #FFFFFF;
	text-decoration: underline;
}
#submenuinhoud li.actief a, #submenuinhoud li.actief a:hover { 
	color: #003C96;
}
#submenuinhoud ul.subsub { 
	font-size: 90%;
	text-transform: none;
	margin: 0ex;
	padding: 0ex;
	list-style-type: square;
}
#submenuinhoud ul.subsub li { 
	margin: 0ex 0.5ex 0.4ex 5.5ex;
}
#submenuinhoud ul.subsub a:hover {
	color: #344359;
	text-decoration: none;
}

/* Maakt de main content van de site op */
#main {
	font-size: 90%;
	margin: 1ex 0ex 0ex 0ex;
	padding: 1ex 1em 0ex 16em;
}
#welkom {
	background-color: #F2EDE7;
	font-size: 110%;
	border: 2px solid #003C96;
	margin: 0ex 0ex 1.5ex 0ex;
	padding: 0ex;
}
#foto {
	background-color: #FFFFFF;
	text-align: center;
	border: 2px solid #003C96;
	margin: 0ex 10ex;
	padding: 0ex;
}
#fotoinhoud {
	text-align: center;
	margin: 0ex;
	padding: 0ex 0ex 1ex 0ex
}
.index, .gastenboek, .nieuws {
	background-color: #FFFFFF;
	border: 2px solid #003C96;
	border-top: 1px solid #003C96;
	margin: 0ex 0ex 1.5ex 0ex;
	padding: 0ex;
}
.maincontent, .maincontentfloat {
	background-color: #FFFFFF;
	border: 2px solid #003C96;
	margin: 0ex 0ex 1.5ex 0ex;
	padding: 0ex;
}
.floatcontainer:after, .maincontentfloat:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility:hidden;
    font-size:0;
}
.floatcontainer, .maincontentfloat {display: inline;}

    /* Holly Hack Targets IE Win only \*/
    * html .nieuws, .floatcontainer, .maincontentfloat {height: 1%;}
    .nieuws, .floatcontainer, .maincontentfloat {display:block;}
    /* End Holly Hack */
	
#main h1, #foto H1 {
	color: #344359;
	background-color: #F2EDE7;
	background-image: url(images/layout/headerklein.gif);
	background-position: 100% 50%;
	background-repeat: repeat-y;
	font-size: 140%;
	font-variant: small-caps;
	text-align: left;
	border-bottom: 1px solid #344359;
	margin: 0ex;
	padding: 0.5ex 8ex 0.1ex 2ex;
}
#welkom h1 {
	background-color: #FFFFFF;
	background-image: none;
	font-size: 115%;
}
#main h2, #foto h2{
	color: #003C96;
	background-color: #F2EDE7;
	background-image: url(images/layout/dots.gif);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	font-size: 115%;
	font-variant: small-caps;
	text-align: left;
	border-bottom: 1px solid #003C96;
	border-top: 1px solid #003C96;
	margin: 0ex;
	padding: 0.5ex 12ex 0.2ex 2ex;
}
#main h2.interview {
	background-color: transparent;
	background-image: none;
	font-size: 100%;
	font-variant: normal;
	border: 0ex;
}
#main h2.nieuws {
	clear: both;
}
#main div.gastenboek h2 {
	background-image: url(images/layout/dotsgb.gif);
}
#main h2.geur {
	font-size: 150%;
}
#main h3 {
	font-size: 110%;
	font-variant: small-caps;
	text-align: left;
	margin: 0ex;
	padding: 0.5ex 0.2ex 0.1ex 2ex;
}
#main p {
	text-align: justify;
	margin: 1.4ex 0ex 1.4ex 0ex;
	padding: 0.3ex 3ex 0.6ex 3ex;
}
#main div.nieuws p {
	margin: 1.4ex 0ex;
}
#main p.interview1 {
	font-size: 120%;
	font-weight: bold;
}
#main p.interview2 {
	font-size: 110%;
	font-weight: bold;
}
#main p.sig {
	font-size: 90%;
	font-weight: normal;
	font-style: italic;
	text-align: right;
	margin: 0ex;
	padding: 0ex 2ex 1ex 0ex;
}
#main p.top {
	font-size: 90%;
	text-align: right;
	margin: 0ex;
	padding: 0ex 2ex 1ex 0ex;
}
#main p.subtitle {
	font-size: 120%;
}
#main p.geur {
	font-size: 130%;
	border-bottom: 1px solid #003C96;
	padding-bottom: 2ex;
}
#main a, #frame a {
	color: #003C96;
	font-weight: bold;
	text-decoration: none;
}
#main a:visited, #frame a:visited {
	color: #344359;
}
#main a:hover, #frame a:hover {
	color: #003C96;
	text-decoration: underline;
}
#main a.gb {
	margin-left: 1ex;
}
#foto h2 a {
	color: #003C96;
	text-decoration: none;
}
#main p.top a:hover {
	text-decoration: none;
}
#main div.index li a {
	margin-left: 2ex;
}
#main ul.links a {
	color: #454545;
}
#main ul.links a:hover {
	color: #003C96;
}
#main ul.links a:visited {
	color: #344359;
}
#main ul.updates a {
	margin-left: 2ex;
}
#main table {
	border-width: 0ex;
	margin: 1.4ex 0ex 1.4ex 2.6ex;
	padding: 0.3ex 3ex 0.6ex 3ex;
}
#main th {
	font-weight: normal;
	text-align: left;
	margin: 0ex;
	padding: 0ex;
}
#main td {
	margin: 0ex;
	padding: 0ex;
}
#main td.padding, #main th.padding {
	padding-right: 2ex;
}
#main ul {
	margin: 1.4ex 0ex 1.4ex 0ex;
	padding: 0.3ex 3ex 0.6ex 3ex;
	list-style-type: none;
}
#main li {
	margin: 0ex;
	padding: 0ex;
}
#main ul.bedankt {
	list-style-type: square;
}
#main ul.bedankt li {
	margin: 0ex 0ex 2.5ex 1.5ex;
}
#main ul.wist {
	font-size: 110%;
	list-style-type: square;
	list-style-position: inside;
}
#main ul.wist li {
	margin: 1ex 0ex;
}
#main ul.sitemap, #frame ul.sitemap {
	font-size: 105%;
	font-weight: bold;
	list-style-type: square;
}
#main ul.sitemap li, #frame ul.sitemap li{
	margin-left: 1.5ex;
}
#main ul.subsitemap, #frame ul.subsitemap {
	margin: 0ex;
	list-style-type: disc;
}
#main ul.updates {
	font-weight: bold;
}
#main ul.updates li{
	margin: 0ex;
}
#main ul.nieuws {
	border-width: 0ex;
	margin: 1.4ex 0ex 1.4ex 0ex;
	padding: 0.3ex 3ex 0.6ex 3ex;
	list-style-type: square;
	list-style-position: inside;
}
#main ol.nieuws {
	border-width: 0ex;
	margin: 1.4ex 0ex 1.4ex 0ex;
	padding: 0.3ex 3ex 0.6ex 3ex;
	list-style-position: inside;
}
#main div.index li {
	font-weight: bold;
}
#main span.smaller {
	font-size: 80%;
}
#main span.larger {
	font-size: 120%;
}
#main span.mark {
	font-weight: bold;
	text-decoration: underline;
}
#main span.date {
	font-size: 75%;
}
#main span.nieuwsdate {
	font-size: 75%;
	margin-left: 5ex;
}
#main img.floatleft {
	border-width: 0ex;
	margin: 0ex 2ex 2ex 0ex;
	position:relative;
	float: left;
}
#main img.floatright {
	border-width: 0ex;
	margin: 0ex 0ex 2ex 2ex;
	position:relative; 
	float: right;
}
#main img.floatleftclear {
	border-width: 0ex;
	margin: 0ex 2ex 2ex 0ex;
	position:relative;
	float: left;
	clear: left;
}
#main img.floatrightclear {
	border-width: 0ex;
	margin: 0ex 0ex 2ex 2ex;
	position:relative; 
	float: right;
	clear: right;
}
#main img.floatrighttable {
	border-width: 0ex;
	margin: 1.4ex 0ex 1.4ex 0ex;
	padding: 0.3ex 3ex 0.6ex 3ex;
	position:relative; 
	float: right;
}
#main img.linkimg {
	border-width: 0ex;
}
#main img.linkimgsmall {
	border: 1px solid #003C96;
	width: 30em;
}
#main img.imgavatar {
	border: 1px solid #003C96;
	width: 7ex;
	height: 7ex;
}
#main img.imgavatarbig {
	border: 1px solid #003C96;
}
#main img.imgwallpaper {
	border: 1px solid #003C96;
	margin: 0.3ex;
	width: 16ex;
	height: 12ex;
}
#main img.imgwallpaperbig {
	border: 1px solid #003C96;
}
#main img.imgfoto {
	border: 3px solid #FFFFFF;
	height: 8ex;
}
#main img.imgfotoactief {
	border: 3px solid #003C96;
	height: 8ex;
}
#main img.imgscreenshot {
	border: 3px solid #FFFFFF;
	width: 10ex;
}
#main img.imgscreenshotactief {
	border: 3px solid #003C96;
	width: 10ex;
}
#main img.screenshot {
	border: 1px solid #003C96;
	width: 10ex;
}
#main form input, #main form textarea, #main form select, #main form checkbox {
	color: #003C96;
	background-color: #F2EDE7;
	border: 1px solid #344359;
	margin-top: 0.5ex; 
	margin-bottom: 1ex;
}
#main form option {
	color: #003C96;
	background-color: #F2EDE7;
	border: 0ex;
	margin: 0ex; 
}
#main .clear {
	clear: both;
}
#main .clearleft {
	clear: left;
}
#main .clearright {
	clear: right;
}
#main hr {
	color: #003C96;
	clear: both;
}
#main .geur {
	font-family: 'Courier New',Courier,monospace;
	text-align: center;
}
#main .left {
	text-align: left;
}
#main .center {
	text-align: center;
}
#main .right {
	text-align: right;
}
#main .b {
	font-weight: bold;
}
#main .i {
	font-style: italic;
}
#main .u {
	text-decoration: underline;
}
#main .color {
	color: #003C96;
}

/* Maakt de footer van de site op */
#footer {
	color: #454545;
	background-color: #F2EDE7;
	font-size: 85%;
	text-align: right;
	border-top: 2px solid #003C96;
	margin: 0ex;
	padding: 0ex;
	clear: both;
}
#footer p {
	margin: 0ex;
	padding: 0ex 1.8ex;
}
#footer ul {
	margin: 0ex;
	padding: 0ex 1.8ex;
}
#footer li { 
	display: inline;
	margin: 0ex;
	padding: 0ex;
}
#footer p.top {
	font-size: 100%;
	font-weight: bold;
	font-variant: small-caps;
	border-bottom: 1px solid #c2b8a8;
	margin: 0ex;
	padding: 0.9ex 1.8ex 0.9ex 1.8ex;
}
#footer p.top a {
	color: #003C96;
}
#footer a { 
	color: #003C96;
	font-size: 105%;
	text-decoration: none;
	font-weight: bold;
	font-variant: small-caps;
}