@import url('stylespace.css');
@import url('style_mail.css');
/*-----------------------clearer-----------------------*/
.clear {
    clear: both;
    height: 0px;
}
/* IE-Patches für Clearfix */
.clear {
        display: inline-block;
}
/* IE5/Mac \*/
* html .clear {
    height: 1px;
}
.clear {
        display: block;
}
/* IE5/Mac */
/*-----------------------end clearer-----------------------*/

/* settings for the site
    dimensions total
    width: 770px
    height: 600px
    dimensions single
    site-frame: 600px
    site-headernavi:100px
    site-content: 475px
    site-footer: 25px
    */
body {
    background-image:url();
        background-repeat:repeat;
    background-color:#EBCDD2;
    font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif;
    font-size:12px;
    font-weight:plain;
        color: #444444;
    margin: 0px;
    padding: 0px;
        overflow-y:auto;
    overflow-x:hidden;
}
.site-frame {
        border:0px solid #FFFF00;
        background-image:url();
        background-repeat:repeat;
    background-color:#EBCDD2;
    width:770px;
        min-height:610px;
        height:auto !important;
        height:610px;
        margin: 0 auto;
        margin-top:5px;
}
.site-headernavi {
        border-bottom:0px solid #00FF00;
        display:block;
        background-image:url();
        background-repeat:no-repeat;
    background-color:;
        width:768px;
        min-height:111px;
        height:auto;
        height:111px;
    padding-left:11px;
}
.site-content {
/*-----------------------settings for content-----------------------*/
        border:0px solid red;
    display:block;
        background-image:url();
        background-repeat:no-repeat;
    background-color:#EBCDD2;
/*-----------------------end settings for content-----------------------*/
        width:768px;
    min-height:460px;
        height:auto !important;
        height:460px;
    clear:both;
}
/*-----------------------content-----------------------*/
.content {
    border:0px solid #4E72A6;
    display:block;
    font-size:12px;
    color:;
        font-weight:plain;
        padding-left:0px;
        padding-right:0px;
        padding-top:10px;
        * padding-top:35px;
    }
/*-----------------------end content-----------------------*/
.site-footer {
    border:0px solid #FF00FF;
        display:block;
    background-image:url();
        background-repeat:no-repeat;
        background-color:;
        width:680px;
        height:50px;
    font-size:11px;
    color:#444444;
        font-weight:plain;
    margin-left:40px;
    *padding-top:15px;
}
.counter{
        color:#444444;
        font-size: 11px;
    font-weight:plain;
        text-decoration:none;
}



.bt-red, .bt-darkred, .bt-green, .bt-darkgreen, .bt-blue, .bt-orange, .bt-violet {
    border:0px solid #D7196E;
    display:block;
        background-repeat:no-repeat;
        width:90px;
        height:91px;
        color:#ffffff;
        font-size: 11px;
    font-weight:bold;
        text-decoration:none;
    text-align:center;
        margin-top:20px;
        margin-left:30px;
    float:left;
}
.bt-red {
    background-image:url(../pics/button_red.gif);
    padding-top:27px;
}
.bt-darkred {
    background-image:url(../pics/button_darkred.gif);
    padding-top:20px;
}
.bt-green {
    background-image:url(../pics/button_green.gif);
    padding-top:20px;
}
.bt-darkgreen {
    background-image:url(../pics/button_darkgreen.gif);
    padding-top:27px;
}
.bt-blue {
    background-image:url(../pics/button_blue.gif);
    padding-top:20px;
}
.bt-orange {
    background-image:url(../pics/button_orange.gif);
    padding-top:20px;
}
.bt-violet {
    background-image:url(../pics/button_violet.gif);
    padding-top:20px;
}
.bt-red:hover, .bt-darkred:hover, .bt-green:hover, .bt-darkgreen:hover, .bt-blue:hover, .bt-orange:hover, .bt-violet:hover {
    border:0px solid #D7196E;
    display:block;
        background-repeat:no-repeat;
        width:90px;
        height:91px;
        color:#ffffff;
        font-size: 11px;
    font-weight:bold;
        text-decoration:none;
    text-align:center;
         margin-left:30px;
   float:left;
}
.bt-red:hover {
    background-image:url(../pics/button_red_on.gif);
    padding-top:27px;
}
.bt-darkred:hover {
    background-image:url(../pics/button_darkred_on.gif);
    padding-top:20px;
}
.bt-green:hover {
    background-image:url(../pics/button_green_on.gif);
    padding-top:20px;
}
.bt-darkgreen:hover {
    background-image:url(../pics/button_darkgreen_on.gif);
    padding-top:27px;
}
.bt-blue:hover {
    background-image:url(../pics/button_blue_on.gif);
    padding-top:20px;
}
.bt-orange:hover {
    background-image:url(../pics/button_orange_on.gif);
    padding-top:20px;
}
.bt-violet:hover {
    background-image:url(../pics/button_violet_on.gif);
    padding-top:20px;
}

