/*
* energie-bkk.vitawo.de
*
* Farben
* DunkelBlau #CC071E
*
* MittelBlau #FCDCC2

* HellBlau #FEEBDB
*
* Rot #D1030D
* Gelb #FEEC1E
*/

html, body, div, p, h1, h2, h3 
span, a, table, td, form, img, li {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
body {
	font-size: 75%;
	background-color: #FFFFFF;
	line-height: 1.35;
	margin-left: 10px;
	margin-bottom: 10px;
}

h1 { font-size: 1.6em;}
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }

h1, h2, h3, h4 { clear: both; }

p {margin: 1em 0; padding: 0}
ul {list-style-type: disc;}
.invisible { position: absolute; left: -2500px; display: none;}
#printHeader { display: none;}
.info { display:none; }
.clear { clear: both; }
.center { text-align: center; }

img { border: 0; }
.imgLeft { float: left;  margin: 4px 10px 2px 0;}
.imgRight { float: right; margin: 4px 0 2px 10px; }

/* +++++ +++++ */

	
a {
	color: #CC071E;
}
a:hover {
	text-decoration: none;
}

a.more {
	padding-left: 8px;
	background: transparent url(/images/linkArrow.gif) no-repeat 2px 6px;
}


a.download { padding: 2px 0 2px 25px ; }
a.pdf { background: transparent url(/images/media_pdf.gif) no-repeat; }
a.ppt { background: transparent url(/images/media_ppt.gif) no-repeat; }
a.txt { background: transparent url(/images/media_txt.gif) no-repeat; }
a.doc { background: transparent url(/images/media_doc.gif) no-repeat; }
a.xls { background: transparent url(/images/media_xls.gif) no-repeat; }
a.zip { background: transparent url(/images/media_zip.gif) no-repeat; }
a.swf {	background: transparent url(/images/media_swf.gif) no-repeat; }
a.mov {	background: transparent url(/images/media_mov.gif) no-repeat; }
a.mp3 {	background: transparent url(/images/media_mp3.gif) no-repeat; }


#docServiceBoxTop, #docServiceBoxBottom {
	position: relative;
	text-align: right;
	z-index: 150;
	padding: 0.5em;
}
#docServiceBoxTop {
	display: none;
}
.serviceBox {
	display: inline;
	padding: 0.5em;
}
.serviceBox ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
.serviceBox li {
	float: left;
	margin-left: 20px;
}
.serviceBox a {
	font-size: 0.9em;
}
.aPrint a, .aRecommend a {
	padding-left: 20px;
}
.aPrint a {
	background: transparent url(/images/butt_print.gif) no-repeat 0;
}
.aRecommend a {
	background: transparent url(/images/butt_send.gif) no-repeat 0;
}



h1, h2, h3, h4 {
	color: #CC071E;
}
h1 {}

h2 {
	border-top: dashed 1px #CC071E;

	font-size: 1em;
	color: #CC071E;
}


h1.docHeadline {
	clear: none;
}
h1.small {
	font-family: Arial, sans-serif;
	font-size: 1em;
}
.date {
	font-size: 0.8em;
	color: #5F605F;
}
.button {
	font-size: 1em;
	border: solid 1px #000;
	border-color: #fff #FCDCC2 #FCDCC2 #fff;
	color: #CC071E;
	background-color: #FCDCC2;
}



/* ++++++++++ Formulare allgemein ++++++++++ */



form {
	margin: 0;
	padding: 0;
}
fieldset {
	border: solid 1px #FCDCC2;
}

#formBox {
	padding: 12px;
}



.check {
	float: left;
}



.label, .labelError {
	float: left;
	width: 120px;
	color: #000;
}

.labelError, .err {
	color: #990000;
}
.err {
	padding: 10px 0;
}

.formSet {
	clear: both;
	padding: 3px 10px 3px 5px;
}

.formSet .checkBoxLabel {
	display: block;
	padding-left: 25px;
}
.formSet .radioBoxLabel {
	float: none;
	display: inline;
	width: auto !important;
	position: relative;
	top: -1px;

}

