@charset "utf-8";

/* ================================================================ 
          General CSS
=================================================================== */


* {
  margin: 0;
  padding: 0; 
} 

html {
  height: 100%;
  margin-bottom: 1px;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color:#BA64IE;
  background-image:url(/_media/verlauf.jpg);
  background-repeat: repeat-x;
  margin: 0;
  padding: 0;
}

img {
  border: none;
} 

 ul#liste {
  margin: 20; 
  padding: 0;
  
  }
  ul#liste li {
  
 
    list-style: square;
    margin: 0; padding: 20;
  }

a{
  text-decoration: none;
  color: #f26b10;
}

a:hover {
  text-decoration: underline;

}

/* ================================================================ 
          Main
=================================================================== */
/* ============================================== 
          header
================================================= */
#bg-header{
  width: 100%;
  height: 80px;
  float: left;
  background-color: #3d4f58;
}

#header {
  margin: 10px auto;
  width: 845px;
  height: auto;
  clear: left;
}

#logo {
  float: left;
  width: 335px;
  height: 55px;
}

#bereiche {
  margin-top: 10px;
  padding: 0;
  float: right;
  width: 210px;
  height: 38px;
}

/* ============================================== 
          boxes
================================================= */
#main{
  font: 12px  Verdana, Arial, Helvetica, sans-serif;
  background-color:#ffffff;
  line-height=16px;
  color: #4c5962;
  margin: 0 auto;
  position: relative;
  width: 845px;
  height: 500px;
  padding: 5px;
  clear: left;
}

/* ==================================== 
          boxes-left
======================================= */
#box-left {
  color: #4c5962;
  float: left;
  background: #fff;
  width: 170px;
  height: auto;
}

#box-info {
  font-size: 11px;
  background: #ffffff;
  color: #fff;
  height: 130px;
  width: 145px;
  margin: 0 5px 0 0;
  padding: 5px 10px;
}

#box-info h1 {
  position: absolute;
  text-transform:uppercase;
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 0px;


}

#teaser-link {
  margin: 20px 0 0 0;
}



/* ==================================== 
          boxes-right
======================================= */
#box-right {
  
  float: right;
  width: 675px;
  height: 465px;

}

#box-right-text{
  margin: 30px 20px 0 20px;
  height: 295px;
}



#box-right-bilder {
  margin-bottom: 5px;
  height: 320px;
  width: 675px;
}

#box-right-text h1 {
  text-transform:uppercase;
  font-size: 160%;
  font-weight: normal;
  margin-bottom: 30px;
}

#box-right-text h2 {
  text-transform:uppercase;
  font-size: 130%;
  font-weight: normal;
  margin-bottom: 10px;
}

#box-right-text-white{ 
  margin: 30px 20px 0 20px;
  height: 295px;
  color: #000;
}

#box-right-text-white h1 {
  text-transform:uppercase;
  font-size: 160%;
  font-weight: normal;
  margin-bottom: 30px;
  color: #F26B10;
}

#spalte-links {
  width: 50%;
  float: left;
}

#spalte-rechts {
  width: 50%;
  float: right;
}

.kontakt {
  margin-bottom: 20px;
}
 
#box-right-bottom {
  position: absolute;
  bottom: 40px;
  left: 175px;
  background-color: #e1ddd2;
  height: 140px;
  width: 675px;
}

#box-right-bottom-txt {
  
  font: 11px/1.2em  Verdana, Arial, Helvetica, sans-serif;
  line-height=16px;
  color: #4c5962;
  height: 120px;
  width: 640px;
  padding-left:15px;
  padding-top:8px;
}

#box-right-galerie {
  position: absolute;
  bottom: 40px; 
  left: 175px;
  background-color: #e1ddd2;
  height: 140px;
  width: 675px;
}

/* ============================================== 
        Scroll-Bereich
================================================= */

#content-cont {
  position: relative;
  float: left;
  height: 320px;
  width: 680px;
  padding: 0px 0px 5px 0px;
  margin: 0px;
  letter-spacing: 0px;
}

#content-cont h1 {
  text-transform:uppercase;
  font-size: 160%;
  font-weight: normal;
  margin-bottom: 30px;
}

#content-cont h2 {
  text-transform:uppercase;
  font-size: 130%;
  font-weight: normal;
  margin-bottom: 10px;
}

.holder {
  float: left;
  z-index: 1;
  
  margin:-30px 0px 0px -5px;
}

.scroll-pane {
  width: 635px;
  height: 280px;
  padding: 30px 20px 10px 20px;  
  overflow: auto;
  float: left;
}

.mask {
  position: relative;
  z-index: 2;
  width: 650px;
  background: #ffffff;
}

