/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {
    margin:0;
    padding:0;
} 
html {
    background:url(/cms/upload/standard/bg_navistreifen.jpg) top center repeat-y;
    }
body {
    font-family: Verdana, Geneva, sans-serif;
    font-family: Verdana, Geneva, sans-serif;
    background-image:url(/cms/upload/standard/body_balken.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    font-size: 12px;
    color: #727272;
}
/* nur für den IE6 */
* html body {
    position: relative;
}/* nur für den IE6 */



/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */


/*html, body, #wrap {
    height: 100%;
}
body > #wrap {
    height: auto;
    /*min-height: 100%;
    
}*/



p {
    margin-top:10px;
    margin-bottom:10px;
}
h1 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #36448c;
}
h2 {
    font-size: 12px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #36448c;
}

ul, ol {
    margin-left:20px;
}


/* Kontaktformular */

input,textarea {
    border: 1px solid #193064;
    width: 220px;
    margin-bottom: 2px;
    padding-left: 0px;
    .padding-left: 1px; /* IE 7 */
   _padding-left: 1px; /* IE 6 */
}
textarea {
    width: 220px;
    height: 100px;
    border: 1px solid #193064;
}
input.senden {
    width: 222px;
}
option {
    width: 40px;
}
/* Kontaktformular Ende */

.bild_links {
    float:left;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-right: 15px;
}
.bild_rechts {
    float: right;
    margin-left: 15px;
    margin-bottom: 10px;
}
.video_text {
    float: right;
    text-align: left;
    width: 150px;
}
p.video_text {
    margin-top: 0px;
}


#wrap {
    width: 996px;
    margin: 0px auto 112px auto;
    top: 0px;
}

#main {
    /*padding-bottom: 112px;*/
    height: 100%;
}  /* must be same height as the footer */

#head {
    width: 996px;
    height: 110px;
}
#head_links {
    float: left;
    background-image: url(/cms/upload/standard/head_links.gif);
    width: 17px;
    height: 110px;
    padding: 0px 4px 0px 21px;
    background-position: 6px top;
    background-repeat: no-repeat;
}
/* nur für den IE6 */
* html #head_links {
    padding: 0px 5px 0px 19px;
}/* nur für den IE6 */


#logo {
    float: left;
    width: 198px;
    height: 87px;
    padding: 8px 3px 0px 0px;
}
/* nur für den IE6 */
* html #logo {
    padding: 8px 4px 0px 0px;
}/* nur für den IE6 */

#head_bild {
    float: left;
    background-image: url(/cms/upload/standard/head_bild.jpg);
    width: 463px;
    height: 110px;
}
#head_rechts {
    float: left;
    background-image: url(/cms/upload/standard/head_rechts.gif);
    width: 290px;
    height: 110px;
    margin: 0px;
}
#head_rechts table {
    float: left;
    width: 265px;
    height: 90px;
    border: 0px;
    margin: 8px 0px 0px 13px;
}
/* nur für den IE6 */
* html #head_rechts table {
    width: 259px;
    margin: 8px 0px 0px 8px;
}/* nur für den IE6 */
#head_rechts #oeffnungszeiten td, th {
    text-align: left;
    font-size: 11px;
    color: #727272;
}



#balken {
    float: left;
    background-image: url(/cms/upload/standard/balken.jpg);
    width: 100%;
    height: 33px;
    background-repeat: no-repeat;
    background-position: left top;
    left: 0px;
}
#imp_klein {
    padding-left: 60px;
    float: left;
}
#imp_klein p {
    font-size: 11px;
    letter-spacing: 2px;
    margin-bottom: 0px;
}
#imp_klein a {
    color: #727272;
    text-decoration: underline;
}
#imp_klein a:hover {
    color: #d41bd4;
    text-decoration: none;
}

#balken #kontakt {
    text-align: right;
    margin-right: 90px;
    font-size: 11px;
}
#balken #kontakt a {
    color: #727272;
    text-decoration: underline;
}
#balken #kontakt a:hover {
    color: #d41bd4;
    text-decoration: none;
}

#rand_links {
    float: left;
    background-image: url(/cms/upload/standard/rand_links.jpg);
    width: 39px;
    height: 160px;
    background-repeat: no-repeat;
    background-position: left top;
}


#content {
    float: left;
    background-image: url(/cms/upload/standard/content.gif);
    background-repeat: repeat-y;
    background-position: left top;
    /*min-height: 607px;*/
    /*height: auto !important;  /* für moderne Browser */
    /*height: 100%;  /*für den IE */
    margin: 0px;
    padding: 0px;
    width: 650px;
    /*min-height: 648px\9;*/
}

#navigation {
    float: left;
    width: 204px;
    line-height: 24px;
}

