It sounds like the new general tab CSS I provided conflicted with your existing, highly position-based CSS which relies heavily on absolute positioning (position: absolute; and explicit top/left values).

The standard tab CSS expects the menu and content to flow naturally, which is exactly the opposite of what your existing code does.

To fix this, we need to remove all the structural, display-related CSS from the previous example and only keep the specific rules that manage the visibility of the content and the appearance of the active tab link. We will integrate these rules directly into your existing selectors where possible.

Here is the corrected CSS you should use. This CSS only contains the logic needed for the tabs to function and style correctly, without interfering with your absolute positioning.

Corrected Tab-Specific CSS
Replace the content of your separate CSS file (or the <style> block if you put it there) with only these rules:

CSS

/* --- A. Content Visibility Logic (CRITICAL) --- */

/* This hides all content containers that have the 'hidden' class. */
.tab-content.hidden {
    /* Use 'display: none !important;' to override the inline styles you have in your HTML, */
    /* which use 'display: none;' or 'display: block;'. */
    /* This ensures that JavaScript can correctly show/hide the blocks. */
    display: none !important;
}

/* This shows the content container that has the 'visible' class. */
.tab-content.visible {
    /* Set to 'block' to ensure it is displayed */
    display: block !important;
}

/* --- B. Active Tab Link Styling (Uses your existing selectors) --- */

/* Your original active tab style used the ID 'current' (e.g., #module_menu #current).
   The JavaScript adds the class 'active' to the *clicked* link.
   We need to combine these to style the currently active link.
*/

/* Styles for the default/inactive links are already fine in your CSS: 
   #module_menu a { background-color: #e0e0e0; color: #000; }
*/

/* Override the default hover/current styles when the 'active' class is present */
#module_menu a.tab-link.active {
    background: #196a24; /* Background color for the active tab */
    color: #fff;        /* Text color for the active tab */
    font-weight: bold;   /* Keep the text bold */
}

/* Ensure the hover effect doesn't override the active state,
   but keep the hover effect for non-active links
*/
#module_menu a:hover {
    background: #196a24;
    color: #fff;
}

/* NOTE: Ensure you have made the HTML changes from the previous response:
   1. Added class="tab-link" to all <a> tags in the menu.
   2. Added class="tab-link active" to the initial/default <a> tag.
   3. Corrected the href values to match the content layer IDs (e.g., href="#soorttekstlayer").
*/


#Naam {
   position: absolute;
   left: 25px;
   top: 43px;
   width: 900px;
   color: #196a24;
   font-weight: bold;
   font-size: 16px;
   font-family: Georgia, "Times New Roman", Times, serif;
}

#menu-modules {
   position: absolute;
   left: 25px;
   top: 2px;
   width: 864px;

}

#soort-menu {
   position: absolute;
   left: 25px;
   top: 75px;
}

#menu-onder {
   position: absolute;
   top: 427px;
   width: 632px;
   left: 141px;
}

#soortcontainer {
   position: absolute;
   left: 141px;
   top: 75px;
   width: 478px;
   height: 329px;
   padding: 3px;
   border: solid 1px #e1e1e1;
   background-color: #FFFFFF
}

#soorttekstlayer {
   width: 477px;
   height: 329px;
   overflow: auto;
}

#classificatielayer {
   width: 475px;
   height: 330px;
   overflow: auto;
}

#synoniemenlayer {
   width: 475px;
   height: 330px;
   overflow: auto;
}

#refslayer {
   width: 475px;
   height: 330px;
   overflow: auto;
}

#multimedialayer {
   width: 475px;
   height: 330px;
   overflow: auto;
}

#linkslayer {
   width: 475px;
   height: 330px;
   overflow: auto;
}

#backgroundlayer {
   position: absolute;
   left: 150px;
   top: 70px;
   width: 475px;
   height: 330px;
   overflow: auto;
}

