html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, footer, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: 'PT Sans', sans-serif;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	color: #a0a0a0;
	font-size: 14px;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
a{
	text-decoration: none;
}
img{
	border: none;
}
body {
	background: #fff;
	line-height: 1;
}
.menu{
	position: fixed;
	width: 100%;
	height: 228px;
	left: 0;
	top: 0;
}
.menu a.aktiv{
	color: #535353;
}
a#logo{
	display: block;
	float: left;
	width: 390px;
	height: 228px;
	background: url(../grafik/logo_30px.png) 135px 80px no-repeat transparent;
}
.hauptmenu{
	display: inline-block;
	margin-top: 87px;
	width: 400px;
	padding-right: 170px;
	float: left;
	line-height: 18px;
}
.hauptmenu i{
	font-style: normal;
}
.fixtexte{
	display: inline-block;
	margin-top: 87px;
	float: left;
	line-height: 18px;
}
.bildstreifen{
	position: relative;
	margin-top: 228px;
	display: inline-block;
	width: auto;
	min-height: 450px;
	white-space:nowrap;
}
.startbild{
	margin-left: 355px;
	width: auto;
}
.txt{
	line-height: 18px;
	margin-left: 390px;
}
.bildstreifen img{
	height: 632px;
}
.jScrollpane
{
	width: 100%;
	height: 200px;
	overflow: auto;
}
@media (max-height: 829px) { /* Hoehe beträgt höchstens 759px */ 
	body{overflow:hidden;background:eaeaea;}
	.menu{top: -90px;}
	.menu #logo{background-position: 135px 136px;}
	.hauptmenu, .fixtexte{margin-top: 145px;}
	.jScrollpane{margin-top: 130px; height: 515px;}
	.bildstreifen{margin-top: 0px;}
	.bildstreifen img{height: 450px;}
	.jspHorizontalBar .jspCap{width: 135px;}
}
@media (min-height: 830px) and (max-height: 949px) { /* Hoehe beträgt mindestens 760px */ 
	body{overflow:hidden;}
	.menu #logo{background-position: 135px 60px;}
	.hauptmenu, .fixtexte{margin-top: 66px;}
	.jScrollpane{margin-top: 160px; height: 595px;}
	.bildstreifen{margin-top: 0px;}
	.bildstreifen img{height: 500px;}
	.jspHorizontalBar .jspCap{width: 135px;}
}

@media (min-height: 950px) { /* Hoehe beträgt mindestens 950px */ 
	body{overflow:hidden;background: f7e6e0;}
	.menu{top: 0px;}
	.jScrollpane{margin-top: 228px; height: 725px;}
	.bildstreifen{margin-top: 0px;}
	.bildstreifen img{height: 632px;}
	.jspHorizontalBar .jspCap{width: 135px;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape){
	.menu{top: -110px;}
	.menu a#logo{background-position: 50px 151px;width: 30%;}
	.hauptmenu, .fixtexte{margin-top: 160px;}
	.hauptmenu{width: 40%; padding-right:80px;}
	.fixtexte{ width: auto;}
	.bildstreifen{margin-top: 130px;}
	.bildstreifen img{height: 450px;}
	.startbild{margin-left: 255px;}
	.txt{margin-left: 30%;}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait){
	.menu{top: -110px;}
	.menu a#logo{background-position: 50px 151px;width: 30%;}
	.hauptmenu, .fixtexte{margin-top: 160px;}
	.hauptmenu{width: 40%; padding-right:80px;}
	.fixtexte{ width: auto;}
	.bildstreifen{margin-top: 130px;}
	.bildstreifen img{height: 450px;}
	.startbild{margin-left: 255px;}
	.txt{margin-left: 205px;}
}