/*NAME: */
/*COMMENT: */


/*--------------------------------------------------------------------------
This Stylesheet can be edited by hand.
N.B. Changes not compatible with Firefox may however be overwritten if changes
are later made with the Wysiwyg Css-Editor using FF, since these will be ignored.
--------------------------------------------------------------------------*/

body{font-family: Verdana,Geneva,sans-serif; font-size: 12px; background-color: rgb(58, 88, 168);}

#page{position: relative; margin: 40px auto; width: 840px; padding: 240px 0px 19px 180px; background-color: rgb(30, 62, 149); -moz-box-shadow: 2px 2px 8px rgb(102, 102, 102); -webkit-box-shadow: 2px 2px 8px rgb(102, 102, 102); box-shadow: 2px 2px 8px rgb(102, 102, 102); overflow: visible; border: 1px solid rgb(255, 255, 255);}

#footer{position: absolute; bottom: 0px; left: 0px; text-align: right; width: 100%; background-color: rgb(136, 136, 136); height: 30px; color: rgb(255, 255, 255); border-top: 3px inset rgb(136, 136, 136);}

#primnav{position: absolute; left: 0px; top: 240px; width: 160px; padding: 20px 10px 10px;}

#primnav ul{margin: 0px; padding: 0px; list-style-type: none; position: relative; z-index: 5;}

#primnav li{margin-left: 0px; color: rgb(255, 255, 255); margin-bottom: 12px;}

#primnav a{text-decoration: none; color: rgb(187, 206, 226); font-size: 14px; display: block; padding: 2px 8px; font-weight: normal;}

.align_center{text-align: center ! important;}

.clearall{clear: both;}

#header{position: absolute; top: 0px; left: 0px;}

#logodiv{width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgb(255, 255, 255); padding: 0px; white-space: nowrap; overflow: hidden; border-bottom: 1px solid rgb(255, 255, 255); height: 140px;}

#content{min-height: 450px; padding: 30px 20px 40px 30px; width: 580px;}

#footer a{color: rgb(184, 175, 175); text-decoration: none; font-family: "Arial Black",Gadget,sans-serif;}

#footer a:hover{color: rgb(51, 92, 147);}

#boxright{float: right; width: 180px; padding: 10px 10px 40px;}

#primnav ul ul li{list-style-type: square; padding-left: 0px; margin-left: 20px; margin-top: 6px; margin-bottom: 0px;}

.floatRight{float: right; margin-left: 15px; margin-bottom: 15px;}

#content h1{font-weight: normal; font-style: italic;}

#content h2{font-weight: normal;}

#footer p{margin-top: 8px; padding-right: 20px;}

#boxright li{list-style-type: square; padding-left: 0px; margin-left: 20px; margin-top: 6px; margin-bottom: 0px;}

#boxright ul{padding: 0px; margin: 0px;}

.floatLeft{float: left; margin-right: 15px; margin-bottom: 15px;}

#nachrichten li{margin-bottom: 15px; border-bottom: 1px solid rgb(184, 175, 175); padding-bottom: 8px;}

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

#nachrichten h3{font-size: 13px; margin-bottom: 5px; color: rgb(102, 102, 102);}

#nachrichten p{margin: 5px 0px; font-size: 12px;}

#nachrichten li .floatLeft{margin-bottom: 0px;}

#nachrichten .weiterlink{float: right;}

#nachrichten h3 a{color: rgb(102, 102, 102); text-decoration: none;}

#nachrichten h3 a:hover{text-decoration: underline;}

#konzert_vorschau li{margin-bottom: 15px; border-bottom: 1px solid rgb(184, 175, 175); padding-bottom: 8px;}

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

#konzert_vorschau h3{font-size: 13px; margin-bottom: 5px; color: rgb(102, 102, 102);}

#konzert_vorschau p{margin: 5px 0px; font-size: 12px;}

#konzert_vorschau li .floatLeft{margin-bottom: 0px;}

#konzert_vorschau .weiterlink{float: right;}

#konzert_vorschau h3 a{color: rgb(102, 102, 102); text-decoration: none;}

#konzert_vorschau h3 a:hover{text-decoration: underline;}

.biolist dt{width: 12em; float: left; clear: left;}

.biolist dd{padding-left: 12em; margin-left: 0px; margin-bottom: 6px;}

.biolist_wide_dt dt{width: 12em; float: left;}

.biolist_wide_dt dd{padding-left: 12em; margin-left: 0px; margin-bottom: 6px;}

#primnav a:hover{background-color: rgb(255, 255, 255); color: rgb(51, 92, 147);}

#primnav ul ul a{padding-left: 4px;}

#kartenform dt{float: left; clear: left; width: 150px; margin-top: 10px; text-align: right; padding-right: 8px; padding-top: 4px;}

#kartenform dd{float: left; margin-top: 10px; padding: 0px; margin-left: 0px;}

#kartenform .ti{border: 1px solid rgb(214, 220, 236); width: 350px; padding: 3px 8px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 4px 4px 8px rgb(153, 153, 153); -webkit-box-shadow: 4px 4px 8px rgb(153, 153, 153); box-shadow: 4px 4px 8px rgb(153, 153, 153);}

#kartenform .ta{height: 6em; border: 1px solid rgb(214, 220, 236); width: 350px; padding: 3px 8px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}

#primnav .current{background-color: rgb(77, 111, 203);}

#primnav ul ul a.current{background-color: rgb(255, 255, 255); color: rgb(51, 92, 147);}

.required{color: rgb(226, 71, 71);}