a.jScrollArrowUp {
  background: url(/js/scrollbar/images/basic_arrow_up.gif);
  padding: 0px 1px 1px 0px;
}
a.jScrollArrowUp:hover {
  background: url(/js/scrollbar/images/basic_arrow_up.gif);
  padding: 0px 1px 1px 0px;
}
a.jScrollArrowDown {
  background: url(/js/scrollbar/images/basic_arrow_down.gif);
  padding: 0px 1px 1px 0px;
}
a.jScrollArrowDown:hover {
  background: url(/js/scrollbar/images/basic_arrow_down.gif);
  padding: 0px 1px 1px 0px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
  background-position: 0 -30px;
}

/* ============================================== 
          top-navi
================================================= */
#top-navi {
  background: #d3cec1;
  height: 290px;
  width: 155px;
  margin: 0 5px 5px 0;
  padding: 15px 5px;
  text-transform: uppercase;‚
}

#nav {
   margin: 0;
  padding:0;
   list-style-type: none;
   float: left;
   width: 135px;
}


#nav li {
   margin: 5px 0px;
   list-style-type: none;
   float: left;
   line-height: 1.2em;
   width: 135px;
}

#menue a {
  color: #4c5962;
  float: left;
  line-heighht: 1.2em;
  text-decoration: none;
  padding: 0px 0px 0px 15px;
  width: 135px;
}

#menue a:hover {
  color: #4c5962;
  text-decoration: none;
  font-weight: bold; 
}

#menueon a {
   float: left;
   width: 135px; 
  color: #4c5962;
  text-decoration: none;
  font-weight: bold;
  padding: 3px 0px 3px 15px;
}

#menueon a:hover {
  text-decoration: none;
  color: #4c5962;
}

#subnav {
  margin: 0;
  padding: 0;
  line-height: 15px;
  width: 135px;
  font-size: 11px;
}

#subnav li {
  margin: 0px 0px 3px 20px;
  list-style: none;
  width: 135px;
  line-height: 15px;
  float: left;
}

#submenue a {
  float: left;
  width: 135px;
  margin:auto; 
  /*padding: 0px 0px 0px 8px;
  margin: 0px 0px 0px 8px;*/
  text-decoration:none;
  color: #4c5962;

}

#submenue a:hover {
   color: #4c5962;
  text-decoration: none;
  font-weight: bold;
}


#submenueon a {
  float: left;
  width: 135px;
   color: #4c5962;
  font-weight: bold;
  margin:auto; 
  /*padding: 0px 0px 0px 8px;
  margin: 0px 0px 0px 8px;*/
  text-decoration:none; 
}

#submenueon a:hover {
   color: #4c5962;
  font-weight: bold;
}

/* ============================================== 
          galerie
================================================= */

#galerie-table {
  margin: 2.5px;
}

#galerie-table td {
  margin: 2.5px 3.5px;
  position: relative;
  float: left; 
  width: 220px; 
  height: 141px;   
  align: middle;
  text-align: center;
  background: #E1DDD2; 
  vertical-align: middle;
}    
   
#galerie-table a {  
  left: 0; 
  position: absolute; 
  top: 0;
  width: 220px;  
  height: 141px;
  vertical-align: middle;
}

#galerie-table img {
 display: block;
 vertical-align: middle;
}
 
#pagenr {
  margin: 0 5px;
  font: 11px/1.2em Arial, Verdana, Helvetica;
} 

.galerie-klein {
  position: relative;
  background: #e1ddd2;
  width: 155px;
  height: 110px;
}

.galerie-klein-img {
  width: 155px; 
  height: 100px;
}  

.galerie-klein-titel {
	position: absolute;
	bottom: 0;
	height: 13px;
	line-height: 13px;
	width: 151px;
  font-size: 11px;
  color: #e1ddd2;
  font-weight: bold;
  padding: 2px;
  z-index: 5;
  background: url(/js/multibox/overlaycontrols.png) repeat;
}
/* ==================================== 
          ueberblenden 
======================================= */
#head-img{
  position: relative;
  float: left;
  width: 675px;
  height: 320px;
  background-color: #000000;
  z-index: 1;
}
  
#imageContainer {
  overflow: hidden;
}

#imageContainer img {
  position: absolute;
  right: 5px;
  top: 5px;
  _right: -1px;
  display:none;
}

#imageContainer noscript img {
  display: block;
}

/* ============================================== 
          footer
================================================= */

#footer { 
  
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #999999;
  height: 34px;
  overflow: hidden;
  float: left;
  width: 680px;
  padding-top: 6px; 
  padding-left: 170px;
  line-height:14px;
  
}