/* ========= Globale Formate ======== */
body	{
	margin: 0; padding: 0;
	background: #FFF;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	text-align: center; color: #3F3F3F;
	background: url("../gfx/bg-main.gif") -49px 0px #FBF8E8;
} 

div, ul, li, p {margin: 0px; padding: 0px; font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;}

#content a:link		{color: #000; border-bottom: solid 1px #F77B4B; text-decoration: none; white-space: nowrap;}
#content a:visited 	{color: #000; border-bottom: solid 1px #C89C60; text-decoration: none; }
#content a:hover, a:active, a:focus	{color: #AD681A; border-bottom: solid 1px #000; background: #FFF; text-decoration: none;}

/* DIVS */
#main-container	{
		/* width: 91%; max-width: 1000px; min-width: 760px; text-align: center; */ width: 781px;
		margin: 0 auto 0 auto;
		background: url("../gfx/bg-main-container.jpg") repeat-y #FEFFFA;
		font-size: 100%;
}
		
#main-container:after {
    content: "."; 
    display: block; 
    line-height: 0;
    font-size: 0;
    height: 0;
    clear: both; 
    visibility: hidden;
}

#inner-container 	{ 
			width: 100%;
			text-align: left;
			background: url("../gfx/bg-inner-container.jpg") 0px 0px no-repeat;
}
			

#header	{
	width: 100%; height: 203px;
	text-align: left;
	background: url("../gfx/bg-header.jpg") no-repeat #D86040;
}
	

#header a, #header a:visited, #header a:hover, #header a:active, #header a:focus {display: block; position: relative; top: 30px; left: 10px; height: 140px; width: 100px; overflow: hidden; letter-spacing: 1000px; text-indent: -500em; text-decoration: none; border: none; background: none;}

/* Positionsanzeige */

#show-position	{	
		width: 550px; height: 19px;
		clear: both;
		margin: 2px 0 10px 223px; 
		clear: both; vertical-align: middle;
		font-size: 11px; line-height: 150%; color: #F1CC7C;
		background: #B83732;
}
		
#show-position a, #show-position a:visited {text-decoration: none; line-height: 150%; color: #FFF; }
#show-position a:hover, #show-position a:active, #show-position a:focus {color: #F5D89C;  text-decoration: none;}

/* Inhaltsbereich */

#content { width: 545px; margin: 12px 0 0 24px; float: left;  font-size: 83%; } 

* html #content { position: relative; left:0; top: 0; display: inline; margin: 6px 0 0 20px;}

#inner-container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* bsondere Formate für den Inhalt */

#hausmusikwoche-fotoarchiv .gallery {width: 420px; margin: 40px 0 0 52px;}


/* ========= Navigations - Bereich ======== */

/* Navigation (global) */

#nav {
		width: 187px;
		float: left; display: inline; 
		margin: 15px 0 0 10px;
		background: url("../gfx/n-head-bg.gif") top left no-repeat #B83732;
}

#nav ul {
	display: block;
	border-top: 1px solid #CA3827;
	font-size: 83%;
}

#nav ul li {
		padding: 1px 0 0 0;
		list-style: none;
		white-space: nowrap;	
		background: url("../gfx/n-bg-li.gif") top left no-repeat;		
}

#nav a, #nav a:visited 	{
		display: block; width: 187px;
		padding: 0 0 2px 0;
		color: #FBF2DE; font-weight: normal; text-indent: 9px; font-size: 100%; line-height: 173%;
		background: url("../gfx/n-inactive.gif") left center repeat-y #D55138;
		border-bottom: 1px solid #C43C38;
		text-decoration: none;
}

#nav a:hover, #nav a:active, #nav a:focus, #nav a:focus .sffocus {background: url("../gfx/n-active.gif") left center repeat-y #D86548; color: #FFF;}

/* Navigation (styling the level) */

