/* 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: Univers, Helvetica, Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    color: black;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

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

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

h1,h2,h3,h4,h5 {    color: #36A7E9;}

/* - - - -  2. GENERAL TEXT SETTINGS - - - - */
h1, .maintitle { font-size: 140%; font-weight: bold; }
h2, .subtitle { font-size: 130%;  font-weight: bold; }
h3, .sectiontitle { font-size: 130%; font-weight: bold; line-height: 160%; }
h4, .introduction { font-size: 130%; font-weight: bold; line-height: 160%;  }
h5, .description { font-size: 100%; font-weight: bold; line-height: 160%;  }
h6, .summary { font-size: 90%; font-weight: bold; line-height: 160%;}
h7 { font-size: 100%; }
p {  line-height: 160%; margin: 0px; padding-bottom:10px;  }
span { font-size: 100%; margin: 0px; padding: 0px; }
div { margin: 0px; padding: 0px; }
li {line-height: 160%; }
ul {    margin-bottom: 10px; margin-left: 15px;}
li {
    list-style-image: url(../images/bullet.gif);

}

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

/* CONTAINER SETTINGS - Site Specific Text Settings*/

/* PAGE */
#page {    margin: auto;    width: 717px;    text-align: left;    background-image: url(../images/side_1.jpg);    background-position: right top; }
#main { width: 670px; background-color: white; }
#home #main { width: 717px; background-color: white; }

/* TOPBALK */
#header  {    width: 670px;    height: 23px;    background-image: url(../images/header_left.gif);    background-repeat: repeat-y;}
#home #header  {    width: 717px;    height: 23px;    background-image: url(../images/header_right.gif);    background-repeat: no-repeat; background-position: right;}
#uk #header  {    width: 670px;    height: 23px;    background-image: url(../images/header_left_uk.gif);    background-repeat: repeat-y;}

#header h1 {display: none; }
#header h1 span {    display: none;}
#header h2 span {    display: none;}
#header p span {    display: none;}

/* LOGO EN SFEER */
#logo {    width: 670px;    height: 161px;    background-image: url(../images/logo.gif);    background-repeat: no-repeat; position: relative;text-align: right;}
#logo .overlay {width: 234px;    height: 161px;    background-image: url(../images/overlay_1.jpg);    text-align: right;    margin-left: auto;}

#home #logo {    width: 717px;    height: 251px;    background-image: url(../images/logo_home.gif);    background-repeat: no-repeat; position: relative;text-align: right;}

/* INHOUD SITE */
.body {width: 670px; background-image: url(../images/sfeer_main.gif);    background-repeat: no-repeat;    position: relative;  min-height: 400px; }
#home .body {width: 717px; background-image: none;    background-repeat: no-repeat;    position: relative; height: expression('290px'); min-height: 290px; }
.body .boxed {    padding: 30px; padding-left: 46px; width: 350px; padding-right:0px;}
#home .boxed {    display:none;}
.body .navigation {position: absolute; z-index: 2; top: 40px; left: 350px; width: 300px; text-align: right;}
.body .pagetitle h2 {    height: 22px;    width: 300px;    position: absolute;    z-index: 1;    left: 46px;    top: -6px;    background-image: url(../images/nav_1.gif);background-repeat: no-repeat;}
.body .pagetitle h2 span {    display: none;}
.boxed  strong {    font-weight: bold;}
.boxed p strong {    font-weight: bold; font-size: 9pt; font-family: Univers, Helvetica, Arial, Verdana, Helvetica, sans-serif 'Sans Serif';  }

.main {    border-right: Solid 1px black; border-left: Solid 1px black; border-bottom: Solid 1px black; background-color: #EB9502;}
.main .left { float: left; vertical-align:top; width: 470px; }
.main .left p { padding-left: 88px; }
.main .left ul { padding-left: 88px; }
.main .left li { padding-left: 10px; }
.main .right{ float: right;  vertical-align:top; width: 228px; padding-right: 15px;}
.main .right p { padding-left: 13px; }
.main .right h4 { padding-left: 13px; }
.main .right h5 { padding-left: 13px; }

.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: white; color: black; }


#mail {
background-color: black;
text-align: center;
}

#mailpage {    width: 500px;    background-color: #white; margin: auto; border: Solid 1px black; margin-top: 30px;}
#mailpage .logo { float: left; width: 133px; height: 270px; background-color: white; vertical-align: top;}
#mailpage .tekst { float: left; width: 347px; height: 270px;background-color: white; vertical-align: top; padding: 10px;}

#page strong {    font-weight: bold;}
#page strong {    font-weight: bold; font-size: 10pt; font-family: Univers, Helvetica, Arial, Verdana, Helvetica, sans-serif 'Sans Serif';  }