@charset "iso-8859-1";

/*#page {
background-color:#000000;
}
*/
 
/* Ali recomments to use Notepad++ to view/edit this sourcecode. */

body,
#header,
#content,
#footer {

	width: 1000px;
	background-color:#000000;
}

/* min-width: 40em; Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
/*to margin: auto;  center the page */
body {
	/*
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -309px; 
	*/
	
	background-color: #000000;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	min-width: 40em;
	margin: auto;

}

.xtreme-u
{color:#f47e28;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:bold;

}

a {
	text-decoration: none;
	color: #f47e28;
	outline: none; /* prevent links to be outlined by an ugly dotted rectangle */
}
a:hover {
	color: #e00000;
}

h3{
	font-family: "arial black";
	font-size: 18px;
	font-style: italic;
	color: #ffffff;
	margin: 4px 0px;
}

h4{
	font-family: "arial black";
	font-size: 14px;
	font-style: italic;
	color: #ffffff;
	margin: 4px 0px;
}

h1{
	font-family:Arial, Helvetica, sans-serif; 
	color: #ffffff;
	margin: 4px 0px;
	text-align:center;
}


.u {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:underline;
}

.s {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:line-through;
}

.gpreis {
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-weight:bold;
}


span.date {
	color: #888888;
	font-weight: bold;
}


img {
	border:none;
	}
	
.salsakurseeddi {
text-align:right;
	
	}

/*-- Header -- */
#header {
	height: 99px;
	background-color: #cc0000;
	background-image: url(salsaimg/salsacommunityheader.jpg);
}


/*-- Navigationsleiste -- */

#navigation {
	font-size: 13px;
	border-bottom: 3px solid #ee5533;
}
#navigation ul {
	list-style: none;
	margin:  0px 0px 1px 0px; /* top - right - bottom - left */
	padding: 9px 0px 6px 0px; /* top - right - bottom - left */
	border-bottom: 12px solid #dd5533;
}
#navigation li {
	display: inline;
	margin-right: 36px;
}


/* -- Impressum, Agb´s, Verweise, Urheber, Haftung - Navigation --*/
#agbs_navigation {
    font-size: 0.83em;
    float: left;
	width: 154px;
    margin: 0;
	padding: 0;
    
  }
  
  
#content {

}

/*--Photos Coverflow auf der Titelseite --*/
#photos {
	display: table-cell; /* not understood by IE */
	float: left; /* workaround for IE */
	border-top: 1px solid #000;
	width: 640px;
	
	
}

#news {
	display: table-cell; /* ignored by IE, but it's alright */
	border-top: 1px solid #000;
	*float:right;
}

/* ---Agbs--- */
/* *float: left; workaround for IE */	
/* display: table-cell; not understood by IE */
#agbs{

	display: table-cell;
	height: auto;
	width: 650px;
	margin: 0 12px 0 156px;
	padding: 0;
	
}
/* ==================== overcomingbanner.shtml ====================================*/
/* ---Banner--- */	
#banner{

	
	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px #000000 solid;
   
     
	
}

/* -- Gelbes Überschriftrahmen links --*/
#bannerlinks {
	display: table-cell; /* not understood by IE */
    *float: left;
	width: 500px;
    margin: 0;
	padding: 0;
	background-color:#FFFF00;
	color:#000000;
	text-align: left;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
    
  }
  
 /* ---Gelbes Überschriftrahmen HTML rechts--- */	
#bannerrechts{

	display: table-cell; /* not understood by IE */
	width: 490px;
	margin: 0 0px 0 1px;
	padding: 0;
	background-color:#FFFF00;
	color:#000000;
	text-align: left;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border-left: solid #000000 ;
	
	
}
  



/* -- Bannerinhalt Image --*/
.bannerlinksinhalt {
	display: table-cell; /* not understood by IE */
    *float:left;
	background-color:#000000;
	width:500px;
	height:96px;
    margin: 0;
	padding: 0;
	color:#ffffff;
	text-align: center;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;

 }

  
/* ---Bannerinhalt Htmlcode--- */	
.bannerrechtsinhalt{

	display: table-cell; /* not understood by IE */
	clear:both;
   	background-color:#000000;
	width:490px;
	height:96px;
    margin: 0;
	padding: 0;
	color:#ffffff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;

		
}

  
#page {
	
		}
/* Auf der Titelseite der Text */