input, select {
	width: 180px;
}
input.button , .radio, .check, .submitButton, #searchButton, #loginButton {
	width: auto !important;
}

.InputReadOnly {
	font-weight: bold;
	margin-top: 3px;
}

#loginform, #pwdreq {

}

/* --- Kontaktformular Button --- */

#submit1 {
	margin-left: 100px;
}


/*neu*/
.fieldset {
	border: solid 1px #FCDCC2;
	padding: 1em;
	width: 250px;
}

.fieldset label {
	float: left;
	width: 100px;
	color: #000;
	clear: both;
}
.fieldset input {
	float: right;
	width: 120px;
}
.fieldset input.button {
	width: auto;
}
.fieldset div {
	border: solid 1px #FEEBDB;
}

/*eo neu*/



/* ++++++++++  ++++++++++ */

#pageHolder {
	position: relative;
	margin-top: 10px; /* Für Banner oben */

	width : 800px;
	background: transparent;
}

#header {
	height: 126px;
	background: transparent url(/images/logoBanner.jpg) no-repeat;
}
#logoBox {}
#logoBannerBox {
display: none;
	position: absolute;
	top: 20px;
	left: 220px;
}
#subHeader {}

#currDate {
	position: absolute;
	right: 20px;
	top: 2px;
	font-size: 0.9em;
	color: #fff;
}

#loginStatus {
	position: absolute;
	top: 108px;
	right: 15px;
	color: #fff;
	font-size: 0.9em;
}
#loginStatus a {
	color: #fff;
}


#contentHolder { }


/* ++++++++++ Navigationsspalte (Hauptnavigation, Anmeldung, Suche, Partnerangebote) ++++++++++ */

#nav {
	font-size: 0.8em;
	float: left;
	width : 160px;
	padding-top: 8px;
}

#nav h3 {
	font-size: 1em;
	padding: 4px 6px;
	margin: 0;
	background-color: #FCDCC2;
	color: #CC071E;
}
#nav p {
	padding: 2px 10px;
}

#nav ul {
	margin: 0; padding: 0; list-style: none;
}
#nav li {
	padding: 5px 0 5px 6px;
}
#nav li p {
	margin: 0;
	padding: 2px 0;
}
/* --- Login --- */

#loginBox {
	background: #FEEBDB;
	margin-bottom: 6px;
	
	padding-top: 5px;
}
#loginBox .formSet {
	clear: both;
	padding: 1px 10px 1px 5px;
}
#loginBox .formSet label {
	float: left;
	position: relative;
	top: 2px;
}
#loginBox .formField {
	float: right;
	font-size: 0.9em;
	width: 80px;
}
#loginButtonBox {
	height: 12px;
	clear: both;
	padding: 3px 10px 0 5px;
}
#loginButtonBox label {
	float: left;
}
#loginButton {
	float: right;
}
#loginOrderBox {
	clear: both;
	margin-top: 10px;
	padding: 2px 10px 4px 5px;

}
#loginBox p {
	margin-top: 0;
}
#loginformHint {
	color: #cc0000;
}

/* --- Hauptmenü --- */

#mainMenu {
	background: #FEEBDB;
}
#mainMenu li {
	padding: 0;
	border-bottom: solid 2px #fff;
}
#mainMenu a {
	display: block;
	width: 135px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 0 5px 6px;
	background-color: transparent;
}
#mainMenu a:hover {
	
}
#mainMenu a.select {
	color: #CC071E;
}
#mainMenu ul {
	margin: 0; padding: 0; list-style: none;
	padding-bottom: 5px;
}
#mainMenu ul li {
	background: transparent;
	padding: 0;
	border: none;
}
#mainMenu ul a {
	font-weight: normal;
	padding: 1px 0 1px 15px;
}

/* --- Suchbox --- */

