/* ==================================
CSS - Datei zur Website der Irish Mystic Dancer
Stand: 11. Dezember 2007
Zielbrowser: Firefox
Validierung:
	HTML: 29. Januar 2008
	CSS:  29. Januar 2008
Stand: 
	letzte geänderte Datei: raster_index.html
	noch zu ändern: [ ... ]
					
(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.css 
Datum der letzten Bearbeitung: 29. Januar 2008
Autor: Kathrin Koch 

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles f&uuml;r Layoutbereiche
		4a. Navigation
        5. Sonstige Styles 
		
		
Verwendete Farben:
		blass-gelb: #ffff99 z.B. Schrift auf Navi, Hintergrund im Textbereich
		mittelgrün: #009900 z.B. Hintergrund der Navi-Listenelemente, Schrift im Textbereich
		dunkles Grün: #006600 z.B. Schriftzug IMD, Hintergrund body
=================================== */


/* ==================================
   1. Kalibrierung
   =============================== */
   
 * {
 	margin: 0;
	padding: 0;
 }  
   
body  {
	background-color: #006600;
	color: #ffff99;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 1.4em;
}
p,
h1, h2, h3, h4, h5, h6   {
	margin-bottom: 1em;
}
h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h6 {font-size: 1em;}
   
   
   
   
   
/* ==================================
   2. Allgemeine Styles 
   =============================== */   
/*=====================
	Zum Sichtbarmachen*/
hr {
	background-color: #009900;
	margin: 25px 0;
	height: 0.05em;
	border: none;
}
.hr {
	
	margin: 25px 45px;

}	
#menue a {
	color: #009900;
}

.skiplink,
#printheader {
	position: absolute;
	top: -2000px;
	left: -3000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

a {
	color: #009900;
	text-decoration: underline;
}
a:visited {
	color: #00CC00;
}

a:hover, a:focus {
	color: #006600;
	text-decoration: none;
}
img {
	margin: 10px;
	border: 0;
}	

.jumptop img,
.leftsmall img,
.download img {
			margin: 0;
}
.download img {
			margin: 0 12px;
			vertical-align:text-bottom;
}		
li ul li {
	padding-left: 25px;
}


/* ==================================
   3. Styles f&uuml;r Layoutbereiche 
   =============================== */   
 #wrapper {
 	background: #006600 url(../img/Verlauf3.gif) repeat-y;
	color: #ffff99;
	width: 910px;
	/*margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;*/
	margin: auto;
}
 
 #header {
 	background: #009900 url(../img/background1024x150.jpg) no-repeat top left;
	color: #009900;
	height: 150px;
	/*border: 1px solid #ffff99;
	border-bottom: none;*/
 } 
 
  #name {
 	position: relative;
	margin-top: 60px;
	margin-bottom: 44px;
   	margin-left: 209px; /*Banner*/
} 

#nav {
	float: left;
	width: 220px;
	background-color: transparent;
	line-height: 1.2em;
	padding: 15px 10px;
	border: 1px solid;
	border-color: #006600 #006600 #006600 #ffFF99;
	margin-top: 40px;
	margin-left: 10px;
}  
   
#content {
	background: #ffff99 url(../img/Verlauf3.gif) repeat-y;
	color: #009900;
	border-top: none;
	/*border-right: 1px solid #ffff99;*/
	border-bottom: none;
	/*border-left: 1px solid #ffff99;*/
	
	
}

#breadcrumb {
	background-color: #009900;
	color: #FFFF99;
	font-size: 0.8em;
	text-align: right;
	border: none;
	padding-right: 10px;
}
	#breadcrumb a{
		color: #00FF33;
	}

#text {
	background-color: #FFFF99;
	color: #009900;
	text-align: justify;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;	
	margin-left: 250px;
	padding: 10px 25px;
	border-right: 1px solid #009900;
	border-bottom: 1px solid #009900;
}
#jumptop {
	background-color: #ffff99;
	display: block;
	margin: 5px 5px 5px auto;
	border: 0;
	
}
#logo {
	margin-left: 110px;
	text-align: center;
	
}

.clear {
	clear: both; /*ermöglicht den durchgehenden Footer*/
	height: 0;
} 

#flash {
	margin: 20px 0;
	text-align: center;
}

