body {
        font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
        background-image:url(../img/hg.jpg);
        background-repeat:repeat-y;
        font-size: 12px;
        line-height: 16px;
        color: #0F0F0E;
        padding:0px;
        margin:0px;
        height: 100%;
        text-align: center;
}

img { border: none; }

a{text-decoration:none;color:#736E57;}
a:hover{text-decoration:underline;}

.mehr {
                background:transparent url(../img/mp1.gif) no-repeat scroll 1px 5px;
                height:13px;
                line-height:13px;
                margin-left:3px;
                padding-left:8px;
                position:relative;
}

.more a:link, .more a:visited, .more a:hover {
                height:12px;
                width: 42px;
                top: 5px;
                position:relative;
                text-decoration: none;
}

#container {
 position: relative;
 width: 934px;
 margin: 0 auto;
 height: 430px;
 text-align: left;
 z-index: 1;
 border-bottom: 1px solid #DFDED2;
 border-left: 1px solid #DFDED2;
 border-right: 1px solid #DFDED2;
 padding-top: 20px;
 padding-bottom: 30px;
 padding-left: 18px;
 padding-right: 16px;
 background-color: #ffffff;
 overflow: hidden;
}

#logos {
        background-image: url(../img/header_start.png);
        position: relative;
        text-align: left;
        margin: 0 auto;
        z-index: 2;
        height: 180px;
        width: 970px;
}

.sprache-suche {
        position: absolute;
        margin-bottom: 12px;
        margin-top: 12px;
        height: 18px;
        right: 18px;
        top: 0px;
}

.menuoben {
        position: relative;
        text-align: right;
        float: left;
        padding-top: 2px;
        padding-right: 15px;
        width: 720px;
}

.sprache {
        float: left;
        position: relative;
        height: 18px;
        padding-right: 12px;
        width: 70px;
}

#ssuche{
        position: relative;
        margin: 0px;
        padding: 0px;
        width: 115px;
}
#ssuche .suchefrmbtn { position: relative; top: 1px; margin-left: -3px; float:left; border:none; width: 25px; height: 16px; padding: 0px;}
#ssuche .suchefrmtxt { position: relative; float:left; height: 17px; width: 92px; padding-left: 6px;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 11px; color: #1A161A;
background-image: url(../img/sstrbg.gif);
background-repeat: no-repeat;
border: none;
}

.suche {
        position: relative;
        float: right;
        padding: 0px;
        width: 115px;
}

.hl1_all {
        position: relative;
        overflow: visible;
  margin-top: 38px;
        margin-left: 16px;
        margin-right: 16px;
}

.hl1_teaser {
        position: relative;
        width: 200px;
        float: left;
}

.zwischennavi {
        position: relative;
        float: left;
        width: 32px;
        background-image: url(../img/vertikal.gif);
        background-position: center;
        background-repeat: no-repeat;
}

.text_hl1 {
        position: relative;
        float: left;
        margin-top: 5px;
}

.bild_hl1 {
        position: relative;
        float: right;
}

.artikel_titel_rot {
        font-size: 16px;
        color: #7A211B;
        margin-bottom: 8px;
        font-weight: bold;
}

.artikel_titel_gruen {
        font-size: 16px;
        color: #005A2C;
        margin-bottom: 8px;
        font-weight: bold;
}


#myGallery, #myGallerySet, #flickrGallery{
        position: relative;
        width: 700px;
        height: 260px;
        text-align: left;
        border: none;
        margin: 20px auto 30px;
        z-index: 50;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail{        }

.jdGallery{        position: relative;}
.jdGallery img{
        border: 0;
        margin: 0;
}

.jdGallery .slideElement
{
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url('../img/leer.gif');
        z-index: 50;
}

.jdGallery .loadingElement
{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #ffffff;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url('../img/leer.gif');
}

.jdGallery .slideInfoZone
{
        position: absolute;
        z-index: 60;
        width: 100%;
        margin: 0px;
        padding-left: 30px;
        bottom: 0;
        height: 30px;
        background: #ffffff;
        color: #553C00;
        text-indent: 0;
        overflow: hidden;
        visibility: hidden;
  font:bold 11px Verdana;
}

