/* copyright ArtProLog 2007 Ursula Bartels */


/* LINKS */
a.button, 
a.button:link, 
a.button:visited, 
a.button:hover, 
a.button:active       { color: #036; font-weight: bold; line-height: 1.8em; text-decoration: none; background-color: #fff; text-align: center; text-transform: uppercase; padding: 5px 10px; width: 180px; border: solid 1px #036 }
a.button:hover  { color: #fff; background-color: #036 }

/*CLASSES*/
.zweiSpaltig-spalte1 {float:left; width: 44%; margin-right:2%;}
.zweiSpaltig-spalte2 {float:left; width: 44%; }

.dreiSpaltig-spalte1 {float:left; width: 30%}
.dreiSpaltig-spalte2 {float:left; width: 29%; margin-left:2%; margin-right: 2%}
.dreiSpaltig-spalte3  { width: 29%; float: left }

.odd  { background-color: #ececec; margin-top: 0px; padding: 5px; min-height: 26px }
.noodd  { background-color: #fff; margin-top: 0px; padding: 5px; min-height: 26px }
.line    { font-size: 1px; line-height: 1px; height: 1px; clear: both; border-top: 1px solid #036 }
#contentbox1 .line { border-top: 1px solid #fff}

div.zeile, div.zeile-odd, div.zeile-kopf, div.zeile-form-spacer        { line-height: 20px; padding-right: 5px; padding-left: 5px; min-height: 23px; clear: left }
* html div.zeile, * html div.zeile-odd, * html div.zeile-kopf, * html div.zeile-form-spacer        { height: 23px; }
div.zeile-odd  { background-color: #ececec;}
div.zeile-kopf {background-color: #ececec; color: #fff; min-height: 20px; }

/* FORMULAR REGISTRIERUNG */
.paketwahl  { margin-right: -20px; margin-left: -20px }

.paketwahl .paket_col1, 
.paketwahl .paket_col2, 
.paketwahl .paket_col3  { width: 254px; float: left }

.paketwahl .paket_col2  { width: 242px; float: left }
.paketwahl .paket_col3  { width: 249px; float: left }

.paketwahl .paket-submit { width: auto; border-style: none; margin: 0; padding: 0 }

.paketwahl .paket_col1 p, 
.paketwahl .paket_col2 p, 
.paketwahl .paket_col3 p {padding-left: 20px; padding-right: 35px }

.paketwahl .paket_col1 li, 
.paketwahl .paket_col2 li, 
.paketwahl .paket_col3 li {margin-left: 30px; padding-right: 35px}

.user-forms div.zeile, 
.user-forms div.zeile-odd, 
.user-forms div.zeile-kopf, 
.user-forms div.zeile-form-spacer,
.user-forms div.zeile-form-info { margin-right: -20px; margin-left: -20px; padding: 3px 10px 0; border-top: 1px solid #036 }

.user-forms div.zeile-form-spacer  { background-color: #a6d0ea; padding: 0 10px 0 }

.user-forms .clearer  { font-size: 0.3em; line-height: 0.3em; }

.user-forms input,
.user-forms select,
.user-forms textarea {width: 250px}

.user-forms .checkbox  { width: auto }
.user-forms .spalte10,.user-forms .spalte11  { float:left; width:45%; }

.user-forms div.zeile-form-info .spalte10  { width:90%; }
.user-forms div.zeile-form-info .spalte11  { width:0%; }

/*.reg-form-zeile {clear: left;}
.reg-form-label  { color: #fff; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; position: relative; width: 200px; float: left }
.reg-form-input  { float: left }
.tx-srfeuserregister-pi1 {width: 400px}*/

/*NEWS*/
div.news-latest-container .clearer  { font-size: 0.5em; line-height: 0.5em; margin-bottom: 5px; height: 0.5em }
.news-latest-item, .news-list-item, .news-single-item       { border-bottom: 1px solid #036 }
.news-single-img img, .news-list-item img, .news-latest-item img  { margin-top: 3px; margin-bottom: 3px; border: 0 }
.news-list-morelink, .news-latest-morelink  { margin-bottom: 5px }

.news-latest-item  { margin: 0; padding: 0 }
.news-latest-gotoarchive a, 
.news-latest-gotoarchive a:link, 
.news-latest-gotoarchive a:visited, 
.news-latest-gotoarchive a:hover, 
.news-latest-gotoarchive a:active     { font-weight: bold; line-height: 1.8em; text-decoration: none; background-color: #fff; text-align: center; text-transform: capitalize; display: block; margin-bottom: 5px; width: 180px; height: 20px; border: solid 1px #036 }

.news-amenu-container, 
.news-amenu-container ul, 
.news-amenu-container li, 
.news-amenu-item-year, 
.news-amenu-item-year dl, 
.news-amenu-item-year dd    { list-style-type: none; margin: 0; padding: 0  } 
.news-amenu-container  { padding-bottom: 3px }
.news-amenu-item-year  { font-weight: bold;}

.news-single-item {border: 0}

/* LINK LISTE*/
.tx-cmwlinklist-pi1 .clearer  { font-size: 0.5em; line-height: 0.5em; margin-bottom: 5px; height: 0.5em }

/* SHOP*/
.showprep-shop .clearer  { font-size: 0.5em; line-height: 0.5em; margin-bottom: 5px; height: 0.5em }

/* KALENDAR*/
.calendar  { width: 40%;min-height: 135px;}
.zeile-calendar  { text-align: center; width: 100%; clear: left }
.spalte-calender,.spalte-calender-mark  { text-align: center; width: 14%; float: left }
.zeile-calendar-top {background-color: #E6E6E6;}

.spalte-calender-mark, 
.spalte-calender-mark a, 
.spalte-calender-mark a:link, 
.spalte-calender-mark a:visited, 
.spalte-calender-mark a:hover, 
.spalte-calender-mark a:active {color: #fff; background-color: #036; }

/* TERMINE*/
.termin-suche .clearer  { font-size: 0.5em; line-height: 0.5em; margin-bottom: 5px; height: 0.5em }
.termine h2       { font-variant: small-caps; background-color: #E6E6E6; margin-top: 5px; margin-bottom: 5px; padding-right: 5px; padding-left: 5px; border-top: 1px solid #036; border-bottom: 1px solid #036 }

.terminItem      { line-height: 20px; background-color: #d1e6f4; margin: 5px 0; padding: 5px; min-height: 23px; clear: left; border-top: 1px dotted #036; border-bottom: 1px dotted #036 }

/* MUSIKNEWS */
.musiknews .row  { width: 180px; overflow: hidden }
.musiknews form  { margin: 0; padding: 0; border-style: none }
.musiknews input         { background-color: #fff; margin: 0 0 5px; padding: 1px; width: 171px; border: solid 1px #036 }
* html .musiknews input        { width: 175px; }
.musiknews input.form-submit  { width: 175px;}
.musiknews h2      { background-color: #fff; text-align: center; margin-right: -10px; margin-left: -10px; padding-right: 5px; padding-left: 5px; border-top: 1px solid #036; border-bottom: 1px solid #036 }

/* SORT SEARCH */
.sortbox,.searchbox  { margin-bottom: 5px }
.sortbox input,.searchbox input         { background-color: #fff; margin: 0 0 5px; padding: 1px; width: 166px; border: solid 1px #036 }
* html .sortbox input,* html .searchbox input        { width: 170px; }
.sortbox input.form-submit,.searchbox input.form-submit  { width: 170px;}
#contentrechts .sortbox, #contentrechts .searchbox  { color: #666; background-color: transparent; border-style: none } 

/* BROWSE ERGEBNISSE */
.browse  { width: 100%; clear: both }
.browse .clearer  { font-size: 0.5em; line-height: 0.5em; margin-bottom: 5px; height: 0.5em }

.browse a.button:link, 
.browse a.button:visited, 
.browse a.button:hover, 
.browse a.button:active        { color: #036; font-weight: bold; line-height: 0.5em; text-decoration: none; background-color: #fff; text-align: center; text-transform: uppercase; margin-right: 20px; padding: 5px 10px; width: 50px; float: left; border: solid 1px }
.browse a.button:hover  { color: #fff; background-color: #036 }

.counter  { font-weight: bold; margin-top: 5px; margin-bottom: 10px }

/* GOOGLE */
#google    { text-align: center; padding: 5px 10px }

.google a.button:link, 
.google a.button:visited, 
.google a.button:hover, 
.google a.button:active         { color: #036; font-weight: bold; line-height: 0.5em; text-decoration: none; background-color: #fff; text-align: center; text-transform: uppercase; margin-right: 20px; padding: 5px 10px; width: 50px; float: left; border: solid 1px }
.google a.button:hover  { color: #fff; background-color: #036 }

#google input, .google input          { background-color: #fff; margin: 0 0 5px; padding: 1px; width: 166px; border: solid 1px #036 }
* html #google input,* html .google input        { width: 170px; }
#google input.form-submit, .google input.form-submit  { width: 170px;}
#google .input-radio     { background-color: transparent; margin-bottom: -3px; width: auto; border-style: none }
#google .p-input-radio   { line-height: 2.5 }
#google h1     	              { color: #fff; font-size: 1.1em; line-height: 22px; background-color: #a6d0ea; text-transform: uppercase; margin: -5px -10px 5px; padding-right: 10px; padding-left: 10px; width: 100%; min-height: 22px; clear: left; border-top: medium none; border-bottom: 1px solid #036 }
* html #google h1 {height: 22px}

/* SHOWPREP TERMIN SUCHE SPALTE LINKS*/
#suche-termine      { text-align: center; padding: 0 10px 5px }
#suche-termine input         { background-color: #fff; margin: 0 0 5px; padding: 1px; width: 166px; border: solid 1px #036 }
* html #suche-termine input, #suche-termine input.form-submit       { width: 170px; }
#suche-termine h1     	               { color: #fff; font-size: 1.1em; line-height: 22px; background-color: #a6d0ea; text-transform: uppercase; margin: 0 -10px; padding-right: 10px; padding-left: 10px; width: 100%; min-height: 22px; clear: left; border-top: medium none; border-bottom: 1px solid #036 }
* html #suche-termine h1 {height: 22px}
#suche-termine .clearer  { font-size: 0.5em; line-height: 0.5em; margin-bottom: 5px; height: 0.5em }

/* TERMINE USEREINTRÄGE */

.termine_usereintraege select, .termine_usereintraege input    { background-color: #fff; margin: 0 0 5px; padding: 1px; width: 180px; border: solid 1px #036 }
.termine_usereintraege input.form-submit { width: 180px;}

/* TERMINE REDAKTION */

.termine-redaktion-img { margin-right: -20px; margin-left: -20px }
.termine-redaktion select, .termine-redaktion input, .termine-redaktion textarea    { background-color: #fff; margin: 0 0 5px; padding: 1px; width: 180px; border: solid 1px #036 }
.termine-redaktion .checkbox {width: auto} 

.termine-redaktion .clearer   { font-size: 0.3em; line-height: 0.3em; margin-bottom: -2px }

.termine-redaktion .row { padding: 3px 10px 0; border-top: 1px solid #036 }

.sortbox,.searchbox     { color: #fff; background-color: #a6d0ea; margin-bottom: 2px; padding-bottom: 2px; width: 100%; border-top: 1px solid #666; border-bottom: 1px solid #9b7a39 }
.searchbox { margin-bottom: 5px }

.termine-redaktion .zeile-form-spacer   { font-size: 1.2em; font-variant: small-caps; background-color: #D1E6F4;}
.termine-redaktion .zeile-kopf   { background-color: #54a1d3; margin-top: 10px; border-top: 1px solid #036 }

.calendar-redaktion  { width: auto;min-height: 135px;}
*html #contentlinks .calendar-redaktion  { width: 180px;min-height: 135px;}
.calendar-redaktion .zeile-calendar-top {color: #fff;background-color: #036;}


#logo-redaktion    { text-align: right; position: absolute; z-index: 200; top: 85px; width: 955px }
#logo-redaktion .separator {display: none}


/* COMMUNITY*/
.community .clearer  { font-size: 0.5em; line-height: 0.5em; margin-bottom: 0px; height: 0.5em }
.community select, .community input, .community textarea    { background-color: #fff; margin: 0 0 5px; padding: 1px; width: 250px; border: solid 1px #036 }

.community   { margin: 0; padding: 0 }
.zeile-community,.zeile-community-top      { line-height: 1.3em; text-align: left; padding-top: 3px; padding-left: 10px; width: 100%; clear: left; border-bottom: 1px dotted #036 }
.spalte-community  { text-align: left;  float: left }
.zeile-community-top    { font-weight: bold; background-color: #d1e6f4; margin-bottom: 5px; height: 1.4em; border-top: 1px solid #036; border-bottom: 1px solid #036 }

.zeile-community-letter a:link, 
.zeile-community-letter a:visited, 
.zeile-community-letter a:hover, 
.zeile-community-letter a:active   { font-weight: bold; line-height: 0.5em; text-decoration: none; background-color: #d1e6f4; text-align: center; display: block; margin-right: 3px; padding: 3px 5px; height: 0.5em; float: left; border: solid 1px #036 }