body {
	background-color: #fff;
	background-image:url(../bilder/shadow.jpg);
	background-repeat:repeat-y;
	margin-left: auto;
	margin-right: auto;
	background-position: top;
	color: #666;
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;    /* Seiteninhalt wieder links ausrichten */
	margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	width: 800px;
	min-width: 21em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }
  
div#all {
	margin: 0;
		background-color: #fff;
}
   
div#head_text {
float: left;
 } 
 
 div#head_text_330 {
display: none;

} 
  
 

/* -------BEGINN INHALT------------ */


div#inhalt {
    float: left;
	font-size: 1em;
	line-height: 1.1em;
	margin: 40px;
	width: 440px;
 	padding: 0.1em 1em 0.4em 1em;	
    border: 0px dashed silver;
	line-height: 1.1em;
	background-color: #fff;
 }
 
 
 
 

* html div#inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */

  }
  

  
div#inhalt h2 {
	font-size: 1.5em;
	color:#039;
	font-weight:normal;
	border-bottom: 1px solid #ccc;
	line-height: 1.3em;
	margin-bottom:20px;
	font-family: Arial, Helvetica, sans-serif;
  }
  
  
  
  
div#inhalt h3 {
    font-size: 1em;
	color:#039;
	font-weight:normal;
	margin-top:2em;
/*	margin-bottom:-0.5em;*/

  }
  
  

  
  
div#inhalt .h3_vor_aufzaehlung {

	margin-bottom:12px;
  }
  

  
  
div#inhalt p {
    font-size: 0.9em;
		margin-bottom:10px;
}

div#inhalt li {
	list-style:square;
    font-size: 0.9em;
	margin-left:1.5em;
 }


  
div#inhalt .bu {
    font-size: 0.7em;
	text-align:right;

}
  


div#inhalt ul {
	margin-top:-0.5em;
  }
  

a {
    color: #666; 
  }
  
a:hover {
    color: #000; 
  }
/* -------ENDE INHALT------------ */


/* -------BEGINN INFOBOX------------ */

 
div#info {

    float: right; 
	width: 200px;
	margin: 40px 40px 40px 0;
    background-color: #fff; border: 0px dashed silver;

    font-size: 1em;
	line-height: 1.1em;
	


  }
div#info h2 {
    font-size: 1.5em;
	font-weight:normal;
	border-bottom: 1px solid #ccc;
	line-height:1.3em;

	margin-bottom:20px;}

div#info p {
    font-size: 0.9em;
	margin-bottom:10px;
  }
  
div#info small {
    font-size: 0.7em;
  }
  
   
div#info img {
    margin-left:15px
	align: right;
  }
  

 
div#info input   {
	color: #666; 

 }
 
div#info li {
    font-size: 0.9em;
	margin-left:-1.9em;
  }
  
  
/* -------ENDE INFOBOX------------ */

div#impressum {

	margin: 40px 40px 5px 40px;
 	padding: 0.1em 1em 0.4em 1em;	
    border: 0px dashed silver;
    font-size: 1em;
			line-height: 1.1em;


  }
  
  * html div#impressum {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */

  }
div#impressum h2 {
	font-size: 1.5em;
	color:#039;
	font-weight:normal;
	border-bottom: 1px solid #ccc;
	line-height: 1.3em;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
  }
  
div#impressum h3 {
    font-size: 1em;
	color:#039;
	font-weight:normal;
	margin-top:2em;
		margin-bottom:0.5em;

/*	margin-bottom:-0.5em;*/

  }
  
div#impressum .h3_vor_aufzaehlung {

	margin-bottom:12px;
  }
  
  
div#impressum p {
    font-size: 0.9em;
		margin-bottom:10px;


  }
  
div#impressum .bu {
    font-size: 0.7em;
	text-align:right;

  }
  
div#impressum li {
    font-size: 0.9em;
	margin-left:1.5em;
  }

div#impressum ul {
	margin-top:-0.5em;
  }
  

a {
    color: #666; 
  }
  
a:hover {
    color: #000; 
  }


@media screen and (max-width : 800px){

body {
	background-image:url(../bilder/shadow560.jpg);
		width: 560px;

}

div#head_text_330 {
display: none;

} 

div#head_text {
float:none;
width: 560px;
text-align:center;


} 

div#head_text img{
	width: 480px;
}


div#head_logo {
text-align:center;
margin-top:-20px;
}



div#inhalt {
float: none;
width: 455px;
}

div#info {
float: none;
margin-left: 55px;
width: 455px;


}

div#impressum img {

	max-width: 30%;


}
  


  
}

@media screen and (max-width : 560px){

body {
	background-image:url(../bilder/shadow300.jpg);
		width: 340px;

}


div#head_text {
float:none;
width: 340px;


} 

div#head_text img{
width: 100%;

}
div#head_text {
float:none;

} 


div#head_text {
display: none;

} 

div#head_text_330 {
display:inherit;

}
  
div#head_logo {
text-align:center;
margin-top:-20px;
}

div#inhalt {
float: none;
width: 240px;
margin-left: 30px;
	font-size: 1.3em;

}

div#info {
float: none;
margin-left: 50px;
width: 240px;
	font-size: 1.3em;



}

div#impressum img {

	max-width: 100%;
}

  div#impressum {

    font-size: 1.3em;


  }



}