@charset "utf-8";
/**
* Stylesheet fr RWE AG Content-Seiten
*
* Standard-Stylesheet
*
* @author GETIT GmbH
* @link   http://www.getit.de/
*/

@import url(menu.css);

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

body {
	background: #a6cae1 url(/CLP/images/bg/bg-108.gif) repeat-x scroll 0 0;
	color: #58585a;
	font-size: 100.01%;
	font-size: 0.75em;
	line-height: 1.25em;
	font-family: Tahoma, Arial, sans-serif;
	padding-bottom: 168px; /* Den Body um die Höhe des absolut positionierten Top-Bereichs wieder länger machen, damit Text-Markierungen in Elementen möglich sind, die nach dem Ende des Body-Elements darüber positioniert wurden */ 
}
.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;
}
/* ************************************************************************** */

/* Layout ******************************************************************* */
#top {
	position: relative;
	width: 984px;
	margin: 0 auto;
}

#header {
	position: absolute;
	top: 0;
	width: 100%;
	height: 168px;
}

#main {
	position: relative;
	top: 168px;
	width: 100%;
	background: white none repeat scroll 0 0;
	z-index: 1;
}
#col1 {
	float: left;
	width: 204px;
	padding-top: 0;
}
#col2 {
	float: right;
	width: 736px;
}
#col2left {
	float: left;
	width: 736px;
}
#col1, #col2, #col2left {
	margin-top: 41px;
}
/* Wenn es keine horizontale Navigation gibt, kommt der Content weiter nach oben */
.noHorNav #col1, .noHorNav #col2 {
	margin-top: 0;
	padding-top: 5px;
}
/* ... und eine runde Kante links oben */
.noHorNav #col1 {
	background: transparent url(/CLP/images/bg/topleft.gif) no-repeat scroll 0 0;
}

#horNav2 {
	position: absolute;
	top: 0;
	width: 984px;
	background-color: #79AFD3;
}
.noHorNav #horNav2 {
	display: none;
}
#qSearch {
	background-color: #fff;
	position: absolute;
	width: 240px;
	height: 36px;
	top: 0;
	right: 0;
}
#qSearch div {
	position: relative;
	height: 100%;
}
#qSearch input.text {
	position: absolute;
	left: 72px;
	top: 10px;
	height: 15px;
	width: 138px;
}
#qSearch 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-Bereich */
#contentTop {
	padding-right: 5px;
	height: 1%;
}
#contentBottom {
	overflow: hidden;
}
#content {
	position: relative;
}
#content, .narrow #content {
	float: left;
	width: 496px;
	padding-top: 3px;
}

/* Debug IE 6 */

#col2 {
	height: 1%;
	overflow: hidden;
	position: relative;
}

/* Debug IE 6 */
#contentInner {
	margin-right: 24px;
	margin-bottom: 23px;
	overflow: hidden; /* Muss fuer IE 6 so bleiben */
	height: 1%;
}
#sidebar {
	float: right;
	width: 240px;
	margin-bottom: 31px;
	font-size: 0.92em;
}

/* Auswirkungen verschiedener Content-Breiten */
.medium #content {
	width: 580px;
}
.wide #content {
	width: 726px;
	padding-left: 1px;
}
.wide #contentInner {
	margin-right: 0;
}
.small #sidebar {
	width: 240px;
}
.medium #sidebar {
	width: 156px;
}
.wide #sidebar {
	display: none;
	width: 0;
}
#sidebarInner {
	margin-right: 5px;
}
.medium #sidebarInner {
	margin-right: 0;
}

/* Ganz unten und ganz oben positionieren */
#footer {
	clear: both;
	background-color: #cce1ee;
	height: 22px;
}
#topNav {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
#timeNav {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
}

/* Kundenkonto Online ******************************************************* */
#kundenKontoOnline {
	position: absolute;
	right: 0;
	bottom: 0;
	color: White;
	width: 736px;
	height: 36px;
	background: transparent url(/CLP/images/dummy/kk-online.png) no-repeat scroll 0 0;
}
#kundenKontoOnline .headline {
	font-size: 1.2em;
	margin-right: 0.3em;
}
#kundenKontoOnlineInner {
	padding: 7px 0 0 170px;
}
#kundenKontoOnlineInner img {
	vertical-align: middle;
}
#kundenKontoOnlineInner ul {
	margin-left: 5px;
}
#kundenKontoOnlineInner ul, #kundenKontoOnlineInner ul li {
	font-size: 0.92em;
	display: inline;
}
#kundenKontoOnlineInner ul li {
	margin-right: 10px;
}
#kundenKontoOnlineInner ul li a {
	background: transparent url(/CLP/images/icons/arrowwhite.gif) no-repeat scroll 0 3px;
	color: white;
	padding-left: 8px;
}
#kundenKontoOnlineInner ul li a:hover {
	text-decoration: underline;
}
/* ************************************************************************** */

