@charset "utf-8";
/* CSS Document */

body { margin: 0px; font-family: 'Expletus Sans', cursive;}

html,body,#bg,#bg table,#bg td,#content {
width:100%;
height:100%;
overflow:hidden;
}
#bg div {
position:absolute;
width:200%;
height:200%;
top:-50%;
left:-50%;
}
#bg td {
vertical-align:middle;
text-align:center;
}
#bg img {
min-height:50%;
min-width:50%;
margin:0 auto;
display:block;
}
#navi-outer {
bottom: 50px;
left: 221px;
line-height: 12px;
position: absolute;
width: 100%;
z-index: 80;
}
#logo {
background-image: url(../images/black80.png);
left: -221px;
margin-bottom: -92px;
position: relative;
width: 220px;
}
#logo a {
color: #FFFFFF;
display: block;
font-size: 18px;
padding: 4px 8px 8px 0;
text-align: right;
text-decoration: none;
font-weight: normal;
}
#navi {
background-image: url(../images/black80.png);
height: 84px;
padding: 8px 0 0 10px;
}
#navi ul {
float: left;
width: auto;
list-style-type: none;
margin: 0; padding:0;
}
#navi li {
float: left;
position: relative;
width: auto;
margin: 0;
padding: 2px;
font-size: 12px;
font-weight: 500;
}
#navi li a {
	color: #CCC;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 5px;
	padding-right: 8px;
	padding-bottom: 12px;
	padding-left: 8px;
	border-radius: 3px; 
	border: 1px solid #666;
}
#navi li a:hover {
	color: #333;
	background-color: #fff;
}
#sozialg {
	position: absolute;
	margin-top: 5px;
	right: 250px;
	border-radius: 5px; 
	border: 1px solid #ccc;
}
#sozialf {
	position: absolute;
	margin-top: 5px;
	right: 250px;
	border-radius: 5px; 
	border: 1px solid #ccc;
}
#content {
position:absolute;
top:0;
left:0;
z-index:70;
overflow:auto;
}
#content-box {
	background-image: url(../images/black80.png);
	color: #FFF;
	width: 55%;
	top: 5%;
	right: 0%;
	padding-right: 20px;
	position: absolute;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#content-box h2 { font-style: normal; font-weight: 700; font-size: 32px; margin: 0;}
#content-box h3 { font-style: normal; font-weight: 500; font-size: 18px; margin-top: 0;}
#content-box .sub { font-style: normal; font-weight: 700; font-size: 12px; margin-top: 0;}
#content-box .norm { font-size: 13px; margin-top: 0; line-height: 1.51;}
#content-box .link { text-decoration: none; }
#content-box .img { padding-right: 30px; border:none; }
#content-box a { color: #ccc;}
#content-box a:hover { text-decoration: underline; color: #fff;}

#content-inhalt {
	background-image: url(../images/black80.png);
	color: #FFF;
	top: 5%;
	right: 0%;
	width: 55%;
	height: 63%;
	padding-right: 20px;
	overflow: scroll;
	overflow: auto;
	position: absolute;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#content-inhalt h2 { font-style: normal; font-weight: 700; font-size: 32px; margin: 0;}
#content-inhalt h3 { font-style: normal; font-weight: 500; font-size: 18px; margin-top: 0;}
#content-inhalt .norm { font-size: 13px; margin-top: 0;}
#content-inhalt .img { font-size: 13px; margin-top: 0; word-spacing: -1em;}
#content-inhalt .link { text-decoration: none; }
#content-inhalt a { color: #ccc;}
#content-inhalt a:hover { text-decoration: underline; color: #fff;}

#content-scroll {
	background-image: url(../images/black80.png);
	color: #FFF;
	width: 50%;
	height: 40%
	top: 5%;
	right: 0%;
	padding-right: 20px;
	position: absolute;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	overflow: scroll;
	overflow: auto;
	
}
#content-scroll h2 { font-style: normal; font-weight: 700; font-size: 32px; margin: 0;}
#content-scroll h3 { font-style: normal; font-weight: 500; font-size: 18px; margin-top: 0;}
#content-scroll .img { font-size: 13px; margin-top: 0; word-spacing: -1em;}
#content-scroll .norm {font-size: 13px; margin-top: 0;}
#content-scroll .link { text-decoration: none; }
#content-scroll a { color: #ccc;}
#content-scroll a:hover { text-decoration: underline; color: #fff;}

#layerlinks a { padding: 3px; text-decoration: none; line-height: 1.51; border-radius: 3px; border: 1px solid #666; width: 100px; color: #999; font-weight: 700; font-size: 11px;}
#layerlinks a:hover { color: #FFF; text-decoration: none;}

#layer-opening, #layer-news { background-image: url(../images/white80.png);}
#layer-opening div.inner, #layer-news div.inner { padding: 10px 10px 10px 0px;}

#layer-opening, #layer-news {
	width: 45%;
	height: 100%;
	z-index:101;
	overflow: scroll;
	overflow: auto;
	position: absolute;
	top: 0px;
	left: -20px;
	visibility: hidden;
}
#layer-opening {z-index: 101;}
#layer-news { z-index: 102;}

#layer-opening h3, #layer-news h3 {
	margin-left: 0;
	padding-left: 0px;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.51;
	color: #a71717;
}
#layer-opening p, #layer-news p { margin-left: 0; border-left: #444444 solid 4em; padding-left: 5px; font-size: 18px;}
#layer-opening blockquote, #layer-news blockquote { font-size: 11px; font-style: normal; font-weight: 400; padding-bottom: 20px;}

.eigerueckt { padding: 5px; display: block; margin-left: 25px; border: 1px solid #666; border-radius: 8px;}

/* AKTIVER ZUSTAND der ersten Navigatins-Ebene über die body-ID */
#home #nav a.home, #marketing #nav a.marketing, #kontakt #nav a.kontakt, #impressum #nav a.impressum
{ color: #333; background-color: #fff;}
