/* ~~~ Grundeinstellungen ~~~ */

*  {
	margin: 0;
	padding: 0;
	outline-style: none;
	border: none;
	text-align: left;	
}

body    {
	color: black;
	font-size: 100.01%;
	background: #009a82;
}

p      {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	color: #ffffff;
	line-height: 140%;
	text-align: left;
	vertical-align: top;
}

p + p {
	padding-bottom: 0.44em;}

h1 + p, h2 + p, h3 + p {
	padding-bottom: 0.44em;}
	
p + h1, p + h2 {
	padding-bottom: 0.94em;}

p + h4 {
	padding-bottom: 1.13em;}	
	
b  {
	font-weight: bold;
}

h1   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 135%;
	color: #f3b424;
	font-weight: bold;
	padding-bottom: 0.44em;
}
       
h2   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 115%;
	color: #005949;
	text-align: left;
	font-weight: bold;
	padding-bottom: 0.63em;
}

h3   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #ffffff;
	font-weight: bold;
	padding-bottom: 0px;
	padding-top: 1.25em;
}

h4 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 60%;
	font-weight: lighter;
	color: #ffffff;
	text-align: left;
	vertical-align: top;
} 		

a   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.94em;
	font-weight: bold;
	color: #ffe293;
	text-decoration: none;
}

a:hover   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.94em;
	font-weight: bold;
	color: #f3b424;
}

a.untermenue:link  {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 0.94em;
	font-weight: bold;
	text-decoration: none;
}

a.untermenue:visited  {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 0.94em;
	font-weight: bold;
	text-decoration: none;
}

a.untermenue:hover  {
	font-family: Arial, Helvetica, sans-serif;
	color: #f3b424;
	font-size: 0.94em;
	font-weight: bold;
	text-decoration: none;
}

a.notbold:link  {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffe293;
	font-size: 0.94em;
	font-weight: normal;
	text-decoration: none;
}

a.notbold:visited  {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffe293;
	font-size: 0.94em;
	font-weight: normal;
	text-decoration: none;
}

a.notbold:hover  {
	font-family: Arial, Helvetica, sans-serif;
	color: #f3b424;
	font-size: 0.94em;
	font-weight: normal;
	text-decoration: none;
}

/* ~~~ Divisions  ---*/

#balken    {
	position: fixed;
	text-align: right;
	width: 100%;
	top: 0px;
	right: 0px;
	height: 11.25em;
	background-image: url(images/verlauf_oben.png);
	background-repeat: repeat-x;
	background-color: transparent;
	border: 0px blue solid;
}

#content    {
	position: absolute;
	margin-left: -12.50em;
	top: 15.63em;
	left: 50%;
	width: 40.63em;
	height: 37.5em;
	border: 0px solid red;
}

#neuigkeiten    {
	position: absolute;
	margin-left: -12.50em;
	top: 15.63em;
	left: 50%;
	width: 20.01em;
	height: 37.5em;
	border: 0px solid red;
}


#termine    {
	position: absolute;
	margin-left: 9.71em;
	top: 15.63em;
	left: 50%;
	width: 20.01em;
	height: 37.5em;
	border: 0px solid red;
}

#logo-az   {
	position: relative;
	left: -1.87em;
	width: 23.19em;
	height: 9.69em;
	padding-bottom: 3.13em;
	background: url(images/logo_az.png) no-repeat;
	border: 0px green solid;
}

#bilderbalken   {
	position: fixed;
	margin-left: -100px;
	left: 50%;
	width: 37.5em;
	height: 15.63em;
	border: 0px solid Fuchsia;
}

/* ---Stopper ---*/

#topstopper {
	position: relative;
	top: -16.06em;
	left: 18.75em;
	width: 15.81em;
	height: 9.69em;
	border: 0px solid Lime;
}

#navistopper	{
	position: relative;
	top: 0px;
	left: -1.87em;
	width: 190px;
	height: 12.19em;
	padding-top: 0.63em;
	text-align: center;
	border: 0px solid Lime;
}

/* ---Navigation ---*/
	
#navi {
	position: fixed;	
	width: 12.5em;
	height: 100%;
	margin-left: -28.13em;
	left: 50%;
	background-image: url(images/verlauf_oben.png);
	background-repeat: repeat-x;
	background-color: #58b8aa;
}

#menu li {
	list-style: none;
	line-height: 1.70em;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 1.25em;
}

#untermenu li {
	background-color: #58b8aa;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.94em;
	color: White;
	display: inline;
	padding-left: 1.25em;
	padding: .2em 1em;
	line-height: 2em;
}

#navi a   {
	text-decoration: none;
	font-size: 0.94em;
	color: white;
	font-weight: bold;
}	
	
#navi a:hover {
	font-weight: bold;
	color: #005949;
}


#navi a.naviaktiv:link  {
	color: #005949;
}

#navi a.naviaktiv:visited  {
	color: #005949;
}

#navi a.naviaktiv:hover  {
	color: #f3b424;
}
/*---theaterstücke plakat UND NEBENTEXT---*/


#plakat-text-inhalt li   {
	list-style: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	color: #ffffff;
	display: inline;
	padding-left: 1.25em;
	height: auto;
}

#textnebenplakat   {
	position: absolute;
	top: 4.06em;
	left: 45%;
	width: 31.25em;
	height: auto;
	border: 0px solid red;
}

/*---textformate---*/

.bold-hellgelb {
	font-weight: bold;
	color: #ffe293;
}
.kleineschrift-70 {
	font-size: 70%;
}
.dgelb {
	color: #f3b424;
}
.petrol {
	color: #005949;
}
.dgelbBold {
	font-weight: bold;
	color: #f3b424;
}