* {
    margin: 0;
    padding: 0;
}

html, body {
    color: #053467;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: #ffcc00;
    height: 100%;
    width: 100%;
    }

body {
    background: url(../content/content_common/zacken_oben.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow-y: scroll;
}

a {
    text-decoration: none;
    outline-style: none;
    color: #053467;
}

.logo {
    position: absolute;
    top: 10px;
    left: 20px;
}

#container {
    height: 100%;
    width: 100%;
    position: relative;
    min-height: 100%;
}

#content {
    display: none;
    background: none;
    width: 990px;
    z-index: 1;
}


.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.link:hover {
    color: #e2001a;
}

.teaser_start {
    margin-left: 680px;
}

/* ------------------------------- Navigation  ----------------------------------------- */
.navigation {
    width: 100%;
    height: 80px;
    display: block;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background: url(../content/content_common/navigation/navigation_back.jpg);
    background-repeat: repeat-x;
    z-index: 100;
}

.navigation-container {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    background: url(../content/content_common/navigation/navigation_back.jpg);
    background-repeat: repeat-x;
    position: relative;
    z-index: 100;
}

.navigation a {
    margin-top: 12px;
}

.home, .home_aktiv {
    width: 49px;
    height: 26px;
    display: inline-block;
    background: url(../content/content_common/navigation/btn_home.png);
    margin-left: 20px;
}

.home:hover, .home_aktiv {
    background-position: -49px 50%;
    outline-style: none;
    border: none;
}

.produkte, .produkte_aktiv {
    width: 91px;
    height: 26px;
    display: inline-block;
    background: url(../content/content_common/navigation/btn_produkte.png);
    margin-left: 15px;
}

.produkte:hover, .produkte_aktiv {
    background-position: -91px 50%;
    outline-style: none;
    border: none;
}

.auszeitzone, .auszeitzone_aktiv {
    width: 114px;
    height: 26px;
    display: inline-block;
    background: url(../content/content_common/navigation/btn_auszeitzone.png);
    margin-left: 15px;
}

.auszeitzone:hover, .auszeitzone_aktiv {
    background-position: -114px 50%;
    outline-style: none;
    border: none;
}

.spots, .spots_aktiv {
    width: 55px;
    height: 26px;
    display: inline-block;
    background: url(../content/content_common/navigation/btn_spots.png);
    margin-left: 15px;
}

.spots:hover, .spots_aktiv {
    background-position: -55px 50%;
    outline-style: none;
    border: none;
}

.newsletter, .newsletter_aktiv {
    width: 108px;
    height: 26px;
    display: inline-block;
    background: url(../content/content_common/navigation/btn_newsletter.png);
    margin-left: 15px;
}

.newsletter:hover, .newsletter_aktiv {
    background-position: -108px 50%;
    outline-style: none;
    border: none;
}

.netiquette, .netiquette_aktiv {
    width: 99px;
    height: 26px;
    display: inline-block;
    background: url(../content/content_common/navigation/btn_netiquette.png);
    margin-left: 15px;
    z-index: 1;
}

.netiquette:hover, .netiquette_aktiv {
    background-position: -99px 50%;
    outline-style: none;
    border: none;
    z-index: 1;
}

/*       SUBNAVI                   */
.subnavigation {
    width: 440px;
    height: 28px;
    position: relative;
    top: 0px;
    left: 550px;
    z-index: 0;
}

.subnavigation, .subnavigation a {
    font-size: 9px;
    color: #b22325;
}

.subnavigation a:hover {
    color: #004290;
}

.btn_like {
    overflow: hidden;
    position: absolute;
    left: 174px;
    height: 21px;
    top: -28px;
}

.btn_share {
    position: absolute;
    right: 60px;
    background: url(../content/content_common/navigation/btn_facebook.png);
    display: block;
    height: 24px;
    width: 24px;
    top: -42px;
}

.btn_myspace {
    position: absolute;
    background: url(../content/content_common/navigation/btn_myspace.png);
    display: block;
    height: 24px;
    width: 24px;
    top: -42px;
    right: 30px;
}

