@charset "UTF-8";
/* CSS Document */

/*div {
	border:solid 1px #999999;
}*/
img {
	border:0;
}
A {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #B1000D;
	text-decoration: none;
}
#logo {
	position:absolute; top:40px; left:800px; width:175px; height:74px;
}

#meta {
	position: relative; display:block; top:620px; left:65px; height:35px; width:910px;
	border-top:#000000 solid 1px;
}
#octoplus {
	position:relative; float:left; height:39px; width:82px; display:block;
}
#kontakt {
	 position:relative; float:left; height:39px; width:81px; display:block;
}
#impressum {
	 position:relative; float:left; height:39px; width:112px; display:block;
}
#stage {
	position:absolute;
	top:114px;
	left:0px;
	height:504px;
	width:975px;
	background-repeat:no-repeat;
	display:block;
}
#content {
	font-size: 12px;
	line-height:18px;
	position:absolute;
	top:100px;
	padding-right:10px;
	right:-1px;
	width:290px;
	display:block;
	height:380px;
	overflow:auto;
	scrollbar-face-color: 333333;
	scrollbar-highlight-color: FFFFFF;
	scrollbar-3dlight-color: FFFFFF;
	scrollbar-darkshadow-color: FFFFFF;
	scrollbar-shadow-color: FFFFFF;
	scrollbar-arrow-color: 999999;
	scrollbar-track-color: FFFFFF;
}
#news {
	 position:absolute; right: 210px; bottom:0px; width:200px; height:200px;
	 line-height:18px;
	 vertical-align:bottom;
}
#presse {
	 position:absolute; right: 0px; bottom:0px; width:200px; height:200px;
	 line-height:18px; 
	 vertical-align:bottom;
}
#partner {
	 position:absolute; right: 385px; bottom:0px; width:165px; height:200px;
	 line-height:18px;
	 vertical-align:bottom;
}
#hauptnavigation {
	position:absolute; top:473px; left:65px;
}
.thumbs {
	position:relative;float:right; margin-left:5px; height:55px; width:55px; border:solid 1px #000000;
}
.thumbs:hover {
	border:solid 1px #B1000D;
	
}
.thumbs img:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.activeborder {
	border:solid 1px #B1000D;
}
.activealpha {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.eingabe {
	height:18px; width:300px; padding:2px; background-color:#FFFFFF; border:1px solid #CCCCCC; 
	font-family:Arial, Helvetica, sans-serif; color:#333333;
}
.text {
	height:100px; width:300px; padding:2px; background-color:#FFFFFF; border:1px solid #CCCCCC; 
	font-family:Arial, Helvetica, sans-serif; color:#333333
}
.button {
	height:18px; width:120px; padding:2px; background-color:#FFFFFF; border:1px solid #CCCCCC; 
	font-family:Arial, Helvetica, sans-serif; color:#333333;
}
.button:hover { color:#B1000D; border:solid 1px #B1000D;
}

/** JOKKJOKKJOKK *//

.error { background-color: #ecc !important; border: 1px solid #e99 !important; color:#000000; }
#error { background-color: #ecc !important; border: 1px solid #e99 !important; color:#000000; }

div.snip { width: 150px; margin: 8pt; }

/** floating box **/
.floatingBox { position: relative; color:#000000; }
.floatingBox .shadow {
	position: absolute;
	left: 1px; top: 1px;
	width: 290px; height: 100%;
	/*background-color: black;
	border: 1px solid black;*/
	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
}
.floatingBox .content {
	position: relative;
	width: 350px; height: 100%;
	display:block;
	color:#000000;
}

.field { color:#000000; padding: 5px; }
.field * { /*border-width: 0px; background-color: #efefef;*/ }
.field textarea { height: 75px; }

div.bottom {
	position:absolute; 
	z-index:100; 
	bottom:0px; 
	left:0px; 
	height:5px; 
	background-color:#171717; 
	border-top:solid 1px #333333; 
	width:100%;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	
}
h2 {
	font-size:17px; font-weight:bold;
}