html { 
scrollbar-arrow-color : #cccccc ;  
scrollbar-face-color : #ffffff ;  
scrollbar-highlight-color : #cccccc;  
scrollbar-shadow-color : #cccccc ;  
scrollbar-track-color:#ffffff;
scrollbar-dark-shadow-color : #ffffff;
scrollbar-3d-light-color : #cccccc;
scrollbar-base-color : #cccccc;
} 




#agbs {
	position:fixed;
	bottom:0;
	width:700px;
	height:auto;
	left:50%;
	margin-left:-350px;
	background-color:#00c;
	color:white;
	padding:15px;
}

div.zoom img { float:right;
margin:0px 0px 5px 5px;
border:1px solid #fff }


.oje { display: none;}
td.topten {/*text-align:center;*/padding:25px 0 50px 0;}
td.toptenlinks {width:50px}
td.image {
	line-height : normal;
}
img.grayborder {border:1px solid #ccc;}
TD.available {
	line-height : 18pt;
}

td, body {
   line-height : 18pt; 
   font-family : Arial, Helvetica, sans-serif; 
   color : #666666;
   font-size : 10pt;
}

td.darkblue {
	background-color: #0000CC; text-align: center; font-weight: bold; color:#FFFFFF;
	}
	
/*a {display: block;}*/
a:link { color : #990000; text-decoration : underline;}
a:visited { color : #ff6666;}
a:hover { background-color : transparent; color : #ff6666;}
/* mouseover keine hand */
.nohand a:hover { cursor: e-resize;}

#abc a:link, #abc a:visited { color : #666666; text-decoration : underline;}
#abc a:hover, #abc active { color : #990000; text-decoration : underline;}

.rainbow {
 background: linear-gradient(to left, Red, Blue, Violet, Yellow, Orange, Deeppink, Cyan, Fuchsia);
}
.rainbow:hover {
 background: linear-gradient(to left, Whitesmoke, Gray, Whitesmoke, Black, Whitesmoke, Gray);
}

img a:hover {
	background-color: #fff;
	
}

.blueback {
   background-color : #99ccff; 
}

#eventdaten tr {
	background-color : #cccccc;
}
.grayback {
   background-color : #cccccc; 
}

.hoverobg { background-color : #FFFFFF; color : White; }

H4 {
	font-size : 13pt;
}


.chlie { font-size: 9px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif }

.blinky{
	text-decoration : blink;
}
.aktuell {color: #990000}
.aktuellevents {color: #990000 !important; background-color : #cccccc;}
.weissfett {color: #FFFFFF; font-weight: bold}
.linkohnefarbe {}
.linkohnefarbe A:link { color : #666666; text-decoration : none;}
.linkohnefarbe A:visited { color : #666666; text-decoration : none;}
.linkohnefarbe A:active { background-color : #cccccc; color : White; text-decoration : none;}
.linkohnefarbe A:hover { background-color : #cccccc; color : White; text-decoration : none;}

.da {display:fgbfbf;}
.weg {display: none;}
td.breite50Pixel {width:5%;vertical-align:top;}
td.breite100Pixel {width:10%;text-align:center;}
td.breite800Pixel {width:85%;}
.fett {font-weight:bold;}
.unfett {font-weight:normal;}
.rechtsautor {
	font-weight: bold;
	text-align: right;
	margin: 0;
}
#outNow {
	position:absolute;
	visibility:visible;
	left:628px;
	top:61px;
	width:62px;
	height:62px;
	z-index:1;
}
#outNow a {background-color:transparent;}
.weissgrund {background-color:#fff !important;}
.coverschatten {
	box-shadow:2px 2px 4px rgba(0,0,0,0.5);
}

.audio-berserk {
	border-radius:3px;
	width:300px;
	height:50px;
	margin-bottom:0px;
	background:rgba(255,255,255,0.5);
	background:transparent;
	/*background:red;*/
}
.berserk-box {
	background:rgba(255,255,255,1);
	border-radius:3px;
	border:1px solid rgba(255,0,0,0.5);
	width:325px;
	padding:20px 10px 0px;
	z-index:1000;
}
.mucken-box {
	background:rgba(255,255,255,1);
	border-radius:3px;
	border:1px solid rgba(255,0,0,0.5);
	width:325px;
	padding:20px 2px 0px 10px;
}
.mucken-box p img {
	/*margin:0 !important;*/
	width:270px;
	hight:auto;
	margin-bottom:10px;
	-webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.3);
	box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.3);
}
.berserk img:hover {
-webkit-animation: cssAnimation 0.5s 1 ease-in-out;
-moz-animation: cssAnimation 0.5s 1 ease-in-out;
-o-animation: cssAnimation 0.5s 1 ease-in-out;
}
.glitter-starter img {margin: 37px auto;}

       .zoomIn img:hover {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  }
  @keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  } 


@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(360deg) scale(1) skew(0deg) translate(0px); }
to { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(360deg) scale(1) skew(0deg) translate(0px); }
to { -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(360deg) scale(1) skew(0deg) translate(0px); }
to { -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}


/* PETER */
.weissesheets img {margin-left:7px;border:1px solid #ccc;}

.descs {
	color:rgba(153,0,0,0.75);
	font-size:1.1em;
	font-weight:normal !important;
	font-style:italic !important;}
p .descs {
	/*color:green !important;*/
	font-size:0.9em;
	font-weight:normal !important;
	}

#drehtsich {
		-webkit-animation: rotation 51s infinite linear;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}