.btn_twitter {
    position: absolute;
    background: url(../content/content_common/navigation/btn_twitter.png);
    display: block;
    height: 24px;
    width: 24px;
    top: -42px;
    right: 0px;
}

.subnavi-links {
    position: absolute;
    bottom: 0px;
    text-transform: uppercase;
}

.btn_kontakt {
    position: relative;
    bottom: 0px;
    display: inline-block;
}

.btn_bahlsen {
    position: absolute;
    top: -5px;
    right: 0px;
    background: url(../content/content_common/bahlsen_logo.png);
    width: 84px;
    height: 27px;
    display: block;
}

/*  ------schriften   ----------------------------*/
.dreizehn {
    font-size: 13px;
}

.dreizehn_fett {
    font-size: 13px;
    font-weight: bold;
}

.vierzehn_fett {
    font-size: 14px;
    font-weight: bold;
}

.zehn {
    font-size: 10px;
}

.feld {
    display: inline-block;
    width: 50px;
}

.mt10 {
    margin-top: 10px;
}

.white {
    color: #ffffff;
}

.red {
    color: #e2001a;
}

/* -------------------Kontaktseite--------------------------------------------------------*/
.kontakt_form {
    background: url(../content/content_kontakt/content_kontakt_back.png);
    background-repeat: no-repeat;
    width: 615px;
    height: 220px;
    position: relative;
    top: 0px;
    left: 20px;
    padding-top: 70px;
    padding-left: 94px;
}

.submit_kontakt {
    border: none;
    background: none;
    width: 125px;
    height: 27px;
    cursor: pointer;
    position: absolute;
    top: 175px;
    left: 475px;
}

.kontakt_input {
    height: 20px;
    border: none;
    background: none;
    width: 180px;
    color: #e2001a;
    margin-bottom: 5px;
}

.kontakt_form textarea {
    color: #e2001a;
    background: none;
    width: 255px;
    height: 118px;
    position: absolute;
    top: 42px;
    left: 340px;
    border: none;
}

/*--------------------------------Newsletter-----------------------------------------------------------------------------*/
.newsletter_form_eintrag {
    background: url(../content/content_newsletter/content_formular_eintragen.png);
    background-repeat: no-repeat;
    width: 285px;
    height: 216px;
    position: absolute;
    top: 192px;
    left: 300px;
    padding-top: 20px;
    padding-left: 94px;
}

.newsletter_input {
    height: 20px;
    border: none;
    background: none;
    width: 170px;
    color: #e2001a;
    margin-bottom: 5px;
}

.geburtstag {
    height: 20px;
    border: none;
    background: #ffffff;
    width: 50px;
    color: #e2001a;
    margin-right: 6px;
}

.check {
    height: 24px;
    width: 24px;
    border: none;
    position: absolute;
    left: 242px;
    top: 118px;
    background: none;
}

.submit_newslettereintrag {
    border: none;
    width: 125px;
    height: 27px;
    cursor: pointer;
    position: absolute;
    top: 175px;
    left: 140px;
}

.newsletter_form_austrag {
    background: url(../content/content_newsletter/content_formular_austragen.png);
    background-repeat: no-repeat;
    width: 352px;
    height: 280px;
    position: absolute;
    top: 128px;
    left: 590px;
    padding-top: 20px;
}

.newsletter_input2 {
    background: none;
    position: absolute;
    top: 184px;
    left: 78px;
    height: 20px;
    border: none;
    width: 250px;
    color: #e2001a;
}

.submit_newsletteraustrag {
    border: none;
    background: none;
    width: 125px;
    height: 27px;
    cursor: pointer;
    position: absolute;
    top: 240px;
    left: 197px;
}

.check2 {
    height: 24px;
    width: 24px;
    border: none;
    position: absolute;
    left: 24px;
    top: 157px;
    background: none;
}

/* --------------------------Auszeitzone------------------------------------------ */
.wallbtn {
    width: 102px;
    height: 20px;
    display: block;
}

