/*	CSS-template for www.docerenalspassie.nl 
	Designed by Solum Ipse - http://solumipse.stutterheim.nu/

	© 2006 Solum Ipse - http://solumipse.stutterheim.nu/
*/

/* General page lay-out */
body {
	background-color: #BBD4E8;
	text-align: center; 
	margin: 0px; 
	padding: 0px; 
	}

/* General font lay-out */
font, th, td, p, div { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

p, td, div { 
	font-size: 11; 
	color: #000000; 
	}

a:link, a:active, a:visited { 
	text-decoration: none; 
	color: #2b1a80; 
	font-weight: normal; 
	}

a:hover	{ 
	text-decoration: none; 
	color: #dddddd; 
	font-weight: normal; 
	}

td, div	{ 
	text-align: left; 
	vertical-align: top; 
	}

span.superscript {
	vertical-align: super; 
	font-size: 9px;
	}

/* Disclaimer */
img.disclaimer {
	width: 750px;
	max-width: 750px;
	height: 400px; 
	padding: 0px;
	border: 0px;
	}

/* Header */
#container {
	position: relative; 
	width: 750px; 
	background-color: #245624;
	border: 0px;  
	text-align: center; 
	margin-left: auto; 
	margin-right: auto;
	padding: 0px;   
	}

#header_top {
	top: 0px; 
	width: 750px;
	height: 132px;
	padding: 0px;
	border: 0px; 
	background-image: url("../images/header_01.gif");
	background-repeat: repeat-x; 
	}

#header_text {
	position: relative;
	top: 90px; 
	left: 80px; 
	padding: 0px; 
	border: none; 
	background-color: transparant; 
	font-size: 26px; 
	color: #ffff00; 
	font-weight: bold; 
	}

#header_menu {
	top: 132px; 
	width: 750px;
	height: 26px;
	padding: 0px;
	border: 0px;
	background-image: url("../images/header_02.gif");
	background-repeat: repeat-x; 
	}

#header_bottom {
	top: 158px; 
	width: 750px;
	height: 13px;
	padding: 0px;
	border: 0px;
	background-image: url("../images/header_03.gif");
	background-repeat: repeat-x; 
	}

/* Menu lay-out */
span.menu {
	font-size: 18px; 
	font-weight: normal; 
	color: #81A481; 
	}

a.menu:link,a.menu:active,a.menu:visited { 
	text-decoration: none; 
	color: #81A481; 
	font-weight: bold; 
	}

a.menu2:link,a.menu2:active,a.menu2:visited { 
	text-decoration: none; 
	color: #ff0000; 
	font-weight: bold; 
	}

a.menu:hover, a.menu2:hover { 
	text-decoration: none; 
	color: #dddddd; 
	font-weight: bold; 
	}

/* Main DIVs */
#cleared {
	clear: both; 
	}

#nieuws {
	float: left;
	max-width: 195px;
	width: 195px;
	margin-left: 15px; 
	margin-right: 5px;
	margin-top: 0px; 
	margin-bottom: 0px; 
	padding: 0px; 
	background-color: #57A0CB;
	border: 1px #062606 solid;
	}

#opinie {
	float: left;
	max-width: 195px;
	width: 195px;
	margin-left: 5px; 
	margin-right: 5px;
	margin-top: 0px; 
	margin-bottom: 0px; 
	padding: 0px; 
	background-color: #57A0CB;
	border: 1px #062606 solid;
	}

#varia {
	clear: left; 
	float: left; 
	max-width: 400px; 
	width: 400px;
	margin-left: 15px; 
	margin-right: 5px;
	margin-top: 10px; 
	margin-bottom: 0px;
	padding: 0px; 
	background-color: #57A0CB;
	border: 1px #062606 solid;
	}

#main_image {
	float: left; 
	clear: left; 
	max-width: 400px;
	width: 400px; 
	height: 70px; 
	margin-left: 15px; 
	margin-right: 5px;
	margin-top: 10px; 
	margin-bottom: 15px;
	padding: 0px; 
	border: 1px #062606 solid;
	}

#column { 
	float: left; 
	max-width: 280px; 
	width: 290px; 
	margin-left: 5px; 
	margin-right: 5px;
	margin-top: 0px; 
	margin-bottom: 15px; 
	padding: 0px; 
	background-color: #7CBA7C;
	border: 1px #062606 solid;
	}

p.column:first-letter {
	color: #100082;
	font-size: 300%; 
	font-weight: bold; 
	float: left; 
	margin: 0px; 
	}

p.news:first-letter {
	color: #100082;
	font-size: 200%; 
	font-weight: bold; 
	float: left; 
	margin: 0px; 
	}

#columns {
	float: left; 
	width: 540px; 
	max-width: 540px; 
	margin-left: 5px; 
	margin-right: 5px;
	margin-top: 0px; 
	margin-bottom: 15px; 
	padding: 0px; 
	background-color: #7CBA7C;
	border: 1px #062606 solid;
	}

