@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body												{  }
	
	body.startseite										{ background: #FFFFFF; }
	body.grun											{ background: url(/images/design/bg-body-grun.gif) repeat-y center top; height: 101%; }
	body.weis											{ background: url(/images/design/bg-body-weis.gif) repeat-y center top; height: 101%; }
	
	div.fenster 										{ position: relative; width: 935px; margin: 0 auto; text-align: left; min-height: 100%; _height: 100%; }
	.clearfix:after 									{ content: "."; display: block; clear: both; visibility: hidden; }
	
	body.grun div.rahmen 								{ position: absolute; left: -36px; top: 0px; width: 1001px; background: url(/images/design/bg-rahmen-grun.gif) repeat-y 0px 0px; min-height: 100%; _height: 100%; }
	body.weis div.rahmen 								{ position: absolute; left: -36px; top: 0px; width: 1001px; background: url(/images/design/bg-rahmen-weis.gif) repeat-y 0px 0px; min-height: 100%; _height: 100%; }
	
	body .color100										{ color: #FBAF18 !important; }											
	body .color200										{ color: #F25D23 !important; }											
	body .color300										{ color: #ED008C !important; }											
	body .color400										{ color: #ABD037 !important; }											
	body .color500										{ color: #22B24B !important; }									
	body .color600										{ color: #069EDB !important; }											
	body .color700										{ color: #0072BC !important; }
	
	body .background100									{ background: #FBAF18 !important; }											
	body .background200									{ background: #F25D23 !important; }											
	body .background300									{ background: #ED008C !important; }											
	body .background400									{ background: #ABD037 !important; }											
	body .background500									{ background: #22B24B !important; }									
	body .background600									{ background: #069EDB !important; }											
	body .background700									{ background: #0072BC !important; }	

	
	
/* Startseite ____________________________________________________________ */
	
	body.startseite div.fenstergrun						{ position: relative; min-height: 49%; _height: 49%; width: 100%; background: #003745; }	
	body.startseite div.fensterweis						{ position: relative; min-height: 49%; _height: 49%; width: 100%; background: #FFFFFF; }
	
	body.startseite div.fenster							{ position: relative; margin: 0 auto; text-align: left; width: 942px; _height: 100%; }
	body.startseite div.fixheight						{ height: 296px; }
	
	body.startseite div.grun							{ position: absolute; left: 0px; bottom: 0px; background: url(/images/design/bg-startseite-grun.gif) no-repeat 0px 0px; height: 296px; width: 942px; }
	body.startseite div.weis							{ position: absolute; left: 0px; top: 0px; background: url(/images/design/bg-startseite-weis.gif) no-repeat 0px 0px; height: 296px; width: 942px; }
	
	body.startseite div.sprache							{ position: absolute; right: 6px; top: 6px; }
	body.startseite div.sprache a						{ color: #FFFFFF; background: transparent; float: right; display: inline; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 8px; }
	body.startseite div.sprache a:hover					{ color: #FFFFFF; background: url(/images/design/bg-linie-weis.gif) no-repeat 0px 13px; }
	body.startseite div.sprache span					{ color: #809BA2; float: right; display: inline; margin: 0px 0px 0px 18px; }
	
	body.startseite h3									{ position: absolute; left: 200px; top: 52px; color: #FFFFFF; font-weight: normal; font-size: 24px; line-height: 24px; margin: 0px 0px 0px 0px; padding: 0px 68px 13px 0px; background: url(/images/design/bg-slogan.gif) no-repeat right bottom; display: inline; }
	body.startseite a.logo								{ position: absolute; right: 0px; top: 57px; }
	
	body.startseite div.unternehmen						{ position: absolute; left: 1px; top: 127px; }
	body.startseite div.unternehmen h1					{ margin: 0px 0px 15px 0px; font-weight: normal; background: url(/images/design/bg-linie-hellgrau.gif) no-repeat 19px bottom; color: #FFFFFF; font-size: 18px; line-height: 19px; text-transform: uppercase; width: 503px; } 
	body.startseite div.unternehmen h1 a				{ color: #FFFFFF !important; }
	body.startseite div.unternehmen h1 a:hover			{ color: #FFFFFF !important; background: transparent; }
	body.startseite div.unternehmen img					{ float: left; display: inline; margin: 0px 18px 0px 0px; padding: 0px 0px 0px 0px; } 
	body.startseite div.unternehmen p					{ color: #FFFFFF; float: left; display: inline; margin: 5px 0px 0px 0px; line-height: 18px; padding: 0px 0px 0px 0px;  width: 332px; } 
	body.startseite div.unternehmen p a					{ color: #FFFFFF; }
	body.startseite div.unternehmen p a:hover			{ color: #FFFFFF; }
	
	body.startseite span.unternehmen					{ color: #809BA2; position: absolute; right: 6px; top: 276px; }
	body.startseite span.unternehmen a					{ color: #FFFFFF; background: transparent; padding: 0px 8px 0px 0px; }
	body.startseite span.unternehmen a:hover			{ color: #FFFFFF; background: url(/images/design/bg-linie-weis.gif) no-repeat 8px 14px; }

	body.startseite form.login							{ position: absolute; left: 449px; top: 29px; }
	body.startseite form.login h4						{ margin: 0px 0px 15px 18px; font-weight: normal; background: url(/images/design/bg-linie-hellgrau.gif) no-repeat 15px bottom; color: #1F1F1F; font-size: 18px; line-height: 19px; text-transform: uppercase; width: 468px; }
	body.startseite form.login ul						{ position: absolute; left: 361px; top: 28px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
	body.startseite form.login ul li					{ margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; }
	body.startseite form.login ul li a					{ color: #333333; background: url(/images/design/bg-linie-dunkelgrau.gif) no-repeat 10px 13px; margin: 0px 0px 0px 0px; padding: 0px 9px 0px 0px; }
	body.startseite form.login ul li a:hover			{ color: #333333; background: transparent; }
	body.startseite form.login div.button				{ float: left; display: inline; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px; _padding: 2px 0px 0px 0px; background: url(/images/design/bg-linie-vertical-grun.gif) no-repeat 4px 0px; }
	body.startseite form.login div.button a				{ background: transparent; margin: 0px 0px 0px 9px; padding: 0px 9px 0px 0px; color: #145566; line-height: 49px; }
	body.startseite form.login div.button a:hover 		{ background: url(/images/design/bg-linie-grun.gif) no-repeat 9px 13px; }
	body.startseite form.login input.feld				{ float: left; border: solid 1px #919191; color: #A0A0A0; font-size: 10px; line-height: 16px; padding: 0px 0px 0px 4px; width: 106px; height: 18px; margin: 0px 0px 0px 18px; }
	body.startseite form.login span						{ float: left; color: #5A5A5A; font-size: 11px; line-height: 16px; font-weight: bold; padding: 0px 0px 0px 0px; margin: -6px 0px 0px 18px; }
	body.startseite div.loginspeichern 					{ position: absolute; left: 0px; top: 56px; margin: 0px 0px 0px 14px; }
	body.startseite div.loginspeichern center			{ position: absolute; left: 20px; top: 2px; line-height: 17px; text-align: left; width: 200px; }

	body.startseite div.shop							{ position: absolute; left: 1px; top: 119px; }
	body.startseite div.shop h1							{ margin: 0px 0px 15px 0px; font-weight: normal; background: url(/images/design/bg-linie-hellgrau.gif) no-repeat 19px bottom; color: #1F1F1F; font-size: 18px; line-height: 19px; text-transform: uppercase; width: 503px; } 
	body.startseite div.unternehmen h1 a				{ color: #1F1F1F; }
	body.startseite div.unternehmen h1 a:hover			{ color: #1F1F1F; background: transparent; }
	body.startseite div.shop img						{ float: left; display: inline; margin: 0px 18px 0px 0px; padding: 0px 0px 0px 0px; } 
	body.startseite div.shop p							{ color: #3F3F3F; float: left; display: inline; margin: 5px 0px 0px 0px; line-height: 18px; padding: 0px 0px 0px 0px; width: 332px; }
	body.startseite div.shop p a						{ color: #3F3F3F; }
	body.startseite div.shop p a:hover					{ color: #3F3F3F; }
	
	body.startseite span.shop							{ color: #808080; position: absolute; right: 5px; top: 264px; }
	body.startseite span.shop a							{ margin: 0px 0px 0px 22px; color: #333333; background: url(/images/design/bg-linie-dunkelgrau.gif) no-repeat 10px 13px; padding: 0px 9px 0px 0px; }
	body.startseite span.shop a:hover					{ color: #333333; background: transparent; }
	body.startseite span.shop a.zeppelin				{ color: #808080; background: transparent; _vertical-align: text-bottom; }
	body.startseite span.shop a.zeppelin:hover			{ color: #333333; }
	
	
	
/* Primafila _____________________________________________________________ */
	
	body.primafila										{ background: url(/images/design/bg-body.png) repeat-y center 0px #abd037; }
	
	div.obenbalken										{ height: 12px; background-color: #abd037; width: 100%; }
	div.untenbalken										{ height: 84px; background-color: #abd037; width: 100%; }
	
	div.primafila										{ margin: 0 auto; background-color: #FFFFFF; background: transparent; width: 960px; }
	
	div.primafila div.primafilaoben						{ width: 960px; height: 190px; position: relative; }

	div.primafila div.primafilaoben	div.aziendashop					{ position: absolute; right: 13px; top: -12px; width: 206px; height: 36px; background: url(/images/design/oben-rechts.png) no-repeat 0px 0px; }
	div.primafila div.primafilaoben	div.aziendashop a.azienda		{ position: absolute; right: 127px; top: 14px; font-family: Trebuchet MS; font-size: 12px; line-height: 18px; color: #50611a; }
	div.primafila div.primafilaoben	div.aziendashop a.shop			{ position: absolute; right: 36px; top: 14px; font-family: Trebuchet MS; font-size: 12px; line-height: 18px; color: #50611a; }

	div.primafila div.primafilaoben	a img.primafilalogo	{ position: absolute; left: 0px; top: 5px; }
	div.primafila div.primafilaoben	a img.arkomlogo		{ position: absolute; right: 18px; top: 66px; }
	
	div.primafila div.primafilacontent					{ width: 960px; }
	
	div.primafila div.primafilacontent div.left			{ float: left; display: inline; text-align: left; width: 508px; margin: 0px 22px 0px 0px; padding: 0px 0px 53px 0px; }

	div.primafila div.primafilacontent div.left h1				{ float: left; display: inline; font-family: Trebuchet MS; font-size: 40px; line-height: 42px; text-transform: uppercase; color: #abd037; margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.primafila div.primafilacontent div.left div.linie1		{ float: left; display: inline; width: 100%; height: 1px; line-height: 1px; font-size: 1px; background-color: #dcdcdc; margin: 0px 0px 11px 0px; padding: 0px 0px 0px 0px; }
	
	div.primafila div.primafilacontent div.left div.bilder1					{ float: left; display: inline; width: 508px; }
	div.primafila div.primafilacontent div.left div.bilder1 div.bildaussen	{ float: left; display: inline; width: 124px; height: 260px; overflow: hidden; background-color: #aed23e; margin: 0px 4px 5px 0px; padding: 0px 0px 0px 0px; }
	div.primafila div.primafilacontent div.left div.bilder1 div.bild		{ float: left; display: inline; width: 122px; height: 258px; overflow: hidden; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 0px; }
	div.primafila div.primafilacontent div.left div.bilder1 div.letztes		{ margin: 0px 0px 5px 0px; }
	
	div.primafila div.primafilacontent div.left div.bilder2					{ float: left; display: inline; width: 508px; margin: 0px 0px 31px 0px; }
	div.primafila div.primafilacontent div.left div.bilder2 div.bildaussen	{ float: left; display: inline; width: 124px; height: 103px; overflow: hidden; background-color: #aed23e; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 0px; }
	div.primafila div.primafilacontent div.left div.bilder2 div.bild		{ float: left; display: inline; width: 122px; height: 101px; overflow: hidden; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 0px; }
	div.primafila div.primafilacontent div.left div.bilder2 div.letztes		{ margin: 0px 0px 0px 0px; }
	
	div.primafilacontent div.left div.interessiert		{ float: left; display: inline; width: 506px; margin: 0px 0px 19px 0px; }
	div.primafilacontent div.left div.interessiert span	{ float: left; display: inline; font-size: 18px; line-height: 23px; color: #3f3f3f; font-family: Trebuchet MS; margin: 0px 0px 13px 0px; }

	div.primafilacontent div.left div.interessiert div.interessebox		{ float: left; display: inline; width: 506px; height: 37px; position: relative; margin: 0px 0px 12px 0px; padding: 0px 0px 0px 0px; }
	div.primafilacontent div.left div.interessiert div.interessebox	img	{ float: left; display: inline; }
	
	div.primafilacontent div.left div.interessiert div.interessebox	div.textbox		{ position: absolute; left: 46px; top: 0px; width: 460px; height: 33px; background: url(/images/design/boxen-links-unten.png) no-repeat 0px 0px; }
	div.primafilacontent div.left div.interessiert div.interessebox	div.textbox p	{ font-family: Trebuchet MS; font-size: 14px; line-height: 18px; color: #3f3f3f; margin: 8px 0px 0px 11px; padding: 0px 0px 0px 0px; }
	div.primafilacontent div.left div.interessiert div.interessebox	div.textbox p a	{ font-family: Trebuchet MS; font-size: 14px; line-height: 18px; color: #3f3f3f; }
	
	div.primafilacontent div.left div.linie2			{ float: left; display: inline; width: 100%; height: 1px; line-height: 1px; font-size: 1px; background-color: #dcdcdc; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }

	div.primafilacontent div.left div.wasistarkom						{ float: left; display: inline; width: 472px; margin: 0px 0px 0px 36px; }
	div.primafilacontent div.left div.wasistarkom a img.mandele			{ float: left; display: inline; width: 79px; margin: 0px 54px 0px 0px; }
	div.primafilacontent div.left div.wasistarkom div.textarkom			{ float: left; display: inline; width: 339px; margin: 0px 0px 0px 0px; }
	div.primafilacontent div.left div.wasistarkom div.textarkom span	{ font-size: 18px; line-height: 23px; color: #3f3f3f; font-family: Trebuchet MS; }
	div.primafilacontent div.left div.wasistarkom div.textarkom p		{ font-family: Trebuchet MS; font-size: 11px; line-height: 18px; color: #3f3f3f; margin: 11px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	div.primafila div.primafilacontent div.right		{ float: left; display: inline; text-align: left; width: 430px; margin: 0px 0px 0px 0px; padding: 0px 0px 53px 0px; }
	
	div.primafilacontent div.right div.youtube			{ float: left; display: inline; width: 425px; height: 344px; }

	div.primafilacontent div.right div.primadownloads				{ float: left; display: inline; position: relative; width: 428px; height: 127px; background: url(/images/design/bg-downloads.png) no-repeat 0px 0px; margin: 1px 0px 19px 0px; }
	div.primafilacontent div.right div.primadownloads a.downleft	{ position: absolute; left: 74px; top: 21px; }
	div.primafilacontent div.right div.primadownloads a.downright	{ position: absolute; left: 256px; top: 22px; }

	div.primafilacontent div.right div.blog										{ float: left; display: inline; width: 426px; border: solid 1px #d9eaee; background-color: #f3f3f3; }
	div.primafilacontent div.right div.blog div.bloginnen						{ float: left; display: inline; width: 388px; margin: 15px 19px 0px 19px; }
	div.primafilacontent div.right div.blog div.bloginnen span					{ font-size: 18px; line-height: 18px; color: #3f3f3f; text-transform: uppercase; font-family: Trebuchet MS; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; }
	div.primafilacontent div.right div.blog div.bloginnen div.blogliste			{ float: left; display: inline; width: 388px; border-top: solid 1px #d9eaee; margin: 0px 0px 20px 0px; padding: 17px 0px 0px 0px; }
	div.primafilacontent div.right div.blog div.bloginnen div.blogliste h2		{ float: left; display: inline; font-size: 14px; line-height: 18px; color: #005d75; font-family: Trebuchet MS; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; }
	div.primafilacontent div.right div.blog div.bloginnen div.blogliste h2 img	{ float: left; display: inline; margin: 6px 5px 0px 0px; padding: 0px 0px 0px 0px; }
	div.primafilacontent div.right div.blog div.bloginnen div.blogliste p		{ float: left; display: inline; font-family: Trebuchet MS; font-size: 12px; line-height: 18px; color: #3f3f3f; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	
	
/* Oben __________________________________________________________________ */

	div.oben 											{ position: relative; z-index: 2; left: 0px; top: 0px; width: 1001px; height: 244px; }
	
	body.grun div.oben 									{ background: url(/images/design/bg-oben-grun.gif) no-repeat 0px 0px; }
	body.weis div.oben 									{ background: url(/images/design/bg-oben-weis.gif) no-repeat 0px 0px; }
	
	div.oben div.sprache								{ position: absolute; left: 810px; top: 6px; }
	div.oben div.sprache a								{ color: #FFFFFF; background: transparent; float: left; display: inline; margin: 0px 9px 0px 0px; padding: 0px 9px 0px 0px; }
	div.oben div.sprache a:hover						{ color: #FFFFFF; background: url(/images/design/bg-linie-weis.gif) no-repeat 9px 13px; }
	div.oben div.sprache span							{ color: #809BA2; float: left; display: inline; margin: 0px 18px 0px 0px; }
	
	div.oben a.logo										{ position: absolute; left: 810px; top: 46px; }
	div.oben h3											{ position: absolute; right: 210px; top: 27px; font-weight: normal; font-size: 24px; line-height: 24px; margin: 0px 0px 0px 0px; padding: 0px 57px 14px 0px; background: url(/images/design/bg-slogan.gif) no-repeat right bottom; display: inline; }
	
	body.grun div.oben h3								{ color: #FFFFFF; }
	body.grun div.weis h3								{ color: #343434; }
	
	div.oben form.suche									{ position: absolute; left: 36px; top: 74px; }
	div.oben form.suche a								{ color: #5E5E5E; position: absolute; left: 0px; top: 58px; background: url(/images/design/bg-linie-dunkelgrau.gif) no-repeat 10px 13px; margin: 0px 0px 0px 0px; padding: 0px 9px 0px 0px; }
	div.oben form.suche a:hover							{ background: transparent; }
	div.oben form.suche h4								{ color: #1F1F1F; font-size: 18px; line-height: 18px; text-transform: uppercase; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-weight: normal; background: url(/images/design/bg-linie-leichtgrau.gif) no-repeat 22px bottom; }
	div.oben form.suche input							{ float: left; margin: 12px 0px 0px 0px; padding: 0px 0px 0px 3px; height: 18px; width: 212px; line-height: 16px; font-size: 11px; border: solid 1px #919191; color: #A0A0A0; }
	div.oben form.suche div.button						{ float: left; display: inline; margin: 12px 0px 0px 0px; padding: 3px 0px 0px 0px; _padding: 2px 0px 0px 0px; }
	div.oben form.suche div.button a					{ position: static; margin: 0px 0px 0px 9px; padding: 0px 9px 0px 0px; background: transparent; line-height: 49px; }
	
	body.grun div.oben form.suche h4					{ width: 216px; }
	body.grun div.oben form.suche div.button			{ background: url(/images/design/bg-linie-vertical-weis.gif) no-repeat 4px 0px; }
	body.grun div.oben form.suche div.button a			{ color: #FFFFFF; }
	body.grun div.oben form.suche div.button a:hover 	{ color: #FFFFFF; background: url(/images/design/bg-linie-weis.gif) no-repeat 9px 13px; }
	
	body.weis div.oben form.suche h4					{ width: 756px; }
	body.weis div.oben form.suche div.button			{ background: url(/images/design/bg-linie-vertical-grun.gif) no-repeat 4px 0px; }
	body.weis div.oben form.suche div.button a			{ color: #145566; }
	body.weis div.oben form.suche div.button a:hover 	{ color: #145566; background: url(/images/design/bg-linie-grun.gif) no-repeat 9px 13px; }	

	div.oben form.login									{ position: absolute; left: 304px; top: 148px; }
	
	div.oben form.login h4								{ width: 470px; margin: 0px 0px 15px 18px; padding: 0px 0px 0px 0px; font-weight: normal; font-size: 18px; line-height: 19px; text-transform: uppercase; }
	div.oben form.login ul								{ position: absolute; left: 355px; top: 28px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
	div.oben form.login ul li							{ margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; width: 138px; }
	div.oben form.login a								{ background: transparent; margin: 0px 0px 0px 0px; padding: 0px 9px 0px 0px; }
	div.oben form.login div.button						{ float: left; display: inline; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px; _padding: 2px 0px 0px 0px; }
	div.oben form.login div.button a					{ background: transparent; margin: 0px 0px 0px 9px; padding: 0px 9px 0px 0px; line-height: 49px; }
	div.oben form.login input.feld						{ float: left; font-size: 10px; line-height: 16px; padding: 0px 0px 0px 4px; width: 106px; height: 18px; margin: 0px 0px 0px 18px; }
	div.oben form.login span							{ float: left; font-size: 11px; line-height: 16px; font-weight: bold; padding: 0px 0px 0px 0px; margin: -6px 0px 0px 18px; }
	div.oben div.loginspeichern 						{ position: absolute; left: 0px; top: 56px; margin: 0px 0px 0px 14px; }
	div.oben div.loginspeichern center					{ position: absolute; left: 20px; top: 2px; line-height: 17px; text-align: left; width: 200px; }
	div.oben div.warenkorb								{ position: absolute; left: 18px; top: 61px; }
	div.oben div.letzterlogin							{ position: absolute; left: 355px; top: 4px; }
	
	body.grun div.oben form.login						{ color: #FFFFFF; }
	body.grun div.oben form.login h4					{ color: #FFFFFF; }
	body.grun div.oben form.login a						{ color: #FFFFFF; }
	body.grun div.oben form.login a:hover				{ color: #FFFFFF; background: url(/images/design/bg-linie-weis.gif) no-repeat 9px 13px; }
	body.grun div.oben form.login div.button			{ background: url(/images/design/bg-linie-vertical-weis.gif) no-repeat 4px 0px; }
	body.grun div.oben form.login div.button a			{ color: #FFFFFF; }
	body.grun div.oben form.login div.button a:hover 	{ color: #FFFFFF; background: url(/images/design/bg-linie-weis.gif) no-repeat 9px 13px; }
	body.grun div.oben form.login span					{ color: #FFFFFF; }
	body.grun div.oben form.login input.feld			{ border: solid 1px #809BA2; background: #003745; color: #809BA2; }
	body.grun div.oben div.loginspeichern center		{ color: #809BA2; }	

	body.weis div.oben form.login						{ color: #333333; }
	body.weis div.oben form.login h4					{ color: #1F1F1F; background: url(/images/design/bg-linie-leichtgrau.gif) no-repeat 22px bottom; }
	body.weis div.oben form.login a						{ color: #333333; background: url(/images/design/bg-linie-dunkelgrau.gif) no-repeat 10px 13px; }
	body.weis div.oben form.login a:hover				{ color: #333333; background: transparent; }
	body.weis div.oben form.login div.button			{ background: url(/images/design/bg-linie-vertical-grun.gif) no-repeat 4px 0px; }
	body.weis div.oben form.login div.button a			{ color: #145566; }
	body.weis div.oben form.login div.button a:hover 	{ color: #145566; background: url(/images/design/bg-linie-grun.gif) no-repeat 9px 13px; }
	body.weis div.oben form.login span					{ color: #5A5A5A; }
	body.weis div.oben form.login input.feld			{ border: solid 1px #919191; background: #FFFFFF; color: #A0A0A0; }
	body.weis div.oben div.loginspeichern center		{ color: #3F3F3F; }
	
	div.oben div.vertrieb								{ position: absolute; left: 810px; top: 150px; }
	div.oben div.vertrieb a								{ display: block; background: transparent; color: #FFFFFF; font-size: 14px; line-height: 14px; margin: 0px 0px 15px 0px; padding: 0px 16px 5px 0px; }
	div.oben div.vertrieb a:hover						{ color: #FFFFFF; background: url(/images/design/bg-linie-weis.gif) no-repeat 16px 14px; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 											{ position: relative; z-index: 3; margin: 0px 0px 0px 0px; width: 1001px; }
	

	
/* Links _________________________________________________________________ */

	div.links 											{ float: left; display: inline; width: 198px; margin: 0px 0px 0px 36px; }
	
	div.links h3										{ background: url(/images/design/bg-linie-leichtgrau.gif) no-repeat 19px bottom; color: #5A5A5A; font-size: 14px; font-weight: normal; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-transform: uppercase; }											
	div.links a											{ color: #5A5A5A; background: url(/images/design/bg-linie-dunkelgrau.gif) no-repeat 10px 13px; margin: 0px 0px 6px 0px; padding: 0px 9px 0px 0px; }
	div.links a:hover									{ color: #5A5A5A; background: transparent; }
	div.links a.zeppelin								{ color: #808080; background: transparent; display: inline; margin: 60px 0px 0px 0px; padding: 0px 0px 0px 0px; float: right;  }
	div.links a.zeppelin:hover							{ color: #000000; }
	
	div.links ul.menu									{ list-style-type: none; margin: 13px 0px 38px 0px; padding: 0px 0px 0px 0px; }											
	div.links ul.menu li								{ margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; _height: 0px; }											
	div.links ul.menu li a								{ position: relative; background: url(/images/design/bg-linie-hellgrau.gif) no-repeat 19px bottom; display: block; width: 179px; _width: 198px; line-height: 16px; color: #5A5A5A; font-size: 14px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 19px; text-transform: uppercase; }											
	div.links ul.menu li a:hover						{ background: url(/images/design/bg-linie-hellgrau.gif) no-repeat 19px bottom; }											
	div.links ul.menu li span							{ margin: 0px 0px 0px 0px; color: #5A5A5A; font-weight: bold; position: absolute; right: 0px; bottom: 0px; }											

	div.links ul.menu li.rechteck100					{ background: url(/images/design/bg-rechteck-FBAF18.gif) no-repeat 0px 3px; }											
	div.links ul.menu li.rechteck200					{ background: url(/images/design/bg-rechteck-F25D23.gif) no-repeat 0px 3px; }											
	div.links ul.menu li.rechteck300					{ background: url(/images/design/bg-rechteck-ED008C.gif) no-repeat 0px 3px; }											
	div.links ul.menu li.rechteck400					{ background: url(/images/design/bg-rechteck-ABD037.gif) no-repeat 0px 3px; }											
	div.links ul.menu li.rechteck500					{ background: url(/images/design/bg-rechteck-22B24B.gif) no-repeat 0px 3px; }											
	div.links ul.menu li.rechteck600					{ background: url(/images/design/bg-rechteck-069EDB.gif) no-repeat 0px 3px; }											
	div.links ul.menu li.rechteck700					{ background: url(/images/design/bg-rechteck-0072BC.gif) no-repeat 0px 3px; }
	
	div.links ul.menu li.item100 a:hover				{ color: #FBAF18; }											
	div.links ul.menu li.item200 a:hover				{ color: #F25D23; }											
	div.links ul.menu li.item300 a:hover				{ color: #ED008C; }											
	div.links ul.menu li.item400 a:hover				{ color: #ABD037; }											
	div.links ul.menu li.item500 a:hover				{ color: #22B24B; }									
	div.links ul.menu li.item600 a:hover				{ color: #069EDB; }											
	div.links ul.menu li.item700 a:hover				{ color: #0072BC; }

	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							{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	div.links ul.menu li.hauptkategoriemenu 			{ margin: 0px 0px 0px 0px; padding: 0px 0px 18px 0px; }	
	div.links ul.menu li.hauptkategoriemenu ul li		{ margin: 0px 0px 19px 0px; padding: 0px 0px 0px 0px; }	
	div.links ul.menu li.hauptkategoriemenu a			{ color: #5A5A5A; font-size: 12px; font-weight: bold; line-height: 17px; margin: 0px 0px 0px 19px; padding: 0px 0px 0px 0px; width: auto; background: transparent; }	
	div.links ul.menu li.hauptkategoriemenu a:hover		{ background: url(/images/design/bg-linie-hellgrau.gif) no-repeat 19px bottom; }											
	
	div.links ul.menu li.kategoriemenu 					{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }	
	div.links ul.menu li.kategoriemenu ul li			{ margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; }	
	div.links ul.menu li.kategoriemenu a				{ color: #797979; font-size: 11px; font-weight: normal; margin: 0px 0px 0px 36px; padding: 0px 0px 0px 0px; width: auto; background: transparent; }	
	div.links ul.menu li.kategoriemenu a:hover			{ background: url(/images/design/bg-linie-hellgrau.gif) no-repeat 19px bottom; }											



/* Inhalt ________________________________________________________________ */

	div.inhalt 											{ float: left; display: inline; width: 504px; margin: 0px 0px 0px 36px; }
	
	div.inhalt div.pfad									{ display: block; margin: 15px 0px 36px 0px; padding: 0px 0px 0px 0px; width: 100%; }
	
	body.grun div.inhalt div.pfad a						{ color: #FFFFFF; background: transparent; float: left; display: inline; margin: 0px 8px 0px 0px; padding: 0px 14px 0px 0px; background: url(/images/design/bg-quadrat-pfad.gif) no-repeat right 6px; }
	body.grun div.inhalt div.pfad a:hover				{ color: #FFFFFF; background: url(/images/design/bg-linie-weis.gif) no-repeat 9px 13px; }
	body.grun div.inhalt div.pfad span					{ color: #809BA2; float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }	
	
	body.weis div.inhalt div.pfad a						{ color: #5E5E5E; float: left; display: inline; line-height: 14px; margin: 0px 13px 0px 0px; padding: 0px 9px 0px 0px;  background: url(/images/design/bg-linie-dunkelgrau.gif) no-repeat 9px bottom; }
	body.weis div.inhalt div.pfad a:hover				{ background: transparent; }
	body.weis div.inhalt div.pfad span					{ color: #5E5E5E; float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }



/* Rechts ________________________________________________________________ */

	div.rechts 											{ color: #809BA2; float: left; display: inline; width: 190px; margin: 0px 0px 0px 36px; }
	div.rechts a										{ color: #FFFFFF; background: transparent; padding: 0px 9px 0px 0px; }
	div.rechts a:hover									{ color: #FFFFFF; background: url(/images/design/bg-linie-weis.gif) no-repeat 9px 13px; }
	
	div.rechts div.menu									{  } 
	div.rechts div.menu h4								{ font-size: 14px; font-weight: normal; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; } 
	div.rechts div.menu ul								{ list-style-type: none; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; } 
	div.rechts div.menu ul li							{ margin: 0px 0px 2px 0px; padding: 0px 0px 0px 13px; background: url(/images/design/bg-li-grun.gif) no-repeat 0px 6px; } 
	div.rechts div.menu ul li a							{  } 

	div.rechts form.newsletter							{ margin: 22px 0px 0px 0px; } 
	div.rechts form.newsletter h4						{ font-size: 14px; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; font-weight: normal; } 
	div.rechts form.newsletter p						{ margin: 0px 0px 7px 0px; line-height: 18px; } 
	div.rechts form.newsletter input					{ float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 3px; background: #003745; height: 18px; width: 120px; line-height: 16px; font-size: 11px; border: solid 1px #809BA2; color: #66878F; } 
	div.rechts form.newsletter div.button				{ float: left; display: inline; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px; _padding: 2px 0px 0px 0px; background: url(/images/design/bg-linie-vertical-weis.gif) no-repeat 4px 0px; }
	div.rechts form.newsletter div.button a				{ margin: 0px 0px 0px 9px; padding: 0px 4px 0px 0px; color: #FFFFFF; line-height: 49px; }
	
	div.rechts address									{ clear: both; font-style: normal; line-height: 18px; margin: 0px 0px 38px 0px; }
	
	div.rechts div.impressum							{ margin: 0px 0px 0px 0px; }
	div.rechts div.impressum span						{ float: left; }
	div.rechts div.impressum a							{ float: right; }
	
	

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