#salsablock {

	float:left;
	width:804px;
	display: table-cell; /* not understood by IE */

}

/* Auf der Titelseite Banner */
#salsaadvertise {
	display: table-cell; /* not understood by IE */
	clear:both;
	float:right;
	width:196px;
	text-align:right;

}
#salsa {
	float:left;
	width:400px;

}

#salsalernen {
	float:right;
	width:400px;
	
	
	
}

.eventsstartseite {
	clear:both;
	
	


}

.eventsdatum {
	display: table-cell; /* not understood by IE */
	float: left;
	width: 100px;

}
.eventstitel {
	display: table-cell; /* not understood by IE */
	padding: 0px 0px 5px 0px;

}

.eventueberschrift {
clear:both;
}


/* -- Werbung an der Seite -- */
#advertise {
	display: table-cell; /*  ignored by IE, but it's alright */
	border-top: 1px solid #000;
	padding: 0;
	margin: 0;
	float:right;
	width: auto;
}




/* -- Footer auf der Index-Seite -- */
#footer {
	position: relative;
	clear: both; /* to clear 'float: left;' within contents above */
	font-size: 10px;
	text-align: right;
	background-image: url(salsaimg/salsafooterbg.gif);
	background-repeat: repeat-x;
}
#footerbanner {
	height: 80px;
}
#footernav {
	 display: block;
	 padding: 4px 0;
	 margin: 0px;
	 width: 100%;
	 list-style: none;
	 background-image: url(salsaimg/salsafooterlinksbg.gif);
	 background-position: top;
	 background-repeat: repeat-x;
}
#footernav li {
	display: inline;
	margin-left: 8px;
}
#footernav li a {
	color: #666666;
}
#footernav li a:hover {
	color: #e00000;
}



/* -- Footer bei allen anderen Seiten, ausser Index -- */
#vorfooter {
	height: 17px;
	background-color: #262627;
}
#footernav1 {
	 display: block;
	 padding: 4px 0;
	 margin: 0px;
	 width: 100%;
	 list-style: none;
	 /*background:#d48229;*/
	 background-image: url(salsaimg/salsabg-footer1.gif);
	 background-position: top;
	 background-repeat: repeat-x;
}
#footernav1 li {
	display: inline;
	margin-left: 8px;
}
#footernav1 li a {
	color: #ffffff;
}

#footernav1 li a:hover {
	color: #e00000;
}

#salsatickets {

	width: 804px;
	float:left;
	display: table-cell; /* not understood by IE */

}

#benimmtipps {

	width: 846px;
	float:right;
	display: table-cell; /* not understood by IE */

}

/* -- class bilder / banner auf salsatickets --*/	
.salsaticketsbanner {
	float:left;
	width:164px;
	height:auto;
    margin: 0;
	padding: 0;
	text-align: center;
	    
  }
  
 /* ---class salsatickets beschreibung--- */	
.salsaticketsdescription{

	display: table-cell; /* not understood by IE */
   	width:640px;
	height:150px;
    margin: 0;
	padding: 0;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
}





/*========================================================================================================================================================= */
/*SalsaEVENT */
/* Folgende Formatierungen bestimmen das Aussehen des kleinen Kalendariums; */

