* {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 12px;
}
body {
    height:100%;
}

.hide {
    display: none;
}
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../images/progress.gif) no-repeat center center;}
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }

.important {color:#e20020;font-weight:bold;}
.name-of-person {color:#666666;font-weight:bold;}
.detail {font-size:14px;color:#e20020;font-weight:bold;}

#musik {
    position: absolute;
    left:20px;
    top:5px;
    background-color: red;
    border: none;
    border-bottom-width: 1px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 5px;
  margin-left:1px:
  margin-right:1px;
  color: white;
    
}
#musik h2 {
    margin-left:5px;
}
#musik .musik-inner { 
    display: block;
    width: 0px;
    height: 0px
        
}
#page {
    margin:5px;
    width: 950px;
    overflow: hidden;
}
#header {
    height:200px;
    overflow: visible;
    margin-bottom: 1px
}
#logo {
    float:left;
    width:710px;
    background-color: #fff;
    height: 200px;
    margin-right: 5px;
}
#hauptmenue {
    float:left;
    width: 215px;
    height: 200px;
    background-color: #fff;
    /*font-variant:small-caps;*/
    padding-top: 0px;
    padding-left: 10px;
}
#hauptmenue h2 {
    font-size: 20px;
    padding-bottom: 0px;
    
}
#hauptmenue a {
    font-size: 16px;
    color: #e31720;
    text-decoration: none;
}
#hauptmenue li {
    margin-top: 10px
}
#facebook  {
    position: relative;
    left: 150px;
    bottom: 45px;
    width: 46px;
    height: 46px;
    background-image: url(../img/fb.png)
}
#facebook a {
    width: 46px;
    height: 46px;
    background-image: url(../img/fb.png);
    display: block;
    
}
#facebook a:hover {
    background-image: url(../img/fb-over.png)   
}
#wrap {
    overflow:hidden;
    
}
#wrap2 {position: relative; top:-4px;margin-bottom: 1px}
#wrap2 div:first-child {
    height: 5px;
    width: 710px;
    background-color: #fff;
    float: left;
}

#wrap2-cal div:last-child, #wrap2 div:last-child {
    height: 5px;
    width: 225px;
    background-color: #fff;
    float: left;
    margin-left: 5px;
}

#root {
    width: 940px;
    height: 50px;
    background-color: #fff;
    margin-bottom: 5px;
    
    
}
#root .sideback a {
    color: red;
    font-size: 16px;
    padding-top: 6px;
    
}
#root th.sideback a  {
    padding-top:0px;
    position: relative;
    top:4px
}
#root h2 {
    font-size: 20px;
    color: black;
    display: block;
    width: 120px;
    float: left;
    margin-top: 2px;
}
#root .tx-cal-controller {
    margin:5px;
    margin-left: 10px
}
#root .tx-cal-controller ul li {
  font-size: 14px;
}
#root .li.monthSmallBasic {
    display: inline;
}
#root .li.monthSmallBasic > span:after{
    content:"|";
    margin-left:4px
} 
#root .li.monthSmallBasic.last > span:after{
    content:"";
    margin-left:4px;
} 
#root .li.monthOff {
    display: none;
}
#root .bold a {
    color: #e31720;
    text-decoration: none; 
}


#content {
    width: 710px;
    float: left;
     background-color: #fff;
     overflow: visible;
     padding-bottom:6000px;     
     margin-bottom:-6000px; 
}
#content h1 {
    font-size: 20px;
}
#content h2 {
    font-size: 14px;
    color: #ff0000;
}
#content a {
color: #ff0000;  
}
#content[class="ContentCalExtra"] {
    background-color: transparent
}
#body-cal #content {
    background-color: transparent
}
#content[class="contentStd"] > div {
    margin: 10px 10px 10px 10px;
}
.leftColumn, .middelColumn, .rightColumn {
    width: 225px;
    float: left;
    margin-left: 6px
}
.leftColumn {
    margin-left: 0px;
}

#info {
    float: left;
    width: 225px;
    margin-left: 5px;
     background-color: #fff;
     padding-bottom:13000px;     
     margin-bottom:-13000px; 
}
#info h2 {
    font-size: 20px;
    
}
#info h3 {
    font-size: 16px;
    color: red;
    margin-top: 15px
    
}
#info > div {
    margin: 10px 10px 10px 10px;
}

#footer {
    width: 940px;
    float: left;
    background-color: #fff;
    margin-bottom: 10px;
    padding-bottom: 5px
}
#footer a {
    color:red;
    font-size: 14px
}
.leftFooter {
    width: 705px;
    float: left;
    margin-left:0px
}
.rightFooter {
    width: 200px;
    float: left
}
.leftFooter p, .rightFooter p {
    float: left;
    margin-left: 20px;
    width: 300px;
    font-weight: bold;
    margin-top: 5px;
}
.leftFooter p {
    width: 280px;
    margin-left: 10px
}

