/* ==================================
CSS - Datei zur Website der Smiling Frog Hopper
Stand: 02. Februar 2009
Zielbrowser: Firefox
Validierung:
	HTML: 
	CSS:  
Stand: 
	[ ... ]
					
(noch) nicht zu lösende Probleme: Filme:	Die HTML-Validierung schlägt fehl, weil in Zeile 232 folgender Text erscheint:
									 + '<a href=http://www.macromedia.com/go/getflash/>Flash installieren</a>';  
									 es wird kein &ouml;ffnender Tag erkannt.					
Datei: bildschirm_sfh.css 
Datum der letzten Bearbeitung: 18. Februar 2008
Autor: Kathrin Koch 

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles f&uuml;r Layoutbereiche
		4a. Navigation
        5. Sonstige Styles 
		
		
Verwendete Farben:
		Hintergrund: #99ccff;
		Schriftfarbe: #003366;
		Tabellen-Header: #33ffcc;
=================================== */


/* ==================================
   1. Kalibrierung
   =============================== */
* {
	padding: 0;
	margin: 0;
}
html{
	height: 101%; /*erzwingt Scrollbar im Firefox*/
}
body {
	background-color: #99ccff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 85%;
	line-height: 1.4em;
	behavior: url(csshover.htc); /*Aufruf einer WinIE-Behavior-Datei */
}


/* ==================================
  2. Allgemeine Styles
   =============================== */
p, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 1.4em;
}
p {
	font-size: 95%;
}
								p.navunten {
									font-size: 75%;
									text-align: center;
									margin: 0 auto;
								}/* alte Navigation unterhalb der NOF-Dateien*/
h1 {font-size: 180%;
	font-weight:normal;
	line-height: 1.2em;
}

	#startseite h1{
		line-height: 1.4em;
	}		
h2 {font-size: 160%;}
h3 {font-size: 140%;}
h4 {font-size: 120%;}
h5 {font-size: 100%;}

   
 #text a{
	text-decoration: none;
	color: #ffffff;
	outline: none;
}
  #text a:hover,
  #text a:focus {
	background: #ffffff;
	color: #003366;
	text-decoration: none;
	border-bottom: 1px solid #CC0000;
	
}

#text #neutral a img{
	background: none;
	text-decoration: none;
	border: 1px solid #036;
}

		
  #text #neutral a:hover,
  #text #neutral a:focus{
	background: none;
	text-decoration: none;
	border: none;	
}
  #text #neutral img:hover,
  #text #neutral img:focus {
	border: 1px solid #fff;	
}
* html #text #neutral a:hover img ,
* html #text #neutral a:focus img {
	border: 1px solid #fff;	
}
#text .neutralesLightboxBild a,
#text .neutralesLightboxBild a:hover{
	text-decoration: none;
	background-color: #99ccff;
	border: none;
}
img {
	margin: 10px;
	border: 0;
}
	#skibbereen #text img,
	#gallagher #text img {
		margin: 10px auto;
	}

/* ==================================
3. Styles f&uuml;r Layoutbereiche
=============================== */
#wrapper {
 width: 800px;
 margin: 10px auto;
 padding: 0 18px 0 18px;
 background: #99ccff url(../img/raender836.gif) repeat-y;	
} 
#termine-aktuell #wrapper,
#termine-alt #wrapper{
 width: 960px;
 margin: 10px auto;
 padding: 0 18px 0 18px;
 background: #99ccff url(../img/raender996.gif) repeat-y;	
}
#breadcrumb{
	background: #ffffff url(../img/button1rev2.png) repeat-x;
	color: #003366;
	font-size:0.8em;
	font-style: italic;
	text-align: right;
	line-height: 1em;
	/*margin-bottom: 15px;*/
	margin-right: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
}
	#breadcrumb a{
		font-size: 1em;
		color: #003366;
		text-decoration: none;
	}
	#breadcrumb a:hover,
	#breadcrumb a:focus{
		background: #ffffff;
		font-size: 1em;
		color: #003366;
		text-decoration: none;
		border-bottom: 1px solid #CC0000;
	}
