@import "../_fonts/font_style.css";
@import "content.css";
@import "menu/superfish.css";
@import "menu/superfish-vert.css";
@import "menu/superfish-horz.css";

.clear{
clear: both;

}

:focus {
  outline: 0;
}

body {
        font-family: helvetica_neue_lt_com57Cn, Helvetica, sans-serif;
        background: #cdd9de;
        margin: 0;
        padding: 0;
        color: #000;
        }

ul, ol, dl {
        padding: 0;
        margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
        margin-top: 0;
        padding-right: 15px;
        padding-left: 15px;
        letter-spacing: 0.05em;
}

h1 {
        font-family: HelveticaNeueLTCom-Md, Helvetica, sans-serif;
        font-size:18px;
        color: #777;
}

h2{
        font-family: HelveticaNeueLTCom-Roman, Helvetica, sans-serif;
        font-size:14px;
        color: #888;
        line-height:12px;
}

h3{
        font-family: HelveticaNeueLTCom-Roman, Helvetica, sans-serif;
        font-size:12px;
        color: #888;
}

p {
        font-size:12px;
        color: #888;
        font-family: HelveticaNeueLTCom-Lt, Helvetica, sans-serif;
}


.aktuelles_k {
        font-size:11.7px;
}

.main_content {
        font-size:14px;
        letter-spacing: 0.05em;
        color: #333;
        font-weight:500;
        margin-bottom:0
        }


.main_content_right {
        font-size:14px;
        letter-spacing: 0.05em;
        color: #333;
        font-weight:500;
        margin-bottom:0;
        text-align:right
        }

.kala {
        font-size:14px;
        letter-spacing: 0.05em;
        color: #333;
        font-weight:800;
        margin-bottom:0;
        background-color:#eeeef4;
        margin-right: 25px;
        line-height: 200%
        }
.kala1 {
        font-size:14px;
        letter-spacing: 0.05em;
        color: #333;
        font-weight:500;
        margin-bottom:0;
        background-color:#eeeef4;
        margin-right: 25px
        }

.kalb {
        font-size:14px;
        letter-spacing: 0.05em;
        color: #333;
        font-weight:800;
        margin-bottom:0;
        background-color:#f9f7f0;
        margin-right: 25px;
        line-height: 200%
        }

.kalb1 {
        font-size:14px;
        letter-spacing: 0.05em;
        color: #333;
        font-weight:500;
        margin-bottom:0;
        background-color:#f9f7f0;
        margin-right: 25px
        }

.tab {
   display:inline-block;
   vertical-align:top;

}

.tab-2 {
   width:1em;
}

.tab-10 {
   width:7em;
}

.tab-20 {
   width:20em;
}

.imgleft {
   margin-left:20;
   margin-right:auto;
}

.imgright {
   margin-left:auto;
   margin-right:20;
}

.main_content_klein {
        font-size:12px;
        letter-spacing: 0.05em;
        color: #2E2E2E;
        font-weight:500;
        margin-bottom:0
        }



.i_i {
        font-style:italic;
        letter-spacing: 0.1em
}


.main_content_big {
        font-family: HelveticaNeueLTCom-Roman, Helvetica, sans-serif;
        font-size:13px;
        color: #778;
        line-height: 22px;
}

.main_content_big_g {
        font-family: HelveticaNeueLTCom-Roman, Helvetica, sans-serif;
        font-size:12px;
        color: #556;
        line-height: 22px;
}

a img {
        border: none;
}


a.all:link{
        color: #555;
        text-decoration: none;
}
a.all:visited {
        color: #333;
        text-decoration: none;
}

a.all:hover{
        text-decoration: none;
        color: #f6891f;
}
a.all:active{
        text-decoration: none;
        color: #f6891f;
}
a.all:focus {
        text-decoration: none;
        color: #f6891f;
}

.now_active{
        text-decoration: none;
        color: #f6891f;
}

.now_active_footer{
        text-decoration: none;
        color: #ede2e2;
}



/* ~~ Dieser Container mit fester Breite umschließt alle anderen div-Tags. ~~ */
.container {
        width: 960px;
        background: #eeeef4;
        margin: 0px auto; /* zentriert das Layout. */

}

.header {
        background: #FFF;
}

.menu_vert_container {
        height: 800px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-top: 20px;
}

.menu_horz_container {
        font-family: helvetica_neue_lt_com57Cn, Helvetica, sans-serif;
        padding-left: 20px;
        padding-top: 0px;
        margin-top: 10px;
}


.sidebar1 {
        font-family: helvetica_neue_lt_com57Cn, Helvetica, sans-serif;
        color: 339;
        float: left;
        width: 180px;
        height: 100%;
        background: #f8f5f5;
        padding-bottom: 10px;
}
.content {
        font-family: HelveticaNeueLTCom-Roman, Helvetica, sans-serif;
        line-height: 20px;
        padding: 40px 0px 0px 20px;
        width: 580px;
        height: 1000px;  /*Hoehe Website*/
        float: left;
        background: #FEFEFE; /* Hauptinhalt*/
}

.area_menu_right {
        float: right;
        color:339;
        width: 180px;
        background: #f9f7f0;
        padding: 20px 0px 10px 0px;
        line-height: 20px;
}



.kontakt{
        font-family: HelveticaNeueLTCom-Lt, Helvetica, sans-serif;
        font-size:13px;
}

.datum{
        font-family: HelveticaNeueLTCom-Lt, Helvetica, sans-serif;
        font-size:12px;
}

.content ul, .content ol {
        padding: 0 15px 15px 40px;
}

ul.nav {
        list-style: none;
        border-top: 1px solid #666;
        margin-bottom: 15px;
}
ul.nav li {
        border-bottom: 1px solid #666;
}


.footer_rechts {
        float: right;
        color: #FFF;
}


a.footer_link:link{
        font-family: HelveticaNeueLTCom-Roman, Helvetica, sans-serif;
        color: #FFF;
        font-size: 13px;
        text-decoration: none;
        letter-spacing: 1px;
}
a.footer_link:visited{
        font-family: HelveticaNeueLTCom-Roman, Helvetica, sans-serif;
        color: #FFF;
        font-size: 13px;
        text-decoration: none;
        letter-spacing: 1px;
}

a.footer_link:hover{
        color: #ede2e2;
        text-decoration: none;
}

a.footer_link:active{
        color: #ede2e2;
        text-decoration: none;
}

.footer {
        color: #FFF;
        padding: 8px 10px 12px 10px;
        width: 940px;
        height: 18px;
        background: #0092d6;
        position: relative;/* erhält IE6 die Eigenschaft hasLayout, damit die clear-Anweisung korrekt ausgeführt wird. */
        clear: both; /* bewirkt, dass .container das Ende der fließenden Spalten erkennt und ihren Inhalt aufnimmt. */

}



/* ~~ Verschiedene float/clear-Klassen ~~ */
.fltrt {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
        float: right;
        margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
        float: left;
        margin-right: 8px;
}
.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im .container) platziert werden, wenn .footer entfernt oder aus dem .container herausgenommen wird. */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
}