/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*  ALLGEMEIN:                                                                 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

  body {
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
	background-color: #ccc;
    padding: 0;
    margin: 0;
  }





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/*  TEXT:                                                                                                                     */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

  p {
    font-size: 12px;
    line-height: 130%;
    padding: 0;
    margin: 0;
    /* background-color: #9da; */
  } 

  strong {font-size: 100%;}

 .strongSmall {
     font-size: 90%;
     font-weight: bold;
   }


  h1, h2, h3, h4, h5, h6 {padding: 0;}

  h1 {
    font-size: 100%;
	color: #000265;
    margin: 13px 0 18px 0;
  } /* mittlerer Bereich - Haupt-Headline */


  h2 {
    font-size: 70%; 
    color: #fff;
    margin: 0;
  } /* Marginalspalten - Headlines */


  h3 {
    font-size: 70%;
    margin: 0 0 7px 0;;
  } /* mittlerer Bereich - Unter-Headline */

  /* undefined */ h4 {font-size: 200%;}
  /* undefined */ h5 {font-size: 200%;}
  /* undefined */ h6 {font-size: 200%;}



  a {color: #333;}
  a:hover {
    color: #333;
    text-decoration: none;
  }
  a:visited {color: #333;}

  a img {
      border: 0;
  }


  /* Pfad zur aktuellen Seite (mittlerer Bereich, 'Sie befinden sich hier:'): */

  .TEXTpfad {
    font-size: 70%;
    line-height: 100%;
    margin: 3px 0 8px 0;
  } /* Wrapper um die ganze Zeile, bestimmt also den Text ausserhalb der Links */

  .LINKpfad{color: #666;}
  .LINKpfad:visited {color: #666;}
  .LINKpfad:hover {}



  .LINKmehr039 {font-size: 65%; color: #039;}
  .LINKmehr039:visited {color: #039;}
  .LINKmehr039:hover {color: #039;}


  /* bisher nur rechte Spalte unter dem Punkt DEMNAECHST */
  .LINKmarginal {color: #039;}
  .LINKmarginal:visited {color: #039;}
  .LINKmarginal:hover {}








  /* UNTERMENUES: Text bzw. Links - - - - - - - - - - - - - - - - - - */

  /* ZWEITE EBENE (horizontal unter der Hauptnavigation): */

  .TEXTuntermenue {
    font-size: 60%;
    padding: 0;
    margin: 0;
  } /* Link-Wrapper */

  .LINKuntermenue {
    color: #fff;
    margin: 0 5px 0 0;
  }
  .LINKuntermenue:visited {color: #fff;}
  .LINKuntermenue:hover {color: #fff;}

  /* auf aufgerufener Seite: kein Link, weder unterstrichen noch klickbar
      (und Wrapper fuer die Links): */
  span.TEXTuntermenueAktuelleSeite {margin: 0 5px 0 0;}







  
  /* DRITTE EBENE, in rechter (Marginal-)Spalte: */
 
  /* HEADLINES: */

  .LINKUntermenueMarginalHead {
    color: #fff;}
  .LINKUntermenueMarginalHead:visited {color: #fff;}
  .LINKUntermenueMarginalHead:hover {color: #fff;}

  .TEXTuntermenueMarginalHead {
    font-size: 70%;
    font-weight: bold;
    color: #fff;
    padding: 2px 0;
    margin: 0;
  }

  /* Unterseiten: */
  .LINKuntermenueMarginal {
    font-size: 65%;
    margin: 0 20px 0 0;
    color: #333;
  }
  .LINKuntermenueMarginal:visited {color: #333;}
  .LINKuntermenueMarginal:hover {}


  /* auf aufgerufener Seite: kein Link, weder unterstrichen noch klickbar: */
  .TEXTuntermenueMarginalAktuelleSeite {
    font-size: 65%;
    color: #333;
    margin: 0 20px 0 0;
  }












  .TEXTbildunterschriftImDivMi {
    font-size: 65%;
    color: #666;
    margin: 5px 10px 20px 8px;
  } /* in: DIVmiFuerBildmitBildunterschrift, CSS siehe unten */


  .TEXTkleinNebenBild { /* gilt auch fuer BildUNTERschriften */
    font-size: 65%;
    margin: 0 20px 0 0;
  }









  /* fuer die technischeDaten-Seiten, ohne und mit dotted Hg unten 
     (padding-bottom muss sein, das HgBild ist sonst nicht zu sehen): */

  .TEXTohneMargin_einrueck80,
  .TEXTohneMarginDotted,
  .TEXTohneMarginDotted_einrueck20,
  .TEXTohneMarginDotted_einrueck80 {
    padding: 2px 0 3px 0;
    margin: 0;
    background-image: url(../assets/dottedHg1.gif);
    background-repeat: repeat-x;
  }

  .TEXTohneMarginDotted_einrueck20 {margin: 0 0 0 21px;}

  .TEXTohneMarginDotted_einrueck80,
  .TEXTohneMargin_einrueck80 {margin: 0 0 0 80px;}







  /* Fussleiste: */

  .LINKunten {
    font-size: 70%; 
    color: #fff;
    margin: 0 10px 0 5px;
  }
  .LINKunten:visited {color: #fff;}
  .LINKunten:hover {} 







/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* BILDER:                                                                     */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

  #IMGheaderRe {} /* -- Illu -- */
  #IMGheaderLi {} /* -- Logo -- */

  #IMGmiHaupt {padding: 0; margin: 0;} /* Bild im DIV */

  .IMGnav {}

  
  .IMGklein {margin: 2px 2px 6px 0;} 

  .IMGkleinFloatLeft {
    float: left;
    margin: 3px 12px 1px 0;
  }


  
  .IMGpfeilchen {margin: 0 4px -2px 0;}






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* TABELLEN:                                                                 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* TABELLEN - HEADER: */

  #TABEheader {
    width: 100%; /* ohne nur so breit wie die enth. Bilder (ohne HgKachel) */
    background-color: #fff;
    border-style: solid; border-color: #000; border-width: 10px 0 0 0;
  }

  #TABCheaderLi { 
    width: 218px;
    padding: 1px 0;
  }

  #TABCheaderRe {
    padding: 1px 0;
	text-align: right;
  }





/* TABELLEN - fuer NAVIGATION 1te Ebene (Bilder): */

  #TABEnav {
    width: 100%;
    background-color: #ccc;
  }

  #TABCnavLi, #TABCnavRe {
    width: 35%;
    background-image: url(../assets/navHg_ccc.gif);
    background-repeat: repeat-x;
  }

  #TABCnavMi {
    background-color: #fff;
    height: 32px;
    padding: 0 0 0 1px;}




/* TABELLEN - UNTER-NAVIGATION (2te Ebene, unter der Hauptnavigation): */

  #TABEnavUnter {
    width: 100%;
    height: 26px;
    background-color: #000265;
  }


  #TABCnavUnter {
    color: #fff;
    text-align: center;
    vertical-align: middle;
  }



/* RAHMENTABELLE (ab Unterkante Unter-Navigation): */

  #TABErahmen {
    background-color: #fff;
    border-style: solid; border-color: #ccc; border-width: 3px 0 0 0;}

  #TABCrahmenLi, 
  #TABCrahmenMi, 
  #TABCrahmenRe {
    vertical-align: top;
    padding: 2px 0 50px 0;
  }


  #TABCRahmenMi {width: 90%;}



/*  TABELLEN - MARGINAL- SPALTEN: */

  .TABEmarginal {
    width: 188px;
    margin: 0 0 20px 0;
    border-style: solid; border-color: #999; border-width: 0 1px 1px 1px;
  }


  .TABEmarginalLEER {width: 188px;}


  .TABCmarginalOben {
    height: 29px;
    text-align: center;
    vertical-align: middle;
    background-color: #999;
  }


  .TABCmarginalMitte {padding: 4px 10px 10px 8px;}


  .TABCmarginalUnten {
    height: 29px;
    text-align: right;
    vertical-align: bottom;
    padding: 0 10px 5px 0;
    background-color: #e9e9e9;
  }




/* TABELLEN - MARGINAL - SUCHFUNKTION und NEWSLETTER-BESTELLUNG: */

  .TABEmarginalSuche {
    width: 188px;
    padding: 0;
    margin: 0 0 5px 0;
    background-color: #999;
  }

  .TABCmarginalSuche {
    height: 29px;
    text-align: center;
    vertical-align: middle;
    padding: 3px 0;
    border-style: solid; border-color: #999; border-width: 1px;
  }




  /* TABELLEN - MARGINAL - UNTERMENUE rechts (3te Navigationsebene), 
      zweispaltig, die head-Zelle (TABCmarginalUntermenueHead) 
      hat daher colspan = 2) */

  .TABCmarginalUntermenueHead {
    height: 29px;
    padding: 0 0 0 2px;
    background-color: #000265;
    border-style: solid; border-color: #999; border-width: 1px 0;
  }




  /* die drei Zellen (oben, Mitte, unten) der LINKEN Marginal-Untermenue-Spalte: */

  .TABCmarginalUntermenueLinkeObere,
  .TABCmarginalUntermenueLinkeMittlere,
  .TABCmarginalUntermenueLinkeUntere {
    width: 20px;
    vertical-align: top;
    padding: 10px 0 0 20px;
    background-image: url(../assets/nav/unterNavHg.gif);
    background-repeat: repeat-y;
    background-position: 16px 0;
  }

  .TABCmarginalUntermenueLinkeMittlere {padding-top: 4px;}

  .TABCmarginalUntermenueLinkeUntere {
    padding-top: 4px;
    background-image: url(../assets/nav/unterNavHgUntere.gif);
    background-repeat: no-repeat;
  }


 

  /* die drei Zellen (oben, Mitte, unten) der RECHTEN Marginal-Untermenue-Spalte: */

  .TABCmarginalUntermenueMittlere {
    width: 100%;
    padding: 2px 10px 2px 2px;
  }


  .TABCmarginalUntermenueObere {
    width: 100%;
    padding: 9px 10px 2px 2px;
  }


  .TABCmarginalUntermenueUntere {
    width: 100%;
    padding: 2px 10px 9px 2px;
  }


  
  
  /* TABELLEN - Spalteninhalte mittlere Spalte: */

  .TABEmi_default {
    width: 100%;
    margin: 0 0 20px 0;}

  .TABCmi_default { 
    vertical-align: top;
    padding: 0 50px 0 20px;}

  .TABCmi_default_LIST { 
    vertical-align: top;
    padding: 0 0 0 20px;}

 


 
  /* TABELLEN mit breitem, gefaerbtem border : */

  .TABEcolor {
    width: 95%;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-style: solid; border-width: 0 5px 5px 5px;
  }
  .TABCcolorObere {
    height: 29px;
    font-weight: bold;
    color: #fff;
    padding: 0 0 0 10px;
  }
  .TABCcolorUntere {padding: 10px 40px 10px 8px;}






  /* DIV in der Tabelle mit breitem border: */
  .DIVinTABCcolorUntere {
    float: left;
    padding: 0;
    margin: 2px 16px 0 0;
  }



  /* Pfad zur aktuellen Seite: - - - - - - - - - - - - - - - - - - - - - */

  .TABEpfad {
    margin: 0 0 10px 0;
    border-style: dotted; border-color: #999; border-width: 0 0 1px 0;
  }


  .TABCpfad {
    height: 28px;
    color: #666;
    vertical-align: middle;
    padding: 0 20px 0 0;
  }



  /* ZWEIspaltige Tabellen im mittleren Bereich: */
  .TABCmi_zweispaltigLinke {
    vertical-align: top;
    padding: 0 0 0 20px;
  }

  .TABCmi_zweispaltigRechte_AlignRight {
    vertical-align: top;
    text-align: right;
    padding: 0 50px 0 0;
  }



  /* DREIspaltige Tabellen im mittleren Bereich 
     (bisher nur in DIEARENA_TECH_TELESKOP.htm): */
  .TABCmi_dreispaltigRechte {
    vertical-align: top;
    padding: 0 0 0 20px;
  }
  .TABCmi_dreipaltigMittlere {
    vertical-align: top;
    padding: 0;
  }
  .TABCmi_dreipaltigLinke {
    vertical-align: top;
    padding: 0 50px 0 0;
  }


/* Spielpläne etc. */

.matchTab {
	margin-bottom: 25px;
}

.matchTab th {
	padding: 3px 14px 3px 6px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	background: #f3f3f3;
	border-bottom: 1px solid #ccc;
	color: #333;
}

.matchTab td {
	padding: 3px 14px 2px 6px;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px dotted #e9e9e9;
}
  
  

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* FOOTER-TABELLE:                                                         */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

  #TABEUnten {
    height: 26px;
    color: #fff;
    text-align: right;
    padding: 3px 15px 3px 0;
    margin: 0;
    background-color: #999;
  }

  #TABCUnten {}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* Formulare:                                                                           */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

  form {
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    line-height: 13px;
  }

  .FORMinput {
    font-size: 70%;
  }

  .FORMbutton {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #333;
    background-color: #ddd;
    border-style: solid; 
	border-top-color: #eee; border-right-color: #444; border-bottom-color: #444; border-left-color: #eee;
    border-width: 1px;
    text-transform: uppercase;
    padding: 1px 4px 1px 4px;
    margin: 0;
  }
  
  .FORMradio {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
  }

  .LISTul {
    list-style-image: url(../assets/quadrat_999.gif);
  }


  .LISTeintrag {
    font-family: Arial, sans-serif; 
    font-size: 12px; 
    line-height: 130%;
    color: #333;
    padding: 0;
    margin: 0;
  }
  
  
  
/* MUSS NACH DER SAP ARENA ERÖFFNUNG ENTFERNT WERDEN */
  .counter {
    font-family: Arial, Helvetica, Sans-Serif;
    font: bold 12px; 
    color: #000066;
  }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* Eurest:                                                                              */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.eurestplan {
	padding: 6px;
	background: url(../assets/querstreifen.gif);
	float: left;
	}

#plan1og {
	
}

.layerfenster {
	padding: 3px;
	float: left;
	background: url(../assets/shad.png);
	position: absolute;
	display: none;
}

.layerinfo {
	padding: 6px 10px 5px 20px;
	margin-bottom: 5px;
	background: #000265;
	font-size: 11px;
	font-weight: bold;
	color: white;
	overflow: hidden;
	text-transform: uppercase;
}

* html .layerinfo { overflow: visible; height: 1px;}

.layerinfo .info {
	float: left;
	font-weight: bold;
}

.layerinfo a.close, .layerinfo a.close:link, .layerinfo a.close:visited {
	float: right;
	color: white;
	text-decoration: none;
}

.fensterinhalt {
	background: white;
	border: 1px solid #ccc;
	padding: 5px 5px 10px 5px;
	overflow: hidden;

}

* html .fensterinhalt { overflow: visible; height: 1%; }

.fensterinhalt img {
	margin-bottom: 15px;
}

.closebutton {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 20px;
	font-size: 11px;
	text-align: center;
}

.closebutton a {
	width: 100px;
	height: 20px;
	margin: 0 auto;
	display: block;
	background: url(../assets/schliessen.gif);
	text-decoration: none;
	line-height: 20px;
	text-align: center
}

.closebutton a:hover, a:focus, a:active {
	background-position: 0 20px;
}

.morepics {
	height: 20px;
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 11px;
	float: left;
	list-style: none;
	display: inline;
}

.morepics li {
	margin: 0 5px 0 0;
	float: left;	
}

.morepics a {
	width: 20px;
	height: 20px;
	margin: 0;
	display: block;
	background: url(../assets/button20.gif);
	text-decoration: none;
	line-height: 20px;
	text-align: center;
}

.morepics a:hover, a:focus, a:active {
	background-position: 20px 0;
}

.aimglink {
	border: 1px solid #999999;
	padding: 1px;
}

/* RESTAURANT ROSSO BUFFETKARTE */

.hr {
  width: 200px;
  height: 1px;
  margin: 15px auto;
  background: #fff url(../assets/dottedline.gif) repeat-x scroll center;
  clear:both;
}

.hr hr {
	display: none;
}

#buffetkarte {
	margin: 20px 0;
	padding: 6px;
	background: url(../assets/querstreifen.gif);
}

#buffetinhalt {
	padding: 20px;
	background: white;
	text-align: center;
}

#buffetlogo {
	margin: 0 0 40px 0;
}

#kartehead {
	margin-bottom: 35px;
}

#kartehead h2 {
	font-size: 16px;
	color: #666;
	text-transform: uppercase;
}