#header {
	background: #99ccff url(../img/verlauf.jpg) no-repeat;
	text-align: center;
	margin-right: 2px;
	
}
			#header img {
				margin: 7px;
				border: 0;
			}
.skiplink,
#printheader {
	position: absolute;
	top: -2000px;
	left: -3000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}
#mainnav {
	/*font-size: 1em;*/
	background: #6666CC url(../img/button1b.png) repeat;
	margin-right: 2px;
	height: 35px;
	position: relative;
	list-style: none;
	
}
#content {
	margin-bottom: 5px;
	background: #99ccff url(../img/bg_subnav.png) repeat-y;
	margin-right: 3px;
}
		#clubs #content,
		#num #content,
		#alpha #content,
		#ausland #content {
			background-image: none;
			background-color: #99ccff;
		}
#subnav {
	float: left;
	width: 180px;
	border: 1px solid #6633CC;
	margin-left: 3px;
	font-size: 0.9em;

}

			#subnav .sublevel3{
				width: 175px;
			}
#subnav2 {
	margin: 0 auto;
	display: block;
	position: relative;
}

#text {
	font-size: 95%;
	text-align: justify;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;	
	margin-left: 195px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	padding: 10px;
	
}
#footer {
	background: #99ccff url(../img/button1.png);
	color: #ffffff;
	font-size:0.8em;
	font-style: italic;
	text-align: center;
	line-height: 1em;
	/*margin-bottom: 15px;*/
	margin-right: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #003366;
	

}
.clear {
	clear:left;
	height: 0;
}
/* ==================================
	4a. Hauptnavigation
=============================== */

#mainnav ul {
	margin-left: 45px;	
}
#termine-aktuell #mainnav ul {
	margin-left: 100px;	
}
#mainnav li,
#subnav2 li{
	font-size: 90%;
	background: #99ccff url(../img/button1b.png) repeat;
	float: left;
	margin: 2px;
	border: 1px solid #ffffff;
	padding: 4px 7px;
	list-style: none;
}
#subnav2 ul{
	margin: 0 95px;
}

	#mainnav a,
	#subnav a,
	#subnav2 a{
		display: block;
		text-decoration: none;
		color: #ffffff;
			outline: none;
	}
	#mainnav a:active,
	#subnav a:active,
	#subnav2 a:active {
		background: #99ccff url(../img/button2a.png) repeat;
		color: #003366;	
	}
	
	#mainnav .activ a,
	#mainnav .activ,
	#subnav .activ a,
	#subnav .activ,
	#subnav2 .activ a,
	#subnav2 .activ{
		display: block;
		text-decoration: none;
		color: #cc0000;
	}

	div#mainnav li:hover,
	div#mainnav li:focus,
	div#subnav li:hover,
	div#subnav li:focus,
	div#subnav2 li:hover,
	div#subnav2 li:focus{
	background: #99ccff url(../img/button2a.png) repeat;
	color: #003366;
}
/*.solo a, .menu3 a, .menu6 a, .menu7 a,*/
.menu10 a, .menu11 a, .menu12 a, .menu13 a, .menu14 a, .menu15 a, .menu16 a, .menu17 a, .menu18 a,
level3 a, level3 .activ{
	position: relative;
	/*display: block;*/
}
 .level3 a {
	font-size: 0.9em;
	margin-left: 20px;
}
div#subnav li:hover.activ {
	color: #fff;	
}
 .level3 span{
	color: #cc0000;
	font-size: 0.9em; 
	margin-left: 20px;
 }