#footer {
	background-color: #006600;
	color: #ffff66;
	font-size:0.8em;
	font-style: italic;
	text-align: center;
	line-height: 1em;
	/*margin-bottom: 15px;*/
	border-right: 1px solid #006600;
	border-left: 1px solid #006600;
	padding-top: 10px;
	padding-bottom: 10px;

}
/*	===============================
	4a. Navigation
	===============================*/
	
#nav {
	font-variant: small-caps;
	font-size: 1.2em;
	
}
	#nav a {
		display: block;
		color: #ffff99;
		text-decoration: none;
		padding-left: 5px;
	}
	#nav a:hover, #nav a:focus {
		display: block;
		background-color: #ffff99;
		color: #006600;
	}	

	#nav ul {
		background-color: #006600;
		padding: 5px;
		list-style-type: none;
		
	}
	
	#nav li {
		background-color: #009900;
		color: #FFFF99;
		margin: 3px;
		border: 1px solid #ffffff;
			
	}

	#nav li.activ-box {
		display: block;
		color: #dd0000;
		font-weight: bold;
		padding-left: 5px;
	}

	/*	===============================
		4b. Navigation zweite Ebene
		===============================*/	
		
		#nav ul li.level2 {
			margin-left: 15px;
			padding-top: 0;
			padding-bottom: 0;
			padding-right: 0;
			padding-left: 0;
			font-size: 90%;
			
		}
	/*	*html #nav li.level2{
			text-indent: -1em;
		}*/
		#nav ul li.level2 .activ {
			color: #ee0000;
			font-weight: bold;
			padding-left: 4px;
		}
		
				/*	===============================
				4c. Navigation dritte Ebene
				===============================*/	
				
				#nav ul li.level3 {
					margin-left: 40px;
					margin-top: 0;
					font-size: 85%;
					
				}
				
				#nav ul li.level3 .activ {
					color: #ee0000;
					font-weight: bold;
					padding-left: 4px;
				}
				
									/*	===============================
				4d. Navigation vierte Ebene
				===============================*/	
				
				#nav ul li.level4 {
					margin-left: 65px;
					margin-top: 0;
					font-size: 80%;
					
				}
				
				#nav ul li.level4 .activ {
					color: #ee0000;
					font-weight: bold;
					padding-left: 4px;
				}
				
/*	===============================
	Tabellenstyles
	===============================*/
	
	/*	===============================
	erfolge.html / termine.html
	===============================*/
 	#erfolge caption {
		font-weight: bold;
		text-align: center;
	}
	.termine caption
	{
		font-size: 1.2em;
		font-weight: bold;
		text-align: center;
		padding-bottom: 4px;
			}	
	
	
	thead th {
	background: #090;
	color: #FFFF99;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	border-top: 1px solid #fff;
	border-right: 1px solid #c6cdd8;
	border-bottom: 1px solid #c6cdd8;
	border-left: 1px solid #fff;
	}
	
tbody th.firstcolumn{
		text-align: left;
		padding: 1px;
		padding-left: 6px;
		}
	
	td {
	background: #ecffec url(../img/bg_col2.gif) repeat-x;/*früher mintgrüner Streifen */
	color: #003366;
	border-top: 1px solid #fff;
	border-right: 1px solid #c6cdd8;
	border-bottom: 1px solid #c6cdd8;
	border-left: 1px solid #fff;
	padding:5px;
	}
	
	tbody tr td {
	font-style:italic;
	font-size: 90%;
	text-align:left;
}
	td:hover {
	background: #ecffec;/*mint*/
}

th {
border: 1px solid #090;
background-color: #009900;
color:#FFFF99;
text-align: left;
/*font-weight: bold;*/
padding: 0;
}

td {
padding: 0;
color:#009900;
border: 1px solid #090;
}
/*	===============================
	termine.html
	===============================*/
	
table.termine
 {
	margin-bottom: 15px;

}

#termine2009 thead th.firstcolumn a,
#termine2008 thead th.firstcolumn a,
#termine2007 thead th.firstcolumn a,
#termine2006 thead th.firstcolumn a,
#termine2005 thead th.firstcolumn a,
#termine2004 thead th.firstcolumn a,
#termine2003 thead th.firstcolumn a/*,
tbody th a:link,
tbody th a:visited, 
tbody th a:hover, 
tbody th a:active*/ {
	color: #FFCC00;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.1em;
}

