@charset "UTF-8";
/* CrossTeaser-Import wenn nötig */
@import url(cross.css);

/* Import der CrossTeaser, falls benötigt *********************************** */
/* ************************************************************************** */
/**
* Stylesheet für RWE AG-Relaunch
*
* Standard-Stylesheet
*
* @author GETIT GmbH
* @link   http://www.getit.de/
*/

/* Vorbereitung ************************************************************* */
* {
  margin: 0;
  padding: 0;

}
body {
  position: relative;
  color: #646567;
  background-color: #a6cae1;
  font-size: 100.01%;
  font-size: 0.75em;
  line-height: 15px;
  font-family: Tahoma, Arial, sans-serif;
}
/* erweitert 14.02.2011 BBS**************************************************** */
.formbody
{
	padding-right: 20px;
	padding-left: 20px;
	font-size: 0.75em;
	background: url(white.jpg) #ffffff 0px 0px;
	left: 20px;
	padding-bottom: 168px;
	color: #58585a;
	line-height: 1.25em;
	padding-top: 20px;
	font-family: Tahoma, Arial, sans-serif;
	position: absolute;
	top: 20px;
}
/* ************************************************************************** */

/* Höhe des Hintergrundverlaufs per ID setzen ******************************* */
body.bg01 {
  background: #a6cae1 url(/CLP/images/bg/bg-84.gif) repeat-x scroll 0 0;
}
body.bg02 {
  background: #a6cae1 url(/CLP/images/bg/bg-108.gif) repeat-x scroll 0 0;
}
body.bg03 {
  background: #a6cae1 url(/CLP/images/bg/bg-144.gif) repeat-x scroll 0 0;
}
body.bg04 {
  background: #a6cae1 url(/CLP/images/bg/bg-192.gif) repeat-x scroll 0 0;
}
body.bg05 {
  background: #a6cae1 url(/CLP/images/bg/bg-264.gif) repeat-x scroll 0 0;
}
/* ************************************************************************** */

/* Layout ******************************************************************* */
#top {
  width: 984px;
  margin: 0 auto;
}
#header {
  position: relative;
  padding-top: 36px; 
}
#main {
  background: white none repeat scroll 0 0;
  position: relative;
  height: 1%;
}
#teaserContainer {
  position: relative;
  height: 144px;
  background: transparent url(/CLP/images/bg/main-bg.png) repeat-x scroll 0 0;
  z-index: 2;
}

.sixteaser #teaserContainer {
  position: relative;
  height: 144px;
  background: transparent url(/CLP/images/bg/6-bg.png) repeat-x scroll 0 0;
  z-index: 2;
}
.noteaser #teaserContainer {
  height: 1%;
}
#footer {
  clear: both;
  background-color: #cce1ee;
  height: 20px;
  padding-top: 2px;
}
#flashHeader {
  position: absolute;
  top: 0;
  width: 984px;
  height: 537px;
  z-index: 50;
  display: none;
}
#flashContainerFull{
  top: 26px;
  position: absolute;
}
*+html #flashHeader {
 top: 36px;
}
/* ************************************************************************** */

/* Höhen für Hintergrundgrafiken Header-Bereich ***************************** */

/* Die Höhe des Bühne wird nun automatisch durch das Keyvisual bestimmt. Falls 
   kein Keyvisual vorhanden ist, muss statt des Keyvisual-Bildes ein 
	 div#noKeyvisual vergeben werden, damit der Content nicht ganz nach oben über 
	 die Primärnavigation rutscht. ****** */
	 
#noKeyvisual {
	height: 132px;
}  

/* Flash-Overlays */
#master #fullscreenFlash {
  width: 984px; 
  height: 496px;  
  position: absolute; 
  z-index: 400; 
  top: -340px;
}

/* Head-Elemente - FastSearch *********************************************** */
#header #fastSearch {
  position: absolute;
  background-color: White;
  width: 240px;
  height: 36px;
  right: 0;
  color: #2e82b9;
}
#header #fastSearch form {
  position: relative;
  padding-left: 19px;
  padding: 0;
}
#header #fastSearch input.text {
  position: absolute;
  top: 10px;
  left: 72px;
  width: 140px;
  height: 16px;
  border: 1px solid #2e82b9;
  padding: 0;
}
#header #fastSearch input.submit {
  position: absolute;
  top: 10px;
  left: 219px;
  background: transparent url(/CLP/images/icons/arrowblue.gif) no-repeat scroll 5px 5px;
  border: none;
  cursor: pointer;
  width: 20px;
}
/* Fastsearch bei Invest in Blau */
#invest #header #fastSearch {
  background-color: #0067aa;
  color: White;
}
#invest #header #fastSearch input.submit {
  background: transparent url(/CLP/images/icons/arrowwhite.gif) no-repeat scroll 5px 5px;
}

/* Für Headerbilder, die in die Navigation hereinragen und somit 36px weiter 
	 oben (direkt am Rand) anfangen */
#header .fullheight {
  margin-top: -36px;
}

/* Für die Gesellschaften-Suche unter der FastSearch */
.chooseBusiness {
  position: absolute;
  background: transparent url(/CLP/images/bg/choose-business.png) no-repeat scroll 0 0;
  width: 240px;
  height: 72px;
  top: 144px;
  right: 0;
  font-size: 0.92em;
}
.chooseBusiness h2 {
  color: #fff;
  margin-bottom: 1px;
}
.chooseBusiness .inner {
  padding: 13px 5px 10px 18px;
}
.chooseBusiness ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.chooseBusiness ul li {
  background-color: White;
  margin: 0;
  padding-left: 10px;
  position: relative;
}
.chooseBusiness ul li a {
  display: block;
  color: #0067aa;
  background: transparent url(/CLP/images/icons/arrowbluedown.gif) no-repeat scroll 180px 8px;
  height: 19px;
  padding-bottom: 0;
  padding-top: 0;
}
.chooseBusiness #rweGroup {
  position: absolute;
  top:18px;
  left: 0;
  width: 217px;
  border: 0 none;
}

/* Gesellschaften-Box */
.chooseBusiness #rweGroup li {
  float: left;
  width: 122px;
}
.chooseBusiness ul ul li a {
  background-image: none;
  display: block;
}
.chooseBusiness ul ul li a:hover {
  text-decoration: underline;
}
.chooseBusiness ul #rweGroup li.left {
  width: 79px;
  padding-left: 0;
}
/* ************************************************************************** */

/* Dynamischer Abstand von oben je nach Body-ID (Höhe des Hintergrund-Verlaufs)
	 BG-Farbverlauf(oben) - topNav-Höhe - fastSearchhöhe */