#errors{background-color: rgb(255, 255, 204); padding: 5px; border: 1px solid rgb(51, 92, 147); -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 4px 4px 8px rgb(68, 68, 68); -webkit-box-shadow: 4px 4px 8px rgb(68, 68, 68); box-shadow: 4px 4px 8px rgb(68, 68, 68);}

.send{background-color: rgb(30, 62, 149); color: rgb(255, 255, 255); padding: 2px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: auto;}

#kartenform .ti:focus{border-color: rgb(51, 92, 147);}

#kartenform .ta:focus{border-color: rgb(51, 92, 147);}

#contenttable td{vertical-align: top;}

#motivation{vertical-align: top;}

#logo{vertical-align: top;}

a img{border: 0px none;}

#kartenform #plz{width: 100px;}

#kartenform #ort{width: 220px;}

#kartenform #anzahl_karten{width: 60px;}

#kartenform #bankdaten dt{width: 100px;}

#kartenform .ti.mid{width: 200px;}

.preisinfo{display: inline-block; margin-left: 20px;}

#kartenform fieldset{margin: 15px 0px;}

#vorkasse_info{width: 360px; overflow: hidden; -moz-transition-property: height;-webkit-transition-property: height;-o-transition-property: height;transition-property: height; -moz-transition-duration: 250ms;-webkit-transition-duration: 250ms;-o-transition-duration: 250ms;transition-duration: 250ms; padding: 10px;}

#bankdaten{overflow: hidden; width: 360px; padding: 0px 10px 15px; -moz-transition-property: height;-webkit-transition-property: height;-o-transition-property: height;transition-property: height; -moz-transition-duration: 250ms;-webkit-transition-duration: 250ms;-o-transition-duration: 250ms;transition-duration: 250ms;}

#fs_zahlung .selected{background-color: rgb(187, 206, 226);}

.konzert_auswahl h2{margin: 0px 0px 8px;}

.konzert_auswahl p{margin: 0px;}

.konzert_auswahl{margin-bottom: 30px; border-bottom: 1px solid rgb(187, 206, 226); padding-bottom: 12px;}

.konzert_auswahl a{text-decoration: none;}

#preisinfo{display: inline-block; margin: 0px 20px;}

#showTotal{font-weight: bold;}

#zahlung_details .label{display: inline-block; width: 130px;}

#bestaetigungform dt{margin-top: 10px;}

.align_right{text-align: right;}

#zahlung_details .content{font-weight: bold;}

#konzertbeschreibung{margin-bottom: 30px;}

#konzertbeschreibung h2{color: rgb(30, 62, 149); margin-bottom: 5px;}

#konzertbeschreibung h3{margin-top: 0px;}

#aendern.send{width: 120px;}

#bestaetigen{width: 250px; margin-left: 50px;}

#bestp{text-align: center;}

#bestp .send{width: 280px;}

#furmsubmit{margin-top: 30px; text-align: center;}

#balken{border-bottom: 1px solid white;}

#content_td{background-color: rgb(255, 255, 255); border-right: 1px solid rgb(30, 62, 149);}

#right_td{background-color: rgb(214, 220, 236);}

#contenttable{border-collapse: collapse; width: 100%;}

a[href]{text-decoration: underline; color: rgb(0, 0, 0);}

p#agblink{clear: both; text-align: center; padding-top: 15px;}

#agblink a{font-size: 11px; color: rgb(136, 136, 136);}

#kartenform .ti.anzahl{width: 50px; margin-bottom: 10px;}

#kartenanztable .kartenanzlabel{width: 150px; text-align: right; padding: 4px 8px 10px 0px;}

#kartenanztable{border-collapse: collapse; width: 100%;}

#summe{text-align: right;}

#kartenanztable td#showTotal{text-align: right;}

#kartenanztable td.subtotaldisp{text-align: right; padding: 4px 8px 0px 0px;}

#kdtable{width: 100%;}

#contenttable #kdtable .summe{text-align: right; padding-right: 20px;}

#kdtable .sub{text-align: right; padding-right: 20px;}

.konzert_auswahl .nichtonline{float: right; -moz-box-shadow: 4px 4px 8px rgb(153, 153, 153); -webkit-box-shadow: 4px 4px 8px rgb(153, 153, 153); box-shadow: 4px 4px 8px rgb(153, 153, 153); padding: 6px; width: 200px; margin-left: 20px; border: 1px solid rgb(77, 111, 203); -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; text-align: center;}

.konzert_auswahl a[href]:hover{text-decoration: underline;}

.konzert_auswahl .ausverkauft{background-color: rgb(236, 254, 149);}

.konzert_auswahl .abendkasse{background-color: rgb(187, 206, 226);}

ul.boller_blau_raute{list-style-type: none;}

ul.boller_blau_pfeil{list-style-type: none;}

ul.boller_blau_raute li{margin-bottom: 6px; background-image: url("/pics/boller_blau_raute.gif"); background-repeat: no-repeat; background-position: left top; margin-left: -10px; padding-left: 22px;}

ul.boller_blau_pfeil li{margin-bottom: 6px; background-image: url("/pics/boller_blau_pfeil.gif"); background-repeat: no-repeat; background-position: left 4px; margin-left: -10px; padding-left: 15px;}

.nobreakspan{white-space: nowrap;}

div#timer{right: 30px; top: 0px; position: fixed; color: rgb(204, 204, 204); font-size: 11px;}

p.notice{color: rgb(226, 71, 71); font-size: 1.1em;}