a#level-0, a:visited#level-0 	{
			background: url("../gfx/n-active.gif") left center repeat-y #D86040;
			font-weight: bold; color: #FFF;
			border-bottom: none;
}
			
a:hover#level-0, a:active#level-0, a:focus#level-0, a:focus#level-0 .sffocus {background: url("../gfx/n-active.gif") left center repeat-y #D22E2A; font-weight: bold;}


/* Menü (LEVEL 1 [sub]) */

#nav ul ul {background: #AC3430; border-top: 0px;}

#nav ul ul li	{
		font-size: 100%; text-indent: 14px; white-space: nowrap;
		background: none;
}
	
#nav ul ul li a, #nav ul ul li a:visited	{	
		background: url("../gfx/n-sub-inactive.gif") left center no-repeat #9C2E2B;
		text-indent: 14px; line-height: 173%;
}

#nav ul ul li a:hover, #nav ul ul li a:active, #nav ul ul li a:focus, #nav ul ul li a:focus .sffocus {background: url("../gfx/n-sub-active.gif") left center no-repeat #D86040; }

#nav a#level-1, #nav a:visited#level-1 {
				background: url("../gfx/n-sub-active.gif") left center no-repeat #D86040; 
				color: #FFF;
}
							
a:hover#level-1, a:active#level-1, a:focus#level-1, a:focus#level-1 .sffocus {background: url("../gfx/n-sub-active.gif") left center no-repeat #D86040; }

/* Hack IE (kein doppelter Abstand bei Listenpunkten durch Border */

/* Hack IE 5.0 Löst in diesem Fall das 2 Pixel-Abstand-Problem und mit float:none das Verrutschen der Menüpunkte */
html + body #nav a {width: auto; height: 1%;}  
html + body #nav a:visited {width: auto; height: 1%;}  
html + body #nav ul li {text-indent: 0px; display: inline;}
html + body #nav ul ul li {text-indent: 0px; display: inline;}

#nav-end {
	float: left; 
	height: 136px; width: 187px; 
	background: url("../gfx/bg-nav-end.jpg") no-repeat; 
}

/* Footer mit 2 Hacks und einem Workaround */
/* Die Hintergrundpositionen entfernt einen 1 Pixel-Abstand des Footers (nach oben) beim IE */
#footer	{width: 100%; height: 124px; background: url("../gfx/bg-footer.jpg") 0px -1px no-repeat #9D302D; color: #F1CC7C; font-size: 85%; clear: both;
		display: inline; /* für IE 5.5 */
		voice-family: "\"}\"";
		display: block; /* für alle anderen Browser */
}
html + body #footer {display: inline;}  /* für IE 5 */

#footer a, #footer a:visited  {text-decoration: none; background: none; color: #B63633; }
#footer a:hover, #footer a:active,  #footer a:focus, #footer a:focus .sffocus {color: #000;}

#footer p a, #footer p a:visited  {text-decoration: none; background: none; color: #F1CC7C; }
#footer p a:hover, #footer p a:active,  #footer p a:focus {color: #FFF;}

#bottom-nav {
	width: 571px; 
	display: block; float: right; clear: both; 
	font-size: 11px; 
	margin: 48px 0 26px -2px;
}

/* Navigation [bottom] */
#bottom-nav li {display: inline; float: left;}
#bottom-nav li a, #bottom-nav li a:visited {
				display: block; float: left; height: 1.2em; line-height: 1.2em;
				padding: 0 0 0 11px;
				margin: 0;
				border: none;
} 

html>body #bottom-nav li a, #bottom-nav li a:visited {padding-top: 1px;} 
				
#bottom-nav li#backlink {width: 276px; }
#bottom-nav li#printlink {width: 130px;}
#bottom-nav li#toplink {width: 155px;}
li#backlink a, li#backlink a:visited {background: url("../gfx/icon-back.gif") center left no-repeat;}
li#printlink a, li#printlink a:visited {background: url("../gfx/icon-print.gif") center left no-repeat;}
li#toplink a, li#toplink a:visited {background: url("../gfx/icon-top.gif") center right no-repeat; padding-left: 0px; padding-right: 10px;}

