/*******************************************/
/*
/*  Stylesheet fuer FVS
/*
/*  Basissstylesheet
/*
/* (c) Sunbeam Gmbh, 
/* Autor: RGS, JF
/* Date: 6 November 2006
/* Change(s): 29|30|January 2007
/* 09|February 2007
/* 18|19|April 2007
/* jf last: 10.4.12
/*
/*******************************************/

/**
* @section Allgemeines
* @info    Allgemeine Formularklassen
*/

* {
  margin: 0;
  padding: 0;
  border: none;
}

body {
  font-family: Arial, Verdana, sans-serif;
  font-size: 75%;
  background: url(../images/body_bg.gif) repeat-x left 11.8em #fff;
  color: #35404a;
}

ul { list-style: none; }
#rechts ul, #content ul, #rechts ol, #content ol { padding: 6px 6px 0; }

.invis, .hidden, hr {  display: none; }

/*SA-buttons clearer fÃ¼r startseite*/
div.but_container hr {
  display: block;
  border: none;
  color: #fff;
  height: 0pt;
  clear: both;
}

.breaker, .clear { clear: both; }

/* Links in content area */
a { background-color: transparent; }
a:link { color: #004b8c; }
a:visited { color: #004b8c; }

a:focus, a:hover, a:active {
  background-color: #dae4ee;
  color: #004b8c;
}
.textLogo  a:focus{background-color: none;}

sub {
  line-height: 0;
  font-size: .8em;
}
sup {
  font-size: .8em;
  vertical-align: super;
  line-height: 0;
}



/**
* @section Seitenlayout
* @info    generelle Seitenaufteilung
*/
#hauptwrapper {
  min-width: 65.5em;
  max-width: 95em;
  margin: 0 auto;
  display: table;
}
body.einspaltig #hauptwrapper { display: block; } /* sonst wird die seite schmaler ausgegeben */

#innerwrap {
  width: 84%;
  float: left;
  margin: 0 1%;
}

#iconleiste {
  float: left;
  width: 14%;
  margin-top: 19em;
}
#iconleiste img {
  display: block;
  margin-top: 20px;
}
#iconleiste a {
  text-decoration: none;
  border: 0 none;
}


#header {
  background: url("../images/header_claim.png") no-repeat right bottom;
  height: 9em;
  margin: 0 0 1.3em;
}
#header h1.textlogo {
  display: block;
  height: 110px;
  width: 278px;
  text-indent: -9999px;
  float: left;
  background: url(../images/logo.gif) no-repeat left bottom;
}
#header h1.textlogo a {
  display: block;
  height: 100%;
  width: 100%;
}
#header h1.textlogo a:hover, #header h1.textlogo a:focus { 
  background: inherit;
  background: rgba(255, 255, 255, 0.75); 
}

#header p { text-indent: -9999px; }
#header ul#language li.lang {padding-right:10px;}
#header ul#language li.lang img {float:right;margin-left:5px;}
#header ul#language li a {line-height:24px;display:inline-block;text-decoration:none;}
/* Breadcrumb */
#breadcrumb {
  margin: 1em 0;
  clear: both;
  color: #999;
}
#breadcrumb:hover, #breadcrumb:focus { color: #35404a; }

#breadcrumb p { padding: 7px 0; }

/* Breadcrumb wegen IE 7 Aufteilung - Startseite und Subseiten in die jeweiligen CSS geschrieben */ 

#links {
  float: left;
  width: 17%;
  color: #000;
}
* html #links  {
  z-index: 2; /* pd iconliste dahinter => verursacht bei id=23,24 Menue-Ausblendung - Hack dazu */
}

#rechts {
  float: right;
  width: 24%;
  z-index: 1; /* pd iconliste dahinter */
}

#content {
  margin: -20px 1% 0 2%; /* margin nach oben bei ueberschriften ausgleichen , weil sonst farbige kaesten nach unten gedrueckt */
  float: left;
  width: 56%;  
}
.einspaltig #content { width: 80.5%; margin-right: 0; float: right; }

#footer {
  height: 30px;
  margin: 4em 0 0;
  background: #ffc60a;
  clear: both;
}

/**
* @section Inhaltselemente
* @info    Formatierung von Inhaltselementen
*/


/**
* @section Styles fuer alle Bereiche 
*/
#content p, #rechts p {
  line-height: 1.55em;
  padding: 6px 6px 0; /* padding top als abstand und nicht margin-bottom da sonst mit farbbalken abstand doppelt */
}

/* Gelber Listenpunkt fuer alle Listen */
#content ul li, #rechts li {
  background: url(../images/dot_gelb.gif) no-repeat 0px 4px;
  padding-left: 20px;
  line-height: 1.6em;
  /* overflow:auto; jf - 140312 - verursacht scrollbalken im IE */
}
div#content div.puplikation div.headwrap div.head-description ul li {
  background: url(../images/dot_gelb.gif) no-repeat 0px 4px !important;
  padding-left: 20px !important;
  line-height: 1.6em !important;
}
div#content div.puplikation div.headwrap div.head-description ul li a {
padding-left: 0;
background: none !important;
}

