@import url(css-all.css);

/* Grundeinstellungen ____________________________________________________ */

	div.rahmen 									{ position: relative; background: url(/images/design/bg-all.gif) no-repeat; width: 992px; margin: 0 auto; text-align: left; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ position: relative; margin: 0px 0px 20px 0px; height: 216px; }

	a.logo										{ position: absolute; left: 65px; top: 42px; }
	
	div.slogan									{ position: absolute; left: 250px; top: 60px; width: 370px; text-align: center; color: #CD0000; font-size: 24px; line-height: 32px; }
	div.slogan span								{ color: #000000; }
	form.suche									{ position: absolute; left: 266px; top: 155px; vertical-align: bottom; }
	form.suche input							{ color: #343434; float: left; font-size: 10px; margin: 0px 0px 0px 0px; padding: 1px 0px 0px 3px; width: 175px; height: 18px; border: solid 1px #8E8E8E; line-height: 14px; }
	form.suche a								{ float: left; margin: 0px 0px 0px 0px; padding: 0px 6px 0px 6px; color: #CD0000; border-top: solid 1px #8E8E8E; border-bottom: solid 1px #8E8E8E; border-right: solid 1px #8E8E8E; text-align: center; height: 16px; _height: 18px; line-height: 15px; }
	form.suche a:hover							{ color: #3D3D3D; }
	a.stichwortsuche							{ position: absolute; right: 389px; top: 155px; line-height: 17px; }
	div.spezialsuche							{ position: absolute; right: 380px; top: 185px; }
	a.allekategorien							{ color: #7F7F7F; position: absolute; left: 658px; top: 5px; line-height: 17px; z-index: 5; }
	a.allekategorien:hover						{ color: #CD0000; }
	div.sprache									{ position: absolute; right: 26px; top: 5px; z-index: 4; }
	div.sprache	a								{ color: #7F7F7F; margin: 0px 0px 0px 25px; line-height: 17px; float: right; }
	div.sprache	a:hover							{ color: #CD0000; }
	form.login									{ position: absolute; left: 660px; top: 43px; }
	form.login span								{ color: #212121; float: left; font-size: 11px; margin: 0px 0px 0px 12px; padding: 0px 0px 0px 0px; width: 216px; height: 17px; _height: 18px; border-right: solid 1px #8E8E8E; line-height: 16px; }
	form.login input.feld						{ color: #888888; float: left; font-size: 10px; margin: 0px 0px 0px 12px; padding: 1px 0px 0px 3px; width: 102px; height: 18px; border: solid 1px #8E8E8E; line-height: 14px; }
	form.login a								{ float: left; margin: 0px 0px 0px 0px; padding: 0px 6px 0px 6px; color: #CD0000; border-top: solid 1px #8E8E8E; border-bottom: solid 1px #8E8E8E; border-right: solid 1px #8E8E8E; text-align: center; height: 16px; _height: 18px; line-height: 15px; }
	form.login a:hover							{ color: #3D3D3D; }	
	form.login div.loginmerken					{ position: absolute; left: 8px; top: 28px; text-indent: 22px; padding: 1px 0px 0px 0px; }	
	form.login div.loginmerken input			{ position: absolute; left: 0px; top: 0px; }	
	div.warenkorb								{ position: absolute; left: 785px; top: 73px; _top: 74px; line-height: 13px; height: 15px; margin: 0px 0px 0px 0px; background: url(/images/design/icon-warenkorb.gif) no-repeat 0px 1px;  padding: 0px 0px 0px 32px;  }
	div.navi									{ position: absolute; left: 672px; top: 100px; _top: 99px; }
	div.navi ul									{ float: left; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 154px; line-height: 16px; } 
	div.navi ul li								{ background: url(/images/design/li-quadrat.gif) no-repeat 0px 7px; _background: url(/images/design/li-quadrat.gif) no-repeat 0px 8px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 14px; } 
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ float: left; display: inline; margin: 55px 0px 0px 0px; width: 529px; }
	div.pfad 									{ position: absolute; left: 252px; top: 240px; }
	
	
	
/* Links _________________________________________________________________ */

	div.links 									{ float: left; display: inline; margin: 0px 0px 0px 25px; width: 202px; }
	
	div.links ul.menu							{ background: url(/images/design/bg-menu.gif) repeat-y 0px 0px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } 
	div.links ul.menu li						{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; _height: 0px; } 
	div.links ul.menu li.headline				{ background: url(/images/design/bg-menu-rot.gif) no-repeat 0px 0px; margin: 0px 0px 0px 6px; padding: 0px 0px 0px 0px; line-height: 25px; width: 190px; height: 27px; } 
	
	div.links ul.menu li.hell					{ background: url(/images/design/bg-menu-hell.gif) repeat-y 0px 0px; margin: 0px 0px 0px 6px; padding: 0px 0px 0px 0px; line-height: 27px; width: 190px; line-height: 28px; min-height: 28px; height: auto; _height: 28px; _line-height: 27px; } 
	
	div.links ul.menu ul li.hell					{ background: url(/images/design/bg-menu-hell-mitte.gif) repeat-y 0px 0px; margin: 0px 0px 0px 6px; padding: 0px 0px 0px 0px; line-height: 27px; width: 190px; line-height: 28px; min-height: 28px; height: auto; _height: 28px; _line-height: 27px; } 
	div.links ul.menu ul li.hell span				{ background: url(/images/design/bg-menu-hell-oben.gif) no-repeat 0px top; display: block; _display: inline; _width: 100%; _height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  } 
	div.links ul.menu ul li.hell span span			{ background: url(/images/design/bg-menu-hell-unten.gif) no-repeat 0px bottom; display: block; _display: inline; _width: 100%; _height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 38px; } 
	
	div.links ul.menu li.dunkel					{ background: url(/images/design/bg-menu-dunkel.gif) no-repeat 0px 0px; margin: 0px 0px 0px 6px; padding: 0px 0px 0px 0px; line-height: 27px; width: 190px; height: 28px; } 
	div.links ul.menu li.transparent			{ background: url(/images/design/bg-menu-freiraum.gif) no-repeat 0px 0px; margin: 0px 0px 0px 6px; padding: 0px 0px 0px 0px; width: 190px; height: 29px; } 
	div.links ul.menu li.letztes				{ background: url(/images/design/bg-menu-unten.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 202px; height: 5px; font-size: 1px; line-height: 1px; } 
	
	div.links ul.menu li a						{ display: inline; color: #CD0000; margin: 0px 0px 0px 25px; padding: 0px 0px 0px 0px; font-size: 11px; }
	div.links ul.menu li.headline span 			{ display: inline; color: #FFFFFF; font-weight: bold; margin: 0px 0px 0px 25px; padding: 5px 0px 0px 0px; }
	div.links ul.menu li a:hover				{ color: #3D3D3D; }
	div.links ul.menu li a.aktiv				{ color: #030303; font-weight: bold; }
	div.links ul.menu li a.pfeil				{ float: right; margin: 6px 8px 0px 0px; height: 15px; width: 16px; background: url(/images/design/icon-pfeil-dunkelgrau.gif) no-repeat; line-height: 10px; }
	div.links ul.menu li a.pfeilaktiv			{ float: right; margin: 6px 8px 0px 0px; height: 16px; width: 15px; background: url(/images/design/icon-pfeil-dunkelgrau-aktiv.gif) no-repeat; line-height: 10px; }
	
	div.links ul.menu li ul 					{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links ul.menu li ul li 					{ background: url(/images/design/bg-menu-hell.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 190px; line-height: 28px; min-height: 28px; height: auto; _height: 28px; _line-height: 27px; }	
	div.links ul.menu li ul li a 				{ color: #CD0000; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; }
	div.links ul.menu li ul li a.aktiv			{ color: #030303; font-weight: normal; }
	div.links ul.menu li ul li a.pfeil			{ float: right; height: 15px; width: 16px; background: url(/images/design/icon-pfeil-hellgrau.gif) no-repeat; }

	div.links address							{ color: #A4A4A4; font-style: normal; line-height: 14px; margin: 30px 0px 0px 30px; }
	div.links address a							{ color: #CD0000; }
	div.links address a:hover					{ color: #3D3D3D; }
	


/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ background: url(/images/design/bg-inhalt.gif) no-repeat 0px 0px #FFFFFF; border: solid 1px #DDDDDD; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 25px; width: 504px; }



/* Rechts ________________________________________________________________ */

	div.rechts 									{ float: left; display: inline; margin: 0px 0px 0px 25px; width: 202px; height: 100%; }
	
	div.rechts ul.menu							{ background: url(/images/design/bg-menu.gif) repeat-y 0px 0px; list-style-type: none; margin: 0px 0px 25px 0px; padding: 0px 0px 0px 0px; } 
	div.rechts ul.menu li						{ position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; _height: 0px; } 
	div.rechts ul.menu li a						{ height: 100%; width: 100%; display: block; overflow: hidden; text-indent: -1000px; } 
	div.rechts ul.menu li.headline				{ background: url(/images/design/bg-menu-rot.gif) no-repeat 0px 0px; margin: 0px 0px 0px 6px; padding: 0px 0px 0px 0px; width: 190px; height: 27px; } 
	div.rechts ul.menu li.headline span 		{ color: #FFFFFF; font-weight: bold; display: block; _display: inline; margin: 0px 0px 0px 25px; padding: 5px 0px 0px 0px; width: 100%; }
	div.rechts ul.menu li.hotline				{ margin: 0px 0px 0px 6px; width: 190px; height: 84px; }
	div.rechts ul.menu li.skype					{ margin: 0px 0px 0px 6px; width: 190px; height: 56px; }
	div.rechts ul.menu li.anfrage				{ margin: 0px 0px 0px 6px; width: 190px; height: 56px; }
	div.rechts ul.menu li.philosophie			{ margin: 0px 0px 0px 6px; width: 190px; height: 28px; }
	div.rechts ul.menu li.newsletter			{ margin: 0px 0px 0px 6px; padding: 0px 0px 0px 0px; width: 190px; height: 97px; font-size: 1px; line-height: 1px; }
	div.rechts ul.menu li.newsletter p			{ position: absolute; left: 11px; top: 30px; color: #808080; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; line-height: 14px; }
	div.rechts ul.menu li.newsletter form		{  }
	div.rechts ul.menu li.newsletter form input { color: #888888; position: absolute; left: 11px; top: 68px; font-size: 10px; margin: 0px 0px 0px 0px; padding: 1px 0px 0px 3px; width: 150px; height: 18px; border: solid 1px #8E8E8E; line-height: 14px; }
	div.rechts ul.menu li.newsletter form a		{ position: absolute; display: inline; left: 161px; top: 68px; background: url(/images/design/icon-pfeil-rot.gif) no-repeat 3px 3px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 16px; width: 16px; _height: 18px; _width: 18px; border-top: solid 1px #8E8E8E; border-bottom: solid 1px #8E8E8E; border-right: solid 1px #8E8E8E; }

	div.rechts ul.menu li.faq					{ margin: 0px 0px 0px 6px; width: 190px; height: 28px; }
	div.rechts ul.menu li.letztes				{ background: url(/images/design/bg-menu-unten.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 202px; height: 5px; font-size: 1px; line-height: 1px; } 
	
	

/* Unten _________________________________________________________________ */

	div.unten 									{ background: url(/images/design/bg-unten.gif) no-repeat 0px 0px; color: #808080; margin: 28px 0px 0px 23px; padding: 6px 0px 28px 0px; clear: both; width: 508px; height: 33px; }
	div.unten a 								{ color: #808080; margin: 0px 0px 0px 25px; }
	div.unten a:hover 							{ color: #CD0000; }
	div.unten span								{ margin: 0px 0px 0px 30px; }
	div.unten a.zeppelin						{ margin: 0px 30px 0px 0px; padding: 1px 0px 0px 0px; float: right; }
	div.unten a.zeppelin img					{ vertical-align: text-bottom; }



/* 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; }



/* __________________________________________________________________ Ende */