.bg01 #header #fastSearch {
  top: 48px;
}
.bg02 #header #fastSearch {
  top: 72px;
}
.bg03 #header #fastSearch {
  top: 108px; 
}
.bg04 #header #fastSearch {
  top: 156px;
}
.bg05 #header #fastSearch {
  top: 226px;
}
#startpageNavi {
	position: absolute;
	right:0;
	top:192px;
	width:240px;
	overflow: hidden;
}
#startpageNavi .inner {
	background: transparent url(/CLP/images/addons/startnavi.png) no-repeat scroll 0 0;
	padding: 8px 0 16px 16px;
	height: 158px;
}
#startpage #header #fastSearch {
	top: 156px;
}
#startpageNavi ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#startpageNavi ul li {
	margin-left: 0;
	padding-left: 10px;
	height: 1%;
	background: transparent url(/CLP/images/icons/arrowwhite.gif) no-repeat scroll 0 8px;
}
#startpageNavi ul li a {
	border-bottom: 1px dotted #fff;
	display: block;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.1em;
	line-height: 1.7em;
}
#startpageNavi ul li.last a {
  border-bottom: 0 none;
}
#startpageNavi ul li a:hover {
	text-decoration: underline;
}
  
/*
#startpage #tagCloud {
	top: 192px;
}
#startpage #tagCloud #tagCloudInner {
	
}
*/
/* ************************************************************************** */

/*  Höhe der TagCloud je nach BG-Höhe */
.bg01 #teaserNav, .bg01 #tagCloud {
  top: 84px;
}
.bg02 #teaserNav, .bg02 #tagCloud {
  top: 108px;
}
.bg03 #teaserNav, .bg03 #tagCloud {
  top: 144px;
}
.bg04 #teaserNav, .bg04 #tagCloud {
  top: 192px;
}
.bg05 #teaserNav, .bg05 #tagCloud {
  top: 262px;
}
/* ab hier eingefügt 23-10-2009 BBS */
/* Link-Typen *************************************************************** */
a.more {
	background: transparent url(/CLP/images/icons/arrow.gif) no-repeat scroll 0 5px;
	padding-left: 14px;
}
/* Linkgrafik bei kleinen Schriften */
#sidebar a.more {
	background-position: 0 4px;
}
/* bis hier eingefügt 23-10-2009 BBS */
/* ************************************************************************** */
/* Flyout-Teaser */
.teaserFlyout {
	list-style: none; 
}
.teaserFlyout li {
	border-bottom: 1px dotted #E5E5E3;
	padding-bottom: 12px;
	margin-bottom: 12px;
	width: 100%; /* fix für ie6 und ie7 */
}
.teaserFlyout li.last {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 3px;
}
.flyout .teaserFlyout p {
	margin-bottom: 0;
}
.flyout .teaserFlyout img {
	float: right;
	margin-left: 5px;
}
.flyout .teaserFlyout .image img, .flyout .teaserFlyout .image a {
	margin: 0;
}
.flyout h3 {
	margin-bottom: 6px;
}
/* ************************************************************************** */

/* Listen ******************************************************************* */
/* TopNavigation ************* */
#topNav {
  position: absolute;
  left: 0;
  top: 0;
  width: 984px;
}
#primNav, #serviceNav {
  margin: 0;
  list-style-type: none;
  height: 31px;
}
#primNav li, #serviceNav li {
  margin-left: 0;
  float: left;
}
#primNav li a, #serviceNav li a {
  text-align: center;
  display: inline-block;
  color: #1f79b4;
  padding: 5px 14px 0 14px;
  height: 25px;
}
#serviceNav li a {
  display: block;
  padding: 0 7px 3px 10px;
  margin-top: 10px;
  margin-right: 3px;
}

#primNav {
  float: left;
}
#serviceNav {
  float: right;
  text-transform: uppercase;
  padding-right: 2px;
}
#serviceNav li {
  height: 31px;
}
#serviceNav li a {
  height: 13px;
  padding-right: 0;
  margin-right: 0;
  margin-left: 10px;
}
#serviceNav li.first a {
  background: transparent url(/CLP/images/nav/rwe-ueberblick.gif) no-repeat scroll 0 -16px;
  border-left: none;
  width: 114px;
  margin-left: 0;
  padding-left: 0;
  margin-right: 0;
}
#serviceNav li.lang a {
  background: transparent url(/CLP/images/nav/english.gif) no-repeat scroll 0 -16px;
  border-left: none;
  width: 56px;
  margin-left: 12px;
  padding-left: 0;
}
/* Englische Sprache */
.en #serviceNav li.first a {
  background-image: url(/CLP/images/nav/rwe-ataglance.gif);
}
.en #serviceNav li.lang a {
  background-image: url(/CLP/images/nav/deutsch.gif);  
}

#serviceNav li a:hover {
  background-position: 0 0;
}
/* ************************************************************************** */

/* Allgemeingültig für FunctionBar, Footer und Ariadne ********************** */
#footer ul, #ariadne ul, #functionBar ul {
  list-style-type: none;
  margin-top: 14px;
  margin-bottom: 0;
}
#functionBar ul li, #footer ul li, #ariadne ul li {
  display: inline;
  margin-left: 5px;
}

#functionBar ul li a, #footer ul li a, #ariadne ul li a, #ariadne ul li span.active {
  color: #408dbf;
  font-size: 0.92em;
  padding-left: 13px;
  text-decoration: none;
}
#footer .floatLeft li {
  margin-left: 16px;
}

/* functionBar ************************************************************** */
#functionBar {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: 0;
  margin-top: -26px;
  z-index: 10;
}
#functionBar ul {
  margin-top: 0;
  margin-left: 0;
}
#functionBar ul li {
  margin-left: 24px;
}
#functionBar ul li.first {
  margin-left: 35px;
}
#functionBar ul li a {
  background: transparent url(/CLP/images/icons/print.gif) no-repeat scroll 0 0;
  padding-left: 17px;
}
#functionBar ul li.top a {
  background: transparent url(/CLP/images/icons/arrowblueup.gif) no-repeat scroll 0 0;
}
#functionBar ul li.back a {
  background: transparent url(/CLP/images/icons/arrowblueback.gif) no-repeat scroll 0 0;
}

/* Footer ******************************************************************* */
#footer ul {
  text-align: right;
  margin: 0 10px 0 0;
}
#footer ul li {
  margin-left: 22px;
}
#footer ul li a {
  color: #4792c2;
  padding-left: 12px;
  background: transparent url(/CLP/images/icons/arrowbluesmall.gif) no-repeat scroll 0 4px;
}

/* Ariadne ****************************************************************** */
#ariadne {
  clear: left;
  padding: 0;
  margin: 0 0 15px 0;
}

/* IE7-Workaround *********************************************************** */

*+#ariadne {
  margin-top: 20px;
}

#ariadne ul {
  margin-top: 0;
  margin-left: 16px;
  padding-top: 2px;
}
#ariadne ul li {
  margin-left: 0;
}

