/* 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,html {
    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: #294670; 

    padding-top: 20px; 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; text-align: left; font-size: 10pt; line-height: 170%; }

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

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

/* - - - -  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;  }
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%; }
p { font-size: 100%; }
span { font-size: 100%;}
li { font-size: 100%;}
ul {  margin-bottom: 0px; margin-left: 15px;}

/* CONTAINER SETTINGS - Site Specific Text Settings*/

#page {
    margin: auto;
    padding-top: 0px;
    width: 999px;
    border:none;
    background-color: white;
}

.main {
    /* example for image */

}


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

/* NAVIGATION: SUBPAGE MENU */
.navigation { width:180px; margin-top:0px; background-color:transparent;z-index:5; float: left; }
.navigation ul { list-style-type: none; margin: 0px; }
 .navigation li { font-size: 8pt; line-height:1.4;float:left;}

 .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 .nav li.passive a:visited {font-weight:bold; color: white; display: block; width:74px;   text-align: left;padding-left:4px; text-decoration: none; }
/* end */

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

.navigation .nav li.active a,
 .navigation .nav li.parent a,
.navigation .nav li.active a:link,
.navigation  .nav li.parent a:link,
 .navigation .nav li.active a:visited
.navigation .nav li.parent a:visited { color: black;     }
 .navigation .nav li.active a:hover { color: black;    }

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

.navigation .nav li a.active-child,
 .navigation .nav li a.active-child:link,
 .navigation  .nav li a.active-child:visited {color: black;   }
 .navigation .nav li a.active-child:hover { color: black;   }
 .nav {
    margin-top:45px;
    margin-left:26px;
    margin-bottom:0px;
    /*border:1px solid white;*/
    width:78px;
    padding:0px;
	 padding-bottom:10px;
    /*background-color: #027F9B; filter:alpha(opacity=80);-moz-opacity:0.8; opacity: 0.8;*//
 }


/* MAIN BODY */
.main .navigation {float: left; width: 125px;height:199px; padding-right: 20px; background-image: url(../images/backnav.jpg);background-repeat:repeat-y;}
.main .left { padding-left:20px; float: left; vertical-align:top; width: 460px; padding-top:20px; padding-bottom:20px;}
.main .right{float: right; padding-top:20px;   vertical-align:top; width: 170px; padding-right: 0px;}
.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  */