/* (c) 2003  Projectie Productions */
/* Master Cascading Style Sheet /*
/* Date: 4 februari 2003 /*
/* Last edited by: Philip /*
/* Version: 1.1

/* TIPS:
* niet 0 px maar 0px - anders problemen in IE 6, Netscape, Mozilla
* combineer zoveel mogelijk - scheelt laadtijd
* zet de standaardelementen voor tekst bovenaan in de template (CMS voor klanten!)
* gebruik niet teveel stijlelementen (denk aan Pepijn: minder = mooier)
* controleer de stylesheet achteraf met een controleprogramma
* zet ''korte specifiacties in één regel, lange over meerder lijnen'
*/

/* - - - - 1. MAIN SETTINGS FOR THE WEBSITE- - - - */
body {

}

/* Standaard Instellingen van de algemene classes */
p, h1, h2, h3, h4, h5, h6, h7, td, tr, li, div, span
{
margin-top: 0px;
font-family: Verdana, Arial;
font-size: 10pt;
text-align: left;
}

/* Getrapte grootte instelling van de headings-elementen */
h1 { font-size: 18pt; font-weight: bold; }
h2 { font-size: 16pt;  font-weight: bold; }
h3 { font-size: 14pt; font-weight: bold; }
h4 { font-size: 11pt; font-weight: bold; margin: 0px; }
h5 { font-size: 10pt; font-weight: bold; text-align:right; }
h6 { font-size: 8pt; font-weight: bold; }

/* Standaard instelling van een div, deze komen bovenop of in plaats van de hierboven gedefinieerde standaard-div instelling*/
div { margin: 0px; padding: 0px; }

/* Standaard Hyperlinks Instellingen */
a:link { color: #D1AFA0; text-decoration: underline; }
a:visited { color: #D1AFA0; }
a:hover { color: #ED160B; }

/* - - - - 2. STANDAARD INSTELLINGEN */

/* Standaard Tekst Specificaties*/
.standaard {font-family: Arial, Verdana; font-size: 10pt;} /* Indien gebruikt: andere specificaties dan boven */
.vet { font-weight:bold; } /* Handige voor gebruik door klanten in het CMS */
.onderstreept {text-decoration: underline;} /* Handig voor gebruik door klanten in het CMS */
.cursief { font-style: italic; } /* Handig voor gebruik door klanten in het CMS */
.intro, .introtekst { font-weight: bold; color: #999999; text-align: justify; } /* Specificatie Introductietekstjes */
.titel, .title { font-weight: bold; font-size: 12pt; color: #999999; } /* Handig voor klanten voor in CMS */
.subtitel { font-weight: bold; font-size: 10pt; color: #999999; margin-bottom: 0px; } /* Handig voor klanten voor in CMS */
.small { font-size: 8pt;}

/* Uitzonderingen op de Standaarden */
.link {font-size: 10pt; text-decoration: none;  color: #ED160B;} /* Ander type link */
.link:visited {font-size: 10pt; text-decoration: none;  color: #ED160B;} /* Ander type link */
.link:hover { font-size: 10pt; text-decoration: underline; color: #FFFFFF; } /* Ander type link hover */


/* - - - - 3. DE CONTAINER INSTELLINGEN (div's / table's) - - - - */

/* container voor de website-pagina */
#pagecontainer{ width:888px; margin:auto; background-color:black; height: 100%; }

/* container voor de linkerbalk*/
#leftcontainer{ width:130px; margin: 0px; background-image: url(../images/bg_banner.gif); height: 100%; background-color:black; }

/* container voor de het centrale gedeelte - midden*/
#centercontainer{ width:620px;  background-color:black; background-image: url(../images/bg_center.gif); background-repeat: repeat-y; }

/* container voor de rechterkant */
#rightcontainer{width:130px; margin:auto; background-color:black; background-image: url(../images/bg_banner.gif); height: 100%;}

/* bodycontainer - voor de tekstinhoud */
#bodycontainer { padding: 30px; padding-top: 15px;}

/* - - - - 4. HACKS (speciale hacks and tricks) */

.breaker {
    CLEAR: both; OVERFLOW: hidden; HEIGHT: 1px
}

/* - - - - 5. MAIN COLOR SETTINGS - Standaard Kleuren voor op de Website */

/* Achtergrondkleuren */
.bg-c1 { background-color: Black; } /* zwart */
.bg-c2 { background-color:#ED160B } /* rood primar */
.bg-c3 { background-color: #D1AFA0; } /* beige */
.bg-c4 { background-color: white; } /* wit */
.bg-c5 { background-color: #335E07; } /* donkergroen - bv lijnen en links */
.bg-c6 { background-color: #434343; } /* grijs */
.bg-c7 {background-color: #B86E1E; } /*oranjebruin  */

/* Tekstkleuren */
.c1 { color: Black; }
.c2 { color: #ED160B; }
.c3 { color: #D1AFA0; }
.c4 { color: Black; }
.c5 { color: Black; }
.c6 { color: Black; }
.c7 {color: #666666;}



/* - - - - 6. STANDAARD MODULE INSTELLINGEN */


/* Form Elements */
.zoekbox { border: Solid Black 1px; background-color: white;height: 22px; }
.zoekbox-button { background-color: white; border: 0px; height: 22px; border: Solid Black 1px; font-weight: bold;}
.copyright { padding-top: 7px; padding-left: 5px; font-size: 8pt; }
.citaat { font-size: 8pt; color: #FBA611;  font-style : italic; width: 180px; padding-left: 10px; }

/* Location Template - instellingen voor de locatiebalk */
.locatiebalk:link  { font-size: 10pt; text-decoration: none;  color: black; }
.locatiebalk:hover { font-size: 10pt; text-decoration: none;  color: #99FF21; }



/* - - - - 7. OVERIGE ELEMENTEN */

/* Div Elements*/
.div-main {background-color: white; margin: 10px 10px 10px 10px; padding: 20px 20px 20px 20px; border: 1px solid black;  width: 800px; }
.div-admin {background-color: white; padding: 10px; }
.div-mainbody {background-color: #00B5FF; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }
.div-sfeer { background-image: url(../images/bg_sfeer.gif);  background-repeat: repeat;  background-color: #00B5FF;  padding: 10px; }


/* FRONTEND ADMIN FUNCTIONS */
.admin-anchor {  position: relative;}
.admin-anchor .edit {
position: absolute; z-index: 100; top: -36px; left: -36px;
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;
}