/* global */
body                        { background: #ddc4c0; margin: 20px 0px 20px 0px; color: #4b4b4b; font-size: 11px; font-family: Arial, Verdana, Courier, Monaco; text-align: center }
h1                          { font-weight: normal; font-size: 18px; margin: 0px 0px 10px 0px }
h2                          { font-weight: bold; font-size: 14px; margin: 0px 0px 0px 0px }
h3                          { font-weight: bold; font-size: 12px; margin: 0px 0px 0px 0px }
ul                          { margin: 10px 0px 10px 9px; padding: 0px 0px 0px 7px; list-style-image: url(../images/layout/pfeil_rot.gif) }
ol                          { margin: 10px 0px 10px 9px; padding: 0px 0px 0px 7px }
td                          { padding: 2px; font-size: 11px; background: #ffffff; vertical-align: top }
form                        { display: inline }
a                           { color: #903b2d; text-decoration: none }
a:hover                     { color: #903b2d; text-decoration: none }
img                         { border: 0px }

/* Formulare */
.formular                   { color: #4b4b4b; font-size: 11px; font-weight: normal; font-family: Arial, Verdana, Courier, Monaco; background: #ffffff; border: solid 1px #4b4b4b }
.formularerror              { color: #ff0000; font-size: 11px; font-weight: normal; font-family: Arial, Verdana, Courier, Monaco; background: #ffffff; border: solid 1px #ff0000 }
.formularbutton             { color: #ffffff; font-size: 10px; font-weight: bold; font-family: Arial, Verdana, Courier, Monaco; text-transform: uppercase; background: #903b2d; border: none; padding: 2px 20px 2px 20px; cursor: pointer }

/* allgemein */
.site                       { width: 940px; margin-left: auto; margin-right: auto; text-align: left; background: url(../images/layout/site_bg.gif) repeat-y }
.site_left                  { float: left; width: 234px; text-align: center; padding: 0px 0px 20px 0px }
.logoabstand                { background: #ffffff; padding: 60px 0px 40px 0px }
.logo                       { height: 80px }
.teaser                     { height: 380px }
.claim                      { height: 230px }
.site_right                 { float: left; padding: 20px 20px 20px 21px }
.header                     { width: 665px; padding: 0px 0px 20px 0px }
.headernavi                 { float: right; text-align: right; padding: 0px 20px 0px 0px; line-height: 18px; text-transform: uppercase }
.logo_kulturhaus            { float: right; height: 100px }
.eilmeldung                 { float: left; background: #ffffff; border: solid 1px #ddc4c0; padding: 9px; color: #903b2d }
.eilbox                     { width: 313px; height: 48px; overflow: hidden; position: relative; z-index: 0; display: none }
.eilfact                    { width: 313px; font-weight: bold; font-size: 12px }
.mainnavi                   { float: left; width: 165px; margin: 0px 0px 20px 1px }
.mainnavi_links             { float: left; width: 167px; margin: 0px 0px 20px 0px }
a.mainnavipunkt2            { display: block; color: #ffffff; background: #903b2d; padding: 4px 7px 3px 7px; text-transform: uppercase; cursor: pointer }
a.mainnavipunkt2:hover      { color: #903b2d; background: #ddc4c0; padding: 4px 7px 3px 7px; text-transform: uppercase; cursor: pointer }
.theme                      { height: 160px; margin: 0px 0px 20px 0px }
.main                       { width: 665px; padding: 0px 0px 20px 0px; border-bottom: solid 1px #ddc4c0 }
.main_content               { float: left; width: 480px; padding: 10px 0px 0px 0px; border-top: solid 1px #ddc4c0; font-size: 12px }
.kalender                   { float: left; padding: 10px 4px 10px 7px; background: #903b2d; margin: 0px 0px 0px 20px }
.kalender_head              { margin: 0px 6px 0px 3px; width: 145px; height: 35px; border-bottom: solid 1px #ddc4c0 }
.kalender_bild              { height: 20px }
.kalender_monat             { float: left; width: 115px; height: 15px; text-align: center; color: #ddc4c0; font-weight: bold }
.kalender_monat_skip        { float: left; width: 15px; height: 15px }
.kalender_content           { width: 154px; height: 119px }
.kalender_neutral           { float: left; width: 17px; height: 10px; border: solid 1px #903b2d; margin: 0px 3px 3px 0px; text-align: center; color: #ddc4c0 }
.kalender_inaktiv           { float: left; width: 17px; height: 13px; border: solid 1px #ac6c62; background: #ac6c62; margin: 0px 3px 3px 0px }
.kalender_aktiv             { float: left; width: 17px; height: 13px; border: solid 1px #ddc4c0; margin: 0px 3px 3px 0px; text-align: center; color: #ddc4c0; font-size: 10px; font-weight: bold; cursor: pointer }
.kalender_aktiv a			      { color: #ddc4c0; display: block; }
.kalender_aktiv:hover       { float: left; width: 17px; height: 13px; border: solid 1px #ddc4c0; background: #ddc4c0; margin: 0px 3px 3px 0px; text-align: center; color: #903b2d; font-size: 10px; font-weight: bold; cursor: pointer }
.kalender_aktiv:hover a		  { color: #903b2d; display: block }
.kalender_heute             { float: left; width: 17px; height: 13px; border: solid 1px #ddc4c0; background: #ddc4c0; margin: 0px 3px 3px 0px; text-align: center; color: #903b2d; font-size: 10px; font-weight: bold; cursor: pointer }
.kalender_heute a			      { display: block }
.warenkorb                  { float: left; padding: 10px; background: #ddc4c0; margin: 20px 0px 0px 20px }
.warenkorb_head             { width: 145px; height: 35px; border-bottom: solid 1px #903b2d }
.warenkorb_content          { width: 145px; padding: 10px 0px 0px 0px }
.warenkorb_preis            { float: right }
.warenkorb_summe            { width: 145px; margin: 10px 0px 0px 0px; padding: 10px 0px 10px 0px; border-top: solid 1px #903b2d; font-weight: bold }
.fussnavi                   { padding: 20px 0px 0px 0px; line-height: 18px }

/* Veranstaltungen */
.veranst_entry              { margin: 20px 0px 0px 0px; background: #ffffff url(../images/layout/line.gif) 80px 0px repeat-y; padding: 10px }
.veranst_date               { float: left; width: 60px; padding: 10px 0px 5px 0px; background: #ddc4c0; color: #ffffff; font-size: 10px; font-weight: bold; text-align: center; line-height: 14px }
.veranst_date span          { font-size: 24px }
.veranst_image              { float: left; padding: 0px 10px 0px 22px; width: 75px; overflow: hidden }
.veranst_detail_image       { margin: 0px 0px 10px 0px; width: 378px; overflow: hidden; text-align: center }
.veranst_text               { float: left; width: 293px }
.veranst_detail_text        { float: left; padding: 0px 0px 0px 22px; width: 378px }
.veranst_preise table       { width: 100%; background: #ddc4c0 }
.veranst_tickets            { float: right; margin: 0px 0px 0px 10px; padding: 0px 5px 1px 0px; font-size: 11px; font-weight: bold; background: #ddc4c0 }
.veranst_back               { float: left; padding: 0px 5px 1px 0px; font-size: 11px; font-weight: bold; background: #ddc4c0 }

/* Kartenbestellung */
.warnung                    { color: red;}
#question                   { position: absolute; z-index: 10; display: none; background: #ffffff; padding: 5px; border: solid 1px #ddc4c0; font-size: 11px }
#adminlink					{ clear:both; float: right; margin-top:10px;}
.karten                     { margin: 20px 0px 0px 0px; background: #ffffff; padding: 10px }
.karten_saalplan            { font-size: 10px; font-weight: bold; display: none }
.karten_buehne              { float: left; width: 435px; margin: 0px 0px 10px 25px; border-bottom: solid 1px #ddc4c0; padding: 0px 0px 3px 0px; letter-spacing: 10px; text-transform: uppercase; text-align: center }
.karten_reihennummer        { float: left; width: 25px; padding: 1px 0px 2px 0px; margin: 0px 0px 1px 0px }
.karten_reihe               { float: left; /*width: 435px;*/ margin: 0px 0px 1px 0px }
.karten_reihe span          { text-align: center }
.karten_frei1               { position: relative; display: inline-block; width: 14px; padding: 1px 0px 2px 0px; margin: 0px 1px 0px 0px; background: #cc9999; color: #000000; cursor: pointer }
.karten_frei2               { position: relative; display: inline-block; width: 14px; padding: 1px 0px 2px 0px; margin: 0px 1px 0px 0px; background: #99ccff; color: #000000; cursor: pointer }
.karten_frei3               { position: relative; display: inline-block; width: 14px; padding: 1px 0px 2px 0px; margin: 0px 1px 0px 0px; background: #ff7722; color: #000000; cursor: pointer }
.karten_frei4               { position: relative; display: inline-block; width: 14px; padding: 1px 0px 2px 0px; margin: 0px 1px 0px 0px; background: #8705AA; color: #000000; cursor: pointer }
.karten_frei5               { position: relative; display: inline-block; width: 14px; padding: 1px 0px 2px 0px; margin: 0px 1px 0px 0px; background: #006699; color: #000000; cursor: pointer }
.karten_frei6               { position: relative; display: inline-block; width: 14px; padding: 1px 0px 2px 0px; margin: 0px 1px 0px 0px; background: #999999; color: #000000; cursor: pointer }
.karten_belegt              { position: relative; display: inline-block; width: 14px; padding: 1px 0px 2px 0px; margin: 0px 1px 0px 0px; background: #ffff00; color: #000000 }
.karten_belegtx             { position: relative; display: inline-block; width: 14px; padding: 1px 0px 2px 0px; margin: 0px 1px 0px 0px; background: #ff00ff; color: #000000 }
.karten_gewaehlt            { position: relative; display: inline-block; width: 14px; padding: 1px 0px 2px 0px; margin: 0px 1px 0px 0px; background: #008800; color: #000000; cursor: pointer }
.karten_gesperrt            { position: relative; display: inline-block; width: 14px; padding: 1px 0px 2px 0px; margin: 0px 1px 0px 0px; background: #ff0000; color: #ffffff }
.sonder_frei1               { position: relative; display: inline-block; width: 18px; padding: 3px 0px 4px 0px; margin: 0px 1px 0px 0px; background: #cc9999; color: #000000; cursor: pointer }
.sonder_frei2               { position: relative; display: inline-block; width: 18px; padding: 3px 0px 4px 0px; margin: 0px 1px 0px 0px; background: #99ccff; color: #000000; cursor: pointer }
.sonder_frei3               { position: relative; display: inline-block; width: 18px; padding: 3px 0px 4px 0px; margin: 0px 1px 0px 0px; background: #ff7722; color: #000000; cursor: pointer }
.sonder_frei4               { position: relative; display: inline-block; width: 18px; padding: 3px 0px 4px 0px; margin: 0px 1px 0px 0px; background: #8705AA; color: #000000; cursor: pointer }
.sonder_frei5               { position: relative; display: inline-block; width: 18px; padding: 3px 0px 4px 0px; margin: 0px 1px 0px 0px; background: #006699; color: #000000; cursor: pointer }
.sonder_frei6               { position: relative; display: inline-block; width: 18px; padding: 3px 0px 4px 0px; margin: 0px 1px 0px 0px; background: #999999; color: #000000; cursor: pointer }
.sonder_belegt              { position: relative; display: inline-block; width: 18px; padding: 3px 0px 4px 0px; margin: 0px 1px 0px 0px; background: #ffff00; color: #000000 }
.sonder_belegtx             { position: relative; display: inline-block; width: 18px; padding: 3px 0px 4px 0px; margin: 0px 1px 0px 0px; background: #ff00ff; color: #000000 }
.sonder_gewaehlt            { position: relative; display: inline-block; width: 18px; padding: 3px 0px 4px 0px; margin: 0px 1px 0px 0px; background: #008800; color: #000000; cursor: pointer }
.sonder_gesperrt            { position: relative; display: inline-block; width: 18px; padding: 3px 0px 4px 0px; margin: 0px 1px 0px 0px; background: #ff0000; color: #ffffff }
.saaleditor                 { padding: 20px 0px 0px 0px }
.saaleditor a               { display: block; float: left; width: 25px; padding: 5px 0px 5px 0px; margin: 0px 5px 0px 0px; background: #903b2d; color: #ffffff; font-weight: bold; text-align: center }
.karten_preise              { padding: 10px 0px 0px 0px }
.karten_preise table        { margin: 10px 0px 0px 0px; width: 100%; background: #ddc4c0 }
.legende_frei1              { float: left; width: 12px; height: 12px; margin: 1px 5px 0px 0px; background: #cc9999 }
.legende_frei2              { float: left; width: 12px; height: 12px; margin: 1px 5px 0px 0px; background: #99ccff }
.legende_frei3              { float: left; width: 12px; height: 12px; margin: 1px 5px 0px 0px; background: #ff7722 }
.legende_frei4              { float: left; width: 12px; height: 12px; margin: 1px 5px 0px 0px; background: #8705AA }
.legende_frei5              { float: left; width: 12px; height: 12px; margin: 1px 5px 0px 0px; background: #006699 }
.legende_frei6              { float: left; width: 12px; height: 12px; margin: 1px 5px 0px 0px; background: #999999 }
.legende_belegt             { float: left; width: 12px; height: 12px; margin: 1px 5px 0px 0px; background: #ffff00 }
.legende_belegtx            { float: left; width: 12px; height: 12px; margin: 1px 5px 0px 0px; background: #ff00ff }
.legende_gewaehlt           { float: left; width: 12px; height: 12px; margin: 1px 5px 0px 0px; background: #008800 }
.legende_gesperrt           { float: left; width: 12px; height: 12px; margin: 1px 5px 0px 0px; background: #ff0000 }

/* Vereine */
.vereine_entry              { margin: 20px 0px 0px 0px; background: #ffffff url(../images/layout/line.gif) 180px 0px repeat-y; padding: 10px }
.vereine_image              { float: left; padding: 0px 20px 0px 0px; width: 160px; height: 120px; overflow: hidden }
.vereine_text h2            { margin: 0px 0px 10px 0px }
.vereine_text               { float: left; width: 280px }
.vereine_text td            { padding: 0px 10px 2px 0px }
.vereine_detaillink         { float: right; margin: 10px 0px 0px 0px; padding: 0px 5px 1px 0px; font-size: 11px; font-weight: bold; background: #ddc4c0 }
.vereine_detail_entry       { margin: 20px 0px 0px 0px; background: #ffffff; padding: 10px }
.vereine_detail_image       { float: left; padding: 0px 10px 10px 0px; width: 360px; height: 270px; overflow: hidden }
.vereine_detail_thumbs      { float: left; width: 90px }
.vereine_detail_thumbs div  { display: block; margin: 0px 0px 10px 0px; width: 90px; height: 60px; overflow: hidden; cursor: pointer }
.vereine_detail_text        { padding: 10px 0px 0px 0px; width: 460px }
.vereine_detail_text td     { padding: 0px 10px 2px 0px; font-size: 12px }
.vereine_back               { float: left; margin: 20px 0px 0px 0px; padding: 0px 5px 1px 0px; font-size: 11px; font-weight: bold; background: #ddc4c0 }

/* Startseite */
.box_veranst                { float: left; background: #ffffff; border: solid 1px #ddc4c0; padding: 9px }
.box_veranst_head           { width: 313px; height: 35px }
.box_veranst_content        { width: 313px }
.box_veranst_entry          { border-top: solid 1px #ddc4c0; padding: 7px 0px 7px 0px; height: 40px; overflow: hidden }
.box_veranst_entry_over     { border-top: solid 1px #903b2d; padding: 10px 0px 10px 0px; height: 108px; overflow: hidden }
.box_veranst_image          { float: left; padding: 0px 10px 0px 0px }
.box_veranst_tickets        { float: right; margin: 0px 0px 0px 10px; padding: 0px 5px 1px 0px; font-weight: bold; background: #ddc4c0 }
.pikto                      { border-right: solid 1px #ffffff; margin: 0px 5px -4px 0px }
.wolken                     { float: left; width: 332px; height: 349px; overflow: hidden  }
.wolke                      { float: left; padding: 10px; background: #ddc4c0; border-left: solid 1px #f4ebea; border-bottom: solid 1px #f4ebea }
.wolke_head                 { width: 145px; height: 35px; border-bottom: solid 1px #903b2d }
.wolke_content              { width: 145px; height: 100px; margin: 18px 0px 0px 0px; text-align: center }
.wolke_content span         { font-size: 14px }
.kalenderwolke              { float: left; padding: 10px 4px 10px 7px; background: #903b2d; margin: 0px 0px 1px 1px }
	
/* Historie */
.history_period             { position: relative; width: 480px; height: 200px; margin: 0px 0px 1px 0px }
.history_perioddesc         { position: absolute; top: 10px; left: 200px; width: 250px; height: 16px; overflow: hidden; background: url(../images/layout/red80.png); padding: 10px; color: #ffffff; font-size: 11px }
.history_perioddesc:hover   { position: absolute; top: 10px; left: 200px; width: 250px; height: 160px; overflow: hidden; background: url(../images/layout/red80.png); padding: 10px; color: #ffffff; font-size: 11px }
.history_perioddesc div     { float: right }
.history_perioddesc h2      { margin: 0px 0px 10px 0px }
.history_perioddesc a       { display: block; color: #ddc4c0; font-weight: bold; margin: 5px 0px 0px 0px }
.history_perioddesc a:hover { display: block; color: #ddc4c0; font-weight: bold; margin: 5px 0px 0px 0px; background: #903b2d }
.history_perioddesc a img   { margin: 0px 0px -4px -4px }

/* Bestellvorgang */
.basket                     { float: left; width: 480px; padding: 10px 0px 0px 0px; border-top: solid 1px #ddc4c0 }
.basket table               { width: 100%; background: #ddc4c0 }
.status0                    { height: 25px; background: #ffffff url(../images/bestellung/status0.gif) no-repeat 0px 10px }
.status25                   { height: 25px; background: #ffffff url(../images/bestellung/status25.gif) no-repeat 0px 10px }
.status50                   { height: 25px; background: #ffffff url(../images/bestellung/status50.gif) no-repeat 0px 10px }
.status75                   { height: 25px; background: #ffffff url(../images/bestellung/status75.gif) no-repeat 0px 10px }
.status100                  { height: 25px; background: #ffffff url(../images/bestellung/status100.gif) no-repeat 0px 10px }
.tabellenkopf               { color: #903b2d; font-weight: bold; font-size: 14px; padding: 10px 5px 10px 5px }
.tabellenheader             { background: #ddc4c0; padding: 4px 2px 4px 2px }
.tabellenfuss               { background: #f4ebea; padding: 4px 2px 4px 2px }
.tabellenlink               { background: #903b2d }
.tabellenzeile              { padding: 4px 2px 4px 2px }
.tabellenzeile2             { padding: 4px 2px 4px 2px }
.texterror                  { color: #ff0000; font-weight: bold }

/* kundenkonto */
.kundenkonto                { float: left; width: 450px; background: #ddc4c0; padding: 5px 6px 5px 6px; margin: 0px 0px 0px 0px }
.kundenkonto td             { background: #f4ebea; padding: 5px }
.kundenkonto_funktionen     { width: 450px; padding: 2px 0px 10px 0px }
.kundenkonto_verwalten      { float: left; padding: 2px 4px 2px 4px; border: solid 1px #f4ebea }
.kundenkonto_abbrechen      { float: right; padding: 2px 4px 2px 4px; border: solid 1px #f4ebea }