/* ----------------   ALLGEMEIN   ---------------- */
html
{
 font-family: 'Bahnschrift', arial, sans-serif;
 font-weight: 300;
}

body
{
  overflow-y: scroll;
  background-colour: white;
}

a img
 {
  border:0px;
 }

a:link
 {
  text-decoration:none;
  cursor:hand;
 }

b {
  font-weight: 500; /* Das neue fett */
}

#main
{
 width: 812px;
 margin: 0 auto 0 auto;
 vertical-align: middle;
 /*border: solid 1px;*/
}

/* ----------------   HEADER  ---------------- */

#header
{
 width: 100%;
}

 #header #logo_left
 {
  float: left;
  width: 190px;
  height: auto;
  padding-top: 8px;

 }

 #header #logo_right
 {
  float: right;
  padding: 2px;
 }

 #header #language
 {
  clear:both;
  width: 100%;
  height: 20px;
  background-color:#706f6f;
 }

 #header #language #active
 {
  font-weight : bold;
 }

 #header #language a:link,
 #header #language a:visited,
 #header #language a:active
 {
  font-size: 11px;
  text-align: center;
  color: #ffffff;
  vertical-align: middle;
  margin-left: 30px;
  line-height: 200%;
  text-decoration:none;
 }

 #header #language a:hover
 {
  text-decoration: underline;
 }

/* ----------------   MENU   ---------------- */

#left
{
 float: left;
 width: 155px;
 height: auto;
 color: #666666;
 font-size : 9.5pt;
 margin-bottom:20px;
}

 #left a
 {
  display: block;
  outline: none;
  /*color:#666666;*/
  color: #000000;
  text-decoration:none;
 }

 #left a:hover,
 #left a:active,
 #left a:focus
 {
  color:#26B2B3;
 }

 #left #menu ul
 {
  margin: 25px 10px 0px 0px;
  width: 140px;
  list-style: none;
  padding: 0px;
  background: none;
 }

 #left #menu li
 {
  border-bottom: solid 1px #666666;
  padding: 2px;
 }

 #left #menu li.level1 a
 {
  padding-left: 10px;
  height: 15px;
  padding-top: 2px;
 }

 #left #menu li.level1q a
 {
  padding-left: 10px;
  height: 15px;
  padding-top: 2px;
 }

 #left #menu li.level2 a
 {
  padding-left: 25px;
  height: 15px;
  padding-top: 2px;
 }

 #left #menu li.level3 a
 {
  padding-left: 40px;
  height: 15px;
  padding-top: 2px;
 }



 #left #menu li.main a
 {
  font-weight: bold;
 }

 #left #menu li.cat a
 {
  font-weight: bold;
 }

 #left #menu li.subcat a
 {
  font-style: italic;
 }

 #left img
 {
  float:left;
  margin-top:20px;
 }

 #left p
 {
  float:left;
  clear:both;
  margin-left:15px;
  margin-top:15px;
 }

#left #menu a:hover
 {
  background-color:#706f6f;
  color:#ffffff; !important;
 }

#left #menu .level1q a:hover
 {
  background-color: #1a171b; !important;
  color:#ffd800; !important;
 }


#left #social
   {
    float:left;
    width:130px;
    /*line-height:1; */
   }

 #left #social a:hover,
 #left #social a:active,
 #left #social a:focus
 {
  color:#26B2B3 !important;
 }

#left #social img
   {
    float:left;
    width:29px;
    margin-right:10px;
   }

#left #social #text
   {
    float:left;
    width: 80px;
    margin: 20px 0px 0px 0px;
   }

/*
#left #social img:hover
   {
    border: #26B2B3 1px solid;
    margin: 15px 30px 00px 00px;
    padding: 3px;
   }
*/

/* ----------------   INHALT   ---------------- */

