html {height: 101%; background-color: #282828;}

body
{
  margin: 0;
  padding: 0;
  background: url(../gfx/bg.jpg);
  color: #424242;
  font: 10pt "Trebuchet MS",sans-serif;
  line-height: 1.6;
}

h1
{
  font-size: 18pt;
  font-weight: normal;
  line-height: 1.2;
  color:#CB0101;
  margin: 0;
}
h2
{
  font-size: 12pt;
  font-weight: bold;
  line-height: 1.2;
  margin: 30px 0 0;
}
p
{
  margin: 8px 0;
}



table
{
  border-collapse:collapse;
  border-spacing:0px;
}
tr
{
}
tr:nth-child(2n-1)>*
{
  background-color:#FFFFFF;
}
th
{
  text-align:left;
  border-bottom:1px solid #D0D0D0;
  padding-left:5px;
  color:#A71F1E;
}

td
{
  border-bottom:1px solid #D0D0D0;
  padding-left:5px;
  margin-right:20px;
}
td:nth-child(2)
{
  border-right:40px solid #F1F1F1;
}



.pagewidth
{
  width:860px;
  margin: 0 auto;
}

.headline
{
  border-bottom: solid 1px #4C4C4B;
  height: 23px;
  background: #2C2C2C;
}
#metaNavi
{
  position:absolute;
  left: 50%;
  margin: 0 0 0 350px;
  padding:0;
  height: 33px;
  list-style: none;
}

#title
{
  position:absolute;
  left: 50%;
  margin-left: -432px
}

#metaNavi li
{
  margin: 0 5px;
  float:left;
}
#metaNavi a
{
 color: #8F8F8F;
 text-decoration: none;
}


#header
{
  margin-top: 66px;
}


.headerImg
{
  height: 269px;
  width: 604px;
  float:left;
  background: url(../gfx/header_img1.jpg);
}

.js .headerImg {background: url(../gfx/header_img.png);}

.headerImg img
{
  display:none;
}
.headerImg img.default
{
  display:block
}


.logo{ float:right;}


#pageBody
{
  background: url(../gfx/navi_feather.png) no-repeat left bottom #E2E2E2;
}

#navi
{
  position:relative;
  width: 197px;
  margin-left: -257px;
  float: left;
}

#navi ul
{
  margin:0 0 10px;
  padding:0;
  list-style: none;
}

#navi li a
{
  display:block;
  padding: 1px 0 1px 30px;
  color: #4F4F4F;
  font-size: 13pt;
  text-decoration: none;
}
#navi li a:hover, 
#navi .current a
{
  color: #CA0000;
  background: #F1F1F1;
}
/* Menü Unterpunkte */
#navi ul ul
{
  margin:0;
}
#navi ul ul a, #navi ul .current ul a
{  
  padding:3px 0 3px 45px;
  font-size:10pt;
  font-weight:bold;
  color:#4F4F4F;
}
#navi a:hover, #navi .current a:hover, #navi .current .current a
{
  color: #CA0000;
}


#wrapper
{
  min-height: 100px;
  padding: 1px 60px 40px;
  margin-left: 197px;
  background: url(../gfx/content_feather.png) no-repeat #F1F1F1;
}

#wrapper .image
{
  background: #FFFFFF;
  padding:10px;
  font-size: 8pt;
}
#wrapper .image img
{
  display:block
}
.image p
{
  color: #BD0000;
  margin:5px 0 0;
}

#footer
{
  position:relative;
  background: #CB0101;
  font-size: 8pt;
  color:#CA7F7F
}
#footer span
{
  width: 157px;
  padding: 1px 20px;
  display:block;
  background: #9D0000;
}
#footer .feather
{
  position:absolute;
  bottom: 0;
  left: -63px;
  height:93px;
  width:63px;
  background: url(../gfx/bg_feather.png) no-repeat;
}


.footline
{
  height: 147px;
  margin-top: 43px;
  padding-top: 20px;
  background: url(../gfx/footer_bg.jpg) repeat-x #282828;
}

.footline h2
{
  color: #DCDCDC;
  font-weight:normal;
  font-size: 13.5pt;
  margin: 10px 0;
}
.footline .navi
{
  float:left;
  margin-left: 127px;
  padding-left: 70px;
  height: 147px;
  background: url(../gfx/footer_feather_red.png) no-repeat;
}
.footline .navi ul
{
  float:left;
  list-style: none;
  margin:10px 0 0;
  padding:0;
  line-height: 1.3;
}
.footline .navi .first
{
  margin-right: 50px;
}
.footline .navi a
{
  font-size: 8pt;
  text-decoration:none;
}
.footline a
{
  color: #878787;
}


.footline .contact
{
  float:right;
  padding-left: 60px;
  width: 346px;
  height: 147px;
  background: url(../gfx/footer_feather_grey.png) no-repeat left bottom;
}
.footline .contact img
{
  float:left;
  margin: 10px 20px 0 0;
  border: solid 2px #4F4F4F;
}
.footline .contact p
{
  margin-top: 20px;
  color: #878787;
  font-size:10pt;
  font-weight: bold;
  line-height: 1.3
}


/* ---------- clear fix ---------- */
  .clearfix:after
  {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
  }
  .clearfix
  {
    display: inline-block;
  }
  /* Hides from IE-mac \*/
  * html .clearfix
  {
    height: 1%;
  }
  .clearfix
  {
    display: block;
  }
  /* End hide from IE-mac */
/* ------clear fix ende------ */

.textpic {margin-bottom: 20px;}
.noMargin .textpic {margin-bottom: 0px;}

.csc-textpic-imagerow,
.image {margin-bottom: 10px;}
.textpic-inText-left-nowrap .imageWrap,
.textpic-inText-left .imageWrap {float: left; margin-right: 10px;}

.textpic-inText-left .noWidth {padding-right: 20px;}

.textpic-inText-right-nowrap .imageWrap,
.textpic-inText-right .imageWrap {float: right; margin-left: 10px;}


.imageCol .image {margin-right: 5px;}
.textpic-inText-right-nowrap .imageCol .image {margin-right: 0px; margin-left: 0px;}


.textpic-center .imageWrap {margin: 0 auto;}

.textpic-right .imageWrap,
.textpic-right-bottom .imageWrap {float: right;}
.clearBoth {clear:both;}

.imageCol .image {float: left;}


.csc-textpic-imagerow,
.textpic-top .csc-textpic-text,
.textpic-right .csc-textpic-text,
.textpic-left .csc-textpic-text { clear:both;}
.csc-textpic-imagerow .image {margin: 0 auto; float: none;}

.textpic-inText-left-nowrap .slideshow,
.textpic-inText-left .slideshow  { margin-right: 20px;}

.textpic-inText-right-nowrap .slideshow,
.textpic-inText-right .slideshow { margin-left: 20px;}