/*******************************************************************************
Project: Redaxo Demo, Copyright: hundertmorgen
*******************************************************************************/

/* auf null setzen */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table { border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl       {margin: 0 0 0 0;}
dl dt    {margin: 0 0 0 0;}
dl dd+dt {margin-top: 0;}
dl dd    {margin: 0 0 0 0;}

ol       {list-style: none;}
ol li    {margin: 0 0 0 0;}
ol li ol {margin: 0 0 0 0;}
ol li ul {margin: 0 0 0 0;}

p        {margin-bottom: 0em;}

ul       {list-style: none;}
ul li    {margin: 0 0 0 0;}
ul li ul {margin: 0 0 0 0; list-style: none;}
ul li ol {margin: 0 0 0 0;}

pre      {font-size:1.2em; }

a:hover  {text-decoration:none; }

a:focus /* Außenrahmen um Links bei klick FIREFOX ausblenden */
{
outline:none;
}

/* ### HTML ###################################################################### */
html {
        min-height: 99%;
        margin-bottom: 1px;
        /*
        scrollbar-DarkShadow-Color:#dcd5ba;
        scrollbar-Track-Color:#ede5c8;
        scrollbar-Face-Color:#dcd5ba;
        scrollbar-Shadow-Color:#dcd5ba;
        scrollbar-Highlight-Color:#dcd5ba;
        scrollbar-3dLight-Color:#dcd5ba;
        scrollbar-Arrow-Color:#ffffff;
        */
        }

/* ### BODY ###################################################################### */
body {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: x-small;
        background:#ede5c8;
        }

/* \*/ * html body { font-size: xx-small; } /* *//* IE 5.5 Hack */

.clearer {
        display:block;
        clear:both;
        line-height:0;
        height:1px;
        font-size:0;
        visibility:hidden;
}

.clear {
        clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#f00; background: inherit; }

#bg_slices {
        margin:0 auto;
        width:995px;
        padding:0;
        background:url(../files/bg-slice.jpg);
        background-repeat:repeat-y;

}

/* ### Website Content - alle Inhalte  - Header to Footer  ######################## */
#webseite {
        display:block;
        margin:0 auto;
        padding:0;
        margin-top: 0px; /* abstand Browserleiste */
        height:100%;
        width:995px;
        background:url(../files/tansania-diamir-all.jpg) no-repeat;
}

/* ### Header ##################################################################### */

#header {
        display:block;
        margin:0 auto;
        height:207px;
        width:995px;
        background:url(../files/header_portal.jpg) no-repeat;
}

#header_logo {
        position: absolute;
        float:left;
        margin-top: 68px;
        margin-left: 20px;
        height:83px;
        width:165px;
        cursor:pointer;
}

#header_safari  {
        position: absolute;
        float:left;
        margin-top: 170px;
        margin-left: 390px;
        /* background:url(tansania_blind.gif) no-repeat; */
        /* background-color: 'transparent'; */
        /* height:83px; */
        /* width:165px; */
        cursor:pointer;
}
#header_trekking  {
        position: absolute;
        float:left;
        margin-top: 170px;
        margin-left: 470px;
        cursor:pointer;
}
#header_strand  {
        position: absolute;
        float:left;
        margin-top: 170px;
        margin-left: 566px;
        cursor:pointer;
}

#breadcrumb {
        margin:0 auto;
        height:21px;
        width:995px;
        background:url(../files/breadcrumb.jpg) no-repeat;
        font-family: Times, sans-serif;
        font-size: 13px;
        color: #938a6f;
        }


#breadcrumb a,
#breadcrumb a:link {
        text-align: left;
        color: #000000;
}

#breadcrumb .bcTitle {
        text-align: left;
        color: #938a6f;
        padding-left: 265px;
}

#breadcrumb .bcActive { /* Link Breadcrumb */

}

/* ### Rechte Spalte ##################################################################### */

#rechte_spalte {
        float:left;
        width:210px; /* 219 */
        margin-top: 5px;
}

#rechte_spalte_content {
        text-align:left;
}


#rechte_spalte_content div.mytext img,
#rechte_spalte_content div.bildrechts img {
        /* padding: 3px; /* Rahmen mit feinem Abstand */
        /* border:1px solid #d1c8a7; */
        border-left:1px solid #ada897;
        border-top:1px solid #ada897;
        border-right:1px solid #ada897;
        border-bottom:1px solid #ada897;
        margin-bottom:0.5em;
}


* html #rechte_spalte_content div.mytext img {
        margin-bottom: -8pt;
}

