@charset "UTF-8";
/* CSS Document */


/*------Allgemeine Definitionen-----*/
/*----------------------------------*/

*{
        margin: 0;
        padding: 0;
}

a{
        color: #8a5f49;
        text-decoration: underline;
}

a:hover, a:active{
        color: #784129;
}

a img{
        border: 0 none;
}

body{
        background: url(../img/bg_body.jpg) repeat-x #fff;
        color: #313131;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
}

/*Formulare*/
input, textarea{
        background: #fff;
        border: 1px solid #8a5f49;
        color: #313131;
        padding: 3px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 11px;
        margin-bottom: 10px;
}

/*Horizontale Linie*/

hr{
        width:100%;
        border:none;
        color:#95857a;
        background:#95857a;
        height: 1px;
        margin: 7px 0px 7px 0px !important;
        margin: -2px 0px -2px 0px;
        line-height:1px;
        font-size:1px;
}

/*Listen*/

ul, ol{
        margin-left: 15px;
        margin-bottom: 10px;
}

ul li, ol li{
        line-height: 150%;
}

/*----------------IDs---------------*/
/*----------------------------------*/

#wrapper{
        width: 876px;
        margin: auto;
}

#header{
        background:url(../img/bg_header.jpg) no-repeat;
        height: 464px;
}

#header h1{
        display: none;
}

#navigation{
        width: 800px;
        height: 20px;
        margin: auto;
        background: url(../img/bg_navigation.jpg) no-repeat;
}

#navigation a{
        color: #d9ad8a;
        cursor: pointer;
        display: block;
}

#navigation a:hover{
        color: #fff;
}

#navigation ul.menu ul a{
        color: #784129;
        cursor: pointer;
        display: block;
}

#navigation ul.menu ul a:hover{
        color: #ffffff;
}

#main{
        margin-left: 38px;
        width: 800px;
}

#back{
        width: 780px;
        float: left;
        padding-bottom: 0;
        background: #e8e8e8;
}

#content{
        width: 780px;
        float: left;
        padding: 0 10px;
        background: url(../img/bg_main.jpg) repeat-y;
}

#inner{
        float: left;
}

#inwrap{
        float: left;
}

/*Rechte Spalte*/
/*------------------------*/

#right table.contenttable tbody tr td{
        padding: 0;
        height: 20px;
}

#right table.contenttable tbody tr td p.bodytext{
        padding: 0;
        line-height: 100%;
}

#right table.csc-uploads tbody tr td p{
        height: 10px;
}

#right{
        width: 530px;
        float: left;
        padding: 20px 20px 0 10px;
        background: #e8e8e8;
        color: #313131;
}

.right-full {
        width: 740px !important;
        padding: 20px 20px 0 20px !important;
}

#right a{
        color: #8a5f49;
        text-decoration: underline;
}

#right a:hover, #right a:active{
        color: #95857a;
}

#right h2{
        font-weight: bold;
        color: #6f6157;
        font-size: 14px;
        padding-bottom: 5px;
}

#right h3{
        font-weight: bold;
        color: #6f6157;
        font-size: 14px;
        padding-bottom: 10px;
}

#right h4{
        font-weight: bold;
        color: #6f6157;
        font-size: 12px;
        padding-top: 10px;
        padding-bottom: 15px;
}

#right h5, #right h6{
        font-weight: bold;
        color: #6f6157;
        font-size: 11px;
        padding-top: 10px;
        padding-bottom: 10px;
}

#right p{
        line-height: 150%;
        padding-bottom: 10px;
        text-align: justify;
}

/*links ausgerichtetes Bild*/

#right img.left{
        float: left;
        margin: 0 10px 10px 0;
}

/*rechts ausgerichtetes Bild*/

#right img.right{
        float: right;
        margin: 0 0 10px 10px;
}

/*Linke Spalte*/
/*-------------*/

#left{
        color: #656565;
        width: 200px;
        float: left;
        padding: 0 10px 0 10px;
}

#left a{
        color: #8a5f49;
        text-decoration: underline;
}

#left a:hover, #left a:active{
        color: #95857a;
}

/*Fußzeile*/
/*-------------*/

#footer{
        background: url(../img/bg_footer.jpg) top center no-repeat;
        color: #6f6157;
        height: 15px;
        float: left;
        font-size: 10px;
        text-align: center;
        text-decoration: none;
        padding-top: 25px;
        width: 876px;
}

#footer a{
        color: #6f6157;
        text-decoration: none;
        text-transform: uppercase;
}

#footer a:hover{
        color: #000;
}

/*--------------KLASSEN-------------*/
/*----------------------------------*/

/*Hilfsklassen*/

.fright{
        float: right;
}

.fleft{
        float: right;
}

.topmargin{
        margin-top: 20px;
}

.botmargin{
        margin-bottom: 20px;
}

.nodisplay{
        display: none;
}

.nopad{
        margin: 0;
        padding: 0;
}

.bold{
        font-weight: bold;
}

/*Newsitem*/

.newsitem{
        width: 200px;
        float: left;
        padding: 0;
        margin-bottom: 10px;
}

.newsitem_bottom{
        background: url(../img/bg_newsitem_bottom.jpg) bottom no-repeat #fff;
        float: left;
        margin-top: 10px;
}

