/* --- Inhalt des Style-Sheets --- */
/* --- ----------------------- --- */
/* --- 1. ALLGEMEINE FORMATIERUNGEN --- */
/* --- u.a. fuer body, table, ueberschriften, fliesstext, listen, links --- */
/* --- 2. FORMATIERUNGEN FUER DIE HAUPTELEMENTE --- */
/* --- Top-, Column- (mit leftnav, rightnav und content) und Footer-Container --- */
/* --- 3. SPEZIELLE KLASSEN --- */
/* --- u.a. innen, hide, error --- */
/* --- 4. DIE MENUES --- */
/* --- Hauptmenue (me1), Submenue (me2), Metamenue (me3) --- */
/*--- ----------------------- --- */

/* 1. ALLGEMEINE FORMATIERUNGEN */

html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font: 8pt/1.5em Arial,Helvetica,Verdana,sans-serif;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	color: #000000;
	background: #ffffff;
	/* kann in IE-spezisisches CSS file ausgelagert werden. */
	scrollbar-base-color: #FEF0CC;
	scrollbar-track-color: #FEF0CC;
	scrollbar-face-color: #FEF0CC;
	scrollbar-highlight-color: #FEF0CC;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #FEF0CC;
	scrollbar-shadow-color: #000000;
	scrollbar-arrow-color: #000000;
}
table {
	color: #000000;
	font: 8pt/1.5em Arial,Helvetica,Verdana,sans-serif;
	margin: 0;
	padding: 0;
}
/* Ueberschriften,Fliesstext */
h2 {
	font-size: 11pt;
	font-weight: bold;
	margin: 10px 0 10px 0 !important;
	margin: 24px 0 10px 0;
}
h3 {
	font-size: 10pt;
	font-weight: bold;
	margin: 5px 0 10px 0;
}
h4 {
	font-size: 8pt;
	font-weight: bold;
	margin: 0 0 5px 0;
}
p {
	font-size: 8pt;
	font-weight: normal;
	margin: 0 0 10px 0;
}
em {
	font-style: italic;
}