#Overview {
   position: absolute;
   left: 646px;
   top: 75px;
   width: 241px;
   height: 281px;
   border: solid 1px #808080;
}

#woordenlist {
   position: absolute;
   overflow: hidden;
   left: 646px;
   top: 75px;
   width: 241px;
   height: 281px;
   border: solid 1px white;
}

.overviewrand {
   border: solid 1px #e1e1e1; 
}

#authors {
	position: absolute;
   width: 632px;
   text-align: right;
	top: 46px;
	z-index: 25;
	color: black;
	font-size: 10px;
	font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
	text-decoration: none;
}



#cijfers {
   position: absolute;
   z-index: 1;
   top: 537px;
   width: 287px;
   height: 15px;
   font-weight: bold;
   font-size: 11px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
   text-decoration: none;
   text-align: right
}


#inleidingcontainer { position: absolute; left: 25px; top: 75px; width: 594px; height: 329px; padding: 3px; border: 1px #e1e1e1 solid; background-color: #FFFFFF ; }
#inleidingtekstlayer { width: 593px; height: 329px; overflow: auto; }
#inleidingmenu-onder { position: absolute; top: 427px; width: 594px; left: 25px; }
#woordenlijstcontainer { 
	position: absolute; 
	left: 25px; 
	top: 43px; 
	width: 478px; 
	height: 361px; 
	padding: 3px;
	border: 1px #e1e1e1 solid; 
	background-color: #FFFFFF ;
	overflow: auto;
}
#woordenlijstpaginanaam {
   position: absolute;
   left: 10px;
   top: 10px;
   width: 440px;
   color: #196a24;
   font-weight: bold;
}
#woordenlijsttekstlayer { 
	position: absolute;
	 top:32px; 
	 left:10px; 
	 width: 440px; 
}
#woordenlijstinhoudsopgave {
   position: absolute;
   overflow: hidden;
   left: 530px;
   top: 43px;
   width: 270px;
}
.woordenlijstselect {
   width: 270px;
   height: 332px;
   overflow: hidden;
   cursor: pointer;
   font-size: 11px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
}
#literatuurcontainer { 
	position: absolute; 
	left: 25px; 
	top: 43px; 
	width: 478px; 
	height: 361px; 
	padding: 3px;
	border: 1px #e1e1e1 solid; 
	background-color: #FFFFFF ;
	overflow: auto;
}
#literatuurpaginanaam {
   position: absolute;
   left: 10px;
   top: 10px;
   width: 440px;
   color: #196a24;
   font-weight: bold;
}
#literatuurtekstlayer { 
	position: absolute;
	 top:32px; 
	 left:10px; 
	 width: 440px; 
}
#literatuurinhoudsopgave {
   position: absolute;
   overflow: hidden;
   left: 530px;
   top: 43px;
   width: 270px;
}
.literatuurselect {
   width: 270px;
   height: 332px;
   overflow: hidden;
   cursor: pointer;
   font-size: 11px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
}
#indexleftmenu {
   position: absolute;
   left: 25px;
   top: 46px;
   width: 800px;
   color: #196a24;
   font-size: 11px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
}

