html, body {
background-color: #cc9933;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
color: #333333;
margin: 0 auto;
height: 100%; }

/*---Global lay-out items*/

#wrapper {
background: #fff url(../ima/bg_strokes.gif) repeat-y;
margin: 0 auto;
padding: 0 30px 0 30px;
width: 700px;
min-height: 100%;
height: auto !important; /* voor moderne browsers */
height: 100%; /* voor IE */
 }

#header-sprank {
height: 100px;
background: #000 url(../ima/header_sprankelingen.jpg) no-repeat;
border-top: 2px #963 solid;
margin: 0;
padding: 0; 
}

#main-content {
background: #ffffff url(../ima/sprank_maintxt_bg.jpg) no-repeat;
margin: 0;
padding: 1px 0 0 0;
min-height: 100%;
height: auto !important; /* voor moderne browsers */
height: 100%; /* voor IE */
border-bottom: 2px solid; 
}

#content {
position: relative;
width: 700px;
min-height: 100%;
height: auto !important; /* voor moderne browsers */
height: 100%; /* voor IE */
background-color: #fc6;
margin: 0;
padding: 0;}

#navbar {
position: absolute;
top: 0px;
left: 0px;
width: 170px;
min-height: 100%;
height: auto !important; /* voor moderne browsers */
height: 100%; /* voor IE */
background: url(../ima/nav_boven.jpg) no-repeat;
padding: 15px;
}

#main-text {
background: #ffffff url(../ima/maintxt_bg.jpg) no-repeat;
margin: 0 0 0 200px;
padding: 1em;
border-bottom: 2px solid; 
min-height: 100%;
height: auto !important; /* voor moderne browsers */
height: 100%; /* voor IE */
}

#main-text p 
{font-size: .7em;
text-align: justify;
line-height: 1.7em;
padding-left: 50px; }

#main-text p strong em {
color: #993300; }

#main-text p.center, #col-left p.center, #col-right p.center {
text-align: center;
padding-left: 0; 
 }

#main-text p.footnote {
color: #999;
font-size: 0.6em; }

#subtitle {
padding: 1.5em 0 1.5em 105px; 
font: normal 0.8em "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
letter-spacing: 0.3em;
text-transform: uppercase;
color: #cc9933;
border-bottom: 1px #930 dotted;
 }

#col-left {
margin: 0;
padding: 1em 1em 0 1em;
min-height: 100%;
height: auto !important; /* voor moderne browsers */
height: 100%; /* voor IE */
width: 317px;
}

#col-right {
margin: 0;
padding: 1em 1em 0 1em;
min-height: 100%;
height: auto !important; /* voor moderne browsers */
height: 100%; /* voor IE */
width: 317px;
float: right;
border-left: 1px #930 dotted; 
}
#website p {
text-align: center;
font: bold 0.7em Verdana, Helvetica, Arial, sans-serif;
margin: 1.5em 0;
height: 30px;
padding: 10px 0em 0em 0em;
border-top: 1px #930 dotted;
clear: both; }

/*---global text styling*/

h1 {
font: bold 1.3em/2em Georgia, Times, "Times New Roman", serif;
color: #c93;
}

h2 {
color: #333;
font: normal 0.7em "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
text-transform: uppercase;
text-align: left;
letter-spacing: .2em;
}

h3 {
font: normal 0.6em "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
letter-spacing: 0.2em;
text-transform: uppercase;
text-align: left;
color: #999999; }

h4 {
font: bold italic 1em Georgia, Times, "Times New Roman", serif;
letter-spacing: 1px;
color: #930;
height: 1.25em;
padding: 0.5em 0;
border-bottom: 1px dotted;
margin: 1em 0 0 0;
text-align: left;
}


h5 {
font: normal 0.55em "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color: #930;
text-transform: uppercase;
text-align: right;
letter-spacing: 0.2em; }



a:link, a:visited, a:active  {
color: #cc9933;
text-decoration: none;
border-bottom: 1px dotted; } 

a:hover {
color: #333;
text-decoration: none; }

#main-text ul li {
font-size: .7em;
line-height: 1.7em;
list-style-type: disc; }

#main-text ol li {
font-size: .7em;
line-height: 1.7em;
list-style-type: decimal; }

/*---navbar items*/

#navbar h4 {
padding: 0.5em 0; }

#navbar ul {
margin: 0;
padding: 1em 0;
list-style-type: none;
}
#navbar ul li {
margin-top: 1em;
border-bottom: thin dotted; }

#navbar ul li ul li {
margin-top: 0;
border-top: thin dotted; 
border-bottom: none}

#navbar ul, #navbar ul li ul {
padding: 0;
color: #993300;
font: italic 1em Georgia, "Times New Roman Bold", Times, serif;
line-height: 1.5em;
letter-spacing: 0.1em;
 }

#navbar ul li a, #navbar ul li ul li a {
color: #993300;
text-decoration: none;
border: none; 
display: block;
padding-left: 0.5em;}

#navbar ul li ul li,  #navbar ul li ul li a {
color: #993300;
font: 85% Georgia, "Times New Roman Bold", Times, serif;
line-height: 150%;
}

#navbar ul li a:hover {
color: #fff;
text-decoration: none;
}
#navbar ul li ul li a:hover {
color: #993300;
text-decoration: none;
background: #fff;
}

.current {
color: #fff; }

#navbar ul li ul li a:hover.current {
color: #930 }

#navbar ul li a:link.current, #navbar ul li a:visited.current {
color: #fff; }


/*---text section items*/
.quote {
color: #930;
font: italic 0.8em/1.5em Georgia, Times, "Times New Roman", serif;
padding: 0 1em;
margin: 2em 0;
text-align: left;
background: #fff4c7;
border-top: 2px #963 solid; 
border-bottom: 2px #963 solid; 
}

.item {
padding: 0;
margin: 0;
}
.item p {
font-size: .7em;
text-align: justify;
line-height: 1.7em;
padding-left: 50px; }

img.divider {
border: none;
text-align: center;
}

.fotoitem {
padding: 0;
margin: 1.3em 0 0 0;
}


.fotoitem p {
font-size: 0.6em;
text-align: left;
color: #999;
}

.footer {
position: relative;
bottom: 0.5em; }

p.footer {
font-size: 0.6em;
text-align: center;
color: #999; }

/*---image styles*/
img 
{border: 1px #c93 dotted;}

img.spacer 
{border: none;}

img.float {
float: left;
border: 1px #c93 dotted;
margin: 0.5em 1em 0 0; }

img.float_right {
float: right;
border: 1px #c93 dotted;
margin: 0 0 0 1em; }

img.iteminfo {
float: left;
border: 1px #c93 dotted;
margin: 0 1em 1.7em -1px; 
}