* {
   text-align: left;
   margin:0;
   padding:0;
}

body { 
    background-color:#454545;
    color:#7A7671;
    font-family:Arial,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
    font-size:7.5pt;
    letter-spacing:0.5pt;
    line-height:13pt;
}

body a {
    color:#5A5B51;
	text-decoration:none;
}


#wrapper {
    width:800px;
    margin: 0 auto;
    padding: 0px;
    /* background-color: #F39912; */
    background-color: white;
    overflow: hidden; 
    /* border-right: 3px solid white; */
}

.outer {
    border-left-width: 526px; /* left column width */
    border-left-color: white; /* left column colour */

    border-right-width: 271px; /* right column width */
    border-right-color: #0063be; /* right column colour */
    background-color: #0063be; /* center column colour */
}

.primary-content {
    width: 526px; /* left column width */
    margin-left: -526px; /* _negative_ left column width */
}

.secondary-content {
    width: 266px; /* right column width */
    margin-right: -266px; /* _negative_ right column width */
}

/* Main code */

.outer { width: auto; border-left-style: solid;  border-right-style: solid;  border-right: 3px solid white; }
.inner { margin: 0; width: 100%; border-top: 3px solid white; }

.primary-content { float: left; position: relative; z-index: 10; border-left: 3px solid white; /* border-top:3px solid white; */}
.secondary-content { float: left; position: relative; z-index: 11; /* border-top:3px solid white; */ }

.clear { clear: both; }

/* Mozilla code */

.outer > .inner { border-bottom: 3px solid white; }

.primary-content { margin-right: 1px; }
.secondary-content { margin-left: 1px; }


#header {
    background-color:#c8c9c3; /*grey; #c8c9c3*/
    color:#c8c9c3
    position:relative;
    height:125px;
    width:794px;
    border-top: 3px solid white;
    border-left: 3px solid white;
    border-right: 3px solid white;
    z-index:13;
}

#menu {
    height:125px;
    float: left;
}

#menu ul {
    margin: 10px;
    padding: 0;
    list-style: none;
    margin-top: 100px;
}

#menu li {
    float: left;
    padding-left: 5px;
    padding-right: 15px;
}

.menu-link {
    color:#5A5B51;
    font-family:Georgia;
    font-size:8pt;
    font-stretch:normal;
    font-weight:bolder;
    letter-spacing:1pt;
    line-height:11pt;
    text-decoration:none;
}

.menu-link:active {
    color:#0063be;
    text-decoration:none;
}
.menu-link:hover {
    color:#0063be;
    text-decoration:none;
}

#logo {
    width: 100px;
    margin-top: 16px;
    margin-right: 16px;
    float: right;
}

#header-empty {
    height:20px;
    width:870px;
    background-color: #eeebcc;
}

#footer {
    height:40px;
    text-align: left;
    clear:both;
    background-color:#403B33;
    border-top: 3px solid white;
    font-family:Arial,sans-serif;
    font-size:7.5pt;
    line-height:9pt;
}

#footer p { margin-left:2em; margin-top:10px; }
#footer a { color:#C8C9C3; }
.secondary-content ul { list-style-type: none; }

#navigation {
    height:200px;
    align: left;
    font-family:Georgia;
    font-size:8pt;
    font-weight:normal;
    line-height:12pt;
    text-decoration:none;
    text-align: left;
}

#navigation ul li:before { 
    content: "//";
    padding-right: 0.5em; 
    color:#FFFFFF;
}
#navigation a {
    color:#FFFFFF;
    text-decoration:none;
    text-align: left;
}
#navigation a:active {
    color:#C8C9C3;
    text-decoration:none;
    text-align: left;
}
#navigation ul {
    padding-top:30px;
    padding-left:15px;
}
#hinweis {
    color: #C8C9C3;
    border-top: 3px solid white;
    border-bottom: 3px solid white;
    background-color:#5a5b51;
    padding-top:10pt;
    padding-left: 20pt;
    padding-bottom:30pt;
    font-family:Arial,sans-serif;
    font-size:8pt;
    line-height:11pt;
    text-decoration:none;
    margin-left: -5px;
    width: 245px;
}
#hinweis h1 {
    font-size: 8pt;
    text-style: bold;
}

#hinweis:after {
    content: ".";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

.info-text {
    color:#C8C9C3;
    font-family:Arial;
    font-size:8pt;
    font-weight:bold;
    letter-spacing:1px;
    line-height:13pt;
    text-decoration:none;
}

.text {
    color:#5A5B51;
    font-family:Arial;
    font-size:8pt;
    letter-spacing:1pt;
    line-height:11pt;
    text-decoration:none;
}

.text h1 {
    font-size:8pt;
    font-weight:bold;
    line-height:12pt;
    text-decoration:none;
}

.text h2 {
    color:#F39912;
    font-family:Georgia;
    font-size:12pt;
    font-weight:bold;
    line-height:12pt;
    text-decoration:none;
}

.events {
    margin-left:15px;
    /* padding-left: 10px;*/
    width: 480px;
}

.events a {    
    color: #0063be;
}

.month-event a[href^="http://www."] {
    background: url(/i/2010/external.gif) no-repeat right top;
    padding-right: 10px;
}


