/*******************************************************************************
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; }

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

/* ### BODY ###################################################################### */
body    {
        font-size: x-small;
        background:#5e7a9e;

        }

#top-y {
       padding-top: 13px; /* Abstand von Browserleiste zum Headerbild */
}

#body_all {
        background:url(../files/fichkona-bg-slice.jpg);
        background-repeat:repeat-x;
        }

#body_bg {
        background:url(../files/fichkona-bg-all.jpg) no-repeat;
        background-position: top center;
        }

/* \*/ * 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; }



/* ### Website Content - alle Inhalte  - Header to Footer  ######################## */
#webseite {
        display:block;
        margin:0 auto;
        padding:0;
        margin-top: 0px; /* abstand Browserleiste */
        height:100%;
        width:994px;
}

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

#fichkona-header {
        display:block;
        margin:0 auto;
        height:279px;
        width:994px;
        margin-top: 0px;
        background:url(../files/fichkona-header.jpg) no-repeat;
}


#header-navigation {
        position: absolute;
        margin-top: 196px;
        margin-left: 110px;
}

#header-navigation a,
#header-navigation a:link,
#header-navigation a:visited
{
        font-weight:bold;
        color: #000000;
        text-decoration: none;
        margin-bottom: 1px;  /* Abstand zwischen den Menüpunkt vertical */
        font-family: Georgia, Courier New, Times, verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
}

#header-navigation a:hover {
        color: #FFFFFF;
}

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

#breadcrumb {
        position: absolute;
        float:left;
        margin-top: 266px;
        margin-left: 228px;
        font-family: Verdana, Arial;
        font-size: 7pt;
        color: #6884a3;
        }

#breadcrumb a,
#breadcrumb a:link,
#breadcrumb a:visited,
#breadcrumb a:hover {
        text-align: left;
        color: #6884a3;
}

#breadcrumb .bcTitle {
        text-align: left;
        color: #6884a3;
        padding-left: 0px;
}

#breadcrumb .bcActive { /* Link Breadcrumb */

}

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

#rechte_spalte {
        float:left;
        width:211px; /* 219 */
        margin-top: 0px;
        background:url(../files/fichkona-news-bg.jpg) no-repeat;
}

#rechte_spalte_block {
        padding: 27px 20px 0px 10px; /* Abstände oben, links, rechts */
}

#rechte_spalte_content {
        text-align:left;
}


#rechte_spalte_content img {

        /* padding: 3px; /* Rahmen mit feinem Abstand */
        /* border:1px solid #d1c8a7; */
        border:1px solid #FFFFFF;
        margin-bottom:0.5em;
}


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

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

#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: arial, helvetica, sans-serif;
        font-size: 8pt; /* 1.3em */
        line-height:1.5em;
        color: #ffa03b;
        font-style: normal;
        text-decoration: underline;
}

#rechte_spalte_content h1 {
        color:#fffb62;
        font-size: 8pt; /*1.7em;*/
        font-weight:bold;
        font-family: Arial;
        margin-bottom: 1px;
}

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

/* ### SPONSOREN AREA #################################################################### */

#sponsoren img {
        border:0px solid #5e7a9f;
}


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

#content {
        display:block;
        position:relative;
        padding:0 0 0 0;
        width:994px;
}

#content2 {
        width:994px;
        background:url(../files/fichkona-content-slice.jpg) repeat-y;
}

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

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

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

#main-block {
        color: #000000;
        width:615px;
        background:url(../files/fichkona-content-bg.jpg) no-repeat;
        text-align:left;
}


#main-content-block { /* Rand links rechts innerhalb des Containers, gesamter Inhaltsbereich */
        display:block;
        padding-left: 60px;
        padding-right: 42px;
        padding-top: 10px;
        padding-bottom: 15px; /* Abstand Inhalt zum Boxende, es ist noch ein <br> im clear tag unter content(0) */
}

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

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



#main-block h1 {
        display: block;
        height:25px;
        color:#4f81bb;
        font-size: 11pt;
        font-weight:bold;
        font-family: Georgia, Courier New, verdanan, sans-serif;
        text-transform: uppercase;
        letter-spacing: 0px;
        padding: 3px 0px 0px 21px;
        background:url(../files/bg_letter_1.gif) no-repeat;
}