.newsitem h2{
        background: url(../img/bg-newsitem_h1.jpg) no-repeat;
        color: #fff;
        font-size: 11px;
        height: 20px;
        line-height: 20px;
        margin-bottom: 10px;
        text-align: center;
        text-transform: uppercase;
}

.newsitem h3{
        padding: 0 10px;
        margin: 0;
        font-size: 12px;
        font-weight: bold;
        color: #784129;
}

.newsitem h4, .newsitem h5, .newsitem h6{
        padding: 0 10px;
        margin: 10px 0 0 0;
        font-size: 12px;
        font-weight: bold;
        color: #784129;
}

.newsitem p{
        text-align: left;
        padding: 5px 10px 0px 10px;
        width: 180px;
}

div.newsitem .csc-textpic-imagewrap{
        margin: 10px;
        padding: 0;
}

.newsitem input{
        margin: 10px 10px 0 10px;
}

.newsitem img{
        clear: both;
}

/*Mehr-Button*/

a.mehr_button{
        display: block;
        height: 20px;
        clear: left;
        width: 51px;
        margin-left: 10px;
        margin-top: 10px;
        cursor: pointer;
        background: url(../img/button_mehr.jpg) bottom no-repeat;
}

a.mehr_button:hover{
        background: url(../img/button_mehr.jpg) top no-repeat;
}

table td{
        padding: 2px;
}

/*Typo*/

/*NEWS*/
hr.clearer{
        display: none;
}

#right div.csc-header h2{
        margin-top: 0px;
}

#right div.csc-header h2 a{
        text-decoration: none;
}

div.csc-header-n1 h2 {
        margin: 0;
}

h2.imageheader-hb, h2.imageheader-gr {
        overflow: hidden;
        height: 63px;
        /*text-indent: 999em;*/
        white-space: nowrap;
        background-repeat: no-repeat;
}

#left h2.imageheader-hb{
        margin-top: 0;
}

#left h2.imageheader-gr {
        height: 31px;
        margin-top: 30px;
}

fieldset.csc-mailform {
        border: 0 none;
}

div.csc-mailform-field select{
        margin-bottom: 10px;
}

div.csc-mailform-field label{
        width: 200px;
        display: block;
}

.news-list-morelink{
        margin-left: 10px;
}

div.news-list-item{
        margin-top: 20px;
}

/*Sitemap*/

dd{
        margin-bottom: 10px;
}

/*Kategorienbilder*/
#marusha{
        background: url(../img/kategorienbilder/marusha.jpg) top no-repeat;
        color: #FFFFFF !important;
        display: block;
        font-weight: bold;
        font-size: 14px;
        height: 75px;
        line-height: 75px;
        margin-bottom: 10px;
        padding-right: 20px;
        text-align: right;
        text-decoration: none !important;
        width: 720px;
}

#marusha:hover{
        color: #000 !important;
}

#wiesbadeneins{
        background: url(../img/kategorienbilder/wiesbadeneins.jpg) top no-repeat;
        color: #FFFFFF !important;
        display: block;
        font-weight: bold;
        font-size: 14px;
        height: 75px;
        line-height: 75px;
        margin-bottom: 10px;
        padding-right: 20px;
        text-align: right;
        text-decoration: none !important;
        width: 720px;
}

#wiesbadeneins:hover{
        color: #000 !important;
}

#nacktefarbe{
        background: url(../img/kategorienbilder/nacktefarbe.jpg) top no-repeat;
        color: #FFFFFF !important;
        display: block;
        font-weight: bold;
        font-size: 14px;
        height: 75px;
        line-height: 75px;
        margin-bottom: 10px;
        padding-right: 20px;
        text-align: right;
        text-decoration: none !important;
        width: 720px;
}

#nacktefarbe:hover{
        color: #000 !important;
}

#citybeach{
        background: url(../img/kategorienbilder/citybeach.jpg) top no-repeat;
        color: #FFFFFF !important;
        display: block;
        font-weight: bold;
        font-size: 14px;
        height: 75px;
        line-height: 75px;
        margin-bottom: 10px;
        padding-right: 20px;
        text-align: right;
        text-decoration: none !important;
        width: 720px;
}

#citybeach:hover{
        color: #000 !important;
}

#bestof{
        background: url(../img/kategorienbilder/bestof.jpg) top no-repeat;
        color: #FFFFFF !important;
        display: block;
        font-weight: bold;
        font-size: 14px;
        height: 75px;
        line-height: 75px;
        margin-bottom: 10px;
        padding-right: 20px;
        text-align: right;
        text-decoration: none !important;
        width: 720px;
}

#bestof:hover{
        color: #000 !important;
}

#dark{
        background: url(../img/kategorienbilder/dark.jpg) top no-repeat;
        color: #FFFFFF !important;
        display: block;
        font-weight: bold;
        font-size: 14px;
        height: 75px;
        line-height: 75px;
        margin-bottom: 10px;
        padding-right: 20px;
        text-align: right;
        text-decoration: none !important;
        width: 720px;
}

#dark:hover{
        color: #000 !important;
}

#eswe{
        background: url(../img/kategorienbilder/eswe.jpg) top no-repeat;
        color: #FFFFFF !important;
        display: block;
        font-weight: bold;
        font-size: 14px;
        height: 75px;
        line-height: 75px;
        margin-bottom: 10px;
        padding-right: 20px;
        text-align: right;
        text-decoration: none !important;
        width: 720px;
}

#eswe:hover{
        color: #000 !important;
}