/*
 * 
 * Dies ist ein Kommentar
 * 
 * 
*/

body{
  color:#006600; 
  font-family: Arial, Helvetica,sans-serif;
  margin:0 auto;
  margin-bottom: 50px;
  min-width:16em;
  max-width:60em;
  background-color: #006600;
  }

div.hack{
background-color:#FFFFE0;
    box-shadow:8px 15px 20px #404040
}

html{
box-sizing: border-box;
  }

  *, ::before, ::after{
box-sizing:inherit;  
}

header,
main,
nav,
article,
footer{
border:1px;
padding:10px;
margin:10px;
margin-top:0px;
background-color:#FFFFE0;
text-align: center;
}	


header{
border:1px;
padding:20px;
margin:12px;
background-color:#FFFFE0;
text-align: center;
}

main{
  display:left;
  background-color:#FFFFE0;
  min-width:16em;
  max-width:60em;
  margin-top:0px;

  
}

article{
max-width:38em;
border:1px;
border-color:black;
text-align:left;
margin-top:0px;
}

nav{

padding:1;
}


@media(min-width:32em) {


nav{
background-color:#FFFFE0;
float:right;
width: 16em;
text-align:left;
   }
   main{
   margin-right:15em;
   margin-top:0px;
    }
    
  }
  

 	
/*
 * 
 * Dies ist ein Kommentar
 * 
 *       Sektion für das verhalten und aussehen 
 *                der Hyperlinks
 * 
 * 
*/
a.nav {
  color: #000099;
  text-decoration: none ;
  padding: 1.5px;
  font-size: 13px
  }
  
a.nav:hover { 
  color:#FFFFE0; 
  padding:1.5px;
  background-color:#0033CC;
  } 
  
a.nav:visited{ 
  text-decoration:none;
  padding:1.5px;
  } 

a { 
  color:#000099;
  text-decoration:none ;
  padding:1.5px;
  }
  
a:hover { 
  color:#000099; 
  padding:1.5px;
  background-color:#0033CC;
  } 
  
a.nav-links {
  color: #000099;
  text-decoration: none ;
  padding: 1.5px;
  font-size: 17px
  }
  
a.nav-links:hover { 
  color:#FFFFE0; 
  padding:1.5px;
  background-color:#0033CC;
  } 
  
a.nav-links:visited{ 
  text-decoration:none;
  padding:1.5px;
  } 

a { 
  color:#000099;
  text-decoration:none ;
  padding:1.5px;
  }
  
a:hover { 
  color:#000099; 
  padding:1.5px;
  background-color:#0033CC;
  } 

a.nav-rechtsbuendig { 
  text-decoration:none ;
  padding:2px;
  font-size:17px;
  margin-left: 40%;
  }
  
a.nav-rechtsbuendig:hover { 
  color:#FFFFE0; 
  padding:2px; 
  background-color:#0033CC;
  margin-left: 70%;
  } 
  
a.nav-rechtsbuendig:visited{ 
  text-decoration:none;
  padding:2px;
  margin-left: 70%;
  } 
    
 /*
 * 
 * Dies ist ein Kommentar
 *
 *       Überschriften 
 * 
*/
 
h1{ 
  margin:0;
  font-size:24px 
  }
	
	
h2{ 
  margin-top:0px; 
  font-size:22px; 
  font-weight:bold;
  text-decoration:underline;
  }
  
  
h3{ 
  margin-top:40px; 
  font-size:18px; 
  font-weight:bold;
  text-decoration:underline;
  }  


/*
 * 
 * Dies ist ein Kommentar
 * 
 *        Text Elemente und Listen
 * 
 *    <p> <ul> <ol> <dl> <b>  <hr> <i>
 * 
*/

i.big{ 
  font-size:24px;
  }
	
b.untertitel{
  font-size:16px ; 
  color:#006600;
  padding-bottom:20px;
  }

b.nav{
  font-size:16px ; 
  color:#006600;
  padding-bottom:20px;
  }

hr {
  color: #FF9900;
  height: 1px;
  margin: -7px;
  margin-top: 3px; 
  }	
	
p { 
  font-size:17px;
  }
		
	
dl.norm{
  font-family: Arial, Helvetica,sans-serif;
  font-size:10pt;
  margin-left:10px;
  margin-right:10px;
  color:#006600 ;
    }

ul.norm{
  font-family: Arial, Helvetica,sans-serif;
  font-size:17pt;
  margin-left:10px;
  margin-right:10px;
    color:#006600 ;
    }
    
ol.norm{
  font-family: Arial, Helvetica,sans-serif;
  font-size:17pt;
  margin-left:10px;
  margin-right:10px;
  color:#006600 ;
    }    

	
/*
 * 
 * Dies ist ein Kommentar
 *
 *      Bilder und Medien
 * Hat noch jede Menge nicht bearbeitet
 *  
 * 
*/	

img.mini{
  width:30px;
  padding-left:2px;
  padding-right:2px;
  }
		
img.mittel{
  width:150px;
  padding-left:2px;
  padding-right:2px;
  float:left; 
  text-align:center;
  margin:-1px 0 0 10px;
  }


img.gross{
  width:210px;
  text-align:center;
  margin-top:10px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:10px;
  margin:-1px 0 0 10px;
  }

img.xl{
  width:550px;
  text-align:center;
  margin-top:5px;
  padding-left:60pt;
  padding-right:5pt; 
  margin:-1px 0 0 10px;
  }
	

img.logo { 
margin-bottom:-17px;
  }