#indexcontainer {
   position: absolute;
   left: 218px;
   top: 46px;
   width: 600px;
   height: 356px;
   padding: 3px;
   border: solid 1px #e1e1e1;
   background-color: #FFFFFF ;
   z-index: 1;
}
#indexboom {
   width: 600px;
   height: 356px;
   overflow: auto;
}
#Indexpopulairenamenlijst {
   position: absolute;
   left: 230px;
   top: 103px;
   width: 320px;
   height: 292px;
   border: solid 0px #FFFFFF;
   z-index: 3;
}
.indexpopulairenamenselect {
   width: 320px;
   height: 292px;
   cursor: pointer;
   font-size: 11px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
}
#Indexpopulairenamenoverview {
   position: absolute;
   left: 566px;
   top: 109px;
   width: 241px;
   height: 281px;
   z-index: 2;
   border: solid 1px #808080;
}
#Indexletterbalk {
   position: absolute;
   left: 230px;
   top: 83px;
   width: 600px;
   height: 23px;
   z-index: 4;
}
.indexselectedletter {
	color: #CC0000 ;
	font-weight: bold;
	text-decoration: underline ;
}
#Indexwetenschappelijkenamenlijst {
   position: absolute;
   left: 230px;
   top: 80px;
   width: 320px;
   height: 319px;
   border: solid 0px #FFFFFF;
   z-index: 3;
}
.indexwetenschappelijkenamenselect {
   width: 320px;
   height: 319px;
   cursor: pointer;
   font-size: 11px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
}
#Indexwetenschappelijkenamenoverview {
   position: absolute;
   left: 566px;
   top: 86px;
   width: 241px;
   height: 281px;
   z-index: 2;
   border: solid 1px #808080;
}
#Indexmenu-onder {
   position: absolute;
   top: 427px;
   width: 632px;
   left: 218px;
}
#Indexhogeregroepenlijst {
   position: absolute;
   left: 230px;
   top: 80px;
   width: 586px;
   height: 319px;
   border: solid 0px #FFFFFF;
   z-index: 3;
}
.indexhogeregroepenselect {
   width: 586px;
   height: 319px;
   cursor: pointer;
   font-size: 11px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
}
#quizcontainer { position: absolute; left: 25px; top: 75px; width: 594px; height: 329px; padding: 3px; border: 1px #e1e1e1 solid; background-color: #FFFFFF ; z-index:1; }
#quizcontainerscore { position: absolute; left: 25px; top: 75px; width: 270px; padding: 3px; border: 1px #e1e1e1 solid; background-color: #FFFFFF ; z-index:1; }
#quizcontainerhighscores { position: absolute; left: 320px; top: 75px; width: 565px; padding: 0px; border: 1px #e1e1e1 solid; background-color: #FFFFFF ; z-index:1; }
#quizmenu-onder { position: absolute; top: 342px; width: 594px; left: 0px; z-index:1; }
#colofoncontainer { position: absolute; left: 25px; top: 46px; width: 594px; height: 353px; padding: 3px; border: 1px #e1e1e1 solid; background-color: #FFFFFF ; }
#colofontekstlayer { width: 593px; height: 353px; overflow: auto; }



#sleutelpaginanaam {
   position: absolute;
   left: 10px;
   top: 10px;
   width: 500px;
   color: #196a24;
   font-weight: bold;
}

#sleutelcontainer {
   position: absolute;
   left: 10px;
   top: 40px;
   width: 600px;
   height: 397px;
   border: solid 1px #e1e1e1;
   background-color: white;
}


#Sleutel2 {
   position: absolute;
   overflow: hidden;
   width: 600px;
   height: 377px;
   top: 20px;
}

#sleutelmenu-onder {
   position: absolute;
   top: 450px;
   width: 632px;
   left: 25px;
   z-index:30 ;
}

#Keuzepad2 {
   position: absolute;
   overflow: hidden;
   width: 600px;
   height: 380px;
   display: none;
   z-Index: 3;
}

#woordenlist2 {
   position: absolute;
   overflow: auto;
}

#IDFilesLijst {
   position: absolute;
   left: 218px;
   top: 43px;
   width: 450px;
   color: #196a24;
}

#idcontainer{
   position: absolute;
   overflow: hidden;
   left: 218px;
   top: 75px;
   width: 601px;
   height: 337px;
   padding: 3px;
   background: #FFFFFF;
   border: solid 1px #e1e1e1;
}

#idzoekknop {
   position: absolute;
   left: 10px;
   top: 310px;

}

#idexamineheader {
   position: absolute;
   top: 10px;
   left: 10px;
   width: 500px;
}

#idexamine {
   position: absolute;
   top:37px;
   width: 600px;
   height: 303px;
   overflow: auto;
}


