/* --- START BODY STYLES --- */



body
{ line-height: 14px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #646464;  } 

p
{  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #646464;  }



ul
{ margin-top: 0px; margin-bottom: 0px }

ul li
{ list-style-type: square; line-height: 14px; margin-left: -24px }

ol li
{ line-height: 14px; margin-left: -8px}

td     
{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px}


h1
{ font-family: Tahoma, Arial, Verdana; font-size: 18px; font-weight: bold; margin-top: 0px; margin-bottom: 10px }

h2
{ font-family: Tahoma, Arial, Verdana; font-size: 16px; font-weight: bold; margin-top: 0px; margin-bottom: 10px }

h3
{ font-family: Tahoma, Arial, Verdana; font-size: 14px; font-weight: bold; margin-top: 0px; margin-bottom: 10px }

h4
{ font-family: Tahoma, Arial, Verdana; font-size: 12px; font-weight: bold; margin-top: 0px; margin-bottom: 10px }

a:link, a:visited, a:active
{ font-family: Arial, Tahoma, Verdana; font-size: 12px; font-weight: bold; color: #646464; 
  text-decoration: underline; }

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



/* --- END BODY STYLES --- */


/* --- START MENU STYLES --- */







.back {background-color: #EEF9DA; padding: 20px;}


.digirama {background-color: #EEF9DA; padding-left: 20px}

.foto {background-color: #EEF9DA; top-margin: 200px;}

.spacer { background:  url(/images/basics/header_spacer.gif);
               background-repeat: repeat-x; }  
               
.leftborder { background:  url(/images/basics/leftborder.gif);
               background-repeat: repeat-y; background-position: right;}  
               
.rightborder { background:  url(/images/basics/rightborder.gif);
               background-repeat: repeat-y; background-position: left;    }          
                              
/* --- END MENU STYLES --- */

.content-standard-home
{ background-image: url(/model1/images/basics/table-bg-top.gif); background-repeat: repeat-x; padding: 20px }

.header-footer, .header-footer a:link, .header-footer a:visited, .header-footer a:active
{ font-family: Tahoma, Arial, Verdana; font-size: 10px; line-height: 11px; text-decoration: none }

.header-footer a:hover
{ text-decoration: underline }

.copyright
{ font-family:  Arial, Tahoma, Verdana; font-size: 10px; line-height: 11px; text-decoration: none }

.copyright a:hover
{ text-decoration: underline }

.kop
{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold}

.klein
{ font-family: Arial, Helvetica, sans-serif; font-size: 9px; }

.klein a:link, .klein a:visited, .klein a:active, .klein a:hover
{ font-family: Tahoma, Arial, Verdana; font-size: 9px; font-weight: normal; text-decoration: none }


/* --- START BODY STYLES --- */

body
{ background-color: #FFFFFF; color: #646464 } 

p.line     
{ color: #FFFFFF; }

.style-menu a:hover
{ color: #FFFFFF; text-decoration: underline; }


/* --- color --- */


.home-links
{ background-image: url(/images/basics/home_left.jpg) }

.home-rechts
{ background-image: url(/images/basics/home_right.jpg) }

.aarde-links
{ background-image: url(/images/basics/aarde_left.jpg) }

.aarde-rechts
{ background-image: url(/images/basics/aarde_right.jpg) }

.ijstijd-links
{ background-image: url(/images/basics/ijstijd_left.jpg) }

.ijstijd-rechts
{ background-image: url(/images/basics/ijstijd_right.jpg) }

.bos-links
{ background-image: url(/images/basics/bos_right.jpg) }

.bos-rechts
{ background-image: url(/images/basics/bos_left.jpg) }

.strand-links
{ background-image: url(/images/basics/strand_left.jpg) }

.strand-rechts
{ background-image: url(/images/basics/strand_right.jpg) }

.zee-links
{ background-image: url(/images/basics/zee_left.jpg) }

.zee-rechts
{ background-image: url(/images/basics/zee_right.jpg) }

.polder-links
{ background-image: url(/images/basics/polder_left.jpg) }

.polder-rechts
{ background-image: url(/images/basics/polder_right.jpg) }

.style-body-right-bgcolor
{ background-color: #B25900 }

.style-body-right-bgimage
{ background-image: url(/model1/images/basics/bg-green-right.gif) }

.header-footer, .header-footer a:link, .header-footer a:visited, .header-footer a:active
{ color: #4B7A82; }

.copyright, .copyright a:link, .copyright a:visited, .copyright a:active
{ color: #000000; font-size: 10px;}

.kop
{ color: #005BAB;}

.klein
{ color: #000000; }


/* --- END BODY STYLES --- */


}

/* --- START MENU STYLES --- */


.style-menu
{ color: #38457C;
  background-color: #A7BBC4;
}

.style-main
{ background-color: #FFFFFF;}

.menu-seperator
{ background-color: #587977; }

.style-submenu-border
{ background-color: #587977;}

.style-main-border
{ background-color: #6F6F6F;}

.style-graybox-border
{ background-color: #6F6F6F;}


.style-menu a:link, .style-menu a:visited, .style-menu a:active
{ color: #38457C; }

.style-menu a:hover
{ color: #FFFFFF; text-decoration: underline }


.style-menu-active a:link, .style-menu-active a:visited, .style-menu-active a:active
{ color: #FFFFFF; }

.style-menu-active a:hover
{ color: #FFFFFF; text-decoration: underline }

.style-submenu-active a:link, .style-menu-active a:visited, .style-menu-active a:active
{ color: #FFFFFF; }

.style-submenu-active a:hover
{ color: #FFFFFF; text-decoration: underline }



.menu-top a:link, .menu-top a:visited, .menu-top a:active
{ color: #FFFFFF; text-decoration: none; }

.menu-top a:hover
{ color: #FFFFFF; text-decoration: underline; }

.modulesmenu-bottom-border
{ background-color: #587977; }

.modulesmenu-bottom
{  background-color: #A7BBC4;
color: #38457C; }

.modulesmenu-bottom a:link, .modulesmenu-bottom a:visited, .modulesmenu-bottom a:active
{ color: #38457C; }

.modulesmenu-bottom a:hover
{ color: #38457C; text-decoration: underline }


/* --- END MENU STYLES --- */


hr
{ color: #BBD3B8; width: 560px;}

.Error {color:red;}

.module table {border-color: #000000;}
.moduledatum {color:#000;}
.menu a:link { color: #FFFFFF; text-decoration: underline;} 
.header a:visited { color: #FFFFFF; text-decoration: underline; } 
.header a:active { color: #FFFFFF; text-decoration: none; } 
.header a:hover { color: #FFFFFF; text-decoration: underline; } 

.datarow a:link { color: #646464; text-decoration: underline; } 
.datarow a:visited { color: #646464; text-decoration: underline; } 
.datarow a:active { color: #646464; text-decoration: underline; } 
.datarow a:hover { color: #646464; text-decoration: underline; } 

.altdatarow a:link { color: #646464; text-decoration: underline; } 
.altdatarow a:visited { color: #646464; text-decoration: underline; } 
.altdatarow a:active { color: #646464; text-decoration: underline; } 
.altdatarow a:hover { color: #646464; text-decoration: underline; } 

.header { background-color: #F9C975; } 
.header td { color: #FFFFFF; } 
.datarow { background-color: #F6FAEE; } 
.datarow td { color: #646464; } 
.altdatarow { background-color: #FFFFFF; } 
.altdatarow td { color: #000000;} 

.uitslagenquete { background-color: yellow;}

/* --- modules --- */

.modList { width:560px; border-style: solid; border-width:1px; border-collapse:collapse; } 

.modList b{ font-size:12px; font-weight:bold;} 

.header td { padding: 4px; font-size: 12px; font-family: Arial, Verdana;} 

.datarow td { padding: 4px; font-size: 12px; font-family: Arial, Verdana;} 

.altdatarow td { padding: 4px; font-size: 12px; font-family: Arial, Verdana;} 

.moduledatum {font-weight:bold;font-size: 11px; font-family:Tahoma, Arial, Verdana;}

.formfieldstext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #587977; height: 18px;  float: none; clear: none; border: 1px #587977 solid; background-color: #FFFFFF} 
.formfieldsbutton { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #587977; height: 18px;  float: none; clear: none; border: 1px #587977 solid; background-color: #FFFFFF} 
.formfieldstextarea { width:400px; height:50px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #587977;  float: none; clear: none; border: 1px #587977 solid; background-color: #FFFFFF; } 
.formfieldsradio { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #587977; height: 18px;} 

/* digirama menu */

.aarde{ 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(/images/basics/blad_aarde_actief.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 77px;
height: 118px;
margin: 0; 
padding: 0; 
}

.aarde a {
display: block;
color: #000000;
font-size: 11px;
width: 77px;
height: 118px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.aarde img {width: 77px; height: 118px; border: 0; }
* html a:hover {visibility:visible}
.aarde a:hover img{visibility:hidden}

.aarde a span
{
	display : none;

}

.aarde a:hover span
{
	color: #060606;
	display: block;
	font-weight : bold;
   	position: absolute; top: -30px; left: 100px; width: 375px;
   	padding: 5px; margin: 0px; 
	z-index: 100;
	text-decoration: none;
}


.ijstijd{ 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(/images/basics/blad_ijstijd_actief.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 77px;
height: 118px;
margin: 0; 
padding: 0; 
}

.ijstijd a {
display: block;
color: #000000;
font-size: 11px;
width: 77px;
height: 118px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.ijstijd img {width: 77px; height: 118px; border: 0; }
* html a:hover {visibility:visible}
.ijstijd a:hover img{visibility:hidden}

.ijstijd a span
{
	display : none;

}

.ijstijd a:hover span
{
	color: #060606;
	display: block;
	font-weight : bold;
   	position: absolute; top: -30px; left:5px; width: 375px;
   	padding: 5px; margin: 0px; 
	z-index: 100;
}

.bos{ 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(/images/basics/blad_bos_actief.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 77px;
height: 118px;
margin: 0; 
padding: 0; 
}

.bos a {
display: block;
color: #000000;
font-size: 11px;
width: 77px;
height: 118px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.bos img {width: 77px; height: 118px; border: 0; }
* html a:hover {visibility:visible}
.bos a:hover img{visibility:hidden}

.bos a span
{
	display : none;

}

.bos a:hover span
{
	color: #060606;
	display: block;
	font-weight : bold;
   	position: absolute; top: -30px; left:-45px; width: 375px;
   	padding: 5px; margin: 0px; 
	z-index: 100;
}

.strand{ 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(/images/basics/blad_strand_actief.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 77px;
height: 118px;
margin: 0; 
padding: 0; 
}

.strand a {
display: block;
color: #000000;
font-size: 11px;
width: 77px;
height: 118px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.strand img {width: 77px; height: 118px; border: 0; }
* html a:hover {visibility:visible}
.strand a:hover img{visibility:hidden}

.strand a span
{
	display : none;

}

.strand a:hover span
{
	color: #060606;
	display: block;
	font-weight : bold;
   	position: absolute; top: -30px; left:-145px; width: 375px;
   	padding: 5px; margin: 0px; 
	z-index: 100;
}

.zee{ 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(/images/basics/blad_zee_actief.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 77px;
height: 118px;
margin: 0; 
padding: 0; 
}

.zee a {
display: block;
color: #000000;
font-size: 11px;
width: 77px;
height: 118px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.zee img {width: 77px; height: 118px; border: 0; }
* html a:hover {visibility:visible}
.zee a:hover img{visibility:hidden}

.zee a span
{
	display : none;
}

.zee a:hover span
{
	color: #060606;
	display: block;
	font-weight : bold;
   	position: absolute; top: -30px; left:-195px; width: 375px;
   	padding: 5px; margin: 0px; 
	z-index: 100;
}

.polder{ 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(/images/basics/blad_polder_actief.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 77px;
height: 118px;
margin: 0; 
padding: 0; 
}

.polder a {
display: block;
color: #000000;
font-size: 11px;
width: 77px;
height: 118px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.polder img {width: 77px; height: 118px; border: 0; }
* html a:hover {visibility:visible}
.polder a:hover img{visibility:hidden}

.polder a span
{
	display : none;

}

.polder a:hover span
{
	color: #060606;
	display: block;
	font-weight : bold;
   	position: absolute; top: -30px; left:-300px; width: 375px;
   	padding: 5px; margin: 0px; 
	z-index: 100;
}

.vogel{ 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(/images/basics/blad_vogel_actief.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 77px;
height: 118px;
margin: 0; 
padding: 0; 
}

.vogel a {
display: block;
color: #000000;
font-size: 11px;
width: 77px;
height: 118px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.vogel img {width: 77px; height: 118px; border: 0; }
* html a:hover {visibility:visible}
.vogel a:hover img{visibility:hidden}

.vogel a span
{
	display : none;
}

.vogel a:hover span
{
	color: #060606;
	display: block;
	font-weight : bold;
   	position: absolute; top: -30px; left:-370px; width: 375px;
   	padding: 5px; margin: 0px; 
	z-index: 100;
}