#searchBox {
	background: #FCDCC2;
	margin-bottom: 6px;
	padding: 1px 5px 1px 10px;
	text-align: right;
	border: solid 1px #FEEBDB;
}
#searchBoxLabel {
	display: none;
}
#searchField {
	font-size: 0.9em;
	width: 95px;
}
#searchBoxButton {
}





/* ++++++++++ Haupinhalt ++++++++++ */

.text {
	padding-bottom: 1em;
}


#contentBox {
	float: left;
	position: relative;
	width : 420px;
	padding: 0 10px;
}
#content {
	position: relative;
	z-index: 200;
}


/* --- Pfadnavigation --- */

#breadcrumb {
	padding: 2px 0 5px 0;
	font-size: 0.9em;
	position: relative;
	z-index: 50;
	margin-bottom: 10px;
}
#breadcrumbSpacer {
	height: 8px;
	line-height: 1px;
	font-size: 1px;
	position: relative;
	padding-bottom: 12px
}

#contentBox h1 {
	position: relative;
	z-index: 100;
	margin-bottom: 0.5em;

}
#contentBox h1.catHeadline {
	width: 185px;
}
#contentBox h1.docHeadline {
	width: 300px;
}

#rubImage {
		display: none;
	width: 420px;
	height: 250px;
	position: absolute;
	top: 0;
	z-index: 1;
	background-color: transparent;
	background-position: top right;
	background-repeat: no-repeat;
}
#rubDocImage {
		display: none;
	width: 190px;
	height: 122px;
	position: absolute;
	top: 0;
	left: 240px;
	z-index: 1;
	background: #FEEBDB;
}

/* --- TeaserBoxen --- */

.teaserBox {
	margin-bottom: 20px;
}
.teaserBox h2 {
	margin-bottom: 10px;
}
.teaserBox h3 {
	font-size: 1.4em;
	font-weight: normal;
	clear: none;
	margin: 0;
}
.teaserBox img {
	float: left; 
	margin: 6px 10px 2px 0;
}
.teaserBox p {
	margin: 0;
}
.teaserBox ul {
	clear: both;
	margin: 1em 5px;
	margin-top: 2em;
	padding: 0;
	list-style: none;
}
.teaserBox ul li {
	position: relative;
	padding:0;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	background: #FEEBDB url(/images/linkArrow.gif) no-repeat 7px 7px;
	padding-left: 15px;
}
.teaserBox ul a {
	display: block;
	position: relative;
	text-decoration: none;
	padding: 1px 10px 0 2px;
	background-image: none;
}
.teaserBox ul a:hover {
	text-decoration: none;
}
.teaserBox ul p {
	padding: 0 10px 1px 2px;
}

/* --- Listenansicht --- */

#sort {
	font-size: 0.9em;
}
#docList {
	position: relative;

	z-index: 150;
}
#docList.docCat {

}

.docListItem {
	clear: both;
	padding: 1em 0;
}
.docListItem .date {}
.docListItem h3, .docListItem h3 a {
	font-weight: bold;
}
.docListItem h3 {
	color: #FCDCC2;
	margin: 0;
	padding: 0;
	clear: none;
}
.docListItem h3 a {
	clear: none;
	text-decoration: none;
}
.docListItem h3.locked
{
	padding-left: 20px;
	background: url(/images/lock.gif) no-repeat left;
}
.docListItem p {
	margin: 0;
	padding: 0;
}
.docListItem ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.docListItem img {
	float: left;
	position: relative;
	margin: 3px 10px 2px 0;
}
#docList.region .docListItem h3 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

/* -- Medien unter Listenelementen --*/

.docListItemList {
	position: relative;
	background: #FEEBDB;
	border: solid 1px #FEEBDB;
	border-color: #fff #FEEBDB #FEEBDB #fff;
	padding: 0.3em;
	margin-top: 10px;
	font-size: 0.8em;
}

.docListItemList .mp3Player {
	background: #FEEBDB;
	padding: 0 0 0 25px;
	position: relative;
	background: #B3BDE2 url(/images/media_player_list.gif) no-repeat;
	border-bottom: solid 1px #fff;
}



