/* Allgemeine Angaben */
html {
	font-size: 16px;
	font-size: 100%;
}
body {
	font-family: Arial, Verdana, sans-serif;
	color:#000;
	background-color: #f2f2f2;
	line-height:1.3;
	transition: all .5s ease-in;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	-ms-transition: all .5s ease-in;	
}
img {
	border: 0;
}
embed, object, video, iframe {
	max-width:100%
}
h1 {
	font-size: 16px;
	font-size: 1em;
	color:#000;
	padding: 0;
	margin: 0px 0px 15px 0px;
	font-weight:bold;
	font-style: normal;
	letter-spacing:1px;
}
h2 {
	width:100%;
	font-size: 16px;
	font-size: 1em;
	color:#000;
	font-weight:bold;
	font-style: normal;
	letter-spacing:1px;
}
h3 {
	font-size: 18px;
	font-size: 1.3125em;
	color:#000;
	font-weight:normal;
	font-style: normal;
}
p {
	padding: 0;
	margin: 0px 0px 15px 0px;
	text-align:justify;
}
.klein {
	font-size: 14px;
	font-size: 0.875em;
}
.kleiner {
	font-size: 12px;
	font-size: 0.75em;
}
.klein-grau {
	font-size: 14px;
	font-size: 0.875em;
	color: #666;
}
.kleiner-grau {
	font-size: 12px;
	font-size: 0.75em;
	color: #666;
}
.klein-kursiv {
	font-size: 14px;
	font-size: 0.875em;
	font-style:italic;
}
.kleiner-kursiv {
	font-size: 12px;
	font-size: 0.75em;
	font-style:italic;
}
.klein-grau-kursiv {
	font-size: 14px;
	font-size: 0.875em;
	color: #666;
	font-style:italic;
}
.kleiner-grau-kursiv {
	font-size: 12px;
	font-size: 0.75em;
	color: #666;
	font-style:italic;
}
#content a {
	color: #000;	
}
#content a:hover {
	color: #999;	
}
#button a {
	float:left;
	display:block;
	height: auto;
	width: 100%;
	padding: 1.5% 0% 1.5% 0%;
	margin: 0%  0% 0% 0%;
	background-color: #eee;
	color: #000;
	text-align:center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: 1px 1px 0px #fff;
	text-decoration:none;
	letter-spacing:1px;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
}
#button a:hover {
	color: #fff;
	background-color: #666;
	text-shadow: 1px 1px 0px #333;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
}
#bildlink {
	text-align:center;
	line-height:0;
	font-size: 16px;
	font-size: 0.95em;
}
#bildlink a {
	color: #000;
	text-decoration:none;
	text-align:center;
	line-height:0;
	font-size: 16px;
	font-size: 0.95em;
}
#bildlink a:hover {
	color: #999;
	text-decoration:none;
}
.bild-breit {
	width: 100%;
	height:auto;
}
.bild-breit2 {
	width: 80%;
	height:auto;
}
.bild-schmal {
	width: 50%;
	height:auto;
}
.bild-schmal2 {
	width: 25%;
	height:auto;
}
.bild-rechts {
	float:right;
	height:auto;
	width: 45%;
	margin:0% 0% 1% 5%;
}
.bild-links {
	float:left;
	height:auto;
	width: 25%;
	margin:0% 5% 1% 0%;
}
.bild-links-mini {
	float:left;
	height:auto;
	width: 15%;
	margin:0% 2.5% 1% 0%;
}
input,textarea,select,option {
	width: 100%;
	background-color: #eee;
	border: 1px solid #eee;
	font-family: Arial, Verdana, sans-serif;
	color:#000;
	font-size: 16px;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
	padding:1%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
}
input:hover, input:focus, 
select:hover, select:focus,
textarea:hover, textarea:focus,
option:hover, option:focus {
	color: #fff;
	background-color: #666;
	border: 1px solid #666;
	text-shadow: 1px 1px 0px #333;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
}

