/* 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; /* set default font size here and at the p, h1, etc section */
    color: black;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: white;
    margin-top: 0px;
    /* example for image */
}

.background {
background-color: #c0c0c0;
    padding-top: 0px; padding-bottom: 20px;
}

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

/* default font and font size */
p, h1, h2, h3, h4, h5, h6, h7, td, tr, th, li, span, div, table
{ font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; color: gray; text-align: left; font-size: 12pt; line-height: 170%; }

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

.text {
    font-family:verdana; font-size:12pt; color:gray; font-weight:normal; line-height: 100%; margin-bottom:10px;
}
a:link { color: #555;  text-decoration: underline; cursor:pointer;}
a:visited { color: #333333; cursor:pointer;}
a:hover { color: #220D6C; cursor:pointer;}
a:active { color: #000000;cursor:pointer;}

.no_a a:link { color: #fff;  text-decoration: none; }
.no_a a:visited { color: #fff; text-decoration: none;}
.no_a a:hover { color: #fff; text-decoration: none;}
.no_a a:active { color: #fff; text-decoration: none;}

.pointer {cursor:pointer;}

/* - - - -  2. GENERAL TEXT SETTINGS - - - - */
h1, .maintitle { font-size: 140%; font-weight: bold; }
h2, .subtitle { font-family:verdana; font-size:16pt; font-weight:normal; margin-bottom:10px;}
h3, .sectiontitle { font-family:verdana; font-size:16pt; font-weight:normal; margin-bottom:10px; }
h4, .introduction { font-size: 130%; font-weight: bold;  }
h5, .description { font-size: 100%; font-weight: bold; }
h6, .summary { font-size: 90%; font-weight: bold; }
h7 { font-size: 100%; }
td p,
p {font-family:verdana; font-size:12pt; color:gray; font-weight:normal; line-height: 100%;}
span { font-size: 100%;}
li { font-size: 100%;}
ul {  margin-bottom: 0px; margin-left: 15px;}
td {font-family:verdana; font-size:15pt; color:gray; font-weight:normal; line-height: 100%; margin-bottom:10px;}
/* CONTAINER SETTINGS - Site Specific Text Settings*/

#page {
    margin: auto;
    padding-top: 0px;
    width: 1000px;
    border: solid 1px black;;
    background-color: white;
    background-image: url(../images/main_bg.gif);background-repeat: repeat-y; background-position:left;    
}

.main {
    /* example for image */
}


/* HEADER */
#header  { width: 779px; height: 0px;background-image: url(../images/loogo.jpg); }
#header h1 span {    display: none;}
#header h2 span {    display: none;}
#header p span {    display: none;}

/* NAVIGATION: SUBPAGE MENU */
.navigation { width:150px; margin:0px; }
.navigation ul { width:150px; list-style-type: none; margin: 0px;background-color:transparent; }
 .navigation li { font-size: 16pt;font-weight:normal; padding:0px; margin:0px; margin-left:30px; float:left; color:gray; }

 .navigation li a,
 .navigation li a:link,
.navigation li a:visited,
 .navigation li.passive a,
 .navigation li.passive a:link,

/* opmaak primaire navigatie standaardkleur instelling */
 .navigation li.passive a:visited { color: #a0a0a0; display: block; width:150px; margin-bottom: -5px; text-align: left;padding-left:4px; text-decoration: none; }
/* end */

 .navigation li a:hover,
/* rollover kleur van items non-active */
 .navigation li.passive a:hover {  color:black; background-color: #fff; }

.navigation li.active a,
 .navigation li.parent a,
.navigation li.active a:link,
.navigation li.parent a:link,
 .navigation li.active a:visited
.navigation li.parent a:visited { color: gray; background-color: white;   }
 .navigation li.active a:hover { color: gray; background-color: white; }

.navigation li a.passive-child,
 .navigation li a.passive-child:link,
.navigation li a.passive-child:visited { }
 .navigation li a.passive-child:hover { }

.navigation li a.active-child,
 .navigation li a.active-child:link,
 .navigation li a.active-child:visited {color: gray; background-color: white;   }
 .navigation li a.active-child:hover { color: gray; background-color: white;  }
 .nav {
    margin-top:20px;
    margin-left:10px;
    margin-bottom:10px;
    border:0px solid white;
    width:150px;
    padding:0px;
 }


/* MAIN BODY */
.main .navigation {float: left; width: 211px; padding-right: 0px; background-image: url(../images/backenav.jpg);background-repeat:repeat-y;}
.main .inter_header {float: left; width: 223px; height:750px; vertical-align:top; background-image: url(../images/header1.jpg);background-repeat:no-repeat;}
.main .content { margin:0px; float:left; vertical-align:top; width: 500px; padding:0px;}
.main .content .left { margin:0px; float:left; vertical-align:top; width: 460px; padding:10px; margin-top:11px; padding-left:30px;}
.main .content .right_header { background-image: url(../images/left.jpg); position:relative; height:199px; width:566px;}

.label { background-image: url(../images/label.jpg); position:relative; left:211px; height:57px; width:223px; }
.copyright { background-image: none;}
.linkpijl {background-image: url(../images/link_pijl.jpg); float:left; height:20px; width:50px;}

.main .content .right{float: right; padding:20px;   vertical-align:top; width: 170px; margin-right:-50px;}
.main .center { float: left; padding-left: 20px; padding-top:20px;  vertical-align:top; width: 616px; padding-right: 0px;}
.breaker { clear: both; line-height: 0px; height:0px; overflow: hidden;margin:0px;padding:0px;}


/* FORM OPTIONS - stacking build up - backwards comat section */
.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;}

.tableart{
    background-color: white;
    width:640px;
    background-image: url(../images/tableback.jpg);
    background-repeat: repeat-y;
    border: 0px;

}

.code-column{width: 100px;    color:red;}
.code-houder{
    vertical-align: top;color:red; font-weight:bold;
}
.afbeelding-column{    width:320px;    color:white;    vertical-align: top;}
.afbeelding-houder{
    vertical-align:top;
}
.titel-column{color:red;}
.details-houder{
    vertical-align: top;
}

.kop{
    font-weight: bold; text-transform: uppercase;color:red;
}


/* END OPMAAK KUNSTWERKEN  */