* {
        margin: 0px;
        padding: 0px;
}

html {
        height: 100%;
        min-height: 100%;
        /*overflow: scroll;*/
}

body {
        font-family: Verdana, "MS Sans Serif";
        font-size: 12px;
                line-height: 18px;
        color: #4b4842;
                height: 100%;
}

h1 { font-size: 24px;line-height: 36px;}
h2 { font-size: 21px;line-height: 32px;}
h3 { font-size: 18px;line-height: 28px;}
h4 { font-size: 15px;line-height: 24px;}
h5 { font-size: 13px;line-height: 20px;}
h6 { font-size: 12px;line-height: 17px;}

p {
        margin:5px auto;
}

a {
    color: #4b4842;
        text-decoration:underline;
}

a:visited {
    color: #4b4842;
}

a:hover {
        color:#4D82CF;
    text-decoration:none;
}

a img {
        border: 0px;
}

p {
        margin-bottom:10px;
}

hr {
        border-top: 1px solid #4b4842;
        border-bottom: 0;
        height: 1px;
        width: 100%;
}


table {
        border:none;
        border-left: 0px #ffffff solid;
        border-top: 0px #ffffff solid;
        border-bottom: 0px #ffffff solid;
        border-right: 0px #ffffff solid;
        margin-top:5px;
        margin-bottom:10px;
        border-spacing:0px;
        border-collapse: collapse;
}

th {
        vertical-align:top;
        border:none;
}

th, tr {
        margin:5px 0;
        background-color:#DBD7CE;
        border:none;
}

.betriebsinfo td {
        border:none;
}
td {
        padding: 5px;
        /*border: 1px #ffffff inside;*/
}

.hell {
        background-color:#DBD7CE;
}
.dunkel {
        background-color:#c3bfb6;
}

#rex_375_multinewsletter li{
        list-style-type:none;
}
#rex_375_multinewsletter label{
        display:block;
        float:left;
        width: 100px;
}

#slider {
    position:relative;
    width:990px; /* Change this to your images width */
    height:300px; /* Change this to your images height */
    background:url(img/icons/loader.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}


div#Container {
        position: relative;
        margin: 0 auto;
        height: auto !important;
        height: 81%;
        min-height: 81%;
        width: 990px;
        display:block;
}


div#Top {
        position: relative;
        z-index: 20;
        overflow:hidden;
        margin-top:17px;
}
        div#Top  .TopNav {
                float:left;
                text-align:right;
                width:930px;
                font-size:11px;
                height:25px;
                color:#FFFFFF;
        }

        div#Top  .TopNav  a {
                color:#FFFFFF;
                text-decoration:none;
        }

        div#Top  .TopNav  a:hover {
                text-decoration:underline;
        }

        div#Top  .TopNav  li.active a{
                font-weight:bold;
        }

        div#Top  .TopNav  li {
                list-style-type:none;
                margin-left:5px;
                display:inline;
                line-height:24px;

        }

        div#Top .Language {
                width:60px;
                float:left;
                text-align:right;
                height:25px;
        }

        div#Top div.Header {
                clear:both;
                height: 300px;
                width:990px;
                overflow:hidden;
                /*background-color:#ff9900;*/
        }

        div#Top div.Header .HeaderLogo{
        position:absolute;
        z-index:20;
        top:45px;
        left:816px;
        width: 154px;
        height:62px;
        overflow:hidden;

        }
        div#Top div.Header .HeaderLogo img{
        display:block;
        width: 154px;
        height:62px;
        border:0px;
        }

div#Navigation {
        position:relative;
        margin:0 auto;
        text-align:center;
        overflow:show;
        line-height:25px;
        height:26px;
        width:100%;
        z-index:30;
}

div#Navigation #center{
        position:relative;
        margin:0 auto;
        width:950px;
}

        div#Navigation ul{
                float: left;
                display:block;
        }

        div#Navigation li{
                list-style-type:none;
                display:block;
                float: left;
                position:relative;
        }

        div#Navigation li ul {
                position:absolute;
                top:25px;
                left:-1px;
                display:none;
                background:#39372f;
                /*border-left: 1px #999 solid;
                border-right: 1px #999 solid;*/
        }

        div#Navigation li ul li {
                overflow:hidden;
                text-align:left;
                width:100%;
                white-space:nowrap;
                border-top: 1px #999 solid;
        }

        *html div#Navigation li ul li {
                width:170px;
        }
        *+html div#Navigation li ul li {
                width:170px;
        }

        div#Navigation li:hover ul {
                display:block;
        }

        div#Navigation li.space {
                font-size:1px;
                width:1px;
                padding:0;
        }

        div#Navigation a {
                color:#ffffff;
                text-decoration:none;
                padding:0 10px;
                font-family:verdana;
                font-size:12px;
                font-weight:normal;
                float: left;
        }

        div#Navigation li:hover a{}
        div#Navigation li.active a {}
        div#Navigation a.active a {}

        div#Navigation li ul li a:hover {
                text-decoration:underline;
        }