hr.is {
	color: #e9e9e9;
	border: 1px solid;
}
/* Listen */
ol {
	margin-left: 30px;
	padding: 5px;
}
ol li {
	margin-bottom: 10px;
}
ol.compact {
	margin: 0 0 1.5em 0;
	padding: 0 0 0 22px;
	clear: both;
}
ol.compact li {
	margin: 0;
}
ul.relatedList {
	list-style: none;
	margin: 0 0 10px 10px;
	padding: 0;
	text-align: left;
}
ul.relatedList li {
	background: url("pics/pi_bullet_list.gif") 0 5px no-repeat;
	clear: both;
	margin: 10px 0 0 5px;
	padding: 1px 0 0 15px;
    zoom: 1;
}
ul.relatedListLoggedIn {
	list-style: none;
	margin: -10px 0 0 -5px;
	margin: -20px 0 0 -5px !important;
	padding: 0;
	text-align: left;
}
ul.relatedListLoggedIn li {
	background: url("pics/pi_bullet_list.gif") 0 5px no-repeat;
	clear: both;
	margin: 5px 0 0 5px;
	padding: 1px 0 0 15px;
}
ul.relatedList.appInfo {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0 !important;
	text-align: left;
}
ul.relatedList.appInfo li {
	margin: 0;
}
ul.sitemapList {
	list-style: none;
	margin: 0 0 10px 10px;
	padding: 0;
	text-align: left;
}
ul.sitemapList li {
	background: url("pics/pi_bullet_meta.gif") 0 5px no-repeat;
	clear: both;
	margin: 0 0 0 5px;
	padding: 0 0 0 15px;
}
ul.bulletList {
	list-style: none;
	margin: 0 10px 10px 7px;
	padding: 0;
	text-align: left;
	overflow: hidden;
}
ul.bulletList li {
	background: url("pics/pi_bullet_meta.gif") 0 5px no-repeat;
	clear: both;
	margin: 0 0 0 10px;
	padding: 1px 0 0 15px;
}
ul.bulletListWide {
	list-style: none;
	margin: 0 10px 10px 7px;
	padding: 5px;
	text-align: left;
}
ul.bulletListWide li {
	background: url("pics/pi_bullet_meta.gif") 0 5px no-repeat;
	clear: both;
	margin: 0 0 10px 10px;
	padding: 1px 0 0 15px;
}
ul.docList {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.docList ul {
	padding: 0;
	list-style-type: none;
}
ul.docList li {
	margin: 10px 0;
}
ul.docList li li {
	margin: 10px 0 0 0;
	padding-left: 20px;
	background: transparent url("pics/ico_pdf.gif") no-repeat;
}
ul.docList li li a {
	text-decoration: none;
}
dl.table-display {
	width: 95%;
	padding: 0;
}
.table-display dt {
	width: 20%;
	float: left;
	margin: 0;
	padding: 0.25em 0;
	font-weight: bold;
}
/* commented backslash hack for mac-ie5 \*/
dt {
	clear: both;
}
/* end hack */
.table-display dd {
	float: left;
	width: 75%;
	margin: 0;
	padding: 0.25em 0;
}
.addressFirstPart,
.addressSecondPart {
	width: 48%;
	float: left;
}
.clear {
	clear: both;
}
/* Links */
/* "normale" Links werden unterstrichen dargestellt, ist ein ganzer Satz, nur die Ueberschrift oder ein Text hinter einem Aufzaehlungszeichen (z.B. "mehr") verlinkt, dann nicht unterstrichen und bei hover fett */
/* das betrifft 3 Linkarten: */
/* 1. Links innerhalb der Aufzaehlungsliste "relatedList" (werden weiter oben formatiert) */
/* 2. Links innerhalb der Ueberschrift h4 (werden weiter oben formatiert) */
/* 3. Links incl. Aufzaehlungszeichen (.bulletLink) */
a.bulletLink,
a.bulletLink:visited {
	background: transparent url("pics/pi_bullet_list.gif") no-repeat left center;
	padding-left: 14px;
	text-decoration: none;
}
a.bulletLink:hover {
	background: transparent url("pics/pi_bullet_list.gif") no-repeat left center;
	padding-left: 14px;
	text-decoration: none;
}
a.button,
a.button:visited {
	color: #000;
	background: #E8E9ED;
	border: 1px black solid;
	font-size: 9pt;
	font-weight: bold;
	margin: 0 10px 0 0;
	padding: 3px 20px 3px 20px;
	text-align: center;
	text-decoration: none;
	width: 150px;
}
/* IE6 box model hack */
* html a.button {
	position: relative;
	top: -3px;
}
/* IE7 box model hack */
*html a.button {
	position: relative;
	top: -3px;
}
/* wird bei Illus verwendet */
.img {
	float: left;
	margin: 0 20px 10px 0;
}
.imgR {
	float: right;
	margin: 0 0 10px 25px;
}
.imgBorder {
	border: 1px #999999 solid;
	float: left;
	margin: 0 20px 10px 0;
}

/* 2. FORMATIERUNGEN FUER DIE HAUPTELEMENTE */

/* Hauptcontainer - enthaelt Top-, Column- (mit leftnav, rightnav und content) und Footer-Container */
#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border: 0;
	background: transparent url("pics/bg_container.gif") repeat-y;
	text-align: left;
}
#twoColumnContainer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border: 0;
	background: transparent url("pics/bg_twoColumn_container.gif") repeat-y;
	text-align: left;
}
#fullsize {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border: 0;
	background: transparent url("pics/bg_fullsize_container.gif") repeat-y;
	text-align: left;
}
#containerWater {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border: 0;
	background: transparent url("pics/bg_container_water.gif") repeat-y;
	text-align: left;
}
#containerWelcome {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border: 0;
	background: transparent url("pics/bg_welcome_content.gif") repeat-y;
	text-align: left;
	/* http://friendlybit.com/css/ie6-resize-bug/ */
	position: relative;
}

/* 2a. Top-Container */

#top {
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #FEF0CC;
	background: transparent url("pics/bg_container_top.gif") right repeat-y;
	min-height: 276px;
}

#twoColumnTop {
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #F8B500;
	min-height: 276px;
}

/* Formatierungen innerhalb des Top-Containers */

/* siehe zu folgender Anweisung http://www.dodabo.de/html+css/img-table/ */
#top img {
	display: block;
}
/* notwendig damit im IE8 beim Umschalten auf den IE7-Kompatibilitaetsmodus die Seite richtig gerendert wird */
#top #flash {
	width: 620px;
	background: #fff;
}
#top #flash noscript p {
	margin: 0;
}
#me1 {
	position: relative;
	z-index: 99;
}
#breadcrumb {
	background-color: #F8B500;
	width: 506px;
	min-height: 15px;
	padding: 0 2px 0 195px;
}
#fullsize #breadcrumb {
	padding: 0 2px 0 15px;
}
* html #breadcrumb {
	width: 701px;/* Version 5.x */
	w\idth: 506px;/* Version 6 */
}

