* {
   margin: 0;
   padding: 0;
}

	#body
	{
		margin: 0;
		padding: 0;
		font: 100% arial, hevetica, sans-serif;
		text-align: center;
		background-color: #ffffff;
		text-align: center;
	}
	
		
	#container
	{
		margin: 0px auto;
		width: 480px;
		text-align: left;
	  font-weight : bold;
		border: 0px solid black;
	}

   @media all and  ( min-width: 480px ) {  /** Größerer Viewport: Tablett **/	
    #container
	{
		margin: 0px auto;
		width: 1000px;
		text-align: left;
	  font-weight : bold;
		border: 0px solid black;
	}
   }
	
	.inhalt
	{
	  	font-size: 0.2rem;
		top: 100px;
	  position: absolute;
  	  margin-right: 0px;
		width:  480px;
		background-color: #ffffff;
		z-index:-5;
 height: auto;
	
	}
	
	@media all and  ( min-width: 480px ) {  /** Größerer Viewport: Tablett **/
		.inhalt
	{
	  top: 200px;
	  position: absolute;
  	  margin-right: 0px;
		width:  1000px;
		background-color: #ffffff;
		z-index:-5;
	}
	}
			
	.inhalt ul
	{
		padding: 0;
		list-style-type: none;
	}

		.inhalt a
	{
		padding: 0;
		list-style-type: none;
		color: blue;
	}

	
.imagebild
{
  width: 480px;
 height: auto;
  position: absolute;
  top: 0px;
  display: inline-block;

    z-index: -1;
  	  margin-right: 0px;

}

@media all and  ( min-width: 480px ) {  /** Größerer Viewport: Tablett **/
.imagebild
{
  width: 1000px;
  height: auto;
  position: absolute;
  top: 0px;
    z-index: -1;
 margin-right: 0px;
  display: inline-block;
	
	
}
}

 
  p 
  {
    margin: 2px 0 10px 0;
  }

  h1 
  {
        color: #990000;
        text-decoration: none;
        font-size: 180%;
        font-variant: small-caps;
        margin-bottom: 10px;
  }

  hr 
  {
    margin: 5px 0 10px 0;
  }

  a
  {
    text-decoration: none;
 }
   
  ul 
  {
    list-style-type: none;
    margin: 0;
    padding: 0;
   
	background-color: #061539;
}

li 
{
    float: left;
}

