/**
 * CSS styles for Benninghoff Reisen
 * @author Simon Liekam
 * @copyright Die Drei! Werbeagentur <www.diedrei.com>
 * @version 1.0.0
 * created 2010-10-05
 */
/*
###################################################
 general html structure
###################################################
*/
html, body {
    margin: 0;
    padding: 0
    }
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #a70f12;
    /*    background:url(../upload/basisgrafiken/hintergrund.jpg) repeat-x; */
    background-color: #ae0c09;
    /*    background-color:#999999; */
    }
form {
    margin: 0;
    padding: 0
    }
img {
    border: 0
    }
p {
    margin: 0 0 0 0
    }
/*
ul {
    list-style:none;
    }
*/
h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #a10f11;
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 4px
    }
h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #444443;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 2px;
    letter-spacing: 1px
    }
h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0
    }
/*
ul {
    padding-left:15px;
    }
*/
.clear {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0
    }
a {
    color: #a10f11
    }
/*
###################################################
Layout
###################################################
*/
#wrapper {
    width: 1051px;
    margin: 0 auto 0 auto
    }
#kopfleiste {
    height: 33px;
    background-color: #FFF
    }
#header {
    height: 92px;
    background-color: #FFF
    }
#logo {
    float: left;
    width: 291px;
    height: 92px;
    background: url(../upload/basisgrafiken/logo.jpg)
    }
#claim {
    float: left;
    width: 567px;
    height: 92px;
    background: url(../upload/basisgrafiken/claim.jpg)
    }
#hauptnavi {
    height: 32px;
    background-color: #FFF;
    background: url(../upload/basisgrafiken/bg_nav.jpg)
    }
#navigationsleiste {
    padding-top: 5px;
    padding-left: 226px
    }
.nav_reiter {
    float: left;
    background: url(../upload/basisgrafiken/reiter_navigation.jpg);
    width: 99px;
    height: 20px;
    color: #FFF;
    font-weight: bold;
    padding-top: 6px;
    font-size: 10px;
    text-align: center
    }
.hauptnavi_trenner {
    float: left;
    background: url(../upload/basisgrafiken/hauptnavi_trenner.jpg);
    width: 7px;
    height: 26px
    }
#abrundung_oben {
    height: 16px;
    background-color: #FFF;
    background: url(../upload/basisgrafiken/abrundung_oben.jpg)
    }
#main {
    background-color: #FFF
    }
#links {
    float: left;
    width: 221px;
    background-color: #FFF;
    border-right: 5px solid #FFF
    }
#rechts {
    float: right;
    width: 162px;
    border-left: 5px solid #FFF
    }
#mitte {
    float: right;
    width: 825px
    }
#innen_mitte {
    float: left;
    width: 658px
    }
#innen_rechts {
    float: right;
    width: 162px;
    border-left: 5px solid #FFF
    }
.hauptbild_gross {
    width: 658px;
    height: 370px;
    background-color: #e4e4e4
    }
.hauptbild_gross_334 {
    width: 658px;
    height: 334px;
    background-color: #e4e4e4
    }
.hauptbild_230 {
    width: 658px;
    height: 230px;
    background-color: #e4e4e4
    }
.ticker {
    width: 658px;
    height: 31px;
    background: url(../upload/basisgrafiken/bg_ticker.jpg);
    /*    border-bottom:16px solid #FFFFFF; */
    border-bottom: 5px solid #FFF;
    color: #FFF;
    font-weight: bold;
    font-size: 12px
    }
.schnellsuche {
    width: 221px;
    height: 260px;
    background-color: #e4e4e4;
    border-bottom: 3px solid #FFF
    }
.schnellsuche_kalender {
    width: 221px;
    height: 480px;
    background-color: #e4e4e4;
    border-bottom: 3px solid #FFF
    }
.zusatznavigation {
    border-bottom: 3px solid #FFF
    }
#aktionen_klein {
    width: 658px;
    height: 136px;
    border-bottom: 5px solid #FFF
    }
#aktionen_gross {
    width: 658px;
    height: 212px;
    border-bottom: 8px solid #FFF
    }
.aktion_1 {
    float: left;
    width: 158px;
    height: 136px;
    background-color: #e4e4e4;
    border-right: 8px solid #FFF
    }
.aktion_2 {
    float: right;
    width: 158px;
    height: 136px;
    background-color: #e4e4e4
    }
.aktion_2_doppel {
    float: right;
    width: 325px;
    height: 136px;
    background-color: #e4e4e4
    }
