body {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #880042;
	behavior: url(csshover.htc);
}

#Rahmen {
	width: 1002px;
	background-color: white;
	margin-top: 5px; 
	margin-left: auto;
	margin-right: auto; 
	margin-bottom: 5px;
	text-align:left;  

}

/********************** Styles für Index & Start-Seite **********************/

#kopf {
	width: 1000px;
	height: 108px;
	background-image:url(img/Scene_logo.gif);
	background-repeat: no-repeat;
	z-index: 100;
}

#inhalt {
	clear: both;
	width: 1000px;
	margin: 0;
	padding: 0;
	z-index: 10;
	background-color: white;
}

#links {
	float: left;
	width: 648px;
	background-color: white;
	padding-left: 10px;
}
html>body #links {
	width: 670px;
	padding-left: 16px;
}

#r_oben {
	float: right;
	width: 322px;
	height: 20px;
	margin: 0; 
	background-color: white;
}
html>body #r_oben{
	width: 314px;
	height: 120px;
} 

#mitte {
	float: right;
	width: 322px;
	margin:110px 0 0 0;
	background-color: white;
}
html>body #mitte{
	width: 314px;
	margin-top: 0;
	height: 180px;
} 

#r_unten{
	float: right;
	width: 322px;
	margin: 0;
	/* padding: 10px 30px 10 px 10px; */
	background-color: white;
}
html>body #r_unten{
	width: 314px;
	height: 204px;
} 

#box_rechts{
	clear: right;
	float: right;
	width: 292px;
	margin: 0;
	padding:0;
	margin-right: 30px;
	background-color: white;
}
html>body #box_rechts{
	width: 294px;
	height: 499px;
	margin: 0;
	padding: 10px 20px 0 0;
} 

#fuss {
	background-color: white;
	float: left;
	width: 1000px;
	height: 16px;
	background-color: white;
	color: black;
	margin-top: -6px;
	padding: 0 0 2px 10px;
	font-size: 70%;
} 
html>body #fuss{ width: 987px; height: 26px; margin: -12px 0 0 0; padding: 15px 0 0 15px;}

#fuss a:link {color: #880042;}
#fuss a:visited {color: #880042;}
#fuss a:hover {background-color: #880042; color: white;}

/********************** Rahmen für andere Seiten **********************/
#link_container {
	width: 800px;
	margin: 15px;
	padding: 0 5px 0 5px;
	border: 1px solid #880042;
}

#zine_container {
	width: 800px;
	height: 250px;
	margin: 15px;
	padding: 10px 5px 0 5px;
	border: 1px solid #880042;
}

#cover {
	float: left;
	width: 160px;
	margin: -35px 5px 5px 5px;
	height: 220px;
}

#info {
	margin: 0 ;
	padding: 0;
	background-color: white;
}

#city_event {
	padding: 12px 0;
	border-bottom: 1px dotted #880042;
	font-size: 80%;
}

#city_info {
	margin: 12px;
	padding: 6px;
	border: 1px solid #880042;
	background-color: white;
}

#event_info {
	margin: 12px;
	padding: 6px;
	border: 1px solid #880042;
	background-color: white;
}

/* styles für fanzine */

#cover {
	float: left;
	width: 250px;
	height: 220px;
}

#zine_inhalt{
	float: right;
	width: 600px;
	height: 220px;
}

/************** Styles für Horitontale Navigation***************/
div#nav {
	float: left; 
	margin: 39px 0 0 55px;
	background: white; 
	border: 1px solid #880042;
	font-size: 0.8em;
	font-weight: bold;
}

div#nav ul {
	margin: 0; 
	padding: 0; 
	background: white;
	border: 1px solid #880042;
	border-width: 0 1px;
}
div#nav li {
	position: relative; 
	list-style-type: none; 
	margin: 0;
	float: left; 
	width: 7em;
}

div#nav li.submenu {}

div#nav li.submenu:hover {}

div#nav li a {
	display: block; 
	padding: 0.25em 0.5em 0.25em 0;
	text-decoration: none; 
	width: 6.5em;
}
div#nav>ul a {width: auto;}

div#nav li a:link {
	color: #880042;
}

div#nav li a:visited {
	color: #880042;
}

div#nav li a:hover {
	color: white;
	background-image:url(img/hover.gif);
	background-repeat: no-repeat;
}

div#nav ul ul {
	position: absolute; 
	width: 7em;
	display: none;
}