#rechte_spalte_content p {
        width: 195px;
        margin-bottom:0.3em; /* Alle Texte im Content-Bereich */
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 8pt; /*1.4em;*/
        line-height:13pt;
        color: #848070;
}

#rechte_spalte_content a,
#rechte_spalte_content a:link,
#rechte_spalte_content a:visited,
#rechte_spalte_content a:hover
{
        margin-bottom:0.3em; /* Alle Texte im Content-Bereich */
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 8pt; /* 1.3em */
        line-height:1.5em;
        color: #933e00;
        font-style: normal;
        text-decoration: underline;
}

#rechte_spalte_content h1 {
        color:#83452a;
        background: inherit;
        font-size: 11pt; /*1.7em;*/
        font-weight:bold;
        line-height:1.8em;
        font-family: helvetica, sans-serif;
        margin-bottom: 2px;
}

#rechte_spalte_content h2 {
        width: 195px;
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 9pt; /* 1.3em */
        line-height:1.3em;
        color: #9e5c40;
        font-weight:bold;
        margin-bottom: 15px;
}

/* ### Teaser ##################################################################### */

#main-teaser {

}

/* ### Content #################################################################### */


#content {
        display:block;
        clear:both;
        position:relative;
        padding:0 0 0 0;
}


/* hide from IE/MAC \*/
* html #content, * html #main-content {
        height:1px;
}
/* end hide */



#main {
        float:left;
        width:547px; /* 542px  */
        padding-bottom: 0px; /* Abstand zum Footer */
}

/* ### main-block => MainContent ################################################### */

#main-block {
        color: #000000;
        text-align:left;
}


#main-content-block { /* Rand links rechts innerhalb des Containers, gesamter Inhaltsbereich */
        display:block;
        padding-left: 29px;
        padding-right: 49px;
        padding-top: 5px;
        padding-bottom: 0px; /* Abstand Inhalt zum Boxende */
        /*
        background-color:#333333;
        border:1px solid #aaa;
        */
}

#main-teaser {
        /* background:url(main_teaser.jpg) no-repeat; */
}

/* ### headlines ############################################################ */

#main-block h1 {
        color:#744626;
        font-size: 15px; /*1.7em;*/
        font-weight:bold;
        line-height:20px;
        font-family: Georgia, helvetica, sans-serif;
        margin-bottom: 8px;
}

#main-block h2 {
        color:#744626;
        font-size: 15px; /*1.7em;*/
        font-weight:bold;
        line-height:20px;
        font-family: Georgia, helvetica, sans-serif;
        margin-bottom: 8px;
}

#main-block h3 {
        background:url(../files/tansania-diamir-letter3.gif);
        background-repeat:no-repeat;
        color:#985437;
        font-size:13px;
        font-weight:bold;
        line-height:1.4em;
        text-transform:uppercase;
        margin-top: 4px;
        margin-bottom: 7px;
        padding-left: 23px;

}

#main-block h4 {
        color:#c4c4c4;
        font-size:1.1em;
        font-weight:bold;
        line-height:1.2em;
}

#main-block h5 {
        color:#c4c4c4;
        font-size:1.0em;
        font-weight:bold;
        line-height:1.0em;
}

div.my_h6  { /* Headline für Reiseangebote */
        height: 40px;
        color:#83452a;
        font-size: 14px; /*1.7em;*/
        font-weight:bold;
        font-family: Helvetica;
        padding: 9px 0px 0px 12px;
        background:url(../files/bg_letter_reise.gif) no-repeat;
        }

#thema_reise { /* icon reiseart */
float: left;
font-size: 8pt;
font-family: sans-serif;
background-color:#f2efd3;
color:#595637;
border:1px solid #ddd6b8;
padding: 2px 8px 2px 8px;
margin-bottom: 0px;
margin-top: 5px;
font-weight:bold;
}

/* ### Images ############################################################ */

#main-block img {
        display:block;
        margin:2px 0;
}

#main-block img.floatLeft {
        float:left;
        margin:4px 10px 4px 0;
}

#main-block img.floatRight {
        float:right;
        margin:4px 0 4px 10px;
}

/* ### Hyperlinks Content ################################################### */

#main-block a,
#main-block a:link {
        color:#933e00;
        background: inherit;
        text-decoration:underline;
}

#main-block a:hover {
        color:#0c4253;
        background: inherit;
        text-decoration: none;
}