#containerWelcome #header {
	width: 960px;
	float: left;
	height: 166px;
	background: url(pics/pi_header_wel.jpg) left top no-repeat;
}
#containerWelcome #header #auskunft {
	float: right;
	width: 244px;
	height: 68px;
	margin: 76px 130px 0 0;
	background: url(pics/ti_schufaAuskunft.png) left top no-repeat;
	position: relative;
}
#containerWelcome #header #auskunft h3,
#containerWelcome #header #auskunft span {
	display: none;
}
#containerWelcome #header #auskunft .tour {
	width: 135px;
	height: 25px;
	display: none;
	background: url(pics/ti_btn_tourStarten.png) left top no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
}
#containerWelcome #header #auskunftLogin {
	float: right;
	width: 220px;
	height: 166px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#containerWelcome #header #auskunftLogin h3 {
	width: 210px;
	height: 33px;
	margin: 9px 0 0 0;
	background: url(pics/ti_schufaAuskunft_login.png) left top no-repeat;
}
#containerWelcome #header #auskunftLogin h3 span {
	display: none;
}
#containerWelcome #header #auskunftLogin #loggedIn {
	border-bottom: 0;
	border-right: 0;
}
#containerWelcome #header #auskunftLogin form {
	margin: 0;
	position: static;
	border-right: 0;
}
#containerWelcome #header #auskunftLogin fieldset {
	padding: 0;
}
#containerWelcome #header #auskunftLogin label {
	width: 94px;
}
#containerWelcome #header #auskunftLogin input {
	border: 1px solid #f8df9c;
}
#containerWelcome #header #auskunftLogin .submitImg {
	margin: 0 0 0 93px;
	border: none;
}
#containerWelcome .welGelbeEcke {
	background: #F8B500 url(pics/pi_breadcrumb_wel_right.png) no-repeat right center;
}
#containerWelcome #contentMain {
	width: 724px;
	height: 270px;
	padding: 32px 0 32px 0;
	float: left;
	background: #fefefd url(pics/pi_contentMain_bg.jpg) left bottom no-repeat;
	border-left: 1px solid #9ca6ad;
	border-right: 1px solid #a1abb1;
}
#containerWelcome #contentMain .contLeft {
	width: 260px;
	float: left;
	padding: 15px 0 0 18px;
}
#containerWelcome #contentMain .contLeft .ihrWeg {
	height: 18px;
	background: url(pics/ti_ihrWeg.png) left top no-repeat;
	margin: 0 0 23px 0;
}
#containerWelcome #contentMain .contLeft .ihrWeg span {
	display: none;
}
#containerWelcome #contentMain .contLeft p {
	font-size: 1.1em;
	margin: 0 0 1.5em 0;
}
#containerWelcome #contentMain .contMiddle,
#containerWelcome #contentMain .contRight {
	width: 188px;
	float: left;
	padding: 0 0 0 33px;
}
#containerWelcome #contentMain .contRight {
	padding: 0 0 0 16px;
}
#containerWelcome #contentMain .contMiddle .fuerDritte,
#containerWelcome #contentMain .contRight .fuerMich {
	width: 178px;
	height: 240px;
	padding: 5px;
	display: block;
	background: url(pics/pi_fuerMich.jpg) left top no-repeat;
	overflow: hidden;
}
#containerWelcome #contentMain .contMiddle .fuerDritte {
	background: url(pics/pi_fuerDritte.jpg) left top no-repeat;
}
#containerWelcome #contentMain .contMiddle .fuerDritte span,
#containerWelcome #contentMain .contRight .fuerMich span {
	display: none;
}
#containerWelcome #contentMain .contRight .fuerMich .fuerMichInitLink {
	width: 100%;
	height: 100%;
	display: block;
}
#containerWelcome #contentMain .contRight .fuerMich.mHover .fuerMichInitLink {
	display: none;
}
#containerWelcome #contentMain .contRight .fuerMich ul {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	display: none;
}
#containerWelcome #contentMain .contRight .fuerMich.mHover ul {
	display: block;
}
#containerWelcome #contentMain .contRight .fuerMich ul .postal,
#containerWelcome #contentMain .contRight .fuerMich ul .online {
	width: 178px;
	height: 120px;
	background: url(/pics/ti_einmaligPerPost.png) left top no-repeat;
}
#containerWelcome #contentMain .contRight .fuerMich ul .online {
	background: url(/pics/ti_unbefristeterOnlineZugang.png) left top no-repeat;
}
#containerWelcome #contentMain .contRight .fuerMich ul li a {
	width: 100%;
	height: 100%;
	display: block;
}
#containerWelcome #contentMain .contRight .fuerMich ul .choose {
	width: 135px;
	height: 34px;
	position: absolute;
	background: url(/pics/ti_sieHabenDieWahl.png) left top no-repeat;
	margin: 103px 0 0 20px;
}
#containerWelcome #rightnav {
	border: none;
}
#containerWelcome #rightnav #webCodeForm {
	border: none;
}
#containerWelcome #rightnav #webCodeForm .error {
	border: 1px solid #ff0000;
	color: #000000;
}

/* 2b. Columns-Container */

#columns {
	padding: 0;
	margin: 0;
}

/* Container der Startseite - Grosser Container */
#containerWelcome .contBig {
	width: 689px;
	height: 250px;
	margin: 17px 0 17px 17px;
	border: 1px solid #b9b9b9;
	background: #ebeae0 url(pics/bgWelcomeContBig.jpg) top right no-repeat;
}
#containerWelcome .contBig h3 {
	width: 318px;
	height: 15px;
	margin: 38px 0 17px 32px;
	background-image: url(pics/tiSchufaAuskunft.png);
}
#containerWelcome .contBig h3 span,
#containerWelcome .contBig a:link span,
#containerWelcome .contBig a:visited span {
	display: none;
}
#containerWelcome .contBig p {
	width: 300px;
	font-size: 1.1em;
	line-height: 1.8em;
	margin: 0 0 0 32px;
	color: #333;
}
#containerWelcome .contBig a:link,
#containerWelcome .contBig a:visited {
	display: block;
	width: 231px;
	height: 34px;
	margin: 20px 0 0 32px;
	background-image: url(pics/tiSchufaAuskunftBestellen.gif);
}
/* Container der Startseite - Kleiner Container */
#containerWelcome a.contSmall:link,
#containerWelcome a.contSmall:visited {
	float: left;
	width: 335px;
	height: 100px;
	margin: 0 0 17px 17px;
	border: 1px solid #b9b9b9;
	background-position: top left;
	display: inline; /* verhindert doppelten margin im IE6 */
}
#containerWelcome div.contSmall {
	float: left;
	width: 337px;
	height: 102px;
	margin: 0 0 17px 17px;
	display: inline;
}
#containerWelcome a.contSmall:hover,
#containerWelcome a.contSmall:focus {
	background-position: bottom left;
}
#containerWelcome .contSmall span {
	display: none;
}
#containerWelcome .uAuskunft {
	background-image: url(pics/bgContSmallUAuskunft.png);
}
#containerWelcome .wasAndereWissen {
	background-image: url(pics/bgContSmallWasAndere.png);
}
#containerWelcome .schuldenKompass {
	background-image: url(pics/bgContSmallKompass.png);
}
#containerWelcome .scoringImAlltag {
	background-image: url(pics/bgContSmallScoring.png);
}
#containerWelcome .schufaUndIch {
	background-image: url(pics/bgContSmallIch.png);
}
#containerWelcome .schufaWerIstDas {
	background-image: url(pics/bgContSmallWerIst.png);
}
#containerWelcome .youngster {
	background-image: url(pics/bgContSmallYoungster.png);
}

#containerWelcome a.aroundSchufa {
	position: absolute;
	height: 102px;
	width: 337px;
}
#containerWelcome a.aroundSchufa:hover {
	display: block;
	height: 102px;
	width: 337px;
	z-index: 100;
}