#ariadne ul li span.active {
  color: #58585a;
}
#ariadne ul li a, #ariadne ul li span.active {
  background: transparent url(/CLP/images/icons/arrowbluenarrow.gif) no-repeat scroll 0 3px;
}
#ariadne ul li span.active {
  padding-left: 10px;
}
#ariadne ul li a.first {
  background: transparent url(/CLP/images/icons/arrowblue.gif) no-repeat scroll 0 3px;
}

/* Linkliste allgemein ****************************************************** */
.linkliste {
  list-style-type: none;
  margin: 0;
}
.linkliste li {
  background: transparent url(/CLP/images/icons/pinkarrow.gif) no-repeat scroll 0 6px;
  margin-left: 0;
  padding: 0 0 2px 11px;
  margin-bottom: 1px;
}
.linkliste li a {
  color: #408DBF;
  line-height: 15px;
  padding-left: 0;
}
/* flyout braucht ein padding nach rechts */
.flyout .linkliste li {

}
.flyout .linkliste li a {
  padding-right: 10px;
}
/* Startseiten haben einen orangenen Pfeil in den Linklisten im Inhalt */
#startpage .contentTeaser .linkliste li {
  background: transparent url(/CLP/images/icons/arroworange.gif) no-repeat scroll 0 6px;
  margin-bottom: 12px;	
}

/* Teaser-Listen ************************************************************ */
.teaser .linkliste li {
  line-height: 15px;
  margin-bottom: 3px;
}

/* Besonderheiten Navigations-Linkliste, rechter Teaser */
.teaser.menu .linkliste li {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  background: transparent url(/CLP/images/nav/menuline.gif) no-repeat scroll 0 0;
  height: 16px;
}
.teaser.menu .linkliste li a {
  display: block;
  color: #58585a;
  text-decoration: none;
  margin-left: 0; 
  padding-left: 34px;
}

/* Erste Zeile anders */
.teaser.menu .linkliste .first a {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  height: 15px;
}

.teaser.menu .linkliste .noBorder {
  background: transparent url(/CLP/images/icons/pinkarrow.gif) no-repeat scroll 18px 5px;
}


/* Hover-Effekte */
.teaser.menu .linkliste li.active a {
  color: White;
  background: #66a4cc url(/CLP/images/icons/arrowwhiteback.gif) no-repeat scroll 18px 4px;
  text-decoration: none;
}
.teaser.menu .linkliste li.inactive a {
  background-image: url(/CLP/images/icons/arrowwhite.gif);
}

.teaser.menu .linkliste li:hover a,
.teaser.menu .linkliste li a:hover,
.teaser.menu .linkliste li.semiactive {
  color: #646567;
  background: #d9e8f2 url(/CLP/images/icons/pinkarrowback.gif) no-repeat scroll 18px 4px;
}
.rweNav {
  margin: 0;
  padding: 0;
}
.rweNav .first a {
  display: block;
  color: #646567;
  background: #d9e8f2 url(/CLP/images/icons/pinkarrowback.gif) no-repeat scroll 18px 4px;
}

/* Letzte Zeile anders */
.rweNav .first {
  position: relative;
  background-image: none;
  background-color: white;
  list-style-type: none;
  z-index: 100;
  padding: 0;
  margin: 0;
  height: 12px;
}
.rweNav .first a {
  background: transparent url(/CLP/images/icons/arrowblackdown.gif) no-repeat scroll 193px 7px;
  margin-right: 5px;
  margin-left: 15px;
  padding-left: 15px;
  padding-bottom: 0;
  border: 1px solid #ddd;
  text-decoration: none;
}

.rweNav .first:hover {
  background-color: white;
  background-image: none;
}
.rweNav .first:hover > a,
.rweNav .first > a:hover {
  color: #646567;
  background-image: url(/CLP/images/icons/pinkarrowdown.gif);  
  background-position: 193px 7px;
  background-color: White;
  border-right-width: 2px;
  border-bottom: none;
}

#rweGroup {
  position: absolute;
  z-index: 190;
  display: block;
  top: 16px;
  right: 5px;
  background-color: White;
  width: 217px;
  border-top: none;
  border-right: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  border-left: 1px solid #ddd;
  padding-bottom: 2px;
}

#rweGroup li, #rweGroup li a {
  background: none;
  border: none;
  margin-left: -10px;
  padding-left: 20px;
  display: block;
}
#rweGroup li a:hover {
  text-decoration: underline;
}
#rweGroup li {
  padding: 0;
  margin: 0;
 /* float: left; */
  font-size: 11px;
  border: 0 none;
  background: transparent url(/CLP/images/icons/pinkarrow.gif) no-repeat scroll 3px 6px;
  display: block;
}

/* Floatende Menüpunkte in der hover-Liste, tabellarisch links feste Breite */
#rweGroup li.left {
  width: 82px;
}

/* Besondere Styles für Navigation im letzten Teaser */
.teaser.menu .teaserInner {
  padding:0;
}
.teaser.menu .teaserInner h2 {
  margin: 0 0 3px 17px;
  padding-top: 7px;
}
.teaser.menu .teaserInner li {
  background-position: 18px 0;
  line-height: 16px;
}
/* Spezielle Listen-Formatierungen ****************************************** */
/* Kleine Schrift */
.linkliste.small {
  width: auto;
  font-size: 1em;
}
.linkliste.small li {
  background-position: 0 5px;
  margin-left: 0;
  padding: 0 0 0 11px;
}
.linkliste.small br {
  line-height: 0;
}

/* Für explizite Link-Pfeile */
.linkliste li.more, .linkliste.cross li.more {
  background: transparent url(/CLP/images/icons/pinkarrow.gif) no-repeat scroll 0 4px;  
} 

/* Graue Links */
.linkliste.gray li a {
  color: #58585a;
}
.linkliste.cross li {
  background: transparent url(/CLP/images/icons/cross.gif) no-repeat scroll 0 6px;
}
ul.gray li.more a {
  color: #646567;
}
/* flyout-Links sind immer grau und Block-Elemente */
.flyout .linkliste a {
  display: block;
  color: #58585a;
}
/* Listen in der flyout haben immer einen grauen Pfeil */
.flyout .linkliste li {
  background: transparent url(/CLP/images/icons/arrowgray.gif) no-repeat scroll 0 7px;
  margin-top: 7px;
}
/* Border unter den Links */
.flyout .linkliste li a {
  border: none;
  border-bottom: 1px dotted #e6e4e1;
  padding-bottom: 9px; 
}
.flyout .linkliste li.last a {
  border-bottom: none;
  padding-bottom: 3px;
}

/* Abstand nach oben verringern */
.flyout .linkliste li.first {
  margin-top: 2px;
}

/* Weiße Links mit weißem Pfeil */
.linkliste.white li {
  background: transparent url(/CLP/images/icons/arrowwhite.gif) no-repeat scroll 0 5px;
  margin-bottom: 4px;
}
.linkliste.white li a, .linkliste.white li span {
  color: #e8e8e8;
}