/* nur für den IE7
*+ html #navigation {
    min-height: 607px;
}/* nur für den IE7 ENDE */
/* nur für den IE6
* html #navigation {
    min-height: 650px;
}
*/

#navigation #kasten {
    float: left;
    background-color: #e2e2e2;
    height: 12px;
    width: 10px;
    margin: 33px 0px 0px 3px;
}
/* nur für den IE6 */
* html #navigation #kasten{
    margin: 33px 0px 0px 1px;
}/* nur für den IE6 */


#navigation ul {
    /*padding: 0px;*/
    font-size: 12px;
    list-style: none;
    margin: 27px 0px 0px 20px;
}

#navigation li {
    list-style: none;
    list-style-position: outside;
}

#navigation ul.sub {
    font-size: 11px;
    list-style-position: outside;
    margin: 0px 0px 0px 15px;
}
#navigation li.sub {
    font-size: 11px;
    list-style: none;
    margin: 0px;
}
#navigation li.normal {
    background-image: url(/cms/upload/standard/navi_leer.gif);
    background-repeat: no-repeat;
    background-position: left center;   
    padding-left: 8px;
    line-height: 20px;
}
#navigation a {
    color: #727272;
    text-decoration: none;
}
#navigation a:hover, a:active, #navigation div.aktiv a {
    color: #d41bd4;
    text-decoration: none;
}
#navigation a:hover, a:active, #navigation a.aktiv {
    color: #d41bd4;
    text-decoration: none;
}

/*#navigation a:hover, a:active,*/ #navigation li.aktiv_sub a {
    color: #d41bd4;
    text-decoration: none;
    background-image: url(/cms/upload/standard/navi_pfeil.gif);
    background-repeat: no-repeat;
    background-position: left center; 
    padding-left: 8px;
    line-height: 20px;
}




#inhalt {
    float: left;
    width: 400px;
    height: 100%; 
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 25px;
    line-height: 18px;
}
/* nur für den IE7 */
*+ html #inhalt {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 25px;
}/* nur für den IE7 */

/* nur für den IE6 */
* html #inhalt  {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 25px;
}/* nur für den IE6 */
#inhalt a {
    color: #d41bd4;
    text-decoration: underline;
}
#inhalt a:hover {
    text-decoration: none;
}
#inhalt table {
    border: 1px solid #727272;
}
/*
#inhalt .border_unten {
    border-bottom: 1px solid #727272;
}
#inhalt .border_rechts {
    border-right: 1px solid #727272;
}*/
#inhalt td {
    border: 0px solid #727272;
    padding-left: 5px;
    padding-right: 5px
}
#inhalt #kontakt td {
    border: 0px;
}
#inhalt table#kontakt {
    border: 0px;
}

table#gutscheine {
    border: 0px;
}
table#gutscheine td {
    border-bottom: 1px solid #666666;
    }
table#gutscheine td.border_none {
    border: 0px;
}
table#gutscheine th {
    text-align: left;
}

table#table_im {
    border: 0px;
}
#spalte_rechts {
    float: left;
    background-image: url(/cms/upload/standard/spalte_rechts.jpg);
    background-repeat: no-repeat;
    width: 277px;
    /*min-height: 500px;*/
    padding: 22px 0px 0px 30px;
    min-height: 300px;
    height: auto !important;  /* für moderne Browser */
    height: 300px;  /*für den IE */
}
/* nur für den IE7 */
*+ html #spalte_rechts {
    padding: 32px 0px 0px 30px;
}/* nur für den IE7 */

/* nur für den IE6 */
* html #spalte_rechts  {
    padding: 32px 0px 0px 30px;
}/* nur für den IE6 */
#spalte_rechts a {
    color: #d41bd4;
    text-decoration: none;
}
#spalte_rechts a:hover {
    text-decoration: underline;
}


#bg_footer {
    position: fixed;
    bottom:0;
    left:0;
    /*margin-top: -112px; /* negative value of footer height */
    height: 112px;
    background-image: url(/cms/upload/standard/bg_unten.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    width:100%;
} 
/* nur für den IE6 */
* html #bg_footer  {
    position:absolute;
    bottom:0;
    left:0;
}
/* ENDE nur für den IE6*/



#footer {
    text-align: center;
    width: 996px;
    margin:0 auto;
    height: 112px;
    background-image:url(/cms/upload/standard/footer.jpg);
    background-repeat: no-repeat;
    background-position:bottom;
    clear:both;
} 

#footer p {
    font-size: 9px;
    color: #ffffff;
    clear:both;
    margin-top:0;
}
#footer a {
    color: #ffffff;
}
#gutschein {
    float:left;
    padding-left: 60px;
    }

/* CLEAR FIX*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}