/* Link-Typen *************************************************************** */
a.more {
	background: transparent url(/CLP/images/icons/arrow.gif) no-repeat scroll 0 5px;
	padding-left: 14px;
}
/* hinzugefgt 26.10.2009 BBS *************************************************************** */
a.download {
	background: transparent url(/CLP/images/icons/download.gif) no-repeat scroll 0 5px;
	padding-left: 14px;
}
a.link {
	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;
}

/* Teaser-Typen ************************************************************* */
/* Content-Teaser */
#content .teaser {
	overflow: hidden;
	height: 1%;
	margin-bottom: 38px;
}
#content .teaser img {
	float: right;
	margin-left: 16px;
}
#content .teaserContainer {
	overflow: hidden;
	width: 100%;
}
/* Flyout-Teaser */
.teaserFlyout {
	list-style: none; 
}
.teaserFlyout li {
	border-bottom: 1px dotted #E5E5E3;
	padding-bottom: 12px;
	margin-bottom: 12px;
	width: 100%; /* fix fr 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;
}
/* Tiny Teaser */
#tinyTeaser {
	margin-left: 5px;
	margin-top: 109px;	/* 153px - 44px bei Produkt-Linklisten darber */
	margin-bottom: 44px;
	width: 199px;
}
#tinyTeaser ul {
	list-style-type: none;
}
#tinyTeaser ul li {
	position: relative;
	font-size: 0.92em;
	color: #8e908d;
	background-color: #e5f0f6;
	overflow: hidden;
	margin-bottom: 1px;
	height: 5.89em; /* 65px bei 0.92em */
}
#tinyTeaser .headline {
	display: block;
	margin-top: 7px;
}
#tinyTeaser ul li img {
	float: left;
	margin-right: 17px;
}
#tinyTeaser ul li a {
	color: #2e83b9;
}
#tinyTeaser img.linkImage {
	position: absolute;
	margin-right: 0;
	right: 6px;
	bottom: 4px;
	padding: 5px 10px;
}
img.leftHeading {
	margin: 10px 0 10px 10px;
}
/* Teaser-Listen */
ul.teaser {
	margin-top: 7px;
}
ul.teaser {
	list-style: none;
}
ul.teaser li {
	position: relative;
	width: 156px;
	height: 14.2em; /* 156px; */
	background: #b7d4e6 url(/CLP/images/teaser/bg.png) no-repeat scroll 0 0;
	margin-bottom: 12px;
	overflow: hidden;
}
ul.teaser li.last {
	margin-bottom: 0;
}
ul.teaser .teaserInner {
	padding: 12px 16px 16px 16px;
}
ul.teaser .teaserInner h2 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1px;
}
ul.teaser .teaserInner .more {
	position: absolute;
	right: 16px;
	bottom: 16px;
}
/* ************************************************************************** */

