/*basis instellingen*/
body {background-color:#F0F0F0; text-align: center; margin: 0;}
p {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; text-align:left;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 36pt; color: #000000}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 24pt}
ul {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #444444; margin-left:0px; margin-top:0px; padding-top: 4px; padding-left: 15px; display: inline-block;}
ol {font-family: Arial, Helvetica, sans-serif}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 16pt}
h6 {font-family: Arial, Helvetica, sans-serif; font-size: 8pt}
table {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; border-collapse:collapse; border:1px solid #8FAA41;}
th {background-color:#8FAA41; color:white;}
hr {color:#8FAA41; border:none; border-top:2px solid #8FAA41; height:2px;}

/*link definities, zie ook uitzonderingen verderop*/
a {text-decoration: none;}
a:link {color:#663300; text-decoration: none;}
a:visited {color:#111111; text-decoration: none;}
a:hover {color:#AA0000; text-decoration: underline;}
a:active {color:#AA0000;}

/*classes definieren*/
.login {font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF}
.login a:link {color:#FFFFFF;} .login a:visited {color:#FFFFFF;} .login a:hover {color:#FFFFFF;} .login a:active {color:#FFFFFF;}
.menubalk {font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: bold; color: #333333}
.lokatie{font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; color: #FFFFFF; font-weight: bolder}
.lokatie a:link {color:#FFFFFF;} .lokatie a:visited {color:#FFFFFF;} .lokatie a:hover {color:#FFFFFF;} .lokatie a:active {color:#FFFFFF;}
.inhoud {font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; color: #444444}
.inhoud a:link {color:#663300; text-decoration: none;} .inhoud a:visited {color:#000000; text-decoration: none;} .inhoud a:hover {color:#AA0000; border-bottom:1px solid #A00; padding-bottom:1px; text-decoration: none;} .inhoud a:active {color:#AA0000; text-decoration: none;}
.kopmodule {font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; color: #8FAA41; text-decoration:none;}
.inhoudmodule {font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #444444; font-weight:normal;}
.koplicht {font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #FFFFFF; text-decoration:none}
.koplicht a:link {color:#FFFFFF; border-bottom:0px;} .koplicht a:visited {color:#FFFFFF; border-bottom:0px} .koplicht a:hover {color:#FFFFFF; border-bottom:1px solid #FFF; padding-bottom:1px; text-decoration: none;} koplicht a:active {color:#FFFFFF; border-bottom:0px}
.inhoudlicht {font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration:none}
.inhoudlicht a:link {color:#FFFFFF; border-bottom:0px;} .inhoudlicht a:visited {color:#FFFFFF; border-bottom:0px} .inhoudlicht a:hover {color:#FFFFFF; border-bottom:1px solid #FFF; padding-bottom:1px; text-decoration: none;} inhoudlicht a:active {color:#FFFFFF; border-bottom:0px}
.kop {font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #8FAA41; text-decoration:none}
.kop a:link {color:#8FAA41; border-bottom:0px;} .kop a:visited {color:#8FAA41; border-bottom:0px} .kop a:hover {color:#8FAA41; border-bottom:0px; text-decoration: none;} kop a:active {color:#8FAA41; border-bottom:0px}
.koptip {font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration:none; margin: 0px}
.inhoudtip {font-family:Helvetica, Arial,sans-serif; font-size:12px; font-weight:normal; color:#FFFFFF; margin:0px; padding:0px; text-align:left;}
.inleiding {font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #444444}
.inleiding a:link {color:#663300; text-decoration: none;} .inleiding a:visited {color:#111111; text-decoration: none;} .inleiding a:hover {color:#AA0000; border-bottom:1px solid #A00; padding-bottom:1px; text-decoration: none;} .inleiding a:active {color:#AA0000; text-decoration: none;}
.subkop {font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #8FAA41}
.subkop a:link {color:#8FAA41; border-bottom:0px; text-decoration: none;} .subkop a:visited {color:#8FAA41; border-bottom:0px} .subkop a:hover {color:#8FAA41; border-bottom:0px; text-decoration: none;} subkop a:active {color:#8FAA41; border-bottom:0px}
.onderschrift{font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #444444;font-style:italic}
.rand {border: #444444 1px solid;} /*voor zwarte rand om aanklikbare afb*/

/*alle formulier velden*/
input[type="text"],input[type="password"],textarea,select {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
font-weight:normal;
color:#333333;
padding-left:1px;
border-style:solid;
border-color:#444444;
border-width:1px;
font-family: Helvetica, Arial, sans-serif;
padding-left:1px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

/*definitie loginboxen*/
div.loginbox {background:url('http://www.fossiel.net/system/footerheader/usernamefield.png') no-repeat}
div.loginbox2 {background:url('http://www.fossiel.net/system/footerheader/passwordfield1.png') no-repeat}
div.loginbox3 {background:url('http://www.fossiel.net/system/footerheader/passwordfield2.png') no-repeat}
div.loginbox4 {background:url('http://www.fossiel.net/system/footerheader/uitloggen.png') no-repeat}
div.loginbox5 {border:none; font-family: Helvetica, Arial, sans-serif; font-size:13px; font-weight: bold; background-color:transparent; margin:5px 5px 4px 24px;}
div.loginbox6 a:link {color:#FFFFFF} div.loginbox6 a:visited {color:#FFFFFF;} div.loginbox6 a:hover {color:#FFFFFF;} div.loginbox6 a:active {color:#FFFFFF;}
div.loginbox input {border:none; font-family: Helvetica, Arial, sans-serif; font-size:13px; font-weight: bold; background-color:transparent; margin:5px 5px 4px 24px;}
div.loginbox2 input {border:none; font-family: Helvetica, Arial, sans-serif; font-size:13px; font-weight: bold; background-color:transparent; margin:5px 5px 4px 24px;}
div.loginbox4 input {border:none; font-family: Helvetica, Arial, sans-serif; font-size:13px; font-weight: bold; background-color:transparent; margin:5px 5px 4px 24px;}

/*div boxen hoofdonderdelen definieren*/
div#main_container{
margin: 0 auto 0 auto;
width: 1000px;
text-align: left;
background-image: url(http://www.fossiel.net/system/footerheader/achtergrondkolom.gif);
}

div#boxheader{
background-color: #FFFFFF;
width: 100%;
height: 158px;
z-index:1;
border: 1px none #000000;
background-image: url(http://www.fossiel.net/system/footerheader/header.jpg);
overflow: auto;
}

div#boxmenu{
background-color: #F0F0F0;
float: left;
width: 778px;
height: 22px;
margin: 0px;
z-index: 10;
}

div#boxzoek{
float: right;
width: 212px;
height: 22px;
margin-top: 0px;
padding: 0px;
z-index:9;
}

div#boxinhoud{
clear: left;
background-color: #FFFFFF;
float: left;
width: 747px;
padding: 0px;
margin-left: 10px;
z-index:2;
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #444444;
}

div#boxkolom{
clear: right;
float: right;
width: 202px;
padding-right: 10px;
margin-top: 5px;
z-index:2;
}

div#boxfooter{
float: left;
background-image: url(http://www.fossiel.net/system/footerheader/footer.jpg);
width: 100%;
height: 158px;
}

/*kop met afgeronde hoeken*/
div.kopbox {
border: 0px solid #AAAAAA;
border-radius: 10px;
padding: 4px;
background-color: #8FAA41;
width: 60%;
margin-left: 0;
margin-right: auto;
}

/*tipblok met afgeronde hoeken*/
div.tipbox {
border: 0px solid #AAAAAA;
border-radius: 10px;
padding: 10px;
background-color: #8FAA41;
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 0px
}
.tipbox a:link {color:#FFFFFF; border-bottom:1px solid #FFF;} .tipbox a:visited {color:#FFFFFF; border-bottom:1px solid #FFF;} .tipbox a:hover {color:#FFFFFF; border-bottom:1px solid #FFF;} .tipbox a:active {color:#FFFFFF; border-bottom:1px solid #FFF;}

/*topicblokken met afgeronde hoeken*/
.topiccontainer {
clear: left;
float:left;
height:100%;
width:727px;
border-top-left-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
border-top-right-radius:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
/*background:#8FAA41;*/
background-color: #8FAA41;
background: linear-gradient(to right, #8FAA41, #C8D297); /*lichtgroen C8D297 lichtgrijs #F0F0F0 */
padding-top:10px;
padding-left:10px;
padding-right:10px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}

.topicbox1 {
clear: left;
float:left;
width:330px;
margin-top:-10px;
margin-right:-10px;
}

.topicbox2 {
float:left;
width:412px;
text-align:right;
margin-left:auto;
margin-top:-8px;
margin-right:-10px;
}

/*determinatieblokken met afgeronde hoeken*/
.detbox1 {
clear: left;
float:left;
height:80px;
width:480px;
border-top-left-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
background:#8FAA41;
padding:10px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}

.detbox2 {
float:left;
height:90px;
width:237px;
text-align:right;
border-top-right-radius:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
background:#8FAA41;
padding-right:10px;
padding-top:10px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}
.detbox2 a:link {color:#FFFFFF; border-bottom:0px;} .detbox2 a:visited {color:#FFFFFF; border-bottom:0px} .detbox2 a:hover {color:#FFFFFF; border-bottom:1px solid #FFF; padding-bottom:1px; text-decoration: none;} detbox2 a:active {color:#FFFFFF; border-bottom:0px}

.detbox3 {
clear: left;
float:left;
width:723px;
border-bottom-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
border: 2px solid #8FAA41;
padding:10px;
margin-left:0px;
margin-right:5px;
margin-top:0px;
}
.detbox3 a:link {color:#663300; text-decoration: none;} .detbox3 a:visited {color:#111111; text-decoration:none;} .detbox3 a:hover {color:#AA0000; border-bottom:1px solid #A00; padding-bottom:1px; text-decoration:none;} .detbox3 a:active {color:#AA0000; text-decoration: none;}


/*waarschuwingsblok met afgeronde hoeken*/
div.waarschuwingsbox {
border: 0px solid #AAAAAA;
border-radius: 10px;
padding: 10px;
background-color: #FF0000;
width: 93%;
margin-left: 0px;
margin-right: auto;
margin-top: 0px
}
.tipbox a:link {color:#FFFFFF; border-bottom:1px solid #FFF;} .tipbox a:visited {color:#FFFFFF; border-bottom:1px solid #FFF;} .tipbox a:hover {color:#FFFFFF; border-bottom:1px solid #FFF;} .tipbox a:active {color:#FFFFFF; border-bottom:1px solid #FFF;}


/*menu definieren*/
/*hieronder voor menu: basis*/
.qmclear {
font-size:1px;
height:0;
width:0;
clear:left;
line-height:0;
display:block;
}
.qmmc {
position:relative;
margin-bottom:0px;
}
.qmmc a {
float:left;
display:block;
white-space:nowrap;
}
.qmmc div a {
float:none
}
.qmmc div {
display:none;
position:absolute;
}

/*hoofdblok*/
#qm0 {
padding-left:0;
width:740px;
border-color:#000;
border-style:solid;
border-width:0 0px;
}

/*hoofdonderdelen*/
#qm0 a {
color:#333333;
background-color:#F0F0F0;
font-size:13px;
padding:1px 0px 1px 10px;
padding-top:5px;
}

/*hoofd hover*/
#qm0 a:hover {
color:#FFFFFF;
text-decoration:underline
}

/*hoofd active*/
#qm0 .qmactive {
color:#FF0000 !important;
background-color:#F0F0F0 !important;
text-decoration:underline !important
}

/*hoofd parent*/
#qm0 .qmparent {
background-repeat:no-repeat;
background-position:100%;
cursor:default
}

/*subonderdelen*/
#qm0 div {
border-color:#999999;
border-style:solid;
border-width:1px 0 0;
margin:0;
padding:0 0 0 0px;
}

/*sub items*/
#qm0 div a {
font-family:Arial;
font-size:11px;
font-weight:700;
color:#333333;
background-color:#F0F0F0;
border-color:#999999;
border-style:solid;
border-width:0 1px 1px;
padding:3px 30px 3px 5px
}

/*sub hover*/
#qm0 div a:hover {
background-color:#FFFFFF;
color:#000000;
text-decoration:underline;
border-color:#999999
}

#qm0 div div {
margin:0 0 0 1px
}

/*sub active state*/
#qm0 div .qmactive {
background-color:#FFFFFF !important;
color:#000 !important;
text-decoration:underline !important;
border-color:#999999 !important
}

/*sub parent items*/
#qm0 div .qmparent {
}

/*voor google maps in combinatie met gebruik doctype*/
mapElement.style.width=mapOptions['width']+'px';
mapElement.style.height=mapOptions['height']+'px';