/* Grundeinstellungen ____________________________________________ */

	#rahmen { background: url(/images/design/bg-rahmen.gif) repeat-y 784px 0px #FFFFFF; margin: 0 auto; position: relative; width: 1000px; text-align: left; }
	
	#balken { background: url(/images/design/linie-oben.gif) repeat-x 0px 0px; position: absolute; left: 295px; top: 56px; width: 695px; height: 15px; }

/* Oben __________________________________________________________ */

	#oben {  }
	
	#flash { margin: 0px 0px 5px 0px; height: 234px; overflow: hidden; }

	#mypintools { background-position: 0px 0px; text-indent: -4000px; width: 196px; }
	
	#glossar a { background-position: -196px 0px; width: 47px; }
	#glossar a:hover, #glossar.aktiv a { background-position: -196px -47px; }
	
	#normativ a { background-position: -243px 0px; width: 47px; }
	#normativ a:hover, #normativ.aktiv a { background-position: -243px -47px; }
	
	#faq a { background-position: -290px 0px; width: 47px; }
	#faq a:hover, #faq.aktiv a { background-position: -290px -47px; }
	
	#newsletter a { background-position: -337px 0px; width: 47px; }
	#newsletter a:hover, #newsletter.aktiv a { background-position: -337px -47px; }
	
	#anfrage a { background-position: -384px 0px; width: 47px; }
	#anfrage a:hover, #anfrage.aktiv a { background-position: -384px -47px; }
	
	#blog a { background-position: -431px 0px; width: 47px; }
	#blog a:hover, #blog.aktiv a { background-position: -431px -47px; }
	

	
/* Mitte _________________________________________________________ */

	#mitte { float: left; margin: 0px 0px 0px 10px; width: 479px; }
	

	
