* {
	margin:0;
	padding:0;
}
body {line-height: 1;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#wrapper {width:984px;background-image: url(../images/page_brd_lr.gif);background-repeat:repeat-y; 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%;
	height:35px;
	}
#header p {width:80%;  color:#fff; padding:5px 0 5px 6%; margin:auto auto auto 7%;}

#content {
float:left;
width:51%;
margin:auto auto 0 7.3%;
height:560px;
text-align: center;
}
.obentext {padding:0 5px 0 5px; margin-top:-1.3em; font-size: 16px;font-size: 0.9rem; line-height:1.3; color:#444455}
#sidebar1 {
	float:left;
	width:34%;
	height:560px;
	margin:1em auto 0 auto;
	text-align: center;
}
#contentquer {
	width:100%;
	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: 22px;
	
}
p {font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-size: 1.08rem;}
p, ul, ol, dl {
    line-height: 1.2; color:#444455;
}
#contentquer p {width:86%; margin-left:6%;font-size: 18px; font-size: 1.125rem; font-style:italic;}
#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,h2,h3 {font-family:Verdana;font-weight:bold;	}
h2 {font-size: 110%; line-height: 1.3;}
h1 {
	letter-spacing:1px; line-height: 1.3;
	font-size: 40px; font-size: 2.5rem;
}
h3 {margin-left:6%;
	font-family:Verdana;
	font-weight:bold;
	line-height: 1.3;
	font-size: 24px; font-size: 110%;
	color:#666666;
}
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;
}
.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(../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;
}
.nicerot{font-size:100%;}
.toplink {font-size: 15px; float: right; width: 78px; margin-right:-10em }
.toplink img {
	padding: 3px;
	border: 1px solid #BAA99F;}
.toplink a {font-size: 20px;
	color:#777788;
	text-decoration:none;
	border-bottom:1px dotted #aaaacc;
}
.toplink a:hover {border-bottom-style:solid;}
.jschange {text-align:left; margin-top:0.5em;}
.versteckt {
margin-right:-0.2em;
display: none;
border: 1px dotted #666;
padding:10px 5px 5px 0px
 }
.mittig {text-align: center;}
.impress a:hover {background-color:#e1e1e1}
.impress {background:#F2EEEC; width:79%; margin-left:10%; padding:2px 15px 3px 1px; margin-bottom:30px;
    color:#666;
    text-align:right;
    line-height:22px;
}
.footertext {font-size:90%}
.engels {margin:auto auto auto auto; width:520px;}
.theo {margin-left: -1em;font-size: 100%}
.luten {margin: -33px 0 5px 0; padding-left: 6%}

@media only screen and (max-width: 1024px) {
	img {
  max-width:550px;
  max-height:400px;
  width: auto;
  height: auto;
}	
#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:0 0 2% 0
}
.obentext {padding:0 65px 0 65px;margin-top:-1em; font-size: 98%; line-height:1.3; color:#444455}
#contentquer {
	width:100%;
	height: auto;;
		margin-top:2%;
}

/*#contentquer p {width:80%; margin-left:6%;}
#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:auto; margin:auto;text-align: center;}
.toplink {font-size: 15px; float: right; width: 78px; margin-right:0em }
.theo {margin-left:-0.5em;}
}

@media only screen and (max-width: 480px) {
	img {
  max-width:320px;
  max-height:400px;
  width: auto;
  height: auto;
}
#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: 90%; line-height:1.3; color:#444455}
#header p {padding:5px 0 5px 0px; margin:auto;}
.headkeys {font-size: 100%;}

#sidebar1 {
	width:100%;
	height:auto;
	margin:0 0 2% 0
}

#contentquer {
	width:100%;
	height: auto;
	margin-top:2%;
}
.untenbalken {font-size:85%}
#contentquer p {font-size:96%;}
.nicerot{font-size: 96% }
.youtube {clear:both;width:auto; margin:auto;}
h4 {font-size:14px;font-size: 0.9rem;}
.toplink {font-size: 15px;
float: left;
width: 78px;
margin-right:auto; }
.jschange {text-align:right; margin-top:0.5em;}

#frame {
        border: 3px dotted;
        width: 330px;
        height: 200px;
    }
.footertext {font-size:85%}
.weg  {display:none;}
.engels {margin:auto; width:auto}
.theo {margin-left:-1em;font-size: 90%}
.history {text-align:left; margin-left:6%; }
.luten {margin : -38px 0 5px 0; padding-left: 12%}
}