html {
text-size-adjust: none;
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
}
body {
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-image: url(/images/bg.jpg);
    font-family: Arial, sans-serif;
    background-repeat:repeat;
	background-color:#f1f1f1;
	-webkit-text-size-adjust:none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

header, nav, footer, olinks, ulinks, rechts, section {
    display: block;
}
#wrapper {
    width: 1024px;
	min-width:1024px;
    margin: 0 auto;
    text-align: left; 
	color:#333333;
}
#body {
	margin-top:10px;
	margin-bottom: 10px;
	height: 585px;
	font-size:12px;
	line-height:1.3;
	padding: 0 2px 0 2px;
}
h2 {
	margin:0;
/*	text-transform: uppercase;*/
}
#body-text {
/*	display: table;
/*	overflow: hidden;*/
	width: 990px;
	max-width: 990px;
	height: 560px;
	background-color:#f1f1f1;
	padding: 10px 13px 10px 13px;
	border: 2px solid #333333; /*grey;*/
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
  }

#body-text a img {
	margin-top:-5px;
    margin-right: 10px;
	float:left;
}
#body-standard {
/*	height:430px;*/
}
#footer {
	font-size:12px;
	margin-bottom: 2px;
}
#footer p {
	text-align:right;
	margin-top:0px;
	margin-bottom:0px;
	padding-right:2px;
}
.nav_top ul {
    float: left;
    padding: 0 2px 0 2px;
    margin: 0;
	width:1020px;
/*    margin: 0 0 8px 0;*/
}
.nav_top li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.nav_top ul li {
    display: inline-block;
    border: 2px solid #333333; /*666;*/
	padding:2px 10px 2px 10px;
	margin: 0 5px 0 0;
	background-color: #f1f1f1;
	text-transform: uppercase;
	font-weight:bold;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
.nav_top a {
    padding: 3px;
    margin-right: 3px;
    margin-left: 3px;
	text-decoration: none;
}
.nav_top a:hover {
color:silver; /*lightgray;*/
}
.nav_top_module a:hover {
-webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg);
}
.nav_top li.first-item {
    margin-left: 0px;
}
.nav_top li.last-item {
    margin-right: 0px;
	float:right;
}
.nav_bottom ul {
    float: left;
    padding: 0 0 0 2px;
    margin: 0;
    list-style: none;
}

.nav_bottom li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.nav_bottom ul li {
    display: inline-block;
    border-right: 1px solid #333333; /*#666;*/
	float:left;
}
.nav_bottom a {
    padding: 3px;
    margin-right: 3px;
    margin-left: 3px;
	text-decoration: none;
}
.nav_bottom li:first-child a {
    margin-left: 0px;
	padding-left:0px;
}
.nav_bottom li:last-child {
    border-right: 0px;
}
a { 
	color:inherit;
}
a:hover {
color:silver; /*grey;*/
}
.SilbenTrennung {
	text-align:justify;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.noSilbenTrennung {
	-ms-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
}
.scrollY {
	overflow-y: scroll;
	height:560px;
	padding-right:20px;
}
.scrollX {
	overflow-x: scroll;
	width:990px;
	height:545px;
	padding-bottom:5px;
}
.brx {
	line-height:0.75;
}
.br {
	display: block; /* makes it have a width */
    content: ""; /* clears default height */
    margin-top: 9px; /* change this to whatever height you want it */
	line-height:0;
}
.agb a {
	text-decoration: none;
}
.kontakt {
	height:288px;
/*	color:gray;*/
    background-color: white; /*#EEEEEE;*/
    padding: 30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
    border: 1px solid #333333; /*#666;*/
	line-height:1.5;
}
.kontakt a {
	text-decoration: underline;
}
.kontakt a:hover {
color:silver; /*darkgray;*/
}
.kontakt img {
    display: block;
    position: relative;
    background: #FFF;
    border: 1px solid #333333; /*#ccc;*/
    margin: -5px 5px 5px -5px;
    padding: 4px;

}
.card-container {
  height: 88px;
  perspective: 600;
  position: relative;
  width: 110px;
}
.card {
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: all 1s ease-in-out;
  width: 100%;
}
.card:hover {
  transform: rotateY(180deg);
}
.card .side {
  backface-visibility: hidden;
  height: 100%;
  position: absolute;
  width: 100%;
}
.card .back {
  transform: rotateY(180deg);
}
#keyscroll:focus {
	outline:0px;
}