.level4 a,
.level4 activ,
.level4 span{
	font-size:0.9em;
	margin-left: 30px;
}
	.level3 .activ{
		font-size: 0.9em;
		margin-left: 20px;
	}
		 .menu1 a .sub, .menu2 a .sub, .menu3 a .sub, .menu4 a .sub, .menu6 a .sub, .menu7 a .sub,
		.menu10 a .sublevel3, .menu12 a .sublevel3, .menu13 a .sublevel3, .menu14 a .sublevel3, .menu15 a .sublevel3, .menu16 a .sublevel3, .menu17 a .sublevel3, .menu18 a .sublevel3  {
			position: absolute;
			left: -999em;
			width: 800px;
			color: #003366;
		}
		.menu1 a:hover .sub{
			top: 37px;/*Willkommen*/
			left: 5px;
		}
		.menu2 a:hover .sub{
			top: 37px;/*Clubs*/
			left: 20px;
		}
		.menu3 a:hover .sub{	
			top: 37px;/*ICIS*/
			left: 90px;
		}
		.menu4 a:hover .sub{	
			top: 37px;/*Downloads*/
			left: 110px;
		}
		.menu6 a:hover .sub{	
			top: 37px;/*Links*/
			left: 230px;
		}
		.menu7 a:hover .sub{	
			top: 37px;/*Impressum / Kontakt*/
			left: 450px;
		}
		.menu10 a .sublevel3,
		.menu12 a .sublevel3,
		.menu13 a .sublevel3,
		.menu14 a .sublevel3,
		.menu15 a .sublevel3,
		.menu16 a .sublevel3,
		.menu17 a .sublevel3,
		.menu18 a .sublevel3 {
			width: 380px;			
			}
		.menu10 a:hover .sublevel3{
			top: 240px;
			left: -10px;	/*Vereinsleben*/		
		}
		#termine-aktuell .menu10 a:hover .sublevel3,
		#termine-alt .menu10 a:hover .sublevel3{
			top: 270px;
				
		}
		#auffuehrungen .menu10 a:hover .sublevel3,
		#gallagherstory .menu10 a:hover .sublevel3,
		#barndancestory .menu10 a:hover .sublevel3,
		#skibbereenstory .menu10 a:hover .sublevel3{
			top: 340px;
		}
		#presse .menu10 a:hover .sublevel3,
		#oz2009-02-16 .menu10 a:hover .sublevel3,
		#oz2009-01-28 .menu10 a:hover .sublevel3,
		#ez2008-08-29 .menu10 a:hover .sublevel3,
		#ez2010-07-15 .menu10 a:hover .sublevel3{
			top: 390px;
		}
		#froschcloggerin .menu10 a:hover .sublevel3,
		#tina .menu10 a:hover .sublevel3{
			top: 320px;
		}
				#aenderungen .menu10 a:hover .sublevel3{
			top: 240px;
		}
		.menu12 a:hover .sublevel3{
			top: 210px;
			left: -10px;	/*Bildergalerie*/		
		}
			#termine-aktuell .menu12 a:hover .sublevel3,
			#termine-alt .menu12 a:hover .sublevel3{
			top: 240px;				
		}
#presse .menu12 a:hover .sublevel3,
		#oz2009-02-16 .menu12 a:hover .sublevel3,
		#oz2009-01-28 .menu12 a:hover .sublevel3,
		#ez2008-08-29 .menu12 a:hover .sublevel3,
		#ez2010-07-15 .menu12 a:hover .sublevel3{
			top: 360px;
		}		
			#gallagher .menu12 a:hover .sublevel3
			{
				top: 260px;
				left: -10px;	/*Bildergalerie auf der Seite Film ff*/		
			}
			#skibbereen .menu12 a:hover .sublevel3{
				top: 260px;
				left: -10px;	/*Bildergalerie auf der Seite Film ff*/		
			}

			#auffuehrungen .menu12 a:hover .sublevel3,
			#barndancestory .menu12 a:hover .sublevel3,
			#skibbereenstory .menu12 a:hover .sublevel3,
			#gallagherstory .menu12 a:hover .sublevel3,
			#froschcloggerin .menu12 a:hover .sublevel3
			{
				top: 310px;
				left: -10px;
			}
	 			#tina .menu12 a:hover .sublevel3{
			top: 300px;	/**/		
		}
		.menu13 a:hover .sublevel3{
			top: 180px;/*Gaestebuch*/
			left: -10px;			
		}
		
			
			#skibbereen .menu13 a:hover .sublevel3{
				top: 230px;
				left: -10px;	/*Bildergalerie auf der Seite Film ff*/		
			}
			#gallagher .menu13 a:hover .sublevel3
			{
				top: 230px;
				left: -10px;	/*Gästebuch auf der Seite Film ff*/		
			}