#main-block a.artikelliste,
#main-block a:link.artikelliste {
        font-size: 10pt;
        color:#933e00;
        text-decoration:underline;
        text-transform:none;
        line-height: 1.5em;
}

#main-block a:visited.artikelliste {
        color:#933e00;
}
#main-block a:hover.artikelliste {
        color:#0c4253;
        text-decoration:none;
}

/* ### REISELINK ########################################################### */

#main-block div.reiselink a,
#main-block div.reiselink a:link,
#main-block div.reiselink a:visited
 {
        margin-left: 0px;
        font-size: 10pt;
        color:#754423;
        text-decoration:none;
        line-height: 1.5em;
        padding: 1px 6px 1px 8px;
        background-color: #f5f0dc;
        border-left: 7px solid #76300a;
        border-bottom: 1px solid #76300a;
        border-top: 1px solid #76300a;
        border-right: 1px solid #76300a;

}

#main-block div.reiselink a:hover
 {
        background-color: #fcf9ea;
        border-left: 7px solid #9e7e5f;
 }

/* ### Paragraphs ########################################################## */

#main-block p {
        margin-bottom: 6px; /*0.6em; Alle Texte im Content-Bereich */
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 9pt; /*1.4em;*/
        line-height:1.4em;
        color: #595637;
        text-align: justify;

}

/* ### Tables ############################################################## */

#main-block table {
        font-size:1.2em;
        line-height:1.6em;
}

#main-block td {
        padding:0 0 0 0;
}


/* ### Blockquotes ########################################################## */

#main-block blockquote {
        margin:0 0 0 20px;
}


/* ### Lists ################################################################ */

#main-block ul,
#main-block ol {
        color: #7d5033;
        margin-bottom:1.2em;
        font-size: 9pt; /*1.4em;*/
        line-height:1.6em;
}

#main-block ol li {
        margin:0 0 0 30px;
        list-style-type:decimal-leading-zero;
}
#main-block ul li {
        margin:0 0 0 30px;
        list-style-type:square;
}


/* ### Module ################################################################ */

#main-content-block div.floatLeft img {
        float:left;
        margin:8px 40px 4px 0;
}

#main-content-block div.floatRight img {
        float:right;
        margin:4px 0px 4px 40px;
}

#main-content-block a.more {
        clear:left;
        position: relative;
        left: 120px;
}


/*        Images im Textile
------------------------------------------------------------------------------*/

.flLeft  { float:left; }
.flRight { float:right; }

#main-content-block div.mytext {
        margin-top: 0px;
        margin-left: 0px;
}

#main-content-block div.mytext p { /* Spezielle Texteinstellung für Textile
        font-size:1.1em; /* 9pt */
}

#main-content-block div.mytext div.image {
        margin-bottom: 1.1em;
        margin-top: 0.2em; /* Bild neben text und Oberkante gleich */
}

#main-content-block div.mytext div.image p { /* Bildunterschrift */
        margin:0;
        color: #78441d;
        font-size:1.1em;
}
#main-content-block div.mytext div.flLeft {
        margin-right:14px;
}
#main-content-block div.mytext div.flRight {
        margin-left:14px;
}
#main-content-block div.mytext img {
        border-left:1px solid #ada897;
        border-top:1px solid #ada897;
        border-right:1px solid #ada897;
        border-bottom:1px solid #ada897;
        }

/* Thema Bild Safari, Trekking, Strand */

#main-content-block div.mytext div.thema_reise img {
        float: left;
        padding: 5px 0px 0px 0px;
        border:0px solid #d1c8a7;
}

/* ############### Bildergalerie - mit Untertiteln in der Thumb Ansicht und Großbild-Navigation################################# */

#main-content-block div.galerie {
        clear: both;
        width: 98%;
        text-align: center;
        margin-left: 0px;
}
#main-content-block div.galerie div.image {
        float: left;
        display: block;
        width: 100px;
        height: 110px; /* Höhe Bild und Untertitel zusammen, damit bei einzeilgem bzw. 2 zeiligen kein sprung einsetzt */
        margin-left: 5px;
        margin-right: 7px;
        margin-bottom: 10px;
}

#main-content-block div.galerie div.image img {
        padding: 1px; /* Rahmen mit feinem Abstand */
        border:1px solid #aaa;
}

#main-content-block div.galerie div.text { /* Bildunterschrift */
        font-size: 10px;
        text-align: left;
        color: #5c2004;
        font-family: Verdana, arial, helvetica, sans-serif;
}

/*           FCKeditor
*******************************************************************************/

#main-content-block .fckeditor {
        margin-bottom: 10px;
}