div#nav ul ul li {
	border-bottom: 1px solid #880042; 
	text-align: left;
}

div#nav li.submenu li.submenu {}

div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}

div#nav ul.level2 {
	top: 1.5em; 
	left: -1px; 
	margin-top: 2px;
}

div#nav ul.level3 {
	top: 3px; 
	left: 7em;
	border-top: 1px solid black;
}



/********************* Styles für Links ************************/

#link_container a:link, #text_city a:link, #info a:link {
	color: #880042;
}
#link_container a:visited, #text_city a:visited, #info a:visited {
	color: #880042;
}

#link_container a:hover, #text_city a:hover, #info a:hover {
	color:white;
	background-color: #880042;
}


/************** Styles für Text ***************/

#h1, #links h1, #event_info h1, #city_info h1 {
	color: #880042;
	text-decoration: overline underline;
}


#h2, #links h2 #r_unten h2{
	font-size: 90%;
	font-weight: normal;
	color:black;
	text-decoration: underline;
}

#text h3
{
	font-size: 80%;
	border-bottom: 1px dashed black;
}

h4, box_rechts h4 { text-decoration: underline; font-weight: bold; font-size: 85%;}

/*** Styles für Picture Gallery ***/

ul#gallery {
  padding:0; 
  margin-left: 46px;
  width:768px; 
  height:576px; 
  position:relative; 
  background-color:#880042;
  }
  
#gallery li {
  list-style-type:none; 
  width:64px; 
  height:48px; 
  float:left; 
  z-index:100;
  }
#gallery li.lft {
  float:left; 
  clear:left;
  }
#gallery li.rgt {
  float:right; 
  clear:right;
  }
#gallery a {
  position:relative; 
  width:64px; 
  height:48px; 
  display:block; 
  float:left; 
  z-index:100; 
  cursor:default;
  }
#gallery a img {
  position:relative; 
  width:62px; 
  height:46px; 
  border:1px solid black; 
  z-index:100;
  }
#gallery a:hover {
  width:320px; 
  height:240px; 
  padding:168px 224px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:20;
  }
#gallery a:hover img {
  background:#eee; 
  position:relative; 
  width:320px; 
  height:240px; 
  border:0; 
  z-index:20;
  }
#gallery a:active, #gallery a:focus {
  background:transparent; 
  width:640px; 
  height:480px; 
  padding:48px 64px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }
#gallery a:active img, #gallery a:focus img {
  background:#eee; 
  position:relative; 
  width:640px; 
  height:479px; 
  border:0; 
  z-index:10;
  }
/* hack for Internet Explorer */
#gallery li.pad {
  height:0; 
  display:block; 
  margin-top:-2px; 
  width:768px; 
  font-size:0;
  }

/* hack for Opera 7+ */
@media all and (min-width:0px){
#gallery a:hover {
  background:#888; 
  width:320px; 
  height:240px; 
  padding:168px 224px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }
#gallery a:hover img {
  background:#aaa; 
  position:relative; 
  width:320px; 
  height:240px; 
  border:0; 
  z-index:10;
  }
}


/* Sonstige */

.links { text-align: right;}
.center{ text-align: center;}
.rechts {text-align: right;}

.blocksatz {text-align: justify;}

.fett {font-weight: bold;}
.unterstrichen {text-decoration: underline;}

.rahmen {padding: 3px;display: inline; border: 1px solid black;}

.clear {clear: left;}

.titel {
	font-size: 110%;
	text-decoration: overline underline;
}

.subtitel {
	font-size: 90%;
	margin: -8px 0 14px 0;
	font-style: italic;
	font-weight: bold;
}

.aktiv{
	color: white;
	background-image:url(img/active.gif);
	background-repeat: no-repeat;
}

a:link { color: #880042;}
a:visited { color: #880042;}
a:hover {color: black;}

.f120 {font-size: 120%;}
.f110 {font-size: 110%;}
.f90 {font-size: 90%;}
.f80 {font-size: 80%;}
.f75 {font-size: 75%;}
.f70 {font-size: 70%;}
.f65 {font-size: 65%;}
.f60{font-size: 60%;}

.paddy { padding: 15px;}

.artikel {
	padding-left: 100px;
	padding-right: 100px;
	text-align: justify;
}

.artikel_list {
	padding-left: 100px;
	list-style-type: disc;
}