#froschcloggerin .menu13 a:hover .sublevel3{
			top: 270px;
			left: -10px;
			}
			#termine-aktuell .menu13 a:hover .sublevel3,
			#termine-alt .menu13 a:hover .sublevel3{
			top: 210px;				
		}			
#presse .menu13 a:hover .sublevel3,
		#oz2009-02-16 .menu13 a:hover .sublevel3,
		#oz2009-01-28 .menu13 a:hover .sublevel3,
		#ez2008-08-29 .menu13 a:hover .sublevel3,
		#ez2010-07-15 .menu13 a:hover .sublevel3{
			top: 330px;
		}		
						
		
			#tina .menu13 a:hover .sublevel3{
				top: 270px;
				left: -10px;
			}
			
			#auffuehrungen .menu13 a:hover .sublevel3,
			#barndancestory .menu13 a:hover .sublevel3,
			#skibbereenstory .menu13 a:hover .sublevel3,
			#gallagherstory .menu13 a:hover .sublevel3 {
				top: 280px;
				left: -10px;
			}

		.menu14 a:hover .sublevel3{
			top: 150px;
			left: -10px;	/*Filme*/ 	
		}
			#auffuehrungen .menu14 a:hover .sublevel3,
			#barndancestory .menu14 a:hover .sublevel3,
			#skibbereenstory .menu14 a:hover .sublevel3,
			#gallagherstory .menu14 a:hover .sublevel3 {
				top: 250px;
				left: -10px;
			}
			#termine-aktuell .menu14 a:hover .sublevel3,
			#termine-alt .menu14 a:hover .sublevel3{
				top: 190px;
				left: -10px;
			}
		#presse .menu15 a:hover .sublevel3,
		#oz2009-02-16 .menu15 a:hover .sublevel3,
		#oz2009-01-28 .menu15 a:hover .sublevel3,
		#ez2008-08-29 .menu15 a:hover .sublevel3,
		#ez2010-07-15 .menu15 a:hover .sublevel3{
			top: 300px;
		}		
			
			#froschcloggerin .menu14 a:hover .sublevel3,
			#tina .menu14 a:hover .sublevel3{
				top: 180px;
				left: -10px;
			}
		
		.menu15 a:hover .sublevel3 {
			top: 145px;
			left: -10px;	/*Termine */			
		}
			#auffuehrungen .menu15 a:hover .sublevel3,
			#barndancestory .menu15 a:hover .sublevel3,
			#skibbereenstory .menu15 a:hover .sublevel3,
			#gallagherstory .menu15 a:hover .sublevel3,
			#froschcloggerin .menu15 a:hover .sublevel3{
				top: 250px;
				left: -10px;
			}
		

		#froschcloggerin .menu15 a:hover .sublevel3,
		#tina .menu15 a:hover .sublevel3{
			left: -10px;	/**/		
		}
			#tina .menu15 a:hover .sublevel3{
			top: 240px;	/**/		
		}
		
		.menu16 a:hover .sublevel3 {
			top: 115px;
			left: -10px;	/*Aufführungen*/
			}
	#presse .menu16 a:hover .sublevel3,
		#oz2009-02-16 .menu16 a:hover .sublevel3,
		#oz2009-01-28 .menu16 a:hover .sublevel3,
		#ez2008-08-29 .menu16 a:hover .sublevel3,
		#ez2010-07-15 .menu16 a:hover .sublevel3{
			top: 270px;
		}			
		#froschcloggerin .menu16 a:hover .sublevel3 {
			top: 220px;
			left: -10px;	/**/		
		}
		#tina .menu16 a:hover .sublevel3 {
			top: 210px;
			left: -10px;	/**/		
		}
		.menu17 a:hover .sublevel3 {
			top: 85px;
			left: -10px;	/*presse*/		
		}
		#froschcloggerin .menu17 a:hover .sublevel3{
			top: 190px;
			left: -10px;	/**/		
		}
	#tina .menu17 a:hover .sublevel3	 {
			top: 180px;
			left: -10px;	/**/		
		}
				.menu18 a:hover .sublevel3 {
			top: 60px;
			left: -10px;	/*Froschcloggerin*/		
		}
		
			#froschcloggerin .menu18 a:hover .sublevel3 {
			top: 160px;
			left: -10px;	/*Froschcloggerin*/		
		}
		#tina .menu18 a:hover .sublevel3	 {
			top: 150px;
			left: -10px;	/**/		
		}

		/* ====================================
	4b. Subnavigation
	========================================= */
