@charset "utf-8";

* {

    margin: 0;

    padding: 0;

}

body {

    background-color:#dafdf1;

    font-family:Verdana, Geneva, sans-serif;

    font-size:1.0em;

    color:#07a570;

}

p, td, ul {

    font-size:0.8em;

}

ul {

    list-style-position:inside;

}

.aktion {

    display: block;

    margin:10px auto -6px auto;

    padding-bottom:0px;

}

#Inhalt {

    position: relative;

    width: 1000px;

    left: 50%;

    margin-top: 0px;

    margin-left: -500px;

    padding: 0px;

    background-color:#dafdf1;

}

#Banner {

    margin-bottom:18px;

}

#LinkeSpalte {

    float:left;

    margin:0px;

}

#RechteSpalte {

    float:right;

    margin:0px;

}



 #Text {

 width:562px;

 float:left;

 display:block;

 min-height: 414px;

 margin: 0 12px 0 12px;

}

#Navigation, #Oeffnungszeiten, #Impressum, #Shop, #Angebote, #Umschau {

    width:184px;

}

#Oeffnungszeiten {

    min-height:139px;

}

#Navigation, #Text, #Oeffnungszeiten {

    border:thin #33cc99 solid;

    background-color:#FFF;

    padding: 6px;

}



h1

{background-color:#3C9;

    color:#FFF;

    margin:-6px -6px 6px -6px;

    padding: 11px;

    font-size:1.1em;}







#Shop, #Angebote, #Umschau {

    border:thin #33cc99 solid;

    padding: 6px;

}

.header {

    background-color: #33cc99;

    color:#FFF;

    padding:6px;

    margin:-6px -6px 6px -6px;

    font-size:1.0em;

}

.navfirstopen a {

    background-color: #33cc99;

    color:#FFF;

    padding:6px;

    margin:-6px -6px 6px -6px;

    font-size:0.9em;

    display:block;

    text-decoration:none;

}

.navfirstoff a {

    color:#07a570;

    padding:6px;

    margin:-6px -6px 6px -6px;

    font-size:0.9em;

    display:block;

    text-decoration:none;

}

.navfirstoff a:hover, .navfirstopen a:hover {

    text-decoration:underline;

}

a {

    text-decoration:underline;

    color:#07a570;

}

a:hover {

    text-decoration:none;

}

.textItem {

    padding-left:5px;

    padding-right: 30px; /* width: 260px;*/

}

.ArtBild {

    width: 250px;

    /* float: left;

clear:none; */



margin: 5px 5px 0 5px;

    text-align: center;

    display: block;

}

img {

    border:0;

}

/* Lightbox */

    #lightbox {

    position: absolute;

    top: 40px;

    left: 0;

    width: 100%;

    /*z-index: 100;*/

        z-index: 990;

    text-align: center;

    line-height: 0;

}

.gTable {

    text-align: center;

    width: 100%;

}

#lightbox a img {

    border: none;

}

#outerImageContainer {

    position: relative;

    background-color: #fff;

    width: 250px;

    height: 250px;

    margin: 0 auto;

}

#imageContainer {

    padding: 10px;

}

#loading {

    position: absolute;

    top: 40%;

    left: 0%;

    height: 25%;

    width: 100%;

    text-align: center;

    line-height: 0;

}

#hoverNav {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    /*z-index: 10;*/

        z-index: 970;

}

#imageContainer>#hoverNav {

    left: 0;

}

#hoverNav a {

    outline: none;

}

#prevLink, #nextLink {

    width: 49%;

    height: 100%;

    background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

    display: block;

}

#prevLink {

    left: 0;

    float: left;

}

#nextLink {

    right: 0;

    float: right;

}

#prevLink:hover, #prevLink:visited:hover {

    background: url(../images/prevlabel.gif) left 15% no-repeat;

}

#nextLink:hover, #nextLink:visited:hover {

    background: url(../images/nextlabel.gif) right 15% no-repeat;

}

#imageDataContainer {

    font: 10px Verdana, Helvetica, sans-serif;

    background-color: #fff;

    margin: 0 auto;

    line-height: 1.4em;

}

#imageData {

    padding:0 10px;

}

#imageData #imageDetails {

    width: 70%;

    float: left;

    text-align: left;

}

#imageData #caption {

    font-weight: bold;

}

#imageData #numberDisplay {

    display: block;

    clear: left;

    padding-bottom: 1.0em;

}

#imageData #bottomNavClose {

    width: 66px;

    float: right;

    padding-bottom: 0.7em;

}

#overlay {

    position: absolute;

    top: 0;

    left: 0;

    /*z-index: 90;*/

        z-index: 980;

    width: 100%;

    height: 500px;

    background-color: #000;

    filter:alpha(opacity=60);

    -moz-opacity: 0.6;

    opacity: 0.6;

}

.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

* html>body .clearfix {

    display: inline-block;

    width: 100%;

}

* html .clearfix {

    /* Hides from IE-mac \*/

        height: 1%;/* End hide from IE-mac */

    }

.link {

    margin:8px;

}

    





/* (en) Styling of article list | (de) Gestaltung für die Artikelliste */

.articlelistPagecounter { width: 100%; text-align: center; margin: 20px 0 15px 0; padding-bottom: 15px; border-bottom: 1px solid #CCC; }

.articlelistItem { width: 100%; border-bottom: 1px solid #CCC; margin-top: 20px; }

.articlelistItem img { float: left; margin-right: 10px; }

.articlelistItem p.articlelistHeadline { margin: 10px 0 5px 0; }

.articlelistItem a.articlelistHeadline { font-weight: bold; }

.articlelistItem p.articlelistSubheadline { margin: 0 0 5px 0; font-weight: bold; }

.articlelistItem p.articlelistContent { }

.articlelistItem p.articlelistContent img { float: right; margin-left: 10px; }

.articlelistItem p.articlelistMore { clear: left; text-align: right; font-weight: bold; }

.articlelistItem a.articlelistBack { }

.articlelistItem a.articlelistNext { }

.articlelistItem a.articlelistPageNumber { }

.articlelistItem a.articlelistBegin { }

.articlelistItem a.articlelistEnd { }

.articlelistItem a.articlelistPrevious { }

.articlelistItem a.articlelistNext { }

.articlelistNavigation { width: 100%; text-align: center; margin: 10px 0 20px 0; }