#main-content-block .fckeditor table
{
        color: #7c7955;
        font-size: 9pt;
}

#main-content-block .fckeditor td {
        border:1px solid #dcd4b7;
        padding: 1px 2px 1px 2px;
        background-color: #f4edd3;
}


/*           Contentbereich - download
*******************************************************************************/

#main-block div.download {
        float: left;
        margin:0px;
        margin-left:1px;
        text-align: left;
        background-color: #dad3b8;
        border-left:8px solid #622505;
}

#main-block div.download p {
        font-weight:normal;
        color:#ffffff;

        font-size: 10pt; /*1.4em;*/
}

#main-block .download img {
       float: left;
       padding-right: 5px;
       padding-top: 1px;
       padding-left: 7px;
}

#main-block .download a,
#main-block .download a:link,
#main-block .download a:hover
 {
        font-weight:normal;
        color:#82470b;
        text-decoration: none;
        font-size: 10pt;
        padding: 0px 10px 0px 0px;


}

#main-block .download-without-desc {
        margin-bottom: 5px;
        /*
        border-top:1px solid #DFB07A;
        */
}

#main-block .download-without-desc {
        margin-bottom: 5px;
        /*
        border-top:1px solid #DFB07A;
        */
}
/* ### Formular ################################################################ */

label.text{
        width: 80px;
        height: 25px;
        display:block;
        float:left;
        clear: left;
        padding-top:5px;
}

label.textarea{
        width: 80px;
        height: 25px;
        display:block;
        clear: left;
        padding-top:5px;
}
input.text {
        float:left;
        width: 370px;
        height:20px;
        background-color: #eee;
        color:#000;
        border-left: 6px solid #90b0bf;
        border-bottom: 1px solid #FFF;
        border-right: 6px solid #90b0bf;
        border-top: 1px solid #FFF;
}

textarea.textarea {
        width: 450px;
        height:100px;
        background-color: #eee;
        color:#000;
        border-left: 6px solid #90b0bf;;
        border-bottom: 1px solid #FFF;
        border-right: 6px solid #90b0bf;;
        border-top: 1px solid #FFF;
}

.submit{
        background-color: #90b0bf;
        color:#fff;
        margin-top: 10px;
        border: none;
}

/* ### Bildergalerie - JAOS Gallery ###################################################### */

#joasg {

        clear: both;
        text-align:center;
        margin:0 auto;
        width: 470px;

}
.jaosg_galerie{
        margin:0 auto;
        text-align:center;
        vertical-align:middle;
        padding:5px;
        font-size: 30pt;
}

.jaosg_thumbnail {
        margin:0 auto;
        float: left;
        margin:5px;
        height: 90px;
        width: 80px;
        text-align: center;
        vertical-align:middle;
        }

#joasg .jaosg_thumbnail img {
        padding: 1px; /* Rahmen mit feinem Abstand */
        border:1px solid #aaa;
        }

#joasg .jaosg_bild img {
        padding: 0px;
        margin-top: 30px;
        padding: 1px; /* Rahmen mit feinem Abstand */
        border:1px solid #aaa;
}

#joasg .jaosg_bildbeschreibung {
        font-weight: normal;
        font-size: 1.1em;
}

#joasg .joasg_zahl  { /* gilt für Bilderzaehler */
        margin:0 auto;
        text-align: center;
        color:#FFFFFF;
        font-weight:bold;
        padding-left: 30px; /* link bzw. rechts vom Linktext */
        padding-right: 30px;
        background-color: #D18707;
        text-decoration: none;
        font-size:1.0em;
}

.jaosg_link  { /* gilt für alle Linkeigenschaften, active, link, visited */
        margin:0 auto;
        text-align: center;
        color:#999999;
        font-weight:normal;
        padding-left: 30px; /* link bzw. rechts vom Linktext */
        padding-right: 30px;
        border:  1px solid #D7D7C4;
        background-color: #F7F7ED;
        text-decoration: none;
        font-size:1.1em;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////// *
/* ////// Für Galerie Content, CSS für 03.68 - Bildergalerie - JAOS Lightbox Content  /////////////////// */
/* ////// Für Galerie Content, sowie No Javascript statisch /////////////////// */

#light_joas_content {
        clear: both;
        text-align: center;
        margin:0 auto;
        width: 98%; /* breite für Bildergalrie */
        /* background-color: #d1c9ac; */
        /*background:url(tansania_bg_galerie.jpg) repeat-y;*/
        margin-bottom: 0px;
        padding-left: 10px;
        margin-top: -5px;
        /* border:  1px solid #a19a82; */
}