#containerWelcome a.aroundSchufa span#mainAround {
	display: none;
}
#containerWelcome a.aroundSchufa:hover span#mainAround {
	/*background: #E7EAEC;*/
	border: none;
	display: block;
	position: absolute;
	left: 0;
	top: -356px;
	width: 337px;
	height: auto;
}
#containerWelcome span#mainAround span.subAround {
	float: left;
	display: block;
	width: 337px;
	height: 89px;
	cursor: pointer;
}
#containerWelcome span#mainAround span.subAround:hover,
#containerWelcome span#mainAround span.subAround:focus {
	background-position: bottom left;
}
#containerWelcome span#mainAround .aroundSchufaHover {
	background-position: bottom left;
}
#containerWelcome span#mainAround .aroundYoungster {
	background-image: url(pics/bgContSmallSubYoungster.png);
}
#containerWelcome span#mainAround .aroundScoring {
	background-image: url(pics/bgContSmallSubScoring.png);
}
#containerWelcome span#mainAround .aroundIch {
	background-image: url(pics/bgContSmallSubIch.png);
}
#containerWelcome span#mainAround .aroundKompass {
	background-image: url(pics/bgContSmallSubKompass.png);
	border-bottom: 1px solid #b9b9b9;
}

/* 2.1 leftnav */
#leftnav {
	float: left;
	width: 179px;
	margin: 0;
	padding: 0;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #A1ABB1;
}
/* 2.2 rightnav */
#rightnav {
	float: right;
	width: 233px;
	margin: 0;
	padding: 0;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #A1ABB1;
}
#loginForm,
#loggedIn,
#webCodeForm,
#uauskunftDiv,
#prproduktDiv {
	position: relative;
	left: 1px;
	background-color: #FEF0CD;
	margin: 0 0 0 5px;
	padding: 10px 0 0 0;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #F6BD19;
	border-bottom: 1px solid #a1abb1;
}
#loginForm fieldset,
#webCodeForm fieldset {
	border: 0;
	margin: 0;
	background: none;
	padding: 0 5px 0 8px;
}
#loginForm label,
#webCodeForm label {
	float: left;
	margin: 2px 0 5px 0;
	width: 90px;
	font-weight: normal;
}
#loginForm input,
#webCodeForm input {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 110px;
	border: 1px solid #f8df9c;
}
#loginForm input.submitImg {
	margin-left: 90px;
	padding: 0;
	border: 0;
	width: 113px;
	height: 19px;
	float: left;
}

#loggedIn,
#uauskunftDiv,
#prproduktDiv {
	padding: 1em 0 0 10px;
}
#loggedIn ul {
	margin: 0;
	padding: 10px 5px 10px 0;
}

#webCodeForm {
	width: 210px;
	height: 102px;
	padding: 15px 10px 0 10px;
	overflow: hidden;
	background: url(pics/bg_webcode.png) left top no-repeat;
	border-color: #a1abb1;
	margin: 0 0 0 2px;
}
#webCodeForm fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}
#webCodeForm h3 {
	width: 121px;
	height: 9px;
	margin: 0 0 10px 0;
	background: url(pics/tiSchufaWebCode.gif);
}
#webCodeForm h3 span {
	display: none;
}
#webCodeForm label {
	width: 210px;
	float: left;
}
#webCodeForm input {
	border: 1px solid #b7c9d0;
	background: #fff;
	float: left;
	margin: 0 5px 0 0;
	width: 180px;
	height: 20px;
}
#webCodeForm input.submitImg {
	border: 0;
	margin: 2px 0 14px 0;
	width: 21px;
	height: 19px;
	float: left;
}

#uauskunftDiv {
	padding: 12px 10px;
	padding: 12px 10px 0 10px;
	margin-left: 2px;
	width: 210px;
	height: 205px;
	background: transparent url(pics/bg_uauskunftDiv.jpg) right bottom;
	border: none;
}
#prproduktDiv {
	padding: 12px 10px;
	padding: 12px 10px 0 10px;
	margin-left: 2px;
	width: 210px;
	height: 205px;
	background: transparent url(pics/bg_prproduktDiv.png) right bottom;
	border: none;
}
#uauskunftDiv h3 {
	width: 210px;
	height: 27px;
	margin: 0 0 10px 0;
	background: url(pics/tiUAuskunft.png);
}
#prproduktDiv h3 {
	width: 173px;
	height: 27px;
	margin: 0 0 10px 0;
	background: url(pics/tiPrProdukt.png);
}
#uauskunftDiv h3 span,
#uauskunftDiv a:link span,
#uauskunftDiv a:visited span,
#prproduktDiv h3 span,
#prproduktDiv a:link span,
#prproduktDiv a:visited span {
	display: none;
}
#uauskunftDiv a,
#prproduktDiv a {
	display: none;
}
#uauskunftDiv a:link,
#uauskunftDiv a:visited,
#prproduktDiv a:link,
#prproduktDiv a:visited {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 145px;
	height: 34px;
	background-image: url(pics/tiMehrErfahren.png);
}

#guidedTour {
	margin: 0 0 0 5px;
	padding: 0;
	background: #e6e6e6 url(pics/bgContGTour.png) left bottom repeat-x;
}
#guidedTour h4 {
	margin: 0;
	padding: 4px 5px 4px 8px;
}
#guidedTour p {
	margin: 0;
	padding: 0 5px 0 8px;
}
#guidedTour p.noPad {
	padding: 0;
}

#download {
	margin: 0 0 0 5px;
	padding: 0;
	border-top: 6px solid #ffffff;
}
#download h4 {
	margin: 0;
	padding: 4px 5px 4px 8px;
	background-color: #9AA4AE;
}
#download ul {
	margin: 0;
	padding: 5px 5px 10px 8px;
	background: transparent;
	list-style-type: none;
}
#download li {
	margin: 10px 0 0 0;
	padding-left: 20px;
}
#download li.pdf {
	background: transparent url("pics/ico_pdf.gif") no-repeat;
}
#download li.doc {
	background: transparent url("pics/ico_doc.gif") no-repeat;
}
#download li.xls {
	background: transparent url("pics/ico_xls.gif") no-repeat;
}
#download li.ppt {
	background: transparent url("pics/ico_ppt.gif") no-repeat;
}
#download li.mp3 {
	background: transparent url("pics/ico_mp3.gif") no-repeat;
}
#download li.de {
	background: transparent url("pics/pi_ger.png") no-repeat;
	padding-left: 27px;
}
#download li.en {
	background: transparent url("pics/pi_uk.png") no-repeat;
	padding-left: 27px;
}
#download li.tu {
	background: transparent url("pics/pi_tu.png") no-repeat;
	padding-left: 27px;
}
#download li.ru {
	background: transparent url("pics/pi_ru.png") no-repeat;
	padding-left: 27px;
}
#download li.it {
	background: transparent url("pics/pi_it.png") no-repeat;
	padding-left: 27px;
}
#download li.pl {
	background: transparent url("pics/pi_pl.png") no-repeat;
	padding-left: 27px;
}
#download li.noicon {
	padding-left: 0;
}
#download a,
#download a:visited,
#download a:hover,
#download a.active {
	text-decoration: none;
}

#postkorb {
	margin: 0 0 0 5px;
	padding: 0;
	border-top: 6px solid #ffffff;
}
#postkorb h4 {
	margin: 0;
	padding: 4px 5px 4px 8px;
	background-color: #9AA4AE;
}
#postkorb ul {
	margin: 0;
	padding: 0 5px 10px 8px;
	background: transparent;
	list-style-type: none;
}
#postkorb li {
	margin: 10px 0 0 3px;
	padding-left: 15px;
	background: transparent url("pics/pi_bullet_list.gif") no-repeat;
}
#postkorb ul.post {
	padding: 0 5px 0 8px;
}
#postkorb ul.post li {
	background: url("pics/ico_postkorb_mail.gif") 0 4px no-repeat;
	padding-left: 40px;
}

#hinweis_daten {
	margin: 0 0 0 5px;
	padding: 0;
	border-top: 6px solid #ffffff;
}
#hinweis_daten h4 {
	margin: 0;
	padding: 4px 5px 4px 8px;
	background-color: #9AA4AE;
}
#hinweis_daten p {
	margin: 0;
	padding: 10px 5px 5px 8px;
}

#faq {
	margin: 0 0 0 5px;
	padding: 0;
	border-top: 6px solid #ffffff;
}
#faq h4 {
	margin: 0;
	padding: 4px 5px 4px 8px;
	background-color: #9AA4AE;
}
#faq ul {
	margin: 0;
	padding: 10px 5px 5px 8px;
	background: transparent;
	list-style-type: none;
}
#faq li {
	margin: 10px 0 0 3px;
	padding-left: 15px;
	background: transparent url("pics/pi_bullet_list.gif") no-repeat;
}
#faq a,
#faq a:visited,
#faq a:hover,
#faq a.active {
	text-decoration: none;
}
#faq form {
	margin: 0;
	padding: 15px 0 5px 0px;
}
#faq fieldset {
	border: none;
	background: none;
	padding: 0 5px 0 8px;
}
#faq label {
	margin: 2px 0 8px 0;
	display: block;
	width: 180px;
	float: left;
}
#faq textarea {
	margin: 0;
	padding: 0;
	width: 178px;
	border: 1px solid black;
	overflow: auto;
}
/* 2.3 content */
#content {
	margin: 0 234px 0 180px;
	border-left: 1px solid #A1ABB1;
	border-right: 1px solid #A1ABB1;
	padding: 0;
}

