@media only screen and (min-width: 200px) and (max-width: 660px) {


* {font-family: Arial, Helvetica, sans-serif;font-size: 100%;}

html { 		}

#container { width: 96%; float: left; z-index:1;
margin-bottom: 0px; margin-left: 2%; min-height: 100%; height: auto !important; height: 100%; overflow: hidden !important; 
/* Fallback for web browsers that doesn't support RGBa */ background: rgb(255, 255, 255); /* RGBa with 0.6 opacity */ background: rgba(255, 255, 255, 0.7);}

/**	Top **/

#top  {width: 94%; z-index:2; float: left; margin: 2% 3% 0% 3%;  background-color:#fff;}
#top-Logo {width: 70%; z-index:2; float: left; text-align:center; padding:20px 0px 0px 10%;}		#top-Logo img { border:none; width: 100%; }

#top-Bild {width: 20%; z-index:3; padding-left: 30px; float: left; }		#top-Bild img { border:none; width: 25%; }


/**	Navi **/
#navi {width: 94%; z-index:3; float:left; text-align:center;  margin: 0% 3% 1% 3%; padding-top: 10%; padding-bottom: 2%; border-bottom: 5px  solid  #252074; background-color:#fff;}
#navi img { border:none; width: 10%; padding:20px 0px 0px 0px; /**	padding:20px 20px 0px 20px;	**/ }


#navi a       { text-decoration: none;}
#navi a:hover { text-decoration: none;}	
#navi a:active {} 		 #navi a:visited {}			.navi_aktuell { }

.nav-space-1 { padding: 2% 6% 0px 4%;}			.nav-space-2 { padding: 2% 10% 0px 4%;}

/**	Content **/

#content-linie {width: 5%; z-index:8; float: left; margin: 0% 2% 0% 0%; border-top: 3px  solid  #252074;}

#subhead {width: 96%; z-index:5; float:left;  margin: 0% 2% 0% 2%; background-color:#fff;}

#subhead p {font-size: 1.000em; font-weight: 400; color: #252074; text-decoration: none;}
#subhead h2 {font-size: 1.250em; font-weight: 400; color: #252074; text-decoration: none;}

#rubrik {width: 96%; z-index:6; float:left;  margin: 0% 2% 0% 2%; background-color:#fff;}		#rubrik img { border:none; width: 95%; }	#rubrik h1 { display:none;}


#content-grund {width: 94%; z-index:1; float:left;  margin: 1% 3% 1% 3%; background-color:#fff;}
#content-rahmen {width: 93%; z-index:7; float:left; margin: 2% 3% 2% 3%; border: 4px  solid  #252074; background-color:#fff;}

#warmduscher-content1 { display:none;}
#warmduscher-rahmen {width: 78%; z-index:6; float:left; margin: 5% 3% 7% 10%; border: 4px  solid  #252074; background-color:#fff;}
#warmduscher-bild {width: 100%; z-index:7;}				#warmduscher-bild img { border:none; width: 100%;}

#warmduscher-content2 {width: 94%; z-index:9; float:left;  margin: 1% 3% 1% 3%; background-color:#fff;}
#warmduscher-content3 {width: 94%; z-index:1; float:left;  margin: 1% 3% 1% 3%; background-color:#fff;}

#content-text {width: 94%; z-index:8; float: left; margin: 2% 3% 2% 3%;}

ul.content-text { font-size: 1.125em; font-weight: 400; color: #252074; text-decoration: none; line-height: 30px;}		ul.content-text li {margin-left: -20px; list-style-type:disc; padding-left: 0px;}


#content-bilder {width: 94%; z-index:9; float: left; margin: 2% 3% 2% 3%; text-align: center;}		#content-bilder img { border:none; width: 100%; padding:10px 0px 10px 0px;}		.content-bilder-space { padding-right: 3%;}

#content-bg-grund {width: 94%; z-index:1; float:left;  margin: 1% 3% 1% 3%; background-color:#fff;}
#content-bg-rahmen {width: 93%; z-index:7; float:left; margin: 2% 3% 2% 3%; border: 4px  solid  #252074; background-color:#fff;}
#content-bg-bild {width: 94%; z-index:9; float: left; margin: 2% 3% 2% 3%; text-align: center;}		#content-bg-bild img { border:none; width: 100%;}


#footer {width: 94%; z-index:1; float:left;  margin: 1% 3% 1% 3%; background-color:#fff;}
#footer-rahmen {width: 93%; z-index:7; float:left; margin: 2% 3% 2% 3%; border: 4px  solid  #252074; background-color:#fff;}
#footer-text {width: 94%; z-index:8; float: left; margin: 1% 3% 1% 3%;}
#footer-text p {font-size: 1.000em; font-weight: 600; color: #252074; text-decoration: none;}

#bottom {width: 650px; z-index:6; float: left; margin-top: 3%; }


/**	Text **/

a {font-size: 1.125em; color: #6F6F6E; font-weight: 400; text-decoration: none;}
a:hover {font-size: 1.125em; color: #6F6F6E; font-weight: 400; text-decoration: none;}	a:active {color: #6F6F6E;}  a:visited {font-size: 1.125em;}


p {font-size: 1.125em; font-weight: 400; color: #252074; text-decoration: none; line-height: 30px;}
h1 {font-size: 1.750em; font-weight: 700; color: #252074; text-decoration: none;}
h2 {font-size: 1.500em; font-weight: 700; color: #252074; text-decoration: none;}

h3 {font-size: 1.125em; font-weight: 700; color: #252074; text-decoration: none;}

.h2-like {font-size: 1.500em; font-weight: 700; color: #252074; text-decoration: none; display:inline;}

/**	Kontakt **/


.table_Kontakt{	width: 100%; border:none;}

/** Name Email Betreff Text **/
.formtext {font-size: 1.000em; color: #252074; font-weight: 700; text-align: left; padding-left: 2%;}

/** Name Email Betreff  **/
.zeilenfeld {height: 100%; width: 95%; font-size: 1.000em; color: #252074; font-weight: 400; text-decoration: none; padding-left: 10px; border: #fff; background-color: #eee;}
/** Text **/
.textfeld {height: 100%; width: 95%; font-size: 1.000em; color: #252074; font-weight: 400; text-decoration: none; padding-left: 10px; border: #fff; background-color: #eee;}

.formfeld {font-size: 1.000em; color: #252074; font-weight: 400;}
.wegdamit {height: 100%; width: 95%; font-size: 1.125em; color: #252074; font-weight: 700; text-align: left; cursor:pointer; border: #fff; background-color: #eee;}

.tab_linietrans {height: 1px; background-color: #252074;  width: 100%; }

/**	Download **/

div.table { display: table; width: calc(100% - 10px); border: none; padding: 5px; font-size: 1.000em; font-weight: 400; color: #6F6F6E; }

div.date {display: table-cell; border: none; width: 25%; padding: 5px;}
div.size {display: table-cell; border: none; width: 15%; padding: 5px;}
div.link {display: table-cell; border: none; width: 60%; padding: 5px;}

}