/************************************************
*            GLOBALE EINSTELLUNGEN              *
************************************************/

html,body {
  margin:0;
  padding:0;
  height:100%; /* Scrollbalken immer anzeigen */ 
}

body {
  background:#000;
  font:76% verdana,arial,sans-serif;
  text-align:center;
  font:12px verdana,arial,sans-serif;
  color:#eee;
  min-height:101%; /* Scrollbalken immer anzeigen */ 
}

/************************************************
*                    LAYOUT                     *
************************************************/

div#container {
  text-align:left;
  width:964px;
  margin:0 auto;
}

div#header {
  background:url('../images/layout/header.jpg');
  position:relative;
  height:97px;
  width:964px;
}

div#header h1 {
  height:97px;
  line-height:97px;
  margin:0;
  padding-left:10px;
  color:#79B30B;
}

div#wrapper {
  float:left;
  width:100%;
}

div#content {
  min-height:500px;
  _height:500px;
  background:url('../images/layout/content_bg.jpg') repeat-y #fff;
  margin:0 205px;
  padding:0;
  position:relative;
}

div#left {
  background:url('../images/layout/box_bg.jpg') repeat-y;
  float:left;
  width:197px;
  margin-left: -964px;
}

div#right {
  float:left;
  width:197px;
  margin-left:-197px;
}

/*div#right { background:url('../images/layout/box_bg.jpg') repeat-y }*/

div#footer {
  background:url('../images/layout/footer.jpg') no-repeat;
  margin:0 205px;
  min-height:100px;
  _height:100px;
  text-align:center;
}

#search {
  position:absolute;
  right:20px;
  top:70px;
}

div#lang {
  float:right;
  background:url('/images/layout/lang_bg.gif');
  height:30px;
  width:85px;
  margin-right:50px;
}

div#lang p {
  margin:3px 0px 0px 7px;
}

.search {
  border:1px solid #fff;
  background:#666;
  width:125px;
  color:#eee;
  font-size:10px;
  padding:2px;
}

.search_button {
  border:0;
  background:#eee;
  color:#666;
  padding:2px 5px 2px 5px;
  margin:0;
  font-size:12px;
}

/************************************************
*                  ERROR PAGE                   *
************************************************/

div#error {
  background:url('../images/layout/iframe.gif');
  position:absolute;
  height:355px;
  width:554px;
  margin:-177px 0px 0px -277px;
  top:40%;
  left:50%;
  text-align:left;
  padding:0px;
}

/************************************************
*                  CONTENT BOX                  *
************************************************/

div#cbox_top {
  background:url('../images/layout/content_top.jpg');
  text-align:center;
  width:100%;
  display:inline;
  min-height:38px;
}

div#cbox_bottom {
  background:url('../images/layout/content_bottom.jpg') no-repeat;
  text-align:right;
  margin:0 205px;
  min-height:48px;
  _height:48px;
}

div#cbox_bottom img {
  border:0;
  margin:35px 0 0 0;
  padding:0;
}

div#cbox_bottom a {
  border:0;
  margin:0 50px 0 0;
  padding:0;
}

div#content_wrapper {
  padding:0 10px;
}

div#text {

}

h2.content {
  background:url('../images/layout/title.jpg') #eee;
  background-position:bottom left;
  position:relative;
  color:#666;
  font-weight:bold;
  margin:0;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:10px;
  white-space:nowrap; /* ?berstehenden text _nicht_ umbrechen */
  overflow:hidden;    /* und verbergen */
}

/************************************************
*                     NEWS                      *
************************************************/

div.news_title {
  height:37px;
}

h2.news_title {
  background:url('../images/layout/title.jpg') #eee;
  color:#666;
  font-weight:bold;
  margin:0;
  padding-top:10px;
  padding-bottom:9px;
  padding-left:10px;
  white-space:nowrap; /* ?berstehenden text _nicht_ umbrechen */
  overflow:hidden;    /* und verbergen */
}

h2.news_title a { color:#333 }
h2.news_title a:hover { color:#999 }

div.news_text {
  background:#505050;
  position:relative;
  color:#eee;
  min-height:70px;
  _height:70px;
  border-bottom:1px solid #999;
  padding:10px 10px 15px 10px;
}

/* html div.news_text {
  height:70px;
}*/

div.news_text .date {
  color:#999;
  font-size:10px;
  float:left;
  position:absolute;
  bottom:0;
  right:5px;
}

.icon {
  background:url('../images/layout/news_title_r.jpg') #eee;
  float:right;
}

div.news_image {
  padding:5px 0;
  width:100%;
  text-align:center;
  background:#666;
}

/************************************************
*                     NAVI                      *
************************************************/

div#navicontainer {
  background:url('../images/layout/header_navi.jpg');
  height:51px;
}

div#navi {
  min-width:964px;
  float:left;
}

#navi ul {
  padding:0 230px 0 230px;
  margin:0;
}

#navi ul li {
  line-height:20px;
  height:20px;
  list-style-type:none;
  padding:0;
  margin:0;
  display:block;
  float:left;
  background:url('../images/layout/button_bg.jpg') repeat-x 20px;
  text-align: center;
  font-weight:bold;
  font-size:12px;
  color:fff;
}

#navi a {
  padding:0 14px 0 14px;
  text-decoration:none;
  display:block;
}

#navi .on {
  color:#fff;
}

#navi .off {
  color:#fff;
}

#navi li#active {
  background:url('../images/layout/button_active.jpg') repeat-x 20px;
}

#navi a:hover {
  color:#fff;
  background:url('../images/layout/button_hover.jpg') repeat-x 20px;
}

/************************************************
*                 BREADCRUMB NAVI               *
************************************************/