/* Listen ******************************************************************* */
/* Horizontale Navigation 2 */
#horNav2 ul {
	list-style-type: none;
}
#horNav2 ul li {
	float: left;
	padding: 0;
	margin: 0;
}
#horNav2 ul li a {
	display: block;
	height: 26px;
	color: White;
	font-weight: bold;
	background-color: #79afd3;
	text-align: center;
	padding: 10px 21px 0 20px;
}
#horNav2 ul li.first a {
	background: #79afd3 url(/CLP/images/nav/hnav1.gif) no-repeat scroll 0 0;
}
#horNav2 ul li a.active {
	background-color: #599cc7;
}
#horNav2 ul li a:hover {
	background-color: #599cc7;
}
#horNav2 ul li.first a.active, #horNav2 ul li.first a:hover {
	background: #599cc7 url(/CLP/images/nav/hnav1h.gif) no-repeat scroll 0 0;
}
/* Vertikale Navigation und Produkte-Linklisten */
#vertNav {
	margin-bottom: 44px;
}
#vertNav ul.linkliste li.first a {
	border-top: medium none;
}
#vertNav ul.linkliste li.last a {
	border-bottom: medium none;
}
#vertNav ul.linkliste li.active a {
	font-weight: bold;
}
.products .linkliste li.active a {
	font-weight: bold;
}
.products .linkliste li.active ul li a {
	font-weight: normal;
	line-height: 1.2em;
}
.products .linkliste li.active ul li.active a {
	font-weight: bold;
}
.products .linkliste li.active ul li.active ul li a {
	background-position: 10px 7px;
	/*font-weight: bold;*/
	margin-left: 13px;
	padding-left: 17px;
}
.products .linkliste li.active ul li.active ul li a {
	background-position: 10px 10px;	
	font-weight:normal;
}
.products .linkliste li.active ul li.active ul li.first a {
	background-position: 10px 10px;	
	font-weight:normal;
}
.products .linkliste li.active ul li.active ul li.last a {
	background-position: 10px 10px;	
	font-weight:normal;
}
.products .linkliste li.active ul li.active ul li.active a {
	border-bottom: medium none;	
	font-weight: bold;
	line-height: 1.2em;
}
.products .linkliste li.active ul li.active ul li.active ul li a {
	background-position: 10px 10px;	
	/*font-weight: bold;*/
	margin-left: 20px;
	padding-left: 17px;
}
.products .linkliste li.active ul li.active ul li.active ul li.active a {
	border-bottom: medium none;	
	font-weight: bold;	
}
.products .linkliste li {
	font-size: 1.08em;
}
.products .linkliste li ul li {
	border-bottom: medium none;	
	font-size: 0.92em;
	font-weight: normal;
}
.products .linkliste li ul li ul li {	
	font-size: 1em;
	font-weight: normal;
}
#vertNav ul.linkliste li a, .products ul.linkliste li a {
	background-position: 10px 7px;
	padding: 2px 0 1px 25px;
}
.products ul.linkliste ul li.first a {
	padding-top: 4px;
}
.products ul.linkliste ul li.last a {
	padding-bottom: 4px;
}
#vertNav ul li a:hover {
	text-decoration: underline;
} 
/* Allgemeingltig fr 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;
	height: 1%;
}
#functionBar ul li a, #footer ul li a, #ariadne ul li a, #ariadne ul li.last span {
	color: #408dbf;
	font-size: 0.92em;
	padding-left: 13px;
	text-decoration: none;
}
#footer .floatLeft li {
	margin-left: 16px;
}
/* functionBar *************** */
#functionBar {
	position: absolute;
	overflow: hidden;
	top: -23px;
	left: 226px;
}
#functionBar ul {
	margin-top: 0;
	margin-left: 0;
}
#functionBar ul li {
	margin-right: 24px;
	margin-left: 0;
}
#functionBar ul li a.print {
	background: transparent url(/CLP/images/icons/print.gif) no-repeat scroll 0 1px;
	padding-left: 17px;
}
#functionBar ul li a.top {
	background: transparent url(/CLP/images/icons/arrowblueup.gif) no-repeat scroll 0 0;
}
#functionBar ul li a.back {
	background: transparent url(/CLP/images/icons/arrowblueback.gif) no-repeat scroll 0 0;
}
/* Footer ******************** */
#footer {
	position: relative;
}
#footer ul {
	text-align: right;
	margin: 0 10px 0 0;
	padding-top: 2px;
}
#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: both;
	padding: 0;
	margin: 1px 0 18px 0;
}
#ariadne ul {
	margin: 0;
	padding-top: 2px;
}
#ariadne ul li {
	margin-left: 0;
}
#ariadne ul li.last span {
	color: #58585a;
}
#ariadne ul li a, #ariadne ul li span {
	background: transparent url(/CLP/images/icons/arrowbluenarrow.gif) no-repeat scroll 0 3px;
}
#ariadne ul li.last span {
	padding-left: 10px;
}
#ariadne ul li.first a {
	background: transparent url(/CLP/images/icons/arrowblue.gif) no-repeat scroll 0 3px;
}
/* Linkliste allgemein ****************************************************** */
/* neu 27.10.2009 BBS*/
.headerListe {
	color: #585858;
	font-size: 1em;
	font-weight: bold;
}
.headerLinkliste {
	color: #585858;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
}
.linkliste {
	list-style-type: none;
	margin: 0;
}
#content .linkliste li {
	background: none;
	margin-bottom: 0;
	padding-left: 0;
}
.linkliste li a {
	display: block;
	background: transparent url(/CLP/images/icons/arrow.gif) no-repeat scroll 0 12px;
	line-height: 15px;
	padding: 8px 0 8px 11px;
	border-bottom: 1px dotted #abcbe0;
}
.linkliste li.first a {
	border-top: 1px dotted #ABCBE0;
}
#content .linkliste li a {
	border-color: #b8b3aa;
}
/* flyout braucht ein padding nach rechts */
.flyout .linkliste li a {
	padding-right: 10px;
}

