/*css fuer Spuren*/
body {
	color: black;
	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: 30%; width: 60%; max-width: 800px; }
.logo { position: relative;  width: 25%; min-width: 350px; 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;}
.main img{ width: 100%; height: auto; }
.main-img-max400 {max-width: 400px;}
.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: black; 
	margin-bottom: 8px;
	padding-top: 3px;
	padding-left: 3px;
	width: 11rem;
	display: block;
}
.menu1 a { font-size: 1.1rem; line-height: 110%; 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.4em; }
.menutitel a  { margin: -5px 1px; padding: 2px; display: block; }
.menu1 a, .menu2 a, .menu3 a, .menubox a { color:#fff;}
.menu1 a:hover, .menu2 a:hover, .menu3 a:hover, .menubox a:hover  { color:#fff;}
#sel, #sele, #select, #selected { color: #fff; }
	#sele {  display: block;  }
	#next { text-align: right; }
	a[name] { visibility: hidden; }
	a { color: #333; 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 {  background-image: -webkit-linear-gradient(#c03 0%, #900 100%); 
	background-image: -moz-linear-gradient(#c00 0%, #900 100%); 
	background-image: -o-linear-gradient(#c00 0%, #900 100%); 
	background-image: linear-gradient(#c00 0%, #900 100%); }
	.menu1 a:hover, .menu2 a:hover, .menu3 a:hover, .menutitel a:hover, #sel, #sele, #select, #selected, .menubox  { background-image: -webkit-linear-gradient(#f03 0%, #900 100%); 
	background-image: -moz-linear-gradient(#c03 0%, #f00 100%); 
	background-image: -o-linear-gradient(#c03 0%, #f00 100%); 
	background-image: linear-gradient(#c03 0%, #f00 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%, #fff 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 */
:root {font-size:1em;}
	p { font-size: 1rem; }
	h1 { font-weight: bold; font-size: 1.8rem; line-height: 2rem; }
	h2  { font-size: 1.5rem; line-height:2.2rem;}
	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; }
	.bu {font-size: 0.8rem; font-style: italic; line-height: 90%}
	.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; }
	.mittig {text-align:center;}
	.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 }

/*Bildformatierungen*/
.flex { width: 100%; height: auto; }

/*block-formate*/
.row { clear: both; display:block;}
.zelle { float: left; margin:10px; }
.zelle-drittel {float: left; width: 30%; min-width:250px; padding:5px; border-left:1px black dotted; font-size:0.7rem: hyphens:auto;}/*min-width ggf auf der jew. Seite im Head stylen*/

@media (max-width:850px) {

#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%; padding-left: 5px; margin:auto;}

}
	.h1, h1 { font-weight: bold; font-size: 1.5rem; line-height: 2rem; }
	.h2, h2  { font-size: 1.4rem; line-height:normal;}
	.h3, h3 { font-size: 1.2rem;  font-weight:bold;}