/* CSS Document */
body {
overflow: hidden;
background-color : #206060; /* Achtergrond-kleur Hoofdblad */

}
bodyform {
margin : 0;
padding : 0;
border : 0;
overflow : hidden;
height : 100%; 
max-height : 100%; 
background-color : #206060; /* Achtergrond-kleur Hoofdblad */
}
P {
font : 10px
font-family : verdana, arial, helvetica, "sans-serif"; 
color : #fffff0;  /*#000000 nu Ivory*/
}
H1 {
font : 18px 
font-family : verdana, arial, helvetica, "sans-serif"; 
color : #000000;
}
H3 {
font : 16px
font-family : verdana, arial, helvetica, "sans-serif";
color : #FFFFF0;  /*#000000 nu Ivory */
}
H4 {
font : 10px
font-family : verdana, arial, helvetica, "sans-serif";
color : #000000;
}
H5 {
font-size : 8px
font-family : verdana, arial, helvetica, "sans-serif";
color : #000000;
}
.footer {
font : 14px 
font-family : verdana, arial, helvetica, "sans-serif"; 
color : #666666;
}
.footer a {
text-decoration : none;
color : #ffffff;  /*#d5d7b5 */
}
.footer a : hover {
color : #ffffff;
}
.siteinfo {
font-family : verdana, arial, helvetica, "sans-serif"; 
font-size: 30px; font-style : normal; color : #c0c0c0;
}
.textinfo {
font-family : verdana, arial, helvetica, "sans-serif"; 
font-size: 14px; font-style : color : #0b3b0b;
}
.textinfo a {
font-family : verdana, arial, helvetica, "sans-serif"; 
font-size: 14px; font-style : color : #0b3b0b;
}
.ondertext  {
font-family: verdana, arial, helvetica, "sans-serif"; 
font-size: 10px; font-style : color : #0b3b0b;
}
/* Navigatie Knoppen Block  */
#navigation  {
margin-top : 60px;
width : 7em;
border-right: 2px solid #f0d58c;  /*Kleur en grote van de Rechter-Border van het Navigatie-Block */
padding : 0 0 1px 0;
margin-bottom : 1em;
font-family : Verdana, arial, helvetica, "sans-serif";
background-color : #f0c08c;
color : #FFFFFF;               /* Text kleur */
}
#navigation ul  {
list-style : none;
margin : 0;
padding : 0;
border : none;
}
#navigation ul ul  {
margin-left : 12px;
}
#navigation ul ul a:link, #navigation ul ul a:visited  {
background-color: #206060;     /* Voorgrond-Block kleur */
color : #FFFFFF;               /* Text kleur */
}
#navigation ul ul a:hover  {   /* Als men over de navigatieknop gaat */
background-color : #556b2f;    /* Block achtergrond-kleur */
color : #FFFFFF;               /* Text kleur */
}
# navigation li  {
border-bottom : 1px solid  #ED9F9F;
margin : 0;
}
#navigation li a:link,  #navigation li a:visited  {
font-family: verdana, arial, helvetica, "sans-serif"; 
font-size : 80%;
display : block;
padding : 0.4em 0 0.4em 0.5em;
border-left : 12px solid #f0c08c; /* Linker-Block kleur */
border-right : 8px solid #f0d58c; /* Rechter-Block kleur */
background-color : #20;       /* Voorgrond-Block kleur */
color : #FFFFFF;                  /* Text kleur */
text-decoration : none;
width : 80%;
}
#navigation li a:hover  {         /* Als men over de knop gaat */
border-right : 10px solid #F0D58C;
border-left : 10px solid #f0d58c;
background-color : #556b2f;       /* Block achtergrond-kleur */
color : #FFFFFF;                  /* Text kleur */
}
#navigation a:link, #navigation a:visited  {
margin-right : 0.2em;
padding : 0.4em 0.4em 0.4em 0.5em;
background-color : #205050;       /* Achtergrond kleur */
text-decoration : none;
border-top : 1px solid #FFFFFF;
border-left : 12px solid #206060; /* Linker-Block kleur */
border-right : 1px solid #F0d58c;
border-bottom : 1px solid #F0d58c;
}
#navigation a:hover  }
border-left : 12px solid #717171;
border-right : 1px solid #717171;
border-bottom : 1px solid #717171;
}
/* Text in de Bovenbalk */
/*Plaats van de Toplooptekst */
#toptextinfo  {                  
Position : relative;
margin : 0 0;
height : 62px;
width : 820px;
}
#googleinfo {
position : relative;
margin : 0 0;
height : 62px;
width : 820px;
}
#jumper {
position : relative;
width : 950px;
height : 450px;
margin : 0 auto 0 auto;
border : 5px solid #c0c0c0;  /* Border rond Vrouwe Neeltje */
background-image : url('bilder/vrouwe-neeltje.jpg');
}
#jumper2 {
position : relative;
width : 450px;
margin : 11px auto;
border : 1px solid #c0c0c0;
background-color : #ffffff;
}
#jumper3 {
position : relative;
width : 100px;
margin : 120px auto;
border : 1px solid #c0c0c0;
} 
#knoppenmenu { /* Plaats van de knoppen in Vrouwe Neeltje */
position : relative;
width : 580px;
height : 26px;
margin : 127px 0 0 200px;
border :  3px solid #c0c0c0;
}
#info {
position : relative;
width : 883px;
height : 245px;
margin : 37px auto 0 auto;
background-color : #c0c0c0;
}
#info2 {
position : relative;
width : 883px;
margin : 38.5px auto 0 50px
}
#fotoinfo {
position : relative
width : 125px
heigth : 177px
margin : 20px auto 20px 20px
}
#footer {
position : relative;
margin : 1px auto;
width : 950px;
height : 25px;
}
#textwrap {
position : relative;
margin : 10px 10px;
}
.container {
width : 955px;
margin : auto;
overflow:hidden;  /* Disable scrollbars. */
}
#framecontentLeft {
position: absolute; 
top: 0; 
left: 0; 
width: 180px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #206060;
color: white;
}
#framecontentTop { 
position: absolute;
top: 0;
left: 180px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width: auto;
height: 90px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #206060; 
}
#maincontent {
position: fixed; 
left: 160px; /*Set left value to WidthOfLeftFrameDiv*/
top: 80px; /*Set top value to HeightOfTopFrameDiv*/
border-top : 1px solid red;
border-left : 1px solid red;
border-bottom : 1px solid red;
right: 0;
bottom: 0;
overflow: auto; 
background-image: url(bilder/krimpen.jpg);
}
#mainblock  {
position : fixed;
left : 165px;
top : 85px;
right : 5px;
bottom : 5px;
overflow : hidden;
background-color : #203030;
}
.innertube {
margin-top: 2px; /*Margins for inner DIV inside each DIV (to provide padding)*/
margin-left: 10px;
margin-right: 3px;
}
* html #navigation li a  {
width: 100%
}

