body{
    -webkit-text-size-adjust: 90%;
}
h1 {
	margin-top:20px;
	text-shadow: 3px 3px 2px #bbbbff;
}
h2 {
	font-style: italic;
	margin-bottom:10px;
}
.Text3{
    position: relative;
	left: 20px;
    width: 500px;
    font-size: 12pt;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: normal;
}
.rand2{
    margin-top: 8px;
    margin-bottom: 8px;
    font-weight: normal;
}
.pos1 {
    left: 15px;
    width: 200px;
    text-align: center;
}
.pos2 {
	display:block;
	text-align:right;
	padding-right:20px;
}
#VorWord{
	width:80%;
	margin:auto;
	padding-top:15px;
}
#posA {
    position: relative;
    top: 80px;
    left: 400px;
    height: 1px;
    width: 100px;
}
#posB {
    position: relative;
    top: 40px;
    left: 400px;
    height: 1px;
    width: 100px;
}
#tabs{
	min-width: 650px;
}
#tabs ul{}
#Strand, #Serie, #Osterfeuer{
	min-height: 480px;
}
ul.mini{
    font-size: 3pt;
}
ul.klein{
    list-style-image:url(../images/LED_gruen.gif);
    font-size: 3pt;
}
li.norm{
    font-size: 12pt;
}
li.aus{
    list-style-image:url(../images/LED_gelb.gif);
    font-weight: bold;
    width: 585px;
}
.cube {
    top: 170px;
    left: 160px;
    height: 470px;
    width: 500px; 
}
@media only screen and (min-width:1000px){
    h1 {margin-top:20px;margin-left: 25px;margin-bottom: 15px;}
	#top-section{}
	#navi_plus{display:none;}
	.navi_Ix{display:none !important;}
	.breit {}
	.breadcrumbs {}
}
@media only screen and (min-width:561px) and (max-width:999px){
	.navi_Ix{display:none !important;}
    p a.keytab,
    p a.keytab:focus,
    p a.keytab:active {top:40px;}
    .breit {margin-top:10px;}
    .kleiner{font-size: 12pt;}
    h1 {margin-top:20px;}
}
@media only screen and (min-width:601px) and (max-width:800px){
	.cube{top:160px; left: 120px; width:400px; height:400px;}
	#tabs{min-width:550px; margin:0 5px 0 -15px;}
}
@media only screen and (min-width:561px) and (max-width:600px){
	.cube{top:160px; left: 50px; width:300px; height:400px;}
	#tabs{min-width:450px; margin:0 5px 0 -15px;}
}
@media only screen and (max-width:560px){
	.cube{display:none;}
	.pos_x{display:none;}
	.versteckt3{height:25px;}
	#Koloss p{display:none;}
	#Koloss hr{display:none;}
	#Skyline{height:35px;}
	#tabs{min-width:285px;margin:0 5px 0 -15px;}
	#VorWord{width:99%;padding:10px 5px 0 0;margin-top:10px;}
	#posA{left:210px;}
	#posB{top:140px; left:80px;}
	p {padding-right:5px;}
	p a.keytab:focus, 
	p a.keytab:active,
	p a.keytab{text-align:left;padding-left:15px;width:100px;}
	ul{width:95%; margin:0; padding:0 10px 0 0px;}
}
