body {
    background: #E8E8E8;
    font-family: Helvetica, Arial, Tahoma, sans-serif;
    font-size: 12px;
    color: #333333;
}

.clear {
    clear: both;
}

a:link, a:visited, a:active {
    color: #FF0000;
    text-decoration: none;
}

a:hover {
    color: #333333;
    text-decoration: none;
}

#header-bar {
    background: #2E2E2E;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
}

#page {
    position: relative;
    width: 980px;
    margin: 0 auto;
}

#header {
    background: #333333;
    color: #FFFFFF;
    width: 978px;
    height: 100px;
    border-left: 1px solid #4F4F4F;
    border-right: 1px solid #4F4F4F;}

#header img {
    margin: 13px 20px 0 20px;
    float: left;
}

#header span {
    float: left;
    line-height: 100px;
    font-size: 24px;
    font-weight: bold;
    color:#FF0000;
    text-transform: uppercase;
    letter-spacing: 2px;}

#header ul {
    float: right;
    line-height: 100px;
    margin: 0 20px 0 0;}

#header li {
    display: inline;
    color: #999999;
    letter-spacing: 1px;
    margin: 0 0 0 10px;
}

#header a:link, #header a:visited, #header a:active {
    color: #FF0000;
    text-decoration: none;
}

#header a:hover {
    color: #CFCFCF;
    text-decoration: none;
}

#main {
    background:#ffffff;
    width: 980px;
}

#banner {
display:none;
}



div#menue-container {
 width: 100%;
 background: url(../images/navi.png)  repeat-x;

height: 35px;
clear: both;

}

div#navigation {
  margin: 0 auto;
  position: relative;
  width:960px;
  width: 100%;

height: 35px;

  /* overflow:hidden */
  /* display: table; */

  padding-left:10px;
  padding-right: 20px;
  clear: both;
}
* html #navigation { height: 1%; }

div#textbereich { clear: both; }

div#navigation ul {
  padding: 0;
  margin: 0 0 0 10px;
  background: url(../images/navi.png)  repeat-x;

}
div#navigation li {
  float: left;
  width: auto;
  list-style: none;
  padding: 0;
  margin: 0;
  background: url(../images/navi.png)  repeat-x;                         ;
 }

div#navigation a {
  color: #FFFFFF;
  display: block;
  padding: 12px 15px 11px 10px;
  text-decoration: none;
}

div#navigation li a.activ {
  background: #FF0000;
  color: #FFFFFF;
  text-decoration: none;
  border-top: 1px solid #7c6363;
   border-bottom: 1px solid #867373;
  padding-bottom:9px;
  margin: 0px 0px 0px 0px;

}

div#navigation ul a:hover,
div#navigation ul a:focus {
  background: #BFBFBF;
  color: #FFFFFF;
  }
div#navigation ul a:active {
   background: none repeat scroll 0 0 #FF0000;
  color: white;
}


div#navigation ul.level2 li { clear: both; }

/* Schritt 2 - Zweite Ebene verstecken */
div#navigation ul.level2 {
  position: absolute;
  left: -32768px;
  top: -32768px;
  width: 0;
  height: 0;}

/* Schritt 3 - Zweite Ebene wieder einblenden */
div#navigation li:hover ul.level2{
  left: auto;
  top: auto;
  display: block;
  width: auto;
  height: auto;}

/* Schritt 4 - Links in der zweiten Ebene gestalten */
div#navigation ul.level2 a {
  background:#BFBFBF;
  color: #FFFFFF;
  min-width: 10em;
  padding: 10px 13px 10px 10px;
  margin: 0px 0px 0px -10px;
  border-top:1px solid #FFFFFF;

}
* html div#navigation ul.level2 a { width: 11em; }

/* Schritt 5: Moment des Klicks in der zweite Ebene */
div#navigation ul.level2 a:active {
  background:#8DC21C;
  color:#FFFFFF;
}

/* Schritt 6: Hover-Effekt für die zweite Ebene */
div#navigation ul.level2 a:hover {
 background: url(../images/navi.png)  repeat-x;
  color: #FFFFFF;
}


#content {
    width: 620px;
    float: left;
    margin: 0 80px 0 20px;}



div#bild_gross {
 display: none;
 }

div#bild_links {
 display: none;}

div#bild_rechts {
 display: none;}

div#bild_links_a {
 display: none;}

div#bild_rechts_b {
display: none;}

.entry {
    display: inline-block;
    margin: 20px 0 20px 0;}



h2, h2 a:link, h2 a:visited, h2 a:active {
    font-size: 24px;
    line-height: 36px;
    color: #FF0000;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
    text-decoration: none;
}

h2 a:hover {
    color: #999999;
    text-decoration: none;}

h3 {
        font-family: 'Trebuchet MS', sans-serif;
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 20px;
        color: #000000;
        margin: 0 0 10px 0;
        text-decoration: underline;}

h4 {    font-family:Helvetica, Arial, Tahoma, sans-serif;
        font-size: 16px;

        letter-spacing: 1px;
        text-decoration: none;
        line-height: 20px;
        color: #ff0000;
        margin: 0 0 10px 0;}