/* nach oben scrollen */
#back-top {
    position: fixed;
    bottom: 3%;
    right: 4%;
    z-index: 3;
    display: none;
}
#back-top a {
    width: 35px;
    height: 35px;
    display: block;
    background-color: #000;
	background-image:url(grafiken/pfeil.png);
	background-repeat:no-repeat;
	background-position: center 10px;
	background-size: 15px 15px; 
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px; 
    transition: background-color .15s;
    -moz-transition: background-color .15s;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    -ms-transition: background-color .15s;
	text-decoration:none;
	border: 2px solid #fff;
	line-height:1;
	opacity:0.5;
} 
#back-top a:hover {
    opacity:1;
}
#spalte25a, #spalte25b, #spalte25c, #spalte25d, #spalte25e, #spalte33, #spalte33a, #spalte33b, #spalte33c, #spalte66, #spalte50a, #spalte50b, #spalte75, #spalte75a { /* nur zum betrachten, wie die Spalten sich verhalten */
	background-color: #fff;
}
#link a {
	
}

@media only screen and (min-width: 900px) { /* Desktop */	
html {
	font-size: 87.5%;
	
}
body {
	margin: 0% 3% 0% 3%;
	padding: 0% 0% 0% 0%;
	
}
#site {
	width: 100%;
	margin: 0px auto 0;
	padding: 0% 0% 0% 0%;
	background-color: #fff;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}
#header {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 8px 5% 10px 5%;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:right;
}
/* header oben rechts */
#button-oben {
	display:block;
	float:right;
	height: auto;
	width: auto;
	padding: 0px 0px 0px 0px;
	margin: 12px 5px 0px 0px;
}
/* header oben links */
#logo a {
	display:block;
	float:left;
	height: 55px;
	width: 55px;
	margin: 0px 0px 0px 10px;
}
#navi-mobil, #navi-0 a {
	display: none;	
		
}
#content {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 3% 5% 0px 5%;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#spaltentrennung {
	float: left;
	width:100%;
	height:1px;
	background-color: #e7e7e7;
	margin: 0px 0px 3% 0px;
	padding: 0px 0px 0px 0px;
}
#spalte20a, #spalte20b, #spalte20c, #spalte20d, #spalte20e {
	float:left;
	width: 16%;
	height:auto;
	margin: 0% 5% 0% 0%;
	padding: 0% 0% 3% 0%;
}
#spalte20e {
	margin: 0% 0% 0% 0%;
}
#spalte25a, #spalte25b, #spalte25c, #spalte25d {
	float:left;
	width: 21.25%;
	height:auto;
	margin: 0% 5% 0% 0%;
	padding: 0% 0% 3% 0%;
}
#spalte25d {
	margin: 0% 0% 0% 0%;
}
#spalte33 {
	float:left;
	width: 30%;
	height:auto;
	margin: 0% 5% 0% 0%;
	padding: 0% 0% 0% 0%;
}
#spalte33a, #spalte33b, #spalte33c {
	float:left;
	width: 30%;
	height:auto;
	margin: 0% 5% 0% 0%;
	padding: 0% 0% 3% 0%;
}
#spalte33c  {
	margin: 0% 0% 0% 0%;
}
#spalte37a, #spalte37b {
	float:left;
	width: 34.375%;
	height:auto;
	margin: 0% 5% 0% 0%;
	padding: 0% 0% 3% 0%;
}
#spalte37b  {
	margin: 0% 0% 0% 0%;
}
#spalte66 {
	float:left;
	width: 65%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 3% 0%;
}
#spalte75 {
	float:left;
	width: 73.75%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 3% 0%;
}
#spalte25e {
	float:left;
	width: 21.25%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 3% 0%;
}
#spalte75a {
	float:left;
	width: 73.75%;
	height:auto;
	margin: 0% 5% 0% 0%;
	padding: 0% 0% 3% 0%;
}
#spalte50a, #spalte50b {
	float:left;
	width: 47.5%;
	height:auto;
	margin: 0% 5% 0% 0%;
	padding: 0% 0% 3% 0%;	
}
#spalte50b {
	margin: 0% 0% 0% 0%;	
}
#spalte50-center {
	float:left;
	width: 50%;
	height:auto;
	margin: 0% 25% 0% 25%;
	padding: 0% 0% 3% 0%;	
}
/* footer0 only for index.htm, wegen unterscheidlicher Zentrierung */
#footer0 {
	clear: both;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 15px 70px 20px 70px;
	border-top: 1px solid #e7e7e7;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
	font-size: 12px;
}
#footer0 a {
	width: auto;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 8px 0% 8px;
	color: #000;
	text-decoration:none;
	letter-spacing:1px;
	font-size: 12px;
}
#footer0 a:hover {
	color: #999;
}
/* footer for all others */
#footer {
	clear: both;
	width: 71%;
	height:auto;
	margin: 0% 5% 0% 26%;
	padding: 2% 0% 3% 0%;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
	font-size: 12px;
}
#navi-desktop {
	float: left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 10px 0%;
	font-size: 12px;
}
#footer a {
	width: auto;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 8px 0% 8px;
	color: #000;
	text-decoration:none;
	letter-spacing:1px;
	font-size: 12px;
}
#footer a:hover {
	color: #999;
}
}