li.monthSmallBasic {
    display: inline;
}
li.monthSmallBasic > span:after{
    content:"|";
    margin-left:4px
} 
li.monthSmallBasic.last > span:after{
    content:"";
    margin-left:4px
} 
li.monthOff {
    display: none;
}
h1 {
    font-weight: bold
}

#content[class="contentStd"], #info, #root, #programm_list dl, #footer, #logo, #hauptmenue, #wrap2 div:first-child, #wrap2-cal div:last-child, #wrap2 div:last-child, div.box {
  -moz-box-shadow:    3px 4px 5px 1px #8c8c8c;
  -webkit-box-shadow: 3px 4px 5px 1px #8c8c8c;
  box-shadow:         3px 4px 5px 1px #8c8c8c;
}
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

/** 
 * Übernommen aus den alten CSS
 *  un teilweise angepasst
 */
#programm_list {
    width: 710px;
}
#programm_list dl, div.box {
    margin: 0 0 0px;
    overflow: hidden;
    background-color: #fff;
    padding: 10px;
    margin-bottom: 5px
    
}
#programm_list dl:last-child, div.boxlast {
    margin-bottom: 0px
}
#programm_list dl h2, #programm_list dl h2 a {
    color: #E20020;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    text-decoration: none;
}
#programm_list img {
    float: left;
    margin-right: 20px;
}
#programm_list dd {
    margin-left: 180px;
}
.ContentCalExtraList #programm_list dd {
    margin-left: 280px!important;
}
.ContentCalExtraList #programm_list dl {
    moz-box-shadow:    none;
  -webkit-box-shadow: none;
  box-shadow:         none
}
.cal_datum {
    color: #333333;
    font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
}
#programm_list p.bodytext {
}

/* inputfields/submits */

.input2 {
padding-left: 3px;
padding-right: 3px;
font-size: 12px;
font-family: verdana, tahoma, arial, helvetica, geneva;
line-height:100%;
font-style: normal;
font-weight: normal;
color: #2b2b2b;
width: 160px;
height: 20px;
border: 1px #df0316 solid;
}

.area {padding-left:3px;padding-right:3px;font-size: 10px;font-family: verdana, tahoma, arial, helvetica, geneva;line-height:100%;font-style: normal;font-weight: normal;color: #2b2b2b;height:16px; border-right: #df0316 1px solid; border-top: #df0316 1px solid; border-left: #df0316 1px solid; border-bottom: #df0316 1px solid; background-color: #ffffff;}

.submit {font-family: verdana, arial, tahoma,  helvetica, geneva;font-size: 10px;font-weight: normal; background: #ffffff; color:#000000; line-height : 80%;height:16px; spacing: 1px; border:1px #df0316 solid;}

.select {font-family: verdana, tahoma, arial, helvetica, geneva; font-size: 10px; font-style: normal;color: #2b2b2b;height:18px;line-height: 12px;}

.multiselect {font-family: verdana, tahoma, arial, helvetica, geneva;font-size: 10px; font-style: normal;color: #2b2b2b;;line-height: 12px; scrollbar-3dlight-color:chartreuse;scrollbar-arrow-color:darksalmon;scrollbar-base-color:fuchsia;scrollbar-darkshadow-color:;scrollbar-face-color:hotpink;scrollbar-highlight-color:gold;scrollbar-shadow-color:tomato}

/* KONTAKTFORMULAR, altes CSS */

.csc-mailform {
        font-size: 12px;
        border: 0px;
       }
.csc-mailform div {
    display: block;
    overflow: hidden
}

.csc-mailform-field label {
        font-size: 12px;
        margin:2px;
        font-size:12px;
        line-height:15px;
        color:#000000;
        float: left;
        text-align: right;
        margin-right: 10px;
        width: 120px;
        display: block;
        font-family: verdana, arial, helvetica, sans-serif;
}

.csc-mailform-submit {
        margin-left: 135px;
        margin-top: 20px;
        width: 170px;
        background-color:#e20020;
        color:#FFFFFF;
}

.csc-mailform-submit2 {
        margin-left: 0px;
        margin-top: 0px;
        width: 160px;
        background-color:#e20020;
        color:#FFFFFF;
}



.textarea, .input {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
color: #000000;
border-right: #94b4dc 1px solid;
border-top: #94b4dc 1px solid;
border-left: #94b4dc 1px solid;
border-bottom: #94b4dc 1px solid;
}

.select {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
.rgsgcontent > div {width:610px;height:406px;} .rgsgnest564 { width:610px;height:406px; }