/* 

**************************************
Stylehsheet Musik-Fuessen.de
**************************************

Farben:


*/


/* Styles normalisieren 
***************************************** */

* {
	padding:0px;
	margin:0px;	
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}

ol, ul {
	list-style: none;
}

address,caption, cite, code, dfn, em, strong, th, var {
	font-style:normal; 
	font-weight:normal;
}

table {
	border-collapse: collapse; 
	border-spacing: 0;
}

fieldset, img {
	border:0;
}

caption, th {
	text-align: left;
}


/* Allgemeine Styles 
***************************************** */



body {
	position: relative;
	margin: 0 auto;
	text-align: left;
}
body,td,th,a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}

h1, h1 a {
	color: #000000;
	font-weight: normal;
	font-size:24px;
	line-height:30px;	
	text-decoration:none;	
}

h2, h2 a {
	color: #800000;
	font-size:18px;
	font-weight:normal;
	line-height:18px;
	text-decoration:none;
	margin-bottom:18px;
}

h3, h3 a {
	color: #000000;
	text-decoration:none;
}

h4, h4 a {	
	color: #000000;
	text-decoration:none;
}


acronym {
	cursor: help;
}
strong {
	font-weight: bold;
}


.trenner {
   clear:both;
}



/* Links
******************************** */

a {
	color:#800000;
}

a:hover {
	color:#800000;
	text-decoration:underline;
}

a.detail {
	display: block;
	color:#800000;
	background:url('/_images/icn_link.gif') top left no-repeat;	
	padding-left:24px; 
	text-decoration:none;
}
a.detail:hover {
	text-decoration:underline;
}

a.linkint {
	background:url('/_images/icn_linkint.gif') top left no-repeat;	
	padding-left:18px;
	text-decoration:none;
}
a.linkint:hover {
	color:#800000;
	text-decoration:underline;
}

a.linkext {
   display:block;
	color:#800000;
	background:url('/_images/icn_linkext.gif') top left no-repeat;	
	padding-left:18px;
	text-decoration:none;
}
a.linkext:hover {
	color:#800000;
	text-decoration:underline;
}

a.back {
	display: block;
	color:#800000;
	background:url('/_images/icn_back.gif') top left no-repeat;	
	padding-left:24px; 
	text-decoration:none;
	margin-bottom: 24px;
}
a.back:hover {
	text-decoration:underline;
}

a.download {
	background:url('/_images/icn_linkdownload.gif') center left no-repeat;	
	text-decoration:none;
}
a.download:hover {
	text-decoration:underline;
}

a.downloadpdf {
	display:block;
	padding: 2px 0px 2px 20px;
	background:url('/_images/icn_pdfsmall.gif') top left no-repeat;	
	text-decoration:none;
}
a.downloadpdf:hover {
		color:#800000;
	text-decoration:underline;
}

a.print {
   background:url('/_images/icn_print.gif') center left no-repeat;	
	text-decoration:none;
}
a.print:hover {
	text-decoration:underline;
}

a.email {
/*	background:url('/_images/icn_email.gif') center left no-repeat;	
	padding-left:20px; */
	text-decoration:none;
	color:#800000;
}
a.email:hover {
	text-decoration:underline;
}


a.order {
	margin-top:24px;
	display: block;
	background:url('/_images/icn_bestellen.gif') center left no-repeat;	
	padding-left:20px;
	text-decoration:none;
	color:#800000;
}
a.order:hover {
	text-decoration:underline;
}




/* 
Seiten-Bereiche
**************************************
*/
#branding {
	position:relative;
	height:140px;
}
#brandingTitle {
	position:absolute;
	left:240px;
	top:32px;
}
#brandingLogo {
	position:absolute;
	left:668px;
	top:16px;
}

#title {
	background-color: #FF7100;
	width:362px;
	height:94px;
	z-index:1;
	position:absolute;
	top:120px;
	z-index:1;	
}

