body { background-color:rgba(60,40,20,0.6); margin:0; padding:0; max-width:66.25em; margin-left:auto; margin-right:auto; margin-top:-220px;}
@media screen and (min-width:66.25em) {
    body{margin-top:-200px;
    }
}
@media screen and (max-width: 50em) {
    body{margin-top:0px;
    }
}
#zentriert {
    margin-top:0px;    
}
img#Bruecke {
    top:276px;
    left:15px;
    height:13.5em;
    width:19.8em;
    position:relative;
    border-radius: 4px;
    opacity: 1.0;
}
@media screen and (max-width: 50em) {
    img#Bruecke {   
        display:none;
    }
}
@media screen and (min-width: 50em) {
    #zentriert {
     /*   width:48.125em;  */
    }    
}
		
div#KopfS {
    background-color:rgba(250,250,210,0.82);
}
* html div#KopfS	{	/* Korrektur fuer den IE 5 und 6 */
	height:10em;
}
* html div#KopfS img	{	/* Korrektur fuer den IE 5 und 6 */
	margin-left:-3px;
	mar\gin-left:0px;
}
div#KopfS p	{
	font-family: Garamond, serif;
    font-weight:bold;
	margin-top:4px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
}
div#KopfS p.Name	{
	font-size: 1.2em;
	line-height: 1.1em;
}
.headline  {
    font-family: Garamond, serif;
	font-size: 1.7em;
    font-weight: bold;
    color: rgb(78,72,82);
    margin-top:0px;
    margin-bottom:0px;
    line-Height: 1.1em;
    margin-right:5%;
    margin-left:5%;
}

div#Schild	{
    padding-left:20.8em;
    padding-top: 4.1em;
    padding-bottom: 3.7em;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
}

div#Schild.pre	{
    padding-top: 5.0em;
    padding-bottom: 4.35em;
}
div#KopfS span	{
	font-size: 0.8em; 
	line-height: 1.4em;
}
@media screen and (max-width: 50em) {
    div#KopfS  {
        min-height:0;
        padding-bottom:3%;
        background-size:30% 100%;
        background-color:rgba(250,250,210,0.82);
        background-repeat:no-repeat;
    }
    div#KopfS p	{
        font-family: Arial, sans-serif;	
        font-weight:normal;
    }
    div#KopfS p.Name  {
        font-size: 2.8vw;
    }
    .headline  {
        font-size: 3.5vw;
        font-family: Arial, sans-serif;  
        font-weight: normal;        
    }
    div#Schild  {
        margin-top: 0;
        padding-left:30%;
        padding-top:1.4em;
        padding-bottom:0.4em;
    }
    div#Schild.pre {
        margin-top: 0;
        padding-top: 2.4em;
        padding-bottom: 0.9em;
    }
    div#KopfS span	{
        font-size: 2.9vw; 
    }
}
@media screen and (max-width:33em) {
    div#KopfS p.Name  {
        font-size: 0.9em;
    }
    .headline  {
        font-size: 1.0em;
    }
    div#KopfS span	{
        font-size: 0.9em; 
    }
}
    
div#NavRahmen	{
    margin: 0;
    padding:0;
    height:auto;
    background-color:rgba(250,250,210,0.82); 
    border-radius: 4px 4px 0 0;    
}
div#NavRahmen div {
  clear: left;
}

input#responsive-nav,
    label.responsive-nav-label {
    display: none;
    padding:0;
    margin:0;
}
@media screen and (min-width: 50em) { 
    ul#Navigation	{
        padding-top:14px;
        text-align: center;
        width: 44em;
        margin-left: auto;
        margin-right: auto;
    }
    ul#NavigationR  {
        text-align: center;
        display: none;
    }    
    ul#Navigation li {
        list-style: none;
        float: left;  
        list-style-image:none;
        position: relative; 
        margin: 0; padding: 0;
        font-family: Arial, sans-serif;
        font-size: 0.95em;
    }
    ul#Navigation li a.head	 {
        color: white;
    }
    ul#Navigation li ul {
      margin: 0; padding: 0;
      position: absolute;
      top: 99%; left: 0px;
      display: none; 
    } 
    
    * html ul#Navigation li ul	{	/* nur fuer Internet Explorer */
        left: -16px;								/* Version 5.x */
        lef\t: 0px;									/* Version 6 */
    }
    ul#Navigation li:hover ul {
      display: block;  /* Unternavigation in modernen Browsern einblenden */
    }
    ul#Navigation li ul li {
      float: none;
      display: block;
    }
    ul#Navigation a, ul#Navigation span  {
        display: block;
        width:140px;
        height:auto;
        margin: 0px; 
        padding:0.25em 0em 0.35em 0em;
        text-decoration: none;
        color: rgb(0,0,51);
        font-size: 1.135em;
        overflow:hidden;
    }
    ul#Navigation a:hover {  
    background-color:rgba(255,255,255,0.3); 
    }
    ul#Navigation span {  
      color: white; 
    }
    ul#Navigation li ul a,	ul#Navigation li ul a:hover, ul#Navigation li ul span {
        padding:0.15em 0em 0.15em 0em;
        margin:0;
        height:auto;
        width:10.5em;
        min-width:127px;
        font-size: 1.2em;
        background-image:url(NPicS.gif);
        border-radius: 4px;
        opacity: 0.65;
    }
    ul#Navigation li ul a:hover	 {
        background-image:url(NPicSH.gif);
    }
    ul#Navigation li a span {
        display:none;
    }
}

