* {
	margin:0;
	padding:0;
}
body {}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
h4 {font-size:14px;font-size: 0.9rem;color: #666666;padding:0 35px 0 25px;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.content {max-width:1170px;margin:0 auto;}
#wrapper {margin:auto;}
.overhead {width: 92%; text-align:right;font-size:15px; font-size:0.95rem;line-height:22px;margin-top:0.3em;margin-bottom:0.1em}
#container {
	margin:5px auto;
	width:960px;
}

#header {
	width:100%;
	margin-bottom: 2%;
		margin-top:2.5%;
	height:1%;
	}
#header p {width:80%;  color:#fff; padding:5px 0 5px 6%; margin:auto auto auto 7%;}

#content {
float:left;
width:51%;
margin:auto auto 2% 7.3%;
/*background:#2e7a80;*/
height:530px;
text-align: center;
}
.obentext {padding:0 25px 0 25px; margin-top:15px; font-size: 16px;font-size: 0.98rem; line-height:1.3; color:#444455}
#sidebar1 {
	float:left;
	width:34%;
	height:530px;
	margin:auto auto 2% auto;
	text-align: center;
}
#sidebar1 > .bwrapper {width:100%; position: relative;margin:auto;}
#sidebar1 > .cwrapper {width:92%; position: relative;margin:auto;}
#contentquer {
	width:100%;
	margin-top:2%;
	margin-bottom: 2%;
}

body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 100%;
	/*line-height: 1.7;
	color:#444455;*/
	margin:0px;
	padding:0px;
	line-height: 1;
	-webkit-text-size-adjust: none;
}
p {font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-size: 1.08rem;}
p, ul, ol, dl {
    line-height: 1.4;color:#444455;
}

#contentquer p {margin-left: auto;
  margin-right: auto;	padding:0 35px 0 25px;font-size: 18px; font-size: 1.125rem; font-style:italic;}
#contentquer .balken {max-width:800px; }  
  @media only screen and (min-width: 1300px) {
    #contentquer p {font-size: 1.3rem};
}
#balken  {margin:0 0 2% 7%; padding:5px 0 5px 0;text-align:center;color:#fff;background-color:#587cbd; border-radius: 18px;}
.youtube {clear:both;width:505px;margin-left:14.1em;}
h1,h3 {
	font-family:Verdana;
	font-weight:bold;
	}
	h2{
	font-family:Abel;
	font-weight:bold;
	}
h1 {
	letter-spacing:1px; line-height: 1.3;
	font-size: 40px; font-size: 2.5rem;
}
h2 {font-size: 1.25rem; line-height: 1.2;padding:0 35px 0 25px;letter-spacing:0.07rem;margin-left: auto;margin-right: auto;}
h3 {
	font-family:Verdana;
	font-weight:bold;
	line-height: 1.3;
	font-size: 1.2rem;
	color:#666666;
	padding:0 35px 0 25px;
  margin-left: auto;
  margin-right: auto;
}
img {border-radius: 9px;}
.links img {border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px;}
.headkeys {background:#587cbd;
    color:#fff;
    text-align:center;

    border-radius: 18px;
}
.selected {text-decoration: underline; color: rgba(255, 255, 255, 0.9);}
a.mobilselect {
	color: rgba(235, 107, 81, 1) !important;
	font-weight: 600;
} 
.impress a {border:0;}

