/* CSS Document */

/* aufbau des dokumentes */
/* angabe, an was sich alles weitere orientiert, dunkelgrau */
html{
	height:100%;
	background-color: #4d545c;
}
/* horizontale zentrierung internet explorer, schriftangabe */
body {
	height:98%;
	width: 98%;
	text-align:center;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border: 1px dashed #FFFFFF;
	}


/* header menue brt turm, standort, etc 1. reihe 1. kasten*/
#headnav {
	position:absolute;
	top: 20px;
	left: 20px;
	width: 370px;
	height: 50px;
	text-align:right;
	color: #000000;
	background:  #697a7a url(http://www.balticraw.org/bild/BalticRawTower.gif) no-repeat;
	vertical-align: text-top;
 }

/* header2 unternehmen sponsoren etc 1 reihe 2. kasten*/
#headnav1 {
	position:absolute;
	top: 20px;
	left: 392px;
	width: 370px;
	height: 50px;
	text-align:right;
	color: #000000;
	vertical-align: text-top;
	background: url(http://www.balticraw.org/bild/leerhell.gif) repeat 0px 0px;
 }
 
 /* header3 künstler monate 2. reihe durchgehende kasten*/
#headnav2 {
	position:absolute;
	top: 80px;
	left: 20px;
	width: 740px;
	height: 50px;
	text-align:right;
	color: #000000;
	vertical-align: text-top;
	background: url(http://www.balticraw.org/bild/leerhell.gif) repeat 0px 0px;
 }
 
 
 /* inhalte */
 /* linke box für text mit den javascripts */
 #leftbox {
 position:absolute;
	top: 140px;
	left: 20px;
	width: 300px;
	height: 340px;
 background-color:#697a7a;
 background: url(http://www.balticraw.org/bild/leerhell.gif) repeat 0px 0px;
 z-index: 20; 
 }
 

 /* rechte box für bild */
#rightbox {
position:absolute;
	top: 140px;
	left: 360px;
	width: 400px;
	height: 340px;
 background-color:#697a7a;
 background: url(http://www.balticraw.org/bild/leerhell.gif) repeat 0px 0px;
 }
 

 
 /* pfeilkasten */
 #central {
	position:absolute;
	top: 160px;
	left: 177px;
	width: 30px;
	height: 140px;
	text-align:center;
	z-index: 10; 
 }
 
   #inner
      {
      position:absolute;
		top: 170px;
		left: 177px;
		width: 34px;
		height: 136px;
      margin-left: -34px;  /* half of width */
      margin-top: -68px;   /* half of height */
	  background-color:#697a7a;
      }
 
 /* newsticker ganz unten*/ 
 #footer {
	position:absolute;
	top: 490px;
	left: 20px;
	width: 740px;
	height: 50px;
	text-align: center;
	background: url(http://www.balticraw.org/bild/himmel.gif) repeat 0px 0px;
	border-top: medium inset #000000;
	border-right: medium inset #000000;
	border-bottom: medium inset #000000;
	border-left: medium inset #000000;
 }
 
  #footer p {
 text-align:center;
 font-size:11px;
 }
 
.kolonie   { font-size:12px; font-family:arial,helvetica,sans-serif; color:#FFFFFF; text-decoration: none}
a.kolonie:hover  {font-size:12px; font-family:arial, helvetica, sans-serif; color:#E8E9C0; text-decoration: none}
.hafencity   { font-size:12px; font-family:arial,helvetica,sans-serif; color:#FFFFFF; text-decoration: none}
a.hafencity:hover  { font-size:12px; font-family:arial,helvetica,sans-serif; color:#FF3F04; text-decoration: none}
.freaks   { font-size:12px; font-family:arial,helvetica,sans-serif; color:#FFFFFF; text-decoration: none}
a.freaks:hover  { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#00CCCC; text-decoration: none}
.flow   { font-size:12px; font-family:arial,helvetica,sans-serif; color:#FFFFFF; text-decoration: none}
a.flow:hover  { font-size:12px; font-family:arial,helvetica,sans-serif; color:#CCCC00; text-decoration: none}
 
/*textformatierung */ 
 /*menuepunkte, kleine dunkelgraue schrift, verlinkt 
a{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}*/

/*menuepunkte, kleine dunkelgraue schrift und blinkt aufwenn man darüberfährt 
a:hover{
	color: #FF3F04;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}*/
/*menuepunkte, kleine hellgrau schrift  
a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
*/

.tickertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8D0914;
	border: thin solid #000000;
}

/*pagescroller page 1, page 2, usw */ 
#divControl {
	position:absolute;
	top: 30px;
	left: 10px;
	width: 280px;
	height: 250px;
	text-align: justify;
	color: #000000;
	visibility:hidden;
}

/* pagescroller text  */
#divCont    { 
	position:absolute;
	top: 60px;
	left: 10px;
	width:280px; 
	height:250px; 
	clip: rect(0px, 280px, 250px, 0px);
}

.clScroll   {
	position:absolute; 
	color: #FFFFFF;
	text-align: justify;
	visibility:hidden;
}

/* Menu scroll Layer über #headnav2 */
#divBg	{
	position:absolute;
	z-index:10; width:2000px;
	top:80px;
	left:20px;
	height:100px;
	clip:rect(0px, 10px, 10px, 0px);
	visibility:hidden;
}
#divMenu	{
	position:absolute;
	z-index:11;
	left:12px;
	top:6px;
	visibility:inherit;
}

#divArrowLeft	{
	position:absolute;
	z-index:12;
	width:11px; 
	height:20px; 
	left:0px; 
	top:0px; 
	visibility:inherit;
}
#divArrowRight	{
	position:absolute;
	z-index:12; 
	width:11px; 
	height:20px; 
	top:0px; 
	visibility:inherit;
}