.termine thead  tr th .firstcolumn a, 
tbody th a:link, tbody th a:visited, 
tbody th a:hover, 
tbody th a:active {
	color: #FFCC00;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.1em;
} 
tfoot th, tfoot td {
	font-size: 70%;
	background: #090;
	padding: .5em .5em .5em .5em;
	color: #ff9;
}

	tr.change td {
	background: #ffd url(../img/bg_col3.gif) repeat-x;/*früher gelblicher Streifen */
	color: #444;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
		tr.change td:hover {
			background: #FFfccc;/*gelbton*/
		}

			tbody th.change {
				background: #ffd url(../img/bg_col3.gif) repeat-x;
			}
			
			tbody tr.change th {
				background: #ffd url(../img/bg_col3.gif) repeat-x;
				border-right: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
				background-color: #ECE9D8;/*grauton*/
			}
			
/*	===============================
	presse.html
	===============================*/
			tbody tr td.bchange {/*für Presse - Tabelle */
				background: #ffd url(../img/bg_col3.gif) repeat-x;
				font-style:italic;
				font-size: 80%;
				text-align: center;
			}
			#presse tr td {
				font-style:italic;
				font-size: 80%;
				text-align: center;
			}
/*	===============================
	auffuehrungen.html
	===============================*/
	
#auffuehrungen .rollover a,
#auffuehrungen .rollover a:hover,
#auffuehrungen .rollover a:focus{
	background: none;
	text-decoration: none;
	border: none;
}
#auffuehrungen table {
	margin: 5px auto;
}
#auffuehrungen .rollover td{
	background: none;
}
/*	===============================
	hop.html
	===============================*/
.gruppebilder{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: center;
	height: 600px;
}
/*	===============================
	presse.html
	===============================*/
	
#presse th {
	width: 55%;
}
#presse th {
	width: 15%;
}

/*	===============================
	aenderungen.html
	===============================*/
	
#aenderungen table li{
	list-style-position: inside;
	text-align: left;
	margin-left: 5px;
}

/*	===============================
	links.html
	===============================*/
/*#links table .links {
	border: 0;

}*/	
.links td {
	vertical-align: middle;
	border: 0;
	background: none;

}
#links ul li img {
	vertical-align: middle;


}

/*	===============================
	sitemap.html
	===============================*/
 .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;
 }
/*	===============================
	Sonstige Styles	
	===============================*/
 
 .zentriert {
 	text-align: center;
}
 
 .jumptop{
 	text-align: right;
	font-size: 65%;
}

 .quelle {
 	text-align: right;
	font-size: 65%;
	margin-bottom: 1em;
	font-style: italic;
}
 
  .leftsmall {
 	text-align: right;
	font-size: 65%;
 }
  .gestrichen{
		text-decoration:line-through; 
 }

cite {
	display:block;
 	text-align: right;
	font-size: 70%;
 }
 
p.vers{
	text-align:left;
	font-style:italic;
	line-height:120%;
	padding-left:15px;
}

#allgemeineGeschichte #text ul,
#ez26Maerz06 #text ul,
#filme #text ul {
	list-style-position: inside;
	padding-bottom: 1em;
}
/*.zweispalter{
	list-style: none;
	margin-bottom: 2em;
	line-height: 1.3em;
}
 .zweispalter li{
	display: block;
	float: left;
	width: 20em;
}*/
/*   ============ erfolge - gallery ===============*/
#gallery {
	height: 430px;
	background-image:url(../img/bg_galery.png);
	position: relative;
}
#gallery2 {
	height: 500px;
	background-image:url(../img/bg_galery2.png);
	position: relative;
}

#gallery li,
#gallery2 li{
 	display: inline;
	text-decoration: none;
	list-style: none;
 }
#gallery a img,
#gallery2 a img{
	border: none;	
}
#gallery a .gross,
#gallery2 a .gross{
position: absolute;
left: -999em;
width: 270px;
font-size: 60%;
color: #BEBCB5;
}

 #gallery a:hover .gross {
position: absolute;
top: 160px;
left: 128px;
}
 #gallery2 a:hover .gross {
position: absolute;
top: 208px;
left: 128px;
}
a:hover {
background: #ffff99;/*unbedingt angeben, sonst zeigt der IE den span-tag nicht*/
text-decoration: none;
}
.float-left{
	float: left;
	margin-right: 15px;
}
/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */