
* {
	margin:0;
	padding:0;
}

body,html {
	height:100%;
	border: 0;
}

body {
	margin: 20px;
	padding: 0;
	border: 0;
	background-color:#FFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	color:#000;
}


#Header img {
	display:none;
}

#Header a.logo {
	display:block;
	padding:0 0 20px 0;
	background:url(../../images/logos/ruvlogo_neu.gif) no-repeat 0;
	width:96px;
	height:37px;
}


h1 {
	color: #003399; 
	font-size: 14px;
	font-weight: bold;
}

h2 { 
	color: #003399; 
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
}
h3 {
	font-size:12px;
	margin-bottom: 20px;
}

h4 {
	font-size: 11px;
	margin-bottom: 10px;
}

h4.absatzheadlineFirst,
h4.absatzheadline {
	clear:both;
	margin: 20px 0 10px 0;
}

h5, h6 { 
	color: #000; 
	font-size: 11px;
	font-weight: bold;
}

p {
	margin: 0 0 17px 0;
	line-height:1.3em;
}

abbr {
	cursor:help;
	border: 0;
}

q {
	font-style:italic;
}

#cFooter {
	clear:both;
	display:inline-block;
	margin: 0;
}

#cFooter:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	font-size:1px;
}

#produktfooter {
	margin: 0 0 0 8px;
	float:left;
	width:288px;
	padding-bottom:17px;
	display:inline-block;
	line-height: 122%;
}

#produktinfo {
	margin:0;
	float:right;
	width:205px;
	padding-bottom:17px;
	display:inline-block;
	line-height: 122%;
}

#produktfooter h5,
#produktinfo h5 {
	margin:0px 0px 17px 0px !important;
	padding:7px 10px 5px 13px !important;
}

.pfooterinnen h5 {
	background-color:transparent;
	border-bottom:0px;
	margin-bottom:0px !important;
}


#produktfooter h6,
#produktinfo h6 {
	padding:0px 0 2px 13px !important;
	margin:0px 0px 0px 0px !important;
}


.pfooterinnen ul {
	list-style-type:none;
	margin-left:10px;
	margin-right:10px;
	padding-bottom:14px;
}

.pfooterinnen li {
	padding-bottom: 3px;
}

.pfooterinnen a {
	display:block;
	background-image: url(../../images/background/mli.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	padding:0px 5px 0px 15px;
}


.pfooterinnen a.pfaktiv {
	background-image: url(../../images/background/mlia.gif);
	font-weight: bold;
}


/*
-----------------------------------------------------------
 Footer mit den Pagetools Zurück, Drucken und Feedback (kac)
*/
#ptFooter {
	clear:both;
	display:inline-block;
	margin:0;
	padding: 10px 0 10px 0;
}

#ptFooter:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	font-size:1px;
}

#ptFooter a {
	display:block;
	float:left;
	padding-left: 27px;
	padding-bottom: 8px;
	text-decoration:none;
}

#ptFooter span {
	float:left;
	
}
#ptFooter .backBox {
	width: 35%;
	margin: 0;
	background: url(../../images/icon/icon_pfeil_links.gif) no-repeat;
}

#ptFooter .printBox {
	width: 40%;
	background: url(../../images/icon/icon_druck.gif) no-repeat;
}

#ptFooter .mailBox {
	width: 20%;
	background: url(../../images/icon/icon_email.gif) no-repeat;
}

#ptFooter .ptFooterText {
	float:left;
	padding-left: 0;
}


.hide,.unsichtbar,hr  {
	display:none;
}

fieldset,img {
	border:0;
}

ul {
	list-style-type:disc;
}

.Clear {
	clear: both;
}



/*
 =========================================================
 Zum Seitenanfang
*/
.nachoben {
	text-align:right;
	margin-top:2px;
}

.nachoben img {
	display:none;
}

.nachoben a {
	width:100%;
	display:block;
	background-image:url(../../images/background/tt.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:14px;
}

.skipmenue {
	display: none;
}



/*
 =========================================================
 Übernahme aus alten Stylesheet 
*/

.fixfloat {
	clear:both;
}

#textLinker1 {
	position:absolute;
	border:1px solid #F37021;
	background-color:#BCD0EB;
	width:165px;
	padding:5px;
	font-weight:bold;
	display:none;
}

#loginstatus {
	display: none;
}




/*
 =========================================================
 Pagetools (oben rechts)
*/


#pagetools {
display:none;
	position:absolute;
	padding-left:430px;
	top:301px;
	text-align:right;
}

#pagetools a {
	display:block;
	float:left;
	height:18px;
	width:20px;
	background-color:#D6E3F1;
	margin-left:8px;
	text-decoration:none;
}

#pagetools a span {
	display:none;
}

#back {
	background-image:url(../../images/icon/icon_pfeil_links.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
}


#print {
	background-image:url(../../images/icon/icon_druck.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
}


#mail {
	background-image:url(../../images/icon/icon_email.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
}


/*
 =========================================================
 Pagenav - nummerierte Navigation (oben rechts content)
*/


#pagenav {
	float:right;
	text-align:center;
}


#pagenav:after {
	content:".";
	display:block;
 	visibility:hidden;
	clear:both;
	height:1px;
	font-size:0px;
}

#pagenav a {
	display:block;
	float:left;
	height:16px;
	width:16px;
	margin-left:3px;
	padding-top:2px;
	text-decoration:none;
}


#pagenav a.active {
	font-weight:bold;
}

#pn {
	margin-top:-16px !important;
}



/* ----------------------------------
			INFOFLOATER
-------------------------------------*/