#kartehead p {
	font-size: 12px;		
	color: #666;
	font-weight: bold;	
}

#menues {
	margin-bottom: 35px;
}

.menublock {
	width: 311px;
	margin: 10px auto;
	padding: 6px 0;
	background: white url(../assets/karte_schmuck.gif) center no-repeat;
}

.menublock h3 {
	margin: 0;
	font-size: 12px;
	color: #e42a37;
	font-weight: bold;
}

.menublock p {
	margin: 0 45px;
	font-size: 11px;
}

.carddesc {
	width: 311px;
	margin: 10px auto 35px auto;	
}

.carddesc p {
	font-size: 11px;
}

#buffetpreis {
	font-size: 11px;
	color: #666;
}

#buffetpreis .preis {
	font-size: 20px;
	color: #e42a37;	
}

/* Sponsoren Logos */

#logocontainer {
      width: 600px;
      overflow: hidden;
		margin: 0 auto;		
}

.logos {
      width: 135px;
      height: 60px !important;		
      height: 80px;
      padding: 5px 0;
      margin: 0 3px 3px 0 !important;    
      margin: 0 3px 0 0; 		  
      text-align: center;
      float: left; 
}

.logos a img {
		margin: 0;
}

.kategorie {
      width: 554px;
      height: 20px;
      padding: 0;
      margin: 10px 0px 20px 0;      
      text-align: center;
      float: left;
}

/*** Popup Layer ***/

.poplayer {
	width: 480px;
	float: left;
	/*min-width: 463px;*/
	display: block;
	position: absolute;
	top: 190px;
	right: 100px;	
}

.popcontainer{
	border-left: 5px solid #000265;
	border-right: 5px solid #000265;
	background: white url(../assets/infoicon.gif) 350px 330px no-repeat;
}

.popcontainer h2 {
	padding: 7px 0px 7px 10px;
	text-transform: uppercase;
	background: #000265;
	overflow: hidden;
}

* html .popcontainer h2 { overflow: visible; height: 1px; }

.popcontainer h2 span {
	float: left;
}

.popcontainer a.close {
	float: right;
}

.popcontent {
	height: 400px;
	overflow: auto;
}

.popfoot {
	padding: 15px;
	background: white url(../assets/querstreifen.gif);
	border-left: 5px solid #000265;
	border-right: 5px solid #000265;	
	border-bottom: 5px solid #000265;	
}