.bt-red-active, .bt-darkred-active, .bt-darkred-active, .bt-green-active, .bt-darkgreen-active, .bt-blue-active, .bt-orange-active, .bt-violet-active {
    border:0px solid #D7196E;
    display:block;
        background-repeat:no-repeat;
        width:90px;
        height:91px;
        color:#ffffff;
        font-size: 11px;
    font-weight:bold;
        text-decoration:none;
    text-align:center;
        margin-left:30px;
        margin-top:20px;
    float:left;
}
.bt-red-active {
    background-image:url(../pics/button_red_on.gif);
    padding-top:27px;
}
.bt-darkred-active {
    background-image:url(../pics/button_darkred_on.gif);
    padding-top:20px;
}
.bt-green-active {
    background-image:url(../pics/button_green_on.gif);
    padding-top:20px;
}
.bt-darkgreen-active {
    background-image:url(../pics/button_darkgreen_on.gif);
    padding-top:27px;
}
.bt-blue-active {
    background-image:url(../pics/button_blue_on.gif);
    padding-top:20px;
}
.bt-orange-active {
    background-image:url(../pics/button_orange_on.gif);
    padding-top:20px;
}
.bt-violet-active {
    background-image:url(../pics/button_violet_on.gif);
    padding-top:20px;
}

a.button_rezept, a.button_rezept_large {
    border:0px solid #D7196E;
    display:block;
    background-image:url(../pics/button_rezept.gif);
        background-repeat:no-repeat;
        width:95px;
        height:32px;
        color:#444444;
        font-size: 11px;
    font-weight:none;
        text-decoration:none;
    text-align:center;
        margin-left:8px;
        margin-top:0px;
    padding-top:2px;
    float:left;
}
a.button_rezept_large {
    background-image:url(../pics/button_rezept_large.gif);
        background-repeat:no-repeat;
        width:105px;
        height:32px;
}
a.button_rezept:hover, a.button_rezept_large:hover {
        color:#9A0097;
}





a {
        color: #444444;
    font-weight:plain;
        text-decoration:none;
}
a:hover {
        color: #6E0E37;
}




.col-index-left {
        border:0px solid #555555;
        display:block;
    margin-left:40px;
    * margin-left:40px;
    text-align:left;
        float:left;
}
.col-index-right {
        border:0px solid #00FF00;
        display:block;
    text-align:left;
    margin-right:50px;
    * margin-right:50px;
        float:right;
}
.col-left {
        border:0px solid #555555;
        display:block;
    text-align:left;
        float:left;
}
.col-middle {
        border:0px solid #555555;
        display:block;
    text-align:left;
        float:left;
}
.col-right {
        border:0px solid #00FF00;
        display:block;
    text-align:left;
        float:right;
}