#floaterbody {
	font-family: Arial,Helvetica,sans-serif;
	padding: 0;
	margin: 0;
}

#floaterbody #Header {
	background-image: none;
	background-color: transparent;
	height: 89px;
}

#floaterbody #Header a.logo {
	background-image:url(../../images/logos/ruvlogo_klein.gif);
	background-position: 27px 22px;
	width:96px;
	height:37px;
}


#floaterbody #xblock {
	position: absolute;
	top: 70px;
	left: 0;
	width: 26px;
	height: 19px;
}

#PrintFooter {
	display: none;
}

/*
 End Standard Elemente
 ---------------------------------------------------------
*/


/*
 =========================================================
 list0 Normale Aufzählungsliste mit Punkten, zweite Ebene
 hat kleinere Punkte
*/

ul.list0,
ul.liste {
	margin:12px 0 15px 60px;
}

ul.list0:after,
ul.liste:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:1px;
	font-size: 0;
}


.list0  li ul,
.liste  li ul {
	margin: 0 0 0 30px !important;
	padding: 0;
	margin-top: 0 !important;
}



.invis {
	background:transparent !important;
}

/*
 End list0
 ---------------------------------------------------------
*/

/*
 =========================================================
 Bildblock über  den gesamten Inhaltsbereich, mit opt.
 Bildunterschrift
*/

.LImgContainer {
	padding:0;
,	margin:15px 0;
}

.LImgContainer p {
	margin:5px 0 0 0 !important;
}



/*
 =========================================================

 TeaserLeft: Textblock, mit Bild + opt. Bildunterschrift
 links, Text fliesst rechts um den Bildblock
 */


.TeaserLeft {
	margin: 0 0 17px 0;
	display:inline-block;
	width: 100%;
	
}

.TeaserLeft:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:1px;
	font-size: 0;
}

.TeaserLeft div {
	float:left;
	margin-right:10px;
}

.TeaserLeft div p {
	margin:5px 0 0 0 !important;
	width:130px;
}


/*
 End TeaserLeft

 ---------------------------------------------------------
*/


/*
 =========================================================
 TeaserRight: Textblock, mit Bild + opt. Bildunterschrift
 rechts, Text fliesst links um den Bildblock

*/


.TeaserRight {
 margin:-4px 0 -10px 0;
 display:inline-block;

}

.TeaserRight:after {
 content:".";
 display:block;
 visibility:hidden;
 clear:both;
 height:1px;
 font-size: 0;
}

.TeaserRight div {
 float:right;
 margin-left:10px;
}

.TeaserRight div p {
 margin:5px 0 0 0 !important;
 width:130px;
}

/*
 End TeaserRight
 ---------------------------------------------------------
*/



/*
 =========================================================
 TeaserRightData: Textblock, mit Bullet-Headline, Bild + opt. Bildunterschrift
 rechts, Text fliesst links um den Bildblock
*/

.TeaserRightData {
	margin:0 0 12px 0;
	display:inline-block;
	width: 100%;
}

.TeaserRightData:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:1px;
	font-size: 0;
}
.TeaserRightData p {
 	padding-top: 15px;
}
 
.TeaserRightData div {
	float:right;
	margin-left:10px;
	}

.TeaserRightData div p.note {
 margin:2px 0 0 0 !important;
 width:130px;
 padding-top: 0;
}

.TeaserRightData h4.inline {
	clear:none;
	display: inline;
 }


/*
 End TeaserRightData
 ---------------------------------------------------------
*/




/*
 =========================================================
 enlargeView - Button für Vergrößern Anzeige eines Bildes,
 kann sowohl für TeaserLeft als auch TeaserRight genutzt
 werden.
*/


.enlargeView {
	display:block;
	background-color:#B6CCE8;
	background-image: url(../../images/icon/icon_lupe.gif);
	background-repeat:no-repeat;
	background-position: 1px 0;
 	margin-top: -3px;
 	margin-top: expression(0+'px');
	padding-left:17px;
	border-top:1px solid #D6E3F1;
	width:113px;
	height:17px;
	text-align:left;
	text-decoration:none;
	color: #000;
 
}


.bildDB {
 	width: 126px;
}

.enlargeView span {
	display:block;

	border-left:1px solid #D6E3F1;
	padding-left:5px;
	height:17px;
	font-weight:bold;
	cursor: pointer;
}


/*
 =========================================================
 Spezialfall amazon Verweis (rechts unten am Absatz)
*/

.amazon {
 display:block;
 float:right;
 background-image: url(../../images/logos/amazon.gif);
 background-repeat:no-repeat;
 width:84px;
 height:30px;
 margin-top:-12px;
}

/*
 =========================================================
 Spezialfall acrobat reader Verweis (direkt hinter dem Text)
*/

.acrobat {
  display: inline-block;
  background-image: url(../../images/logos/acrobat.gif);
	background-repeat: no-repeat;
	font-size: 1px;
	margin-top: -20px;
	margin-bottom: 0;
	margin-left: 5px;
	width:58px;
	height: 21px;
	vertical-align: -2px;
	vertical-align: expression(-30 + "px");
	padding: 10px 61px 10px 61px;
}


.acrobat:after {
 content:".";
 display:block;
 visibility:hidden;
 clear:both;
 height:1px;
 font-size: 0;
}

/*
 =========================================================
 Zweispaltig
*/

.Col1 {
	padding-left:40px;
	width:40%;
	float:left;
}

.Col2 {
	width:40%;
	float:right;
}


.TwoCols p {
 margin: 0 0 17px 0 !important;
}

.TwoCols h5 {
 margin:10px 0 5px 0 !important;
 padding-left: 0 !important;
}


.TwoCols ul.list0,
.TwoCols ul.liste {
 margin:15px 0 15px 5px !important;
}



/*
 =========================================================
 Spezialfall eingerückter Text (unter h5)
*/

p.subelm {
	margin-left:48px !important;
}


.list2print {
	text-decoration:none;
	margin-bottom:20px;
	margin-left:10px;
}

.list2print li a {
	padding: 0 3px 2px 0px;
}

.list2print li a img {
	padding-left: 5px;
	padding-top: 2px;
	vertical-align: bottom;
}



/*
 =========================================================
 Verteiler Patch 
 - links Kasten mit Textlink, rechts (Headline), Text u. Link (Pressemitteilung)
 - links Kasten mit Bild, rechts Headline, Text u. Link (Ratgeber)
*/


#verteiler h4 {
	background-image: none;
	padding-left: 0;
	margin-top: 2px;
	margin-bottom: 3px;
}
#verteiler h4.absatz {
	margin: 25px 0 18px 0px;
}
#verteiler h4.FirstElm {
	margin-top: 3px;
	margin-bottom: 21px;
}

.verteilerbox {
	display:inline-block;
	margin-bottom:35px;
	padding:5px 0 0 0;
}

.verteilerbox:after {
  content:".";
  display:block;
  visibility:hidden;
  clear:both;
  height:0;
	font-size:1px;
}

.verteilerbox h5 {
	margin: 0;
	padding-left: 0 !important;
	line-height: 1.3em;
}

.vlinks h5 span {
	font-weight: normal;
}
/* Pressemitteilung Datum */
.vlinks h5.datum {
	padding-top: 5px;
}
.vrechts h5 {
	margin: 0  !important;
}

.vlinks {
	float:left;
	width:158px;
	padding: 0 30px 17px 0;
}
.vlinks span {
	padding-right: 0;
	margin-right: 0;
}

.vrechts {
	float:left;
	margin: 0;
	padding-left: 0;
	width: 60%;
	line-height:1.3em;
}

/* ratgeber 3 */
 .vimage {
	float: left;
	padding: 0 0 15px 0;
	margin-right: 13px;	
}

.ihlinks {
	float:left;
	padding:0;
	margin-right:6px;
}

.ihrechts {
	float:left;
	margin: 0;
	padding-left: 5px;
	width: 70%;
	line-height:1.3em;
}


/* ----------------------------------
			INFOFLOATER
-------------------------------------*/

#floaterwrap {
	margin-top: 30px;
}


#floaterwrap h4.absatzheadline {
	clear: both;
	margin: 10px 0 5px 8px;
	padding-left: 20px;
}

#floaterwrap p {
	clear: both;
	margin-left: 27px;
	padding-bottom: 5px;
	padding-right: 30px;
}

#floaterwrap .imgContainer {
	float: left;
	padding: 20px;
	margin: 5px 0 10px 0;
}


#floaterwrap .imgContainer p {
	padding: 2px 0 0 0;
	margin: 0;
}

#floaternav {
	float: right;
	padding: 10px 40px 20px 0;
}

#floaterwrap ul {
	clear: both;
	text-decoration:none;
	margin: 20px 20px 10px 30px;
}

#floaterwrap ul li a {
	padding: 0 3px 2px 0;

}


#floaterwrap .liste li {
	padding-left:15px;
	padding-bottom:3px;
	clear:left;
}


/* ##################################################################### */
/* ############################# Verweise ############################## */
/* ##################################################################### */

a {
	text-decoration:none; 
	color:#003399;
}
a:hover  {
	text-decoration:underline; 
}
	
a.bilddownload {
	padding: 0 0 0 0;
	background-position:0px 1px;
}

a.mehricon {
	display:block;
}

/* mehr Icon blauer Pfeil  */
a.mehricon2 {
	display:block;
}

a.mehr {
	text-decoration: underline;
}




/*
 =========================================================
		Links Ratgeberseiten
*/
#ratgebereinstieg a.mehr {
	text-decoration:underline;
}

#ratgebereinstieg a.mehricon {
	display:block;
	margin-top:25px;
	margin-bottom: 10px;
	text-decoration:none;

}


/* ##################################################################### */
/* ############################### Listen ############################## */
/* ##################################################################### */

	/* pure */
	ul,ol { 
		clear:both;
	}

	ul { 
		list-style-type:square; 
	}
	

/* ------------------------------------------------------------------- 
  LISTEN (listen_new.css)
  - importieren in import.css
  - Erstellt: 08.08.2005
  - Autor: Katrin Ackermann (unitb technology GmbH)

  Das folgende CSS enthält alle Listen Informationen
------------------------------------------------------------------- */


/*
-----------------------------------------------------------
 Linklist - Headline ohne Quadrat, verlinkte Liste mit Quadraten (FAQ)
 Textlist - Headline ohne Quadrat, Liste/Aufzählung mit Quadraten (Jobsuche)
 Linkbox - Liste/Aufzählung mit Quadraten (Pressemitteilung)
 */
#ImageHeader {
	margin-bottom: 40px;
	padding-bottom: 50px;
}


#linklist h4, 
#textlist h4,
#LinklistText .linklisttext h4 {
	background-image: none;
	margin:2px 0px 3px 0px;
	padding-left: 0;
}

#linklist ul.list0,
#textlist ul.list0,
#linklist ul.liste,
#textlist ul.liste { 
	margin-top:0px;
	margin-left: 10px;
}



/*
Im ie entsteht ohne float + clear immer ein Absatz bei
geschachtelten ul definitionen! (aufgetreten 6.0, xp)
*/
#linklist ul.list0 li,
#textlist ul.list0 li, 
#linkbox ul.list0 li,
#linklist ul.liste li,
#textlist ul.liste li, 
#linkbox ul.liste li {
	padding-left: 0px;
	padding-bottom: 1px;
	line-height: 1.3em;	
}

/*
	FAQ Antworten
*/
#LinklistText {
	margin: 40px 0 20px 0;
}
.linklisttext {
	margin-top: 10px;

}



/*
-----------------------------------------------------------
 Textlist - Headline ohne# Quadrat, Liste/Aufzählung mit Quadraten (Jobsuche)
*/

#textlist h4 {
	margin-bottom: 10px;
	padding-top: 16px; 	/* fix: stört sich mit ContentTitle-Struktur */
	padding-top: expression(8+'px');	/* fix abstand in ie */
}

#textlist ul.list0,
#textlist ul.liste { 
	margin-bottom: 23px;
}

#textlist ul.list0 li,
#textlist ul.liste li  {
	line-height: 1.2em;	
}



/*
-----------------------------------------------------------
 Linkbox - blauer Kasten, Headline schwarz, Liste/Aufzählung mit Quadraten (Pressemitteilung)
*/

#linkbox {
	margin: 12px 0 30px 0;
	padding: 0;
}

#linkbox h5 {
	font-weight:bold;
	margin-bottom:5px;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 0 !important;
}

#linkbox ul.list0,
#linkbox ul.liste {
	margin-left: 10px;
	padding-bottom: 13px;
}


/*
 =========================================================
 AbisZ Glossar, A-Z Liste
*/

#abisz {
	padding:20px 0 18px 0;
	margin-top: 12px;
	text-align:center;
}

#abisz:after {
	content:".";
	display:block;
 	visibility:hidden;
	clear:both;
	height:1px;
	font-size:0px;
}

#abisz span {
	display:none;
}

#abisz a, 
#abisz b {
	display:block;
	float:left;
	width: 16px;
	height: 16px;
	margin-right:2px;
	text-decoration:none;
}


#azlinkliste {
	margin-bottom: 20px;
}
#azlinkliste ul.azlist {
	float:left;
	list-style-type:none; 
	display: block;
	width: 100%;
}

#azlinkliste h4 {
	margin: 0;
}

#azlinkliste h4 a {
	text-decoration:none;
}

.azlink  a {
	display: block;
	padding:8px 0px 0px 20px;
}

.azlink p {
	display: none;
}
.azlink p.last {
	display: block;
	margin-bottom: 5px;
}

/*
 End AbisZ
 ---------------------------------------------------------
*/


/*
 =========================================================
  Sitemap
*/


#Content ul.TopPunkt {
	margin-top: 12px;
	list-style-type: none;
}

.TopPunkt ul {
	padding-bottom: 10px;
	
	list-style-type: none;
}


.TopPunkt ul ul {
	border-bottom: 0px;
}

/* Headline 1. Ebene */
.TopPunkt li h4 {
	display: block;
	background-position: 32px 7px;
	background-repeat: no-repeat;
	margin: 0;
	padding: 5px 5px 5px 57px;
}

/*
.TopPunkt .FirstElm {
	border-top: 0px;
	margin-top: 0px;
}
*/

/* Linkpunkte 2. und 3.  Ebene*/
.TopPunkt li li {
	margin-left: 25px;
	padding-left: 10px;
}

/* Linkpunkte 3. Ebene*/
.TopPunkt li li a { 
	text-decoration:underline; 
	background-image:url("(../../images/icon/liste_bullet.gif");
}

/* Linkpunkte 3. Ebene*/
.TopPunkt ul ul { 
	margin-left:13px; 
	padding-bottom: 5px;
	line-height: 1.6em;
}

.TopPunkt li a {
 	padding-left:15px;       
 	margin:0px;              
	background-position: 1px 2px;
	background-repeat: no-repeat;	
}

