/*
Einspaltiger universeller Style
*/
* {
margin: 0;
}
body{
background-color: #BCF1CF;
background-image: linear-gradient( 100deg, #D4DBF6 15%, #BFECBF );
color: #1E4517;
font-size: large;
}

table, th, td {
  border: 2px solid; 
  border-collapse: separate;
  border-spacing:5px 5px;
  background-color:Olive;
  color: Black;
  margin: 1.2em;
  }

#Impressum{
	margin-left:0.6em;
	padding-left:0.4em;
	padding-bottom:0.2em;
	font-size: 0.8em; 
	font-weight: bold;
	font-style: italic;
	border-left:3px dotted #29762F;
	border-bottom:3px dotted #29762F;
	color:#E37815;
}

div.Impressum {
	text-align: center;
	border-radius: 5em;
	border-style:ridge;
	border-color:#3E71BC;
	box-shadow: 0 .2em 0 #9B9568 inset;
	background: darkgreen;
	color: #1D39B2;
}

p.Impressum {
	color:gold;
}



#Kopf{
padding-top: 0.4em;
margin-bottom: 0.5em;
padding-left: 5%;
color:Maroon;/*#158215;*/
font-style: italic;
}

#Navi {
margin: 0.5em;
}
#Navi a {
text-decoration: none;
font-size:0.5em;
font-weight:bold;
}


#Navi li{
display:inline;
padding-right:0.5em;
margin-right:0.5em;
/*border-right: 2px dotted black;*/
border-bottom:2px dotted black;
}

/*
#Navi li:last-child{
border-right:none;
}*/

.hoch{
text-align:right;
font-size:0.6em;
margin: 1.2em;
}
.hoch a{
color: #A49521;
}

li{color:Blue;}
ul li a{color:Purple;}


h1,h2,h3,h4,h5,h6,p,dl {
margin: 0.8em;
}
h1{ font-size:  170%;}
h2{font-size:130%}
h6{text-decoration: underline;}

.H {
padding:0.1em;
margin-top: 0;
margin-bottom:0.2em;
margin-left:1.0em;
}

ol,ul,dl{
margin-top: 0.5em;
}

dt{
margin-left: 0.3em;
margin-top:0.3em;
font-weight:bold;
}
dd{
margin-left: 1em;
}

br {
margin: 0.1em;
}

#Fuss{
font-style: italic;
font-size:0.7em;
}

.clear{
clear:both;
}
pre {
		margin:0.8em;
		padding:0.3em;
		Display: block;
		background-color:Teal;
		color:black;
		font-style: italic;
	  width:900px; 
		max-height: 30em;
		/*position: absolut; */
		overflow: auto;
		tab-size:      1;
		-moz-tab-size: 1;
	}


a:focus{
	  color:white;
	  background-color:green;
	  font-style:italic;
	  
	}

a:hover {
	  color:blue;
	  background-color:yellow;
	  font-style:italic;
	}


.Klasse1 { background-color: gray;
			color: maroon;}
.serif { font-family: sans-serif; }			
.verdana { font-family: Verdana; }
.geneva { font-family: Geneva; }
.arial {font-family: Arial; }
.andale {font-family: Andale Mono;}
.arialBlack {font-family: Arial Black;}
.comicSans {font-family: Comic Sans;}
.courierNew {font-family: Courier New;}
.georgia {font-family: Georgia;}
.impact {font-family: Impact;}
.timesNewRoman {font-family: Times New Roman;}
.trebuchetMS {font-family: Trebuchet MS;}

.gr10 {font-size: 10px;}
.gr11 {font-size: 11px;}
.gr14 {font-size: 14px;}
.gr20 {font-size: 20px;}

.aqua {background-color: Aqua;}
.black {background-color: Black;}
.blue {	background-color: Blue;}
.fuchsia { background-color: Fuchsia;}
.gray { background-color: Gray;}
.green {background-color: Green;}
.lime { background-color: Lime;}
.maroon { background-color: Maroon;}
.navy { background-color: Navy;}
.olive {background-color: Olive;}
.orange {background-color: Orange;}
.purple {background-color: Purple;}
.red {background-color: Red;}
.silver {background: Silver;}
.teal {background-color: Teal;}
.white {background-color: White;}
.yellow { background-color: Yellow;}

.dark {color: White;}

/*Handy quer*/
@media only screen and (max-device-width: 1080px)
{
	body{
		font-size: 150%;
	}
	
	p{
		font-size: 150%;
	}
	
	li{
		margin-bottom: 0.8em;
		margin-right:	 0.8em;
		list-style: circle;
	}
		
	ul li a{
		color: darkgreen;
	}
	
	#Navi li{
		display:block;
		margin-bottom:0.8em;
	}
	
	#Navi a {
		font-size:120%;
		color:olive;
	}
	.H{
		font-size:70%;
		margin-bottom: 0.8em;
	}
}

/*hochkant*/
@media only screen and (max-device-width: 520px)
{
	body{
		font-size: 180%;
	}	
	
	ul li a{
		color:darkgreen;
	}
	
	p{
		font-size: 100%;
	}
	
	#Navi li{
		margin-bottom:1.0em;
	}
	
	#Navi a {
	font-size:80%;
	color:teal ;
	}
	
	ol,ul,dl{
		margin-top: 0.5em;
	}
	.H{
		font-size:50%;
		margin-bottom: 0.4em;
	}
}