#colsHist {
	float: left; 
	width: 180px; 
	max-width: 180px; 
	margin-left: 5px; 
	margin-right: 5px;
	margin-top: 0px; 
	margin-bottom: 15px; 
	padding: 0px; 
	background-color: #57A0CB;
	border: 1px #062606 solid;
	} 

#colsHist2 {
	float: left; 
	width: 400px; 
	max-width: 400px; 
	margin-left: 5px; 
	margin-right: 5px;
	margin-top: 0px; 
	margin-bottom: 15px; 
	padding: 0px; 
	background-color: #7CBA7C;
	border: 1px #062606 solid;
	}

#contact {
	float: left; 
	width: 500px; 
	max-width: 500px; 
	margin-left: 5px; 
	margin-right: 5px;
	margin-top: 0px; 
	margin-bottom: 15px; 
	padding: 0px; 
	background-color: #57A0CB;
	border: 1px #062606 solid;
	}

span.verplicht {
	color: #ff0000; 
	font-weight: bold; 
	}

#reaction {
	float: left; 
	clear: left; 
	width: 540px; 
	max-width: 540px; 
	margin-left: 5px; 
	margin-right: 5px;
	margin-top: 0px; 
	margin-bottom: 15px; 
	padding: 0px; 
	background-color: #7CBA7C;
	border: 1px #062606 solid;
	font-weight: normal; 
	font-size: 10px; 
	}

#opinie1 {
	float: left;  
	width: 360px; 
	max-width: 360px; 
	margin-left: 5px; 
	margin-right: 5px;
	margin-top: 0px; 
	margin-bottom: 15px; 
	padding: 0px; 
	background-color: #7CBA7C;
	border: 1px #062606 solid; 
	}

#info {
	float: left; 
	width: 500px; 
	max-width: 500px; 
	margin-left: 5px; 
	margin-right: 5px;
	margin-top: 0px; 
	margin-bottom: 15px; 
	padding: 0px; 
	background-color: #7CBA7C;
	border: 1px #062606 solid;
	}

/* Tables */
td.cat1 {
	background-image: url("../images/header_cat1.gif");
	background-repeat: repeat-x; 
	background-position: bottom; 
	font-weight: bold;
	font-size: 12px; 
	color: #000000; 
	text-align: center;
	}

td.cat2 {
	background-image: url("../images/header_cat2.gif");
	background-repeat: repeat-x; 
	background-position: bottom; 
	font-weight: bold;
	font-size: 12px; 
	color: #000000; 
	text-align: center; 
	}

td.react {
	border-top-color: #062606; 
	border-top-width: 1px; 
	border-top-style: solid; 
	background-image: url("../images/header_cat2.gif");
	font-weight: bold; 
	font-size: 10px; 
	text-align: right; 
	}

td.reactHeader {
	background-image: url("../images/header_cat1.gif");
	background-repeat: repeat-x; 
	background-position: bottom; 
	}

td.center {
	text-align: center;
	}

a.react:link, a.react:active, a.react:visited { 
	text-decoration: none; 
	color: #2b1a80; 
	font-weight: bold; 
	}

a.react:hover	{ 
	text-decoration: none; 
	color: #dddddd; 
	font-weight: bold; 
	}

/* Footer lay-out */
#footer { 
	width: 746px; 
	text-align: center;
	padding: 2px; 
	border-top-color: #062606;
	border-top-width: 1px;
	border-top-style: solid;
	background-color: #104010;
	}

span.footer {
	font-size: 10px; 
	color: #81A481; 
	font-weight: bold;
	}

a.footer:link,a.footer:active,a.footer:visited 	{ 
	text-decoration: none; 
	color: #7CBA7C; 
	font-weight: bold; 
	}
a.footer:hover { 
	text-decoration: underline; 
	color: #7CBA7C; 
	font-weight: bold; 
	}

/* IMGs */
img { 
	border: 0px; 
	margin: 0px; 
	}

img.contact {
	float: left; 
	margin-left: 5px; 
	margin-right: 5px;
	margin-top: 0px; 
	margin-bottom: 15px; 
	padding: 0px; 
	border: 1px #062606 solid;
	}

img.lineL {
	float: left; 
	margin: 2px; 
	border: 1px #062606 solid; 
	}

img.lineR {
	float: right; 
	margin: 2px; 
	border: 1px #062606 solid; 
	}

img.line {
	margin: 2px; 
	border: 1px #062606 solid; 
	}

img.nolineL {
	float: left; 
	margin: 2px; 
	border: none; 
	}

/* FORMS */
.inputdata {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 200px; 
	font-size: 12px; 
	}

.inputdata_small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	}

.inputdata_tiny {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	width: 30px; 
	}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url("../images/header_cat1.gif"); 
	font-size: 11px; 
	margin: 2px; 
	color: #062606; 
	border: 1px #062606 solid; 
	}

/* Admin-specific */
#adminCont {
	margin-left: 25px;
	margin-right: auto; 
	margin-bottom: 10px; 
	width: 700px; 
	max-width: 700px; 
	border: 1px #062606 solid;
	background-color: #7CBA7C;
	}