/* 3.Ebene Contentcenter */
.TopPunkt li p {
	margin-top: 14px !important;
	margin-left: 55px !important;
	margin-bottom: 14px !important;

}
.TopPunkt ul li p {
	margin-top: 13px !important;
	margin-left: 37px !important;
	margin-bottom: 0px !important;
}
.TopPunkt ul.CC li {
	background-image: url(../../images/background/list1.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 5px;
}

.TopPunkt li.generateLink {
	background-image: none !important;
	margin-left: 18px;
}


/* Ende 3.Ebene Contentcenter */


.TopPunkt li.generateLink a {
	color:#404040;
	text-decoration:none;
	background-image:url(../../images/buttons/search.gif);
	background-position:0px 1px;
	background-repeat:no-repeat;
	padding-left: 23px;
}


/* Linkpunkte 2.  Ebene*/
.TopPunkt li h5 {
	background-position: 1px 2px;
	background-repeat: no-repeat;	
	margin-left: 20px !important;
	margin-top: 8px !important;
	padding-left: 25px !important;
}

.ListePlus {   
	cursor: pointer;
	background-image: url(../../images/icon/liste_plus.gif);   
}
.ListeMinus {  
	cursor: pointer;
	background-image: url(../../images/icon/liste_minus.gif);  

}

/*
 End Sitemap
 ---------------------------------------------------------
*/


/*
 =========================================================
  Suchergebnisse
*/

.suchergebnis {
	margin-top: 10px;
}
.suchergebnis ul ul li {
	margin-bottom: 20px;
}

.suchergebnis ul ul {
	margin-top: 15px;
	padding-bottom: 0px;
}
.suchergebnis ul h5 {
	margin-left: 7px !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
}
.suchergebnis ul li p {
	margin-top: 0 !important;
	margin-left: 21px !important;
	padding: 0 25px 0 0;
}

.suchergebnis a.mehr {
	margin: 3px 0 2px 21px;
	padding: 0px 0 5px 0;
}


/* 
	spezielle Styles für Ansprechpartner
*/

.ansprechpartner {
	margin-top: 10px;
	margin-left: 10px;
}
.ansprechpartner .TopPunkt li h4 {
	background-position: 22px 7px;
	padding: 5px 5px 5px 40px;
}

.ansprechpartner ul li h5 {
	background: url(../../images/icon/kontakt_volksbanklogo.gif) no-repeat 0;
	margin-left: 13px !important;
	margin-top: 26px !important;
	padding-left: 27px !important;
}

/* Nebenstelle Headline */
.ansprechpartner ul ul li h5 {
	background: none;
	margin-left: 6px !important;
	padding-left: 16px !important;	
}
.ansprechpartner p.NoResult {
	padding-left: 40px;
	padding-bottom: 14px;
	margin-left: 0 !important;
	margin-bottom: 0 !important;
	border-bottom: 1px solid #FFF; 
}
.ansprechpartner p.NoResult a {
	margin: 0;
	padding: 0;
}


.ansprechpartner .ColumnLeft,
.ansprechpartner .ColumnRight {
	float: left;
	width: 210px;
	line-height: 1.3em;
	padding-bottom: 24px;
}
.ansprechpartner .ColumnLeft {
	margin-left: 43px;
	width: 156px;
}
/* Nebenstelle */
.ansprechpartner ul ul li .ColumnLeft {
	width: 140px;
	margin-left: 23px;
}

.ansprechpartner .ColumnRight a.email,
.ansprechpartner .ColumnRight a.homepage {
	padding-left: 22px;
	line-height: 1.4em;
	margin-left: 4px;
}
.ansprechpartner  a.email {
	background: url(../../images/icon/kontakt_email.gif) no-repeat 1px 2px;
}
.ansprechpartner  a.homepage {
	background: url(../../images/icon/kontakt_homepage.gif) no-repeat 0 2px;
}



/*
 End Suchergebnisse
 ---------------------------------------------------------
*/

.ForumListe {
	margin: 0 0 20px 30px;
	list-style-type: none;	
	
}
.ForumListe ul {
	margin: 15px 0 0 20px;
	list-style-type: none;
}

.ForumListe ul li {
	padding-bottom: 10px;

}
.ForumListe h5 {
	background-position: 3px 2px;
	background-repeat: no-repeat;
	margin-left: 0px !important;
	padding-left: 28px !important;	
}

.ForumListe h5 span {
 color: #0272BE;
}

.ForumListe a.reply {
	margin-left: 28px;
	
}
.ForumListe p {
	margin-left: 28px !important;
	margin-bottom: 0px !important;
}

.forumlink {
	margin-bottom: 30px;
	margin-left: 35px;
}


/*
 =========================================================
 Ratgebereinstieg, Ratgeberverteiler
*/

/* ratgebereinstieg h1, h2 im ContentTitle (mit Icon) */

#ratgebereinstieg {
	padding-top: 2px; 		/* fix, bündig mit marginalbox*/
}

h1.rgeinstiegalter,
h1.rgeinstiegausbildung,
h1.rgeinstiegbauen,
h1.rgeinstiegfahrzeug,
h1.rgeinstiegpartner,
h1.rgeinstiegunternehmen {
	background-repeat:no-repeat;
	background-position: 33px 0px;
	padding-left:65px !important;
	padding-bottom: 10px !important;
	padding-top: 5px !important;
	margin-top: -5px !important;
}
h2.rgeinstiegalter,
h2.rgeinstiegausbildung,
h2.rgeinstiegbauen,
h2.rgeinstiegfahrzeug,
h2.rgeinstiegpartner,
h2.rgeinstiegunternehmen {
	padding-left: 65px !important;
	margin-top: -10px;
}

h1.rgeinstiegalter {
	background-image: url((../../images/background/h1icon_alter.gif);
	background-position: 27px 0px;
}
h1.rgeinstiegausbildung {
	background-image: url((../../images/background/h1icon_ausbildung.gif);
		background-position: 25px 2px;
}
h1.rgeinstiegbauen {
	background-image: url((../../images/background/h1icon_bauen.gif);
		background-position: 25px 6px;	
}
h1.rgeinstiegfahrzeug {
	background-image: url((../../images/background/h1icon_fahrzeug.gif);
	background-position: 31px 4px;	
}
h1.rgeinstiegpartner {
	background-image: url((../../images/background/h1icon_partner.gif);
	background-position: 33px 0;	
}
h1.rgeinstiegunternehmen {
	background-image: url((../../images/background/h1icon_unternehmen.gif);
	background-position: 29px 0;	
}


#ratgebereinstieg .headlink {
	font-weight:bold;
	margin-bottom: 10px;
	display: block;
}

#ratgebereinstieg h5 {
	margin:0px !important;
	line-height: 1.3em;
}

.rpeinstiegpic, 
.rpeinstieg {
	margin-bottom:17px;
	display:inline-block;
}

.rpeinstiegpic:after, 
.rpeinstieg:after {
  content:".";
	display:block;
  visibility:hidden;
 	clear:both;
 	height:0;
	font-size:1px;
}

.rpeinstiegpic .rpimage {
	padding:0px 17px 17px 0px;
	float:left;
	display:inline-block;
}

.rpeinstiegpic .rptext, 
.rpeinstieg .rptext {
	float:left;
	width: 60%;
	line-height:1.3em;
}



/*
 End Ratgebereinstieg, Ratgeberverteiler
 ---------------------------------------------------------
*/


/*
 =========================================================
 Ratgeber-Patches (breites Template ohne Marginalspalte, mit ContentImage)
 
*/


/* ratgeberpatches */
.ratgeberpatch ul {
	height:135px;

}

.ratgeberpatch {
	margin: 0;
	float:left;
	width:225px;
	list-style-type: none;
} 

.ratgeberpatch li a {
	display:block;
	margin-bottom: 3px;		
	padding:10px 5px 0 20px;
	height:25px;
	font-weight: bold;

}

.ratgeberpatch li a:hover {
	text-decoration: underline;
}

.ratgeberpatch ul li {
	display:inline;

}

.ratgeberpatch ul li a {
	background-color:transparent;
	padding:2px 0 1px 40px;
	height:auto;
	margin-bottom: 0 !important;
	text-decoration:none;
		font-weight: normal;

}

#RatgeberPatch1, 
#RatgeberPatch4 {
	width:253px;
}
#RatgeberPatch2, 
#RatgeberPatch5 {
	width:225px;
}

#RatgeberPatch3, 
#RatgeberPatch6 {
	width:229px;
}

#RatgeberPatch1 li a, 
#RatgeberPatch4 li a {
	padding:10px 5px 0 20px !important;
		
}

#RatgeberPatch1 ul li a, 
#RatgeberPatch4 ul li a {
	padding:2px 0px 1px 40px !important;

}


/*
Style Definitionen für die Formulare
*/
input, button, textarea {
	font-family: Arial, Helvetica, sans-serif;
}

#adressaenderung, #bestellservice {
	display:none;
}

.formtitle {
	display:none;
}

fieldset.box,
fieldset.boxMargin,
fieldset.Buttons,
fieldset.Buttons0 {
	margin: 2px 15px 0 0px;
	padding: 0;
	overflow: hidden;
	clear: both;	
}

/* Fieldset mit Abstand oben */
fieldset.boxMargin {
	margin-top: 14px;
}

/* Ende des Formulars mit Hinweistext und Buttons */
fieldset.Buttons {
	margin-top: 8px;
}
/* Buttonleiste ohen Abstand nach oben */
fieldset.Buttons0 {
	margin-top: 0;
}



/* -----------------
	Title Variationen 
-------------------- */
.legendtitle {
	font-weight: bold;
	padding: 0;
}

.Hinweis {
	background: #0072BB url(../../images/icon/icon_hinweis.gif) no-repeat 32px 5px;
	padding-left: 49px;
	color: #FFF;
}


/**** Abstand zum nächsten Fieldset ***/
.boxWrapper {
	margin-top: 30px;
}

/*  ------ variationen ende -----*/
.list1text,
.labelbox,
.labelboxmodule,
.labelbox_error,
FieldsetError {
	width:200px;
	padding:8px 0 8px 0px;
	float:left;
}

.labelbox_error {
	color:#F37020;
	font-weight: bold;
	background: url(../../images/icon/f_fehler.gif) no-repeat 200px 10px;
}

.formrow {
	width:523px;
	clear:both;
}

.InlineButtonRow {
	float: right;
	text-align: right;
	padding-left: 395px;
	width: 118px;
}

.BtnBox:after,
.formrow:after {
	content:".";
	display:block;
 	visibility:hidden;
	clear:both;
	height:1px;
	font-size:0;
}

.lastformrow {
	clear:both;
	width:498px;
	overflow:hidden;
	padding:8px 0px 8px 10px;
}

.formtext {
	padding: 8px 0 8px 0px;
}


.formbox {
	clear: both;
	width:548px;
	padding-top:0 !important;
	margin-bottom:30px;
	margin-top: 0 !important;
}



fieldset.box .list3,
fieldset.boxMargin .list3 {
	padding:8px 20px 8px 0px;
	line-height:1.4em;
}

/* Start spezielle Formularelemente ganze Breite, Tarifrechner (ka) */
/*#Content {
	max-width:719px;
}*/
.formboxBroad {
	clear:both;
	width:744px;
	padding-top:20px;
	overflow:hidden;
	margin-bottom:30px;
}

.formboxBroad a {
	textdecoration: underline;
	padding:15px 10px 8px 0px;
}
.formboxBroad .formrow {
	width:719px;
}
.formboxBroad .labelbox, 
.formboxBroad .labelbox_error {
	width:395px;
	background-image: none;
}

.formrowBroadImage {
	background-image:url(../../images/misc/tarifrechner.gif);
	background-repeat: no-repeat;
	background-position: right;
	width:719px;
}

.formrowBroadImage:after {
	content:".";
	display:block;
 	visibility:hidden;
	clear:both;
	height:1px;
	font-size:0;
}
/* kurze spalte mit rechts ausgerichtetem link im formular */
.labelboxShort {
	width:270px;
	padding:8px 0px 8px 0px;
	float:left;
	margin-right:10px;
}
.labelboxLink {
	text-align: right;
	float: left;
	width:120px;
	padding-right: 5px;
	padding-top: 10px;
}


/* Ende spezielle Formularelemente Tarifrechner */



/* ---------------------- 
			WARENKORB
------------------------- */