/* Liste im Presse-Bereich mehr Abstand nach unten */
.linkliste.specials li {
  padding-bottom: 10px;
}

/* flyout-List */
.flyout .linkliste li {
  background: transparent url(/CLP/images/icons/grayarrow.gif) no-repeat scroll 0 5px;
  margin-bottom: 1px;
}
.flyout .linkliste.service li {
  padding-left: 16px;
}

/* download-Liste (anderes Symbol, mehr Abstand nach oben im Teaser) */
.linkliste.downloads li, .linkliste li.downloads {
  background: transparent url(/CLP/images/icons/download.gif) no-repeat scroll 0 6px;
}


.teaser .linkliste.downloads {
  margin-top: 10px;
}

/* Blaue Farbe für link erzwingen (z.B. in grauer Liste) */
.linkliste li.more a {
  color: #408dbf;
}

/* pressTopics */
.linkliste.pressTopics {
  background: transparent url(/CLP/images/bg/presse-verlauf.gif) repeat-y scroll 0 0;
  font-size: 0.92em;
  overflow: hidden;
  padding: 2px 0 0 6px;
  margin-bottom: 28px;
}

.linkliste.pressTopics li {
  background-position: 0 4px;
  float: left;
  margin-right: 12px;
}

/* ****************************************************************************************************************** */

/* Startseiten-Besonderheiten *************************************************************************************** */ 
/* Tag-Cloud */
#tagCloud {
  position: absolute;
  overflow: hidden;
  width: 240px;
  height: 192px;
  right: 0;
}
#tagCloud #tagCloudStock
{
	  /*height: 182px;
  background: transparent url(/CLP/images/addons/stockb.png) no-repeat scroll left bottom;*/
	padding-right: 18px;
	padding-left: 18px;
	background: white;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 182px;
}
#tagCloud a img, #tagCloud #Map {
  border: 0 none;
}
#tagCloud #tagCloudInner {
  padding: 16px;
  height: 192px;
  background: transparent url(/CLP/images/addons/tagcloudb.png) no-repeat scroll 0 0;
}
#tagCloud #tagCloudInner.image {
  padding: 0;
}
#tagCloud h2 {
  color: white;
}
#tagCloud ul {
  list-style-type: none;
  margin: 0;
}
#tagCloud ul li {
  display: inline;
  margin-left: 0;
}
#tagCloud ul li a {
  color: #bfd9ea;
}
#tagCloud ul li a.tag1 {
  font-size: 1.25em;
  color: #c3dbeb;
}
#tagCloud ul li a.tag2 {
  font-size: 1em;

}
#tagCloud ul li a.tag3 {
  font-size: 0.83em;
}
#tagCloud a:hover {
  text-decoration: underline;
}
/* ****************************************************************************************************************** */

/* Besonderheiten einzelne Seiten *********************************************************************************** */
/* Rubrikstartseiten */
#rubrikHeader {
  background-color: #ffffff;
  overflow: hidden;
  height: 1%;
  padding: 0 5px 0 0;
  position: relative;
}
#contentKeyvisual {
  float: right;
  width: 731px;
  margin-top: 5px;
}
#claim {
	position: absolute;
	top: 66px;
	right: 0;
}
/* Vertikale Navigation */
img.leftHeading {
	margin: 15px 0 10px 10px;
}
#vertNav {
  background: transparent url(/CLP/images/bg/topleft.gif) no-repeat scroll 0 0;
  float: left;
  width: 230px;
}
/* Vertikale Navigation und Produkte-Linklisten */
#vertNav ul.linkliste li.first a {
	border-top: none;
}
#vertNav li {
  background: none;
  padding: 0;
  margin: 0;
}
#vertNav ul.linkliste li a {
  background: transparent url(/CLP/images/icons/pinkarrow.gif) no-repeat scroll 10px 6px;
  display: block;
  padding: 0 0 5px 25px;
  border-bottom:1px dotted #ABCBE0;
}
#vertNav ul.linkliste li.last a {
	border-bottom: none;
}

#vertNav ul li a:hover {
	text-decoration: underline;
} 
#vertNav h2 {
	margin: 0 12px 12px 12px;
}
.rubrik #header #fastSearch {
	top: 0;
	right: 5px;
} 
.rweLogo {
	position: absolute;
	top: 87px;
}
/* ***************** */

/* Breite des Content-Bereichs */
#verantwortung #contentInner {
  overflow: hidden;
}

/* Master: Abstand des Contents nach oben */
#master #teaserContainer, #icw #teaserContainer {
  margin-bottom: 36px;
	height: 164px;
}
#master #contentInner h2 {
  margin-bottom: 19px;
}

/* Konzern: Linkliste flyout etwas mehr Abstand */
#rwe .flyout .paddingBottom a {
  padding-bottom: 10px;
}
#rwe .linkliste.small li {
  padding: 0 0 0 15px;
}

/* Karriere Logo-Bereich */
div.logos {
  border-top: 1px dotted #b8b3aa;
  border-bottom: 1px dotted #b8b3aa;
  padding: 13px 0 25px 0;
  text-align: center;
}
#verantwortung .logos {
  border-top: none;
}
div.dotted {
  padding-bottom: 16px;
  margin-bottom: 24px;
  border-bottom: 1px dotted #b8b3aa;
}
#karriere #joblist h2 {
  margin-bottom: 12px;
}

#joblist .linkliste.specials {
  margin-bottom: 6px;
}
#joblist .linkliste.specials li {
  padding-bottom: 15px;
}
#joblist .linkliste.specials li {
  padding-left: 13px;
}

/* Presse */
#presse .linkliste.specials li {
  margin-bottom: 3px;
}
#presse .specials li {
  font-size: 0.92em;
}
#presse #contentInner .col2 h2 {
  margin-bottom: 13px;
}

/* Presse */
#presse #functionBar {
  left: 215px;
}

/* Investor Relations */
#invest .teaser .linkliste li {
  margin-bottom: 3px;
}
#private .teaser input.text, 
#business .teaser input.text,
#stadtwerke .teaser input.text,
#kommune .teaser input.text {
  width: 140px;
  font-size: 11px;
}

/* Zurücksetzen der Linklisten-Einstellungen für dem Menü-Teaser */
#rwe .teaser.menu .linkliste li, #invest .teaser.menu .linkliste li {
  margin-bottom: 0;
}

#energie #content {
  padding-bottom: 6px;
} 
/* ****************************************************************************************************************** */

/* Standard-HTML-Elemente ******************************************************************************************* */
/* Form-Elemente */
input.text {
  position: relative;
  padding: 0 2px;
  border: 1px solid #2e82b9;
  color: #2e82b9;
  height: 16px;
  width: 142px;
  font-size: 1em;
}
#presse #teaserContainer #pressSearch {
  margin-top: 11px;
}