#content table, #rechts table { margin-top: 1em; }
.tx-thmailformplus-pi1 { padding: 6px 6px 0; }


/**
* @section Contentbereich (mittlere Spalte) 
*/
#content h2 {
  padding: .3em 6px;
  font-size: 1.334em; /* 133.4% */
  background-color: #DAE4EE;
  color: #004b8c;
  font-weight: normal;
  font-weight: bold;
  margin-top: 20px;
}
#content .yellowheading h3, #content .yellowheading h2 {
  background-color: #FFC60A;
  padding: 0.45em 6px;
}
#content .greyheading h3, #content .greyheading h2 {
  background-color: #ccc;
}

#content h3 {
  padding: 1em 6px 0;
  font-size: 115%;
  color: #004b8c;
}
#content h4 {
  padding: 10px 0 0px 5px; /* pd, 2007 */
  font-size: 100%;
  background-color: #fff;
  color: #004b8c;
}
#content ol { margin: 10px 0px 10px 24px; }


/**
* @section Teaserbereich (rechte Spalte) 
*/
#rechts p { margin-bottom: 1em; }

#rechts h3 {
  padding: .55em .4em;
  font-size: 108%;
  background-color: #DAE4EE;
  color: #004b8c;
}

#rechts h4 {
  padding: 10px 0 0;
  font-size: 100%;
}

/* Bilder ausrichten 
div.csc-textpic, 
div.csc-textpic-intext-left,
div.csc-textpic-intext-right,
div.csc-textpic-intext-left-nowrap,
div.csc-textpic-intext-right-nowrap*/
.csc-default {
  /* jf - 140310 - nach update auskommentiert da scrollbalken in presseliste */
   /* overflow: auto; overflow: visible Firefox und Netscape kontraer */
}

div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
  clear:none;
  float:left;
}

/* bildunterschrift */
.csc-textpic-caption {
  color: #999;
  padding: .5em 0 0 0;
}

/* Website - Pressebereich, Presseinformationen */
/* DAM-Downloads - Presseinfos mit Datum/width */

table.pm td { vertical-align: top; }
table.pm td img {
  float: left;
  margin-top: -2px;
}

table.pm td.date, table.pm td.filesize {
  width: 10em;
  white-space: nowrap;
}


/* PM las DAM-PDF auf Startseite in Marginalie */
#rechts .tx-damdownloads-pi1 ul li img { vertical-align: bottom; }


/**
* @LOGINS
*/
.loginBoxline { margin: 5px }

#content .tx-newloginbox-pi1 .hrlogin {
  height: 5px;
  line-height: 5px;
  border-bottom: 1px dotted #a2c6e8;
  margin: 5px 0 10px 5px;
}

address  {
  font-style: normal;
  margin: 0.5em;
}


/* listen mit gelben rahmen */
#content .csc-textpic-intext-left-nowrap {
  float: left;
  width: 86%;
  width: 99.7%;
  margin-top: .5em;
  padding: 0;
  /* border: 1px solid #e6e6e6; */
  background: #F5F8FA;
}

#content .csc-textpic-intext-left-nowrap h3 { padding-top: .5em; }

#content .csc-textpic-intext-left-nowrap img { margin: .7em 0 0 .5em; }

*+html #content .csc-textpic-intext-left-nowrap img {
  margin-top:3.4em;
  padding-left:5px;
}


/******************************** PARTNERLOGOS ********************************/
.partner_01, .partner_02, .partner_03, .partner_04, .partner_05, .partner_06,
.partner_07, .partner_08, .partner_09, .partner_10, .partner_11, .partner_12 {
  display: block;
  height: 50px;
  width: 150px;
}

.partner_00 {
  display: block;
  height: 41px;
  width: 50px;
  margin-left:5px;
}

.partner_00 { background: url(../images/DBFZ-Logo_Internet_hover-50.png ) no-repeat 0 -42px; }
.partner_00:hover, .partner_00:focus { background-position: 0 0; background-color:transparent; }

.partner_01 { background: url(../images/partnerlogos.png) no-repeat 0 0; }
.partner_01:hover, .partner_01:focus { background-position: -150px 0; }

.partner_02 { background: url(../images/partnerlogos.png) no-repeat 0 -50px; }
.partner_02:hover, .partner_02:focus { background-position: -150px -50px; }

.partner_03 { background: url(../images/partnerlogos.png) no-repeat 0 -100px; }
.partner_03:hover, .partner_03:focus { background-position: -150px -100px; }

.partner_04 { background: url(../images/partnerlogos.png) no-repeat 0 -150px; }
.partner_04:hover, .partner_04:focus { background-position: -150px -150px; }

.partner_05 { background: url(../images/partnerlogos.png) no-repeat 0 -200px; }
.partner_05:hover, .partner_05:focus { background-position: -150px -200px; }