/* Spezielle Listen-Formatierungen ****************************************** */
/* Kleine Schrift */
.linkliste.small {
	width: auto;
	font-size: 0.92em;
}
.linkliste.small br {
	line-height: 0;
}
/* Graue Links */
.linkliste.gray li a {
	color: #58585a;
}
/* Aufzhlungen haben ein Kreuz */
.linkliste.cross li {
	background: transparent url(/CLP/images/icons/cross.gif) no-repeat scroll 0 6px;
}
/* Breitenbeschrnkung fr Linklisten im .medium-Bereich */
.medium .linkliste {
	width: 472px;
}
/* flyout-Links sind immer grau und Block-Elemente */
#sidebar .linkliste {
/*	margin-bottom: 24px; */
}
.flyout .linkliste a {
	display: block;
	color: #58585a;
}
/* 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: 0;
}
/* Weie Links mit weiem Pfeil */
.linkliste.white li {
	background: transparent url(/CLP/images/icons/arrowwhite.gif) no-repeat scroll 0 6px;
	margin-bottom: 4px;
}
.linkliste.white li a, .linkliste.white li span {
	color: #e8e8e8;
}
/* Besonderheiten linke Spalte */
.linkliste.specials li {
	padding-bottom: 17px;
	padding-left: 0;
	background-image: none;
}
.linkliste.specials li {
	padding-left: 0;
	
}
.linkliste.specials li a {
	background-position: 0 5px;
	border-bottom: none;
	padding-top: 0;
	padding-bottom: 0;
}
.linkliste.specials li p {
	padding-left: 11px;
}
div.specialslist {
	margin-left: 12px;
}
.specialslist h2 {
	margin-bottom: 12px;
} 
.graphicTeaser {
	list-style: none;
	margin-top: 109px;
	margin-left: 5px;
}
.graphicTeaser li {
	margin-bottom: 23px;
}

/* Newslist */
.flyout .linkliste.newslist li {
	background-image: none;
	padding-left: 0;
	padding-bottom: 10px;
}
.flyout .linkliste.newslist a {
	background: transparent url(/CLP/images/icons/arrow.gif) no-repeat scroll 0 5px;
	padding-left: 10px;
	border: none;
}
.linkliste.newslist span {
	padding-left: 10px;
}

/* flyout-List */
.flyout .linkliste.service li {
	padding-left: 16px;
}
/* Download-Liste (anderes Symbol, 
   mehr Abstand nach oben im Teaser)  */
.linkliste.downloads li a, .linkliste li.downloads a {
	background: transparent url(/CLP/images/icons/download.gif) no-repeat scroll 0 13px;
}
.teaser .linkliste.downloads {
	margin-top: 10px;
}
/* Blaue Farbe fr link 
   erzwingen (z.B. in grauer Liste) * */
.linkliste li.more a, .flyout .linkliste li.more a {
	color: #408dbf;
}
#sidebar .linkliste .last a {
	border-bottom: none;
}
#sidebar .specialslist {
	font-size: 1.1em;
	margin-right: 5px;
	margin-left: 0;
	padding-left: 0;
}
/* Produkte-Linklisten ************** */
.products {
	margin-bottom: 35px;
	overflow: hidden;
}
.products h2 {
	margin-left: 5px;
}
.products .linkliste a {
	border-bottom: none;
	border-top: 1px dotted #ABCBE0;
}
.products .linkliste a:hover {
	text-decoration: underline;
}
.products .linkliste ul {
	display: block;
	border-top: 1px dotted #ABCBE0;
}
.products .linkliste ul a {
	border: none;
}
.products .linkliste {
	font-size: 0.92em;
}
.products .linkliste ul {
	list-style: none;
	margin-left: 1px;
}
.products .linkliste ul .active {
	background-image: none;
}
.products .linkliste ul a { 
	background-image: none;
}
.products .linkliste ul .active a {
	background-image: url(/CLP/images/icons/arrowbluesmall.gif);
	font-weight: bold;
}
.products .linkliste ul a {
	border-bottom: none;
}
/* ************************************************************************** */

/* Glossar ****************************************************************** */
.glossar {
	background: #fff url(/CLP/images/nav/glossar.gif) no-repeat scroll 0 0;
	width: 463px;
	height: 99px;
	margin-bottom: 12px;
}
.medium .glossar {
	background: #fff url(/CLP/images/nav/glossar-wide.gif) no-repeat scroll 0 0;
	width: 547px;

}
.glossar .inner {
	position: relative;
	width: 100%;
	height: 100%;
}
.glossar form {
	position: absolute;
	left: 120px;
	top: 11px;
}	
.glossar form input.text {
	margin-right: 10px;
}
.glossar .capital {
	position: absolute;
	color: #fff;
	right: 27px;
	top: 10px;
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
}
.glossar .capitalList {
	position: absolute;
	top: 67px;
	left: 12px;
	text-transform: uppercase;
}
#content .glossar .capitalList li {
	background: none;
	float: left;
	padding: 0;
	margin: 0;
}
#content .glossar .capitalList li a {
	font-weight: bold;
	padding: 0 4px;
}
.medium #content .glossar .capitalList li a {
	padding: 0 6px;
}
#content .glossar .capitalList li.active a, #content .glossar .capitalList li a:hover {
	background-color: #fff;
}
.glossarItem {
	margin-bottom: 24px;
}
#content p.glossarHeadline {
	font-weight: bold;
	margin-bottom: 0;
}
#content p.glossarReference {
	font-weight: bold;
}
#content p.glossarReference a {
	font-weight: normal;
}
#content p.glossarText {
	margin-bottom: 0;
}
/* ************************************************************************** */