.nixborder a, .nixborder img {border:0;}
.nice { color:red}
.nice a { color:red}
.nice a:active, a:hover { color:#666}
.gelblink a {color:yellow;border-bottom: 1px yellow dotted ;}
.gelblink a:hover {color:#e1e1e1;}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
div.hr {
  height: 22px;
  margin: 20px 0 20px 0;
  background: #fff url(../images/gruen.jpg) no-repeat scroll center;
}
 a {
	color:#777788;
	text-decoration:none;
	border-bottom:1px dotted #aaaacc;
}
a:hover {
color:#777788;
border-bottom-style:solid;
}
a.noborder {border-bottom:none;}
.nicerot{font-size:100%;}
.jschange {text-align: right; margin-top:0em;}
.mittig {text-align: center;}
.mitteplus {padding:10px 0 2px 0;}
p.mitteplus {padding-top:10px !important; padding-bottom:2px !important;}
.impress a:hover {background-color:#e1e1e1}
.impress {background:#F2EEEC;width:42%; margin-top:0.1em; margin-right:-200px; padding:2px 15px 3px 1px; margin-bottom:0px;
    color:#666;
    text-align:right;
    line-height:22px;
}
.footertext {font-size:90%}
.btn_style {cursor: pointer;margin-left:0.2em; padding:0 10px; border-radius: 8px;border: 1px solid rgba(255, 0, 0, .1);background-color: rgba(235,107,81,.7);color: #fff;}
.btn_style:hover {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.top{font-size:26px;color:rgba(235,107,81,.7)}
.top:hover{color:rgba(235,107,81,1)}
.wrapper {width:50%; position: relative;margin:auto;}
div.image_left {
	margin: 0;
	width: 300px;
	float: left;
	text-align: center;
}
div.image_right {
	margin: 0;
	width: 300px;
	float: right;
	margin-right: 1.5em;
	text-align: center;
	padding-bottom: 3em;
}
.versteckt {
	margin-right: -0.2em;
	display: none;
	border: 1px dotted #666;
	padding: 10px 5px 5px 0px;
}
.cdgif {margin-top:1.5em;margin-left:28%;}
div.cdgif img {border-radius: 0}
@media only screen and (max-width: 1200px) {
	.cdgif {margin-left:26%;}
}
@media only screen and (max-width: 1024px) {
	.cdgif {margin-left:18%;}
	img {
  max-width:550px;
  max-height:400px;
  width: auto;
  height: auto;}	
    	#contentquer .balken {max-width: 700px;}
#wrapper {width:auto;background-image: none;background-repeat:none; margin:auto;}
.overhead {width: 89%;font-size:90%;}
#container { width:100%; }

#content { 
	width:100%;
	height: auto;
	margin:auto auto 2% auto; }
	#header p {padding:5px 0 5px 0px; margin:auto;}

#sidebar1 {
	width:100%;
	height: auto;
	margin-right:0;
	margin-bottom:2%;
}
#sidebar1 img {
  max-width:480px;
  max-height:400px;
  width: auto;
  height: auto;
}	
#sidebar1 > .bwrapper {width:50%;}
#sidebar1 > .cwrapper {width:32%;}
.obentext {padding:0 65px 0 65px; font-size: 98%; line-height:1.3; color:#444455}
#contentquer {
	width:100%;
	height: auto;;
	margin-top:4%;}
}
@media only screen and (max-width: 900px) {
	.cdgif {margin-left:16%;}
	#sidebar1 > .bwrapper {width:57%;}
	#sidebar1 > .cwrapper {width:35%;}
		#contentquer .balken {max-width: 600px;}
}
@media only screen and (max-width: 800px) {
	.cdgif {margin-left:14%;}
	#sidebar1 > .bwrapper {width:62%;}
	#sidebar1 > .cwrapper {width:40%;}
}
@media only screen and (max-width: 767px) {
	#contentquer p,h4,h3,h2
	{padding: 0 15px 0 15px;}
	.kleinimg#sidebar1 img { max-width:390px;}
	#contentquer .balken {max-width: 500px;}
		#sidebar1 > .cwrapper {width:50%;}
}
@media only screen and (max-width: 750px) {
	#sidebar1 > .bwrapper {width:65%;}
#sidebar1 > .cwrapper {width:55%;}
}

.youtube {clear:both;width:auto; margin:auto;text-align: center;}
@media only screen and (max-width: 700px) {
	.kleinimg#sidebar1 img { max-width:370px;}
	img { max-width:480px;}
	#sidebar1 img { max-width:480px;}
}
@media only screen and (max-width: 670px) {
.kleinimg#sidebar1 img { max-width:340px;}
}
@media only screen and (max-width: 640px) {
	.obentext {padding:0;}
	#sidebar1 > .cwrapper {width:65%;}
div.imgoff {float: none; margin-top:60px;margin-left:auto;margin-right:auto;padding-bottom:0;}
}
@media only screen and (max-width: 600px) {
h3 {font-size:1rem;}	
#sidebar1 > .bwrapper {width:70%;}
.kleinimg#sidebar1 img { max-width:335px;}
#sidebar1 img { max-width:400px;}	
.wrapper {width:80%;}
#frame {padding-top: 5px;
        width: 380px;
        height: 213.75px;}
        #contentquer .balken {max-width: 450px;}
}
@media only screen and (max-width: 550px) {
	.weg  {display:none;}
#sidebar1 > .cwrapper {width:70%;}	
.kleinimg#sidebar1 img { max-width:310px;}	
		img {max-width:410px;}
}
@media only screen and (max-width: 510px) {
.kleinimg#sidebar1 img { max-width:290px;}
#sidebar1 > .cwrapper {width:75%;}		
}

@media only screen and (max-width: 480px) {
	h2.kleinh {font-size: 1rem;}
	img {
  max-width:320px;
  max-height:400px;
 /* width: auto;
  height: auto;*/
}
#sidebar1 img { max-width:320px;}	
#wrapper {width:auto;background-image: none;background-repeat:none; margin:auto;}
.overhead {width: 89%;font-size:85%;}
#content {width:100%; margin:auto auto 2% auto; 	height:auto;}
.obentext {padding:0 10px 0 10px; font-size: 1.06rem;; line-height:1.3; color:#444455}
#header p {padding:5px 0 5px 0px; margin:auto;}
.headkeys {font-size: 100%;}
.wrapper {width:90%;}
#frame {
        padding-top: 5px;
        width: 360px;
      height: 202.5px;}
#sidebar1 {
	width:100%;
}
#sidebar1 > .bwrapper {width:75%;}
#contentquer {
	width:100%;
	height: auto;
	margin-top:2%;
}
.untenbalken {font-size:85%}
#contentquer p {font-size:1.125rem;}
.nicerot{font-size: 96% }
.youtube {clear:both;width:auto; margin:auto;}

