@import url("print-style.css") print;

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(../images/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 {
height: 100px;
background: #000 url(../images/header_bg.jpg) no-repeat;
border-top: 2px #963 solid;
margin: 0em;
/*color: #ffcc66;
font-size: 1.3em;
font-family: Georgia, "Times New Roman Bold", Times, serif;
letter-spacing: 0.2em;
font-style: italic;
text-align: left;
padding-top: 35px;
margin-bottom: -35px;
padding-left: 1em*/ }

#header-home {
height: 100px;
background: #000 url(../images/header_bg_home.jpg) no-repeat;
border-top: 2px #963 solid;
margin: 0;
color: #ffcc66;
}

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

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

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

#main-text {
background: #ffffff url(../images/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-home {
background: #ffffff url(../images/Hans_home.jpg) no-repeat top center;
margin: 0 0 0 200px;
padding: 1em 1em 0 2em;
border-bottom: 2px solid; 
min-height: 100%;
height: auto !important; /* voor moderne browsers */
height: 100%; /* voor IE */
}

#extramenu {
background-color: #f5ebd8;
border: 1px #cc9933 dotted;
float: right;
margin-top: 1.5em;
margin-left: 1em;
padding-left: 1em;
padding-right: 1em;
color: #f1e0c2;
width: 30%; }

/*---global text styling*/

h1 {
font-size: 1.5em;
font-family: Georgia, "Times New Roman Bold", Times, serif;
color: #cc9933;
font-weight: normal;
letter-spacing: 0.1em;
text-align: left; }

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

h3 {
font-size: 0.7em;
background-color: #f1e0c2;
font-weight: normal;
padding: 0.5em;
margin-bottom: 2em; }

p {
font-size: .7em;
text-align: justify;
line-height: 1.7em; }

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

p.float_right {
float: right;
color: #999;
font-size: 0.6em; 
margin: -3.4em 1px -1em 1em;
text-align: right; }

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; }

blockquote {
font: italic .7em/1.7em Georgia, Times, "Times New Roman", serif;
color: #666; }

#extramenu a {
color: #cc9933;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 1.2em;
letter-spacing: .2em;
line-height: 1em;
display: block;
padding: 0.1em;
border: none; }

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

/*---text section items*/

.iteminfo {
display: block;
border-top: 1px #c93 dotted;
margin: 0;
padding: 0; }

.newsinfo {
display: block;
border-top: 1px #c93 dotted;
padding: 0.5em 0 0.5em 0;
width: 280px;
margin: 0 20px 0 0; }

.bulletininfo {
border-top: 1px #c93 dotted;
padding: 0.5em 0 0.5em 0;
width: 165px;
float: right;
margin: 0 0 0 1em;
}

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

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

/*---navbar items*/

#navbar p {
margin: 0.5em;
padding-left: 1em;
color: #fff;
text-align: left; }

#navbar ul {
margin: 0;
padding-left: 1em;
}

#navbar ul li, #navbar ul li ul {
list-style-type: none;
padding: 0;
}

#navbar ul li a {
font-size: 1em;
color: #cc9933;
font-family: Georgia, "Times New Roman Bold", Times, serif;
letter-spacing: .1em;
line-height: 2em;
text-decoration: none;
text-align: left;
border: none; }

#navbar ul li ul li a {
font-size: 75%;
line-height: 200%;
padding-left: 0.75em;
letter-spacing: 0.1em;
display: block; }

#navbar ul li a:hover, #navbar ul li ul li a:hover {
color: #ffffff;
text-decoration: none; }

.current {
color: #fff; }

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

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

img.spacer 
{border: none;}

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

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

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

/*---form styles*/
form {
background-color: #f1e0c2;
padding: 0.5em; }

label{
line-height: 1.5em; }

label.float_text {
text-align: right;
float: left;
width: 10em;
padding-right: 1em; }

fieldset {
padding: 0.5em;
margin-bottom: 0.5em;
border: 1px #c93 dotted; }

legend {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 0.7em;
letter-spacing: 0.2em;
text-transform: uppercase;
background-color: #ffffff;
/*border: 1px #c93 dotted;*/
padding: 0.5em; }

/*---table styles*/
table {
border: 1px #c93 solid;
border-spacing: 0;
border-collapse: collapse; }

td {
border: 1px #c93 solid;
width: 25%;
padding: 2px; 
}

td.item {
font: 0.7em/1.2em "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
vertical-align: top; }

td.legend {
font: 0.7em/1.2em "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
background: #f1e0c2;
color: #999; }