html {
    width: 100%;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: none;
    background-image: url(/images/background.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-position: top;
    background-color: #E5DCBF;
}

body, th, td, select, button, input, textarea {
    font-family: 'Times New Roman', Times, serif;
    font-size: 12px;
    color: #69541D;
}

select, button, input, textarea {
    border: 1px solid gray;
}

a:link, a:visited {
    color: #AC9F7A;
    text-decoration: none;
}
a:hover, a:active,
a.current:link, a.current:visited,
a.current:hover, a.current:active {
    color: #69541D;
    text-decoration: none;
}

p {
    margin: 0;
    padding: 0;
}

/**
 * main stuff
 *
 */
#center {
    position: absolute;
    overflow: auto;
    width: 880px;
    left: 50%;
    margin-left: -440px;
    background-color: #FFFFFF;
}

#main {
    height: 100%;
    overflow: auto;
    padding: 9px 9px 35px;
    /* brauner Rahmen */
    /*border-color: transparent;*/
    border: 1px solid #69541D;
    background-image: url(/images/decor.jpg);
    background-repeat: no-repeat;
    background-position: 11px bottom;
}

#header {
    height: 230px;
    border: none;
}

#sidebar {
    padding: 58px 45px 0 36px;
    width: 142px;
    float: left;
}

#sidebar div {
    width: 140px;
}

#sidebar img {
    display: block;
}

#content {
    width: 637px;
    float: right;
}

#mainnav {
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    margin-bottom: 30px;
    background-color: #F5F1E5;
}
#subnav {
    font-size: 12px;
    padding-left: 9px;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
}

#footer {
    clear: both;
    padding: 10px 0;
    color: #69541D;
    background-color: #E5DCBF;
}

/**
 * episode stuff for the home page
 *
 */
div.homeMain {
    width: 637px;
    min-height: 180px;
    height: auto !important;
    height: 180px;
    background-color: #F5F1E5;
    overflow: auto !important;
    overflow: visible;
    clear: both;
}

div.homeImage {
    width: 246px;
    height: 100%;
    float: left;
}

div.homeImage img {
    margin: 28px 0 0 8px;
    border: 5px solid #FFFFFF;
}

div.homeText {
    width: 391px;
    min-height: 180px;
    height: auto !important;
    height: 180px;
    float: right;
}

div.homeHeader {
    color: #F5F1E5;
    font-size: 11px;
    background-color: #69541D;
    line-height: 21px;
    height: 21px;
}

div.homeContent {
    padding: 8px 8px 0 10px;
    color: #69541D;
    min-height: 122px;
    height: auto !important;
    height: 122px;
}

div.homeLink {
    margin: 8px;
    text-align: right;
    color: #69541D;
}

div.homeSpacer, div.previewSpacer {
    height: 8px;
    line-height: 8px;
    background-color: #FFFFFF;
}

/**
 * episode stuff for the preview page
 *
 */
div.previewMain {
    width: 637px;
    min-height: 180px;
    height: auto !important;
    height: 180px;
    background-color: #F5F1E5;
    overflow: auto !important;
    overflow: visible;
    clear: both;
}

div.previewText {
    width: 391px;
    min-height: 164px;
    height: auto !important;
    height: 164px;
    float: left;
}

div.previewImage {
    width: 246px;
    height: 100%;
    float: right;
    text-align: right;
}

div.previewImage img {
    margin: 12px 8px 0 0;
    border: 5px solid #FFFFFF;
}

div.previewHeader {
    padding: 8px 0 0 8px;
    float: left;
}

div.previewHeaderDate {
    color: #F5F1E5;
    font-size: 11px;
    background-color: #69541D;
    line-height: 21px;
    height: 21px;
    width: 391px;
    float: right;
}

div.previewContent {
    margin-bottom: 8px;
    padding: 8px 0 0 10px;
    color: #69541D;
    min-height: 122px;
    height: auto !important;
    height: 122px;
}

/**
 * episode stuff for the detail page
 *
 */
div.detailHeader {
    margin-left: 246px;
    color: #F5F1E5;
    font-size: 11px;
    background-color: #69541D;
    line-height: 21px;
    height: 21px;
}

div.detailMain {
    overflow: auto;
    padding: 8px;
    width: 621px;
    color: #69541D;
}

div.detailMain img.img {
    border: 5px solid #FFFFFF;
}

div.detailSpacer {
    line-height: 8px;
    height: 8px;
}

div.light {
    background-color: #F5F1E5;
}

div.dark {
    background-color: #E7E1D1;
}

/**
 * Kontaktformular
 *
 */
.input {
    width: 200px;
    font-family: 'Times New Roman', Times, serif;
    font-size: 11px;
    padding-top: 2px;
    background-color: #FFFFFF;
    border: 1px solid #69541D;
}

.input_mitteilung {
    width: 200px;
    font-family: 'Times New Roman', Times, serif;
    font-size: 11px;
    background-color: #FFFFFF;
    border: 1px solid #69541D;
}

.beige {
    background-color: #F5F1E5;
    border: none;
}