.month-event {
    background-color: #dedede;
    border-top:3px solid white;
    border-bottom:3px solid white;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
    width: 490px;
    float: left;
}

.month-event clear {
    clear: both;
}

.month-event .event-primary a {
    font-size:9pt;
    background: url(/i/button.gif) no-repeat left;
    padding-left:15px; 
}

.month-event .month-event-description, .month-event-place, .month-event-presale, .month-event-price {
    color:#5A5B51;
    font-family:Arial,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
    font-size:8pt;
    letter-spacing:0;
    line-height:11pt;
    text-decoration:none;
}

.month-event-description, .month-event-place {
    margin-top: 10px;
}

.month-event .month-event-date, .month-event-time {
    color:#0063be;
    font-family:Arial;
    font-size:8pt;
    letter-spacing:0;
    line-height:11pt;
    text-decoration:none;
}

.month-event .month-event-title {
    color:#0063be;
    font-family:Georgia;
    font-size:9pt;
    letter-spacing:0;
    line-height:13pt;
    text-decoration:none;
}

.month-event .event-primary {
    float: left;
    display:inline;
    width: 180px;
}

.month-event .event-secondary {
    float: right;
    /* margin-left: 200px; */
    width: 290px;
    padding-right:10px;
 }

.month-event .event-booking-form {
    padding-top: 20px;
    clear: both;
}

.bookingform .error {
    color: red;
}

.required label:after {
    content: "*";
    padding-left: 0.5em; 
}


.clear {
    clear: both;
}

.month-head {
    background-color: #dedede;
    color:#5A5B51;
    font-family:Arial;
    font-size:9.5pt;
    letter-spacing:1pt;
    line-height:11pt;
    text-decoration:none;
    border-bottom-width:0;
    margin-top:10px;
    padding-bottom:10px;
    padding-top:10px;
    padding-left:10px;
    width: 490px;
    
}

.calender h1 {
    color:#0063be;
    font-family:Georgia;
    font-size:12pt;
    font-weight:bold;
    line-height:12pt;
    text-decoration:none;
}

.calender h2 {
    color:#0063be;
    font-family:Georgia;
    font-size:10pt;
    font-weight:bold;
    line-height:12pt;
    text-decoration:none;
    margin-top:1em;
}


.calender {
    color:#4E4B4A;
    font-family:Arial,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
    font-size:8pt;
    letter-spacing:1pt;
    line-height:11pt;
    text-decoration:none;
    margin-top: 25px;
    margin-left:15px;
}

.calender ul {
    width: 30em;
    text-decoration:none;
    list-style-image:none;
    list-style-position:outside;
    margin-top: 10px;
}

/* float & allow room for the widest item */
.calender ul li {
    float: left;
    width: 8em;
    list-style-type: none;
}
   
.calender ul li:before { 
    content: "//";
    padding-right: 0.5em; 
}


/* stop the float */
.calender br {
    clear: left;
}

/* separate the list from subsequent markup */
div.calender
{
    margin-bottom: 1em;
}

.bookingform  {
    /* line-height:13pt; */
    text-decoration:none;
    margin-left: 20px;
    margin-top: 20px;
    font-family:Arial,sans-serif;
    font-size:8pt;
    inherit:none;
}


.bookingform form {
    inherit:none;
    background-color:white;
    border: 0px solid #CCCCCC;
    margin-left:auto;
    margin-right:auto;
    padding:10px;
    text-align:left;
    width:450px;
}


.bookingform h1 {
    color: #0063be;
    font-family:Georgia;
    font-size:9pt;
    letter-spacing:0;
}

.bookingform dl {
    margin-top: 15px;
}

.bookingform dt {
    padding-top: 5px;
    float: left;
    width: 100px;
}

.bookingform dd {
    padding-top: 5px;
    margin-left: 105px;
}

.overview {
    background-color: #EFEFEF;
    font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
    font-size:8pt;

    margin-top: 10px;
    border-bottom: 5px solid #efefef;
}

.overview dl {
    
}

.overview dt {
    padding-top: 5px;
    margin-left: 10px;
    float: left;
    width: 100px;
    font-weight:bold;
}

.overview dd {
    padding-top: 5px;
    margin-left: 110px;

}

.overview li {
    list-style: none;
}


.month-overview {
    color:#5A5B51;
    font-family:Arial;
    font-size:8pt;
    background-color: #efefef;
    padding-left:10px;
    width:490px;
}

.month-overview ul {
    text-decoration:none;
    list-style-image:none;

 
}

.month-overview ul li {
   list-style-type: none;
}


.navigation-aid {
    font-family:Arial;
    font-size:8pt;
    margin-top:10px;
    margin-left: 15px;
}


.sponsoren {
    margin-top: 20px;
}
.sponsoren table {
    border: 0;
}

.sponsoren td {
    width: 200px;
    height: 80px;
}

.sponsoren a {
    border-style: none;
    background: none;
    padding-right; none;
}

.sponsoren img {
    border-style: none;
}

.medienpartner  {
    margin-top: 15px;
}
.medienpartner img {
    margin: 10pt 10pt 10pt 10pt;
}

.medienpartner h3 {
    font-family:Arial,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
    font-size:8pt;
    font-weight:normal;
}

.errors {color:red;}
.messages {color:blue;}
.label {display:block;}