h5 {font-family:Helvetica, Arial, Tahoma, sans-serif;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        line-height: 20px;
        color: #333333;
        margin: 0 0 -10px 0;}

p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 20px 0;
    text-align: justify;}

.p.liste{font-size: 14px;line-height: 20px; margin: 0 0 20px 20px;}




#sidebar {
    width: 258px;
    float: left;
    border-left: 1px solid #bebebe;
}



.widget {
    display: inline-block;
    margin: 0 0 30px 0;
}

#sidebar h6 {
    background: url(../images/hintergrund.png)  ;            ;
    width: 240px;
    height: 30px;
    color: #FFFFFF;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 30px;
    padding: 0 0 0 20px;
    margin-top: 20px;
    margin-bottom: 20px

}

ul.submenu {
    margin: 12px 0 0 20px;
}

.submenu li {
    color: #999999;
    line-height: 30px;
    letter-spacing: 1px;
}

.submenu li a:link, .submenu li a:visited, .submenu li a:active {
    color: #999999;
}

.submenu li a:hover {
    color: #FF0000;}

.foto {
  display:none; }

.foto_1{margin: 0 0 0 0;
 }
p.articles {
    color: #999999;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 1px;
    margin: 12px 20px 0 20px;
}


.articles.foto {
width:206px;
margin: 10px 18px 0 20px;
padding: 1px 1px 1px 1px;
border: 1px solid #bebebe;}

ul.articles {
    margin: 0;
    width: 260px;}

.articles li {
    color: #999999;
    line-height: 24px;
    letter-spacing: 1px;
    padding: 12px 5px 12px 20px;
    border-bottom: 1px solid #bebebe;}

.articles li a:link, .articles li a:visited, .articles li a:active {
    color: #999999;}

.articles li a:hover {
    color: #FF0000;
}

p.about-us {
    color: #5F5F5F;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 1px;
    margin: 12px 20px 0 20px;
}

.about-us.foto {
padding: 1px 1px 1px 1px;
border: 1px solid #bebebe;
}



#footer-bar {
    display:none;
}

#footer {
display: none;
}

#slogan {
display: none;}

.footer-one-third {
        float:left;
        margin:20px 10px 20px 20px;
        width:280px;
        position: relative;
        text-align:left;
        overflow:hidden;
}

.footer-one-third h3 {
        color:#FFFFFF;
        text-decoration: underline;
        padding-right: 10px
}

.footer-one-third ul{
         line-height: 20px;
         padding-right:10px ;
}

.footer-one-third ul, .footer-one-third li {
        list-style: none ;
        margin-left:0 ;
}

.footer-one-third li {
         padding: 0px 0px 0px 0px;}


.footer-one-third-footer-last {
        float:left;
        margin:20px 10px 20px 20px;
        width:100px;
        position: relative;
        text-align:left;
        overflow:hidden;
}

.footer-one-third-footer-last h3 {
            color:#FFFFFF;
            text-decoration: underline;
            padding-right:10px
}

.footer-one-third-footer-last ul{
         line-height: 20px;
         padding-right:10px ;
}

.footer-one-third-footer-last ul, .footer-one-third-footer-last li {
        list-style: none ;
        margin-left:0 ;
}

.footer-one-third-footer-last li {
         padding: 0px 0px 0px 0px;
}

#footer a:link {
        color:#FFFFFF;
}
#footer-container a:visited{
color:#FFFFFF;}

#footer a:hover{
        color:#CFCFCF;
        text-decoration:none;}

input.graurand {
         border-style: solid;
         border-width: 1px;
         border-color: #bebebe;
         background-color: #ffffff;
         font-family:arial, hevetica, sans-serif;
         font-size: 0.9em;
         margin: 0.9em 0 0.9em 0;}

input.knopf{
margin-top: 10px;
margin-left:230px;
border-style: outset;
border-color: #bebebe;
font-size: 0.9em;
font-family:arial, hevetica, sans-serif; }


textarea {
         width: 250px;
         height: 250px;
         border: 1px solid #bebebe;
         font-family:arial, hevetica, sans-serif;
         font-size: 0.9em;}

dl  {list-style-type:none;  margin: 12px 0 0 20px;  font-size: 11px;color: #5F5F5F;
    letter-spacing: 1px; }
dt { font-weight:bold; color:#FF0000; margin: 1.2em 0 1.2em 0; letter-spacing: 1px; font-size: 11px; }
dd { list-style-type:none; margin:0 0 1em 0;  font-size: 11px;color: #5F5F5F;
    letter-spacing: 1px; }
strong { font-weight:bold; }

ol li{ font-size: 14px;line-height: 20px; margin: 0 0 20px 20px; list-style-type: square;}

ol ol { list-style-type:none; font-size: 14px; line-height: 20px; margin: 0.5em 0 0 0;}
ol  { list-style-type:none; font-size: 14px; line-height: 20px; margin: 2.2em 0 1.4em 0px;}

blockquote, cite, q {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;}
blockquote { margin:0 0 1em 1.6em; color:#4F4F4F; }
s {font-weight: bold; }
u {font-weight: bold; color:#FF0000;}