#subnav li {
	background: #99ccff url(../img/button1b.png) repeat;
	border: 1px solid #ffffff;
	padding: 4px 8px;
	list-style: none;
}
#subnav ul{
	background-color: #99ccff;
}

/* ==================================
	 5. Seitenspezifische Styles 
=============================== */
/*termine */
#termine-aktuell table,
#termine-alt table {
	width: 99%;
	border: 1px solid #0099CC;
}

#termine-aktuell td,
#termine-alt td {
	padding: 1px 5px;
	width: auto;
	text-align:left;
	vertical-align: text-top;
}
#termine-aktuell td,
#termine-alt td{
	border-bottom: 1px solid #0099CC;
	border-collapse: collapse;
}
#termine-aktuell td.end{
	border: none;
}
#termine-alt .register {
	width: 99%;
}
#termine-alt .jump {
	margin-top:5px;
}

/* ==================================
	 5. Seitenspezifische Styles 
=============================== */
/*Änderungen */
#aenderungen  td {
	padding: 1px 5px;
	width: auto;
	text-align:left;
	vertical-align: text-top;
}
#aenderungen #text li {
	list-style:inside;
}
#aenderungen #text li li{
	margin-left: 1.2em;	
}


/* ==================================
	ad 5. Seitenspezifische Styles 
=============================== */
/*clubs */
/*Klassen */
#all {
	width: 775px;/*in #all ist alles sichtbare des NOF-Kopfes zuzügl. des Inhalts von clubs gepackt. 
					Ab .register ist es nur Inhalt */
		background: #99ccff url(../img/bg_subnav.png) top right repeat-y;
		margin-top: 1.5em;
}
#all a img {
	margin: 0 auto;
}
#all a:hover, 
#all a:focus {
	background: none;
	text-decoration: none;
	border: none;
}
	#tabelle td.center img,
	#tabelle td.sprung img,
	#tabelle td.sprung img a{
		border-bottom: 0;/*div="tabelle" enthält auf der clubs-Seite alle 3 Tabellen */
		text-align: center;
	}
			
		
	#tabelle td.center p,
	#tabelle td.sprung p{
		font-size: 75%;
	}
#nurTabelle td{
	background: #99ccff url(../img/bg_td.png) top right repeat-y;
}
#nurTabelle .club{
	border: 1px solid #ddddff;
	background: #99ccff url(../img/bg_td.png) top right repeat-y;
	
}
#nurTabelle .toptheme,
#nurTabelle .topunit{
	border-top: 1px solid #ddddff;
	/*background: #99ccff;*/	
}
/*#nurTabelle .toptheme,
#nurTabelle .theme,
#nurTabelle .bottomtheme{
	background: #99ccff url(../img/bg_td_rev.png) repeat;
}
#nurTabelle .right-border,
#nurTabelle .topunit{
	border-right: 1px solid #ddddff;
	/*background: #99ccff;
}*/

