/* Klassik am Odeonsplatz */
/* Ronny Engmann - 03.03.2010 */

/*Layout - Positionierung */
html {height:100.2%;}
html body {height:100.2%;}
body {margin:auto 0; background:#316a8a url(/pix/bg.jpg) 0 0 repeat-x; color:#fff; font-family:arial, sans-serif; font-size:12px; width:100%;line-height:17px;}
body.extrafenster {margin:10px; background:none; background-color:#11366a; color:#dfdfdf; font-size:14px; width:640px;}
body.extrafenster h1 {margin-top:24px; color:#f0c030;  font-size:24px; line-height:24px; font-weight:normal;}

.center {float:left; text-align:center !important; width:100%;}
.links {float:left;}
.rechts {float:right;}

a {color:#00d8ff; text-decoration:none; outline:0;}
a:hover {text-decoration:none; outline:0;}
a.weiss {color:#fff;}

.clear {clear:both; font-size:0; height:0; line-height:0; margin:0; padding:0;}
.einrueckung {margin-left:250px;}
.ticker {position:absolute; left:315px; top:260px; width:300px;}

.ticker .divider {background:url(/pix/icons/menu_divider.png) center 6px no-repeat; padding:0; margin:0;}

/* Kopf */
.kopf {clear:all; float:left; width:920px; margin:7px 0 60px 0; padding:0;}
.kopf .rechts {color:#4b788b; font-size:11px;}
.kopf .rechts a {color:#fff; text-decoration:none;}
.kopf .logo {clear:all; float:left; margin:20px 0 8px 0; padding:0 0 44px 0; border-bottom:1px solid #5a8296;}
.kopf .nav {font-family:FuturaStdBook, arial, sans-serif; background:url(/pix/bg_header.png) 0 0; width:900px; padding:6px 10px 4px 10px; letter-spacing:0.01em;  margin:0; text-align:center; font-size:15px; height:18px;}
.ie8 .kopf .nav {font-family:arial, sans-serif; padding:6px 10px 4px 10px; letter-spacing:0.07em; font-size:16px;letter-spacing:0.02em;}
.ie6 .kopf .nav {background:#1d5978 0 0;}
.kopf .nav span.divider {background:url(/pix/icons/menu_divider.png) 0 9px no-repeat; padding:0; margin:0;}
.ie8 .kopf .nav span.divider {background:url(/pix/icons/menu_divider.png) 0 8px no-repeat; padding:0; margin:0;}
.safari .kopf .nav span.divider {background:url(/pix/icons/menu_divider.png) 0 9px no-repeat;}
.ff2 .kopf .nav span.divider {background:url(/pix/icons/menu_divider.png) 0 9px no-repeat;}

.kopf .nav a {color:#fff; padding:0 11px 0 11px; margin:0; text-decoration:none;}
.safari .kopf .nav a {padding:-2px 11px 0 11px; text-decoration:none;}
.ff2 .kopf .nav a {margin:10px 0 0 0; text-decoration:none;}
.kopf .nav a:hover, .kopf .nav a:active {color:#00d8fd !important; text-decoration:none;}
.kopf .nav a.aktiv {color:#00d8fd; font-weight:bold; text-decoration:none;}

#startseite .kopf .nav a.startseite,  
#konzerte .kopf .nav a.konzerte,
#impressionen .kopf .nav a.impressionen, 
#presse .kopf .nav a.presse, 
#konzertpaten .kopf .nav a.konzertpaten,
#kontakt .kopf .rechts a.kontakt {color:#00d8fd;}

#menu {}

/* Header */
h1 {margin:0; color:#f0c030; font-size:24px; line-height:24px; font-weight:normal;}
h2 {font-family:FuturaStdBook, arial, sans-serif;  font-weight:normal;  margin:0 0 10px 0; font-size:20px; line-height:24px; padding:0 0 8px 0; border-bottom:1px solid #5a8296; text-transform:uppercase; color:#fff; text-align:left !important;}
.ie8 h2 {font-family:FuturaStdBook, arial, sans-serif; font-size:24px; line-height:24px;}
.ff4 h2 {font-family:FuturaStdBook, arial, sans-serif; font-size:24px; line-height:24px;}
h3 {font-family:FuturaStdBook, arial, sans-serif; font-weight:normal; letter-spacing:1px; background:url(/pix/bg_header.png) 0 0; margin:4px 0 14px 0; font-size:15px; padding:5px; color:#fff; }
.ie6 h3 {background:#1d5978 0 0;}
.presse_mitte h3, .presse_rechts h3 {background:none !important; font-family:FuturaStdBook, arial, sans-serif; font-weight:normal; letter-spacing:1px;  margin:4px 0 14px 0; font-size:15px; padding:0; color:#fff;}

h4 {font-weight:normal; font-size:14px; margin:0; padding:0;}


h1.nomargin {color:#f0c030; font-size:24px; font-weight:normal; margin:0 0 20px 0 !important; padding:0 0 0 250px;}
h2.nomargin {color:#f0c030; font-size:14px; font-weight:bold; margin:0 0 20px 0 !important; padding:0 0 0 250px;}

.layout {clear:all;  padding:0; margin:0 auto; width:920px; position:relative;}

/* Content  */
.content {float:left; margin:0; padding:0; width:920px; position:relative;}

.wrapper {clear:all; float:left; margin:0 0 36px 0;}
.wrapper img {margin:0 0 6px 0;}
.nomargin {margin:0 !important;}

/* Spalten  */
.spalte_links {float:left; margin:0; padding:0; width:920px;}
.spalte_rechts {float:left; margin:0; padding:10px; width:300px;}
a.mehr {background:url(/pix/icons/linkpfeil.png) no-repeat right 4px; font-weight:bold;padding:0 10px 0 0;}
.spalte_links .links {float:left; width:320px; margin:0 40px 0 0;}
.spalte_links .rechts {float:left; width:520px; margin:0 0 0 0;}

a.pdf {background:url(/pix/icons/pdf.png) no-repeat 0 0; font-weight:bold;padding:0 0 0 15px;}

#startseite .content .startseite_links {clear:all; float:left; width:600px; margin:0 40px 0 0;}
#startseite .content .startseite_links .links {float:left; width:280px; margin:0 40px 0 0;}
#startseite .content .startseite_links .rechts {float:left; width:280px; margin:0;}
#startseite .content .startseite_rechts {float:left; width:280px; margin:0;}
#startseite .content .startseite_rechts .wrapper {clear:all; float:left; margin:0 0 26px 0;}

#konzerttag-1 {margin:0 0 10px 0; position:absolute;}
#konzerttag-1 img {position:absolute; left:0; top:0;}
#konzerttag-2 {margin:0 0 10px 0; position:absolute;}
#konzerttag-2 img {position:absolute; left:0; top:0;}
#pressestimmen {margin:0 0 10px 0; position:absolute;}
#pressestimmen img {position:absolute; left:0; top:0;}


#konzerte .content .konzerte_links {clear:all; float:left; width:440px; margin:0 40px 0 0;}
#konzerte .content .konzerte_rechts {float:left; width:440px; margin:0;}
#konzerte .content .kasten_links {background:url(/pix/bg_header.png) 0 0; clear:all; float:left;  padding:19px 23px 19px 23px; margin:0 0 27px 0; width:393px; height:400px; font-size:14px;line-height:17px;font-size:13px; }
.ie6 #konzerte .content .kasten_links  {background:#1d5978 0 0;}
#konzerte .content .kasten_rechts {background:url(/pix/bg_programm_rechts.png) 0 bottom; clear:all; float:left;  padding:19px 23px 19px 23px; margin:0 0 27px 0; width:393px; height:400px; font-size:14px;line-height:17px;font-size:13px; }
.ie6 #konzerte .content .kasten_rechts  {background:#1d5978 0 0;}
#konzerte .content .kasten_links h3, #konzerte .content .kasten_rechts h3 {background:0 none; padding:0;}
#konzerte .content .kasten_links .links, #konzerte .content .kasten_rechts .links {float:left; width:173px; /* min-height:300px; */}
/* .ie7 #konzerte .content .kasten .links {height:325px;}
.ie8 #konzerte .content .kasten .links {height:325px;} */
#konzerte .content .kasten_links .rechts, #konzerte .content .kasten_rechts .rechts {float:left; border-left:1px solid #5a8296; margin:0 0 0 23px; width:173px; font-size:13px; padding-left:23px;}
.ie7 #konzerte .content .kasten_links .rechts, .ie7 #konzerte .content .kasten_rechts .rechts {margin:0 0 0 23px;}
.ie8 #konzerte .content .kasten_links .rechts, .ie8 #konzerte .content .kasten_rechts .rechts {margin:0 0 0 23px;}

#impressionen .content .impressionen_links {clear:all; float:left; width:600px; margin:0 40px 0 0;}
.mac.gecko #impressionen .content .impressionen_links {margin:0 25px 0 0 !important;width:613px; }
#impressionen .content .impressionen_links img {margin:0 10px 12px 0;}
.mac.gecko #impressionen .content .impressionen_links img {margin:0 12px 12px 0 !important;}
#impressionen .content .impressionen_links img.last {margin:0 0 12px 0;}
.mac.gecko #impressionen .content .impressionen_links img.last {margin:0 0 12px 0 !important;}
#impressionen .content .impressionen_rechts {float:left; width:280px; margin:0;}
#impressionen .content #pressestimmen {background:#256080;}

#presse .content .presse_links {clear:all; float:left; width:280px; margin:0 40px 0 0;}
#presse .content .presse_mitte {float:left; width:280px; margin:0 40px 0 0;}
#presse .content .presse_rechts {float:left; width:280px; margin:0;}
#presse .content h4 {margin: 0; font-size:13px;}
#presse .content h4 a {color:#00d8ff; text-decoration: none;}

#presse .content .presseinfo span {display:block;}
#presse .content .contact {margin:30px 0 0;}
#presse .content .press {clear:all; float:left; margin:0 0 29px 0; padding:0;}
#presse .content .press img {border: none;}
#presse .content .press .float {float:left; margin:0 17px 0 0; width:75px;}
#presse .content .presse_links .press .inhalt, #presse .content .presse_rechts .press .inhalt {float:left; margin:0; width:178px;}
#presse .content .presse_mitte .press .inhalt {float:left; margin:0;}

#konzertpaten .content .konzertpaten_links {clear:all; float:left; width:280px; margin:0 40px 0 0; text-align:center;}
#konzertpaten .content .konzertpaten_mitte {float:left; width:280px; margin:0 40px 0 0; text-align:center;}
#konzertpaten .content .konzertpaten_rechts {float:left; width:280px; margin:0;}
#konzertpaten .content .wrapper {margin:0; padding:30px 0 0 0 !important;}
#konzertpaten .content .wrapper .imgwrap {margin:0 0 30px 0;}

#konzertpaten .content .wrapper {background:url(/pix/bg_header.png) 0 0; clear:all; float:left; margin:0; padding:20px 0 0 0; width:280px;}
.ie6 #konzertpaten .content .wrapper  {background:#1d5978 0 0;}
#kontakt .content .kontakt_links {clear:all; float:left; width:440px; margin:0 40px 0 0;}
#kontakt .content .kontakt_rechts {float:left; width:440px; margin:0;}

.bild_links {float:left; margin:0 21px 21px 0;}
.bild {float:left; margin:20px 0 20px 0;}
.abstand_rechts {margin-right:18px;}

/*Inhalt - Presseseite/Kontaktseite */

/*Inhalt - Footer */
.footer {clear:all; float:left; color:#b2b2b2; background:#000; padding:25px 25px 25px 25px; width:870px; margin:0;}
.footer a {text-decoration:none; color:#b2b2b2;}
.footer .foerderer {float:left; padding:0;}
.tor {float:left; text-align:center !important; width:100%; margin:100px 0 -5px 0;}
.ie7 .tor {margin-bottom:-4px;}
.ie8 .tor {margin-bottom:-4px;}
 
.facebook {position:absolute; left:715px; top:185px;}
.aktionsbanner {position:absolute; left:0px; top:0px;}

.wetterschaden {background:#082d5d; filter:alpha(opacity=90);opacity:.90; color:#fff; font-size:11px; line-height:17px; margin:0; padding:21px 18px; position:absolute; left:0; top:250px; width:681px;}
.wetterschaden span {font-weight:bold; font-size:12px;}

.hr {background:#5a8296; clear:left; height:1px; margin:7px 0 7px 0; padding:0;}
.hr hr {display:none;}

ul {list-style-type:none; margin:0; padding:0;}

/***********************************************************************************************************************
DOCUMENT: style/format.css
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 2/26/2009
DESCRIPTION: This document contains the structural formatting files for the accordion style menu.
************************************************************************************************************************/
#wrapper {width: 600px;}
.accordionButton {width: 60px; float: left; _float: none;  /* Float works in all browsers but IE6 */ cursor: pointer; font-weight:bold;padding:0 10px 0 0; color:#00d8ff; background:url(/pix/icons/linkpfeil.png) no-repeat 58px 4px; margin:0 0 10px 0;}
.accordionContent {width: 600px; float: left; _float: none; /* Float works in all browsers but IE6 */}

/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/
.on {background:url(/pix/icons/linkpfeil_runter.png) no-repeat 58px 4px;}
.over {}


/* --- */

.print {position:absolute; top:-1000px; left:-1000px;}