#fullsize #content {
	margin: 0 234px 0 0;
}

/* 2c. Footer-Container */

#footer {
	clear: both;
	padding: 0;
	background-color: #000000;
	color: #ffffff;
	border-top: 1px solid gray;
	width: 960px;
	/* position: fixed; bottom: 0px; */
}

/* 3. SPEZIELLE KLASSEN */

/* padding in einem extra div, weil es sonst fuer den IE zur Breite addiert werden muss */
/* float:left wegen IE 3 Pixel Bug */
.innen {
	padding: 14px;
	padding-bottom: 80px;
	float: left;
	position: relative;
}

.innen.animation {
	margin-top: 15px;
	overflow: hidden;
}
#footer .innen {
	width: 932px;
	padding: 12px 14px;
	background: #000000;
}
/* fuer alle zu versteckenden Elemente, z.B. horizontal rules, h1,... */
.hide {
	display: none;
}
/* fuer die Error-Meldungen innerhalb der EB */
.error {
	color: red;
}
.errorHinweis {
	color: blue;
}
/* fuer die Uniserv-Error-Meldungen innerhalb der EB */
.uniservError {
	color: red;
}
/* wird fuer viele Bilder benutzt */
.floatL {
	float: left;
}
.floatR {
	float: right;
}
/* notwendig fuer hover ueber Buttons im IE, siehe auch JS */
#buttonSet input:hover,
#buttonSet input.sfhover,
.buttonSet input:hover,
.buttonSet input.sfhover {
	background-color: #9AA4AE;
	color: #ffffff;
	cursor: pointer;
}
.noMargin {
	margin: 0;
}
/* wird fuer Fussnoten verwendet, z.B. bei Youngster */
.small {
	font-size: 9px;
	line-height: 11px;
	color: #333333;
}
.underline {
	text-decoration: underline;
}
dl.columns60-40 {
	width: 95%;
	border: 0 solid transparent;
	overflow: hidden;
}
dl.columns60-40 dt,
dl.columns60-40 dd {
	float: left;
	width: 60%;
	margin: 0 0 8px 0;
}
dl.columns60-40 dd {
	width: 39.9%;
}

/* 4. DIE MENUES */

/* 4a. Menue 1 (Hauptmenue) */

/* 1.Ebene */
#me1 ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
/* blendet die Beschriftung aus */
#me1 span {
	display: none;
}
/* statt float:left zur horizontalen Ausrichtung geht auch display:inline */
#me1 li {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
#me1 a {
	display: block;
	min-width: 61px;
	height: 33px;
	line-height: 14px;
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
	text-align: left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* alle Hauptpunkte erhalten eine Klasse */
