/* Prowriter CMS Stylesheet */
/* Version: 1.0 | 14/02/2004 */
/* BASIC FRONTEND VERSION */
/* TEMPLATE STYLE 1 (logo - top | nav | body)*/

/* - - - - 1. MAIN SETTINGS FOR THE WEBSITE- - - - */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: white;
	margin-top: 0px;


}

* { margin: 0px; padding: 0px; font-family: Arial, Verdana, Helvetica, 'Sans Serif';  }

h1,h2,h3,h4,h5,h6 {	color: #838B4E;}
p {	color: #838B4E;}

p, h1, h2, h3, h4, h5, h6, h7, td, tr, th, li, span, div, table
{ font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; text-align: left; font-size: 8pt;}


/* - - - -  2. GENERAL TEXT SETTINGS - - - - */
h1, .maintitle { font-size: 140%; font-weight: bold; }
h2, .subtitle { font-size: 150%; font-weight: bold; line-height: 190%; }
h3, .sectiontitle { font-size: 120%; font-weight: bold; line-height: 190%; }
h4, .introduction { font-size: 100%; font-weight: bold; line-height: 190%; }
h5, .description { font-size: 100%; font-weight: bold; line-height: 190%; padding-bottom: 10px; }
h6, .summary {	font-size: 100%;	font-weight: bold;	line-height: 190%;	font-style: italic; padding-bottom: 5px; }
h7 { font-size: 100%; }
p {  line-height: 190%; margin: 0px; padding-bottom:10px; }
span { font-size: 100%; margin: 0px; padding: 0px; }
div { margin: 0px; padding: 0px; }
li {line-height: 190%; color: #622001;}
ul {	margin-bottom: 10px; margin-left: 15px;}


a:link { color:  #83874E;  text-decoration: underline; }
a:visited { color:  #83874E; }
a:hover { color:  #000000; }
a:active { color:  #83874E;}

/* CONTAINER SETTINGS - Site Specific Text Settings*/

#page {
	padding-top: 0px;
	width: 100%
	background-color: white;
	border-right: Solid 1px black;
}
#header  { width: 100%; }
#header h1 {background-image: url(../images/logo.gif); height: 150px; width: 190px; position: absolute; z-index: 100; top: 0px; left: 120px;
filter:alpha(opacity=85);-moz-opacity:0.85; opacity: 0.85; background-repeat: no-repeat;}
#header h1 span {	display: none;}
#header h2 {	height: 220px; width: 100%; background-image: url(../images/bg_sfeer.jpg); border-bottom: Solid 1px black;}
#header h2 span {	display: none;}
#header h3 {		background-image: url(../images/bg_stripes_small_white.gif); 	position: absolute; z-index: 90; top: 160px; left: 0px; background-repeat: repeat-y; width: 400px; height: 50px;}
#header h3 span {	display: none; }
#header p span {	display: none;}
#header .navigation {	width: 140px;  position: absolute; z-index: 100; top: 191px; left: 0px; 	}
#header .navigation ul { list-style-type: none; margin: 0px;}
#header .navigation li { font-size: 8pt; font-weight: bold; line-height:1.4; float: left;  background-image: url(../images/bg_stripes_main.gif); 	background-position: right;	background-repeat: no-repeat;}
#header #home { color: white; font-size: 8pt; line-height:1.4; float: left;  background-image: url(../images/bg_stripes_main_white.gif); 	background-position: right;	background-repeat: no-repeat;}
#header .navigation li a {	color: #83874E;	display: block;	width: 110px;	padding-top: 5px;	padding-bottom: 5px;	padding-right: 30px;	height: 20px;	text-align: right;}
#header .navigation li a:link { color: #83874E; text-decoration: none; }
#header .navigation li a:visited { color: #83874E; text-decoration: none; }
#header .navigation li a:hover { color: #83874E;background-image: url(../images/bg_stripes_main_select.gif); 	background-position: right;	}
#header #active {	 color: #83874E;background-image: url(../images/bg_stripes_main_select.gif); 	background-position: right;	}

#header #flashcontent { width: 190px; height: 150px;  position: absolute; z-index: 101; top: 0px; left: 120px;}
#flashcontentkaart {margin: 0px; padding: 0px;}
#beheerder-info p {
	color: #585858;
}
.main {	width: 781px;	background-color: white;	background-image: url(../images/bg_stripes_small.gif);	background-repeat: repeat-y;}
.main .left { float: left; vertical-align:top; width: 300px; }
.main .left p { padding: 10px; }
.main .right { float: right;  vertical-align:top; width: 430px; padding-right: 20px; padding-top:20px;}
.main .right p { }
.main .right h4 { }
.main .right h5 { }

.breaker {	clear: both;}


/* FORM OPTIONS - stacking build up*/
.button {    border: Solid 1px black;}
.form {    border: Solid 1px black;}
.small {    width: 100px; }
.date02{    width: 55px; }
.date04 {    width: 70px; }
.normal {    width: 250px; }
.wide {    width: 350px; }
.margin-bottom {
    margin-bottom: 10px;
}
.color-a { background-color: #1D3F3F; color: white; }

/* FRONTEND ADMIN FUNCTIONS */
.admin-anchor {	position: relative;}
.admin-anchor .edit {
position: absolute; z-index: 100; top: -30px; 
border: Dashed 1px black; background-color: #D5E9AB; padding: 5px; filter:alpha(opacity=60);-moz-opacity:0.6; opacity: 0.6;
}

.admin-anchor .edittotal {
position: absolute; z-index: 100; top: -10px; text-align: right; width: 100%; 
border: Dashed 1px black; background-color: #B1D469; padding: 5px; filter:alpha(opacity=60);-moz-opacity:0.6; opacity: 0.6;
}


/* zoeken en sorteren, standaard opmaak */
.search {vertical-align: top; float: left; width: 110px; text-align: left;}
.search  h5 { text-align: right; padding-bottom: 5px; width: 110px; padding-right: 4px;}
.search .section {  padding: 4px; color: #838B4E; text-align: right; width: 108px;}
.search .button {	font-size: 8pt; width: 100px; margin: 4px; padding: 2px; border: Solid 1px black; }
.search .select { width: 110px; font-size: 8pt; border: Solid 1px black; color: #838B4E; margin: 4px;}
.search .textfield {  width: 100px; border: Solid 1px black; padding: 1px; margin: 4px;}
.search .form-button { }
.search .date-year {font-size: 8pt; width: 60px; margin: 0px; margin-bottom: 3px;}
.search .date-day {font-size: 8pt; width: 40px; margin: 0px; margin-bottom: 3px;}
.search .date-month {font-size: 8pt; width: 40px; margin: 0px; margin-bottom: 3px;}

.sort {vertical-align: top; float: left;  width: 110px; text-align: left; }
.sort h5 { text-align: right; padding-right: 4px;}
.sort .section { padding: 4px; text-align: right; padding-right: 0px; color: #838B4E;}
.sort select { font-size: 8pt; width: 100px; margin: 4px; margin-right: 0px;}
.sort .formkopje {font-size: 8pt;}