<!--
/* Farben 
color:#006699;
  */
nav, header, footer, aside, article { display:block;  position:relative;}
body, div, p, ul, ol, li, img, h1, h2, h3, h4, nav, header, footer, aside, article { margin:0; padding:0; }
		
			
body { border:0px; height:100%; font-size:1em; line-height:1.4;  font-family: 'Arial',sans-serif; 
		 background-color:#fff; color:#333; }


h1, h2, h3, h4, h5, p, ul, ol, li { margin:.5em 0px 1em 0px; padding:0px; }

h1, h2, h3, h4, h5, h6, li { line-height:1.2 }
li { line-height:1.3 }
h1 { font-size:2.058em; color:#006699;}
h2 { font-size:1.618em; }
h3 { font-size:1.272em; margin:.5em 0px ;}
h4 { font-size:1.0em;}
h5 { font-size:0.786em;}

table { margin:.5em 0px; padding:0px; }		
td { margin:.5em; padding:.2em; }

p { margin:1em 0 1em 0;}			
a img { border:0px solid blue;}
img, video { max-width:100%;}

a {color:#006699;text-decoration: none;}
a:hover {text-decoration: underline;}


section { margin:40px 0;}

ul, ol { margin:.5em 0 1em 1.0em;}
ul ul { margin-bottom:2.5em;}

li { margin:.8em 0 .8em 0; list-style-type:square; list-style-image: url('../gfx/listenpunkt.png');}
ul ul li { list-style-type:square; list-style-image: none;}
li h4 { margin:1em 0 .5em 0;}	
li p { margin:.5em 0 1em 0;}	

table {margin: 1em 0px; border-spacing: 4px;}
td {padding: .5em .8em; background-color:rgba(255,255,255,.2); vertical-align: top;}

blockquote {font-style:italic; font-family: 'Times New Roman', Times, serif; margin: 1em; font-size: 1.2em; color:#555;}


.clearfix {clear:both;}
.klein {font-size:.8em; line-height:1.15;}
.mehrAbstand { margin:2em 0px; }


/********** **********/

nav {float:left; position:fixed; background-color:#a6cadb; color:#333; height:100vh; padding:0px 4% ;  margin-left:0px; transition: margin-left .4s; overflow-y: scroll; overflow-x: visible; }

nav img {margin-left:.5em;  padding-top:50px}

nav ul {list-style:none; font-size:1rem; text-align:left; margin:0; padding:0;margin-top:40px; }

nav ul li {display: block;margin:0; margin-bottom:1em; padding:0; }

nav ul li a { text-decoration: none;  color:#333;padding:.3em .5em; }
nav ul li.wahl a { color:#006699;}
nav ul li a:hover {background-color:rgba(255,255,255,.6);}


main { margin:0 5% 0 15%; padding-left:150px; padding-bottom:30px; max-width:940px;}


header {padding:50px 0 0 0; height:82px; text-align:right; line-height:.1em;}

		 		
#Hamburger  { display:none; text-align:right; float:right; }
#TheX 		{ display:none; text-align:right;float:right; }		
#Hamburger a, #TheX a  { display:inline-block; background-color:#eaf9ff; color:#00394c; border-radius:50%; height:1.4em; width:1.4em; margin-right:-.8em;margin-top:2px; border:1px solid #00394c44;
							font-size: 2rem;text-align:center; text-decoration:none;}
#Hamburger a:hover, #TheX a:hover{ background-color:#00394c; color:#eaf9ff;}
#Hamburger a { line-height:1.35em;}
#TheX a   { line-height:1.25em;}

				 		
@media screen and (max-width:800px) 
	{ 
		nav { padding:0px 1% ;  }
		main { margin:0 2% 0 15%; padding-left:100px;}	
		
	}
				 		
@media screen and (max-width:640px) 
	{ 
		main {-webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}
	}
			 		
@media screen and (max-width:500px) 
	{ 
		  
		#Hamburger { display:block; }
 		#menu:target #Hamburger { display:none;}
 		#menu:target #TheX { display:block;}

 		#menu:target  {   margin-left:00px; box-shadow:1px 2px 12px #00000044;
			  -ms-transform: translate(-0%, 0px); /* IE 9 */
  		  -webkit-transform: translate(-0%, 0px); /* Safari */
   				  transform: translate(-0%, 0px);}
   				  

		nav { padding:0px 1% ; margin-left:-110px; z-index:+100;}
		main { margin:0 2% 0 15%; padding-left:00px;}
	}