@media screen and (max-width: 50em) {        
    div#NavRahmen {
        background: rgba(250,250,210,0.82);
        border: none;
        padding-bottom: 20px;
        padding-left:5%;
    }
    nav ul {
        margin: 0;
        padding: 0;
        padding-left: 15px;
        padding-bottom: 0px;
        padding-top:5px;
    }
    nav a {
        display: block;
        color: black;
    }
    nav ul li {
        list-style: none;
        padding-bottom: 5px;
    }
    label.responsive-nav-label {
        position: relative;
        display: block; 
        height: 50px;
        margin-bottom: 0;
        padding-bottom: 0;
        margin-top: 0;
        padding-top:10px;
        cursor: pointer;
        color: black;
        font-size: 1.4em;
        text-align: right;
        background-color:rgba(250,250,210,0.82); 
    }      
    nav {
        position: absolute;
        top: -9999px;
        padding: 0;
        margin: 0;
    }
    input#responsive-nav[type=checkbox]:checked ~ nav {
      position: relative;
      top: 0;
    }
    nav li {
      float: none;
      width: 99%;
      border-bottom: none; 
      margin: 0;
      padding: 0;
    }   
    nav li a {
      background: none;
        font-size: 1.2em;
    }      
    nav ul li:hover {
      background: none;
    }  
    nav ul li span{ 
        font-size: 1.2em;
        color: white;
    }
    nav ul ul {
      position: relative;
      width: 98%;
      left: 0;
      top: 0;
      background: none;
      box-shadow: none;
    }      
    a.head	 {
        color: rgb(0,0,51);
    }
}
    
div#Inhalt div {
  clear: left;
}
div#Inhalt	{
	margin-top:0px;
	padding-top:1px;
	padding-left:0;
	padding-right:0;
	padding-bottom:40px;
	border-top:0;  
    background-color:rgba(255,255,235,0.9);  
    border-radius: 0 0 4px 4px;    
}
div#Inhalt h1{
    padding-top: 20px;
    padding-bottom: 20px;
}

div#Fuss	{
	padding-left:0;
	border-bottom:none;
    margin-bottom:6px;
}

div#Fuss p	{
	margin-top:4pt; 
	margin-bottom:4pt;
}
div#Fuss span	{
	color:white;
}
div#Ende	{
	border-top: 1px solid rgb(174,81,106);
}
div#Ende p	{
	text-align: center;
	margin: 6pt 0pt 0.05em 0pt;
	padding: 0;
}

hr  {
	margin-top:0;
	margin-bottom:7px;
    margin-left:8%;
    margin-right:8%;
    border:0;
    border-bottom:2px solid rgba(0,51,153,0.1);
}

h1 {
  font-family: Garamond, serif;
  color: rgb(174,81,106);
  font-size: 1.5em;
  font-weight: bold;
  margin-left:8%;
  margin-right:8%;
  margin-top:26pt;
  margin-bottom:15pt;
  line-height:1.4em;
}
@media screen and (max-width: 50em) {
    h1  {
        font-size: 1.2em;
        font-family: Arial, sans-serif;  
        font-weight: normal;          
    }
}
h2 {
  font-weight: normal;
  font-style: normal;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: rgb(174,81,106);
  font-size: 1.03em;
  margin: 15pt 8% 5pt;
}
@media screen and (max-width: 50em) {
    h2  {
        font-size: 1.1em;
    }
}
h3 {
   font-weight: normal;
   font-style: normal;
   font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
   color: rgb(174,81,106);
   font-size: 1.0em;
   margin: 5pt 8% 5pt;
}
@media screen and (max-width: 50em) {
    h3  {
        font-size: 1.0em;
    }
}
h5 {
   font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
   font-size: 1.0em;
   color: rgb(0,51,153);
   font-weight: normal;
   font-style: normal;
   margin: 0pt 8% 3pt;
}
@media screen and (max-width: 50em) {
    h5  {
        font-size: 1.0em;
    }
}
p {
  font-weight: normal;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-style: normal;
  font-size: 1.0em;
  color: rgb(78,72,82);
  line-height: 1.7em;
  margin: 0pt 8%;
}
@media screen and (max-width: 50em) {
    p  {
        font-size: 1.0em;
    }
}
p.header    {
  font-family: Garamond, serif;
  font-size: 5em;
  /*letter-spacing:0.1vw;*/
  font-weight: bold;
  color: rgb(78,72,82);
  margin-top:0px;
  margin-bottom:0px;
}
ul	{
	margin-top:0pt; 
	margin-bottom:0pt;
	margin-left:8%;
	padding-left:8pt;
	margin-right:8%;
	list-style-image: url(Bullit.gif);
}
li {
 font-size: 1.0em;
 font-weight: normal;
 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 font-style: normal;
 color: rgb(78,72,82);
 margin: 4pt 0pt 0pt;  
 line-height: 1.4em; 
}
@media screen and (max-width: 50em) {
    li  {
        font-size: 1.0em;
    }
}

a:link { text-decoration:none; color: rgb(0,51,153)}
a:visited { text-decoration:none; color:rgb(0,51,153)}
a:focus { text-decoration:none; color:rgb(0,51,153)}
a:hover { text-decoration:none; color:rgb(153,153,153)}
a:active { text-decoration:none; color:rgb(204,153,51)}