#idcompareheader {
   position: absolute;
   top: 10px;
   left: 10px;
   width: 600px;
}

#idcompare {
   position: absolute;
   top:37px;
   width: 600px;
   height: 303px;
   overflow: auto;
}

#idhelp {
   position: absolute;
   top:3px;
   width: 600px;
   height: 337px;
   overflow: auto;
}



.characterback {
   width: 346px;
   height: 123px;
   position: absolute;
   left: 10px;
   top: 26px;
   background-color: white;
}

.characterlist {
   width: 335px;
   height: 123px;
   overflow: auto;
   cursor: pointer;
   font-size: 11px;
   display: block;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
   background-color: white;
}

.statelist {
   position: absolute;
   left: 8px;
   top: 175px;
   width: 335px;
   height: 117px;
   overflow: auto;
   font-size: 11px;
   display: block;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
   background-color: white;
}

.characterlabel {
   position: absolute;
   padding: 3px;
   margin-left:4px;
   font-weight: bold;
   display: block;
}

#Idithelp {
   position: absolute;
   left: 172px;
   top: 445px;
   width: 600px;
   height: 35px;
}

#identificationresult {
   position: absolute;
   width: 330px;
   height: 305px;
   top: 8px;
   left: 8px;
   overflow: auto;
}

#idspeciesscores {
	position: absolute;
	top: 6px;
	left: 348px;
	height: 334px;
	width: 256px;
}

.idspeciesscoresselect {
	height: 334px;
	width: 256px;
   font-size: 11px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
}



.popup {
   color: black;
   font-size: 11px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
   text-decoration: none 
}

.kop {
   font-weight: bold;
   color: black;
   font-size: 11px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
}

.popupred {
   color: #EE0000;
   font-size: 11px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
   text-decoration: none 
}

.popupblue {
   color: blue;
   font-size: 11px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
   text-decoration: none 
}

.klein {
   color: black;
   font-size: 9px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
}

#letters {
   position: absolute;
   z-index: 1;
   top: 462px;
   width: 330px;
   height: 15px;
   font-weight: bold;
   font-size: 11px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
   text-decoration: none;
   text-align: right
}

#aantalkeuzes {
   position: absolute;
   z-index: 10;
   width: 200px;
   height: 23px;
   display: none;
   left: 8px;
   top: 8px;
}

#aantalmogelijkheden {
   position: absolute;
   left: 0px;
   top: 10px;
   display: none;
}

#aantalafgevallen {
   position: absolute;
   left: 0px;
   top: 190px;
   height:10px;
   display: none;
}

.help {
   color: black;
   font-size: 10px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
}

.textchoice {
   color: black;
   font-size: 11px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
   padding: 5px;
   cursor: pointer;
}

a.help:link {
   color: black;
   text-decoration: none 
}

a.help:visited {
   color: black;
   text-decoration: none 
}

a.help:hover {
   color: black;
   text-decoration: none 
}

