html {overflow-y: scroll;}
html,body {
  margin:0px;
  padding:0px;
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  font-size:12px;
  color:black;
  background: #fff;
  
  height:auto;
  min-height: 970px !important;
}

 a img 
 {
   border:none;
 }
a 
{
  text-decoration:none;  
}
#pagemargins 
{
  max-width:1100px;
  padding:0px;
  min-height: 970px;
  height: auto !important;
  margin: 0 auto -63px auto;
  background-repeat:no-repeat ;
  background-position: center 180px;
}

.push 
{
  height:83px;
}
#page 
{
  width:980px;
  margin: 0 auto;
  height: 100%;
}

.headertable 
{
  width:980px;
  border-collapse:collapse;
}

.headertable .ht_top .t_left 
{
  width:769px;
}

.headertable .ht_top .t_right 
{
    width:211px;
    text-align:center;
}

.headertable .ht_bottom .t_left 
{
  height:40px;
  background:url('gfx/header_bottom_bg.gif') repeat-x;
  vertical-align:top;
}

#main 
{
  margin-top:15px;
}

#contentcols 
{
  margin-top:20px;
  overflow:hidden;
  position:relative;
}

#col-right 
{
  width:200px;
  float:right;
}

#col-main 
{
  margin-right:211px;
  position:relative;
  overflow:hidden;
}

#col-main-content 
{
  background:url('gfx/main_content_bg.png');
  padding:10px;
  overflow:hidden;
}

#col-main-content a {
   color:black;
   border-bottom:1px dotted black;
}

#col-main-content .hpteaser a {
   color:black;
   border-bottom:0;
}

#col-main-content ul li a {
  border-bottom:0;
  text-decoration:underline;
}

.csc-firstHeader 
{
  margin:0px;
  margin-top:-10px;
  margin-left:-10px;
  margin-right:-10px;
  padding:0px;
  line-height: 24px;
  font-size: 12px;
  font-weight:normal;
  color: #fff;
  background-color: #333;
  padding:0px 3px 0px 40px;
}



#footer 
{
  height:63px;
  background:url('gfx/footer_bg.png') no-repeat;
  margin-left:auto;
  margin-right:auto;
  width:980px;
}

#footer-content 
{
    padding:12px;
}

.footer-row1 
{
   text-align:right;
}

.footer-row2
{
    text-align:right;
}

#gnav , #gnav a
{
    font-size:11px;
    color:#868686;
}

.teaser , .gallery-teaser
{
  background-color: #757576;
  padding-bottom:6px;
  margin-bottom:7px;
}

.teasertitle , .gallery-teasertitle
{
  color:White;
  text-align:center;
  line-height:24px;
  background:#333;
  font-size: 12px;
}
.teaserimage , .gallery-teaserimage
{
  padding-top:8px;
  text-align:center;
}    


 .gallery-teaserimage 
 {
     cursor:pointer;
 }



#nav-lvl1 
{
  text-align:right;
  padding-right:12px;

}

.nav-lvl1-table 
{
    width:100%;
}

#nav-lvl1 a
{
  text-transform:uppercase;
  color:#c5c5c5;
  padding-left:3px;
  padding-right:3px;
}



#nav-lvl1 a:hover 
{
  background-color:#990000;
}

.nav-lvl2 
{
    text-align:right;
    display:none;
    background:#990000;
    padding:3px;
    margin-right:0px;
    margin-left:auto;
    position:absolute;
    
}

.nav-lvl2 a 
{
    color:#8f8d8d;
    padding-left:3px;
  padding-right:3px;
  
}

.nav-lvl2 a:hover 
{
    color:#fefefe;
}


.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

.hpteaser-holder 
{
    margin-bottom:12px;
    
}

.hpteaser 
{
  width:241px;
  float:left;
  margin-right:13px;
}

.hpteaser-last
{

  margin-right:0px;
}

.hpteaser-head 
{
    background: #333;
    text-align:center;
    color:#fff;
    border-top-right-radius:5px;
    border-top-left-radius:5px;
    padding:4px 0px;
}

.hpteaser-keyword 
{
    color:#333;
    font-size:18px;
    margin-bottom:6px;
    font-weight:bold;
}

.hpteaser img 
{
    display:block;
}
.hpteaser-body 
{
    background:#fff;
    padding:10px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}

.hpteaser-link 
{
    display:block;
    text-align:right;
    color:#000;
}

#bildlauf 
{
  height:218px;
  background:url('gfx/bildlauf_bg.jpg') no-repeat;
}

table.scrollableholder 
{
  margin-top:5px;
}
table.scrollableholder td.pbl 
{
  text-align:center;
  width: 154px;
}

table.scrollableholder td.nbl 
{
  text-align:center;
  width: 154px;
}

#bildlauf a.prev 
{
  cursor:pointer;
}


#bildlauf a.next {
  cursor:pointer;
}


/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
*/
.scrollable {

  /* required settings */
  position:relative;
  overflow:hidden;
  width: 477px;
  height:207px;
  
}

/*
  root element for scrollable items. Must be absolutely positioned
  and it should have a extremely large width to accommodate scrollable items.
  it's enough that you set width and height for the root element and
  not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}

/*
  a single item. must be floated in horizontal scrolling.
  typically, this element is the one that *you* will style
  the most.
*/
.items div {
  float:left;
}

.mbgimg 
{
    display:none;
}