div#Abstand {
        position:relative;
        margin:0;
        height:50px;
        width:100%;
}

div#Content {
        position:relative;
        width:100%;

}


div#Left {
        width:170px;
        float:left;
        overflow:hidden;
        z-index:10;
        padding-bottom:20px;
}
        div#Left a {
                color:#99BEF5;
                text-decoration:none;
        }
        div#Left a:hover{
                color:#ffffff;
                text-decoration:underline;
        }

        div#Left .Navigation {
                overflow:hidden;
                text-align:left;
                line-height:22px;
                margin-bottom:25px;
                list-style-type:none;
                padding: 5px 8px 10px 8px;
                background-color:#4b4842;
        }

        div#Left .Navigation li {
                margin-top:-3px;
                margin:0 0px;
        }


        div#Left .Navigation a{
                color:#ffffff;
                text-decoration:none;
                font-size:12px;
        }

        div#Left .Navigation a:hover {
                text-decoration:underline;
        }

        div#Left .Navigation li.active  a {
                color:#99bef5;
        }

        div#Left .Navigation li.active  ul.SubNavigation li a {
                color:#ffffff;
        }


        div#Left .SubNavigation {
                overflow:hidden;
                text-align:left;
                line-height:22px;
                list-style-type:none;
                padding: 0px 8px 0px 8px;
        }

        div#Left .SubNavigation li {
                margin:0 0px;
        }

        div#Left .SubNavigation a{
                color:#ffffff;
                text-decoration:none;
                font-size:12px;
        }


        div#Left .SubNavigation a:hover {
                text-decoration:underline;
        }

        div#Left .SubNavigation li.active  a {
                color:#99bef5;
        }




div#Middle {
        float:left;
        width:590px;
        margin-left:30px;
        margin-right:30px;
        overflow:hidden;
        font-size:12px;
}

.banner {
        position: relative;
        z-index: 10;
}

        div#Middle div.Content {
                margin-top:0px;
                overflow:hidden;
                margin-bottom:20px;
        }

        div#Middle h1  {
                margin-top:0px;
                line-height:27px;
                padding-left:0px;
                color:#4b4842;
                font-weight:normal;
                font-size:24px;
                margin-bottom:10px;
        }

        div#Middle .block {
                margin-bottom:20px;
        }

        div#Middle li {
                list-style-position:outside;
                margin-left:30px;
        }


div#Right {
        float:left;
        width:170px;
        overflow:hidden;
        /*background-color:#4b4842;*/
        z-index:10;
}
        div#Right a {
                color:#99BEF5;
                text-decoration:none;
        }
        div#Right a:hover{
                color:#ffffff;
                text-decoration:underline;
        }

div#Left h1, div#Right h1  {
        display:block;
        line-height:23px;
        background-color:#c3bfb7;
        padding:2px 8px;
        width:100%;
        color:#464746;
        font-size:12px;
        font-weight:normal;
        text-transform:uppercase;
}
div#Right .infoboxarticle {
        font-size:11px;
        line-height:16px;
        margin-bottom:25px;
        padding:5px 8px;
        color:#ffffff;
        background:#4b4842;
}
div#Right .infoboxarticle a{
        color:#ffffff;
        text-decoration:none;
}
div#Right .infoboxarticle a:hover{
        color:#4D82CF;
}


div#Left .article, div#Right .article {
        font-size:11px;
        line-height:16px;
        margin-bottom:25px;
        padding:5px 8px;
        color:#ffffff;
        background:#4b4842;
}
div#Left .webcambild {
        margin-bottom:25px;
}

div#Left .Galerie img, div#Right .Galerie img {
        margin-bottom:20px;
}

.nav1 {
        margin-top:20px;
        margin-left:33px;
        line-height:35px;
        list-style-type:none;
}


.block ul, .block ol {
        padding-left:20px;
}

div#Footer{
        position: relative;
        padding: 0;
        bottom:0;
        margin: 0 auto;
        width: 100%;
        height:19%; 
        min-height: 300px;
        background-color: #D6CFC5; 
        clear:both;
}

div#FooterContainer{
        position: relative;
        width: 990px;
        padding-top:0px;
        margin: 0 auto;
        height: 300px;
        overflow:hidden;
}
div#FooterLogo{
        float:left;
        width: 200px;
        height:140px;
        padding-top:50px;
        overflow:hidden;
}
div#FooterContent{
        float:left;
        width: 790px;
        height: 280px;
        padding-top: 30px;
        overflow:hidden;
        line-height:19px; 
        font-size:11px;
        line-height:19px;
}