a.media:link { color: #333399; text-decoration: none;}
a.media:visited { color: #663399; text-decoration: none;}
a.media:active {color: #333399;}
a.media:hover { color: #CC0000; text-decoration: underline;}

.medialink_normal { color: #333399; cursor:pointer; text-decoration: none}
.medialink_hover { color: #CC0000; cursor:pointer; text-decoration: underline}

.volgend, .vorig {
   cursor: pointer;
}

.cursor {
   cursor: pointer;
}

.select {
   width: 241px;
   height: 281px;
   overflow: hidden;
   cursor: pointer;
   font-size: 11px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
}

.keuzepadlinks {
   position: absolute;
   top: 26px;
   width: 310px;
   height: 340px;
   overflow: auto;
   cursor: pointer;
   font-size: 11px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
   padding-left: 12px ;
   padding-right: 12px ;
   margin-left: 8px ;
   border: 1px solid #808080;
   
}

.keuzepadrechts {
   position: absolute;
   left: 0px;
   top: 26px;
   width: 235px;
   height: 152px;
   overflow: hidden;
   cursor: pointer;
   font-size: 11px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
}

.keuzepadrechts2 {
   ;
   position: absolute;
   top: 218px;
   width: 235px;
   height: 152px;
   overflow: hidden;
   cursor: pointer;
   font-size: 11px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
}

.infoselect {
   width: 180px;
   height: 250px;
   cursor: pointer;
   font-size: 11px;
   font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
}

#stateinfo {
   position: absolute;
   left: 353px;
   top: 26px;
   width: 241px;
   height: 281px;
   background-color: #FFFFFF;
   border: solid 1px #e1e1e1;
}

#showtaxon {
   position: absolute;
   left: 478px ;
   top: 534px;
   width: 287px;
   height: 19px;
   display: block;
}

#Mapitmenu-boven {
   background-color: #C1E4BB;
   position: absolute;
   left: 25px;
   top: 74px;
}

#Insecten-soorten-10 {
   position: absolute;
   left: 63px;
   top: 132px;
   width: 709px;
   height: 3px;
}


#Insecten-soorten-11 {
   position: absolute;
   left: 0px;
   top: 135px;
   width: 26px;
   height: 465px;
}



#Insecten-soorten-13 {
   position: absolute;
   left: 168px;
   top: 135px;
   width: 4px;
   height: 465px;
}



#Insecten-soorten-15 {
   position: absolute;
   left: 413px;
   top: 135px;
   width: 3px;
   height: 284px;
}

#Inleidingtekst {
   position: absolute;
   left: 416px;
   top: 135px;
   width: 356px;
   height: 281px;
   overflow: auto;
}



#Keuzepadrechts {
   position: absolute;
   overflow: hidden;
   left: 359px;
   top: 0px;
   width: 241px;
   height: 441px;
}



.Kaart {
   position: absolute;
   left: 180px;
   top: 75px;
}

#mapitLegend {
	position:absolute; 
	left:25px; 
	top:300px;
	width:130px;
	border: solid 1px #BABABA;
	background: white;
	padding:3px;
}

#mapitCompareLegend {
	position:absolute; 
	left:25px; 
	top:215px;
	width:130px;
	border: solid 1px #BABABA;
	background: white;
	padding:3px;
}



#literatuurlijst {
   position: absolute;
   overflow: hidden;
   left: 172px;
   top: 135px;
   width: 241px;
   height: 281px;
}


#literatuurlijst2 {
   position: absolute;
   overflow: hidden;
   left: 416px;
   top: 135px;
   width: 356px;
   height: 281px;
}


#Insecten-soorten-17 {
   position: absolute;
   left: 26px;
   top: 314px;
   width: 142px;
   height: 286px;
}


#soorten-18 {
   position: absolute;
   left: 172px;
   top: 416px;
   width: 241px;
   height: 3px;
}



#menu-onder2 {
   position: absolute;
   left: 172px;
   top: 457px;
   width: 600px;
   height: 23px;
   background-color: #C1E4BB;
}


#Indexhelp {
   position: absolute;
   left: 172px;
   top: 494px;
   width: 600px;
   height: 35px;
}


#Sleutelhelp {
   position: absolute;
   left: 172px;
   top: 515px;
   width: 600px;
   height: 35px;
}



#mapitKaartLijst {
   position: absolute;
   top: 111px;
   height: 23px;
   z-Index: 1;
}


.mapitMapInfo {
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 9px; 
	 color: #6A745E;
}


#mapitGa {
   position: absolute;
   top: 538px;
   width: 167px;
   height: 23px;
   z-Index: 25;
   text-align: right;
}

#Indexhelp2 {
   position: absolute;
   left: 172px;
   top: 419px;
   width: 600px;
   height: 35px;
}


#Mapithelp {
   position: absolute;
   left: 172px;
   top: 500px;
   height: 35px;
}