.bestellservice .formrow {
	width: 523px;
	padding: 0;
	margin: 0;
	height: 50px;
}

.list1text {
	width: 399px;
	height: 34px;
}
.list1text span {
}

.list1rechts {
	float: left;
	padding: 8px 0 0 0;
	width: 79px;
	text-align: right;
	height: 34px;
}

.list1rechts span {
	padding-right: 10px;

}

/* --- Warenkorb Ende ---- */

.fieldrequired {
	padding-left:2px;
	line-height: 0.6em;
	font-weight:bold;
}

.formfield_select {
	margin-right:3px;
}

.formfield_standard {
	width:150px;
	margin-right:3px;
}

.formfield_standard2 {
	width:150px;
	margin-top: 4px;
}

/* textarea */
.formfield_text {
	height:150px;
	width:275px;
	font-family:arial;
}

.formfield_nr {
	width:40px;
	margin-right:3px;
}

/* 3-stelliges Inputfeld */
.formfield3 {
	width: 26px;
	text-align: right;
	margin-right: 5px;
}

/* zweistellig für Monat/Tag (ka) */
.formfield_shortdate {
	width:25px;
	margin-right:3px;
}
.formfield_date {
	width:55px;
	margin-right:3px;
}

.radiobox {
	float:left;
	clear:left;
	vertical-align:middle;
}

/* radiobox nebeneinander (ka) */
.radiobox2 {
	clear:left;
	vertical-align:middle;
}

.formfieldbox {
	float:left;
	padding-top:8px;
	padding-bottom:5px;
}


.leftfloater {
	clear:left;
	float:left;
	margin-right: 3px;
}

/* text after input and radiobuttons, Tarifrechner formular (ka) */
.formlabel {
	padding-top:2px;
	padding-left:3px;
	padding-right: 4px;
}

.formlabel_small {
	padding-top:2px;
	padding-left:3px;
	font-size: 75%;
}

.radiolabel {
	padding-top:2px;
}

.abbrlabel {
}


.square {
	height:3px;
	width:3px;
	overflow:hidden;
	margin-left:22px;
	margin-bottom:5px;
	clear:left;

}

input.next {
	font-size:90%;
	font-weight:bold;
	color:#26478A;
	border:none;
	width:67px;
	height:20px;
	background-image:url(../../images/struktur/form_spacer_arrow_weiter.gif);
}

a.form {
	background-image:url(../../images/struktur/form_arrow_blue.gif);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	padding:0 0 0 12px;
	text-decoration:underline;
}

#spacerarrow {
	background-image:url(../../images/struktur/form_spacer_arrow_steps.gif);
	background-repeat:no-repeat;
	width:11px;
	height:20px;
	margin:0;
	float:left;
}

.finfotext {
	padding:6px 0px 4px 0;
	margin: 0;
	border: 0;
}

#nextstep {
	float:right;
	margin-top:20px;
}
#nextstep2 {
	float:right;
	margin-top:30px;
	margin-right:0;
}

/* Start process-steps new (ka) */
.ProcessSteps {
	clear:both;
	width:514px;
	font-family: arial;
	padding: 9px 0 8px 5px;
}

.ProcessSteps2ndRow {
	border-top: none;
}

/* ProcessSteps Tarifrechner */
.formboxBroad .ProcessSteps {
	width:700px;
}
/* active step, orange */
.ProcessStepActive {
	background-image:url(../../images/struktur/form_process_pfeil_active.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 2px 15px 2px 15px;
	display: inline;
	font-weight: bold;
}
/* step done, blue, linked */
.ProcessStepDone {
	background-image: url(../../images/struktur/form_process_pfeil_done.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 2px 15px 2px 15px;
	display: inline;
	color: #0171BB;
}
/* next step, grey */
.ProcessStepFwd {
	background-image:url(../../images/struktur/form_process_pfeil_fwd.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 2px 15px 2px 15px;
	display: inline;
	color: #919DAD;
}
.ProcessStepDone span.Step {
	background-image:url(../../images/struktur/form_process_numberbg_done.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	color: #B9CEE9;
	font-size: 78%;
	padding: 1px 12px 3px 5px;
}
.ProcessStepActive span.Step {
	background-image:url(../../images/struktur/form_process_numberbg_active.gif);
	background-repeat:no-repeat;
	background-position:0 0px;
	color: #FFF;
	font-size: 78%;
	padding: 1px 12px 3px 5px;

}
.ProcessStepFwd span.Step {
	background-image:url(../../images/struktur/form_process_numberbg_fwd.gif);
	background-repeat:no-repeat;
	background-position:0 0px;
	color: #FFF;
	font-size: 78%;
	padding: 1px 12px 3px 5px;
}
.ProcessStepDone a.Done {
	text-decoration: none;
	color: #0171BB;
}
.ProcessStepLink {
	text-decoration: underline;
}
/* last step without arrow */
#LastStep {
	background-image: none;
}
/* end process-steps  (ka) */


#errorcontainer, #errorcontainerServerSideError {
	border: 0;
	padding: 2px 0 15px 0px;
	width: 523px;
}

#errorcontainer {
	display: inline;
	margin: 0; 
	padding: 0;
}


#errorcontainer a, #errorcontainerServerSideError a {
	color:#F37020;
	background-image:url(../../images/struktur/form_pfeil_error.gif);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	padding:0 0 0 8px;
	text-decoration:underline;
	
}

#errorinf {
	padding:5px 0px 5px 47px;
	background-color: #F37020;
	background-image:url(../../images/icon/f_fehler.gif);
	background-repeat:no-repeat;
	background-position:20px 4px;
	font-weight:bold;
}