/* Inhaltsbereich Startseite */
#startContent {
	clear:both;
	margin:0px 8px 8px 16px;	
}
/* Inhaltsbereich Startseite */
#startImage {
	clear:both;
	margin:16px 16px 16px 0px;	
}

/* Inhaltsbereich Unterseiten */
#content {
	clear:both;
	position:relative;
	left:220px;
	width:424px;
	margin:16px 16px 160px 16px;	
}

#imageMain {
	margin:16px;
}


/* Sidebar, ergaenzender Inhalt */
#info {
	position: absolute;
	left:676px;
	top:280px;
	width:330px;
}

/* Sidebar, ergaenzender Inhalt */
#info h1 {
	margin-bottom:16px;
}


/* 
Navigation: Top-Navigation (Nav1)
**************************************
*/

#nav1 {
	margin-left:16px;	
	height: 28px;
	border-bottom: 1px double #141510;
}

#nav1 li {
	display:block;
	float:left;	
}

#nav1 a {
	color: #141510;
	text-decoration: none;
	border-left: #141510 solid 2px;
	display:block;
	padding-top:12px;
	padding-left:8px;
	padding-right:24px;
}

#nav1 a:hover {
	color:#800000;
	border-color:#800000;
}

#nav1 a.Active {
	font-weight:bold;
	color:#800000;
	border-color:#800000;
}

/* 
Navigation: Sub-Navigation (Nav2)
**************************************
*/


/* Nav 2 leicht nach oben versetzen */
#nav2 {
	width:200px;
	position:absolute;
	top:290px;	
	left:16px;
}


#nav2 h2 {
	margin-top:48px;
	padding: 0 4px 4px 4px;
	border-left:#FFFFFF 4px solid;
}

#nav2 a {
	color: #000000;
	text-decoration:none;
   display:block; 
	padding: 0 4px 4px 4px;
	border-left:#FFFFFF 4px solid;
}
#nav2 a.Active,
#nav2 a:hover {
	color: #800000;
	border-left:#800000 4px solid;

}



/* 
Navigation: Sub-Navigation (Nav3)
**************************************
*/

.nav3 {
	margin-bottom:14px;
/*	background-color: #FFF1E5; */
/*	background-color: #FFFFFF;	*/
	padding-left:4px;
	padding-right:4px;	
}

.nav3 a {
		color: grey;
}


/* 
Locator 
**************************************
*/

#locator {
	font-size:10px;
	color: #666666;
	width:778px;
   padding:8px 0px 2px 24px;
}
#locator a {
   font-size:10px;
	color: #666666;
	text-decoration:none;
}
#locator a:hover {
	color: #333333;
	text-decoration:underline;	
}
#locator span {
   font-weight:bold;
}


/* 
Meta-Navigation
**************************************
*/

.metaNav {
	background-color: #FFE3CC;
	padding-left: 400px;
}
.metaNav a,
.metaNav a.aktiv {
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height:12px;
	color: #FF7100;
	text-decoration: none;
	padding-top:6px;
	padding-bottom:8px;	
	padding-left:8px; 
	padding-right:8px;
}

.metaNav a:hover {
/*	color: #FF7100; */
	text-decoration: underline;
}



/* 
Footer
*********************************
*/

#footer {
	clear: both;
	margin-left:16px;
	margin-top:36px;
	padding: 8px 0px 36px 0px;
	color:#8A8275;
	border-top: #8A8275 1px double;
}
#footer a,
#footer a.email {
	color:#8A8275;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}


/* 
Styles Startseite
*******************************
*/

.startBox {
	margin-top:16px;
	width:206px;
	margin-right:16px;
}

.startBox h1 {
	margin-bottom:16px;
}
	
.startBox h1 a {
/*	text-decoration:none;*/
}

.startBox p {

}
.startBox p.text {
	margin-right:8px;
	min-height: 60px;
}