#Identificatiemenu-onder {
   position: absolute;
   left: 172px;
   top: 483px;
   width: 600px;
   height: 23px;
   background-color: #C1E4BB;
}


#Identificatiemenu-onder2 {
   position: absolute;
   left: 272px;
   top: 483px;
   width: 500px;
   height: 23px;
   text-align: right;
   background-color: #C1E4BB;
}


#id-ie6-patch-layer {
   position: absolute;
   left: 172px;
   top: 506px;
   width: 600px;
   height: 23px;
   background-image: url(/web/20140626005721im_/http://soortenbank.nl/BIS/images/soorten_18.gif);
   z-index: 25;
}


#Medewerkersmenu-onder {
   position: absolute;
   left: 172px;
   top: 457px;
   width: 600px;
   height: 23px;
   background-color: #C1E4BB;
}


#Mapitmenu-onder {
   position: absolute;
   left: 172px;
   top: 538px;
   height: 23px;
   background-color: #C1E4BB;
}


#zoek
{
   position: absolute;
   top: 109px;
   width: 160px;
   height: 23px;
   text-align: right;
   z-Index: 6;
}


#setselectie
{
   position: absolute;
   top: 532px;
   width: 160px;
   height: 37px;
   z-Index: 15;
   text-align: right
}


#quiz-14 {
   position: absolute;
   left: 0px;
   top: 307px;
   width: 241px;
   height: 3px;
}


#quiz-15 {
   position: absolute;
   left: 244px;
   top: 307px;
   width: 356px;
   height: 3px;
}


#taal {
   position: absolute;
   z-index: 10;
   left: 26px;
}


#grijs-uk {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 77px;
   height: 27px;
   background-color: #002B0B;
}


#uk-uk {
   position: absolute;
   left: 77px;
   top: 0px;
   width: 31px;
   height: 23px;
}


#nl-uk {
   position: absolute;
   left: 108px;
   top: 0px;
   width: 34px;
   height: 23px;
}


#grijs-nl {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 77px;
   height: 27px;
   background-color: #002B0B;
}


#uk-nl {
   	position: absolute;
   	left: 77px;
   	top: 0px;
   	width: 31px;
   	height: 23px;
}


#nl-nl {
   	position: absolute;
   	left: 108px;
   	top: 0px;
   	width: 34px;
   	height: 23px;
}


#quizkeuze-1 {
   position: absolute;
   top: 45px;
   left: 20px;
   width: 515px;
   height: 43px;
   visibility: visible;
	cursor: pointer ;
	z-index: 1;
}

#quizkeuze-2 {
   position: absolute;
   top: 96px;
   left: 20px;
   width: 515px;
   height: 43px;
   visibility: visible;
	cursor: pointer ;
	z-index: 1;
}

#quizkeuze-3 {
   position: absolute;
   top: 147px;
   left: 20px;
   width: 515px;
   height: 43px;
   visibility: visible;
	cursor: pointer ;
	z-index: 1;
}

#quizkeuze-4 {
   position: absolute;
   top: 198px;
   left: 20px;
   width: 515px;
   height: 43px;
   visibility: visible;
	cursor: pointer ;
	z-index: 1;
}


#quizkeuzetekst-1 {
   position: absolute;
   top: 45px;
   left: 20px;
   width: 515px;
   height: 43px;
   visibility: visible;
	cursor: pointer ;
	z-index:3;
}

#quizkeuzetekst-2 {
   position: absolute;
   top: 96px;
   left: 20px;
   width: 515px;
   height: 43px;
   visibility: visible;
	cursor: pointer ;
	z-index:3;
}

#quizkeuzetekst-3 {
   position: absolute;
   top: 147px;
   left: 20px;
   width: 515px;
   height: 43px;
   visibility: visible;
	cursor: pointer ;
	z-index:3;
}