.docListItemList ul.docMedia {
	position: relative;
}
.docListItemList ul.docMedia li {
	padding: 6px 0 6px 30px ;
	border-bottom: solid 1px #fff;
	background-color: #B3BDE2;
}
.docListItemList ul.docMedia a.download {
	padding: 6px 0 6px 0 ;
}
.docListItemList li.mp3 {
	background: transparent url(/images/media_mp3_list.gif) no-repeat;
}
.docListItemList li.pdf {
	background: transparent url(/images/media_pdf_list.gif) no-repeat;
}

.docListItemList ul.docMedia a.mp3 {
	background: transparent none;
}
.docListItemList ul.docMedia a.pdf {
	background: transparent none;
}

.docListItemList ul.docQLinks {
	padding-left:10px;
}
.docListItemList ul.docQLinks img {
	float: left;
}
.docListItemList ul.docQLinks a {

}

.docListItemList table {
	position: relative;
	border-collapse: collapse;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 1em;
}
.docListItemList td {
	vertical-align: top;
}

/* --- Langtext --- */

.docMarketingTop, .docMarketingBottom {
	position: relative;
	z-index: 150;
	border: solid 1px #990000;
	padding: 0.5em;
	margin-bottom: 1em;
	font-size: 0.9em;
}
.docMarketingBottom {
	margin-top: 1em;
}

/* --- SuchSeite --- */

#searchForm {

	width: 400px;
	margin-bottom: 20px;
}

#searchForm label {
	clear: both;
	float: left;
	width: 80px;
	margin-top: 3px;
}
#searchForm input, #searchForm select {
	margin-bottom: 5px;
	font-size: 10px;
	width: 215px;
}

/* --- Suche Ergebnis ---- */

#searchResultBox {
	position: relative;
	width: 100%;
	border: solid 1px #FEEBDB;
	voice-family: "\"}\""; /* Hack für IE 5.x Browser. Zuerst IE 5.x-Werte, dann andere. */
	float: left;
	border: none;
}
html>#searchFieldBox input {
	float: left;
	border: none;
}

#searchResultBox h3 {
	margin: 0;
}
#searchResultBox p {
	margin-top: 0;
}


/* ++++++++++ rechte Spalte ++++++++++ */


#sideBar {
	float: right;
	width : 190px;
	padding-top: 20px;
}
.sideBarBox {
	padding: 8px 0 15px 0;
}

.sideBarBox ul {
	clear: both;
	margin: 0; padding: 0; list-style: none;
}
.sideBarBox li {
	padding: 1px 0;
}
.sideBarBox ul a {
	padding-left: 8px;
	background: transparent url(/images/linkArrow.gif) no-repeat 0 5px;
}

.sideBarBox p {
	margin: 0;
	padding: 0;
}
.sideBarBox .docListItem {
	padding: 0;
}
.sideBarBox .docListItem h3 a {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#sideBar .norm {}
#sideBar .high ul a {
	background: transparent url(/images/linkArrow_high.gif) no-repeat 2px 6px;
}

#sideBar h2.norm {}
#sideBar h2.high {}

/* --- Produkte --- */

#prodList li {
	padding: 0;
	margin: 0;
	width: 190px;
	background-color: #FEEBDB;
	border-bottom: solid 1px #fff;
}
#prodList li.abo {
	background: #FEEBDB url(/images/icon_abo.gif) no-repeat top left;
}
#prodList li.eBook {
	background: #FEEBDB url(/images/icon_eBook.gif) no-repeat top left;
}
#prodList li.podcast {
	background: #FEEBDB url(/images/icon_podcast.gif) no-repeat top left;
}
#prodList li.newsletter {
	background: #FEEBDB url(/images/icon_newsletter.gif) no-repeat top left;
}
#prodList a {
	display: block;
	margin-left: 22px;
	padding: 4px 8px;
	width: 152px;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.9em;
	background-color: #FEEBDB;
	background-image: none;
}
#prodList a:hover {
	background-color: #FCDCC2;
}

