/* ################# General ################# QM: ok */
body                  { filter:alpha(opacity=100);opacity:1.0; color: #fff; font-size: 76%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.3; background-color: #654b0e; text-align: center; margin: 2em 0;  }
ul  { list-style-type: none }
div, table, form, ul, p   { font-size: 1em; line-height: 1.7em }
#clear      { clear: both }
.inside     { text-align: left; margin: 0; padding: 10px }
#page     { padding: 10px }
.button { color: #fff; font-size: 11px; background-color: #4f3900; margin-top: 5px; margin-bottom: 5px; padding: 2px; border: solid 1px #fde7c2 }
.inputbox  { color: white; background-color: #a49a66; padding: 2px; border: solid 1px #630 }
.contentpane { text-align: center }
.componentheading   { margin-top: 10px }

/* ################# Header ################# QM: ok */
#headerbild        { background-image: url("../images/film5.jpg"); background-repeat: no-repeat; margin: 0 auto; width: 948px !important; height: 140px; border-right: 1px solid #996; border-left: 1px solid #996 }
.moduletable_headblid  { margin: 0 auto; padding: 0 }
#header                     { background-image: url("../images/menue-oben.jpg"); margin: 0 auto 8px; width: 948px !important; height: 30px; border-right: 1px solid #996; border-bottom: 1px solid #996; border-left: 1px solid #996 }
.moduletable_oben  { text-align: center; margin-top: 0; margin-bottom: 0; position: relative; width: 630px; height: 30px; float: left }
.mainlevel      { margin-right: 5px; margin-left: 5px; position: relative; top: 7px }

/* ################# Breadcrumbs ################# QM: ok */
.breadcrumbs      { position: relative; bottom: 4px }
#bread              { background-image: url("../images/bread.jpg"); background-repeat: repeat-x; background-position: 0 bottom; text-align: left; visibility: visible; padding-left: 5px; position: relative }
#content100   { background-color: #72540e; margin-right: auto; margin-left: auto; padding-bottom: 10px; width: 948px; overflow: hidden; border: solid 1px #996 }

/* ################# Ansicht 2-Spalten ################# QM: ok */
#content80 { background-color: #72540e; margin-left: 10px; padding-bottom: 10px; width: 765px; min-height: 490px; float: left; overflow: hidden; border-top: 1px solid #996 }
#wrap80 { background-image: url("../images/left_80.gif"); background-repeat: repeat-x; background-position: left bottom; margin: 0 auto; padding-bottom: 1px; width: 950px; border-top: 1px solid #996 }
#leftfauxcol           { background-color: #72540e; background-image: url("../images/leftslidingcolumn.gif"); background-position: 0 0; position: relative; width: 948px; border-right: 1px solid #996; border-left: 1px solid #996 }
#sidebar                 { text-align: center; width: 173px; float: left; border-top: 1px solid #996 }

/* ################# Ansicht 3-Spalten ################# QM: ok */
#content60 { background-color: #72540e; margin-left: 10px; padding-bottom: 10px; width: 582px; min-height: 490px; float: left; overflow: hidden; border-top: 1px solid #996 }
#wrap60         { background-image: url("../images/left_60.gif"); background-repeat: repeat-x; background-position: left bottom; margin: 0 auto; padding-bottom: 1px; width: 950px; border-top: 1px solid #996 }
#rightfauxcol               { background-image: url("../images/rightslidingcolumn.gif"); background-position: 958px 1px; position: relative; width: 948px }
#sidebar-2             { text-align: center; width: 173px; float: right; border-top: 1px solid #996 }

/* ################# Fußzeile ################# QM: ok */
#footer     { font-weight: lighter; background-image: url("../images/menue-oben.jpg"); margin: 4px auto 0; position: relative; width: 948px; clear: both; border: solid 1px #996 }
.moduletable_bottom    { color: #fde7c2; background-image: none; text-align: center }
.moduletable_bottom a { font-weight: lighter; margin-right: 10px }

/* ################# Typography ################# QM: ok */
img { border: none; }

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address  { margin: 0.5em 0 }
li,dd  { margin-left: 1em }
fieldset    { padding: 0.5em }
a { color: #e3d1af; font-size: 12px; font-style: normal; font-weight: bold; line-height: 1.1em; text-decoration: none; margin: 0; padding: 0 }
a:hover { color: #fffff0; font-style: normal; text-decoration: underline }
a:active { color: #fc0; font-style: normal; }
h1,.componentheading  { color: #ebdcc0; font-size: 1.3em; text-align: center }
h2,.contentheading   { color: #fc0; font-size: 1.2em; text-align: center; margin-bottom: 20px }
h3{font-size:1.3em;}
h4{font-size:1.2em;}
h5{font-size:1.1em;}
h6{font-size:1em; font-weight:bold;}
#footer,.small,.createdate,.modifydate,.mosimage_caption   { font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; font-variant: normal; line-height: normal }

/* ##################### Menü-2 ###################### QM: ok */
.moduletable_menu                    { color: #ffdc94; background-color: #72540e; background-repeat: no-repeat; text-align: left; list-style-type: none; margin: 10px auto; padding: 4px; width: 158px; border: solid 1px #4f3900 }
.moduletable_menu h3,  .moduletable h3     { color: #630; font-size: 10px; font-weight: lighter; line-height: 12px; background-color: #a49a66; text-align: center; text-transform: uppercase; letter-spacing: 2px; display: block; margin: 3px 0 4px; padding: 3px 0; width: 158px; border-top: 1px solid #630; border-bottom: 1px solid #630 }
.moduletable_random { color: #ffdc94; background-color: #72540e; background-repeat: no-repeat; text-align: left; list-style-type: none; margin: 10px auto; padding: 4px; width: 158px; border: solid 1px #4f3900 }
.moduletable_random h3, .moduletable h3 { color: #630; font-size: 10px; font-weight: lighter; line-height: 12px; background-color: #a49a66; text-align: center; letter-spacing: 2px; display: block; margin: 3px 0 4px; padding: 3px 0; width: 158px; border-top: 1px solid #630; border-bottom: 1px solid #630 }
.moduletable_menu ul                    { list-style-type: none; margin: 0; padding: 0 0 4px }
.moduletable_menu li             { list-style-type: none; margin: 2px 0; padding: 0; width: 158px }
.moduletable_menu a                                  { color: #630; font-size: 12px; font-family: arial, helvetica, sans-serif; font-weight: lighter; text-decoration: none; display: block; margin: 0; padding: 3px 0 3px 5px }
.moduletable_menu a:link, .moduletable_menu a:visited                      { color: #ffdc94; font-weight: lighter; text-decoration: none }
.moduletable_menu a:hover            { color: #ffffff; background-color: #a49a66; margin: 0 }
.moduletable_menu ul li ul               { font-size: 8pt; list-style-type: none; margin: 0 0 0 2px; padding: 0 }
.moduletable_menu ul li ul li a              { background-color: #948462; display: block; width: 145px !important; border: solid 1px #a49a66 }
.moduletable_menu ul li ul li a:link, .moduletable_menu ul li ul li a:visited      { color: #d2aa5a; text-decoration: none }
.moduletable_menu ul li ul li a:link     { }
.moduletable_menu ul li ul li a:hover     { color: #ffffff; background-color: #a49a66; width: 147px }
.moduletable_menu .active           { background-color: #997a1f; margin: 0; padding: 0 }

/* ################# Architektur################# QM: ok */
.moduletable_main  { color: #ffdc94; background-color: #72540e; background-repeat: no-repeat; text-align: center; list-style-type: none; margin: 10px auto; padding: 4px; width: 158px; border: solid 1px #4f3900 }
.moduletable_main h3, .moduletable h3  { color: #630; font-size: 10px; font-weight: lighter; line-height: 12px; background-color: #a49a66; text-transform: uppercase; letter-spacing: 2px; display: block; margin: 3px 0 4px; padding: 3px 0; width: 158px; border-top: 1px solid #630; border-bottom: 1px solid #630 }
.joomimg103_txt ul li   { color: #ffdc94; font-size: 9px; font-weight: lighter; margin: 0; padding: 0; position: relative; right: 40px; width: 158px }
.joomimg103_img img     { color: #630; display: block; margin-right: auto; margin-left: auto; border: 0 }
.joomimg103_img a     { display: block; padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #4f3900; border-bottom: 1px solid #4f3900 }

/* ##################### Suche ###################### QM: ok */
.moduletable_suche     { padding: 0; position: relative; left: 7px; width: 190px; height: 30px; float: left }
.search_suche  { position: relative; bottom: 2px; float: left }
.inputbox_suche      { color: #ffdc94; font-size: 12px; background-color: #4f3900; padding: 2px 4px; position: relative; width: 120px; height: 15px; border-style: solid none; border-width: 1px medium; border-color: #a49a66 }
.button_suche  { color: #ffdc94; font-size: 9px; background-color: #654b0e; padding: 1px 2px; position: relative; bottom: 1px; left: 5px; border: ridge 1px #a49a66 }

/* ##################### Besucherzähler ###################### QM: ok */
.moduletable_counter      { color: #ffdc94; font-size: 0.8em; background-color: #4f3900; text-align: center; margin-top: 4px; padding: 0 5px; position: relative; right: 7px; width: 105px; height: 20px; float: right; border-top: 1px solid #996; border-bottom: 1px solid #996 }

/* ##################### Erweiterte Suche ###################### QM: ok */
.searchintro         { text-align: left; margin-bottom: 5px; margin-left: 50px; padding: 5px }
.searchintro b    { color: #f90 }
.small       { font-size: 12px; text-decoration: none }
.highlight  { color: #f90 }
#search_searchword  { background-image: none; padding-left: 2px }
#ordering    { color: #fff; background-color: #a49a66 }
#searchForm         { text-align: left; margin-top: 10px; margin-bottom: 10px; margin-left: 4px; padding: 3px; border: solid 1px #f8e3b8 }
fieldset          { text-align: left; margin-top: 10px; margin-bottom: 10px; padding: 3px }
.results { text-align: left; padding: 5px }
.results a:link   { font-size: 0.9em; text-align: left; padding: 5px }
.results h3 { font-weight: bold; text-align: left; margin-left: 45px; padding: 5px; border-width: 1px }
.resultnav   { text-align: center; padding: 5px }
.search_result  { background-color: #816b28; margin: 10px 30px; padding: 10px 25px 10px 10px; border: solid 1px #e3d1af }
.list li  { font-size: 1.1em; margin-top: 10px; margin-bottom: 10px; padding: 10px; border-top: 1px solid #e3d1af }
.list p  { font-size: 1em; font-weight: bold; margin-top: 10px; margin-bottom: 10px; padding: 10px }
#page a:link { color: #d9bc7f }
#page a:visited { color: #ffdc94 }
#page a:hover { color: #ffdc94 }
#page h3  { font-size: 1.3em; padding-bottom: 10px }
#page  { text-align: center }
.pagenav { margin: 10px auto 0 }
.word { margin-left: 20px; border: solid 1px #72540e }
.phrase { margin-left: 20px; border: solid 1px #72540e }
.only { margin-left: 20px; border: solid 1px #72540e }
legend { color: #fff; font-size: 1em; font-weight: bold }
#limit { background-color: #996; height: 22px }
#ordering { background-color: #996; height: 22px }
#page .contentpaneopen { margin-right: auto; margin-left: auto; width: 650px }
#page .contentpaneopen fieldset { margin-right: auto; margin-left: auto; padding: 5px; width: 650px; border-top: none; border-right: none; border-bottom: 1px solid; border-left: none }
#page .contentpaneopen fieldset div { margin-top: 10px; margin-bottom: 10px }
#page .contentpaneopen fieldset img { margin: 10px; border: solid 1px #996 }

/* ###############  Blog-Ansicht * ########################### */
.article_separator   { display: none; margin: 0 }
.leading_separator    { display: block; margin: 0; height: 10px }
.leading    { margin: 30px 0 10px; padding: 20px 20px 40px 120px; position: relative }
.blog     { padding: 0 }
.cols1{ display: block; margin: 0; float: none !important }
.cols2  { width: 49% }
.cols3  { width: 70% }
.column1 , .column2 { margin: 0 5px 0 0; position: relative }
.column2 , .column1 { margin: 0; float: left }
.column2 { margin: 0; width: 51%; float: right }
.article_row { text-align: center; margin: 0; padding: 10px; overflow: hidden }
.row_separator { display: block; margin: 0; height: 10px; clear: both; border: solid 0 }

/* ##################### Bereich-Liste * ###################### QM: ok */
ul .category  { background-color: transparent; border-style: none }

/* ##################### Category-Liste * ###################### QM: ok */
.category           { background-color: #4f3900; text-align: left; text-indent: 10px; list-style-type: none; margin-top: 30px; margin-right: auto; margin-left: auto; padding: 10px; width: 550px; border: solid 1px #fde7c2 }
.category .sectiontableentry2       { text-align: left; margin-top: 10px }
.category .sectiontableentry2 a { color: #fff; font-size: 13px; font-weight: normal }
.category .sectiontableentry1 a { color: #fff; font-size: 13px; font-weight: normal }
.category .sectiontableentry2 td     { margin: 0; padding: 5px }
.category .sectiontableentry1     { text-align: left; margin: 0 }
.category .sectiontableentry1 td     { padding: 5px }

/* ################# Kontakt * ################# QM: ok */
.contact  { text-align: center; margin-top: 10px; margin-right: auto; margin-left: auto; width: 450px }
#emailForm         { background-color: #654b0e; text-align: center; margin: 20px auto 0; padding: 5px; width: 450px; border: solid 1px #fde7c2 }
#contact_name     { margin-left: 57px; padding: 2px }
#contact_email    { margin-left: 64px; padding: 2px }
#contact_subject    { margin-left: 123px; padding: 2px }
#contact_text   { overflow : auto; margin-top: 10px; margin-left: 37px; padding: 2px; width: 350px; height: 100px }
.contact p   { color: #ffdc94; font-size: 1.1em; font-weight: bold; text-align: center; margin: 0 auto; padding: 10px }
.contact_email { text-align: left; margin: 0 auto; padding: 10px }
.contact input.invalid,.contact textarea.invalid    { border: solid 1px red }
.contact label.invalid    { color: red }

/* ############# Pagination ###################### */
.counter { font-size: 1em; font-weight: 700; text-align: center; padding-top: 10px }
ul.pagination   { font-size: 1em; font-weight: 700; text-align: center; list-style-type: none; padding-bottom: 10px }
ul.pagination li  { text-align: left; display: inline; padding: 2px 5px 0 2px }
ul.pagination li a  { font-size: 1em; font-weight: 700; padding: 2px }
dl.poll  { background-color: #f30 }
dl.poll dt {border-bottom:solid 1px #ccc;}
dl.poll dd {padding:6px 0; font-weight:bold;}

/* ################# Meldung Hinweis################# QM: ok */
.moduletable_meld h3, .moduletable h3             { color: #630; font-size: 10px; font-style: normal; font-weight: lighter; line-height: 12px; background-color: #a49a66; text-align: center; text-transform: uppercase; letter-spacing: 2px; display: block; margin: 3px 0 4px; padding: 3px 0; width: 158px; border-top: 1px solid #630; border-bottom: 1px solid #630 }
.moduletable_meld                                      { background-color: #72540e; background-repeat: no-repeat; list-style-type: none; margin: 10px auto 0; padding: 4px 4px 5px; width: 157px; border: solid 1px #4f3900 }
#hinweis       { color: #ffdead; font-size: 9pt; text-align: left; padding: 5px; width: 147px }
.buttonheading  { margin-bottom: 10px }
.buttonheading a { font-size: 10px; margin-bottom: 10px }
.wrapper   { margin-top: 15px }

/* ################# Tool-Tip################# QM: ok */
.tool-tip { background-color: #4f3900; text-align: left; border: solid 1px #fde7c2 }
.tool-title { color: #bdbec6; text-align: center }
.tool-text { padding: 5px }

/* ################# System-Meldung################# QM: ok */
#system-message   { color: #fff; text-decoration: none; background-color: #654b0e; text-align: center; margin-top: 10px; margin-right: auto; margin-left: auto; padding: 10px; border-top: 1px solid #996; border-bottom: 1px solid #996 }
#system-message ul  { text-align: left; list-style-type: none; margin-right: auto; margin-left: auto }
.message   { text-align: center; margin-right: auto; margin-left: auto; width: 580px }

/* ################# Login Benutzerdaten################# QM: ok */

#login         { background-color: #654b0e; margin-top: 90px; margin-right: auto; margin-left: auto; padding: 10px; width: 80%; border: solid 1px #fde7c2 }
#login li { text-align: left; margin-top: 10px }
#login a { font-weight: lighter }
#login .contentpane { text-align: left }
#login .pass input { margin-left: 43px }
#login input   { color: #fff; font-size: 11px; background-color: #997a1f; margin-top: 10px; margin-right: 10px; margin-left: 10px; border: solid 1px #fde7c2 }
#login .contentdescription { text-align: left }
.form-login .input { border: solid 1px #4f3900 }

/* ################# Registrierung-Abmelden-Benutzerdaten################# QM: ok */
.josForm  { background-color: #654b0e; margin-top: 150px; margin-right: auto; margin-left: auto; padding-bottom: 20px; width: 500px; border: solid 1px #fde7c2 }
.josForm p { text-align: left; padding: 10px }
.josForm .validate  { color: white; background-color: #997a1f; border: solid 1px #fde7c2 }
.josForm input  { color: white; background-color: #997a1f; margin-right: 5px; border: solid 1px #fde7c2 }
#josForm  { margin-top: 60px; margin-right: auto; margin-left: auto; padding: 10px; width: 550px; border: solid 1px #fde7c2 }
#josForm .name #name   { margin-left: 114px }
#josForm .user  { margin-top: 0; margin-bottom: 2px; padding: 0; width: auto; border-style: none }
#josForm .user #username { margin-left: 58px }
#josForm input    { color: white; background-color: #997a1f; margin-top: 10px; border: solid 1px #fde7c2 }
#josForm fieldset { padding: 10px }

/* ################# Benutzerdaten################# QM: ok */
.user  { background-color: #654b0e; text-align: left; margin-top: 40px; margin-right: auto; margin-left: auto; padding: 15px; width: 600px; border: solid 1px #fde7c2 }
.name #user { width: 120px }
.pass #pass { width: 120px }
.user_name { color: #fc0; font-size: 16px; text-align: center; margin-bottom: 10px }
.user #name   { margin-bottom: 2px; margin-left: 114px }
.user #email { margin-bottom: 2px; margin-left: 113px }
.user #password { margin-bottom: 2px; margin-left: 91px }
.user #password2 { margin-left: 19px }

/* ################# Modultable################# QM: ok */
.moduletable  { background-color: #654b0e; background-repeat: no-repeat; text-align: left; list-style-type: none; margin: 10px auto; padding: 4px; width: 158px; border: solid 1px #4f3900 }
.moduletable td { padding-bottom: 5px }
.moduletable td a { font-size: 10px; text-decoration: none }

/* ################# Veranstaltungsmodul################# QM: ok */
.moduletable_simple            { color: #ffdc94; background-color: #72540e; background-repeat: no-repeat; text-align: left; list-style-type: none; margin-top: 10px; margin-right: auto; margin-bottom: 5px; padding: 4px 4px 0; position: relative; left: 3px; width: 158px; float: left; border: solid 1px #4f3900 }
.moduletable_simple h3,  .moduletable h3    { color: #630; font-size: 10px; font-weight: lighter; line-height: 12px; background-color: #a49a66; text-align: center; text-transform: uppercase; letter-spacing: 2px; display: block; margin: 3px 0 4px; padding: 3px 0; width: 158px; border-top: 1px solid #630; border-bottom: 1px solid #630 }
.moduletable_simple ul    { font-size: 8pt; font-weight: bold; text-align: left; list-style-type: none; margin-top: 5px; margin-right: 0; margin-left: 0; padding: 0; width: 158px }
.moduletable_simple li         { font-size: 8pt; text-align: left; list-style-type: none; margin-bottom: 5px; margin-left: 0; padding: 5px; border-bottom: 1px solid #4f3900 }
.moduletable_simple a { color: #ffdc94; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; text-decoration: none; display: block; margin: 0; padding: 2px }
.moduletable_simple a:link, .moduletable_menu a:visited                         { color: #ffdc94; font-weight: lighter; text-decoration: none; margin: 0 }
.moduletable_simple a:hover   { color: #ffffff; text-decoration: none; background-color: #a49a66; margin: 0 }
.moduletable_simple p a:link { color: #ffdc94; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; display: block; margin: 0; padding: 2px }
.moduletable_simple p   { font-size: 10pt; font-weight: bold; text-align: left; list-style-type: none; margin-top: 0; margin-left: 0; position: relative; width: 152px; float: left }
/* ################# Wettermodul################# QM: ok */
.moduletable_wetter                        { color: #ffdc94; background-color: #72540e; background-repeat: no-repeat; text-align: left; list-style-type: none; padding: 4px; position: relative; top: 5px; left: 3px; width: 158px; float: left; border: solid 1px #4f3900 }
.moduletable_wetter h3,  .moduletable h3    { color: #630; font-size: 10px; font-weight: lighter; line-height: 12px; background-color: #a49a66; text-align: center; text-transform: uppercase; letter-spacing: 2px; display: block; margin: 3px 0 4px; padding: 3px 0; width: 158px; border-top: 1px solid #630; border-bottom: 1px solid #630 }
.weather_current      { font-size: 8pt; margin-bottom: 5px; padding: 4px; border-top: 1px solid #4f3900 }
.weather_forecast       { font-size: 7pt; padding: 4px; border-top: 1px solid #4f3900 }
/* ################# Random Image################# QM: ok */
.moduletable_random { color: #ffdc94; background-color: #72540e; background-repeat: no-repeat; text-align: left; list-style-type: none; margin: 10px auto; padding: 4px; width: 158px; border: solid 1px #4f3900 }
.moduletable_random h3, .moduletable h3 { color: #630; font-size: 10px; font-weight: lighter; line-height: 12px; background-color: #a49a66; text-align: center; letter-spacing: 2px; display: block; margin: 3px 0 4px; padding: 3px 0; width: 158px; border-top: 1px solid #630; border-bottom: 1px solid #630 }