.col-impr {
        border-top:0px solid #004CEB;
        border-bottom:0px solid #004CEB;
        display:block;
        width:720px;
    text-align:center;
    font-size:14px;
    text-decoration:none;
    margin:0 auto;

}

.col-impr-left {
        border:0px solid #555555;
        display:block;
    text-align:center;
    font-size:14px;
    text-decoration:none;
    padding-left:30px;
    padding-top:30px;
        float:left;
}
.col-impr-middle {
        border:0px solid #004CEB;
        display:block;
    text-align:left;
    padding-left:65px;
        float:left;
}


.col-impr-right {
        border:0px solid #00FF00;
        display:block;
    text-align:center;
    font-size:14px;
    text-decoration:none;
    padding-left:30px;
    padding-right:25px;
    padding-top:30px;
        float:right;
}




h1 {
        color:;
        font-size: 16px;
    font-weight:plain;
        text-decoration:none;
    margin-top:0px;
}
.txt-small {
        color:#444444;
        font-size: 0px;
    font-weight:plain;
        text-decoration:none;
}

ul {
        border:0px solid red;
        margin-top:0px;
        margin-bottom:0px;
        * margin-left:3px;
        padding-left:12px;
}


.willkommen {
        border:0px solid #FFFF00;
        background-image:url(../pics/willkommen.gif);
        background-repeat:no-repeat;
    background-color:#DDDDDC;
    width:610px;
        min-height:382px;
        height:auto !important;
        height:382px;
}
.bt-blue-willkommen {
    border:0px solid #D7196E;
    display:block;
    background-image:url(../pics/book_blue.gif);
        background-repeat:no-repeat;
        width:65px;
        height:61px;
        color:#FFFFFF;
        font-size: 8px;
    font-weight:bold;
        text-decoration:none;
    text-align:center;
    padding-top:15px;
    float:left;
}
.bt-orange-willkommen {
    border:0px solid #D7196E;
    display:block;
    background-image:url(../pics/book_orange.gif);
        background-repeat:no-repeat;
        width:80px;
        height:74px;
        color:#ffffff;
        font-size: 10px;
    font-weight:bold;
        text-decoration:none;
    text-align:center;
    padding-top:15px;
    float:left;
}
.bt-blue-willkommen:hover {
        color:#eeeeee;
}
.bt-orange-willkommen:hover {
        color:#eeeeee;
}

.willkommen-text {
    display:block;
        color:#444444;
        font-size: 11px;
    font-weight:plain;
        text-decoration:none;
    text-align:center;
    float:left;
}
.banner-blue, .banner-green, .banner-red, .banner-blue:hover, .banner-green:hover, .banner-red:hover {
    border:0px solid #D7196E;
    display:block;
        background-repeat:no-repeat;
        width:150px;
        height:26px;
        color:#444444;
        font-size:9px;
    font-weight:bold;
        text-decoration:none;
    text-align:center;
        line-height:26px;
    vertical-align:middle;
    float:left;
}

.banner-blue {
    background-image:url(../fahne/blau.gif);
        color:#444444;
}
.banner-green {
    background-image:url(../fahne/gruen.gif);
        color:#444444;
}
.banner-red {
    background-image:url(../fahne/rot.gif);
        color:#444444;
}
.banner-blue:hover {
    background-image:url(../fahne/blau.gif);
        color:#888888;
}
.banner-green:hover {
    background-image:url(../fahne/gruen.gif);
        color:#888888;
}
.banner-red:hover {
    background-image:url(../fahne/rot.gif);
        color:#888888;
}




.frame {
        display:block;
        float:left;
}
.zoom-frame {
         position: absolute;
         text-align: center;
         font-weight: bold;
}
.zoom-text {
         display: none;
         background-color: #DDDDDC;
     font-family:Arial, Helvetica, sans-serif;
     font-size:14px;
     color: #DDDDDC;
     padding-bottom:15px;
     font-weight:bold;
}