/* 
Kleuren Main:
----------------------
donker:	rgb(52,52,52);
midden:	rgb(66,66,66);
licht:	rgb(204,204,204);
*/
/* 
# verwijst naar uniek id in html-element.
Steef gebruikt id's in de html om de diverse 'blokken' van de layout op de pagina's te definieren.
Dit om heldere vormgevingselementen te verkrijgen en te scheiden van de classes.
De classes gebruikt steef dan meer als uitzonderingon op de stijlkenmerken die door de id's gedefinieerd zijn.
*/
body {background-color:rgb(52,52,52); padding: 0px 0px 0px 0px; margin: 0px;font-size: 11pt; font-family:  "Arial", sans-serif;}
td {vertical-align:top;}

#mainhead {background-color: white;width:780px;height:100%;}

/*paginadeel header*/
#koprow {background-color: rgb(52,52,52); height: 100px; background-repeat: no-repeat; background-position: left top;width:780px;}
.kopbalk {background-color: rgb(52,52,52);}
#kopcel {padding-top: 15px; padding-left: 210px; margin: 0px; color: white; font-family: "Georgia", "Times New Roman", serif; font-weight: bold; font-size: 24px; letter-spacing: 3px;width:780px;}
#kopcel hr {width: 50%; height: 1px; border-left:0px; border-right:0px; border-top:0px; border-bottom:1px; border-bottom-color:white; border-bottom-style:solid;}
.onderkop {font-size: 20px; letter-spacing: 4px; font-weight: normal;}

/*content*/
#contentrow {background-color:white; font-size:10pt;width:780px;}
.contentbg{background-color: rgb(77,77,77);height:100%;}
#contentcel {width:568px; border-left:1px; border-left-color:gray; border-left-style:solid; padding:0px; margin:0px;}
div#content {background-color: none; margin:0px; padding:0px 30px 10px 30px; text-align: justify; color: #666; font-family: "Arial", sans-serif; line-height: 160%;}
div.dry{line-height: 130%;font-size:9pt;}
div.drysmall{line-height: 130%;font-size:8pt;background-color: white;}
.aanbod{border:1px solid red; border-style:dotted; padding:20px;}
.aanbod h2{color:red;}

/*subnav*/
#subnav {width: 210px; padding:0px;padding-borttom:25px; background-color: gainsboro;}
#subnavdown {width: 210px; padding:0px; padding-borttom:0px; background-color: gainsboro;}
#subnav img {width: 210px; margin-bottom:2px;}
div#nav {margin:0px; padding:15px;margin-bottom:2px;width:180px;}
div#nav img{margin-bottom:10px; margin-top:10px; width:180px; border: 0px solid rgb(52,52,52);}

/* linken in het linker gedeelte */
a.navi:link,  a.navi:active,  a.navi:visited {display:block;text-decoration:none;font-size:10pt;font-weight:bold;color: gray;font-family: "Georgia", "Times New Roman", serif;border: 1px solid gray; background-color: none; padding:2px;height:100%;width:100%px;letter-spacing:1px; font-variant: small-caps;margin:2px;}
a.navi:hover {color: red; background-color:whitesmoke;}
/* link geselecteerd */
.navi a.navi span.navisel {text-align:right;border: 0px solid gray;}

/*opsomming*/
.overzicht {width: 100%; border: 1px solid rgb(52,52,52); background-color: white; margin: 15px 0px 15px 0px; padding: 0px; text-align: justify; color: rgb(52,52,52); font-family:  "Arial", sans-serif; line-height: 160%;}
.overzichttext {color: #666; padding: 10px; font-family:  "Arial", sans-serif;}
.listtext {color: #666; padding: 10px; font-family:  "Arial", sans-serif;}

/*headers*/
h1, h2, h3 {font-family: "Georgia", "Times New Roman", serif; font-weight: normal;  margin: 0px;line-height: 90%;}
h1 {color: rgb(7,46,103); font-size: 18pt;}
h2 {color: #666; font-size: 13pt; font-style: italic; padding-bottom: 7px;}
h3 {color: rgb(7,46,103); font-size: 11pt; text-decoration:none;padding-bottom: 3px; MARGIN-bottom: 2px; padding-top: 0px; MARGIN-top: 20px;border-bottom:1px solid silver;font-weight: bold;}
h5 { padding-bottom: 0px; MARGIN-bottom: 0px; padding-top: 0px; MARGIN-top: 8px;}

/* algemene links */
a:link, a:active, a:visited {color: rgb(11,71,200); text-decoration: underline; font-weight: normal;}
a:hover {color: red;}

/* algemene links kaal en bescheiden*/
.kaal {color: color: rgb(11,71,200); font-size: 12px;text-decoration: none;}
.kaal a:link, .kaal a:active, .kaal a:visited {text-decoration: none;}
.kaal a:hover {color: red; text-decoration: underline;}

/*links bovenaan*/
.topnav{border-left: 1px; border-left-color: gray; border-left-style:solid;background-color: gainsboro;padding:5px;padding-right:10px;}
.topnav a:link, .topnav a:active, .topnav a:visited {text-decoration: none; font-family: Georgia, serif; font-style: italic; font-size: 11px; color: rgb(52,52,52);}
.topnav a:hover {color: red;}

/*clickpath*/
div.pathfinder{padding-right:5px;padding-top:3px;width:564px;height:30px;  font-family:"Arial",sans-serif;font-size:7pt;letter-spacing:1px; color: gray;font-style:italic;}
div.pathfinder a:link, div.pathfinder a:active, div.pathfinder a:visited {text-decoration: underline; font-family:"Arial",sans-serif;font-size:7pt;letter-spacing:1px; color: gray;}
div.pathfinder a:hover {color: red;}

/*divjes voor speciale text*/
div.below {color:white;padding:5px;font-family:"Arial",sans-serif;font-size:8pt;letter-spacing:1px;width:770px;font-style:italic;}
div.belowprint {display:none;}
div.dreamtext{width: 700px;text-decoration: none; font-family: Georgia, serif; font-style: italic; font-size: 10pt; color:  rgb(66,66,66);}
div.adres {font-size:10px;padding:10px;font-family: "arial";color:black;}

/*smalltext*/
.smalltext{font-size: 8pt;line-height: 130%;}

/* continentenlink emotions pagina*/
.linkcontinent {font-size: 11pt; padding-bottom: 0px; MARGIN-bottom: 0px; padding-top: 37px; MARGIN-top: 0px;text-decoratoin:none;font-family: "Georgia", "Times New Roman", serif;letter-spacing:1px;}

/*image-peculiarities*/
table.beeldrechts{margin-top:5px;margin-bottom:0px;}
table.beeldrechts img{margin-left:20px;border: 4px solid gainsboro;}
img.imgband {border: 1px solid white;padding:25px}

/*formstuff*/
form td{font-family:"Arial",sans-serif;font-size:8pt;font-weight:bold;margin:0px;padding:1px;}
form.offerte td{font-family:"Arial",sans-serif;font-size:8pt;font-weight:normal;margin:0px;padding:1px;}
input, select, textarea {font-size:8pt;margin:0px;padding:0px;}	

/*etcetera*/
hr{width: 100%; height: 1px; border:1px solid silver;margin:0px;padding:1px;}
.prijs {font-weight:bold;font-size: 11pt;color:red;}