#light_joas_content .content {
        margin:0 auto;
        text-align: center;
        vertical-align:middle;
        padding:0px;
        font-size: 12pt;

        }


#light_joasg_content h1 {
       text-align: left;
}

#light_joas_content .jaosg_thumbnail_content{

        float: left;
        margin-left: 0px; /* Abstände zwischen den Thumb-Bilder  */
        /*background-image:url(bg_lightbox_content.gif);
        background-repeat:no-repeat;
        */
        color: #000000;
        font-size: 9pt;

}

/* ls=landscape-Format der Thumbs */

#light_joas_content .ls_content {
        text-align: center;
        vertical-align:middle;
        /*
        width:  100px; /* bug Firefox 80 px breite + 18 px = 98 px aus div.ls img */
        /* height: 80px; /* 100 - padding-top  */

        padding: 10px 8px 0px 0px;
        margin-left: 1px;
        margin-right: 2px;
        margin-bottom: 10px; /* Abstand von Box zu Box */
        }

#light_joas_content .ls_content img {
        padding: 1px; /* Rahmen mit feinem Abstand */
        border:1px solid #aaa;
        /* Wenn Thumb durch Modul vergeben wird
        height: 53px;
        width: 80px;
        */

}
/* pt=portrait-Format der Thumbs */

#light_joas_content .pt_content {
        text-align: center;
        vertical-align:middle;
        width: 100px; /* bug Firefox 80 px breite + 18 px = 98 px aus div.ls img */
        height: 90px; /* 100 - padding-top */
        padding: 10px 0px 0px 0px;
        margin-bottom: 10px; /* Abstand von Box zu Box */
        margin-left: 1px;
        margin-right: 2px;
        /* border: 1px solid #f00c0c; */

}

#light_joas_content .pt_content img {
        padding: 1px; /* Rahmen mit feinem Abstand */
        border:1px solid #aaa;
        /* Wenn Thumb durch Modul vergeben wird Anpassen auf Seitenverhältnis, wichtige Einstellung
        height: 77px;
        width: 50px;
        */
}

#light_joas_content .jaosg_bildbeschreibung {
/* wenn kein javascript, Bilduntertitel */
        font-style: italic;
        /* border-bottom: 1px solid #666666; */
        font-size: 10pt;
        }

#light_joas_content .jaosg_bild img {
/* Bilderrahmen für Grossanzeige bei no javascript */
        border-top: 1px solid #8a8686;
        border-left: 1px solid #8a8686;
        border-right: 1px solid #8a8686;
        border-bottom: 1px solid #8a8686;

}

#light_joas_content .jaosg_nav a,
#light_joas_content .jaosg_nav a:link
                               {
/* wenn kein javascript, Links vor zurück zur übersicht */
        margin:0 auto;
        text-align: center;
        color:#FFFFFF;
        font-weight:normal;
        padding-left: 35px; /* link bzw. rechts vom Linktext */
        padding-right: 35px;
        padding-top: 3px;
        padding-bottom: 3px;
        border-bottom:  1px solid #000000;
        background-color: #999999;
        text-decoration: none;
        font-size:1.1em;
        /* background-image:url(bg_navig_joas.jpg); */
        background-repeat:repeat-x;


}
/*footer schaltet float:left wieder aus */
#light_joas_content .jaosg_footer{
        clear: both;
        padding-top: 1.0em;
}


/* ### SUCHEN  /////////////////////////////////////////////////////////// */

#suchen {
        /* padding-left: 500px; */
        padding-top:10px;
}

#search  { /* Eingabefeld Suche */
        padding: 1px;
        width:130px;
        color: #000000;
        font-size: 1.0em;
        background-color: #F6F6F2;
        border:  1px solid #999999;
        margin-bottom: 4px;
}
.treffer {
       font-weight:bold;
       color: #cc5531;
}

/* ### BILD MIT AUSGABE ALS LIGHTBOX oder EINFACH  //////////////////////////// */
/*
Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder.
.pleft , .pright und .pnormal

.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.

.pleft_b, .pright_b und .pnormal_b definieren die Anzeige der Bilder für den 2. Stil.
z.B. Anzeige mit Rahmen
Viel Spass beim weiteren basteln.
/* Definition der Klassen ohne Rahmen*/