* html .jdGallery .slideInfoZone
{
        bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
        padding: 0;
        font:normal 11px Verdana;
        margin: 0;
        margin: 8px 5px;
        font-weight: bold;
        color:#553C00 /* inherit*/;
}

.jdGallery .slideInfoZone p
{
        padding: 0;
        margin: 2px 5px;
        color: #553C00;
}

.jdGallery div.carouselContainer
{
        position: absolute;
        height: 260px;
        width: 115px;
        z-index: 10;
        margin: 0px;
        left: 0;
        top: 0;
}

.jdGallery a.carouselBtn
{
        position: absolute;
        top: -500px;
        right: 30px;
        height: 20px;
        /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
        text-align: center;
        padding: 0 10px;
        font-size: 13px;
        color: #553C00;
}

.jdGallery .carousel
{
        position: absolute;
        width: 1800px;
        margin: 0px;
        left: -128px;
        top: 0;
        height: 260px;
        text-indent: 0;
        z-index: 10;
}

.jdExtCarousel
{
        position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
        position: relative;
        width: 100%;
        height: 260px;
        top: 0px;
        left: 0px;
        overflow: hidden;
        z-index: 10;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
        position: relative;
        width: 100%;
        top: 0px;
        left: 1px;
        overflow: hidden;
        z-index: 10;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
        cursor: pointer;
        margin-bottom: 2px;
        margin-right:694px;
        float: left;
        z-index: 10;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
        margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
        font-size: 13px;
        position: absolute;
        bottom: 5px;
        left: 10px;
        padding: 0;
        margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
        font-size: 10px;
        position: absolute;
        bottom: 5px;
        right: 10px;
        padding: 1px 2px;
        margin: 0;
        background: #222;
        border: 1px solid #888;
        cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
        color: #553C00;
}

.jdGallery a
{
        font-size: 100%;
        text-decoration: none;
        color: #553C00;
}

.jdGallery a.right, .jdGallery a.left
{
        position: absolute;
        bottom: 0px;
        height: 30px;
        width: 28px;
        cursor: pointer;
        z-index:60;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
}

.jdGallery a.left
{
        left: 0;
        bottom: 10px;
        background: url('../img/fleche1.png') no-repeat center left;
}

.jdGallery a.right
{
        right: 0;
        bottom: 10px;
        background: url('../img/fleche2.png') no-repeat center right;
}

.jdGallery a.right:hover
{
                                background: url('../img/fleche2.png') no-repeat center right;
}

.jdGallery a.left:hover
{
                                background: url('../img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('../img/fleche1.png') no-repeat center left; }

* html .jdGallery a.right { background: url('../img/fleche2.png') no-repeat center right; }

.jdGallery a.open
{
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 58;
}

.withArrows a.open
{
        position: absolute;
        top: 0;
        left: 0;
        height: 99%;
        width: 100%;
        cursor: pointer;
        z-index: 58;
        background: none;
}

.withArrows a.open:hover { }

* html .withArrows a.open:hover {  }


/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
        z-index: 15;
        position: absolute;
        top: 0;
        left: 30px;
        height: 20px;
        /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
        text-align: center;
        padding: 0 10px;
        font-size: 13px;
        background: #333;
        color: #553C00;
        cursor: pointer;
}

.jdGallery .gallerySelector
{
        z-index: 20;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #000;
}

.jdGallery .gallerySelector h2
{
        margin: 0;
        padding: 10px 20px 10px 20px;
        font-size: 20px;
        line-height: 30px;
        color: #553C00;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
        margin-left: 10px;
        margin-top: 10px;
        border: 1px solid #888;
        padding: 5px;
        height: 40px;
        color: #553C00;
        cursor: pointer;
        float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
        background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
        background: #000;
        background-position: center center;
        float: left;
        border: none;
        width: 40px;
        height: 40px;
        margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
        margin: 0;
        padding: 0;
        font-size: 11px;
        font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
        margin: 0;
        padding: 0;
        font-size: 11px;
        font-weight: normal;
        color: #553C00;
}

.classificationList{
        margin-top: 8px;
}