/* MAINZ */
/* === Standard styles === */
/* Font sizing in ems. To change anything, just change this. */
html,body,textarea,select,input {font-size:94%;font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;color:#363904;background-color:#fff;margin:0;padding:0;}
div {margin:0;}
form {margin:0 auto;padding:0;width:1080px;} 
a:link,a:visited {text-decoration:none;color:#282879;}
a:hover {text-decoration:underline;color:#c1002a;}
a[disabled="disabled"],a:hover[disabled="disabled"],a.disabled {text-decoration:none;}
h1 {font-size:1.4em;font-weight:normal;margin:0;padding-left:1px;padding-bottom:2px;}
h2 {font-size:1.7em;font-weight:bold;margin:0;padding-top:2px;padding-bottom:2px;}
h3 {font-size:1.4em;font-weight:normal;margin:0;}
h4.big {font-size:1.3em;font-weight:normal;margin:0;padding-bottom:4px;}
ul {margin-left:0;padding-left:20px;}
input[type="text"],input[type="file"],input[type="password"] {padding:2px 0 2px 2px;}
input[type="checkbox"] {margin-right:4px;}
select {padding:1px;}
input[type="text"],input[type="file"],input[type="password"] {padding:2px 0 2px 2px;}
input[type="checkbox"] {margin-right:4px;}
select {padding:2px;}
/* Remove Safari default styling */
input[type=text],input[type=button],input[type=submit] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

/* === DIV page styles === */
div.pagemain {color:#363904;background-color:#fff;width:100%;overflow:hidden;}
div.pageheader {background-color:#fff;}
div.pageheaderleft {padding-top:8px;padding-left:8px;padding-bottom:6px;}
div.pageheaderleft 
{
	padding-top:8px;
	padding-left:100px;
	padding-bottom:6px;
	background: url(logosmall.png);
	background-repeat:no-repeat;
	background-position:6px 6px; 
	background-size:80px auto;
}
div.pageheaderright {width:533px;height:90px;background:url(Header_kurz.jpg) no-repeat right center;}
div.pagemenu {clear:both;width:100%;padding:4px;}
div.pagefooter {clear:both;background-color:#fff;border-top:solid 1px #ccc;padding:4px;}
div.pageleft {float:left;width:100%;margin-left:-350px;}
div.pageright {float:right;width:350px;}
div.pagefull {float:left;width:100%;}
div.pagecontent {margin-left:350px;margin-right:0;}

/* === MENU styles === */
div.menunav {float:right;width:100%;} 
ul.menunav {padding:0;margin:0;list-style-type:none;}
li.menunav a {float:left;padding:8px 24px 8px 0;}
li.menunav a:hover {color:#ca002a;} 
li.menunav a[disabled="disabled"],a:hover[disabled="disabled"],a.disabled {color:#ca002a;}
li.menunav {display:inline;}
div.menuset {float:right;padding:4px 8px 2px 4px;}

/* === DIV special styles === */
div.leftmargin {margin-left:0;margin-top:10px; margin-right:10px;margin-bottom:10px;}
div.rightmargin {margin-left:0;margin-top:10px; margin-right:0;margin-bottom:10px;}
div.fullmargin {margin-left:0;margin-top:10px; margin-right:0;margin-bottom:10px;}
div.sepmargin {height:10px;line-height:10px;}
div.border {}
div.panel {color:#363904;background-color:#fff;}
div.header {padding:4px 6px;color:#95c11b;background-color:#fff;}
h3.header {font-weight:600;}		
div.content {padding:6px;}
div.septop {border-top:solid 1px #ccc;}
div.sepbottom {border-bottom:solid 1px #ccc;}
.listprevious {background:url(previous.png) left center no-repeat;padding-left:1.2em;text-decoration:none;}
.listnext {background:url(next.png) right center no-repeat;padding-right:1.2em;text-decoration:none;}
div.welcomeimage {float:left;margin-right:8px;padding-bottom:4px;} /* Width set in webexpl.config */
div.welcomeimage img {cursor:url(zoom-in-cursor.cur),pointer;}
div.taxonimage {margin:0;padding:0;margin-bottom:6px;}
div.taxonimagediv {width:50%;float:right;margin-left:6px;}
div.taxonimage img {height:auto !important;cursor:url(zoom-in-cursor.cur),pointer;}
div.taxonnoimage {float:right;margin-left:6px;margin-right:6px;margin-bottom:6px;padding-top:4px;}
div.mapimage img {cursor:url(zoom-in-cursor.cur),pointer;width:100% !important;}     
div.assetimage {float:left;padding-bottom:4px;width:100%;}
div.assetimage img {cursor:url(zoom-in-cursor.cur),pointer;width:100%;}
div.taxontext {float:none;}
div.taxoninfo {padding-bottom:2px;}
div.infopanel {background-color:#ebefe0;}
div.infotext {padding:6px;}
div.clearfix {clear:both;height:0;overflow:hidden;}
ul.taxalist {padding:0;margin:0;list-style-type:none;display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-auto-rows:auto;grid-gap:1rem;}
li.taxalist {display:flex;flex-direction:column;border:1px solid #ccc;border-radius:8px;background-color:#fff;padding-bottom:0.5em;}
li.taxalist a, li.taxalist a:link {text-decoration:none;color:#282879;} 
li.taxalist a:visited, li.taxalist a:focus, li.taxalist a:hover {color:#c1002a;} 
img.taxalist {width:100%;height:160px;object-fit:cover;border-radius:8px 8px 0 0;opacity:1;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
span.taxalistname {margin:0.5em 1.0em 0 1.0em;display:inline-block;}
span.taxalistname img {padding-left:0.5em;}
span.taxalistdetail {display:block;color:inherit;}
span.taxalistdetail span {color:inherit;}
ul.taxalistdetail {list-style-type:disc;margin:0 0.5em;}
img.taxamaplist {float:right;width:75px;height:50px;text-align:center;vertical-align: middle;object-fit:cover;border:solid 1px #e5e5e5;}
.taxalistitem {background-color:#ffff66;}
ul.itemlist {padding:0;margin:0;list-style-type:none;}
li.itemlist {width:100%;}
li.itemlist a, li.itemlist a:link {text-decoration:underline;color:#282879;} 
li.itemlist a:focus, li.itemlist a:hover {color:#c1002a;} 
div.searchlist {overflow: hidden;padding: 1em;}
div.searchlist a:visited,div.searchlist a:focus {color:#282879;}
div.searchfield {position:relative;overflow:hidden;min-height:50px;width:50%;float:left;white-space:nowrap;}
div.searchbuttonpanel {margin-bottom:8px;}
div.assetsearch {float:left;margin:6px 8px 6px 0;}
#ctl00_ContentPlaceHolder1_AssetMapDetail_AssetImageDiv {width:50%;margin:0;}
#ctl00_ContentPlaceHolder1_AssetMapDetail_AssetTextDiv {width:45%;display:inline-block;padding-left:16px;}
#ctl00_ContentPlaceHolder1_TaxaTourDetail_ImageDiv {width:100%;}
#ctl00_ContentPlaceHolder1_TaxaTourDetail_ImageFinder1_ImageMissingPanel {display:none;}
#ctl00_ContentPlaceHolder1_TaxaMapDetail_ImageFinder1_ImageMissingPanel {display:none;}
div.largeimgpanel {text-align: center;visibility:hidden;position:fixed;z-index:1500;top:0;left:0;width: 100%;height:100%;background-color:rgba(34,34,34,0.95);}
div.largeimgpanel img {cursor:url(zoom-out-cursor.cur),auto;border:solid 4px #fff;}
div.openseadragon-container {background-color:#222222 !important;color:#fff;}
div.openseadragon-container img {cursor:auto;}

/* === Custom styles - also used in Skin-file === */
/* Color styles */
.colorlabel {color:#363904;}
.colorfield {color:#363904;background-color:#fff;}
.colorfieldalt {color:#363904;background-color:#f8f7f4;}
.colorfieldreq {color:#363904;background-color:#ffff99;}
.colorsel {color:#363904;background-color:#ffff99;}
.colorerr {color:#fff;background-color:#ff0000;}
.colorheader {color:#363904;}
a.colorheader:link,a.colorheader:visited {color:#363904;}
a.colorheader:hover {text-decoration:underline;color:#0b5a9d;}
.colorinfo {color:#363904;background-color:#e6ddca;}
.colortitle {color:#363904;}
a.colortitle:link,a.colortitle:visited {text-decoration:none;color:#363904;}
a.colortitle:hover {text-decoration:none;color:#ca002a;}
a.colormenuitem:link,a.colormenuitem:visited {text-decoration:none;color:#363904;}
a.colormenuitem:hover {color:#ca002a;}
.colorfooter {color:#363904;}
a.colorfooter:link,a.colorfooter:visited {text-decoration:none;color:#282879;}
a.colorfooter:hover {text-decoration:underline;color:#c1002a;}
/* Text styles */
.textlarge {font-size:1.2em;}
.textmedium {font-size:1.0em;}
.textsmall {font-size:0.85em;}
.textinput {font-weight:bold;}
.textinfo {font-size:0.9em;}
.textupper {text-transform:uppercase;}
.textmenuitem {font-size:1.0em;font-weight:600;text-transform:uppercase;}
select option {font-weight:normal;}
/* Border styles */
.bordersimple {border:solid 1px #7f9db9;}
.bordererr {border:solid 1px #ff0000;padding:1px;}
.bordernone {border:none;border-collapse:collapse;}
/* Misc styles */
.lnklogoleft {float:left;margin-left:-400px;margin-top:-2px;width:310px;height:80px;text-indent:200%;white-space:nowrap;overflow:hidden;}	
.lnklogoright {display:none;}
.button {width:120px;color:#363904;background:#ebefe0;font-size:1.0em;font-weight:normal;border:solid 2px #ccc;padding:4px;}
.button:hover {border:solid 2px #5e5e5e;}
.buttonauto {width:auto;min-width:32px;margin:0;margin-bottom:2px;}     
.buttonpopup {width:auto;padding:3px;margin-top:8px;}
.scrollbutton {bottom:10px;display:none;right:5px;position:fixed;background:url(scrolltop.png) center no-repeat;width:32px;height:32px;z-index:1200;}
.msg {border:solid 1px #ccc;padding:2px;}
.syslogo {float:right;text-align:right;padding:0 15px;}
.social {float:right;text-align:right;}
.social>span {display:inline-block;vertical-align:top;padding-left:2px;padding-right:2px;}
.social-icon {font-size:1.0em;color:#5e5e5e;padding-left:15px;}
.maplegend {width:33%;float:left;white-space:nowrap;padding-top:0;padding-bottom:4px;}
.maplegend img {vertical-align:middle;width:auto;height:18px;padding-bottom:1px;}
.tourlist {height:600px;overflow:auto;}
.touritem {border-bottom:solid 1px #ccc;margin-bottom:0;}
div.tourtext {float:left;width:100%;margin-bottom:2px;} 
div.tourimage {float:right;overflow:hidden;width:100px;height:100px;margin-top:2px;margin-left:5px;margin-bottom:5px;text-align:center;}
input[type="file"] {border: solid 1px #ccc;padding: 1px;}
input[disabled="disabled"],input.disabled {color:#8c8c8c;}
ul.noindent {margin-left:5px;margin-right:0;padding-left:10px;padding-right:0;}
ul.noindent li {padding-bottom:4px;}
/* OL styles */
div.olControlPanZoom {display:none;}
div.olControlZoom {display:none;}
div.olControlAttribution {bottom:0;left:0;}
div.olControlAttribution div {float:left;}
div.olControlAttribution span {white-space:nowrap;}
div.olControlAttribution img {height:20px;border-style:none;}
div.olControlScaleLine {left: auto;bottom:3px;right:3px;font-weight:bold;}
div.olControlZoomPanel {left:10px;top:10px;opacity:0.80;}
div.olControlLayerSwitcher .maximizeDiv {opacity:0.80;}
div.olPopup {font-size:1.1em;height:auto !important;}
div.olPopupContent {padding-bottom:6px;height:auto !important;}
div.olLayerGooglePoweredBy.olLayerGoogleV3.gmnoprint {visibility:hidden;}
div.olLayerGoogleCopyright.olLayerGoogleV3 div {visibility:hidden;}
.olPopupCloseBox {background:url(../Images/close.png) no-repeat;width:24px !important;height:24px !important;}
.gm-style {font-size:13px;}

/* === MEDIA definitions === */
@media print
{
	form {margin:0;width:100%;white-space:normal;}
	html,body,textarea,div.pagemain {background-color:#fff;}
	div.pageleft {width:100%;}
	div.pageright {width:100%;clear:both;}
	div.leftmargin {margin-left:0;margin-top:10px; margin-right:0;margin-bottom:10px;}
	div.rightmargin {margin-left:0;margin-top:0; margin-right:0;margin-bottom:10px;}
	div.fullmargin {margin-left:0;margin-top:10px; margin-right:0;margin-bottom:10px;}
	div.pagecontent {float:left;width:100%;}
	div.taxonimage {clear:both;width:98%;float:left;margin:2px;}
	div.taxontext {clear:both;float:left;width:98%;}
	div.searchfield {height:auto;width:100%;}
	.tourlist {height:auto;overflow:visible;}
	.noprint {display:none;}
}
@media only screen and (min-width:1200px)
{
	form {width:1150px;}
	div.pageleft {margin-left:-380px;}
	div.pageright {width:380px;}
	div.pagecontent {margin-left:380px;}
}
@media only screen and (min-width:1400px)
{
	form {width:1350px;}
	div.pageleft {margin-left:-450px;}
	div.pageright {width:450px;}
	div.pagecontent {margin-left:450px;}
}
@media handheld,only screen and (max-width:1024px)
{
	form {margin:0;width:99.0%;white-space:normal;border:none;}
	xxdiv.pageheaderleft {padding:4px;background-image:none;}	
	div.pageleft {width:100%;}
	div.pageright {width:100%;clear:both;}
	div.pagecontent {float:left;width:100%;}
	div.pagemenu {padding-right:0;} 
	li.pagemenu a {padding:8px;}
	div.menuset {padding-top:4px;}
	div.leftmargin {margin:10px 0 10px 3px;}
	div.rightmargin {margin:0 0 10px 3px;}
	div.fullmargin {margin:10px 0 10px 3px;}
	div.margin {margin:2px;margin-right:3px;}
	div.taxonimagediv {width:100%;float:left;margin:0;padding:0;}
	div.taxonimage {margin:0;margin-bottom:6px;padding:0;}
	div.taxonimage img {cursor:default;}
	div.taxonnoimage {display:none;}
	div.assetimage img {cursor:default;}
	div.mapimage img {cursor:default;}
	div.taxontext {width:99%;float:left;}
	li.taxalist {width:100%;}
	li.itemlist {width:100%;padding-bottom:3px;}
	div.searchfield {min-height:52px;}
	.tourlist {height:auto;overflow:visible;}
	.textsmall {font-size:0.7em;}
	.textdropdown {font-size:0.9em;}
	.textmenuitem {font-size:1.1em;}
	.nomobile {display:none}
	.buttonauto {width:auto;min-width:65px;margin-bottom:2px;}
	.buttonpopup {width:auto;padding:3px;margin-top:8px;}
	.olControlLayerSwitcher .layersDiv {padding-left:5px;font-size:medium;}
	.olControlLayerSwitcher .maximizeDiv img,.olControlLayerSwitcher .minimizeDiv img {width:30px!important;height: 30px!important;right: 12px;}
	.olControlOverviewMapElement {padding-right:30px;}
	.olControlOverviewMapMaximizeButton img,.olControlOverviewMapMinimizeButton img {width:30px!important;height: 30px!important;right: 12px;}
	div.olControlZoomPanel {height:108px;width:36px;position:absolute;top:2px;left:1px;}
	div.olControlZoomPanel div {width:36px;height:36px;background-image:url(mobile-zoombar.png);left:0;}
	div.olControlZoomPanel .olControlZoomInItemInactive {top:0;background-position:0 0;}
	div.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {top:36px;background-position:0 -36px;}
	div.olControlZoomsearch .olControlZoomOutItemInactive {top:72px;background-position:0 -72px;}
}
@media handheld,only screen and (max-width:580px)
{
	form {width:98.0%;}
	div.menuset {float:left;padding-left:4px;padding-bottom:3px;}
	div.searchfield {height:auto;width:100%;}
	.maplegend {width:50%;}
	li.taxalist {}
	li.itemlist {padding-top:3px;}
}
@media handheld,only screen and (max-width:500px)
{
	h1 {font-size:1.1em;}
	h2 {font-size:1.4em;}
	div.pageheaderleft {padding-left:90px;background-size:65px auto;} 
	div.mapdyn {height:400px!important;}
	div.olControlAttribution {font-size:6px;}
	div.olControlAttribution img {height:10px;width:auto;}
	div.olControlScaleLine {font-size:6px;}
	div.olLayerGoogleCopyright div {font-size:6px!important;}
	div.olLayerGooglePoweredBy div {height:auto!important;width:auto!important;}
	div.olLayerGooglePoweredBy img {height:10px!important;width:auto!important;}
}