div#FooterContent p{
        padding:0;
        margin:0;
        line-height:21px;
        font-size:11px;
        color: #4b4842;
}
div#FooterContent table, div#FooterContent td, div#FooterContent tr{
        border:none;
        background:none;
}



/*
BEISPIEL-CSS FÜR do form! 1.x
Bitte nicht 1 zu 1 übernehmen
Wenn ja, dann diesen Hinweis nicht löschen
Version 2: Thomas Skerbis | www.klxm.de
11.12.2008
Dass CSS berücksichtigt nicht alle möglichen
Felder
Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.Formular-Generator
-------------------------------------------------------
*/

/* Formular Definition */

/* Div das das Formular umschließt */
.formgen {
        margin-top:30px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;

}




/*
Wie sehen die einzelnen Blöcke aus?
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
        padding-top: 3px;
        padding-bottom: 3px;
        padding-right: 2px;

}
 .forminfo
{
        width: 360px;
        margin-bottom: 15px;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-right: 2px;
        padding-left: 5px;
        font-weight: bold;
        border: 1px dashed #990000;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/*
--------- FORMULAR-OBJEKTE ------------
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
        width: 300px;
        height: 200px;
        border: 1px solid #ABADB3;
}


.formgen .fieldset
{
        text-transform:uppercase;
        font-weight:bold;
        border:0;
        height:20px;
        line-height:20px;
        margin:10px 0px;

}



/* Textfeld */
.formgen .formtext
{
        width: 200px;
        padding-bottom: 4px;
        font-size: 1em;
        border: 1px solid #ABADB3;
}