.aktions_bild {
    width: 158px;
    height: 105px
    }
.aktions_bild_gross_1 {
    float: left;
    width: 325px;
    height: 212px;
    background-color: #e4e4e4;
    border-right: 8px solid #FFF
    }
.aktions_bild_gross_1_a {
    float: left;
    width: 325px;
    height: 304px;
    background-color: #e4e4e4;
    border-right: 8px solid #FFF;
    border-bottom: 5px solid #FFF
    }
.aktions_bild_gross_2 {
    float: right;
    width: 325px;
    height: 212px;
    background-color: #e4e4e4
    }
.aktions_bild_gross_2_a {
    float: right;
    width: 325px;
    height: 304px;
    background-color: #e4e4e4;
    border-bottom: 5px solid #FFF
    }
.aktions_bild_gross_2_b {
    width: 325px;
    height: 150px;
    background-color: #e4e4e4;
    border-bottom: 4px solid #FFF
    }
.aktions_bild_gross_2_c {
    width: 325px;
    height: 150px;
    background-color: #e4e4e4
    }
.aktions_text {
    width: 147px;
    height: 23px;
    background: url(../upload/basisgrafiken/bg_ticker.jpg);
    color: #FFF;
    font-weight: bold;
    padding-top: 8px;
    padding-left: 11px;
    text-transform: uppercase;
    font-size: 11px
    }
.infobox_header {
    width: 157px;
    height: 23px;
    background: url(../upload/basisgrafiken/infobox_header.jpg)
    }
.infobox_headline {
    padding-left: 7px;
    padding-top: 4px;
    font-weight: bold;
    color: #444443;
    font-size: 10px
    }
.infobox_content {
    width: 155px;
    background-color: #f7f7f7;
    border-left: 1px solid #e4e4e5;
    border-right: 1px solid #e4e4e5;
    border-bottom: 1px solid #e4e4e5;
    margin-bottom: 15px
    }
.infobox_text {
    padding: 7px;
    color: #444443;
    font-size: 10px
    }
#ticker-container {
    height: 31px;
    line-height: 31px;
    width: 658px;
    float: left
    }
#marquee {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    float: left;
    width: 658px
    }
#marquee a {
    color: #fff;
    text-decoration: none
    }
#marquee a:hover {
    color: #fff;
    text-decoration: underline
    }
.submit {
    padding: 0;
    margin-top: 2px;
    width: 137px;
    font-size: 10px;
    border: 1px dotted #b7b7b8;
    background-color: #f7f7f7;
    color: #000
    }
.sende_pfeil {
    padding: 0;
    margin: 0;
    border: 0;
    background-color: #f7f7f7;
    color: #f7f7f7
    }
/* 
#footer 
 {
    width:1051px;
    height:49px;
    margin:0 auto 0 auto;
    background:url(../upload/basisgrafiken/bg_footer.jpg);
 }
*/
#footer {
    width: 1051px;
    height: 25px;
    margin: 0 auto 0 auto;
    background: url(../upload/basisgrafiken/bg_footer_2.jpg)
    }
#footernavigation {
    /*    padding-top:5px; */
    padding-top: 3px;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
    font-size: 11px
    }
#footernavigation a {
    text-decoration: none;
    color: #444443
    }
a.hauptnavi {
    text-decoration: none;
    color: #FFF
    }
#socialmedia {
    float: right;
    padding-top: 10px;
    width: 400px
    }
#schnellsuche {
    float: right;
    padding-top: 10px;
    padding-right: 10px
    }
#content_box {
    width: 656px;
    border: #bfbfbf solid 1px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #333;
    font-size: 11px
    }
#content_box h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #a10f11;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px
    }
#content_box h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
    letter-spacing: 0
    }
#content_2spaltig {
    margin: 30px;
    width: 626px;
    background: url(../upload/basisgrafiken/bg_2spaltig_neu.gif)
    }
#content_1spaltig {
    margin: 30px;
    width: 626px;
    background-color: #FFF
    }
.spalte_links {
    width: 278px;
    padding-right: 20px;
    float: left
    }
.spalte_rechts {
    width: 278px;
    padding-left: 20px;
    float: left
    }
.spalte_mitte {
    width: 596px;
    float: left
    }
.reisesuche {
    border: 0
    }
.kalenderframe {
    border: 0;
    padding-left: 3px
    }