div#bnavi {
  float:left;
  padding:15px 0 0 255px;
}

div#bnavi p {
  margin:0;
  color:#eee;
  font-size:10px;
  font-weight:bold;
}

/************************************************
*                    SUBNAVI                    *
************************************************/

div#left ul {
  list-style-type:none;
  padding:0;
  margin:0;
}

div#left ul li ul li {
  text-indent:10px;
}

div#left a {
  background:#666;
  line-height:20px;
  margin:0 10px 0 10px;
  padding:0 10px 0 10px;
  display:block;
  font-size:12px;
  font-weight:bold;
  border-bottom:1px solid #777;
}

div#left #active {
  background:#333;
}

div#left a:hover {
  background:#333;
}

/************************************************
*                  PAGE NAVI                    *
************************************************/

ul#pagenavi {
  list-style-type: none;
  height:25px;
  margin:0 !important;
  padding:0 !important;
}

ul#pagenavi li {
  line-height:23px;
  height:23px;
  display:block;
  width:102px;
  color:#9c9c9c;
  font-size:11px;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
}

ul#pagenavi li a {
  line-height:23px;
  height:23px;
  display:block;
  width:102px;
  color:#000;
  font-size:11px;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
}

ul#pagenavi li a:hover { color: #666 }

ul#pagenavi li.next a { background:url('../images/layout/next.gif') }
ul#pagenavi li.back a { background:url('../images/layout/back.gif') }
ul#pagenavi li.next { background:url('../images/layout/next.gif') }
ul#pagenavi li.back { background:url('../images/layout/back.gif') }

ul#pagenavi .back { float: left; }
ul#pagenavi .next { float: right; }

/************************************************
*                    SITEMAP                    *
************************************************/

ul#sitemap li a {
  border-bottom:1px solid #777;
  display:block;
}

/************************************************
*                     TEXT                      *
************************************************/

div#cbox_top {
  margin:0;
  padding:24px 0 4px 0;
  font-weight:bold;
  color:#fff;
}

div#content_wrapper p {
  margin:0;
  padding:5px 10px;
  line-height:1.5;
}

div#content_wrapper h3.subtitle {
  position:relative;
  margin:5px 5px 0 5px;
  padding:5px 5px 0 5px;
  font-size:13px;
  font-weight:bold;
  display:block;
  border-bottom:1px solid #777;
}

div#ibox p.title {
  margin:5px 5px 0 46px;
  padding:5px 5px 0 0;
  font-size:18px;
  font-weight:bold;
  border-bottom:1px solid #999;
  color:#81daff;
}

div.text ul {
  margin:0 10px;
  padding:0;
  list-style: none;
}

div.text li {
  line-height:20px;
  padding-left:15px;
  background-image:url('../images/layout/bullet.gif');
  background-repeat:no-repeat;
  background-position:0 5px;
}

/*
div#content_wrapper ul {
  margin:0 10px;
  padding:0;
  list-style: none;
}

div#content_wrapper li {
  line-height:20px;
  padding-left:15px;
  background-image:url('../images/layout/bullet.gif');
  background-repeat:no-repeat;
  background-position:0 2px;
}
*/
div#content_wrapper ul.browse {
  margin:0;
  padding:0;
}

blockquote {
  background:#666;
  font-style:italic;
  margin:0;
  padding:10px 30px 10px 30px;
}

div#right p {
  font-size:11px;
  color:#eee;
  margin:0;
  padding:0 5px;
}

div#right p.subtitle {
  margin:0 14px;
  font-size:11px;
  font-weight:bold;
  display:block;
  border-bottom:1px solid #999;
}

div#footer p {
  font-size:10px;
  color:#eee;
  margin:0;
  padding:25px;
}

a { color:#81daff; text-decoration:none }
a:hover { color:#fff }

h1, h2 { font-size:14px }
h3 { font-size:12px }
h4 { font-size:11px }

.small {
  font-size:10px;
}

div#right_content {
  float:left;
  background:url('/images/layout/box_bg.jpg') repeat-y;
  width:177px;
  padding:0 10px;
}

div#right_content h4 {
  padding:5px 5px 0 5px;
  margin:0;
  color:#eee;
}

/************************************************
*          2 Spalten (Kontaktformular)          *
************************************************/

div#content_wrapper {
  padding:0 10px;
}

#content_wrapper ul.colums {
  list-style-type:none !important;
  padding:0;
  margin:0;
}

li.left {
  width:150px;
  float:left;
  padding:0 0 0 10px;
  margin:0;
}
      
li.right {
  float:left;
  width:300px;
  padding:0;
  margin:0 0 5px 0;
}

li.clear {
  display:inline;
  margin:0;
  padding:0;
  width:1px;
}

br.clear {
  clear: left;
  width: 1px;
  font-size:1px;
  margin:0;
  padding:0;
  overflow:hidden;
}

#content_wrapper input, #content_wrapper select, #content_wrapper textarea {
  background:#666;
  color:#eee;
  border:1px solid #ccc;
}

/************************************************
*                 VERSCHIEDENES                 *
************************************************/

div#ibox {
  margin:0 10px;
  border:1px solid #81daff;
  background:#555;
}

.frame {
  background:#ccc;
  border:1px solid #777;
  margin:0 0 5px 5px;
}

div#right_content img.frame {
  background:#ccc;
  border:1px solid #fff;
  padding:3px;
  margin:6px;
}

.clear {
  clear:right;
  margin:0;
  padding:0;
  height:0;
  line-height:0;
  font-size:0;
}

#content_wrapper input, #content_wrapper select, #content_wrapper textarea {
  background:#666;
  color:#eee;
  border:1px solid #ccc;
}