/* Listen */
ul, ol, dl {
	line-height: 1.5em;
	margin: 0 0 1em 1em;
}
li {
	margin-left: 1.5em;
	line-height: 1.5em;
}
dd {
	margin: 0 0 1em 2em;
}

/* Überschriften und Absätze */
h1, h2, h3, h4, h5, h6 {
  
}
h1 {
  font-size: 20px;
  margin-bottom: 10px;
}
h2 {
  font-size: 16px;
  margin-bottom: 7px;
  color: #0066aa;
  font-weight: normal;
}
h3 {
  font-size: 1em;
  /* line-height: 18px; */
}
#content p {
  line-height: 16px;
  margin-bottom: 16px;
}
a {
  color: #408dbf;
  text-decoration: none;
}
#content a:hover, .flyout a:hover, #ariadne a:hover, .teaserInner a:hover{
  text-decoration: underline;
}
a img {
  border: none;
}
img {
  border: 0;
}
/* Inhaltsbereich *********************************************************** */
#content {
  position: relative; /* um die functionBar nach unten zu positionieren */
  float: left;
  width: 741px;
  z-index: 1;
  overflow: hidden;
}
#content.wide {
  width: 984px;
}

#contentInner {
  overflow: hidden;
  padding: 4px 29px 0 34px; 
}
#private #content, #business #content, #marktp #content {
  padding-bottom: 0;
}

/* flyout ****************************************************************** */ 
#flyoutContainer {
  overflow: hidden;
  margin-bottom: 17px; /* +12px von den flyouts + br.clearBoth */
  margin-right: 1px;
  width: 239px;
}

dl.flyout {
  float: right;
  width: 236px;
  background-color: White;
  margin-bottom: 12px;
  margin-left:0; 
}
dl.flyout p {
  margin-bottom: 15px;
}

.flyout dt {
  color: #a0a0a0;
  background-color: #edecea;
  width: 216px;
  height: 22px;
  font-size: 13px;
  padding: 7px 0 0 18px;
  border-right: 1px solid #e6e4e1;
  margin-bottom: 1px;
}
.flyout dt img {
  vertical-align: middle;
}
#flyout dt {
  cursor: pointer;
}
#flyout dt.active {
  cursor: auto;
}

.flyout dt.active {
  background-color: #e6e4e1;
  color: #0066aa;
  background-image: none;
  margin-bottom: 0;
  width: 216px;
}

.flyout dt.first {
  background: #fff url(/CLP/images/bg/flyoutboxheaderinactive.gif) no-repeat scroll 0 0;
  border-right: none;
  height: 21px;
  width: 217px;
}
.flyout dt.active.first {
  background: #fff url(/CLP/images/bg/flyoutboxheader.gif) no-repeat scroll 0 0;
  width: 217px;
  height: 22px;
  border-right: none;
  margin-bottom: 0;
}

.flyout dt a {
	color: #06a;
}

.flyout .border {
  border-right: 1px solid #e6e4e1;
  border-bottom: 1px solid #e6e4e1;
  border-left: 1px solid #e6e4e1;
  padding: 11px 0 9px 17px;
  margin: 0;
  width: 216px;
}
/* Listen sollen einen kleineren Abstand haben */
.flyout .border.list {
  padding: 12px 16px 16px 17px;
  width: 200px;
}

/* flyout Pressekontakt */
.flyout {
  font-size: 0.92em;
}
.flyout .press p {
  height: auto;
  border-bottom: 1px dotted #e6e4e1;
  padding-bottom: 7px;
  margin-bottom: 7px;
}
/* Verschiedene Content-Aufteilungen **************************************** */
#content .col1 {
  float: left;
}
#content .col2 {
  float: right;
}
/* col2_1: col1 ist 2 Spalten breit, col2 ist 1 Spalte breit */
#contentInner.col2_1 .col1 {
  width: 442px;
  margin-right: 34px; 
}
#contentInner.col2_1 .col2 {
  width: 216px;
  margin-right: 3px;
}

/* col1_2: col1 ist 1 Spalte breit, col2 ist 2 Spalten breit */
#contentInner.col1_2 {
  padding-right: 10px;
  padding-left: 16px;
}
#contentInner.col2_1 {
  padding-right: 10px;
}

#contentInner.col1_2 .col1 {
  width: 200px;
}
#contentInner.col1_2 .col2 {
  width: 462px;
  margin-right: 19px;
  margin-bottom: 0;
}

/* col2_2: weiter Contentbereich (#content.wide), beide Spalten gleich breit */
#content.wide #contentInner {
  padding-right: 34px;
}
#content.wide #contentInner.col2_2 .col1, #content.wide #contentInner.col2_2 .col2 {
  width: 429px;
}

#content.wide #contentInner.col2_2 .col3 {
  width: 916px;
}
/* ************************************************************************** */

/* Content-Teaser************************************************************ */
.contentTeaser {
  margin-bottom: 25px;
  overflow: hidden;
}

.contentTeaser img {
  float: right;
  margin: -9px 2px 16px 24px;
}
*+html .contentTeaser img {
  margin-bottom: 0;
}
a.moreLink {
  background: transparent url(/CLP/images/icons/pinkarrow.gif) no-repeat scroll 0 4px;
  padding-left: 11px;
  margin-left: 3px;
}
/* Besonderheit Startseite */
#startpage .contentTeaser {
	width: 556px;
}
/* ************************************************************************** */

/* Content-Item ************************************************************* */
.contentItem {
  margin-bottom: 41px;
  overflow: hidden;
}
/* ************************************************************************** */

/* News-Items *************************************************************** */
.newsItem {
  overflow: hidden;
  margin-bottom: 22px;
  width: 556px;
}
.newsItem img {
  float: left;
  margin: 0 16px 5px 0;
}
.newsItem .newsInfo {
  font-size: 0.92em;
}
.newsItem h3 {
  margin-bottom: 17px;
}
/* ************************************************************************** */

/* Press-Items ************************************************************** */
.pressItem {
  margin-bottom: 22px;
  overflow: hidden;
}
.pressItem h3 {
  color: #408dbf;
  margin-bottom: 16px;
}
.pressItem .pressInfo {
  font-size: 11px;
}
.pressItem img {
  float: right;
  margin: 0 0 5px 16px;
}
.pressItem img.pictureLeft {
  float: left;
  margin: 0 16px 5px 0;
}
.contentTeaser .pressItem {
	margin-bottom: 0;
}
.contentTeaser .linkliste {
	margin-bottom: 16px;
}
/* Content-Rows für Produktseiten ******************************************* */
.contentRow {
  overflow: hidden;
  margin-bottom: 25px;
}
/* ************************************************************************** */