/* HTML-Elemente ************************************************************ */
/* Form-Elemente ******************** */
input.text {
	padding: 1px 2px 0 2px;
	border: 1px solid #2e82b9;
	color: #2e82b9;
	height: 16px;
	width: 142px;
	font-size: 1em;
}
select {
	border: 1px solid #ddd;
	width: 205px;
	color: #58585a;
	font-size: 1em;
}
select option {
	padding: 0 2px;
}

/* berschriften und 
   Absatz-Formatierung ************** */
a {
	color: #408DBF;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {

}
h1 {
	font-size: 20px;
	margin-bottom: 10px;
	display: none;
}
h2 {
	font-size: 1.33em; /* 16px; */
	margin-bottom: 8px;
	color: #0066aa;
	font-weight: normal;
}
h3 {
font-weight: normal;
	color: #06a;
	font-size: 1.17em;
	margin-bottom: 6px;
}
h5 {	
	font-size: 1.17em;
	margin-bottom: 0;
	font-weight: bold;
	color: #585858;
}

h3 a {
	color: #06a;
}
h3, h4, h4 {
	
}
#content ol {
	margin-left: 3em;
}
#content ul li {
	list-style: none;
	padding-left: 12px;
	background: transparent url(/CLP/images/icons/cross.gif) no-repeat scroll 0 6px;
}
#content ul li, #content ol li {
	line-height: 16px;
	margin-bottom: 8px
}
#content ul li ul, #content ol li ol {
	margin-top: 8px;
	margin-left: 1.5em;
}
/* Falls die zweite Aufzaehlungsebene ein anderes Icon haben soll */
/*
#content ul li ul li {
	background: transparent url(/CLP/images/icons/bluecross.gif) no-repeat scroll 3px 5px;
}
*/
#content ul.chronicle li {
	background: transparent url(/CLP/images/icons/arrow.gif) no-repeat scroll 0 5px;
	line-height: 16px;
	margin-bottom: 16px;
}

a img {
	border: none;
}
img {
	border: none;
}
/* Spezielle berschreibungen ******* */
#content p {
	line-height: 16px;
	margin-bottom: 9px;
}
#content ul, #content table {
	margin-bottom: 21px;
}
.headerLinkliste, table caption {
	font-weight: bold;
	color: #585858;
	border-bottom: 1px dotted #b7b4af;
	margin-bottom: 14px;
}
#content p.headerLinkliste {
	border-bottom: none;
	margin-bottom: 9px;
}
/* neu 27.10.2009 BBS*/

#content p.headerListe 
{
	border-bottom: #b7b4af 1px dotted;	
	margin-bottom: 9px;
	font-weight: bold;
}
#content a:hover, .flyout a:hover, #ariadne a:hover, .teaserInner a:hover {
	text-decoration: underline;
}
/* ************************************************************************** */

/* Tabellen im Content-Bereich ********************************************** */
#content table {
	border-collapse: collapse;
	width: 100%;
}
#content table caption {
	font-size: 1em;
	color: #06a;
	text-transform: uppercase;
	text-align: left;
}
#content table td, #content table th {
	padding: 0 15px 0 5px;
	line-height: 18px;
	text-align: right;
	border-bottom: 1px solid #a6a7ab;
}
#content table .odd {
	background-color: #f2f7fb;
}
/* erweiterung B.B-S */
#content table .oddleft, td.oddleft {
	background-color: #f2f7fb;
	text-align: left;
}
#content table .leftfirst, td.leftfirst {
	text-align: left;	
	padding: 0 !important;
	width: 380px;		
	/*overflow:visible !important;*/
}
#content table .left, td.left {
	text-align: left;
	width: 160px;	
	padding: 0 !important;
}
/* erweiterung Gitti T. */
#content table .oddleft2, td.oddleft2 {
	font-size: 11px;
	text-align: left;
}
td .subheadline {
	/*background-color: #f2f7fb;
	color: #06a;*/
	font-size: 1em;
	margin-bottom: 0;
	font-weight: bold;
	color: #585858;
}
#content table .noborder {
	border: none;	
	margin-bottom: 0px;
	padding: 0px;
	color: #06a;
}
#content table .noborderleft {
	border: none;	
	margin-bottom: 0px;
	padding: 0px;
	text-align: left;
	color: #06a;
}
#content table thead .odd {
	background-color: #fff;
}
#content table thead th {
	padding-top: 8px;
	padding-bottom: 3px;
	color: #0066aa;
	border-bottom: 1px solid gray;
}
#content table thead td {
	color: #58585A;
	border-bottom: none;
}
#content table tbody th {
/*	text-align: left; */
}
#content table thead th.groupHeader {
	color: #58585A;
	text-align: center;
}
#content table tbody {
	/* http://www.ferg.org/section508/accessible_tables.html#contents_item_6.2 */
}
#content table tfoot th, #content table tfoot td {
	font-weight: bold;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}