#nurTabelle .theme,
#nurTabelle .toptheme,
#nurTabelle .bottomtheme{
	font-weight: bold;
	background: #99ccff url(../img/bg_td_rev2.png) repeat;
	
}
#nurTabelle .right-border-bottom,
#nurTabelle .bottomtheme{
	border-bottom: 1px solid #ddddff;
	/*background: #99ccff;*/
}
#nurTabelle .topclubs{
	text-align: center;
	font-size: 90%;
	background: #99ccff url(../img/bg_td_rev.png) repeat;
	border: 1px solid #ddddff;
}
#clubsTest2 #all #nurTabelle table,
#clubs #all #tabelle table,
#alpha #all #tabelle table,
#num #all #tabelle table,
#ausland #all #tabelle table {
width: 690px;
	margin-bottom: 0;
	/*border-collapse: collapse;*/
	border-spacing: 0;
	border-top: 1px solid #ddddff;
	border-right: 1px solid #666699;
	border-left: 1px solid #ddddff;
	border-bottom: 1px solid #666699;
}
#alpha #all #tabelle table,
#ausland #all #tabelle table,
#num  #all #tabelle table{
width: 90%;	
}
#alpha #all #tabelle table td,
#ausland #all #tabelle table td,
#num #all #tabelle table td{
	border-right: 1px solid #666699;
	border-left: 1px solid #ddddff;
	font-size: 95%;
}
 .clubeinleitung, 
 .clubeinleitungred {
 	text-align: center;
	font-size: 100%;
		
 }
 	.clubeinleitung p{
		margin: 0.25em 0;
	}
 	p.stern {
 		margin: 1.4em 0;
		font-weight: bold;
 	}
	
		 .clubeinleitung a,
		 .liste a,
		 .center p a,
		 .register a,
		 .navunten a,
		 .sprung p a,
		 .jump a{
	 	color: #003366;
		text-decoration: none;
		border-bottom: 1px solid #3399FF;
	 }
	 .clubeinleitung a:hover, .clubeinleitung a:focus,
	 .liste a:hover, .liste a:focus,
	 .center p a:hover, .center p a:focus,
	 .register a:hover, .register a:focus,
	 .navunten a:hover, .navunten a:focus  {
	 	background-color: #66CCFF;
		border: none;
	 }
	 .redbold {
		color: #cc0000;
		font-weight: bold;
	 }
	 .red {
		color: #cc0000;
		font-style: italic;
		font-weight: normal;
	 }
	 
	 .clubeinleitungred a {
	 	color: #cc0000;
		text-decoration: none;
		border-bottom: 1px solid #3399FF;
	 }
	 .clubeinleitungred a:hover, a:active {
	 	background-color: #66CCFF;
		border: none;
	 }
.register {
	margin: 0.4em 0;
	border-top: 1px solid #ffffff;
	padding-top: 1em;
	text-align: center;
}
	.register p.what {
		margin-bottom: 0.25em;
	}
#tabelle {
	margin: auto 15px;
}	
/* ==================================
	 ad 5. Seitenspezifische Styles 
=============================== */
/*icis */
/*Klassen */ 
#icis #subnav img{
	text-align: center;
	margin: 10px 6px 10px 7px;
}


#icis #text {
	text-align: center;
}
#icis #text ul{
	text-align: center;
}
#icis #text li,
#ecta #text li,
#tipps #text li,
#presse #text li{
	display: inline;
	list-style-type: none;
	padding: 0 15px;
}
	#tipps #text li{
	display: inline;
	list-style-type: none;
	padding: 0 15px;
	/*width: 165px;*/
	margin: 0 5px;
	/*background-color: #FFCC00;gelb*/
	
}
	#tipps #text .liste .zweizeilig {
	height: 3.35em;
	
	}
#icis table .innen,
#icis .innen td{
	border: 1px solid #9999CC;
	padding: 1px 3px;
}

