/* Gelbschattierungen - basierend auf dem Schild
color: #dfa81f; - 100% 
color: #e9c262; - 70%
color: #efd38f; - 50%
color: #f5e5bb; - 30%
*/

/** standard stuff **/
* { margin: 0; padding: 0 }
body { color: #333; background: url(images/bg.png); font-family: "Lucida Grande", LucidaGrande, Lucida, Arial, Helvetica, sans-serif; font-size: 76.1% }
p { padding: 0 0 0.5em; text-align: left }
div, p, table, td, th { font-size: 1em; line-height: 1.3em }
hr { background-color: #ccc; border: 0; height: 2px; margin: 0.25em 0 0.5em }
fieldset { background: none; border: none; padding: 0 }
pre { font-size: 11px; padding: 10px; background: #f6f6f6; border-color: #ddd #ddd #ddd #d5dce7; border-style: solid; border-width: 1px 1px 1px 10px }
a:link, a:visited { color: #000; font-weight: 700; text-decoration: none }
a:hover { font-weight: 700; text-decoration: underline }
h1 { color: #000; font-size: 1.5em; line-height: 1.5em; font-weight: 700; margin: 0.5em 0 1em; padding: 0 0 0.2em; }
h2 { color: #000; font-size: 1.4em; line-height: 1.4em; font-weight: 700; margin: 0 0 0.5em; padding: 0 0 0.2em; }
h3 { color: #000; font-size: 1.2em; line-height: 1.2em; font-weight: 700; margin: 0 0 0.5em; padding: 0 0 0.2em; }
h4 { color: #333; font-size: 1.1em; line-height: 1.1em; font-weight: 700; margin: 0; padding: 0.5em 0 0.2em; }

/** search **/
#searchbox { position: absolute; top: 25px; right: 25px; width: 27em; z-index: 10 }
#ajaxSearch_form fieldset, #searchbox fieldset { background: none; border: none; padding: 0; float: right }
#ajaxSearch_form img { margin: 0.3em 0.3em 0 0 }
#ajaxSearch_form { color: #444; width: auto; text-align: right; vertical-align: top }
#ajaxSearch_input { width: auto; display: inline; height: 1.4em; background: #fff; margin: 0 0.25em 0 0; padding: 0.25em 0.25em 0; vertical-align: baseline; border-color: #7c7c7c #ddd #ddd #c3c3c3; border-style: solid; border-width: 1px }
#ajaxSearch_submit { display: inline; height: 1.75em; vertical-align: top }
#ajaxSearch_output { border: 1px solid #444; padding: 1em; background: #fff; display: block; height: auto; vertical-align: top; margin-top: 0.4em; position: relative; z-index: 10; visibility: hidden }
.ajaxSearch_paging { }
.ajaxSearch_intro { display: none }
.ajaxSearch_result { margin: 0.5em 0; padding: 0.5em 0.5em 0; border: 1px solid #444; background: #fff }
.ajaxSearch_resultsInfo { margin-top: 0.5em }
.AS_ajax_result { color: #444; margin-bottom: 0.25em }
.AS_ajax_resultLink { text-decoration: underline }
.AS_ajax_resultDescription { color: #555 }
.AS_ajax_more { color: #555 }
.AS_ajax_fieldset { background: none; border: none; padding: 0 }
.ajaxSearch_highlight, .AS_ajax_highlight { font-weight: bold; background: #dfa81f; padding: 0 0.1em }

/** textlayout **/
.readon { display: block; float: left; height: 16px; line-height: 14px; margin-top: 0.5em; padding-right: 20px }
.small { color: #888; font-size: 0.9em; font-weight: 400; text-align: left }
.clr { clear: both }
.kasten { background: #fff; border: solid 1px #ccc; float: right; margin: 0 0 0.75em 0.75em; padding: 0.5em 0.5em 0; width: 22em }
.wichtig { color: #333; background: #fff; border: solid 1px #ccc; margin: .5em 0; padding: 0.5em; font-size: 1.2em; font-weight: bold }
.slogan { font-size: 1.4em; font-weight: 700; line-height: 1.2em; margin: 0 0 1.5em; text-align: center }
.borderbottom { border-bottom: 2px solid #ccc }
.musik { font-size: 0.9em; font-weight: 700; margin: -0.5em 0 1em }
.uebersicht { border: solid 1px #ccc; font-size: 0.9em; margin: 1em 0; padding: 0 }
.uebersicht td { padding: 0.25em }
.balken { background: #222; font-size: 1.2em; height: 1.3em; margin: 0 0 4px; padding: 5px 0; text-align: center; font-weight: 700; color: #fff }
.zeiten { font-size: 0.9em; font-weight: bold; color: #222; margin: 1.5em 0 0.25em }
.ehfl { font-size: 1.2em; margin-top: 2em; text-align: center }
.ehfl_jahr { color: #656565; font-size: 2.5em; font-weight: bold; line-height: 1em }
.ehfl_jahre { font-size: 1.2em; font-weight: bold; line-height: 1.1em }
.ehfl_lagerfeuer { font-size: 0.9em; font-weight: normal; line-height: 1.3em }
.countdown { font-size: 1em; margin-bottom: 1em; text-align: center }
.countdown_text { font-size: 1.4em; font-weight: bold; line-height: 1.3em }
.countdown_days { color: #656565; font-size: 5em; font-weight: bold; line-height: 1em }
.countdown_small { line-height: 2em }
.workshoptermin { font-style: italic; font-weight: bold }

/** pagelayout **/
#wrapper { background: url(images/wrapper_l.png) repeat-y; margin-left: auto; margin-right: auto; max-width: 1024px; min-width: 760px; text-align: left; _width: expression(((document.body.clientWidth)) < 760? "760px": ((document.body.clientWidth)) > 1024? "1024px": "auto" ) }
#wrapper_r { background: url(images/wrapper_r.png) repeat-y 100% 0 }
#header_l { background: url(images/header_l.jpg) no-repeat; position: relative }
#header_r { height: 225px; background: url(images/header_r.png) no-repeat 100% 0 }
#size_buttons { clear: both; float: right; font-size: 13px; padding-right: 25px; margin-top: 204px; white-space: nowrap; width: auto }
#size_buttons a { margin-right: 1px }
#size_buttons img { border: 0 }
#footer { background: url(images/footer_b.png) repeat-x }
#footer_l { background: url(images/footer_bl.png) no-repeat }
#footer_r { height: 0.75em; background: url(images/footer_br.png) no-repeat 100% 0; color: #aaa; font-size: 0.75em; padding-top: 8px; text-align: center }
#footer_r a:link, #footer_r a:visited { color: #999; font-weight: 400; text-decoration: none }
#footer_r a:hover { color: #333 }
#main { background: url(images/sand.jpg); border: solid 1px #ccc; margin: 0 20px 0 20px; padding: 20px 20px 20px 310px; text-align: left }
#main li { list-style: url(images/kreis.gif) outside; margin: 0 0 0 1.4em }
#main li > p { margin-top: 0.2em }
#menuarea { background: #222; border-bottom: 3px solid #fff; border-top: 2px solid #fff; float: none; height: 2.1em; margin: 0 20px; padding: 5px 0 1px 310px; z-index: 5 }
#menuarea ul { padding: 0; margin: 0; list-style-type: none; list-style-position: inside; list-style-image: none; z-index: 5 }
#menuarea ul li { float: left; position: relative; z-index: 5 }
#menuarea ul li a, #menuarea ul li a:visited { display: block; text-align: left; text-decoration: none; height: 1em; color: #fff; border: 1px solid #444; background: #222; line-height: 1em; padding: 0.3em 0.5em; margin-right: 3px; font-weight: normal }
#menuarea ul li ul { display: none }
#menuarea ul li ul li { width: 12em }
#menuarea ul li ul li a:link, #menuarea ul li ul li a:visited { border-top: none }
#menuarea ul li:hover a { color: #000; background: #efd38f }
#menuarea ul li:hover ul { display: block; position: absolute; top: 1.7em; left: 0 }
#menuarea ul li:hover ul li a { display: block; background: #fff; color: #333 }
#menuarea ul li:hover ul li a:hover { background: #efd38f; color: #000 }
#schild { background: url(images/schild.png) no-repeat; display: block; height: 180px; position: absolute; text-decoration: none; top: 120px; width: 310px; cursor: pointer; z-index: 5 }
#left { float: left; padding: 40px 0 0 40px !important; padding: 40px 0 0 20px; width: 250px }
#left a:link, #left a:visited { color: #000; font-weight: 700; text-decoration: none }
#left a:hover { font-weight: 700; text-decoration: underline }
#right { float: right; height: 40em }

/** eForm **/
#eFormFeedback fieldset { border: none; background: none; padding: 0 }
#eFormFeedback input { width: 25em }
#eFormFeedback label, #eFormFeedback input, #eFormFeedback select, #eFormFeedback textarea { display: block; float: left; width: 250px; margin-top: 0.5em }
#eFormFeedback br { clear: left }
#eFormFeedback img { margin-top: 0.5em; border: solid 1px #777 }
#eFormFeedback label { width: 11em; padding-right: 1em }
#eFormFeedback input#submit { float: none; width: 150px; margin-top: 0.5em }
#eFormFeedback fieldset { border: none; background: none; padding: 0 }
#eFormFeedback input { width: 25em }
#eFormFeedback label, #eFormFeedback input, #eFormFeedback select, #eFormFeedback textarea { display: block; float: left; width: 250px; margin-top: 0.5em }
#eFormFeedback br { clear: left }
#eFormFeedback img { margin-top: 0.5em; border: solid 1px #777 }
#eFormFeedback label { width: 11em; padding-right: 1em }
#eFormFeedback input#submit { float: none; width: 150px; margin-top: 0.5em }

/** Kalender **/
.calendar { background: #222; border: solid 1px #ccc; color: #fff; margin: 0.5em 0 1em 1em; padding: 0.5em }
.cal_head { color: #fff; font-weight: 700; font-size: 1.2em; margin: 0.1em 0 0.4em 0 }
.calendar th { border: solid 1px #222; background-color: #dfa81f; color: #000; font-size: 0.9em; font-weight: 700; padding: 0 0.2em; text-align: center; width: 1.4em; margin: 0 }
.calendar td { border: solid 1px #222; background-color: #efd38f; color: #000; font-size: 0.9em; font-weight: 400; padding: 0 0.2em; text-align: center; margin: 0 }
.calendar .month { background-color: #f5e5bb; color: #333; font-size: 0.9em; font-weight: 400; padding: 0 0.2em; text-align: center }
.calendar .curDay { background-color: #dfa81f; color: #000; font-weight: 700 }
#today { background-color: #f00; color: #fff; font-weight: 700 }
#today a:link, #today a:visited { color: #fff; font-weight: 700; text-decoration: none }
#today a:hover { text-decoration: underline }

/* Workshopkalender */
div.workshopkalender { float: left; background: #222; border: solid 1px #ccc; color: #fff; margin: 0.5em 0 0 0; padding: 0.5em }
div.workshopkalender th.days { background-color: #dfa81f; color: #000; font-size: 0.9em; font-weight: 700; padding: 0 0.2em; text-align: center; width: 1.4em }
div.workshopkalender td.content { background-color: #efd38f; color: #000; font-size: 0.9em; font-weight: 400; padding: 0 0.2em; text-align: center }
div.workshopkalender td.month { background-color: #f5e5bb; color: #333; font-size: 0.9em; font-weight: 400; padding: 0 0.2em; text-align: center }

/* Spalte rechts/links */
#accordion { background: rgba(255, 255, 255, 0.75) !important; background: #fff; border: solid 1px #ccc; width: 20em; margin: 0.5em 0 1em 1em; overflow: hidden }
.modulRechts { padding: 4px 4px 0 }
.modulRechts h3 { background: #222; padding: 3px; border: 1px solid #222; font-size: 1em; font-weight: normal }
.modulRechts .element { padding: 2px 0 0; height: 0px }
.modulLinks { background: #fff; border: solid 1px #ccc; width: 232px; margin-bottom: 1em; padding: 4px 4px 0 }

/* Plakate */
.plakat {  float: left; font-size: 0.9em; font-weight: 700; height: 300px; line-height: 1.1em; padding: 0.5em 1em 0 0 }
.plakat img { background-color: #fff; border: solid 1px #ccc; padding: 4px; margin-bottom: 0.2em }

/* Bilder */
.image { padding-bottom: 0.5em }
.image img { background-color: #fff; border: solid 1px #ccc; padding: 4px; margin-bottom: 0.2em }
.imageLeft { float: left; padding: 0em 1em 0.5em 0 }
.imageLeft img { background-color: #fff; border: solid 1px #ccc; padding: 4px; margin-bottom: 0.2em }
.imageRight { float: right; padding: 0 0 0.5em 1em }
.imageRight img { background-color: #fff; border: solid 1px #ccc; padding: 4px; margin-bottom: 0.2em }

/* Panorama */
.panorama { background-color: #fff; border: solid 1px #ccc; padding: 4px 4px 1px; width: 400px; margin: 0 0 0.5em }
.panorama_caption { width: 408px; font-size: 0.9em; color: #666; margin-bottom: 1.5em }

/* Glossar */
table#glossary.contentpaneopen p { padding-top: 1em }
table#glossary.contentpaneopen tr.sectiontableentry1 td, table#glossary.contentpaneopen tr.sectiontableentry2 td { padding: 0.5em 0; font-size: 0.9em }

/* Workshops */
#workshopkalender { background: #222; border: solid 1px #ccc; color: #fff; margin: 0.5em 0 1em 0; padding: 0.5em; float: left }

/* Programm heute */
#tagesprogramm h2 { text-align: center; border-bottom: 1px solid #ccc; margin: 0.25em 0; padding-bottom: 0.25em; font-size: 2em}
#tagesprogramm td.zeit { width: 6em; vertical-align: top }
#tagesprogramm td.titel { vertical-align: top }
#tagesprogramm table { margin-bottom: 0.5em }

/* Gästebuch */
.guestbook_top { background-color: #222; height: 1.6em; color: #fff; padding: 0.3em 0.5em 0 }
.guestbook_big { float: left; font-size: 1.2em; color: #fff; font-weight: bold; margin-right: 0.5em }
.guestbook_small { float: left; font-size: 0.8em; color: #fff; font-weight: bold }
.guestbook_admincomment { margin-left: 10px; margin-right: 10px;  padding: 10px; padding-bottom: 15px; margin-bottom: 8px; background: #fafafa url(entry_bg.gif) repeat-x bottom left; border-right: #ededed solid 5px; border-left: #ededed solid 5px; color: #666666 }
.guestbook_contact { float: right; margin-left: 0.5em }
.guestbook_content { padding: 0.5em }
.guestbook_mod { float: right; margin-left: 0.5em }
.guestbook_extra { float: right; padding-bottom: 1em }
.guestbook_vote { float: right }
.guestbook_big_start { font-size: 1.2em; color: #000; font-weight: bold; margin-right: 0.5em }
.guestbook_small_start { font-size: 0.8em; color: #000; font-weight: bold }
.guestbook_start { margin: 0.25em 0 0.5em; padding: 0.5em; border: solid 1px #ccc }
#guestbook_toggle { margin-bottom: 0.5em; display: block } 
.smilie { vertical-align: -3px }
.smilies { margin: 0.5em 0 0.5em 9.5em }
.smilieSelect { float: left; margin-right: 0.25em }

.jot-form { margin-bottom: 1em }
.jot-form fieldset { border: 0; padding: 0 }
.jot-form label, .jot-form input, .jot-form select, .jot-form textarea { display: block; margin: 0.5em 0 0 0; float: left; width: 10em }
.jot-form br { clear: left }
.jot-form label { margin-right: 0.5em; width: 9em }
.jot-form fieldset { border: none; background: none }
.jot-form input, .jot-form textarea { width: 25em; margin-right: 0.5em }
.jot-form input#submit { float: none; width: auto }
.jot-form input#publishemail { width: auto; margin-top: 0.75em }
.jot-form input#email { float: left; width: 19em }
.jot-form input#vericode { float: left; width: 13.5em }
.jot-form span { float: left; margin: 0.75em 0.5em 0 0 }

/* Mailingliste */
#listsubscribeform fieldset { border: 0; padding: 0 }
#listsubscribeform input, #listsubscribeform select { margin-bottom: 0.5em }
.listsubscribe_intro { margin-bottom: 0.5em }
.listsubscribe_ok { color: #008000 }
.listsubscribe_error { color: #c00000 }

.phpmyvisites, .piwik { display: none }

#fdmForm fieldset, #fdmMessage .errors { border: 1px solid #000; background: #fff; padding: 0.5em; width: 600px; margin-bottom: 1em; position: relative; z-index: 5 }
#fdmForm label { display: block; float: left; width: 100px; margin-top: 0.5em }
#fdmForm .hidden { width: 0 }
#fdmForm input, #fdmForm select, #fdmForm textarea { display: block; float: left; width: 310px; margin-top: 0.5em }
#fdmForm #content_tbl { margin-top: 0.5em }
#fdmForm select { width: 314px }
#fdmForm #fdmsubmit, #fdmForm #clickabort { width: auto; margin-top: 0.5em; margin-right: 0.25em }
#fdmForm #upload { width: auto; margin-top: 0.5em; margin-right: 0.25em; display: inline; float: none }

#fdmForm br { clear: left }