#quizkeuzetekst-4 {
   position: absolute;
   top: 198px;
   left: 20px;
   width: 515px;
   height: 43px;
   visibility: visible;
	cursor: pointer ;
	z-index:3;
}

#quizkeuzegoedoffout-1 {
   position: absolute;
   top: 45px;
   left: 20px;
   width: 500px;
   height: 43px;
   visibility: visible;
	cursor: pointer ;
	z-index:2;
   text-align: right;
}

#quizkeuzegoedoffout-2 {
   position: absolute;
   top: 96px;
   left: 20px;
   width: 500px;
   height: 43px;
   visibility: visible;
	cursor: pointer ;
	z-index:2;
   text-align: right;
}

#quizkeuzegoedoffout-3 {
   position: absolute;
   top: 147px;
   left: 20px;
   width: 500px;
   height: 43px;
   visibility: visible;
	cursor: pointer ;
	z-index:2;
   text-align: right;
}

#quizkeuzegoedoffout-4 {
   position: absolute;
   top: 198px;
   left: 20px;
   width: 500px;
   height: 43px;
   visibility: visible;
	cursor: pointer ;
	z-index:2;
   text-align: right;
}


.quiz {
	cursor: pointer ;
   font-weight: bold;
   font-size: 15px;
   font-family: Arial, Verdana, "Lucida Grande", Helvetica, sans-serif;
   margin-left: 17px;
   margin-top: 13px;
   color: #000066;
}


#score {
   font-size: 11px;
   position: absolute;
   top: 260px;
   left: 20px;
   width: 570px;
   height: 104px;
   visibility: visible 
}


.imgborder {
   border: solid 1px black 
}

a.author:link {
   color: white;
   text-decoration: none; 
}

a.author:visited {
   color: white;
   text-decoration: none; 
}

a.author:hover {
   color: white;
   text-decoration: underline;
}

a.author:active {
   color: white;
   text-decoration: underline;
}

#module_menu {
	width: 102px;
}

#module_menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-align: right;
}

#module_menu li {
	height: 22px;
	margin-bottom: 6px;
	vertical-align: bottom; /* fixes auto-created margin on li element in ie */
	-moz-box-shadow: 1px 3px 3px #9a9c9e;
	-webkit-box-shadow: 1px 1px 3px #9a9c9e;
	box-shadow: 1px 2px 3px #9a9c9e;
}

#module_menu a {
	display: block;
	padding: 5px 12px;
	width: auto;
	background-color: #e0e0e0;
}

#module_menu a.special {
	background-color: #b6d2ba;
}

#module_menu a:link, #menu_list a:visited {
	color: #000;
	text-decoration: none;
}

#module_menu a:hover, #module_menu #current {
	background: #196a24;
	color: #fff;
}

#tdnlbiflayer ul {
	margin: 15px 0;
	padding: 0;
}

#tdnlbiflayer ul li {
	margin-left: 15px;
	list-style: none;
}

#tdnlbiflayer ul li:before {
	content: "\0020 \0020 \0020 \00BB \0020";
}

select#vergelijk1.popup, select#vergelijk2.popup {
	max-width: 260px;
}