/* ************************************************************************** */
/* Besondere Content-Styles ************************************************* */
#content .subheadline {
	margin-bottom: 0;
	font-weight: bold;
	color: #585858;
}
.contentItem {
	margin-bottom: 10px;
 	overflow: hidden;
/*	overflow: visible; */
}
.chronicleDetail {
	overflow: visible;
	margin-bottom: 21px;
}
/* ************************************************************************** */
/* Medium Tabelle Ansicht ***************************************************** */
#content .mediumTable {
	border-collapse: collapse;
	width: 574px;
	margin-left: 1px; 
}
.mediumTable tr {
	background-color: #e5f0f6;
}
.mediumTable td {
	width: 226px;
	vertical-align: top;
}
#content .mediumTable td, #content .mediumTable th {
	padding: 0;
	border-bottom: none;
	text-align: left;
}
.mediumTable .tdInner {
	height: 100%;
	margin-right: 10px;
	margin-bottom: 9px;
	background-color: #e5f0f6;
}
* html .mediumTable .tdInner {
	width: 100%; 
}
.mediumTable .last .tdInner {
	margin-right: 0;
}
.mediumTable td.twoCols {
	width: 226px; /*  2x width + 1x padding */
}
.mediumTable td.twoRows {
	height: 230px;
}
.mediumTable td.threeCols {
	width: 574px; 
 	/* Dreifache Hoehe plus 2*10px margin */
}
.mediumTable td.threeRows {
 	height: 350px; /* Dreifache Hoehe plus 2*10px margin */
}
.mediumTable .tdContentInner {
	padding: 10px;
}
.mediumTable .red 
{
	color: #e2001a;
}


/* ************************************************************************** */
/* Dreispaltige Ansicht ***************************************************** */
#content .wideTable {
	border-collapse: collapse;
	width: 700px;
	margin-left: 1px; 
}
.wideTable td {
	width: 226px;
	height: 110px;
	vertical-align: top;
}
#content .wideTable td, #content .wideTable th {
	padding: 0;
	border-bottom: none;
	text-align: left;
}
.wideTable .tdInner {
	height: 100%;
	margin-right: 10px;
	margin-bottom: 9px;
	background-color: #e5f0f6;
}
* html .wideTable .tdInner {
	width: 100%; 
}
.wideTable .last .tdInner {
	margin-right: 0;
}
.wideTable td.twoCols {
	width: 462px; /*  2x width + 1x padding */
}
.wideTable td.twoRows {
	height: 230px;
}
.wideTable td.threeCols {
 	/* Dreifache Hoehe plus 2*10px margin */
}
.wideTable td.threeRows {
 	height: 350px; /* Dreifache Hoehe plus 2*10px margin */
}
.wideTable .tdContentInner {
	padding: 10px;
}
/* ************************************************************************** */

/* Flyout-Container ********************************************************* */
#flyoutContainer {
	overflow: hidden;
	margin-bottom: 17px; /* +12px von den flyouts + br.clearBoth */
	margin-right: 1px;
	width: 239px;
}
dl.flyout {
	float: right;
	background-color: White;
	margin-bottom: 12px;
	margin-left: 0;
	margin-right: 4px;
}
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 .border {
	border-right: 1px solid #e6e4e1;
	border-bottom: 1px solid #e6e4e1;
	border-left: 1px solid #e6e4e1;
	padding: 10px 14px 10px 17px;
	margin: 0;
	width: 202px;
}
/* Listen sollen einen kleineren Abstand haben */
.flyout .border.list {
	padding: 12px 16px 16px 17px;
	width: 200px;
}
/* ************************************************************************** */

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