/* Buttons ********************************************************************************************************** */
.produktdetails {
  position: absolute;
  bottom: 74px;
  left: 34px;
}
.keyvisualButton {
  position: absolute;
  bottom: 89px;
  left: 34px;
}
#kommune .keyvisualButton {
  bottom: 110px;
  left: 68px;
}
#master .keyvisualButton {
  left: 0;
  bottom: 44px;
}
#rwe .keyvisualButton {
  left: 0;
  top: 280px;
  bottom: auto;
}
/* Submit */
input.submit.image {
  position: absolute;
  border: none;
  cursor: pointer;
  margin-left: 8px;
}
input.submit.image.go {
  background: transparent url(/CLP/images/buttons/go.gif) no-repeat scroll 0 0;
  width: 58px;
  height: 22px;
  margin-left: 8px;
}
input.submit.image.search {
  background: transparent url(/CLP/images/buttons/suche-starten.png) no-repeat scroll 0 0;
  width: 134px;
  height: 22px;
  position: static;
  margin-left: 0;
  margin-top: 10px;
}
/* ****************************************************************************************************************** */

/* Bild-Ausrichtungen *********************************************************************************************** */
.imageRight {
  float: right;
  margin: 3px 0 0 5px;
}
.imageLeft {
  float: left;
  margin: 3px 6px 0 0;
}
/* ****************************************************************************************************************** */

/* Helper-Klassen *************************************************************************************************** */
.clearSmall {
  clear: both;
  font-size: 0;
}
.clearBoth {
  clear: both;
}
.clearLeft {
  clear: left;
}
.clearRight {
  clear: right;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.alttext {
  display: none;
}
.alttextH1 {
  display: none;
}
#rweGroup.hidden {
  display: none; 
}
#rweGroup.shown {
  display: block;
}
.hidden {
  display: none;
  visibility: hidden;
}
#startFullscreenFlash {
  position: absolute;
  right: 90px;
  bottom: 0;
  z-index: 0;
}
#startFullscreenFlash, #stopFullscreenFlash {
  cursor: pointer;
}
/* ****************************************************************************************************************** */