#main-block h2 {
        color:#4a698e;
        font-size: 10pt;
        font-weight:bold;
        font-family: Georgia, Courier New, verdanan, sans-serif;
        margin-bottom: 5px;
}

#main-block h3 {
		float: left;
        color:#354864;
        font-size: 10pt;
        font-weight:bold;
        font-family: tahoma,sans-serif;
        margin-bottom: 10px;
        /* text-transform: uppercase; */
        background-color:#e1f2ff;
        padding: 1px 8px 2px 7px;
        border-left:8px solid #ff9e46;
}

#main-block h4 {
        float: left;
        color:#e78319;
        font-size: 10pt;
        font-weight:bold;
        font-family: tahoma,sans-serif;
        margin-bottom: 7px;
}

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


/* ### 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,
#main-block a:visited {
        font-family: verdana, helvetica, sans-serif;
        color:#4f81bb;
        font-weight: normal;
        text-decoration:underline;
}

#main-block a:hover {
        color:#4f81bb;
        font-weight: normal;
        text-decoration: none;
}

#main-block a.artikelliste,
#main-block a:link.artikelliste {
        font-weight: bold;
        font-size: 9pt;
        color:#4f81bb;
        text-decoration:underline;
        text-transform:none;
        line-height: 1.5em;
}

#main-block a:visited.artikelliste {
        color:#4f81bb;
}
#main-block a:hover.artikelliste {
        color:#4f81bb;
        text-decoration:none;
}


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

#main-block p {
        margin-bottom: 6px; /*0.6em; Alle Texte im Content-Bereich */
        font-family: verdana, helvetica, sans-serif;
        font-size: 8pt; /*1.4em;*/
        line-height:1.5em;
        color: #354864;
        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 {
        font-family: verdana, helvetica, sans-serif;
        color: #3d4f64;
        margin-bottom:1.2em;
        font-size: 8pt; /*1.4em;*/
        line-height:1.5em;
}

#main-block ol li {
        margin:0 0 0 25px;
        list-style-type:decimal-leading-zero;
}
#main-block ul li {
        margin:0 0 0 25px;
        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: 4pt;
        margin-top: 0.2em; /* Bild neben text und Oberkante gleich */
}

#main-content-block div.mytext div.image p { /* Bildunterschrift */
        margin:0;
        color: #8c8c8a;
        font-size:7pt;
        margin-bottom: 4pt;
}
#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:1px solid #c3c4bc;
        }

/* ###### 021 - Bild einbinden - Resize - Ausrichtung - Links auf Bild - optional Lightbox - Schaerfen #### */

#main-content-block div.bild-einbinden img {
        border:1px solid #a2a290;
        }

/* ############### Bild mit Text nicht umfließen ah ############################################ */

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

#main-content-block div.ah {
        display: block;
        padding-top: 0px;
        margin-top: 0px;
        margin-left: 0px;
        width: 510px;
}

#main-content-block div.ah div.bild {
        display: block;
        float: left;
        width: 225px;
}

#main-content-block div.ah div.bild div.zoom  a img,
#main-content-block div.ah div.bild div.zoom  a:link img { /* zoom schalter mit lightbox, liegt im div .bild, kein rahmen */
        display: block;
        float: left;
        border:0px solid #e3e4dd;
        }

#main-content-block div.ah div.text { /* text-part rechts vom Bild */
        display: block;
        float: left;
        margin-top: 2px;
        width: 285px;
}

#main-content-block div.ah p { /* Spezielle Texteinstellung für Textile */

}

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

#main-content-block div.ah div.image p { /* Bildunterschrift */
        margin:0;
        color: #888888;
        font-size:8pt;
}
#main-content-block div.ah div.flLeft {
        margin-right:5px;
}
#main-content-block div.ah div.flRight {
        margin-left:14px;
}
#main-content-block div.ah img {
        border:1px solid #a2a290;
        }
#main-content-block div.ah div.text a, /*schaltfläche im Textcontainer */
#main-content-block div.ah div.text a:link,
#main-content-block div.ah div.text a:visited
 {
        padding: 2px 8px 3px 8px;
        background-color: #FFFFFF;
        color: #767676;
        text-decoration: none;
        border:1px solid #e3e4dd; /* Rahmen um Bilder */
        }
