/*opmaak voor de kunst van het samenzijn */
/*1 kleur, de donkerste kleur oranje, tekst wit 
Kleuren uit het theezakje */


body {background:  #e1570f; color: #fff;
font-size: 14px;
font-family: Verdana, arial, "sans serif"; 
}

h1, h2, h3, h4, h5 {color: #9a1a17;} 

h1 {font-size: 220%;}
h2 {font-size: 170%;} 
h3 {font-size: 140%}
h4 {font-size: 120%}
h5 {font-size: 100%}

h5{margin: 23px 0 0 0; padding:0;}

.banner h1 {font-family: Verdana; color: #c5dd41; margin: 0px; padding: 0px;}


/*** bovenste gedeelte****/
table.totaal{width: 960px; font-size: 12px; 
margin-left: 20px; margin-top: 14px; border-collapse: collapse;}

tr.boven {height: 100px;}

td.logo, linkertekst {width: 300px;/*260px;*/ overflow: hidden;; 
margin: 0 12px;}

td.banner, td.inhoud{width: 640px;/*720px;*/}
td.banner {vertical-align: bottom; padding-bottom: 6px;}
td.linkertekst, td.rechts {vertical-align: top; padding-top: 8px;}
td.linkertekst{padding-right: 14px; font-weight: 550; font-size: 16px;}

div#logo {height: 90px; 
font-size: 18px; }

div#bannertekst{margin:0 0 12px 0; padding:0;}

div#hoofd-navigatie {margin:0; padding:0; 
font-size: 18px;}


div.inhoud1 {
margin: 0px; padding: 0px;
height: 360px;
overflow: auto;/*scroll;*/
padding-right: 15px;
}

strong {font-weight: bold;}

/*****/
div#clear{clear: both;}


/**** Admin geddelte ****/

div#in{
padding-top: 4px;
margin-left: 30px;
}

div#links{width: 300px;
border-top: 1px solid #e1570f;
border-bottom: 1px solid #e1570f;
float: left;
margin-left: 30px;
}

div#rechts{width: 600px;
margin-top: 4px;
border-top: 1px solid #e1570f;
border-bottom: 1px solid #e1570f;
margin-left: 350px;
}

div#afbeelding {float: left;}
div#nr {float: right;}


/* **** lijststijl voor de hoofdnavigatie: ****** */
#hoofd-navigatie ul {
list-style: none;
margin: 0px; padding: 0px;
}
#hoofd-navigatie li {
display: inline;
} 

#inhoud ul {
list-style: circle;
margin: 16px; padding: 0px;
}

#hoofd-navigatie a{
padding-right: 8px;
font-family: arial;
}

#hoofd-navigatie a:link, #hoofd-navigatie a:visited {
color: #5e190f;
text-decoration: none;
font-weight: bold;
}

#hoofd-navigatie a:hover, #hoofd-navigatie a:active{
color: #fff;
text-decoration: none;
}

/*--je bent hier--*/
#hoofd-navigatie a:link.hier, #hoofd-navigatie a:visited.hier {
color: #c5dd41;//#fff;
} 

#hoofd-navigatie a:hover.hier, #hoofd-navigatie a:active.hier{
color: #fff;
text-decoration: none;
}

#inhoud a:link, #inhoud a:visited {
color: #5e190f;//#878723;
text-decoration: none;
font-weight: bold;
}

#inhoud a:hover, #inhoud a:active {
color:  #c5dd41;//#fff;//#8a8412;
text-decoration: none;
font-weight: bold;
}

/**** nummer ****/
#nr a:link, #nr a:visited {color: #fff; text-decoration: none;}

#nr a:hover, #nr a:active {color: #f00;}

/**** hier ****/
#inhoud .hier a:link, #inhoud .hier a:visited{
color: #2b1100;//#000;
}
#inhoud .hier a:hover, #inhoud .hier a:active{
color: #f00;
}

/** contact formulier ***/
form.contact, form.contact h3 {margin: 0; padding:0;}
form.contact input {width: 340px;}
form.contact textarea {width: 340px; height: 120px;}

form.contact .knop {width: 100px;  
background: #f88220;//#f58c17;//#e1570f;//#ff1e00; color: #4d2324; 
border: 2px solid #9a1a17;//#993221;//#ffe4c4;
font-size: 15px; font-weight: bold; padding: 2px 6px; margin: 6px 0;}

.knop0 {background: #ff1e00; color: #000; border: 2px solid #ffe4c4;
font-size: 14px; padding: 2px 6px; margin: 12px 0;}

.knopdel0 {background: #f00; color: #fff; border: 2px solid #ffe4c4;
font-size: 14px; padding: 2px 6px; margin: 12px 0;}

.loguit {background: #ff8c00; color: #2b1100;//#000;//#f00;//#ff1e00; 
border: 2px solid #ffe4c4;
font-size: 14px; padding: 2px 6px; margin: 2px 0;}

.fileknop {background: #ff1e00; color: #000; border: 2px solid #ffe4c4;
font-size: 14px; padding: 2px 6px;}

textarea.edit {width: 580px; height: 300px;}


/*inlogscherm */
div#inhoud1 {text-align: center;
background: #ff6523;
padding: 16px 0;
}

div#inloggen {
background: #ff4500;
width: 306px;
text-align: left;
margin: 24px auto 0 auto; 
padding: 4px 6px;
border: 3px outset #f00;//#ffe4c4;}

div#inloggen table {font-size: 15px; background: #ffe4c4;//#ff1e00;}
div#inloggen table th{font-size: 23px; 
background:  #f00;//#ff4500;//#ff1e00; color: #000;//#ffe4c4; padding-top: 2px; padding-bottom: 4px;}
div#inloggen table td{background: #ff1e00;}

/****** kleurtjes *******/
.oranje {color: #ff8c00;}
.oranjerood {color: #ff4500;} 
.rood {color: #9a1a17;//red;}
.zwart {color: #000;}
.wit {color: #fff;}
.zgeel {color:  #ffd;}

/* de kleuren */
creme: #f5f3e7;
lichtbruin/ oranje: #da7219;
oranjeachtigbruin:  #e1570f;
oranjebruin: #f5250a;
(flets)bruin: #791f13;
rooibos: #a32b1a;
bruin: #55160d;
donkerderbruin: #350e08;
donkerbruin: #170401;