/*
    Stylesheet for Tigra Calendar v5.0
    Product is Public Domain (Free for any kind of applicaiton, customization and derivative works are allowed) 
    URL: http://www.softcomplex.com/products/tigra_calendar/

    - all image paths are relative to path of stylesheet
    - the styles below can be moved into the document or in existing stylesheet

*/
/* input box in default state */
.tcalInput {
    background: url(../upload/basisgrafiken/kalender/cal.gif) 100% 50% no-repeat;
    padding-right: 20px;
    cursor: pointer
    }
/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
    background-image: url(../upload/basisgrafiken/kalender/no_cal.gif)
    }
/* container of calendar's pop-up */
#tcal {
    position: absolute;
    visibility: hidden;
    z-index: 100;
    width: 170px;
    background-color: white;
    margin-top: 2px;
    padding: 0 2px 2px 2px;
    border: 1px solid silver;
    -moz-box-shadow: 3px 3px 4px silver;
    -webkit-box-shadow: 3px 3px 4px silver;
    box-shadow: 3px 3px 4px silver;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')"
    }
/* table containing navigation and current month */
#tcalControls {
    border-collapse: collapse;
    border: 0;
    width: 100%
    }
#tcalControls td {
    border-collapse: collapse;
    border: 0;
    padding: 0;
    width: 16px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer
    }
#tcalControls th {
    border-collapse: collapse;
    border: 0;
    padding: 0;
    line-height: 25px;
    font-size: 10px;
    text-align: center;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    white-space: nowrap
    }
#tcalPrevYear {
    background-image: url(../upload/basisgrafiken/kalender/prev_year.gif)
    }
#tcalPrevMonth {
    background-image: url(../upload/basisgrafiken/kalender/prev_mon.gif)
    }
#tcalNextMonth {
    background-image: url(../upload/basisgrafiken/kalender/next_mon.gif)
    }
#tcalNextYear {
    background-image: url(../upload/basisgrafiken/kalender/next_year.gif)
    }
/* table containing week days header and calendar grid */
#tcalGrid {
    border-collapse: collapse;
    border: 1px solid silver;
    width: 100%
    }
#tcalGrid th {
    border: 1px solid silver;
    border-collapse: collapse;
    padding: 3px 0;
    text-align: center;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 10px;
    background-color: gray;
    color: white
    }
#tcalGrid td {
    border: 0;
    border-collapse: collapse;
    padding: 2px 0;
    text-align: center;
    font-family: Tahoma, Geneva, sans-serif;
    width: 14%;
    font-size: 11px;
    cursor: pointer
    }
#tcalGrid td.tcalOtherMonth {
    color: silver
    }
#tcalGrid td.tcalWeekend {
    background-color: #ACD6F5
    }
#tcalGrid td.tcalToday {
    border: 1px solid red
    }
#tcalGrid td.tcalSelected {
    background-color: #FFB3BE
    }
input.kontakt2 {
    border: 1px solid #ABABAB;
    height: 18px;
    width: 320px;
    margin-top: 2px;
    margin-bottom: 2px
    }
#sliderbox {
    width: 658px;
    height: 334px;
    background-color: #FFF
    }
/* Easy Slider */
#slider ul, #slider li, #slider2 ul, #slider2 li {
    margin: 0;
    padding: 0;
    list-style: none
    }
#slider2 {
    margin-top: 1em
    }
#slider li, #slider2 li {
    /* 
                define width and height of list item (slide)
                entire slider area will adjust according to the parameters provided here
            */
    width: 658px;
    height: 334px;
    overflow: hidden
    }
#prevBtn, #nextBtn, #slider1next, #slider1prev {
    display: block;
    width: 30px;
    height: 77px;
    position: absolute;
    left: -30px;
    top: 71px;
    z-index: 1000
    }
#nextBtn, #slider1next {
    left: 696px
    }
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a {
    display: block;
    position: relative;
    width: 30px;
    height: 77px;
    background: url(../images/btn_prev.gif) no-repeat 0 0
    }
#nextBtn a, #slider1next a {
    background: url(../images/btn_next.gif) no-repeat 0 0
    }
/* numeric controls */
ol#controls {
    margin: 1em 0;
    padding: 0;
    height: 28px
    }
ol#controls li {
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 28px;
    line-height: 28px
    }
ol#controls li a {
    float: left;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
    background: #DAF3F8;
    color: #555;
    padding: 0 10px;
    text-decoration: none
    }
ol#controls li.current a {
    background: #5DC9E1;
    color: #fff
    }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
    outline: none
    }
/* // Easy Slider */
/* Mailausstieg bei Buchungen aublenden */
#buch_mailausstieg {
    display: none
    }