#icis .nebeneinander {

	/*background-color:#FFFF66;gelb*/
}
#icis .links {
	float: left;
	width: 200px;
	/*height: 100px;
	background-color:#9933CC;lila*/
	margin-left: 40px;
}
#icis.links  ul{
	margin-left: 50px;
	

}
#icis #text ul.links li{
	display: block;
	/*width: 150px;*/
}
#icis .rechts {
	/*background-color: #00FF33;gruen*/
	margin-left: 250px;
}
/*#icis #text ul.rechts {

	width: 850px;
	margin: 0;
}*/
#icis #text .rechts li{
	display: block;
}

/* ==================================
	 ad 5. Seitenspezifische Styles 
=============================== */
/*downloads etc */
/*Klassen */ 
#icissongs #text ul{
	width: 565px;
	text-align: left;
}


#icissongs #text li,
#tipps #text li,
#links #text li{
	display: inline;
	list-style-type: none;
	padding: 0 15px;
	width: 165px;
	margin: 0 5px;
	background-color: transparent;
}
	#links #text li{	
		width: 265px;
	}
	
#tipps #text .liste,
#icissongs #text .liste {
	margin-right: 2px;
	/*height: 35px;*/
	position: relative;
	list-style: none;	
}


#tipps #text .liste li,
#icissongs #text .liste li,
#links #text .liste li{
	font-size: 90%;
	float: left;
	margin: 2px;
/*	border: 1px solid #ffffff;*/
	padding: 4px 7px;
	list-style: none;
}
	#icissongs #text .liste li,
	#links #text .liste li{
	padding: 4px 0;
	list-style: none;
}

#tipps #text .liste ul{
	float: left;
	margin-left: 60px;
	padding-bottom: 2px;
	
}
#icissongs #text .liste ul,
#links #text .liste ul{
	float: left;
	/*margin-left: 60px;*/
	padding-bottom: 2px;
}
	#links #text .liste ul{
	border-bottom: 1px solid #666699;
}

	#links .imglink a {
	margin: 0 auto;
	text-decoration: none;
	margin: 0;
	border: none;
	padding: 0;
}
#links .imglink a:hover, 
#links .imglink a:focus {
	background: none;
	text-decoration: none;
	margin: 0;
	border: none;
	padding: 0;
}
	
/* =====================================================
	Styles für die Tabellen (clubs...)
	==================================================*/
#tabelle tr{
	border-top: 1px solid #ddddff;
	border-right: 1px solid #666699;
	border-left: 1px solid #ddddff;
	border-bottom: 1px solid #666699;
	
}	
#tabelle td{
	border-top: 1px solid #669;
	border-right: 1px solid #ddf;
	border-left: 1px solid #669;
	border-bottom: 1px solid #ddf;
	padding: 10px;

}
#alpha #all #tabelle td.letter,
#ausland #all #tabelle td.letter,
#num #all #tabelle td.letter{/*Anfangsbuchstabe*/
	color: #003366;
	background-color: #33ffcc;
	text-align: center;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1em;
}
#alpha #tabelle table td.club,
#ausland #tabelle table td.club,
#num #tabelle table td.club{
	width: 185px;
	}


#alpha #tabelle td.whatis,
#ausland #tabelle td.whatis,
#num #tabelle td.whatis{
	font-weight: bold;
	width: 75px;
	border-right: none;
}
#tabelle td p.clubname{
	font-weight: bold;
	margin: 0;
	padding-bottom: 0;
}
#tabelle td.club p{
	margin: 0;
	padding-top: 0;
}
#froschcloggerin table {
	margin: 15px auto ;
	text-align: center;
	border: 1px solid #000066;
	
}
#froschcloggerin td {
	padding: 2px 15px;
}
#ez2008-08-29 li{

	list-style-position: inside;
}
/****cuesheets****/
#cuesheets caption{
background-color:#09C;
color: #ffffff;

}
#cuesheets table.liste{
border: 1px solid #069;	
width: 100%;
margin-bottom: 1em;
font-size: 85%;
}
* html body * { overflow:visible } /*IE Hack (Italics Bug)*/
* html #cuesheets table.liste{
	width: 98%;
	}
