body {
        font: normal 13px calibri, arial, verdana,sans-serif;
        background-color: #B2CCFF;
}


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

.headerfotoright {
        float: right;

}

.headerfotoleft {
        float: left;
}

.hervorheben{
        font: bold 1.2em;
}

.foto {
        border: 2px solid #ffe759;
        margin: 0.2em;
}

.fotoright {
        border: 2px solid #B2CCFF;
        margin: 0.2em;
        float: right;
}


.fotoleft {
        border: 2px solid #B2CCFF;
        margin: 0.2em;
        float: left;
}

.fotoangebot {
        border: 2px solid #FCFBDB;
        margin: 0.2em;
}

.fotoangebot2 {
        border: 2px solid #ffe759;
        margin: 0.2em;
}

.rahmen {
        border: 3px solid #B2CCFF;
        margin: 1em;
        padding: 1em;
        width: 80em;
        font: bold 1.2em;
        line-height: 150%;
        background-color: #ffe759;
}
.rahmen2 {
        border: 3px solid #B2CCFF;
        margin: 1em;
        padding: 1em;
        width: 25em;
        font: bold 1.2em;
        line-height: 150%;
        background-color: #ffe759;
}
.ra {
        border: 3px solid #B2CCFF;
        margin: 1em;
        padding: 1em;
        width: 80em;
        font: bold 1.2em;
        line-height: 150%;
        background-color: #ffe759;
}

.angebote {
        margin: 2em;
}

.bold{
        font: bold 1.2em;
}

h3{
        font: bold 1.8em;
}


#Header {
        min-width: 1000px;
        background: url(../gfx/header.bg.png);
        background-color: #ffe759;
        height: 114px;
        padding: 0.5em 0.5em 0.5em 0.5em;
        clear: both;
}


div#Inhalt {
        background-color: #FCFBDB;
        margin: 1em 14em 1em 18em;
        padding:1em;
        min-height: 400px;
        border: 2px solid #ffe759;
}


div#Inhalt h2 {
        font-size: 1.4em;
        margin: 0em 1.5em;
        line-height: 150%;
        color: #e38c2f;
}

div#Inhalt a {
        color: #e38c2f;
}

div#Inhalt p {
        font-size: 1em;
        margin: 0.2em 0.7em;
        line-height: 120%;
}

div#Inhalt ul {
        font-size: 1em;
        margin: 2em 1.7em 2em;
        line-height: 150%;
}


div#Kategorien {
        float: left;
        width: 180px;
        height: 420px;
        padding: 1em 1em 0em 1em;
        background-color: #ffe759;
}

div#Kategorien a {
        display: block;
        width: 145px;
        height: 20px;
        color: #000000;
        background-color: #fcfbd6;
        margin: 0.5em 0.5em 0.5em 0.5em;
        padding: 0.1em 0em 0em 1em;
        float: left;
}


div#Info {
        font-size: 0.9em;
        height: 400px;
        float: right;
        width: 14em;
        background-color: #ffe759;
        padding: 1em 0em 0em 0em;
        border: 2px solid #ffe759;
}


div#Info h2 {
        font-size: 1.33em;
        margin: 0.2em 0.5em;
        color: red;

}

div#Info p {
        font-size: 1em;
        margin: 0.5em;
        margin-bottom: 2em;
}

div#Info2 {
        font-size: 0.9em;
        height: 200px;
        float: right;
        width: 14em;
        background-color: #ffe759;
        padding: 1em 0em 0em 0em;
        border: 2px solid #e38c2f;
}

div#Fusszeile {
        clear: both;
        height: 30px;
        font-size: 0.9em;
        text-align: center;
        background-color: #ffe759;
}

div#Fusszeile a {
        height: 16px;
        color: #000000;
        background-color: #ffe759;
        margin: 1em 1em 1em 1em;
}

div#Fusszeile ul {
        font-size: 0.83em;
        margin:0;
        padding:0em 0.1em 0.1em 0.1em;;
        list-style:none;
}
div#Fusszeile li{
        display:inline;
}