ul.listnone {
	margin-top:40px;
}

ul.listnone li {
	background-repeat:no-repeat;
	background-position:0 2px;
	padding:0 0 0 16px;
	margin:0;
	list-style-type:none;
}


.formabbr {
}

.emailtext {
	width:380px;
	height:150px;
}

.cb {
	clear:both;
	margin:0;
	padding:0;
	width:300px;
	height:0; 
	display:none;
}



/*
################################################################################
Elemente f. Errorhandling
*/


#errorelements {
	list-style-type:none; 
	margin-left:40px; 
	margin-top:12px;
}
/*  obsolete ?? */
#errorelements ul {
	list-style-type:none;
	 margin-left:15px;
}
#errorelements ul li, #errorelements li {
	margin-top:2px; 
	background-image:url(../../images/struktur/liste_eckig_fehler.gif);
	background-repeat:no-repeat;
	padding:0 0px 0px 28px;
	background-position:7px 4px;
}
#errorelements label {
	text-decoration: underline;
	color: #0171BB;
}
#errorinf {
	display:block;
}
.FieldsetError {
	color:#ff6600;
	font-weight: bold;
}
.FieldsetNoError {
	color:#000;
}


/* jobsuche, feld etwas kleiner */
.Feldgroesse2 {
	width: 275px;
}
/* Erweiterte  Suche */
.Feldgroesse3 {
	width: 200px;
	float: left;
	margin-right: 6px;
}



.FormFeldLinks,
.FormFeldRechts {
	float: left; 
	width: 220px; 
	margin: 8px 0 0 0;
	padding-bottom: 6px;
}
.FormFeldRechts {
	width: 240px;
}
.FormFeldLinks label,
.FormFeldRechts label {
	margin-left: 5px;
}


.Hilfe {
	float: right;
	text-align: right;
	padding: 10px 14px 0 0;
	width: 240px;
}

/* 		
	Suche     
*/

.InlineButton,
.InlineSubmit {
	display:block;
	background-color: transparent;	
	padding-left:17px;
	margin-top:5px;
	text-decoration:none;
	cursor:pointer; 
	border: 0;
	width: 106px;
}


.InlineSubmit {
	width: 61px;
}


/* ButtonBar  (ka) */
.BtnBox {
	width: 523px;
	
}
.bestellservice .BtnBox {
}

.BtnBoxLeft {
	float: left;
}
.BtnBoxRight {
	float: right;
	text-align: right;
}

.bestellservice .BtnBoxRight {
	width: 104px;
}

.formboxBroad .BtnBox {
	width: 719px;
}
#ContentBroad .BtnBox {
	width: 719px;
}


.SubmitBtn {
	border: 0;
	background-color: #0072BB;
	color: #FFF;
	padding: 2px;
	cursor: pointer;
	font-size: 11px;
}


.BackBtn {
	border: 0;
	background-color: #9FB8E0;
	color: #0272BA;
	padding: 2px;
	cursor: pointer;
	font-size: 11px;
}



.bestellservice .SubmitBtn {
	width: 104px;
	border-left: 0;
	padding-left: 0;
	background-position: 10px 8px;
}

.ResetBtn {
	border: 0;
	background-color:transparent;
	padding: 5px 5px 5px 0;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;

}

.BasketBtn {
	background-image:url(../../images/buttons/basket.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	background-color: transparent;
	border:0;
	width: 20px;
	cursor:pointer;
	
}

.DeleteBtn {
	background-image:url(../../images/buttons/trash.gif);
	background-repeat:no-repeat;
	background-position:6px 3px;
	background-color: transparent;
	border:0;
	width: 20px;
	cursor:pointer;
	
}


/*
 =========================================================
  Suchergebnisse
*/

#SubmitSuche {
	border:0;
	background-color:transparent;
	font-size:12px;
	text-align: left;
	font-size: 100%;
	cursor: pointer;
}


#InputSuche {
	width: 290px;
	margin-right: 20px;
}

#InputSucheShort {
	width: 150px;
	margin-right: 20px;	
}

/*

 Style Definitionen für die rechte Mehrwertspalte
*/


#MarginalBox .Container {
	padding-bottom: 16px;
}

#MarginalBox p {
	margin: 0;
}

#MarginalBox .list1,
#MarginalBox .list1text {
	padding: 0;
	list-style-type: none;
}

#MarginalBox .list1 p,
#MarginalBox .list1text p {
	font-weight:bold;
	padding:5px;
}


.list1text ul  {
	width: 183px;
}

#MarginalBox .list1 li{
	padding: 0;
	margin-bottom:2px;
}

#MarginalBox .list1 a {
	margin-bottom:2px;
	text-decoration:none;
}
#MarginalBox .list1 ul li {
	margin-left: 15px;
}


#MarginalBox li a img {
	display: none;
}
#MarginalBox .list2text li {
	padding-left: 8px !important;
	padding-right: 5px !important;
	background-image: none !important;
}

/*
				NEWSLETTER BOX
*/

.nav3nlformlist {
	margin:7px;
}

#emlMEmail, 
.newsemail {
	width:140px;
	margin: 0 0px 10px 0px;
	padding: 2px;
	border:1px inset;
	
}

.nav3nlformlist br {
	display:none;
}

.nav3nlformlist label {
	display:block;
	margin: 0;
	padding: 0;
} 

#nav3nlsend {
	text-align:right;
}


#nwsubmit {
	border:0;
	background-color:transparent;
	width:80px;
	cursor:pointer;
}