* html body { /*IE6 hack*/
overflow: hidden;
padding: 120px 0 0 200px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/

}

* html #maincontent { /*IE6 hack*/
overflow: hidden;
height: 100%; 
width: 100%; 
}

* html #framecontentTop { /*IE6 hack*/
width: 100%;
}
html {
scrollbar-base-color: #c0c0c0; scrollbar-shadow-color: #9ACD00; scrollbar-highlight-color: #003388; scrollbar-3dlight-color: #FFFF00; scrollbar-darkshadow-color: #206060; scrollbar-track-color: #f0f0f0; scrollbar-arrow-color: #F5F5F5;
}

A:link     { color: #206060; background-color: #f0f0f0;}
A:visited  { color: #206060; background-color: #f0f0f0;}
A:active   { color: #0b3b0b; background-color: #f0f0f0;}

img{ border-style: none; }
td {  margin-right: 2em; padding: 0em; }
.Gezin{ padding-top: 1em;}
.Kinderblok{ padding-top: 1em;}
.Kinderen{ margin-left: 2em; padding-top: 1em; padding-bottom: 1em; }
.Bron{ font-style: normal; }
.Notitieblok{ margin-left: 0em; }
.Notitiesoort{ text-decoration: underline; }
.Notitie{ font-style: italic; color: black; font-size: 80%; }
.Feiten{ margin-left: 1em; }
.Feitensoort{ text-decoration: underline; }
.Tabel{ border-collapse:collapse; }
.Feitenregel{ vertical-align: top; }
.Relatiepartner{ font-weight: bold; }
.Hyperlinks{ text-decoration: none; }
@media screen {
.Hyperlinks{ text-decoration: underline; }
}
@media print {
.Hyperlinks{ text-decoration: none; color: black;}
}
#slideshow {
list-style:none; 
color: #fff     /* #FFF */
}
#slideshow span {
display:none
}
#wrapper {
width:506px; 
margin:40px auto; 
display:none
}
#wrapper * {
margin:0; 
padding:0
}
#fullsize {
position:relative; 
width:500px; 
height:300px; 
padding:2px; 
border:1px solid #ccc; 
background:#000
 }
#information {
position:absolute; 
bottom:0; 
width:500px; height:0; 
background:#000; 
color : #FFF;    /* #FFF */
overflow:hidden; 
z-index:200; 
opacity:.7; 
filter:alpha(opacity=70)
}
#information h3 {
padding:4px 8px 3px; 
font-size:14px
}
#information p {
padding:0 8px 8px
}
#image {
width:500px
}
#image img {
position:absolute; 
z-index:25; 
width:auto
}
.imgnav {
position:absolute; 
width:25%; height:306px; 
cursor:pointer; 
z-index:150
}
#imgprev {
left:0; 
background:url(images/left.gif) left center no-repeat
}
#imgnext {
right:0; 
background:url(images/right.gif) right center no-repeat
}
#imglink {
position:absolute; 
height:306px; width:100%; 
z-index:100; 
opacity:.4; 
filter:alpha(opacity=40)
}
.linkhover {
background:url(images/link.gif) center center no-repeat
}
#thumbnails {
margin-top:15px
}
#slideleft {
float:left; width:20px; height:81px; 
background:url(images/scroll-left.gif) center center no-repeat; 
background-color : #222   /* #222 */
}
#slideleft:hover {
background-color:#333     /* #333 */
}
#slideright {
float:right; width:20px; height:81px; 
background:#222 url(images/scroll-right.gif) center center no-repeat
}
#slideright:hover {
background-color:#333
}
#slidearea {
float:left; position:relative; 
width:456px; 
margin-left:5px; 
height:81px; 
overflow:hidden
}
#slider {
position:absolute; 
left:0; 
height:81px
}
#slider img {
cursor:pointer; 
border:1px solid #666; 
padding:2px
}
.nomouse  {
border : 2px solid #cccccc;
background-color: #336666;
color : #600000;
width : 400px;
font-weight: bold;
}
.mouse  {
cursor : help;
background-color : #99cccc;
color : #ffffff;
width : 100px;
font-weight : bold;
}
-- >