/* laatst bewerkt: 30 mei 2007 15:41 */


@media screen {

/* subkopje bij details */
.wetenschappelijke_naam {font-size:75%;}

/* marge in de klom */
/* start vormgeving tabs */
#inhoud-kolom div.tabs {width:99.2% !important; width /**/:93.5%; float:left;line-height:normal;background:url(../../../sites/lnv.db/images/achtergronden/ag-tabs.gif) repeat-x bottom;}
#inhoud-kolom div.tabs ul {width:auto !important;margin:0 0 0 -9px;padding:0;list-style:none;}
#inhoud-kolom div.tabs ul li {float:left;margin:0 0 0 9px;padding:5px 8px 4px 8px;border:1px solid #bababa;background:none;}

#inhoud-kolom div.tabs ul li a {display:inline;color:#000;border-bottom:0;padding:0;}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#inhoud-kolom div.tabs a {float:none;}
/* End IE5-Mac hack */
#inhoud-kolom div.tabs a:hover {color:#206e5f;border:0;background:none;}
#inhoud-kolom div.tabs .actieve-tab {border-bottom:1px solid #fff;}
#inhoud-kolom div.tabs .actieve-tab a {color:#000;}
/* einde vormgeving tabs */
#inhoud-kolom div.tab-blok {clear:both;width:99% !important; width /**/:93.5%; border:1px solid #bababa;border-top:0;padding-top:30px;margin-bottom:20px;}
#inhoud-kolom div.tab-blok table {margin-bottom:30px;}
#inhoud-kolom div.tab-blok table a:link, #inhoud-kolom div.tab-blok table a:visited,
#inhoud-kolom div.tab-blok table a:link strong, #inhoud-kolom div.tab-blok table a:visited strong,
#inhoud-kolom div.tab-blok div.info {background:#fff;}
#inhoud-kolom div.tab-blok div.info p a:link, #inhoud-kolom div.tab-blok div.info p a:visited,
#inhoud-kolom div.tab-blok div.info p a:link strong, #inhoud-kolom div.tab-blok div.info p a:visited strong {color:#206e5f;border-bottom:1px solid #206e5f;}
	/* toegevoegd om het externe-link symbool niet door de tekst van de link te tonen, IE6 en lager */
		* html #inhoud-kolom div.tab-blok div.info p a.extern:link, * html #inhoud-kolom div.tab-blok div.info p a.extern:visited,
		* html #inhoud-kolom div.tab-blok div.info p a.extern:link strong, * html #inhoud-kolom div.tab-blok div.info p a.extern:visited strong {padding-right:16px !important;}
#inhoud-kolom div.tab-blok table a:hover, #inhoud-kolom div.tab-blok table a:active,
#inhoud-kolom div.tab-blok table a:hover strong, #inhoud-kolom div.tab-blok table a:active strong,
#inhoud-kolom div.tab-blok div.info p a:hover, #inhoud-kolom div.tab-blok div.info p a:active,
#inhoud-kolom div.tab-blok div.info p a:hover strong, #inhoud-kolom div.tab-blok div.info p a:active strong {color:#000;border-bottom:1px solid #000;}
#inhoud-kolom div.tab-blok div.info {margin:0px 0 0 12px;}

/* tabellen uitbreidingen */
#inhoud-kolom div.tab-blok table {width:96% !important;margin:0px 12px 0 12px;}
#inhoud-kolom table th,#inhoud-kolom table td {border-left:0;padding:2px 5px 3px 3px;}

#inhoud-kolom table th.oorsprong {background:#000;color: #fff;border:0;}
#inhoud-kolom table th.klasse {background:#206e5f;color:#fff;border:0;}
#inhoud-kolom table th.regeling {color:#000;background:#ccc;border:0;}
#inhoud-kolom table th.kolom {color:#666;border-bottom:1px solid #ccc;}
#inhoud-kolom table th.subkolom {font-weight:normal;color:#666;border-bottom:1px solid #ccc;}

/* links in overzichtstabellen groen */
#inhoud-kolom table td.soort a:link, #inhoud-kolom table td.soort a:visited,
#inhoud-kolom table td.soort a:link strong, #inhoud-kolom table td.soort a:visited strong {color:#206e5f;border-bottom:1px solid #206e5f;}
#inhoud-kolom table td.soort a:hover, #inhoud-kolom table td.soort a:active,
#inhoud-kolom table td.soort a:hover strong, #inhoud-kolom table td.soort a:active strong {color:#000;border-bottom:1px solid #000;}

/* of:
ul-link lijst aanpassingen, zodat meer kolommen mogelijk zijn */
ul#soortenlijst {width:96% !important;}
ul.link-lijst li a {overflow:auto;width:97%;clear:both;height:auto !important;}
ul.link-lijst li a span.standaard-naam {display:block;float:left;width:26%;color:#206e5f;clear:left;}
ul.link-lijst li a span.standaard-naam strong {color:#000;}
ul.link-lijst li a span.publicatie-naam {display:block;float:left;width:26%;color:#206e5f;padding-left:15px;}
ul.link-lijst li a span.publicatie-naam strong {color:#000;}
ul.link-lijst li a span.publicatie {display:block;float:left;width:40%;padding-left:15px;}

ul.link-lijst li div.legenda {overflow:auto;width:97%;clear:both;height:auto !important;padding-left:3px;color:#206e5f;}
ul.link-lijst li div.legenda span.standaard-naam {display:block;float:left;width:26%;clear:left;}
ul.link-lijst li div.legenda span.standaard-naam strong {color:#206e5f;}
ul.link-lijst li div.legenda span.publicatie-naam {display:block;float:left;width:26%;padding-left:15px;}
ul.link-lijst li div.legenda span.publicatie-naam strong {color:#206e5f;}
ul.link-lijst li div.legenda span.publicatie {display:block;float:left;width:42%;padding-left:15px;}
ul.link-lijst li div.legenda span.publicatie strong {color:#206e5f;}


#inhoud-kolom div.tab-blok div.info p {width:95% !important;padding-bottom:12px !important;line-height:1.4em !important;}
p.gegevens-blok {width:95% !important;padding-bottom:12px !important;}
span.label-naam {color:#666;display:block;float:left;width:33%;white-space: nowrap;}
span.gegevens {display:block;float:left;width:60%;clear:right;padding-left:15px;}
a.link-naar-boven {display:block;clear:both;}

.niet-afbreken { white-space: nowrap; }
.aantal {font-weight:normal !important;}
.meer-afbeeldingen{clear:left;}
}

/* =============== Flexibel Query scherm */
form#flexQueryScherm{width:99% !important;float:left; left:5px; position:relative;}

form#flexQueryScherm div.criteriumHolder {width:100%; float:left; border-top:solid 1px #000; border-bottom:solid 1px #000; background-color:#eee; margin-bottom:2em;}
form#flexQueryScherm div.criteriumHolder ul.criterium {width:100%; margin:0px; float:left; list-style-type:none; list-style-image:none; list-style-position:outside;}
form#flexQueryScherm div.criteriumHolder li.editMode {height:160px !important; background-color:#ccc;padding-top:4px;}

form#flexQueryScherm div.criteriumHolder li.criteriumRegel {width:100%; height:auto; float:left; clear:left; background-image:none; padding:6px 0 6px 0; border-bottom:solid 1px #ddd;}
form#flexQueryScherm div.criteriumHolder li.criteriumRegel .operator {width:17%; float:left; padding-right:2%; text-align:right;}
form#flexQueryScherm div.criteriumHolder li.criteriumRegel .operator strong {clear:none; display:inline;}
form#flexQueryScherm div.criteriumHolder li.criteriumRegel .facetTitel {width:29%; float:left;}
form#flexQueryScherm div.criteriumHolder li.criteriumRegel .facetTitel span.facetTitleElement {float:left; clear:none; display:inline; text-decoration:underline;}
form#flexQueryScherm div.criteriumHolder li.criteriumRegel .facetTitel span.scheidingsElement {float:right; clear:none; display:inline;}
form#flexQueryScherm div.criteriumHolder li.criteriumRegel .facetWaarde {width:41%; float:left; overflow:hidden; height:auto;}
form#flexQueryScherm div.criteriumHolder li.criteriumRegel .facetWaarde span {font-weight:bold;}
form#flexQueryScherm div.criteriumHolder li.criteriumRegel .titel {width:95%;margin-bottom:5px;}
form#flexQueryScherm div.criteriumHolder li.criteriumRegel .functies {width:9%; float:right; margin-right:1%;}
form#flexQueryScherm div.criteriumHolder li.criteriumRegel .functies a {float:right;}
form#flexQueryScherm div.criteriumHolder li.criteriumRegel .functies a.verwijderen {color:#cc6666}
form#flexQueryScherm div.criteriumHolder li.criteriumRegel .functies a.wijzigen {float:right;}
form#flexQueryScherm div.criteriumHolder li.criteriumRegel .functies a:hover {text-decoration:underline;}

/* selextboxes */
form#flexQueryScherm ul.select {overflow-x:hidden; overflow-y:auto; background-color:#fff; font-weight:normal; font-size:1em !important; margin:2px 2px 2px 0px; padding:0;	border:solid 1px #000;}
form#flexQueryScherm ul.selectFacets {width:90% !important; height:130px;}
form#flexQueryScherm ul.selectFacetValues {width:90%!important; height:130px;}
form#flexQueryScherm ul.selectFacetValuesWithInput {width:90% !important; height:104px; clear:left;}

form#flexQueryScherm ul.select li {width:100%; clear:left; float:left; background:none; margin:0; padding:0;}
form#flexQueryScherm ul.select li:hover {background:#dcdef1;}

form#flexQueryScherm ul.select li.selectie {margin-left:0px !important;}
form#flexQueryScherm ul.select li.selectie a,
form#flexQueryScherm ul.select li.selectie a:visited {color:white; background-color:#2222ff !important;}
form#flexQueryScherm ul.select li.selectie a:hover {color:black; background-color:#c9ccec !important;}

form#flexQueryScherm a {border-bottom:solid 0px #000 !important; text-decoration:none; margin:0; padding:0; width:auto;}
form#flexQueryScherm a:hover {color:#555;} 

form#flexQueryScherm ul.select li a {width: 100%; height:auto; display:block; padding:2px 4px 2px 4px; margin-top:1px; color:Black;}
form#flexQueryScherm ul.select li div.meerResultatenBeschikbaar {width: 100%; color:#555; height:auto; display:block; padding:2px 4px 2px 4px; margin-top:1px;}
form#flexQueryScherm ul.select li.meerResultatenBeschikbaar:hover {background-color:White;}
form#flexQueryScherm ul.select li a:hover {background-color:#e3e4f3 !important;}
form#flexQueryScherm ul.select li a:active {width: 100%; height:auto; background-color:#e3e4f3 !important; padding:2px 4px 2px 4px; margin-top:1px; display:block;}
form#flexQueryScherm ul.select a:visited {color:Black;}

form#flexQueryScherm div.criteriumHolder li.onderRegel {width:100%; background-color:#e6e5e5;}
form#flexQueryScherm div.criteriumHolder li.onderRegel .toevoegen {width:20%; float:right; text-align:right; margin-right:1%;}
form#flexQueryScherm div.criteriumHolder li.onderRegel .toevoegen a:hover {text-decoration:underline;}
form#flexQueryScherm div.criteriumHolder li.onderRegel .subqueryInformatie {float:left; margin-left:1%; color:#777;}

form#flexQueryScherm div.suggestieBox {width:90%; height:auto; float:left; margin-bottom:7px; position:relative;}
form#flexQueryScherm div.suggestieBox input {display:inline; padding:0; font-size:1em !important; line-height:normal!important; float:left;}
form#flexQueryScherm div.suggestieBox input#searchinputField {width:75%; height:13px!important; margin:0px!important; padding:2px 4px 2px 4px;}
form#flexQueryScherm div.suggestieBox input#zoeken {width:17%; margin:0 0 0 3%; padding:0 0 3px 0; height:19px!important; right:-2px; position:absolute;}

#inhoud-kolom {border:solid 0px black;}

/* =============== PRINT stijlen */

@media print {

}