.jschange {margin-top:0.2em;}
.footertext {font-size:80%}
	#contentquer .balken {max-width: 350px;}
}
@media only screen and (max-width: 440px) {
		.kleinimg#sidebar1 img { max-width:275px;}	
	}
@media only screen and (max-width: 415px) {
#sidebar1 > .bwrapper {width:80%;}
#sidebar1 > .cwrapper {width:85%;}	
}
@media only screen and (max-width: 385px) {
	.kleinimg#sidebar1 img { max-width:275px;}
	img { max-width:285px;}	
	#sidebar1 > .bwrapper {width:90%;}
	#sidebar1 > .cwrapper {width:90%;}
	#contentquer .balken {max-width: 300px;}
}
@media only screen and (max-width: 360px) {
	img { max-width:285px;}	
		#contentquer .balken {max-width: 260px;}
	.kleinimg#sidebar1 img { max-width:260px;}
#sidebar1 img { max-width:245px;}	
#frame {
 padding-top: 5px;
 width: 300px;
 height: 168.75px;}
}
@media only screen and (max-width: 320px) {
	img { max-width:245px;max-width:100%;}	
#sidebar1 > .bwrapper {width:90%;}
#sidebar1 > .cwrapper {width:95%;}
	
.kleinimg#sidebar1 img { max-width:245px;}
} 
@media only screen and (max-width: 280px) {
	.kleinimg#sidebar1 img { max-width:195px;}
	img { max-width:205px;}
}