/* 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: Helvetica,Arial, Verdana,  sans-serif;
    font-size: 9pt;
    line-height: 160%;
    color: black;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #bbb;
    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,a
{ font-family: Helvetica, Arial, Verdana,  sans-serif; margin: 0px; text-align: left; font-size: 9pt; line-height: 160%;}

/* - - - -  2. GENERAL TEXT SETTINGS - - - - */
h1, .maintitle { font-size: 22pt; font-weight: bold;color: #01A1C3; letter-spacing: 1px;font-family:Helvetica, Univers Condensed,Arial,Times,Verdana;text-transform:uppercase;  }
h2, .subtitle { font-size: 20pt;  font-weight: bold;color: #01A1C3;letter-spacing: 1px; font-family: Helvetica,Univers Condensed,Arial,Times,Verdana;text-transform:uppercase;  }
h3, .sectiontitle { font-size: 14pt; font-weight: bolder; line-height: 100%; color: #01A1C3; margin-top: 14px; margin-bottom: 4px; }
h4, .introduction { font-size: 18pt; font-weight: bold; line-height: 100%;color: #01A1C3; letter-spacing: 1px;font-family: Helvetica,Univers Condensed,Arial,Times,Verdana; text-transform:uppercase; }
h5, .description {font-size: 10pt; font-weight: bold; line-height: 100%; color: #01A1C3; font-family: Helvetica,Univers Condensed,Arial,Times,Verdana; }
h6, .summary { background-color:black; font-weight: bolder; font-size: 10pt; color: white; line-height: 100%;letter-spacing: 1px;font-family:Helvetica, Univers Condensed,Arial,Times,Verdana; text-transform:uppercase; }
h7 { font-size: 13pt; color: #01A1C3;text-transform:uppercase;}
p {  line-height: 160%; letter-spacing: 1px; margin: 0px; padding-bottom:10px; color: #000000;font-size:9pt;  }
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: #000000;  text-decoration: underline; }
a:visited { color: #000000; }
a:hover { color: #01A1C3; }
a:active { color: #000000;}

/* CONTAINER SETTINGS - Site Specific Text Settings*/

#page {

    padding-top: 0px;
    width: 1005px;
     position: relative;
}

/* HEADER */
#header  { width: 1003px; border-left: Solid 1px #bbb;border-right: Solid 1px #bbb; background-position:top; }
//*#header .kop {background-image:url(../images/header.jpg);background-repeat:no-repeat; height: 255px; width: 1003px;}*//
#header .kop span {    display: none;}
#header h2 span {    display: none;}
#header p span {    display: none;}

/* LOGO */
#header .logo {
    background-color:black;top:0px;background-image: url(../images/logo.jpg);background-repeat:no-repeat;background-position:top;height:47px;width:1003px;
    clear:both;
}
.aanmeld {
    width:122px;height:122px; background-image: url(../images/aanmeld.gif); background-repeat: no-repeat; position: absolute;top:120px;left:480px;
}
.fotoupload {
    width:122px;height:122px; background-image: url(../images/fotoladen.gif); background-repeat: no-repeat; position: absolute;top:120px;left:620px;
}


/* NAVIGATION: SUBPAGE MENU */
#header .navigation {width: 1003px; height:27px; background-color: #01A1C3;}



/* MAIN BODY */
.main {  width: 1003px;padding: 0px;padding-top:0px; border-right: Solid 1px #bbb; border-left: Solid 1px #bbb; border-bottom: Solid 1px #bbb; background-color: #FFFFFF;}
.main .left { float: left; vertical-align:top; width: 730px; padding:20px;padding-top:40px;padding-left:25px;position:relative; background-color: white; }
.main .left p { padding-left: 0px; }
.main .left ul { padding-left: 0px; }
.main .left li { padding-left: 10px; }
.main .right{ float: right;  vertical-align:top; width: 228px;min-height:600px; margin: 0;}
.main .right p { padding-left: 0px; }
.main .right h4 { padding-left: 0px; }
.main .right h5 { padding-left: 0px; }

.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 { background-color:#3B9ABE;border:0px;height:25px;}
.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: #3B9ABE; color: white;text-transform:uppercase;font-weight:bold;}

/* 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;
}

#laatstenieuws {
position:absolute;
top:220px;
left:765px;
width:202px;
padding-top:40px;
height:100%;
background-image: url(../images/laatste_nieuws.gif);background-repeat:no-repeat;
z-index: 20;
height: 600px;

}
#logotop{
	position:absolute;
	top:0px;
	left:0px;
}

.section h5 {
	color:#666666;height:25px;line-height:120%;vertical-align:top;margin-top:10px;font-size:10pt;
}
#inschrijven h3 {
margin-bottom:7px;font-size:13pt;
}
#inschrijven span {
	color:red;
}


/* specifiek */

.xje {
    position:relative; left:2px; top:5px;
}
.plusje{
    margin-top:5px; 
}

.selectboxplanroute{
	width:200px;
}