.formgen texarea {
        border-width:1px;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover,
.formgen textarea:focus, .formgen textarea:hover {
        background-color: #FAFAFA;
}



/* Label */
.formgen label {
        width: 120px;
        clear: left;
        float: left;
        height: 20px;

}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
        width: 200px;
        background-color: #33FF33;
        margin-left: 4px;
        color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{

}



/* Fieldsetbeschriftung */
.formgen legend {
color: #333333;
}
.formgen .fieldset {
margin-bottom: 10px;
}
/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {

        border-bottom-width: 1px;
        color: #990000;
}

.formgen .formcaptcha
{
        border: 1px solid #990000;
        vertical-align: top;
        float: left;
        margin-right: 10px;
}
.formgen .formreq {
color: #006633;
}
.formgen .formheadline {
color: #993300;
background-color: #FFF7EA;
padding-top: 4px;
padding-bottom: 4px;
margin-top: 5px;
margin-bottom: 5px;
font-style: italic;
}
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */

.sp_add_block .floatRight {
        float:right;
}

.sp_add_block .floatLeft {
        float:left;
}


/* Diese CSS-Angaben stammen aus der originalen main.css */
/* download
*******************************************************************************/
.download-hdl p,
.download-file p,
.download-desc p {
  width:97.3%; /* IE6 Hack */
        margin: 0;
}

.download-hdl p {
        padding: 5px 7px;
        background-color: #D77E30;
        font-weight: bold;
        color: #fff;
}

.download-file {
        padding: 1.2em 7px;
        border-left: 2px solid #D77E30;
        border-right: 2px solid #D77E30;
}

.download-desc {
        margin-top: 1.2em;
        padding: 1.2em 7px;
        background-color: #e5ffe5;
        border-left: 2px solid #D77E30;
        border-right: 2px solid #D77E30;
        border-bottom: 2px solid #D77E30;
}

.download-without-desc {
        margin-bottom: 1.2em;
        border-top: 2px solid #D77E30;
}
/* -------------- 01 - Text und/oder Bild Modul ------------- */
.article .imgright  {
        float:right;
        margin-bottom:5px;
        margin-left:5px;
}

.article .imgleft  {
        float:left;
        margin-bottom:5px;
        margin-right:5px;
}

.article {
        margin-bottom:15px;
}

/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (        ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

div.jaosg_thumbnail{
        float: left;
        background: #DCDCDC;
        border: 1px solid;
        border-color: #AAA #444 #444 #AAA;
        margin: 5px 3px;
}

div.jaosg_thumbnail img{
        border: 1px solid;
        border-color: #444 #AAA #AAA #444;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
        height: 60px;
        width: 80px;
        margin: 20px 10px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
        height: 80px;
        width: 60px;
        margin: 10px 20px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
        clear: both;
        padding-top: 1em;
}

/* SIMPLECART */


.shopItem { width: 100%; margin-bottom:15px;}
.shoptabelle {width:100%}

.item_name{ padding-left:10px; font-size:16px; font-weight:bold;}

.shopbildspalte { width:170px;}
.item_thumb{ padding:10px;}

.shoptextspalte { vertical-align:top; }
.item_desc { font-family:verdana; padding-top:5px;  }
.item_price{  font-weight:bold;}
.item_quantity { }
.rechts { text-align:right;}




.FlashSlider {padding:0; margin:0;}



/* -------------- Datei Download Modul ------------- */
.DateiDownload { display:block;  width: 100%; height: 40px;  position:relative; margin-bottom:5px;}

.link_icon {
        float: left;
        height: 32px;
        padding-left:45px;
        padding-top: 6px;
        background-repeat: no-repeat;
}
.ico_pdf   { background-image:url(img/icons/pdf_icon_32.gif); }
.ico_xls   { background-image:url(img/icons/excel_icon_32.gif); }
.ico_doc   { background-image:url(img/icons/word_icon_32.gif); }
.ico_ppt   { background-image:url(img/icons/ppt_icon_32.gif); }
.ico_blank { background-image:url(img/icons/blank_icon_32.gif); }


/* SLIDY */
ul.slidy-menu {
        margin: 0;
        padding: 0;
}

ul.slidy-menu li {
        background-color: #454545;
        border-top: 1px solid #555;
        border-right: 1px solid #555;
        float: left;
        list-style: none;
        text-align: center;
        vertical-align: middle;
}

ul.slidy-menu li a {
        color: #F1F1F1;
        cursor: pointer;
        display: block;
        font: 11px sans-serif;
        height: 23px;
        letter-spacing: 1px;
        padding-top: 11px;
        text-decoration: none;
}

ul li.slidy-link-selected a {
        background-color: #353535;
        color: #FFFBDE;
        text-shadow: #444 1px 1px;
}

/* -------------- Info-Box Modul ------------- */

.infobox {
        width:100%;
}
.infobox td.left {
        float:left;
        width:100px;
        text-align:left;
        color: #4b4842;
}
.infobox td.right {
        text-align:right;
        width:35px;
        padding: 5px 5px 5px 0px;
        overflow:hidden;
        color: #4b4842;
}


/* -------------- Webcam mit Archiv Modul ------------- */

.wetterdaten {
        font-family:verdana;
        float:left;
        height: 28px;
        width: 540px;
        background-color:#4B4842;
        text-align:center;
        color:#ffffff;
        font-size:11px;
        line-height:28px;
        padding-right:50px;
}
.webcam-container {
        font-family:verdana;
        float:left;
        height: 456px;
        width: 590px;
        background-color:#4B4842;
}
.webcam-days {
        float:left;
        height:24px;
        width:586px;
        padding-left:4px;
        overflow:hidden;
        background-color:#4B4842;
}
.webcam-days ul {
        list-style-type:none;
        list-style-position:outside;
        margin:0;
        padding:0;
        display:block;
        height:24px;
}
div#Middle .webcam-days li {
        margin-left:0px;
}
.webcam-days li {
        float:left;
        width: 65px;
        height:24px;
        line-height:24px;
        display:block;
        margin:0px;
        overflow:hidden;
        text-align:center;
        border-right:2px #ffffff solid;
        color:#ffffff;
        font-size:12px;
        cursor:pointer;
        text-decoration:none;
}

.webcam-days li:hover{
        color:#99BEF5;
        text-decoration:underline;
}
.webcam-picture {
        float:left;
        width:540px;
        height:432px;
        overflow:hidden;
        background: transparent url(img/icons/loader.gif) no-repeat 50% 50%;
}
.webcam-hours {
        float:left;
        width:40px;
        padding:0px 0px 0px 9px;
        height:432px;
        overflow:hidden;
}
.webcam-hours ul {
        list-style-type:none;
        list-style-position:outside;
        margin:0;
        padding:0;
        display:block;
        height:432px;
}

div#Middle .webcam-hours li {
        margin-left:0px;
}
.webcam-hours li {
        list-style-type:none;
        list-style-position:outside;
        margin:0;
        padding:0;
        line-height:11px;
        font-size:9px;
        color:#99BEF5;
        text-decoration:none;
        cursor:pointer;
}

.webcam-hours li:hover{
        color:#ffffff;
        text-decoration:underline;
}
.webcam-hours li p {
        margin:0;
        padding:0;
        font-size:10px;
        line-height:15px;
        color:#ff9900;
        text-decoration:underline;
        cursor:default;
}
.webcam-hours li:hover p {
        color:#ff9900;
        text-decoration:underline;
        cursor:default;
}