@media only screen and (max-width: 900px) { /* Tablet */
html {
	font-size: 100%;
	
}
body {
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
	
}
#site {
	max-width:1050px;
	margin: 0px auto 0;
	padding: 0% 0% 0% 0%;
	background-color: #fff;
}
#header {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 18px 3% 20px 3%;
	border-bottom: 1px solid #f5f5f5;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:right;
	line-height:3;
	background-color: #fff;
}
/* header oben rechts */
#button-oben {
	display:block;
	float:right;
	height: auto;
	width: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 0px 0px;
}
/* header oben links */
#logo a {
	display:block;
	float:left;
	height: 55px;
	width: 55px;
}
#navi-0 a {
	display: none;	
		
}
#navi-0 a {
	display:block;
	float:left;
	width: 100%;
	height:auto;
	margin: 0px 0% 0% 0%;
	padding: 2.3% 3% 2.3% 3%;
	font-size: 16px;
	color:#848484;
	font-weight:bold;
	text-decoration:none;
	font-style:normal;
	background-color: #f3f3f3;
	text-align:left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height:1;
	border-bottom: 1px solid #fff;
}
.navi-symbol {
	float: right;
	width:20px;
	height:15px;
	border:0px;
	margin-top: 0px;
	margin-right: 0%;
}
#navi-mobil {
	display: none;
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #f2f2f2;
}
#button-mobil a {
	display: block;
	float:left;
	width: 50%;
	text-align:center;
	color: #000;
	text-decoration:none;
	letter-spacing:1px;
	margin:0% 0% 0% 0%;
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	background-color: #f3f3f3;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: 1px solid #fff;	
}
#content {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 30px 3% 0px 3%;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #f5f5f5;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#spaltentrennung {
	float: left;
	width:100%;
	height:1px;
	background-color: #e7e7e7;
	margin: 0px 0px 3% 0px;
	padding: 0px 0px 0px 0px;
}
#spalte25a, #spalte25b, #spalte25c, #spalte25d {
	float:left;
	width: 48%;
	height:auto;
	margin: 0% 4% 0% 0%;
	padding: 0% 0% 3% 0%;
}
#spalte25b, #spalte25d {
	margin: 0% 0% 10px 0%;
}
#spalte33a, #spalte33b, #spalte33c {
	float:left;
	width: 48%;
	height:auto;
	margin: 0% 4% 10px 0%;
	padding: 0% 0% 3% 0%;
}
#spalte33b, #spalte33c  {
	margin: 0% 0% 0% 0%;
}
#spalte33c  {
	width: 100%;
}
#spalte33, #spalte66 {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 10px 0%;
	padding: 0% 0% 3% 0%;
}
#spalte75 {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 3% 0%;
}
#spalte25e {
	float:left;
	width: 33%;
	height:auto;
	margin: 0% % 0% 0%;
	padding: 0% 0% 3% 0%;
}
#spalte75a {
	float:left;
	width: 63%;
	height:auto;
	margin: 0% 4% 0% 0%;
	padding: 0% 0% 3% 0%;
}
#spalte50a, #spalte50b {
	float:left;
	width: 49%;
	height:auto;
	margin: 0% 2% 0% 0%;
	padding: 0% 0% 3% 0%;	
}
#spalte50b {
	margin: 0% 0% 0% 0%;	
}	
#spalte50-center {
	float:left;
	width: 70%;
	height:auto;
	margin: 0% 15% 0% 15%;
	padding: 0% 0% 3% 0%;	
}
/* footer0 only for index.htm, wegen unterscheidlicher Zentrierung */
#footer0 {
	clear: both;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 15px 3% 20px 3%;
	border-top: 1px solid #e7e7e7;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
	font-size: 12px;
	background-color: #f2f2f2;		
}
#footer0 a {
	width: auto;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 8px 0% 8px;
	color: #000;
	text-decoration:none;
	font-size: 12px;
	letter-spacing:1px;	
}
#footer0 a:hover {
	color: #999;
}
/* footer for all others */
#footer {
	clear: both;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 15px 3% 20px 3%;
	border-top: 1px solid #e7e7e7;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
	font-size: 12px;
	background-color: #f2f2f2;		
}
#navi-desktop {
	display: none;
}
#footer a {
	width: auto;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 8px 0% 8px;
	color: #000;
	text-decoration:none;
	letter-spacing:1px;	
}
#footer a:hover {
	color: #999;
}
}



