/* 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: 10pt;
	color: black;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #DFE0F1;
	margin-top: 0px;

}

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

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: 10pt;}

/* most imporant color settings */
h1,h2,h3,h4,h5,h6 {color:#325120;}
p {color: #325120; }
li {	color: #325120; }

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


/* - - - -  2. GENERAL TEXT SETTINGS - - - - */
h1, .maintitle { font-size: 130%; font-weight: bold;}
h2, .subtitle { font-size: 120%;  font-weight: bold;}
h3, .sectiontitle { font-size: 110%; font-weight: bold; line-height: 190%; }
h4, .introduction { font-size: 105%; font-weight: bold; line-height: 190%;  }
h5, .description { font-size: 100%; font-weight: bold; line-height: 190%; color: #708562; }
h6, .summary { font-size: 90%; font-weight: bold; line-height: 190%;}
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%; }
ul {	margin-bottom: 10px; margin-left: 15px;}

/* CONTAINER SETTINGS - Site Specific Text Settings*/

#page {	margin: auto;	width: 781px;	background-color: white; }


/* logo, payoff and extras */
#header  { width: 779px; border-right: Solid 1px black; border-left: Solid 1px black; }
#header h1 {background-image: url(../images/main_logo.jpg); width: 125px; height: 278px; float: left;}
#header h1 span {	display: none;}

#header h2 {	background-image: url(../images/sfeer_1.jpg); width: 654px; height:  278px; float: left;}
#header h2 span {	display: none;}
#sfeer-nl h2{background-image: url(../images/sfeer_2.jpg); width: 654px; height:  278px; float: left;}

#s1 h2{background-image: url(../images/1.jpg); width: 654px; height:  278px; float: left;}
#s3 h2{background-image: url(../images/3.jpg); width: 654px; height:  278px; float: left;}
#s4 h2{background-image: url(../images/4.jpg); width: 654px; height:  278px; float: left;}
#s5 h2{background-image: url(../images/5.jpg); width: 654px; height:  278px; float: left;}
#s6 h2{background-image: url(../images/6.jpg); width: 654px; height:  278px; float: left;}
#s7 h2{background-image: url(../images/7.jpg); width: 654px; height:  278px; float: left;}

#sfeer-de h2{background-image: url(../images/sfeer_3.jpg); width: 654px; height:  278px; float: left;}

#header h3 { display: none; }
#header h3 span {	display: none;}

/* primary navigation, eyecatcher and extras */

.main .navigation { background-color: #6B855B; width: 125px; float: left;  }
.main .navigation ul { list-style-type: none; margin: 0px;}
.main .navigation li { font-size: 10pt; line-height:1.4; float: left;  border-bottom: Solid 1px white; }
.main .navigation li a {height: 21px;  background-color: #6B855B; color: white;  display: block; width: 125px; padding-top: 3px; padding-bottom: 3px;  text-align: center; }
.main .navigation li a:link { color: white; text-decoration: none; }
.main .navigation li a:visited { color: white; text-decoration: none; }
.main .navigation li a:hover { background-color: white; color:#6B855B; }
.main #active  { background-color: #42622E; color:white }
.main #active-parent  { background-color: #42622E; color:white; }

#child {height: 21px;  background-color: #9CB48D; color: #39502A;  display: block; width: 125px; padding-top: 3px; padding-bottom: 3px;  text-align: center; }
#child:link { color: #39502A; text-decoration: none; }
#child:visited { color: #39502A; text-decoration: none; }
#child:hover { background-color: white; color:#39502A; }


.main .location {	width: 489px;	text-align: right;}
.main .location p {color: #325120; padding: 0px; font-weight: bold; text-align: right}
.main .modules {	padding-top: 10px;}

.main {
	width: 779px;
	border-right: Solid 1px black;
	border-left: Solid 1px black;
	border-bottom: Solid 1px black;
	background-image: url(../images/main_bg.gif);
	background-position: right;
}

.main .center { float: left; width: 489px; padding: 20px; }
.main .center h4 {	padding-bottom: 5px; }

.main .right{ float: right;  vertical-align:top; width: 125px; background-color: #A6A7C3; }
.main .right p { padding-left: 13px; }
.main .right h4 { padding-left: 13px; }
.main .right h5 { padding-left: 13px; }

.main h5 a {	text-decoration:none;}
.main h5 a:link { text-decoration:none;}
.main h5 a:visited { text-decoration:none;}
.main h5 a:hover { text-decoration:underline;}

.main td {
	padding:0px; border-bottom: Solid 1px #9CB48D; 
	border-left: Solid 1px #9CB48D;
}

.breaker {	clear: both;}

#center .content {    padding: 20px; padding-top: 70px;}
#right .content {    padding: 10px; padding-top: 2px; padding-left: 30px;}

/* 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: 165px; text-align: right;}
.search  h5 { text-align: right; padding-bottom: 5px; padding-right: 4px;}
.search .section {  padding: 4px; }
.search .button {	font-size: 8pt; width: 100px; margin: 4px; padding: 2px; border: Solid 1px black; }
.search .select { width: 228px; font-size: 10pt; border: Solid 1px black;}
.search .textfield {    width: 160px; border: Solid 1px black;}
.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: 165px; text-align: right; }
.sort h5 { text-align: right; padding-right: 4px;}
.sort .section { padding: 4px; text-align: right; padding-right: 0px;}
.sort select { font-size: 8pt; width: 100px; margin: 4px; margin-right: 0px;}
.sort .formkopje {font-size: 8pt;}

.breaker {clear: both; height: 0px;}
.spacer {clear: both; height: 0px;}