#menu {
	height: 33px;
	width: 648px;
}
li.me1_01,
li.me1_02,
li.me1_03,
li.me1_04,
li.me1_05 {
	float: left;
}
li.me1_01 {
	width: 109px;
	height: 33px;
	background: url("pics/pi_me1_01.gif") 0 -33px no-repeat;
}
li.me1_02 {
	width: 157px;
	height: 33px;
	background: url("pics/pi_me1_02.gif") 0 -33px no-repeat;
}
li.me1_03 {
	width: 137px;
	height: 33px;
	background: url("pics/pi_me1_03.gif") 0 -33px no-repeat;
}
li.me1_04 {
	width: 92px;
	height: 33px;
	background: url("pics/pi_me1_04.gif") 0 -33px no-repeat;
}
li.me1_05 {
	width: 153px;
	height: 33px;
	background: url("pics/pi_me1_05.gif") 0 -33px no-repeat;
}
li.me1_01 a,
li.me1_02 a,
li.me1_03 a,
li.me1_04 a,
li.me1_05 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
li.me1_01 a {
	background: url("pics/pi_me1_01.gif") top left no-repeat;
}
li.me1_02 a {
	background: url("pics/pi_me1_02.gif") top left no-repeat;
}
li.me1_03 a {
	background: url("pics/pi_me1_03.gif") top left no-repeat;
}
li.me1_04 a {
	background: url("pics/pi_me1_04.gif") top left no-repeat;
}
li.me1_05 a {
	background: url("pics/pi_me1_05.gif") top left no-repeat;
}
li.me1_01 a:hover,
li.me1_02 a:hover,
li.me1_03 a:hover,
li.me1_04 a:hover,
li.me1_05 a:hover {
	background-image: none;
}
/* 2.Ebene */
#me1 ul ul {
	position: absolute;
	left: 0;
	top: 33px;
	width: 150px;
	display: none;
}
/* blendet ul 2.Ebene ein, funktioniert nicht im IE, siehe dazu JS-Datei sfhover Klasse weiter unten */
#me1 li:hover ul {
	display: block;
}
#me1 li li {
	border-bottom: 1px solid #ffffff;
	background: #333333;
}
/* Breite notwendig sonst wird im IE nur der Text als Link interpretiert. */
/* Hoehe notwendig sonst wird im Moz hier die Hoehe des 1.Links verwendet */
/* Beachten: IE Box Model Bug, wenn Doctype nicht strict (width/margin/border/padding) */
#me1 li li a {
	width: 170px;
	height: auto;
	padding: 7px 5px 7px 15px;
	background: #333333;
}
#me1 li li a:hover {
	background: #555555;
}
/* notwendig fuer hover im IE, siehe auch JS */
#me1 li ul:hover,
#me1 li.sfhover ul {
	display: block;
}


/* 4b. Menue 2 (Submenue - linke Spalte) */

/* Die Formatierungen fuer aktiven Menuepunkt werden direkt auf der Seite ausgegeben */
/* Fuer den Bereich Youngster sind die abweichenden Menueformatierungen in youngster.css enthalten */

#me2 {
	width: 179px;
	padding: 0;
}
/* Ebene 1 */
#me2 ul {
	padding: 0;
	margin: 10px 0 10px 10px;
	list-style-type: none;
}
#me2 li {
	padding: 0;
	margin: 5px 0 0 0;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: gray;
	color: #000000;
	background-color: #ffffff;
}
#me2 a {
	display: block;
	background-color: #ffffff;
	padding: 2px 2px 2px 11px;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
	font-size: 11px;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	width: 155px;
}
* html #me2 a {  /* nur fuer IE */
	width: 168px; /* Version 5.x */
	w\idth: 155px; /* Version 6.x */
}
#me2 a:hover {
	color: #000000;
	background-color: #F8B500;
}
/* Ebene 2 */
#me2 ul ul {
	margin: 0;
	padding: 0;
	display: none;
}
#me2 li li {
	padding: 0;
	margin: 0 0 0 6px;
	border: 0;
}
#me2 ul ul a {
	display: block;
	margin-left: 3px;
	padding: 2px 2px 2px 5px;
	color: #000000;
	background-color: #f1f1f1;
	width: 149px;
}
* html #me2 ul ul a {  /* nur fuer IE */
	width: 156px; /* Version 5.x */
	w\idth: 149px; /* Version 6.x */
}

/* Ebene 3 */
#me2 ul ul ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#me2 li li li {
	padding: 0;
	margin: 0 0 0 3px;
	border-width: 0 0 0 3px;
	border-style: solid;
	border-color: #f1f1f1;
	background-color: #f1f1f1;
}
#me2 ul ul ul a {
	background-color: #f1f1f1;
	width: 143px;
}
* html #me2 ul ul ul a {  /* nur fuer IE */
	width: 150px; /* Version 5.x */
	w\idth: 143px; /* Version 6.x */
}


/* 4c. Menue 3 (Metanavigation - Footer) */

/* notwendig fuer Opera */
#footer div {
	float: right;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #F8B500;
	float: right;
}
/* statt float:left zur horizontalen Ausrichtung geht auch display:inline */
#footer li {
	margin-left: 15px;
	padding-left: 12px;
	float: left;
	color: #F8B500;
	background: transparent url("pics/bu_me3.gif") no-repeat;
}
#footer a {
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}

/* FORMATIERUNGEN FUER DIE EXTERNE FEHLERSEITE (nur viewCoupon.php) */

/* Hauptcontainer - enthaelt Top-, Column- (mit leftnav, rightnav und content) und Footer-Container */
#errorPageContainer {
	border-top: 20px solid #f4b603;
	text-align: left;
}

#errorPage {
	width: 450px;
	padding: 15px 20px 0 20px;
}