#cuesheets .liste td{
width: 65%;	
}
#cuesheets .liste td.zip{
width: 35%;	
}
#cuesheets .liste td.border {
text-align: center;
}
/* ==================================
	 ad 5. Seitenspezifische Styles 
=============================== */
/*aufführungen */
/*Klassen */ 	
#auffuehrungen .rollover a,
#auffuehrungen .rollover a:hover,
#auffuehrungen .rollover a:focus{
	background: none;
	text-decoration: none;
	border: none;
} 

#gallagherstory #text li,
#skibbereenstory #text li,
#barndancestory #text li,
#home #text li {
	list-style-position: inside;
	list-style-type:disc;
}

	#gallagherstory #text li img,
	#skibbereenstory #text li img,
	#barndancestory #text li img{
		margin: 0;
		padding: 0 10px;
		vertical-align: text-bottom;
		background: none;
	}

	#gallagherstory #text li a:hover,
	#gallagherstory #text li a:focus,
	#skibbereenstory #text li a:hover,
	#skibbereenstory #text li a:focus,
	#barndancestory #text li a:hover,
	#barndancestory #text li a:focus{
		background: #ffffff;
		border: 1px solid #cc0000;
		padding-top: 4px;
	}

/*===================literatur und ton =================*/
#literatur h1{
	margin-top:1em;
}
#literatur table{
	width: 100%;
	border-top: 1px solid #000000;
}

#literatur td{
	vertical-align:text-top;
	border-bottom: 1px solid #000000;
	padding:5px 9px;
	width: 50%;
	}	
	#literatur table h3{
		margin: 0.5em 0;
		
	}
	
	#literatur table h5{
		margin-bottom: 0.5em;
	}
	#literatur .secondcell{
		border-left: 1px solid #ffffff;
	}
/*	===============================
	sitemap.html (noch IMD)
	===============================*/
.sitemap ul {
	margin: 3px 0 3px 25px;
}
 .sitemap li {
 	font-variant:small-caps;
	font-size: 100%;
	
 }
 .sitemap ul ul li {
 	font-variant: normal;
	font-size: 95%;
	margin-left: 10px;
	list-style-position:inside;
 } 
  
   .sitemap ul ul ul li {
 	font-variant: normal;
	font-size: 90%;
	margin-left: 20px;
	list-style-position:inside;
 }
 .sitemap a {
 	text-decoration: none;
 }
 .sitemap a:hover,
 .sitemap a:focus {
 	color:#ff0000;
 	/*text-decoration: underline;*/
	border-bottom: 1px solid #009900;
	background-color:#FFFFCC;
 }
/* ==================================
	 6. Sonstige Styles 
=============================== */
/* Klassen */
.sprung{
	text-align: center;
	width: 85px;
}
.center {
	text-align: center;
}
.center img,
.sprung img{
	margin: 0 auto 15px 150px;
	text-align: center;
}

#skibbereen #text a:hover,
#skibbereen  #text a:focus,
#gallagher #text a:hover,
#gallagher  #text a:focus  {
	background: #99ccff;
	/*color: #003366;*/
	text-decoration: none;
	border-bottom: 1px solid #CC0000;

}
.jump img {
	margin: 0; /*nimmt den Rand um die Bilder die eine Sprungmarke verschönern */
}
.jump {
 	text-align: right;
	font-size: 75%;
	margin-bottom: 0;
	color: #003366;
 }
p.sprungmarke-folgt{
margin-bottom: 0;
 }
 .red
 {
 	color: #cc0000;
 }
 .quelle{
 	font-style: italic;
	font-size:75%;
	text-align: right;
 }
 .gestrichen{
		text-decoration:line-through; 
 }

/* =====================================================
	Styles für die Bearbeitung, um etwas in der Textphase hervorzuheben
	==================================================*/
.alert {
	color: #33FF00;
	font-weight: bolder;
	font-size: 150%;
	/*text-decoration:blink;*/
}	
/* Ende */