/* sIFR ************************************************************************************************************* */
/* These are standard sIFR styles... do not modify ****************************************************************** */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced { 
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-replaced span[adblockframe=true] { display: none !important }
.sIFR-replaced embed.sIFR-flash[sifr=true] + div[adblocktab=true] {
  display: none !important;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

span.rweHeadlineWhite, span.rweHeadlineGray, span.rweHeadlineTransparent {
  line-height: 20px;
}
.sIFR-hasFlash .rweHeadlineWhite, .sIFR-hasFlash .rweHeadlineGray, .sIFR-hasFlash .rweHeadlineTransparent, .sIFR-hasFlash .rweHeadlineWhiteTransparent {
  visibility: hidden;
	font-size: 17px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: -2px;
}
/* ****************************************************************************************************************** */
/**
-------------------------------------------------------------
Stylesheet für: my generic RWE-Buttons					
Medien:         Bildschirme und Projektoren
Autor:          Matthias Hänßle
------------------------------------------------------------- */


/** 
-------------------------------------------------------------
     Allgemeine Styles für die Button Elemente
------------------------------------------------------------- */

/**  BUTTON 
------------------------------------------------------------- */
button.cssbutton {
	border: 0; 
	margin: 0 0 4px 0;
	padding: 0 0 0 24px; /*sliding doors padding */
	cursor: pointer;
	width: auto; overflow: visible; /* IE FLOAT HACK */
}
button.cssbutton span {
	position: relative; 
	/* float: left;   for IE 7 nicht nötig, wenn Float Hack aktiv */
	display: block; 
	height: 21px; 
	font: bold 11px/21px Tahoma;
	color: #0066aa;
	cursor: pointer;
	text-align: right;
	white-space: nowrap;
	padding: 0 32px 1px 0;
} 

	
/**  LINK 
------------------------------------------------------------- */
a.cssbutton {
	border: 0;
	width: auto;
	padding: 3px 0 5px 11px; 
	text-decoration: none !important;
}
*+ html a.cssbutton {
	padding-top: 1px; 
}
* html a.cssbutton {
  padding-top: 5px;
}
a.cssbutton span {
	font: bold 11px/21px Tahoma;
	color: #0066aa;
	cursor: pointer;
	text-align: right;
	white-space: nowrap;
	padding: 4px 32px 5px 13px;
} 

/* IE 7 Hack */
* + html a.cssbutton span {
  margin-top: 4px;
}

/**  INPUT 
------------------------------------------------------------- */
span.cssbutton {
	padding: 4px 0 4px 11px;
}
span.cssbutton input {
	border: 0; 
	height: 22px;
	font: bold 11px/21px Tahoma;
	color: #0066aa;
	cursor: pointer;
	text-align: right;
	white-space: nowrap;
	padding: 0 32px 0px 13px;
	margin-bottom: 2px; /* Für Opera */
	overflow: visible; 	/* IE submit-width bug */
	vertical-align: middle; /* Fuer IEs, damit Input-Button auf einer Ebene mit dem Text steht */
}
/* IE 7 Hack */
* + html span.cssbutton input {
	padding-bottom:0;
}
/* IE 6 Hack */
* html span.cssbutton {
	padding-top: 1px;
	padding-bottom: 0;
}
/* Firefox Hack: 
	-document url-prefix() selector, which is how Firefox add-ons define their styles
	http://www.webmonkey.com/tutorial/Browser-Specific_CSS_Hacks */ 
/* Hacks, damit die Schrift im Input-Button auf einer Ebene mit dem Pfeil steht und der Einzug links korrekt ist */
@-moz-document url-prefix() {
	span.cssbutton {
		padding: 3px 0 5px 11px;
	}
}
@-moz-document url-prefix() {
	span.cssbutton input {
		padding-bottom: 4px;
	}
}
@-moz-document url-prefix() {
	span.cssbutton input,
	button.cssbutton span {
		 margin-left: -3px;
	}
}
@-moz-document url-prefix() {
	span.cssbutton input {
		/* font: bold 11px/19px Tahoma; 
		padding: 0 29px 3px 0; */ 
		/* padding-right: 3px verringert */
	}
}

/*=================================================*/
/*		Specific Styles:		RWE Button  forward ->   */
/*=================================================*/

/**	BUTTON definition
------------------------------------------------------------- */
button.cssbutton.forward {background: transparent url("/CLP/images/buttons/btn_forward_left.png") no-repeat 0 center;} /* Horizontal BG Positioning */
button.cssbutton.forward span {background: transparent url("/CLP/images/buttons/btn_forward_right.png") no-repeat right top;} /* Vertical BG Positioning */

/* IE 6 kann keine Alphatransparenz, keine Nutzung der ActiveX-Filter wg. möglicher Securityeinstellungen (und ActiveX-Warnungen) */
* html button.cssbutton.forward {background: transparent url("/CLP/images/buttons/btn_forward_left.gif") no-repeat 0 center;} /* Horizontal BG Positioning */
* html button.cssbutton.forward span {background: transparent url("/CLP/images/buttons/btn_forward_right.gif") no-repeat right top;} /* Vertical BG Positioning */

/** LINK definition  
------------------------------------------------------------- */
a.cssbutton.forward {background: transparent url("/CLP/images/buttons/btn_forward_left.png") no-repeat 0 center;} /* Horizontal BG Positioning */
a.cssbutton.forward span {background: transparent url("/CLP/images/buttons/btn_forward_right.png") no-repeat right top;} /* Vertical BG Positioning */

/* IE 6 kann keine Alphatransparenz, keine Nutzung der ActiveX-Filter wg. möglicher Securityeinstellungen (und ActiveX-Warnungen) */
* html a.cssbutton.forward {background: transparent url("/CLP/images/buttons/btn_forward_left.gif") no-repeat 0 center;} /* Horizontal BG Positioning */
* html a.cssbutton.forward span {background: transparent url("/CLP/images/buttons/btn_forward_right.gif") no-repeat right top;} /* Vertical BG Positioning */

/** INPUT definition 
------------------------------------------------------------- */
span.cssbutton.forward {background: transparent url("/CLP/images/buttons/btn_forward_left.png") no-repeat 0 center;} /* Horizontal BG Positioning */
span.cssbutton.forward input {background: transparent url("/CLP/images/buttons/btn_forward_right.png") no-repeat right top;} /* Vertical BG Positioning */

/* IE 6 kann keine Alphatransparenz, keine Nutzung der ActiveX-Filter wg. möglicher Securityeinstellungen (und ActiveX-Warnungen) */
* html span.cssbutton.forward {background: transparent url("/CLP/images/buttons/btn_forward_left.gif") no-repeat 0 center;} /* Horizontal BG Positioning */
* html span.cssbutton.forward input {background: transparent url("/CLP/images/buttons/btn_forward_right.gif") no-repeat right top;} /* Vertical BG Positioning */

@-moz-document url-prefix() {
	button.cssbutton.forward { 
		margin-right: -3px;
	}
}
	
/*==================================================*/
/*		Specific Styles:		RWE Button  <- backward   */
/*==================================================*/

/**	BUTTON definition
------------------------------------------------------------- */
button.cssbutton.backward {float: left; padding-left: 32px; background: transparent url("/CLP/images/buttons/btn_backward_left.gif") no-repeat 0 center;} /* Horizontal BG Positioning */
button.cssbutton.backward span {float: left; padding: 0 24px 1px 0; text-align: left; background: transparent url("/CLP/images/buttons/btn_backward_right.gif") no-repeat right top;} /* Vertical BG Positioning */

/** LINK definition  
------------------------------------------------------------- */
a.cssbutton.backward {float: left; padding-left: 32px; background: transparent url("/CLP/images/buttons/btn_backward_left.gif") no-repeat 0 center;} /* Horizontal BG Positioning */
a.cssbutton.backward span {float: left; padding: 0 24px 1px 0; text-align: left; background: transparent url("/CLP/images/buttons/btn_backward_right.gif") no-repeat right top;} /* Vertical BG Positioning *

/** INPUT definition 
------------------------------------------------------------- */
div.cssbutton.backward {float: left; padding-left: 32px; background: transparent url("/CLP/images/buttons/btn_backward_left.gif") no-repeat 0 center;} /* Horizontal BG Positioning */
div.cssbutton.backward input {float: left; padding: 0 24px 1px 0; text-align: left; background: transparent url("/CLP/images/buttons/btn_backward_right.gif") no-repeat right top;} /* Vertical BG Positioning */

@-moz-document url-prefix() {
	div.cssbutton.backward input {
		/* font: bold 11px/19px Tahoma;
		padding: 0 21px 3px 0; */ 
		/* padding-right: 3px verringert */
	}
}

/** RED colours
------------------------------------------------------------- */
/* LINK */
a.cssbutton.redbutton span, button.cssbutton.redbutton span {
	color: #e2001a;
	background: transparent url("/CLP/images/buttons/btn_forward_right_red.png") no-repeat right top;
}

* html a.cssbutton.redbutton span, button.cssbutton.redbutton span {
	color: #e2001a;
	background: transparent url("/CLP/images/buttons/btn_forward_right_red.gif") no-repeat right top;
}

/* INPUT */
span.cssbutton.redbutton input {
	color: #e2001a;
	background: transparent url("/CLP/images/buttons/btn_forward_right_red.png") no-repeat right top;
} 

* html span.cssbutton.redbutton input {
	color: #e2001a;
	background: transparent url("/CLP/images/buttons/btn_forward_right_red.gif") no-repeat right top;
} 
/* End Buttons */
/* ************************************************************************** */


/* Filetype-Icons *********************************************************** */
.filetype {
	margin-left: 10px;
}
/* ************************************************************************** */

/* Trenner mit und ohne Text ************************************************ */
.separator {
	text-transform: uppercase;
	color: #58585a;
	font-weight: bold;
	border-bottom: 1px dotted #B8B3AA;
	margin-bottom: 20px;
	overflow: visible;
}
.separator_space {
	text-transform: uppercase;
	color: #58585a;
	font-weight: bold;
	margin-bottom: 19px;
	overflow: visible;
}
.sempty {
	border-bottom: none;
	margin-bottom: 19px;
	overflow: hidden;
}

/* Grafische Teaser in allen Bereichen ************************************** */
/* Content ************************** */
#content .grafikTeaser, #sidebar .grafikTeaser {
	display: block;
	margin-bottom: 21px;
}
/* ********************************** */

/* Biografie **************************************************************** */
.biography {
	background-color: #fff;
	height: 1%;
}
.biography .passphoto {
	margin-bottom: 24px;
}
/* ************************************************************************** */

/* Layout-Tabellen im Inhaltsbereich **************************************** */
.tableView {
	overflow: hidden;
	margin-bottom: 9px;
}
.tableView .left {
	float: left;
	width: 140px;
	font-weight: bold;
}
.tableView .right {
	float: right;
	width: 277px;
}
.tableView .leftboth {
	float: left;
	width: 417px;
	font-weight: bold;
}
/* ************************************************************************** */

/* Lightbox-Image-Styles **************************************************** */
.lightbox {
  position: relative;
  width: 288px;
  height: 132px;
}
.lightbox .overlay {
	position: absolute;
	right: 1px;
	bottom: 1px;
	height: 16px;
}
.lightbox .overlay img {
	position: relative;
	opacity: 0.9;
}
.lightbox.lright {
	float: right;
	margin: 5px 0 5px 10px;
}
.lightbox.lleft {
	float: left;
	margin: 5px 10px 5px 0;
}

/* ************************************************************************** */

/* Chronik-Darstellung ****************************************************** */
#content .chronicle p.subheadline {
	font-weight: normal;
	margin-bottom: 24px;
}
.chronicleDetail img {
	float: left;
	margin: 3px 21px 5px 0;
}
/* ************************************************************************** */

