html {
}


/*<div style ="text-align:center"> 
  <!- text-align zentriert in IE ->
  <!- margin:auto zentriert in Firefox ->
  <div id="CENTERINGlayer" style="position:relative; margin:auto; left:0; top:0; width:760px; height:499px; z-index:2;"> 
    <div id="navilayer" style="position:absolute; left:10px; top:130px; width:200px; height:1px; z-index:15"> 
      <table width="100%" border="0" cellspacing="0" cellpadding="3">
*/


body {   
margin-left: 00px;
margin-top: 00px;
/*text-align:center;*/
background-color: #3A2D73;
background-image:  url("eve-grafik/BG-muster51.jpg"); 
background-position: center;
background-repeat:repeat-y; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #DDDDDD;
	line-height: 1.4em;
	/*background-color: #af3451;*/
	padding:00px;
}


/*------Im HTML-Dok steht die Tabelle ohne Auszeichnungen. Zuerst muss seaparat definiert werden, dass fr eine bzw. alle Tabelle(n) das collapse = Zusammenflieen der Tabellen-Linien - gilt --*/
table {
/*width: 100%; 
border: 1px solid #cccccc; 
background-color: #5533ab;*/
border-collapse: collapse;
}

/*------ Fr alle Links (auer Anker!!!!) gilt in jedem Zustand: ------*/
a:hover, a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: none;
	line-height: 16px;
	padding-left:20px;
background-repeat: no-repeat;
background-position: 4 4; /*nur zwei Angaben mglich = x und y von linksoben-Ecke*/
}

a:link {
	display: inline; 
	color: #C1E0A3;
	text-decoration: none;
background-image:  url("eve-grafik/doppelpfeil-gelb.gif");
}

a:visited {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #C1E0A3; 
text-decoration: none; 
background-image:  url("eve-grafik/doppelpfeil-gelb.gif");
}




/*gekachelter BG muss oberhalb der Content-Ebene abgedeckt werden*/
#seitenKopfAbdeckung {
position:relative; 
margin: 0 auto; 
margin-top: 0px;
width:980px; 
height:20px; 
/*background-color: #FF0000; KNALLROT*/
background-color: #3A2D73; /*BG-dkl-blau*/
}

/*Link direkt unter PYRO-ART-Logo links oben*/

#zurUebersicht {
position:absolute; 
left: 24px; 
top: 26px; 
width:174px;
text-align:left; 
/*background-color: #543224;*/
border-right: 0px solid #000;
/*padding: 10 10 10 10; Abstand des umgebenden Rahmens*/
z-index:19;
 }

/*----- Die ContainerEbene enthlt alle anderen Ebenen und sorgt frs Zentrieren*/
#containerEbene {
position:relative; 
margin: 0 auto; 
margin-top: 0px; /*= Abstand zur seitenKopfAbdeckung-Ebene*/
width:980px; 
height:640px; 
z-index:2; 
/*background-color: #FF0000; KNALLROT*/
background-image:  url("eve-grafik/bg051.jpg"); 
}


/*-------Hier erscheint das Logo der Seite, z.B Events, Digit etc. ----------*/
#pageLogo {
 position:absolute; 
 /*background-color: #345715; dunkelgrn*/
 background-image:  url(eve-grafik/pageLogo-events530x49-top36.jpg); 
left:8px; 
top:40px; 
 width:530; 
 height:49; 
}

/*-------ENGLISCH Hier erscheint das Logo der Seite, z.B Events, Digit etc. ----------*/
#pageLogoEN {
 position:absolute; 
 /*background-color: #345715; dunkelgrn*/
 background-image:  url(eve-grafik/pageLogo-events530x49-top36-EN.jpg); 
left:8px; 
top:40px; 
 width:530; 
 height:49; 
}

#horizontalNaviLeiste {
position:absolute; 
text-align: center;
left:10px; 
top:124px; 
width:720px; 
height:25px; 
z-index:4;
}

 
 
#linksSpalte {
position:absolute; 
left: 24px; 
top: 300px; 
width:174px;
text-align:left; 
/*background-color: #543224;*/
border-right: 0px solid #000;
/*padding: 10 10 10 10; Abstand des umgebenden Rahmens*/
z-index:9;
}






#hauptSpalte {
	position:absolute;
	left: 228px;
	top: 239px;
	width:420px;
	text-align:left;
	margin-bottom: 350px;
	z-index:3;
	height: 336px;
}

/*	Alle Fotos,die breiter sind als 480px, mssen links ber die Hauptspalte hinausragen*/
.fotoUebergroesse610px {
position: relative;
right: 190px}

/*	NEU 2008-07-17: Fotos,die breiter sind als 480px, schließen rechts wie 480er Bilder ab.*/
.fotoUebergroesseNEU610px {
position: relative;
right: 130px}