table.smallcal { border-color:#363636; border-style:solid; border-width:1px; }


/* hier fuer Wochentage: */
td.smallcal { border-style:none; color:#FFFFFF; }
a.smallcal { color:#FFFFFF; }
/* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */

td.smallcalapp { border-style:none; background-color:#f2ad46; border-width:0px; color:#FFFFFF; }
a.smallcalapp { color:#FFFFFF;}
/* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */

td.smallcaltoday { border-style:solid; border-color:#FF0000; color:#FFFFFF; }
a.smallcaltoday { color:#FFFFFF;}
/* Formatierung fuer den heutigen Tag, hier roter Rahmen um das Datum */

td.smallcalapptoday { border-style:solid; background-color:#f2ad46; border-color:#ff0000; color:#FFFFFF; }
a.smallcalapptoday { color:#FFFFFF;}
/* Formatierung fuer den heutigen Tag mit Termin, hier gruener Hintergrund und roter Rahmen */

/* hier fuer Sonn- und Feiertage: */
td.sundaysmallcal { border-style:none; color:#FF0000; }
a.sundaysmallcal { color:#FF0000; }
/* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */

td.sundaysmallcalapp { border-style:none; background-color:#f2ad46; color:#FF0000; }
a.sundaysmallcalapp { color:#FF0000;}
/* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */

td.sundaysmallcaltoday { border-style:solid; border-color:#FF0000; color:#FF0000; }
a.sundaysmallcaltoday { color:#FF0000;}
/* Formatierung fuer den heutigen Tag, hier roter Rahmen um das Datum */

td.sundaysmallcalapptoday { border-style:solid; background-color:#f2ad46; border-color:#ff0000; color:#FF0000; }
a.sundaysmallcalapptoday { color:#FF0000;}
/* Formatierung fuer den heutigen Tag mit Termin, hier gruener Hintergrund und roter Rahmen */


/* hier fuer Wochentage: */
td.cal { border-style:none; color:#FFFFFF; }
a.cal { color:#FFFFFF; }
/* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */

td.calapp { border-style:none; background-color:#f2ad46; color:#FFFFFF; }
a.calapp { color:#FFFFFF; }
/* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */

td.caltoday { border-style:solid; border-color:#FF0000; color:#FFFFFF; }
a.caltoday { color:#FFFFFF; }
/* Formatierung fuer den heutigen Tag, hier roter Rahmen um das Datum */

td.calapptoday { border-style:solid; background-color:#f2ad46; border-color:#ff0000; color:#FFFFFF; }
a.calapptoday { color:#FFFFFF; }
/* Formatierung fuer den heutigen Tag mit Termin, hier gruener Hintergrund und roter Rahmen */

/* hier fuer Sonn- und Feiertage: */
td.sundaycal { border-style:none; color:#FF0000; }
a.sundaycal { color:#FF0000; }
/* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */

td.sundaycalapp { border-style:none; background-color:#f2ad46; color:#FF0000; }
a.sundaycalapp { color:#FF0000; }
/* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */

td.sundaycaltoday { border-style:solid; border-color:#FF0000; color:#FF0000; }
a.sundaycaltoday { color:#FF0000; }
/* Formatierung fuer den heutigen Tag, hier roter Rahmen um das Datum */

td.sundaycalapptoday { border-style:solid; background-color:#f2ad46; border-color:#ff0000; color:#FF0000; }
a.sundaycalapptoday { color:#FF0000; }
/* Formatierung fuer den heutigen Tag mit Termin, hier gruener Hintergrund und roter Rahmen */



.salsaeventtext {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
}

.salsaeventtext-navi
{
color:#757070;
font-family:Arial, Helvetica, sans-serif;
font-size:0.6em;
}

.salsaeventtext-navileft
{
color:#757070;
font-family:Arial, Helvetica, sans-serif;
font-size:0.6em;
float:left;
}

.salsaeventtext-naviright
{
color:#757070;
font-family:Arial, Helvetica, sans-serif;
font-size:0.6em;
text-align:right;
}

.salsaevent-linktext
{color:#171717;
font-family:Arial, Helvetica, sans-serif;
font-size:0.6em;
}



a.type_6:link {  color:#1b1a1a; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:0.6em }
a.type_6:visited {  color:#1b1a1a; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:0.6em }
a.type_6:hover {  color:#1b1a1a; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:0.6em }
a.type_6:active {  color:#1b1a1a; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:0.6em }
a.type_6:focus {  color:#1b1a1a; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:0.6em }


a.type_7:link {  color:#f47e28; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:0.7em }
a.type_7:visited {  color:#f47e28; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:0.7em }
a.type_7:hover {  color:#E00000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:0.7em }
a.type_7:active {  color:#E00000; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:0.7em }
a.type_7:focus {  color:#00E000; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:0.7em }

a.type_8:link {  color:#f47e28; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:0.8em }
a.type_8:visited {  color:#f47e28; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:0.8em }
a.type_8:hover {  color:#E00000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:0.8em }
a.type_8:active {  color:#E00000; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:0.8em }
a.type_8:focus {  color:#00E000; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:0.8em }

/*Template Design*/
#salsaevent_kalender {
    
    float: left;
	width: 187px;
    margin: 0;
	padding: 0;
    
  }
 
#salsaevent_liste{

	display: table-cell;
	height: auto;
	width: 617px;
	margin: 0 12px 0 187px;
	padding: 0;
	
}