.imprint {display: none;}


/* ========= Content - Bereich ======== */

/* Der folgende Style wird nicht auf dem Schirm angezeigt, aber von Screenreadern vorgelesen) */
.hiddenbutreader {position: absolute; left: -999em; top: -999em;}


/* DIV - Block  (INFOBEREICH) */

.info-header 	{
		font-family: Arial, Helvetica, Verdana, Sans-Serif;
		float: left; clear: both;
		padding-bottom: 2px; margin-top: 20px;
		background: url("../gfx/th-bg-01.gif") bottom;
		border-top: 1px solid #D7D7D7;
		border-left: 1px solid #D7D7D7;
		border-right: 1px solid #C5C5C5;
}

.info-header-search 	{
			font-family: Arial, Helvetica, Verdana, Sans-Serif;
			float: left; clear: both; width: 80%;
			padding: 0.1em 0.4em 0.1em 0.2em;
			font-size: 100%; color: #FF3300; font-weight: bold;
			background: url("../gfx/th-bg-01.gif") bottom;
			border-top: 1px solid #D7D7D7;
			border-left: 1px solid #D7D7D7;
			border-right: 1px solid #C5C5C5;
}

.info-header-search strong	{color: #000;}

.info-01	{
		clear: both;
		width: 95%;
		margin-bottom: 15px;
		border-left: 1px solid #C5C5C5;
		border-top: 1px solid #C5C5C5;	
		border-right: 1px solid #C5C5C5;
		border-bottom: 1px solid #C5C5C5;
		background: #FEF9E9;
		overflow: visible;
		}

.info-01-search	{
		clear: both;
		width: 95%;
		margin-bottom: 10px;
		border-left: 1px solid #C5C5C5;
		border-top: 1px solid #C5C5C5;	
		border-right: 1px solid #C5C5C5;
		border-bottom: 1px solid #C5C5C5;
		background: #FBFBFB;
		overflow: visible;
		}


.info-nested	{
		clear: both;
		padding: 2%; 
		margin-bottom: 4px;
		border-top: 1px solid #FEFBF2;
		border-left: 1px solid #FEFBF2;	
		overflow: visible;		 
		}



/* Tabellen  (INFOBEREICH) */

td {vertical-align: top;}	
table span {white-space: nowrap;}

.info-table	{
		width: 540px;
		margin: 15px 0 15px 0;
		border-collapse: collapse;
		border: 1px solid #B83732;
		color: #000;
		empty-cells: hide;
		} 

/* Links im INFOTABLE */

#content .info-table a:link	{color: #000; text-decoration: underline; border: none; line-height: 150%;}
#content .info-table a:visited 	{color: #000; text-decoration: underline; border: none; line-height: 150%;}
#content .info-table a:active, #content .info-table a:hover, #content .info-table a:focus {color: #000; background: #FFF; text-decoration: underline; border: none; line-height: 150%;}

.info-table th	{
		padding: 2px 0px 3px 5px;
		background: url("../gfx/bg-th-infotable.jpg") top left repeat-x #B83732;
		font-family: Arial, Helvetica, Verdana, Sans-Serif; text-align: left; color: #FFF;
		border: 1px solid #651B17;
		}

.info-table td {line-height: 150%; padding: 5px 5px 7px 5px;}

.info-table p	{margin: 0px 0px 6px 2px;}
.info-table ul {line-height: 160%; list-style: circle; margin: 0px 5px 5px 10px; padding: 0px 0px 0px 5px;}

/* variable breite */
.tr-dark {background: #FBF0D5;}
.tr-light {background: #FFFCEA;}

.td-1 { 
		width: 33%;
		padding: 5px 5px 7px 5px;
		}
		
.td-2	{
		width: 33%;
		border-left: 1px dashed #DAB994;
		border-right: 1px dashed #DAB994;
		}
		
.td-3	{
		width: 33%;
		}

.td-4	{
		border-top: 1px dashed #DAB994;
		border-bottom: 1px solid #B83732;
		}
		
.tr-dark .td-1, .tr-dark .td-2, .tr-dark .td-3 {background: url("../gfx/bg-td-x_1.gif") top left repeat-x #FBF0D5;}
.tr-light .td-1, .tr-light .td-2, .tr-light .td-3 {background: url("../gfx/bg-td-x_2.gif") top left repeat-x #FFFCEA;}
		
.tr-dark .td-4 {background: url("../gfx/bg-td-4_1.gif") bottom left repeat-x #FBF0D5;}
.tr-light .td-4 {background: url("../gfx/bg-td-4_2.gif") bottom left repeat-x #FFFCEA;}

		

.search-result	{
		font-weight: bold; font-size: 85%;
		padding: 0.2em;
		height: 2em;
		background: #FDFCF9;
		}
		
.search-nav	{
		font-weight: bold; font-size: 100%;
		padding: 0.2em;
		height: 2em;
		}
		
.info-table .search-nav p {color: #000;  line-height: 173%; margin: 0.6em; vertical-align: middle;}

.info-table .search-nav img {vertical-align: middle; border: 0;}
	
.info-table .search-nav a	{	
				margin: 3px 0; padding: 2px 0 3px 0; text-indent: 0; 
				background: url("../gfx/button-bg.gif") bottom repeat-x #FFF;
				border: 1px solid #818181;
				color: #000; font-size: 100%; line-height: 100%; text-decoration: none;
				}

.info-table .search-nav a:visited	{background: url("../gfx/button-bg.gif") bottom repeat-x #FFF; line-height: 100%; text-decoration: none; color: #000; }
.info-table .search-nav a:active, .info-table .search-nav a:hover, .info-table .search-nav a:focus, .info-table .search-nav a:focus .sffocus 	{background: #FDF3DB; font-weight: bold; line-height: 100%; text-decoration: none; color: #777; }

.info-table .search-nav .button	{		
				margin: 0; padding: 0;
				background: 0;
				border: 0;
				text-decoration: none;
				}


/* Schriften */
/* sIFR Styles - for detailed info see: http://wiki.novemberborn.net/sifr/show/HomePage */

h1 {
	width: 85%;
	font-weight: 600; color: #B83733;
	padding: 3px 0 5px 37px;
	margin: 0 11px -4px 0;
	background: url("../gfx/icon-h1.gif") center left no-repeat;
	font-family: Palatino Linotype, Book Antiqua3, Palatino, serif, Georgia, Garamond, Arial, Helvetica, Verdana, Sans-Serif;  
	font-size: 1.6em;
	line-height: 1.6em;
}

h2 {
	width: 85%;
	color: #BC803E;
	padding: 11px 0 10px 0;
	margin: 0 11px -12px 0;
	font-family: Palatino Linotype, Book Antiqua3, Palatino, serif, Georgia, Garamond, Arial, Helvetica, Verdana, Sans-Serif; 
	font-size: 1.4em;
	line-height: 1.4em;
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
	padding: 3px 0 5px 37px;
	letter-spacing: -3px;
	font-size: 1.4em;
	line-height: 1.4em;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	padding: 13px 0 7px 0;
	letter-spacing: -3x;
	font-size: 1.2em;
	line-height: 1.3em;
}

p	{font-family:Verdana,  Tahoma, Arial, Helvetica, Sans-Serif; line-height: 149%; margin: 0.8em 0 0.4em 0; }
.see-strong {font-weight: normal;}
.plus {margin: 1em 0 0.7em 0; }
.vita {width: 375px; border: 1px solid white;}
#footer p {display: block; margin: 0; padding-left: 209px; font-size: 80%; text-align: left; clear: both; line-height: 1em;}
.stars {color: #676767;}
pre	{font-family: 'courier new', courier, monospace; color: #000; font-size: 150%; line-height: 150%; margin: 0.6em 1em 0.4em 0;}
abbr, acronym { cursor: help; border-bottom: 1px dotted #000;}
			
hr { color: #FFF; height: 3px; width: 98%; background-color: #FFF; border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF; border-bottom: 1px solid #D5AF84; margin: 15px 0 19px 0; line-height: 1px; font-size: 1px;}

.keywords ul {margin: 0 0 15px 20px; padding: 0; list-style: none;}		
.keywords li {margin: 0; padding: 0px; height: 1.3em;}

.keywords li a, .keywords li a:visited  {background: url("../gfx/l-border01.gif") bottom repeat-x; color: #000; text-decoration: none; line-height: 190%;}
.keywords li a:active, .keywords li a:hover, .keywords li a:focus, .keywords li a:focus .sffocus {background: url("../gfx/l-border01.gif") bottom repeat-x; color: #0092FF; text-decoration: none; line-height: 190%;}

.ul-image 	{ 	
		line-height: 190%; 
		list-style-image: url("../gfx/ul-img.gif");
		margin: 12px 5px 23px 28px; padding: 2px 0 2px 11px; 
		}

.ul-arrow	{ 	
	line-height: 190%; 
	list-style-image: url("../gfx/ul-img-arrow-01.gif");
	margin: 12px 5px 26px 18px; padding: 2px 0 2px 20px; 
	}

.ul-arrow li {margin-bottom: 1em; background-image: none;}
.ul-image li {margin-bottom: 0.6em; background-image: none;}

ul.normal {margin: 10px 0 15px 30px;}
ul.normal li {
			background: none;
			list-style-type: circle; 
			line-height: 160%; 
			margin: 0; 
			padding: 2px 0 2px 2px; 
			}
			
ul.plusmargin {margin: 25px 0 10px 30px;}
ul.plusmargin li {
			background: none;
			list-style-type: circle; 
			line-height: 160%; 
			margin: 0; 
			padding: 2px 0 2px 2px; 
			}

		
ol {line-height: 165%; margin: 20px 0 23px 15px;}
ol li {margin-bottom: 1em; background-image: none;}


/* HTML TAGS for ACCESSIBILITY */

dfn {display: none; }

abbr, acronym, .theabbr { cursor: help; border-bottom: 1px dotted #000;}
			
/* Bilder */

img	{font-family: Tahoma, Arial, Verdana, Helvetica, Sans-Serif; border: 0px; float: right; margin: 9px 5px 10px 5px; border: 1px solid #7B6F6F;}
#hausmusikwoche-fotoarchiv img {text-align: center; float: none;}
.deco-right {float: right; margin: 15px 5px 10px 5px; border: 1px solid #7B6F6F;}
.deco-left {float: left; margin: 15px 10px 12px 0; border: 1px solid #7B6F6F;}

/* Newsbereich */

p.cat-dates {clear: both; margin: 10px 0 -2px 0; color: #B83733; font-size: 70%;}
p.cat-news {clear: both; margin: 10px 0 -2px 0; color: #B83733; font-size: 70%;}
p.cat-archiv {clear: both; margin: 10px 0 -2px 0; color: #B83733; font-size: 70%;}

#newsbox {margin: 12px 0 0 0;}
#newsbox span {line-height: 200%;}
#newsbox h2 {
	margin: -10px 11px -10px 0;
}

#newsbox input	{
			color: #000;
			border: 1px solid #B83733;
			background: url("../gfx/button-form.gif") left center repeat-x #FFF;
			cursor: pointer;
			}
			
/* Katalog Struktur - Seite Unterricht & Konzerte */

#katalogindex {margin: 20px 0 0 0;}
#katalogindex strong {line-height: 155%;}
#katalogindex a:visited {color: #4E4E4E;}