/* Bilder-Positionierung im Header */
.rweLogo {
	margin-top: 87px;
}
.heading1 {
	position: absolute;
	right: 0;
	top: 94px;
}
/* Helper-Klassen *********************************************************** */
.clearSmall {
	clear: both;
	font-size: 0;
}
.clear, .clearBoth {
	clear: both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.alttext {
	display: none;
}
.alttextH1 {
	display: none;
}
.hidden {
	display: none;
	visibility: hidden;
}
.inline {
	display: inline;
	padding-right: 4px;
}
/* ************************************************************************** */

/* Clearfix, clear floatings without markup ********************************* */
.clearfix:after, .teaserFlyout li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* ************************************************************************** */

/**
-------------------------------------------------------------
Stylesheet fr: my generic RWE-Buttons					
Medien:         Bildschirme und Projektoren
Autor:          Matthias Hnle
------------------------------------------------------------- */


/** 
-------------------------------------------------------------
     Allgemeine Styles fr 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 ntig, 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; /* Fr 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:		LEW Button   ->   */
/*=================================================*/

/**	BUTTON definition
------------------------------------------------------------- */
button.cssbutton.ezaehler {background: transparent url("/CLP/images/buttons/eintarifzaehler.png") no-repeat 0 center;} /* Horizontal BG Positioning */
button.cssbutton.zzaehler {background: transparent url("/CLP/images/buttons/zweitarifzaehler.png") no-repeat 0 center;} /* Horizontal BG Positioning */
button.cssbutton.loeschen {background: transparent url("/CLP/images/buttons/loeschen.png") no-repeat 0 center;} /* Horizontal BG Positioning */

/* IE 6 kann keine Alphatransparenz, keine Nutzung der ActiveX-Filter wg. mglicher Securityeinstellungen (und ActiveX-Warnungen) */
* html button.cssbutton.ezaehler {background: transparent url("/CLP/images/buttons/eintarifzaehler.gif") no-repeat 0 center;} /* Horizontal BG Positioning */
* html button.cssbutton.zzaehler {background: transparent url("/CLP/images/buttons/zweitarifzaehler.gif") no-repeat 0 center;} /* Horizontal BG Positioning */
* html button.cssbutton.loeschen {background: transparent url("/CLP/images/buttons/loeschen.gif") no-repeat 0 center;} /* Horizontal BG Positioning */

/** LINK definition  
------------------------------------------------------------- */
a.cssbutton.ezaehler {background: transparent url("/CLP/images/buttons/eintarifzaehler.png") no-repeat 0 center;} /* Horizontal BG Positioning */
a.cssbutton.zzaehler {background: transparent url("/CLP/images/buttons/zweitarifzaehler.png") no-repeat 0 center;} /* Horizontal BG Positioning */
a.cssbutton.loeschen {background: transparent url("/CLP/images/buttons/loeschen.png") no-repeat 0 center;} /* Horizontal BG Positioning */

/* IE 6 kann keine Alphatransparenz, keine Nutzung der ActiveX-Filter wg. mglicher Securityeinstellungen (und ActiveX-Warnungen) */
* html a.cssbutton.ezaehler {background: transparent url("/CLP/images/buttons/eintarifzaehler.gif") no-repeat 0 center;} /* Horizontal BG Positioning */
* html a.cssbutton.zzaehler {background: transparent url("/CLP/images/buttons/zweitarifzaehler.gif") no-repeat 0 center;} /* Horizontal BG Positioning */
* html a.cssbutton.loeschen {background: transparent url("/CLP/images/buttons/loeschen.gif") no-repeat 0 center;} /* Horizontal BG Positioning */

/** INPUT definition 
------------------------------------------------------------- */
span.cssbutton.ezaehler {background: transparent url("/CLP/images/buttons/eintarifzaehler.png") no-repeat 0 center;} /* Horizontal BG Positioning */
span.cssbutton.zzaehler {background: transparent url("/CLP/images/buttons/zweitarifzaehler.png") no-repeat 0 center;} /* Horizontal BG Positioning */
span.cssbutton.loeschen {background: transparent url("/CLP/images/buttons/loeschen.png") no-repeat 0 center;} /* Horizontal BG Positioning */

/* IE 6 kann keine Alphatransparenz, keine Nutzung der ActiveX-Filter wg. mglicher Securityeinstellungen (und ActiveX-Warnungen) */
* html span.cssbutton.ezaehler {background: transparent url("/CLP/images/buttons/eintarifzaehler.gif") no-repeat 0 center;} /* Horizontal BG Positioning */

@-moz-document url-prefix() {
	button.cssbutton.ezaehler { 
		margin-right: -3px;
	}
}
* html span.cssbutton.ezaehler {background: transparent url("/CLP/images/buttons/zweitarifzaehler.gif") no-repeat 0 center;} /* Horizontal BG Positioning */

@-moz-document url-prefix() {
	button.cssbutton.zzaehler { 
		margin-right: -3px;
	}
}	
* html span.cssbutton.ezaehler {background: transparent url("/CLP/images/buttons/zweitarifzaehler.gif") no-repeat 0 center;} /* Horizontal BG Positioning */

@-moz-document url-prefix() {
	button.cssbutton.zzaehler { 
		margin-right: -3px;
	}
}	

/*=================================================*/
/*		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. mglicher 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. mglicher 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. mglicher 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;
}
.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 .leftH60 {
	float: left;
	width: 140px;
	font-weight: bold;
}
.tableView .rightH60 {
	float: right;
	width: 277px;
}
/* hinzugefgt wegen Hhe ******* */
/* von Edda hinzugefgt von hier ******************************************************** */
.tableView .leftboth {
	float: left;
	width: 472px;
/*	font-weight: bold;  */
}
.tableView .hoch {
	float: left;
	width: 472px;
/*	font-weight: bold;  */
}
.tableView .lefthoch {
	float: left;
	width: 140px;
/*	font-weight: bold;  */
}
.tableView .righthoch {
	float: right;
	width: 277;
/*	font-weight: bold;  */
}
.tableView .bothhoch {
	float: left;
	width: 277;
/*	font-weight: bold;  */
}
/* bis her von Edda hinzugefgt ******************************************************** */
/* ************************************************************************** */

/* Lightbox-Image-Styles **************************************************** */
.lightbox {
  position: relative;
  width: 288px;
  height: 96px;
}
.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;
}


