/*css fuer Spuren handheld*/
body { color: #333333; font-size: 1em; line-height: 150%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: white; margin: 0px; padding: 0px; border: 0px;  }
.main { padding-left: 1%; position: relative; top: 20px; left: 0; width: 95%;  }
.logo { position: relative;   max-width: 300px; text-align: left; background-color: transparent; z-index: 100; overflow: hidden; padding-left: 3%;   height: 60px; }/* height of replacement image */
.logo:before {content: url(logos/logo-zuku-eV-ws-270x60.jpg); display: block;}
.logo:before img { border: none; width: 100%; height: auto; }
/* Menu- und Linkformate */
.limit-img-size-float {border:none; margin: 1rem; float:left;}

.menu {
	position: absolute;
	z-index: 100;
	top: 8rem;
	left: 3%;
	overflow: auto;
	width: 15rem;
	margin-bottom: 3rem;
	padding-bottom: 3rem;
}
.menu ul   { list-style-type: none; padding-left: 0px; }
.menu1 a, .menu2 a, .menu3 a   { color: #ccc; background-color: #c03;
	margin-bottom: 8px;
	padding-top: 3px;
	padding-left: 3px;
	width: 11rem;
	display: block;
}
.menu1 a { font-size: 1rem; line-height: 1.2rem; height: 1.5rem; }
.menu2 a, .menu3 a { font-size: 0.8rem; line-height: 1rem; height: 1.5rem; }
.menu3 li {  margin-left: 3rem; }
.menubox  {  padding: 0px 3px 1px; width: 14em; margin-top: 5em; }
.menubox p { font-size: 0.8rem; line-height: 1rem; }
.menubox h3 { font-size:1rem; line-height: 1.3em; }
.menutitel a  { margin: -5px 1px; padding: 2px; display: block; }
#sel, #sele, #select, #selected { color: white; }
	#sele {  display: block;  }
	#next { text-align: right; }
	a[name] { visibility: hidden; }
	a { color: #000; text-decoration: none; }
	a:hover { color: #fff; background-color: #f03; }
	#oben a { background: url(Basis/up-000.gif) no-repeat left center; padding-left: 15px; }
	#oben {height: 2rem;}
	.pfeil {padding-left: 15px; background: url(Basis/re-000.gif) no-repeat left center;}/*innerhalb des <a>-tags schreiben: <span class="pfeil"> text </span>*/
	/* Schatten, Ecken, Gradiente */
	.menu1 a, .menu2 a, .menu3 a, .menubox, .textbox, .box-re, .box-li, .bild, .bild-re, .bild-li, .bild-schatten { border-radius: 2px; -moz-border-radius: 2px; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3) }
	.menu1 a, .menu2 a, .menu3 a, .menubox  {  background-image: -webkit-linear-gradient(#c03 0%, #900 100%); 
	background-image: -moz-linear-gradient(#c03 0%, #900 100%); 
	background-image: -o-linear-gradient(#c03 0%, #900 100%); 
	background-image: linear-gradient(#c03 0%, #900 100%); }
	.menu1 a:hover, .menu2 a:hover, .menu3 a:hover, .menutitel a:hover { background-image: -webkit-linear-gradient(#f03 0%, #900 100%); 
	background-image: -moz-linear-gradient(#f03 0%, #900 100%); 
	background-image: -o-linear-gradient(#f03 0%, #900 100%); 
	background-image: linear-gradient(#f03 0%, #900 100%); }
	.grau, .weiss  { border-radius: 1px; -moz-border-radius: 1px; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 2px 2px rgba(0,0,0,0.3);  padding: 3px;  }
	.main a {  text-decoration:underline;  border-radius: 2px; -moz-border-radius: 2px;  padding: 3px; background-image: -webkit-linear-gradient(#ccc 0%, #fff 100%); background-image: -moz-linear-gradient(#ccc 0%, #fff 100%); 
	background-image: -o-linear-gradient(#ccc 0%, #fff0 100%); 
	background-image: linear-gradient(#ccc 0%, #fff 100%); }
	.main a:hover, #oben a:hover   { background-image: -webkit-linear-gradient(#f03 0%, #900 100%); 
	background-image: -moz-linear-gradient(#f03 0%, #900 100%); 
	background-image: -o-linear-gradient(#f03 0%, #900 100%); 
	background-image: linear-gradient(#f03 0%, #900 100%); }
	/*Auszeichnungen */
	p { font-size: 1rem; }
	h1 { font-weight: bold; font-size: 1.8rem; line-height: 2rem; }
	h2  { font-size: 1.5rem; line-height:normal }
	h3 { font-size: 1.3rem;  font-weight:bold;}
	hr { border: solid #dedede; }
	.h1 { font-weight: bold; font-size: 1.8rem; }
	.h2  { font-size: 1.5rem;}
	.h3  {font-size: 1.3rem; font-weight:bold;}
	.p12 { font-size: 1rem; }
	.f10 { font-size: 0.8rem; }
	.quelle { font-size: 1rem; background-color: white; }
	.bildnavi { text-align: center; }
	.titel  { font-weight: bold; font-size: 1.2rem; position: relative; top: 2px; left: 15px; width: 185px; height: 30px; }
	.rot { color: #903; }
	.grau { background-color: #ccc; }
	.weiss { background-color: white; }
	.einzug20 { margin-left: 20px; }
	.einzug40 { margin-left: 40px; }
	.textbox { padding: 3px; }
	.box-re { float: right; padding: 3px; }
	.box-li { float: left; padding: 3px; }
	.bild-re { float: right; }
	.bild-li { float: left; }
	.bild-schatten  { padding: 0px ;}
	.luft  { position: relative; height: 100px }
	.clear { clear: both;}
.weg {display: none;}
#sprung { display: none }

@media (max-width:810px) {
#sprung { display: inline; position:absolute; top: 20px; left: 15px; font-size: 2.5rem; color:#C00; z-index:300;}
#sprung a { display:block; font-weight:bold;}
#sprung a:hover {background-color:#F00;}
.menu { position: relative;  bottom: 10px; left: 5px; overflow: auto }
.logo { width:100%; text-align: center; padding-left:0;}
.main { position: relative; left:0; width: 95%; max-width: 700px; padding-left: 5px; margin:auto;}

}