.pleft {
        float: left;
        margin-top: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
        vertical-align: text-bottom;
        border: none;
}
.pright {
        float: right;
        margin-top: 5px;
        margin-left: 5px;
        margin-bottom: 5px;
        vertical-align: text-bottom;
        border: none;
}
.pnormal {
        clear: both;
        border: none;
}


/* Definition der KLassen mit  Rahmen (2.Stil) */

.pleft_b {
        float: left;
        margin-top: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
        vertical-align: text-bottom;
        border: 1px solid #FFFFFF;
}
.pright_b {
        float: right;
        margin-top: 5px;
        margin-left: 5px;
        margin-bottom: 5px;
        vertical-align: text-bottom;
        border: 1px solid #FFFFFF;
}
.pnormal_b { /* bei Ausrichtung normal */
        clear: both;
        /* padding: 5px; /* Abstand vom Bild zum Rahmen */
        /* border: 1px solid #FFFFFF; */
        border-left:1px solid #4f4935;
        border-top:1px solid #4f4935;
        border-right:1px solid #ada897;
        border-bottom:1px solid #ada897;
}


/* ### Artikelliste links  ////////////////////////////////////////////// */

#artikelliste a,
#artikelliste a:link
{
        color:#3a6c8e;
        font-weight:bold;
        text-decoration:underline;
}


/* ### HAARLINIE  ////////////////////////////////////////////////////// */

hr
{
         border-style: dashed                                                  ;
         border-color:#FFFFFF;
         height: 1px;
         width:100%;
         margin-top: 2px;
         margin-bottom: 10px;
}

/* ### Footer ###################################################################### */

#footer {
        display:block;
        margin:0 auto;
        width:995px;
        height:133px;
        background:url(../files/footer.jpg) no-repeat;
}

#footer_impressum  {
        position: absolute;
        margin-top: 85px;
        margin-left: 295px;
        cursor:pointer;
}

#footer_sitemap  {
        position: absolute;
        margin-top: 78px;
        margin-left: 420px;
        cursor:pointer;
}

#footer_top  {
        position: absolute;
        margin-top: 75px;
        margin-left: 654px;
        cursor:pointer;
}

#footer p {
        float:right;
        padding: 20px 0;
        color:#c4c4c4;
        background:inherit;
        }

#footer p a,
#footer p a:link {
        color:#c4c4c4;
        text-decoration: underline;
        background:inherit;
}

#footer p a:hover {
        color:#c4c4c4;
        text-decoration: none;
        background:inherit;
}

#ende { height:30px;
}

/* ### Externe Links ################################################################ */

/*
.extern {
        padding-left:15px;
        background-image:url(extern.gif);
        background-repeat:no-repeat;
  }
*/

hr
{
         border-style: dashed;
         border-color:#8d8771;
         height: 1px;
         width:100%;
         margin-top:  0.8em;
         margin-bottom: 1.2em;
}

/* ### Newsletter ################################################################ */

#newsletter {
}

#newsletter h5 { /* Warnung */
font-size: 10pt;
font-weight: bold;
color: #b72701;
line-height: 20px;
}

#newsletter p,
#newsletter h2 {
margin-left: 10px;
}

#newsletter p label  { /* textbreite links von input */
clear:left;
display:block;
float:left;
width:150px;
padding-top:2px;
font-size:13px;
}

#newsletter input,
#newsletter textarea {
width:260px;
padding:2px 2px 2px 3px;
border:1px solid #d1c495;
border-left: 5px solid #c5bfa5;
background-color:#fffcef;
}

#newsletter .schalter
{
font-size: 13px;
width: 110px;
height: 22px;
background:url(../files/bg_schalter_form.jpg);
padding: 0px 1px 0px 1px;
border: 1px solid #645d43;
font-weight: normal;
margin-left: 154px;
margin-top: 15px;
color: #FFFFFF;
font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;
text-align: center;
cursor: pointer;
}

/* ///// WEBCAM ////////////////////////////////////////////////*/

#webcam {
text-align: center;
}

#webcam img {

/* padding: 5px; /* Abstand vom Bild zum Rahmen */
border: 5px solid #d8d2b2;
}

#webcam a img,
#webcam a:link img {
border: 0px solid #d8d2b2;
}

#webcam .time_tans { /* Ausgabe der Ortszeit */
font-size: 10px;
color: #999999;
}

/* ///// VIDEO STREAM ////////////////////////////////////////////////*/

#video_stream {
}

#video_stream div.film {
text-align: center;
/* border: 5px solid #d8d2b2; */
}

/* ///// Wetter Include //////////////////////////////////////////////*/

div.wetter {
margin-left: 20px;
}