#main-content-block div.ah div.text a:hover {
        background-color: #FFFFFF;
        color: #000000;
}

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

#main-content-block .fckeditor {
        margin-bottom: 10px;
        font-family: verdanan, helvetica, sans-serif;
}


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

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


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

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

#main-block div.download p {
        font-weight:bold;
        color:#676c67;
        font-size: 8pt; /*1.4em;*/
        font-family: verdanan, arial, helvetica, sans-serif;
        padding: 0px 10px 0px 0px;
}

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

#main-block .download a,
#main-block .download a:link,
#main-block .download a:visited
 {
        font-weight:bold;
        color:#FFFFFF;
        text-decoration: none;
        font-size: 8pt;
        padding: 0px 10px 0px 0px;
}

#main-block div.download a:hover {
        background-color: #829cba;
        color: #fffb62;
}

#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(xxx.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: 2px; /* Rahmen mit feinem Abstand */
        border:1px solid #bfc0b8;
        /* 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: 2px; /* Rahmen mit feinem Abstand */
        border:1px solid #bfc0b8;
        /* 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 {
        clear:both;
        display:block;
        margin:0 auto;
        width:994px;
        height:102px;
        background:url(../files/fichkona-footer-bg.jpg) no-repeat;
}

#footer-spacer {
        display:block;
        margin:0 auto;
        width:994px;
        height:47px;
}

#footer-left
        {
        display:block;
        position: absolute;
        color:#d5db7c;
        font-family: verdana;
        font-size: 7pt;
        text-align: right;
        margin-top: 5px;
        margin-left: 525px;
        }

#footer-left a,
#footer-left a:link,
#footer-left a:hover,
#footer-left a:visited {
        color:#d5db7c;
        text-decoration: none;
}


#footer-right  {
        display:block;
        position: absolute;
        margin-left: 720px;
        margin-top: 0px;
        cursor:pointer;
}

#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.3em;
         margin-bottom: 8px;
}

#main-content-block div.haarline {
         background:url(../files/haarlinie.gif) repeat-x;
         height: 2px;
         width:100%;
         margin-top:  3px;
         margin-bottom: 5px;

}

div.haarline-bild {
         background:url(../files/haarlinie-bild.gif) no-repeat;
         height: 20px;
         width:100%;
         margin-top:  1px;
         margin-bottom: 20px;

}

/* ### 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:8pt;
}

#newsletter input,
#newsletter textarea {
width:315px;
padding:2px 2px 2px 3px;
border-right: 1px solid #f1f2ec;
border-top: 1px solid #f7f9df;
border-bottom:1px solid #5e7a9f;
border-left: 5px solid #5e7a9f;
background-color:#fdfef8;
font-family: arial, verdana;
margin-bottom: 5px;
background:url(../files/bg_input.jpg) repeat-x;
}

#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: bold;
margin-left: 154px;
margin-top: 15px;
color: #FFFFFF;
font-family: 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;
}

/* ///// my Teaser - mehr schalter //////////////////////////////////////////////*/

#main-content-block #teaser .myteaser {
font-weight:normal;
background-color: #ec9232;
padding: 1px 6px 1px 6px;
margin-top: 5px;
color: #FFFFFF;
font-size: 7pt;
border: 1px solid #d8d2b2;
text-decoration: none;
}

/* ///// my Teaser - zureuck schalter //////////////////////////////////////////////*/

#main-content-block #zurueck .myzurueck {
font-weight:normal;
background-color: #ec9232;
padding: 1px 8px 1px 8px;
margin-top: 5px;
color: #FFFFFF;
font-size: 8pt;
border: 1px solid #d8d2b2;
text-decoration: none;
}

/* ------------ Zweispalter mit Textile ----------------------------------------------*/

#main-content div.zweispalter {
  font-size: 10pt;
  width: 500px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.2em;
}

.zweispalter_1 {
  width: 244px;
}

.zweispalter_2 {
  width: 244px;
  margin-left: 20px;
}

.zweispalter_1,
.zweispalter_2 {
  float: left;
}