#content
 {
  float:left;
  width:647px;
  height:auto;
  margin: 20px 0px 25px 10px;
  /*border: solid 1px;*/
  color : #666666;
  line-height:120%;
  font-size : 13px;
 }

 #content .head
  {
   margin:0px 0px 20px 0px;
   padding:0px;
   color: #000000;
   /*color:#706f6f;*/
   font-size:19px;
   font-weight:bold;
   line-height: 1.0;
  }

 #content .subhead
  {
   font-size:120%;
   color:#706f6f;
   font-weight:normal;
  }

 #content .subheadline
  {
   font-size:100%;
   color: white;
   background-color:#706f6f;
   font-weight:normal;
   width: 620px;
   float:left;
   margin-bottom: 5px;
   padding-left: 2px;
  }


 #content table
 {
  border-collapse: collapse;
  padding: 0px 0px 0px 0px;
  width:100%;
 }

 #content table td
 {
  border-bottom: 1px solid #706f6f;
  text-align: left;
  vertical-align:top;
 }

 #content table td.col1
 {
  padding: 10px 0px 10px 0px;
 }

 #content table td.col2
 {
  padding: 10px 0px 10px 10px;
 }


 #content .box
 {
  display:block;
  float: left;
  margin: 0pt 10px 10px 0pt;
  width: 200px;
  height: 85px;
  outline: #706f6f 1px solid;
 }

 #content .box .new
 {
 color: red;
 font-weight: bold;
 display: inline;
 margin-left: 30px;
 }

 #content .box_archiv
 {
  float: left;
  margin: 0pt 10px 10px 0pt;
  width: 200px;
  height: 85px;
  border: #706f6f 1px solid;
 }


  #content .box img, #content .box_archiv img
 {
  float:left;
  width: 75px;
  height: 75px;
  margin: 5px 0px 0px 5px;
  border: 0px;
  /*border: #26B2B3 1px solid;*/
 }

 #content .box p, #content .box_archiv p
 {
  float:left;
  width: 110px;
  margin: 5px 0px 0px 5px;
 }

 #content .box smaller
 {
  line-height:100%;
 }

 #content .box_archiv small
 {
  float:left;
  width: 115px;
  font-size: 10px;
  line-height:100%;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align:left;
  /*display:inline-block;*/
 }

 #content .box_archiv .smaller
 {
  float:left;
  width: 115px;
  font-size: 10px;
  line-height:100%;
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 0px 0px;
  text-align:left;
  /*display:inline-block;*/
 }

 #content a, #content a:link
 {
  color:#706f6f;
  text-decoration:none;
  cursor: hand;
 }

 #content a:hover,
 #content a:active,
 #content a:focus
 {
  color:#706f6f;
  text-decoration: underline;
 }

/*
 #content .box:hover
 {
  background-color:#26B2B3;
  color:#ffffff;
 }
*/

 #content .box:hover img
 {
  outline: 1px #706f6f solid;
  /*margin: 5px 0px 0px 5px; !important*/
 }

 #content .box:hover
 {
  outline: 2px #706f6f solid;
  /*margin: 0px 8px 8px 0px; !important*/
 }

 #content .box:hover p
 {
  margin: 5px 0px 0px 5px; !important
 }


 #content ul
 {
  padding-left: 15px;
  list-style-type: disc;
  margin-top:0; padding-top:0;
  margin-bottom:0; padding-bottom:0;
  /*list-style-position: outside;*/
 }

 #content table.formular
 {
  width:550px;
  margin-left:50px;
  line-height:200%;
 }

 #content .formular td.col1
 {
   color:#706f6f;
   font-weight:bold;
   padding: 0px 0px 0px 0px;
   border-bottom:0;
   width:150px;
 }

 #content .formular td.col2
 {
  padding: 0px 0px 0px 0px;
  border-bottom:0;
 }

 #content input
 {
  border: 1px solid #706f6f;
  margin-top:3px;
 }

 #content textarea
 {
  border: 1px solid #706f6f;
  resize:none;
  overflow:auto;
 }

/* FOOTER */

#footer
{
 clear:both;
 width: 100%;
 height: 20px;
 background-color:#706f6f;
 margin-top:20px;
}

 #footer a
   {
   font-size:10px;
   text-decoration: none;
   text-align: center;
   color: #ffffff;
   vertical-align: middle;
   margin-left: 30px;
   line-height: 200%;
  }

 #footer span
 {
  float:right;
  padding-right:5px;
  font-size:10px;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
  vertical-align: middle;
  line-height: 200%;
 }

 #footer a:hover
 {
  text-decoration: underline;
 }

.news table
 {
  border-collapse: collapse;
  padding: 0px 0px 0px 0px;
  width:100%;
 }