.startBox a.link {
	display:block;
	margin-top:16px;
	color: #800000;
}
.startBox a.link:hover {

}





/* 
Styles Überblick-Seiten
*********************************
*/

.overviewItem h2,
.overviewItem h2 a {
	color: #800000;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	text-decoration:none;
	margin-bottom:0px;
}

.overviewHead {
}

.overviewItem {
	background-color:#EFEAE0;
	padding:8px;
	margin-bottom:8px;
}

.overviewItem img {
 	margin-right:8px;
}

.overviewItem p.text {

}

.overviewItem a.detail {
	display:block;
	margin-bottom:8px;
}

/* Spezielle Overview-Styles */
.overviewArchivLink {
	margin-top:120px;
	border-top: #FF7E16 1px solid;
	padding-top:6px;
}




/* 
Styles Inhaltsbereich
*********************************
*/

#content .pageImage {
	position: relative;
	left:-220px;
	width:646px;
	height:80px;
	background-image: url('/_images/sub_img.jpg');	
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:16px;
}

#content .pageImage h1 {
	padding:4px;
	margin-right:220px;
	background-color:#800000;
	color:#FFFFFF;
}

.content h2,
.content h3 {
	padding: 6px 0 6px 0;
}

#content p {
	padding: 4px 64px 4px 0;
}
.content ul {
	padding: 4px 64px 4px 0;
}


p.contentIntro {
}

img.detail {
   float:left;
   margin-right:8px;
   margin-bottom:8px;
}


.detailTabInner {
	min-height: 600px;
	padding-top:18px;
	padding-left:12px;
	padding-bottom:48px;
}

.detailTabs h2,
.detailTabs p {
	padding-left:8;
}

.detailTabs h2 {
 font-size:18px;	
 font-weight:normal;
}


/*
Infobereich
*********************************
*/

#info p, 
#info ul {
	width:200px;
	margin-bottom:8px;
}

.infoBox {
	margin-bottom:20px;
}

.infoBox h3,
.infoBox h3 a {

}

.infoBox p {
}
.infoBox ul {
}
.infoBox a {
}
.infoBox a.detail {
}
.kontaktbox {
}
.kontaktbox p {
}
.kontaktbox a {
}



/* 
Styles Tabellen (Listen)
*******************************
*/

table.list {
	border-top: #A48A40 1px solid;
}

table.list td {
	padding-top:4px;
	padding-bottom:4px;
	border-bottom: #A48A40 1px solid;
}


ul.linklist {
	margin-top:8px;
	margin-bottom:8px;
	margin-left:0;
}

ul.linklist li {
	display:block;
	margin-bottom:8px;
}


/* Veranstaltungen
****************************************** */

ul.eventlist {
	
}
ul.eventlist li {
	display:block;
	margin-bottom:8px;
}

ul.eventlist li a {
	color: #000000;
	text-decoration:none;
}
ul.eventlist li a .detail{
	color: #800000;
	text-decoration:none;
}


div.overviewItemEvent,
div.overviewItemEventOver {
	clear:both;
	margin-bottom:24px;
}

div.overviewItemEventOver {
	color:grey;
}




/* Map Modul 
****************************************** */
.map {
	position:relative;	
}

/* Google Maps
******************************************* */

#gmap a, #gmap span {
   font-family: Arial, Helvetica, sans-serif;
   font-size:8px;
}

#gmap a {
   float:right;
}

#gmap span {
   float:right;
}




/* Spezielle Detail-Stile
************************************* */

/* Bayerischer Orgelsommer */
.detailBos {
	color:#6F7D80;
	background: #DFDFDF url(../_images/logo_bos.jpg) no-repeat left center;
	height:140px;
	margin:18px 18px 18px 0;
}

table.bestellung {
	border-top: #A48A40 1px solid;
}

table.bestellung td {
	padding-top:4px;
	padding-bottom:4px;
	border-bottom: #A48A40 1px solid;
}