/*------Im HTML-Dok steht die Tabelle ohne Auszeichnungen. Zuerst muss seaparat definiert werden, dass fr eine bzw. alle Tabelle(n) das collapse = Zusammenflieen der Tabellen-Linien - gilt --*/
#hauptSpalte table {
width: 100%; 
/*border: 1px solid #cccccc; 
background-color: #5533ab;*/
border-collapse: collapse;
}

/*------Im HTML-Dok steht die Tabelle ohne Auszeichnungen. Zuerst muss seaparat definiert werden, dass fr eine bzw. alle Tabelle(n) das collapse = Zusammenflieen der Tabellen-Linien - gilt --*/
#hauptSpalte td {
	font-size: 0.8em;
	color: #DDDDDD;
width: 100%; 
border: 1px solid #666666; 
/*background-color: #123321;*/
border-collapse: collapse;
}



#rechteSpalte {
position:absolute; 
left: 732px; 
margin-top: 20px; 
padding: 20px;
/*background-color: #285259; dunkeltrkis*/
/*background-color: #47536B;*/
width:202px; 
height:auto; 
text-align:left; 
z-index:3;
}



/*-------- LINKS-LISTE wie bei Referenzen ------------- 
#rechteSpalte ul {
list-style: none;
background-color: #535362;
padding-left:10px;
margin-left: 0px;
list-style-image: url(grafik-relaunch2007/doppelpfeil-gelb.gif);
padding-left:10px;
margin-left: 20px;
}*/




/*#rechteSpalte li {
display: block;
margin:23px;
clear: left;
background-color: #442552;
}
*/
#rechteSpalte table {
display: block;
width: 200px;
margin:0px;
clear: left;
/*background-color: #442552;*/
border-collapse: collapse;
}

#rechteSpalte td {
width: auto;
/*background-color: #5533ab; wunderbares LILA*/
/*border-collapse: collapse;*/
padding: 6 0 6 0;
border-top: 1px dashed #ccc;
margin: 0px;
}

#rechteSpalte  img{
/*list-style-image: url(grafik-relaunch2007/pfeil-rot.gif);*/
float: left;

margin: 0 20 0 0;
}

#rechteSpalte td a {
	display: block; 
	/*background-image: none;*/
	}



/*.fliesstext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #DDDDDD;
	line-height: 1.4em;
	background-color: #af3451;
	padding:00px;
}
Ist jetzt als Body-Schrift definiert*/

.head1 {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1.4em; 
font-style: normal; 
font-weight: bold; 
color: #FFFFFF;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.head3 {  
display: block;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1.0em; 
font-weight: bold;
color: #FFCC00; /*gelb-orange*/
border-top: 1px dashed #777777;
padding: 10 0 0 0;
margin: 50 0 0 0;
}


.head3blauerBG {  
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1.0em; 
font-weight: bold;
color: #ffffff;
/*line-height: 16px;*/
background-color: #7A80BA;
padding: 10 10 10 10;
/*width: 523px; 
margin-right: -210px; 
margin-left: -30px; weil fliesstext 10p padding besitzt*/
}

.newsKategorieHead {
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.7em; 
font-weight: normal;
color: #000000;
width: 100%;
border-top: 1px dashed #dddddd;
padding: 5 0 0 0;
margin: 20 0 -10 0;
}

.miniDatum {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.7em; 
font-style: normal; 
font-weight: normal; 
color: #AAAAAA;
padding: 0 0 0 0;
/*text-align: right;*/
}


#hauptSpalte img {
display: block;
/*border: 1px solid #777777; */
border: 2px solid #000000; 
/*border: 1px solid #000000;schwarzer Rahmen*/
margin: 10 0 10 0;  /*Abstand des umgebenden Rahmens*/
}

.bildunterschrift {  
/*display: block; */
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.7em; 
font-style: normal; 
font-weight: normal; 
color: #FFFFFF;
padding-left: 00px;
}


/*.textLinkMitGrafik {
	display: inline; 
		color: #BBBBBB;
background-color: #735825;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding-left:20px;
}*/

a:hover {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #CC0000; 
text-decoration: underline; 
background-image:  url("eve-grafik/doppelpfeil-giftgruen.gif");
}

/*----------------Horizontale Navi-Leiste soll keine Grafiken vor dem Link haben
------------------Die Paddings ziehen die Links auseinander -------------------------*/
#horizontalNaviLeiste a {
	background-image: none;
	padding-left:00px;
	padding-right:00px;
}
 
 #footer {
/*position:relative; 

margin:auto;
background-color: #285259; dunkeltrkis*/
/*background-color: #47536B;*/

 }