/* ++++++++++ Seitennavigation (nach oben...) ++++++++++ */
#pageNav {
	clear: both;
	display: none;
}


/* ++++++++++ Fußzeile ++++++++++ */

#footer {
	clear: both;
	padding: 1em 195px 2em 175px;
	text-align: center;
}
#serviceNav {
	font-size: 0.9em;
	border-top: solid 1px #FCDCC2;
	padding-top: 0.5em;
}
#footerAdress {
	padding-top: 1em;
	font-size: 0.9em;
	color: #666;
	text-align: center;
	padding: 0.51em 160px;
}
#footerAdress a {
	color: #666;
}
/* ++++++++++ Banner ++++++++++ */

#BannerLft {
	text-align: center;
	margin-top: 1em;	
}
#BannerLft a {
	display: block;
	margin-bottom: 1em;	
}

#topBannerBox {
	position: absolute;
	top:0;
	left:0;
	width: 980px;
	height: 60px;
	padding: 10px 0;
}

#topBanner1, #topBanner2 {
	width: 468px;
	height: 60px;
	padding: 0 3px;
}
#topBanner1 {
	float: left;
}
#topBanner2 {
	float: right;
}
#sideBannerBox {
	position: absolute;
	left: 820px;
	top: 80px;
}
#sideBanner1, #sideBanner2, #sideBanner3, #sideBanner4 {
	text-align: center;
	margin-bottom: 10px;
}


/* ---- Selectbox-Box zur darstellung und Auswahl v. Unterkategorien ---- */
#subCatSelBoxBox {
	position: relative;
	height: 30px;
	margin: 25px 0;
}
#subCatSelBoxInfo {
	position: absolute;
	left: -25px;
	top: 7px;
}
#subCatSelBox {
	float: right;
	position: relative;
	padding: 4px;
	background-color: #E4E4E4;
}
#subCatSelBox label {
	float: left;
	position: relative;
	top: 2px;
	padding: 0 16px 0 5px;
	font-weight: bold;
}
#subCatSelBox select {

}

/* ---- Navigation Liste  ---- */
.siteGrpNav {
	position: relative;
	margin-top: 15px;
	width: 100%;
}
.siteGrpNavImgPrev {
	position: absolute;
	left: 0;
	top: 0;
}
.siteGrpNavImgNext {
	position: absolute;
	right: 0;
	top: 0;
}
.siteGrpNavText {
	text-align: center;
}
.siteGrpNavTextFromTo, .siteGrpNavTextMax {
	font-weight: bold;
}

/*  Buttons  */

.siteGrpNav a.buttonRight, .siteGrpNav a.buttonLeft, .siteGrpNav a.button {
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1em;
	display: block;
	width: 85px;
	text-decoration: none;
	padding: 1px 1px 1px 16px;
	border-width: 1px;
	border-style: solid;
	border-color: #E4E4E4 black black white;
}

.siteGrpNav a.button {
	background: #E4E4E4 url(/images/arrow.gif) no-repeat 0.5em 0.4em;
}

.siteGrpNav a.buttonRight {
	position: absolute;
	right: 0;
	top: 0;
	background: #E4E4E4 url(/images/arrow.gif) no-repeat 0.5em 0.4em;
}

.siteGrpNav a.buttonLeft {
	position: absolute;
	left: 0;
	top: 0;
	background: #E4E4E4 url(/images/arrowL.gif) no-repeat 0.5em 0.4em;
}

.siteGrpNav a:hover.buttonRight, .siteGrpNav a:hover.buttonLeft, .siteGrpNav a:hover.button {
	padding: 1px 0 1px 17px;
	border-color: black white white black;
	background-position:  0.55em 0.4em;
	text-decoration: none;
}

.siteGrpNav a:hover.buttonRight, .siteGrpNav a:hover.button {
	background-image:  url(/images/arrow.gif);
}
.siteGrpNav a:hover.buttonLeft {
	background-image:  url(/images/arrowL.gif);
}