/* --- 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;
position: relative;
}
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;
}
/* 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;
}
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.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;
}
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;
}
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;
}
.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;
}
#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;
	}

		/* 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:0px 2px 0 195px;
		}
		* 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;
            }
            #containerWelcome #header #auskunftLogin form {
                margin: 0;
                position: static;
            }
            #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;
        padding: 26px 0 48px 0;
        float: left;
        background: #fefefd url(../pics/pi_contentMain_bg.jpg) left top 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 ul {
                    list-style: none;
                    padding: 0;
                    margin: 0;
                    position: relative;
                    display: none;
                }
                #containerWelcome #contentMain .contRight .fuerMich:hover ul,
                #containerWelcome #contentMain .contRight .fuerMich.hover 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;
            }
        
        
	/* 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, #mobilDiv {
			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, #mobilDiv {
				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;
				}

				#mobilDiv {
				padding: 12px 10px;
				margin-left: 2px;
				width: 210px;
                height: 179px;
				background: transparent url(../pics/bg_mobilDiv.jpg) left top;
				border: none;
				}
				#mobilDiv h3 {
				width: 199px;
				height: 10px;
				margin: 0 0 10px 0;
				background: url(../pics/tiMobil.gif);
				}
				#mobilDiv h3 span,
				#mobilDiv a:link span, #mobilDiv a:visited span {
				display: none;
				}
				#mobilDiv a {
				display: none;
				}
				#mobilDiv a:link, #mobilDiv a:visited {
				display: block;
				width: 64px;
				height: 19px;
				margin: 35px 0 0 0;
				background-image: url(../pics/tiMehr.gif);
				}
			
			#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 0px;
					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 a { text-decoration:none; }
							#download a:visited { text-decoration:none; }
							#download a:hover { text-decoration:none; }
							#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 0;
					}
					#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;
					}

			#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 0;
					}
						#faq a { text-decoration:none; }
						#faq a:visited { text-decoration:none; }
						#faq a:hover { text-decoration:none; }
						#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;
		}

	/* 2c. Footer-Container */

	#footer {
	clear:both;
	padding:0;
	background-color:#000000;
	color:#ffffff;
	border-top:1px solid gray;
	width:960px;
	height:40px;
	/* 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; float:left; }
/* 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 { 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;
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:0px;
}
/* Ebene 1 */
#me2 ul
{
padding:0px;
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;
display:inline;
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;
}