li a, .dropbtn 
{
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn 
{
    background-color: red;
}

li.dropdown 
{
    display: inline-block;
}

.dropdown-content 
{
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a 
{
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover 
{
	background-color: #f1f1f1
}

.dropdown:hover .dropdown-content 
{
    display: block;
}
  
  
  
  
.text_block_radius_oben_rechts
{
 clear: both;
 float:right;
 width: 50px;
 height: 50px;
 margin: 2px;
 padding-top: 2px;
 border: 2px solid #ebebeb;
 
 border-bottom-right-radius: 2.0em; 
 -moz-border-bottom-right-radius: 2.0em; /* Firefox */
 -webkit-border-bottom-right-radius: 2.0em; /* Safari, Chrome */
 -khtml-border-bottom-right-radius: 2.0em; /* Konqueror */
 -o-border-bottom-right-radius: 2.0em; /* Opera */
 
 box-shadow: 3px 3px 3px #6d6d6d;
 -moz-box-shadow: 3px 3px 3px #6d6d6d; /* Firefox */
 -webkit-box-shadow: 3px 3px 3px #6d6d6d; /* Safari, Chrome */
 -khtml-box-shadow: 3px 3px 3px #6d6d6d; /* Konqueror */
 -o-box-shadow: 3px 3px 3px #6d6d6d; /* Opera */
}

.text_block_radius_unten_rechts
{
 text-align: center;
 clear: both;
 float:right;
 width: 150px;
 height: 100px;
 margin: 2px;
 padding-top: 2px;
 border: 2px solid #ebebeb;
 
 border-bottom-right-radius: 0.5em; 
 -moz-border-bottom-right-radius: 0.5em; /* Firefox */
 -webkit-border-bottom-right-radius: 0.5em; /* Safari, Chrome */
 -khtml-border-bottom-right-radius: 0.5em; /* Konqueror */
 -o-border-bottom-right-radius: 0.5em; /* Opera */
 
 box-shadow: 3px 3px 3px #6d6d6d;
 -moz-box-shadow: 3px 3px 3px #6d6d6d; /* Firefox */
 -webkit-box-shadow: 3px 3px 3px #6d6d6d; /* Safari, Chrome */
 -khtml-box-shadow: 3px 3px 3px #6d6d6d; /* Konqueror */
 -o-box-shadow: 3px 3px 3px #6d6d6d; /* Opera */
}

.text_block_radius_komplett
{
 text-align: center;
 clear: both;
 float:none;
 width: 150px;
 height: 100px;
 margin: 2px;
 padding-top: 2px;
 border: 2px solid #ebebeb;
 font-size: 0.5em;
 font-style: italic;
 font-family: Georgia, 'Times New Roman', serif;
 
 border-radius: 0.5em; 
 -moz-border-radius: 0.5em; /* Firefox */
 -webkit-border-radius: 0.5em; /* Safari, Chrome */
 -khtml-border-radius: 0.5em; /* Konqueror */
 -o-border-radius: 0.5em; /* Opera */
 
 box-shadow: 3px 3px 3px #6d6d6d;
 -moz-box-shadow: 3px 3px 3px #6d6d6d; /* Firefox */
 -webkit-box-shadow: 3px 3px 3px #6d6d6d; /* Safari, Chrome */
 -khtml-box-shadow: 3px 3px 3px #6d6d6d; /* Konqueror */
 -o-box-shadow: 3px 3px 3px #6d6d6d; /* Opera */
}

.text_block_radius_komplett_test
{
 text-align: center;
 clear: both;
 float:right;
 width: 150px;
 height: 100px;
 margin: 2px;
 padding-top: 2px;
 border: 2px solid #ebebeb;
 background-color: darkgrey;
 border-radius: 0.5em; 
 -moz-border-radius: 0.5em; /* Firefox */
 -webkit-border-radius: 0.5em; /* Safari, Chrome */
 -khtml-border-radius: 0.5em; /* Konqueror */
 -o-border-radius: 0.5em; /* Opera */
 
 box-shadow: 3px 3px 3px #6d6d6d;
 -moz-box-shadow: 3px 3px 3px #6d6d6d; /* Firefox */
 -webkit-box-shadow: 3px 3px 3px #6d6d6d; /* Safari, Chrome */
 -khtml-box-shadow: 3px 3px 3px #6d6d6d; /* Konqueror */
 -o-box-shadow: 3px 3px 3px #6d6d6d; /* Opera */
}


 
 
.menue-leiste
{
  width: 500px;

  top: 0px;
  position: fixed;
  margin-left:  0px;
  height: auto;
  z-index: 4;
 background-color: #ffffff;
 
 float:none;
 border: 0px solid #ebebeb;
 font-size: 0.5em;
 border-bottom-right-radius: 2.0em; 
 -moz-border-bottom-right-radius: 2.0em; /* Firefox */
 -webkit-border-bottom-right-radius: 2.0em; /* Safari, Chrome */
 -khtml-border-bottom-right-radius: 2.0em; /* Konqueror */
 -o-border-bottom-right-radius: 2.0em; /* Opera */
 
box-shadow: 3px 3px 3px #6d6d6d;
 -moz-box-shadow: 3px 3px 3px #6d6d6d; /* Firefox */
 -webkit-box-shadow: 3px 3px 3px #6d6d6d; /* Safari, Chrome */
 -khtml-box-shadow: 3px 3px 3px #6d6d6d; /* Konqueror */
 -o-box-shadow: 3px 3px 3px #6d6d6d; /* Opera */
 }

 @media all and  ( max-width: 480px ) {  /** Größerer Viewport: Tablett **/
.menue-leiste
{
 width: 300px;
	font-size: 0.9rem;
  top: 0px;
  position: fixed;
  margin-left: 0px;
  height: auto;
  z-index: 4;
 background-color: #ffffff;
 
 float:none;
 border: 0px solid #ebebeb;
 font-size: 0.5em;
 border-bottom-right-radius: 2.0em; 
 -moz-border-bottom-right-radius: 2.0em; /* Firefox */
 -webkit-border-bottom-right-radius: 2.0em; /* Safari, Chrome */
 -khtml-border-bottom-right-radius: 2.0em; /* Konqueror */
 -o-border-bottom-right-radius: 2.0em; /* Opera */
 
box-shadow: 3px 3px 3px #6d6d6d;
 -moz-box-shadow: 3px 3px 3px #6d6d6d; /* Firefox */
 -webkit-box-shadow: 3px 3px 3px #6d6d6d; /* Safari, Chrome */
 -khtml-box-shadow: 3px 3px 3px #6d6d6d; /* Konqueror */
 -o-box-shadow: 3px 3px 3px #6d6d6d; /* Opera */
 }
 }
 
 
 .dropbtn 
 {
  background-color: #000000;
  color: black;
  padding: 6px 12px;
  border: none;
  cursor: pointer;
}

.dropdown 
{
   color: black;
   padding: 6px 12px;
   font-size: 12px;
  display: inline-block;
     z-index: 4;

}


.dropdown-content 
{
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a 
{
  color: black;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content 
{
  display: block;
}

.dropdown:hover .dropbtn 
{
  background-color: #000000;
}

.footer
{
  font: 100% arial, hevetica, sans-serif;
  font-size: 14px;
  position: fixed;
  margin-left: 0px;
  bottom: 0;
  width: 480px;
  height: auto;
  background-color: #cbcbcb;
  color: black;
  text-align: left;
 
 }

 @media all and  ( min-width: 480px ) {  /** Größerer Viewport: Tablett **/
 .footer
{
  font: 100% arial, hevetica, sans-serif;
  font-size: 14px;
  position: fixed;
  bottom: 0;
  width: 1000px;
  height: 30px;
  background-color: #cbcbcb;
  color: black;
  text-align: left;
 
 }
 }