.partner_06 { background: url(../images/partnerlogos.png) no-repeat 0 -250px; }
.partner_06:hover, .partner_06:focus { background-position: -150px -250px; }

.partner_07 { background: url(../images/partnerlogos.png) no-repeat 0 -300px; }
.partner_07:hover, .partner_07:focus { background-position: -150px -300px; }

.partner_08 { background: url(../images/partnerlogos.png) no-repeat 0 -350px; }
.partner_08:hover, .partner_08:focus { background-position: -150px -350px; }

.partner_09 { background: url(../images/partnerlogos.png) no-repeat 0 -400px; }
.partner_09:hover, .partner_09:focus { background-position: -150px -400px; }

.partner_10 { background: url(../images/partnerlogos.png) no-repeat 0 -450px; }
.partner_10:hover, .partner_10:focus { background-position: -150px -450px; }

.partner_11 { background: url(../images/partnerlogos.png) no-repeat 0 -500px; }
.partner_11:hover, .partner_11:focus { background-position: -150px -500px; }

.partner_12 { background: url(../images/partnerlogos.png) no-repeat 0 -550px; }
.partner_12:hover, .partner_12:focus { background-position: -150px -550px; background-color: #fff; }


/********************** DAM DOWNLOADS **********************/
.tx-damdownloads-pi1 {
  margin-left: 6px;
  line-height: 1.55em;
}

.tx-damdownloads-pi1 .filesize strong { font-weight: normal; }
.tx-damdownloads-pi1 .pr_month { color: #000; }

div.but_container { margin: 2em 0; overflow: hidden; }
*html div.but_container { max-height: 90px; }

ul.buttons {
  display: inline;
  list-style-type: none;
}
ul.buttons li {
  padding: 0!important;
  float:left;
  height: 57px;
  width: 14em;
  margin: 0 .3em 2em 0;
}
.but_container strong { font-weight: normal; }


div.but_container hr {
  height: 0;
  color: #000;
  border: 1px solid #000;
  clear: both;
  margin: 0;
  padding: 0;
  display: inline;
}

li.pv a, li.pv a:hover, 
li.stk a, li.stk a:hover, 
li.bio a, li.bio a:hover, 
li.brenn a, li.brenn a:hover, 
li.wind a, li.wind a:hover, 
li.kraft a, li.kraft a:hover, 
li.bauen a, li.bauen a:hover, 
li.geo a, li.geo a:hover, 
li.tech a, li.tech a:hover {
  display: block;
  height: 100%;
  cursor: pointer;
  padding: 0 0 0 66px;
}
li.pv a { background: url(../images/icon_pv.gif) 0 0 no-repeat; }
li.pv a:hover { background-position: 0px -57px; }
li.stk a { background: url(../images/icon_stk.gif) 0 0 no-repeat; }
li.stk a:hover { background-position: 0 -57px; }
li.bio a { background: url(../images/icon_bio.gif) 0 0 no-repeat; }
li.bio a:hover { background-position: 0 -57px; }
li.brenn a { background: url(../images/icon_brenn.gif) 0 0 no-repeat; }
li.brenn a:hover { background-position: 0 -57px; }
li.wind a { background: url(../images/icon_wind.gif) 0 0 no-repeat; }
li.wind a:hover { background-position: 0 -57px; }
li.kraft a { background: url(../images/icon_kraft.gif) 0 0 no-repeat; }
li.kraft a:hover { background-position: 0 -57px; }
li.bauen a { background: url(../images/icon_bauen.gif) 0 0 no-repeat; }
li.bauen a:hover { background-position: 0 -57px; }
li.geo a { background: url(../images/icon_geo.gif) 0 0 no-repeat; }
li.geo a:hover { background-position: 0 -57px; }
li.tech a { background: url(../images/icon_tech.gif) 0 0 no-repeat; }
li.tech a:hover { background-position: 0 -57px; }

div.but_container hr {
  height: 0!important;
  color: #ffffff!important;
  border: 0px solid #fff!important;
  clear:both;
}


/************************************ NEWS ************************************/
/* pressemitteilungen als news */
.news-list-item {
  border-top: 1px solid #E6E6E6;
  line-height: 1.55em;
  margin: 1em 0 0;
  padding: 1em 0 1em 12em;
}
.news-list-item .news-list-date {  color: #000; }

/* einschieben wegen padding text ohne wrap */
.news-list-container .news-list-item h4,
.news-list-item .imagewrap {
  margin-left: -12em;
}

.news-list-item img {  margin: .3em .25em -.25em 0; }
.news-list-item .imagewrap img {
  float: left;
  margin-left: .5em;
}

.news-list-item p {  padding-left: 0 !important; color: #666; }
.news-list-item p.filelink {
  /*margin-left: 0;
  clear: both;*/
  /* margin-left: 130px; */
}
.news-list-item p.filelink img { display: none; }