/*Erweiterung schmale Bilder */
.lightbox144 {
  position: relative;
  width: 144px;
  height: 96px;
}
.lightbox144 .overlay {
	position: absolute;
	right: 1px;
	bottom: 1px;
	height: 16px;
}
.lightbox144 .overlay img {
	position: relative;
	opacity: 0.9;
}
.lightbox144.lright {
	float: right;
	margin: 5px 0 5px 10px;
}
.lightbox144.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;
}
/* ***************************************************** */
/* fr Formular von Edda 11.09.2009 hinzugefgr wegen Hhe */
form .tableView .hoch, form .tableView .lefthoch, form .tableView .righthoch .bothhoch
{
	display:block;
	color: #287EB9;
	background-color: #F2F7FB;
	margin-bottom: 2px;
	padding-top: 4px;
}
form .tableView .hochleftboth {
	width: 290px;
}
.tableBGblau
{
	color: #287EB9;
 	background-color: #F2F7FB;
 	padding-top: 4px; 	
	width: 290px; 	
}
/* **************************************************** */
form .tableView .left, form .tableView .right, form .tableView .leftboth {
	display: block;
	color: #287EB9;
	background-color: #F2F7FB;
	height: 23px;
	margin-bottom: 2px;
	padding-top: 4px;
}
form .tableView .leftH60, form .tableView .rightH60 {
	display: block;
	color: #287EB9;
	background-color: #F2F7FB;
	height: 60px;
	margin-bottom: 2px;
	padding-top: 4px;
}
form .tableView .lefthoch, form .tableView .righthoch .tableView .bothhoch {
	display: block;
	color: #287EB9;
	background-color: #F2F7FB;
	/*height: 23px;*/
	margin-bottom: 2px;
	padding-top: 4px;
}
form .tableView .left, form .tableView .lefthoch, form .tableView .leftH60 {
	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, form .tableView .righthoch .bothhoch {
	width: 277px;
}
form .tableView {
	margin-bottom: 4px;
}
form input.wide {
	width: 252px;
}
form input.widehoch {
	width: 252px;
	height: 50px;
}
form textarea.widehoch {
	width: 432px;
	height: 50px;
	overflow:auto;
}
form input.wide150hoch {
	width: 252px;
	height: 150px;
}
form textarea.wide150hoch {
	width: 432px;
	height: 150px;
	overflow:auto;
}
form input.iZip {
	width: 75px;
}
form input.iTown {
	width: 167px;
}
form input.iEMailName {
	width: 100px;
}
form input.iEMailDomain {
	width: 127px;
}
/* Formular-Felder */
form input.text {
	border: 1px solid #2E82B9;
}
form textarea {
	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;
  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;
}
#Scroller {
	background-color: #fff;
	position: absolute;
	width: 60px;
	height: 620px;
	top: 0;
	right: 0;
}
#Scrollerunten {
	background-color: #fff;
	position: absolute;
	width: 620px;
	height: 50px;
	bottom: 0;
	right: 50;
}
/* Zeitleiste IR - erg. BBS */
#content .Nav {
	float: left;
	margin: 0;
	list-style-type: none;
	padding-left: 0;
	border-right:#1F79B4 1px solid;
}
/* Schrift auf Bildlinks ausblenden */
#content .Nav li a.image span {
	visibility: hidden;
}
#content .Nav ul li {
	background: url("/CLP/images/bg/bg_white.png");
    list-style: none outside none;
   padding-left: 0; 
   border-right:#1F79B4 1px solid;
}
#content .Nav li {
	text-align: center;
	font-weight: bold; /*  font-size: 12px; */
	color: #1f79b4;
	padding: 8px 13px 1px 13px;
	height: 22px;
	font-size: 1.2em;
	display: block;
	margin-left: 0;
	float: left;
	border-top:#1F79B4 1px solid;
	border-bottom:#1F79B4 1px solid;
	border-left:#1F79B4 1px solid;
	/*border: thin solid #1F79B4;*/
	display: block;
	background: url("/CLP/images/bg/5-bg.png") ;
	background-color: #1F79B4;
}

#content .Nav li a {
	font-weight: normal; /*  font-size: 12px; */
		/*background-color: White;
background: url("/CLP/images/bg/bg_white.png") ;*/
}