/* Formular-Darstellung ***************************************************** */
form {
	margin-bottom: 24px;
}

form .tableView .left, form .tableView .right {
	display: block;
	color: #287EB9;
	background-color: #F2F7FB;
	height: 23px;
	margin-bottom: 2px;
	padding-top: 4px;
}
form .tableView .leftbio, form .tableView .rightbio {
	display: block;
	color: #287EB9;
	background-color: #F2F7FB;
	height: 100px;
	margin-bottom: 2px;
	padding-top: 4px;
}

form .tableView .left {
	font-weight: normal;
	width: 195px;
}
.medium form .tableView .left {
	width: 279px;
}
form .tableView .left .inner {
	padding-top: 2px;
	padding-left: 10px;
}
form .tableView .left .inner label {
	display: block;
}
form .tableView .right {
	width: 277px;
}
form .tableView {
	margin-bottom: 4px;
}
form input.wide {
	width: 252px;
}

form input.iZip {
	width: 75px;
}
form input.iTown {
	width: 167px;
}
form input.iEMail {
	width: 252px;
}
form input.iEMailName {
	width: 100px;
}
form input.iEMailDomain {
	width: 127px;
}
/* Formular-Felder 
form input.text {
	border: 1px solid #2E82B9;
}*/
/* Formular-Felder in der Sidebar */
#sidebar select {
	width: 201px;
}
#sidebar form input.wide {
	width: 195px;
}
#sidebar select, #sidebar input.text {
	margin-bottom: 4px;
}
#sidebar form .text {
	color: #58585A;
	border: 1px solid #d6d6d6;
}
/* ************************************************************************** */

/* Popup-DIVs *************************************************************** */
.popupDiv {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px;
	height: 400px;
	border: 1px solid Black;
	background-color: #cfd;
}
.popupDiv div {
	padding: 10px;
}
/* ************************************************************************** */

/* Tooltips ***************************************************************** */
#Imagemap area {
	cursor: default;
}
.outerbox {
	z-index: 1;
	background-color: #fff;
	border: 1px solid Gray;
	padding: 16px;
}
/* ************************************************************************** */

/* sIFR ********************************************************************* */
/* These are standard sIFR styles... do not modify ************************** */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-replaced span[adblockframe=true] {
	display: none !important
}
.sIFR-replaced embed.sIFR-flash[sifr=true] + div[adblocktab=true] {
	display: none !important;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
span.rweHeadlineWhite, span.rweHeadlineGray, span.rweHeadlineTransparent {
	line-height: 20px; /*20 18*/
}
.sIFR-hasFlash .rweHeadlineWhite, .sIFR-hasFlash .rweHeadlineGray, .sIFR-hasFlash .rweHeadlineTransparent, .sIFR-hasFlash .rweHeadlineWhiteTransparent {
	visibility: hidden;
	font-size: 17px;
	font-weight: bold;
	line-height: 20px; /*21*/ /*19*/
	letter-spacing: -2px;
}
/* ************************************************************************** */
.contentPictureRightSubline {
	float: right;
	overflow: hidden;
	margin: 5px;
	font-size: 0.75em;
	line-height: 125%;
}
.contentPictureRightSubline span {
	display: block;
	padding: 5px;
}

/* Suchergebnisseite ****************************** */
#searchBox {
	background-color: #fff;
	width: 240px;
	position: relative;
	height: 100%;
	float: left;
	margin: 0 20px 12px 0;
}
#searchBox input.text {
	position: absolute;
	left: 72px;
	top: 10px;
	height: 15px;
	width: 138px;
}
#searchBox input.submit {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	background: #fff url(/CLP/images/icons/arrowblue.gif) no-repeat scroll 8px 15px;
	border: none;
	width: 24px;
	height: 36px;
}
#content .searchResults p {
	margin-bottom: 1px;
}
#searchHeader {
	background: #4C95C4 url(/CLP/images/search/suche_header.gif) no-repeat scroll center bottom;
	margin-bottom: 12px;
	position: relative;
	height: 1%;
	font-size: 0.92em;
}
#searchHeader a.white {
	color: #fff;
	background-position: 0 4px;
}
.searchFilter {
	float: left;
	padding: 0 0 0 10px;
}
.searchFilter .select {
	margin-right: 10px;
	margin-bottom: 2px;
	color: #2E82B9;
	border-color: #2E82B9;
}
#searchFooter {
	background: #4C95C4 url(/CLP/images/search/suche-footer.gif) no-repeat scroll 0 0;
	color: #fff;
	height: 25px;
	padding: 8px 0 0 5px;
	margin-bottom: 24px;
	overflow: hidden;
}
.searchText {
	color: #fff;
	padding: 10px 10px 16px 10px;
}
.searchRegionalize {
	clear: both;
	padding: 0 10px 10px 10px;
}
.searchPath {
	font-size: 0.92em;
}
#searchResults h2 {
	margin-bottom: 6px;
}
#content #searchResults ul.ariadne, #content #searchResults ul.ariadne li, #content #searchResults ul.searchPageNav li {
	display: inline;
}
#content #searchResults ul.ariadne li a {
	background: transparent url(/CLP/images/icons/arrowbluenarrow.gif) no-repeat scroll 0 4px;
	padding-left: 10px;
}
#content #searchResults ul.ariadne li.first a {
	background: none;
	padding-left: 0;
	margin-left: 2px;
}
#content #searchResults ul li {
	list-style: none;
	background: none;
	padding: 5px 0 7px 0;
	margin: 0 0 12px 0;
}
#content #searchResults ul li.topResult {
	background-color: #F2F7FB;
	border-top: 1px dotted #B8B3AA;
	border-bottom: 1px dotted #B8B3AA;
	padding: 10px;
}
#content .searchPageNav li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 0.92em;
}
#content #searchResults .searchPageNav li.prev {
	margin-left: 8px;
}
#content .searchPageNav li.prev a {
	background: transparent url(/CLP/images/icons/arrowwhiteback.gif) no-repeat scroll 0 3px;
	padding-left: 17px;
}
#content .searchPageNav li.next a {
	background: transparent url(/CLP/images/icons/arrowwhite.gif) no-repeat scroll right 3px;
	padding-right: 14px;
}

/* ToolTip */
.tooltipContainer {
  position: relative;
}

.toolTip {
  /*position:absolute; geändert 20-04.2011 BBS*/
  margin: 0px;
  margin-top: -16px;
  z-index: 200;
  top: 0;
}

div#tooltip {
  position: absolute;
  background-color: #fff;

  width: 300px;

  padding: 12px;
  border: 1px solid #06a;
  z-index:100;
  top:0;
  left: 0;
}