/* Links _________________________________________________________ */

	#links { display: inline; float: left; margin: 0px 0px 0px 9px; width: 276px; }
	
	#logo { margin: 10px 0px 56px 0px; }
	
	#linksoben { background: url(/images/design/bg-linksoben.gif) no-repeat right bottom; position: relative; margin: 0px 0px 5px 0px; }

	#kennungen { padding: 0px 0px 12px 0px; background: url(/images/design/icon-email.gif) no-repeat 249px 1px; }
	#kennungen h4 { font-size: 13px; font-weight: bold; font-family: 'Times New Roman',Times,serif; margin: 0px 12px 4px 0px; padding: 0px 0px 0px 1px; text-transform: uppercase; background: url(/images/design/bg-menu-linie.gif) repeat-x 0px 13px; }
	#kennungen ul { line-height: 12px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px; }
	#kennungen li a { background: url(/images/design/bg-punkte.gif) no-repeat 0px 5px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 13px; }
	#kennungen li.aktiv a { color: #000000; }
	
	.boxliste { background: #E9DDCC; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; }
	.boxliste h4 { font-size: 13px; font-weight: bold; font-family: 'Times New Roman',Times,serif; margin: 0px 10px 10px 10px; padding: 7px 0px 0px 1px; text-transform: uppercase; background: url(/images/design/bg-menu-linie.gif) repeat-x 0px 20px; }
	.boxliste h5 { font-size: 13px; font-weight: bold; font-family: 'Times New Roman',Times,serif; width: 276px; height: 27px; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; text-transform: uppercase; background: url(/images/design/box-top-gelb.gif) repeat-x 0px 0px; }
	.boxliste h5 span { float: left; display: inline; margin: 5px 10px 0px 10px; padding: 0px 0px 0px 0px; }
	.boxliste img { margin: 10px 0px 10px 10px; }
	.boxliste p { font-weight: bold; margin: 0px 10px 10px 18px; padding: 0px 0px 0px 0px; }
	.boxliste ul { list-style-type: none; margin: 0px 0px 0px 18px; padding: 0px 0px 0px 0px; }
	.boxliste ul li { background: url(/images/design/bg-li.gif) no-repeat 0px 5px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; }
	.boxliste ul li.aktiv a { color: #000000; }
	.boxliste select { margin: 0px 0px 3px 18px; padding: 1px 0px 1px 0px; width: 240px; direction: ltr; font-family: Verdana, Helvetica, Arial, Sans-serif; font-size: 11px; }
	
	.boxlistegrau { background: #D7D7D7; }
	.boxlistegrau img { margin: 0px 0px 7px 0px; }
	
	.boxinfo { background: #D7D7D7; padding: 0px 0px 10px 0px; margin: 0px 0px 5px 0px; }
	.boxinfo b { text-transform: uppercase; }
	.boxinfo p { margin: 0px 10px 10px 10px; padding: 10px 0px 0px 0px; }
	.boxinfo h5 { font-size: 13px; font-weight: bold; font-family: 'Times New Roman',Times,serif; width: 195px; height: 27px; margin: 5px 0px 7px 0px; padding: 0px 0px 0px 0px; background: url(/images/design/box-top-gelb-klein.gif) repeat-x 0px 0px; }
	.boxinfo h5 span { float: left; display: inline; margin: 5px 4px 0px 6px; padding: 0px 0px 0px 0px; }	
	.boxinfo h5.blog { font-size: 13px; font-weight: bold; font-family: 'Times New Roman',Times,serif; width: 195px; height: 27px; margin: 0px 0px 7px 0px; padding: 0px 0px 0px 0px; background: url(/images/design/box-top-gelb-blog.gif) repeat-x 0px 0px; }
	.boxinfo h5.blog span { float: left; display: inline; margin: 5px 4px 0px 32px; padding: 0px 0px 0px 0px; }
	.boxinfo a { background: url(/images/design/bg-li.gif) no-repeat 0px 5px; display: block; margin: 0px 10px 0px 10px; padding: 0px 0px 0px 10px; }	
	.boxinfo a.aktiv { color: #000000; }	

	.buttonsend { float: right; color: #000000; border: solid 1px #7F9DB9; background: #FFFFFF; font-size: 10px; margin: -27px 18px 0px 0px; padding: 2px 4px 2px 4px; }

/* Inhalt ________________________________________________________ */

	#inhalt { margin: 5px 0px 0px 0px; }
	.inhalt { background: #FFFFFF; display: inline; float: left; margin: 0px 8px 0px 10px; width: 482px; }
	#inhaltuntentext { color: #828282; font-size: 9px; margin: 24px 0px 8px 5px; line-height: 14px; }
	#inhaltuntentext p { margin: 0px 0px 0px 0px; }
	
	.karte-detail h1 { background: url(/images/design/dreieck.gif) no-repeat right top #828282; color: #FFFFFF; font-size: 11px; margin: 0px 0px 20px 0px; padding: 3px 0px 4px 5px; text-transform: uppercase;}

/* Rechts ________________________________________________________ */

	#rechts { display: inline; float: left; margin: 0px 0px 0px 22px; width: 195px; }
	
	#home { margin: 10px 0px 12px 0px; text-align: right; text-transform: uppercase; }
	
	#sprache { margin: 18px 0px 12px 0px; text-transform: uppercase; }
	
	div.boxwai { height: 40px; }
	div.boxwai div.text { float: left; width: 100px; margin: 4px 13px 0px 0px; }
	
	div.boxwai a.wai1 { text-indent: -1000px; overflow: hidden; float: left; margin: 7px 0px 0px 3px; width: 24px; height: 24px; background: url(/images/design/bg-wai1.gif) no-repeat 0px 0px; } 
	div.boxwai a.wai2 { text-indent: -1000px; overflow: hidden; float: left; margin: 7px 0px 0px 3px; width: 24px; height: 24px; background: url(/images/design/bg-wai2.gif) no-repeat 0px 0px; }
	div.boxwai a.wai3 { text-indent: -1000px; overflow: hidden; float: left; margin: 7px 0px 0px 3px; width: 24px; height: 24px; background: url(/images/design/bg-wai3.gif) no-repeat 0px 0px; }
	
	#mypensplan { background: #D7D7D7; height: 127px; line-height: 12px; }
	#mypensplan .eingabe { border: 1px solid #000000; color: #000000; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; margin: 7px 0px 0px 10px; padding: 1px 3px; }
	#mypensplan .benutzer { height: 16px; width: 176px; }
	#mypensplan .passwort { height: 16px; width: 160px; }
	#mypensplan a { margin: 0px 0px 0px 5px; }
	#mypensplan a img { vertical-align: text-bottom; }
	a.onlineservice { background: #FCA926; display: block; margin: 0px 0px 5px 0px; padding: 2px 0px 1px 0px; text-align: center; width: 195px; }
	
	#pinsuchen { background: #E9DDCC; height: 47px; margin: 0px 0px 5px 0px; }
	#pinsuchen label { padding: 14px 0px 3px 10px; margin: 0px 0px 0px 0px; font-family: 'Times New Roman',Times,serif; font-weight: bold; font-size: 13px; }
	#pinsuchen .abstand { font-size: 8px; line-height: 4px; height: 4px; overflow: hidden; }
	#pinsuchen img { margin: 10px 0px 3px 10px; }
	#pinsuchen a { margin: 0px 0px 0px 5px; }
	#pinsuchen a img { margin: 0px 0px 0px 0px; vertical-align: text-bottom; }
	#pinsuchen .eingabe { border: 1px solid #000000; color: #888888; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; line-height: 14px; margin: 0px 0px 0px 8px; padding: 0px 0px 0px 0px; text-indent: 3px; }
	#pinsuchen .pin { height: 15px; width: 158px; }
	
	#menu { margin: -14px 0px 0px 0px; padding: 0px 0px 2px 0px; }
	#menu ul { list-style-type: none; margin: 0px 2px 0px 2px; padding: 0px 0px 0px 0px; }
	#menu ul li { white-space: nowrap; font-size: 9px; line-height: 16px;  float: left; display: inline; color: #E3352A; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#menu ul li a { white-space: nowrap; text-transform: uppercase; font-style: normal; margin: 0px 0px 0px 0px; padding: 2px 5px 0px 5px; }
	#menu ul li span { white-space: nowrap; text-transform: uppercase; font-style: normal; color: #828282; margin: 0px 0px 0px 0px; padding: 2px 5px 0px 5px; }
	
	#pintools {  }
	#pintools h2 { background: url(/images/design/bg-info.gif) repeat-y 0px 0px #FEE1B3; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; text-transform: uppercase; }
	#pintools h5 { font-size: 13px; font-weight: bold; font-family: 'Times New Roman',Times,serif; width: 195px; height: 27px; margin: 5px 0px 2px 0px; padding: 0px 0px 0px 0px; background: url(/images/design/box-top-gelb-klein.gif) repeat-x 0px 0px; }
	#pintools h5 span { float: left; display: inline; margin: 5px 4px 0px 6px; padding: 0px 0px 0px 0px; }
	#pintools ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#pintools ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; }
	#pintools span { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 0px; }
	#pintools a { display: block; margin: 0px 0px 0px 0px; padding: 7px 0px 0px 36px; color: #000000; }
	
	#iconglossar span { background: url(/images/design/icon-glossar.gif) no-repeat left center; }
	#iconnormativ span { background: url(/images/design/icon-normativ.gif) no-repeat left center; }
	#iconfaq span { background: url(/images/design/icon-faq.gif) no-repeat left center; }
	#iconnewsletter span { background: url(/images/design/icon-newsletter.gif) no-repeat left center; }
	#iconanfrage span { background: url(/images/design/icon-anfrage.gif) no-repeat left center; }
	#iconinfo span { background: url(/images/design/icon-info.gif) no-repeat left center; }
	


/* Unten _________________________________________________________ */

	#unten { background: url(/images/design/bg-unten.gif) repeat-x 0px 10px #FFFFFF; clear: both; color: #828282; position: relative; height: 54px; line-height: 28px; margin: 0px 10px 0px 10px; padding: 10px 50px 10px 202px; text-align: center; }
	#unten a { margin: 0px 0px 0px 0px; }
	
	#uhr { position: absolute; left: 10px; top: 5px; }
	#dnv { position: absolute; right: 0px; top: 17px; }
	#zeppelin { position: absolute; right: 3px; top: 17px; }

	
	
/* Lightbox ______________________________________________________________ */

	#lightbox									{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

	#lightbox a img								{ border: none; }

	#outerImageContainer						{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

	#imageContainer								{ padding: 10px; }

	#loading									{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
	#hoverNav									{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav					{ left: 0; }
	#hoverNav a									{ outline: none; }

	#prevLink, #nextLink						{ width: 49%; height: 100%; display: block; }
	#prevLink									{ background: url(/images/lightbox/prev.gif) left 15% no-repeat; left: 0; float: left; }
	#nextLink									{ background: url(/images/lightbox/next.gif) right 15% no-repeat; right: 0; float: right; }
	#prevLink:hover, #prevLink:visited:hover	{ background: url(/images/lightbox/prev.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover	{ background: url(/images/lightbox/next.gif) right 15% no-repeat; }

	#imageDataContainer							{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

	#imageData									{ padding: 0 10px; color: #666; }
	#imageData #imageDetails					{ width: 70%; float: left; text-align: left; }	
	#imageData #caption							{ font-weight: bold; }
	#imageData #numberDisplay					{ display: block; clear: left; padding-bottom: 1.0em; }
	#imageData #bottomNav						{ height: 40px; }
	#imageData #bottomNavClose					{ width: 26px; float: right;  padding-bottom: 0.4em; }

	#overlay									{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
	
	
	
/* HTML Lightbox _________________________________________________________ */

	#myHtmlLightbox												{ position: absolute; left: 0px; width: 100%; z-index: 1220; text-align: center; font-size: 0px; }

	#outerContainer												{ position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto; overflow: hidden; }

	#htmlContainer												{ padding: 10px 10px 10px 10px; }
	
	#htmlContainer #htmlLightboxIFrame							{ border: 0px; opacity: 0.0; filter: alpha(opacity = 0); overflow: hidden; }

	#myloading													{ position: absolute; left: 0%; top: 50%; margin-top: -16px; width: 100%; height: 25%; text-align: center; line-height: 0px; }

	#DataContainer												{ font: 10px Verdana, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

	#Data														{ padding: 0px 10px; color: #666666; }
	#Data #bottomNav											{ height: 40px; }
	#Data #bottomNavClose										{ background: transparent !important; width: 26px; float: right; padding-bottom: 0.4em; }
	
	#myhtmloverlay												{ position: fixed; _position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }

	

/* Ende __________________________________________________________*/