.wallbtn:hover {
    background-position: -102px 50%;
    outline-style: none;
    border: none;
}

.m1_800 {
    background: url(../content/content_auszeitzone/content_auszeitzone_wallpaper_btn_motiv_1_800x600.jpg);
}

.m1_1024 {
    background: url(../content/content_auszeitzone/content_auszeitzone_wallpaper_btn_motiv_1_1024x768.jpg);
}

.m1_1280 {
    background: url(../content/content_auszeitzone/content_auszeitzone_wallpaper_btn_motiv_1_1280x960.jpg);
}

.m1_1680 {
    background: url(../content/content_auszeitzone/content_auszeitzone_wallpaper_btn_motiv_1_1680x1050.jpg);
}

.m2_800 {
    background: url(../content/content_auszeitzone/content_auszeitzone_wallpaper_btn_motiv_2_800x600.jpg);
}

.m2_1024 {
    background: url(../content/content_auszeitzone/content_auszeitzone_wallpaper_btn_motiv_2_1024x768.jpg);
}

.m2_1280 {
    background: url(../content/content_auszeitzone/content_auszeitzone_wallpaper_btn_motiv_2_1280x960.jpg);
}

.m2_1680 {
    background: url(../content/content_auszeitzone/content_auszeitzone_wallpaper_btn_motiv_2_1680x1050.jpg);
}

.download {
    background: url(../content/content_auszeitzone/content_auszeitzone_auszeitcounter_btn_download.jpg);
    width: 111px;
    height: 15px;
    display: block;
}

.download:hover {
    background-position: -111px 50%;
    outline-style: none;
    border: none;
}

.designer {
    width: 119px;
    height: 33px;
    display: block;
}

.designer:hover {
    background-position: -119px 50%;
    outline-style: none;
    border: none;
}

.designer_800 {
    background: url(../content/content_auszeitzone/content_auszeitzone_wallpaperdesigner_btn_800x600.jpg);
}

.designer_1024 {
    background: url(../content/content_auszeitzone/content_auszeitzone_wallpaperdesigner_btn_1024x768.jpg);
}

.designer_1280 {
    background: url(../content/content_auszeitzone/content_auszeitzone_wallpaperdesigner_btn_1280x960.jpg);
}

.designer_1680 {
    background: url(../content/content_auszeitzone/content_auszeitzone_wallpaperdesigner_btn_1680x1050.jpg);
}

/* --------------------------Rezepte------------------------------------------ */

.uber{

text-decoration:underline;
position:absolute;
top:290px;
left:50px;

}

.druck{
text-decoration:underline;
position:absolute;
top:310px;
left:50px;
}

.rezepte{
line-height:17px;
}

#rezepte_facebook{
position:absolute;
top:340px;
left:50px;
width:100px;
}

.rezepte_top{
margin-top:110px;
margin-bottom:5px;
position:relative;
}

/*   ---------------------------Produkte   _----------------------------- */

#produkte_facebook{
position:absolute;
top:116px;
left:-275px;
width:100px;
}

.like_produkte{
position:absolute;
top:-1px;
left:80px;
height:50px;
width:150px;
}

.btn_teilen{
display:block;
background: url(../content/content_facebook/content_facebook_sharer.jpg);
width:62px;
height:18px;
}


/*   ---------------------------Spots   _----------------------------- */

#spots_facebook{
position:absolute;
top:380px;
left:0px;
width:100px;
}

.like_produkte{
position:absolute;
top:-1px;
left:80px;
}

.btn_teilen{
display:block;
background: url(../content/content_facebook/content_facebook_sharer.jpg);
width:62px;
height:18px;
}





/*----------------------TAF-------------------------------------------*/

#taf{
width:420px;
height:355px;
position:absolute;
top:0px;
display:none;
}

.formtaf{
position:absolute;
top:80px;
left:30px;
}

.taf_input {
    height: 20px;
    border:none;
    background: none;
    width: 168px;
    color: #e2001a;
    margin-bottom: 22px;
}


/* --------------------------------------------------------------------
 
 
 
 
 ------ */