@media only screen and (max-width: 520px) { /* Smartphone */

html {
	font-size: 100%;
	
}
body {
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
	
}
#site {
	max-width:1050px;
	margin: 0px auto 0;
	padding: 0% 0% 0% 0%;
	background-color: #fff;
}
#header {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 10px 3% 10px 3%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
	line-height:3;
	background-color: #fff;
}
/* header oben rechts */
#button-oben {
	display:block;
	float:right;
	height: auto;
	width: auto;
	padding: 0px 0px 0px 0px;
	margin: -10px 5px 20px 0px;
}
/* header oben links */
#logo a {
	float: left;
	width:55px;
	height:55px;
	margin: 0% 0% 0px 45%;
	padding: 0% 0% 0% 0%;
}
#navi-0 a {
	display:block;
	float:left;
	width: 100%;
	height:auto;
	margin: 0px 0% 0% 0%;
	padding: 2.3% 3% 2.3% 3%;
	font-size: 16px;
	color:#848484;
	font-weight:bold;
	text-decoration:none;
	font-style:normal;
	background-color: #f3f3f3;
	text-align:left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height:1;
}
.navi-symbol {
	float: right;
	width:20px;
	height:15px;
	border:0px;
	margin-top: 0px;
	margin-right: 0%;
}
#navi-mobil {
	display: none;
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #f2f2f2;
}
#button-mobil a {
	display: block;
	float:left;
	width: 50%;
	text-align:center;
	color: #000;
	text-decoration:none;
	letter-spacing:1px;
	margin:0% 0% 0% 0%;
	padding: 10px 0px 10px 0px;
	background-color: #f3f3f3;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: 1px solid #fff;	
}
#content {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 30px 3% 0px 3%;
	border-bottom: 1px solid #f5f5f5;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#spaltentrennung {
	float: left;
	width:100%;
	height:1px;
	background-color: #e7e7e7;
	margin: 10px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}
#spalte25a, #spalte25b, #spalte25c, #spalte25d, #spalte33a, #spalte33b, #spalte33c, #spalte33, #spalte66, #spalte50a, #spalte50b, #spalte50-center, #spalte75, #spalte25e, #spalte75a {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 30px 0%;
}
/* footer0 only for index.htm - wegen unterschiedlicher Zentrierung */
#footer0 {
	clear: both;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 15px 3% 20px 3%;
	border-top: 1px solid #e7e7e7;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
	background-color: #ececec;
	color: #000;
	font-size: 12px;
	font-size: 0.75em;
	
}
#footer0 a {
	width: auto;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 8px 0% 8px;
	color: #000;
	text-decoration:none;
	letter-spacing:0px;
}
/* footer for all others */
#footer {
	clear: both;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 15px 3% 20px 3%;
	border-top: 1px solid #e7e7e7;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
	background-color: #ececec;
	color: #000;
	font-size: 12px;
	font-size: 0.75em;
	
}
#navi-desktop {
	display: none;
}
#footer a {
	width: auto;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 8px 0% 8px;
	color: #000;
	text-decoration:none;
	letter-spacing:0px;
}
}
@media only screen and (min-width: 1600px) { /* Dektop gross */	
html {
	font-size: 110%;	
}
#header {
	height:90px;
}
#logo a {
	height:50px;
	width: 333px;
}
}

@media only screen and (min-width: 1900px) { /* Dektop gross 2 */	
html {
	font-size: 150%;	
}
#header {
	height:110px;
}
#logo a {
	height:70px;
	width: 467px;
}
}