body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
p {  margin-top: 8px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

A:link { color: #333399; text-decoration: none;}
A:visited { color: #663399; text-decoration: none;}
A:active {color: #333399;}
A:hover { color: #CC0000; text-decoration: underline;}

.homepagebody { 
	background-color: #FAFCF9; 
	background-image: url(/web/20140625061725im_/http://soortenbank.nl/images/homepage_background.gif); 
	background-repeat: repeat-y;
}
.mainbody { 
	background-color: #FFFFFF; 
	background-image: url(/web/20140625061725im_/http://soortenbank.nl/images/main_background.gif); 
	background-repeat: repeat-y;
}
.whitebody { background-color: #FFFFFF; }
.topmenucurrentpage { font-weight: bold; color: #A32D2D }
.topmenu {  color: #A3AC91}
.topmenulink A:link {color: #334D9E; text-decoration: none }
.topmenulink A:visited {color: #334D9E; text-decoration: none }
.topmenulink A:active {color: #000000; text-decoration: none }
.topmenulink A:hover {color: #334D9E; text-decoration: underline }
.topmenucurrentpage A:link {color: #A32D2D; text-decoration: none }
.topmenucurrentpage A:visited {color: #A32D2D; text-decoration: none }
.topmenucurrentpage A:active {color: #A32D2D; text-decoration: none }
.topmenucurrentpage A:hover {color: #A32D2D; text-decoration: underline }
.searchbox {  font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.cursorlocation {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #6A745E}
.biglink {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	margin-top: 0px; 
	margin-right: 10px; 
	margin-bottom: 0px; 
	margin-left: 10px
}
.biglink A:link {color: #334D9E; text-decoration: underline }
.biglink A:visited {color: #334D9E; text-decoration: underline }
.biglink A:active {color: #000000; text-decoration: underline }
.biglink A:hover {color: #334D9E; text-decoration: underline }

.tableheader { font-weight: bold; color: #666666; text-decoration: none ; }
.tableheader A:link {font-weight: bold; color: #666666; text-decoration: none }
.tableheader A:visited {font-weight: bold; color: #666666; text-decoration: none }
.tableheader A:active {font-weight: bold; color: #666666; text-decoration: none }
.tableheader A:hover {font-weight: bold; color: #666666; text-decoration: underline }

.nextpreviousarrows {  font-size: 9px}
.greenbody { background-color: #F9FBF4; }
.smallheader {  font-weight: bold; color: #A32D2D}
.treenode {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-left: 4px; }
.nederlandsenaam {  color: #333333; margin-left: 5px; left: 100px}
.leftsidebar { background-color: #FAFCF9; background-image: url(/web/20140625061725im_/http://soortenbank.nl/images/leftsidebar_background.gif); background-repeat: repeat-y; }
.soortinfobody { background-color: #FEFEFE; background-image: url(/web/20140625061725im_/http://soortenbank.nl/images/soortinfo_background.gif); background-repeat: repeat-x; }
.formheader { color: #1F3E00}
.inactivelink {  color: #CCCCCC}
.searchformbody {  background-color: #F5F8EF; background-image: url(/web/20140625061725im_/http://soortenbank.nl/images/whitetogreenfade.jpg); background-repeat: repeat-x}
.headerasregulartext  {margin-top: 8px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal }

.imgborder { border: 1px solid #000; }
.caption { font-size: 10px; text-align: center; vertical-align: top; }
.paddo { width: 200px; text-align: center; padding: 10px 5px 5px 5px; }

#mobiel {
	background-image: url(/web/20140625061725im_/http://soortenbank.nl/images/mobiel.jpg);
	background-repeat: no-repeat;
	height: 607px;
	width: 323px;
	margin: 15px 0 20px 25px;
}

#footer { 
	position: absolute; 
	bottom: 0;
	height: 90px;
	border-top: solid 1px #000;
	background-color: #eaede4;
	padding: 0;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}

#top10 { 
	position: absolute; 
	top: 510px; 
	left: 18px; 
	width: 175px;
}

#advertentie { 
	position: absolute; 
	top: 510px; 
	left: 18px; 
	width: 175px;
}

#promo_link { visibility: hidden; }
.info_window {
	z-index:2; 
	position:absolute;
	left:500px;
	top:17px;
	width:314px;
	height:250px;
	padding:12px;
	background: url(/web/20140625061725im_/http://soortenbank.nl/images/infobox_determinatie.gif);
	background-repeat: repeat-x;
	border: solid 1px #000;
	-moz-box-shadow: 5px 5px 7px #d4d2d2;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 5px 5px 7px #d4d2d2;
	-webkit-border-radius: 10px;
}
#link {
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #A32D2D;
}
#link a {
	color: #A32D2D;
}