@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 														{ background-color: #4B505F; text-align: center; overflow: hidden; }
	address														{ font-style: normal; }
	hr															{ display: none; }

	h1, h1 a 													{ color: #000000; font-size: 20px; line-height: 24px; font-weight: bold; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	h2, h2 a													{ color: #767A7E; font-size: 14px; line-height: 20px; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	h3, h3 a													{ font-size: 14px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h4, h4 a													{ font-size: 10px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h5, h5 a													{ font-size: 11px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h6, h6 a													{ font-size: 11px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a							{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	ul 															{ margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; list-style-type: none; }
	ul li 														{ background: url(/images/design/bg-li-menu.gif) no-repeat 0px 7px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 14px; _height: 1px; line-height: 21px; }
	ul li ul													{ float: none; }
	ol 															{ margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; }
	ol li 														{ margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; }
	p.abstand													{ margin: 0px 0px 16px 0px; }
	
	div.subheadline												{ margin: -6px 0px 0px 0px; }
	
	div.rahmen 													{ background: url(/images/design/bg-all.gif) repeat-x 0px 0px #4B505F; width: 100%; height: 650px; text-align: center; position: absolute; top: 50%; left: 0px; margin: -325px 0px 0px 0px; overflow: hidden; }
	
	div.rahmeninnen												{ margin: 0 auto; width: 980px; text-align: left; position: relative; }
	
/* Oben __________________________________________________________________ */

	div.oben 													{ height: 59px; position: relative; }

	div.oben ul.menu 											{ font-weight: bold; position: absolute; left: 30px; top: 34px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 625px; height: 24px; overflow: hidden; }
	div.oben ul.menu li 										{ float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 24px; z-index: 0;	}
	div.oben ul.menu li a 										{ float: left; display: block; min-height: 24px; _height: 24px; line-height: 24px; padding: 0px 0px 0px 0px; width: 100%; text-indent: -4000px; overflow: hidden; }
	
	#TopBeratung												{ margin: 0px 0px 0px 0px; width: 130px; _width: 99px; }
	#TopBeratung a												{ background-position: 0px 0px; }
	#TopBeratung a:hover										{ background-position: -625px 0px; }
	#TopBeratung.aktiv a										{ background-position: -625px 0px; }
	
	#TopDesignPrint a											{ background-position: -130px 0px; width: 131px; }
	#TopDesignPrint a:hover										{ background-position: -755px 0px; }
	#TopDesignPrint.aktiv a										{ background-position: -755px 0px; }
	
	#TopCreativa a												{ background-position: -261px 0px; width: 131px;}
	#TopCreativa a:hover										{ background-position: -886px 0px; }
	#TopCreativa.aktiv a										{ background-position: -886px 0px; }
	
	#TopPackaging a												{ background-position: -392px 0px; width: 131px;}
	#TopPackaging a:hover										{ background-position: -1017px 0px; }
	#TopPackaging.aktiv a										{ background-position: -1017px 0px; }
	
	#TopVerlag													{ width: 99px; }
	#TopVerlag a												{ background-position: -523px 0px; width: 99px;}
	#TopVerlag a:hover											{ background-position: -1148px 0px; }
	#TopVerlag.aktiv a											{ background-position: -1148px 0px; }
	
	div.oben ul.menu li a:hover 								{ color: #000000; }
	div.oben ul.menu li.aktiv,
	div.oben ul.menu a:hover 									{  }
	
	div.oben ul.menu div.innen									{ display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; left: -86px; top: 25px; width: 219px; height: 515px; }
	div.oben ul.menu div.aussen									{ display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; left: -86px; top: 25px; width: 219px; height: 515px; }
	#Beratung													{ position: absolute; left: -30px; top: 25px; }
	#BeratungLinks												{ position: absolute; left: -9px; top: 188px; }
	#Verlag														{ position: absolute; left: -117px; top: 25px; }
	#VerlagLinks												{ position: absolute; left: -13px; top: 188px; }
	div.oben ul.menu div a 										{ display: block; float: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 14px; width: 90px; color: #767A7E; text-indent: 0px; line-height: 18px; min-height: 18px; height: 18px; }
	div.oben ul.menu div.innen									{ position: absolute; left: 12px; top: 50px; }
	
	div.dropdown												{ position: absolute; left: 0px; top: 59px; background: url(/images/design/bg-dropdown.png) no-repeat 0px 0px; width: 132px; height: 515px; }
	div.dropdown ul												{ margin: 20px 10px 20px 10px; padding: 0px 0px 0px 0px; list-style-type: none; width: 120px; }
	div.dropdown ul	li											{ float: none !important; padding: 0px 0px 0px 0px; position: relative; line-height: 13px; padding: 2px 0px 3px 14px !important; height: auto !important; }
	div.dropdown ul	li a										{ background: transparent; padding: 0px 0px 0px 0px !important; }
	div.dropdown ul	li span										{ padding: 0px 0px 0px 0px; }
	
	span.bilddropdown											{ display: none; background: url(/images/design/bg-bilddropdown.png) no-repeat 0px 0px; width: 137px; height: 99px; position: absolute; right: -120px; top: -40px; z-index: 30; }
	span.bilddropdown img										{ position: absolute; left: 11px; top: 5px; }
	
	div.oben ul.menuunten										{ position: absolute; right: 0px; top: 34px; width: 325px; height: 24px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 20; }													
	div.oben ul.menuunten li									{ position: relative; text-indent: -4000px; background: transparent; float: left; display: inline; padding: 0px 0px 0px 0px; }													
	div.oben ul.menuunten li a									{ width: 100%; height: 24px; line-height: 24px; min-height: 24px; float: left; }													
	
	div.oben ul.menuunten li.produktanfrage						{ width: 108px; }													
	div.oben ul.menuunten li.produktanfrage a					{ background-position: 0px -5px; }													
	div.oben ul.menuunten li.produktanfrage a:hover				{ background-position: 0px -29px; }													
	div.oben ul.menuunten li.produktanfrage a.aktiv				{ background-position: 0px -29px; }

	div.oben ul.menuunten li.referenzen							{ width: 85px; }													
	div.oben ul.menuunten li.referenzen a						{ background-position: -108px -5px; }													
	div.oben ul.menuunten li.referenzen a:hover					{ background-position: -108px -29px; }													
	div.oben ul.menuunten li.referenzen a.aktiv					{ background-position: -108px -29px; }																										
	
	div.oben ul.menuunten li.service							{ width: 63px; }													
	div.oben ul.menuunten li.service a							{ background-position: -193px -5px; }													
	div.oben ul.menuunten li.service a:hover					{ background-position: -193px -29px; }													
	div.oben ul.menuunten li.service a.aktiv					{ background-position: -193px -29px; }		
	
	div.oben ul.menuunten li.kontakt							{ width: 68px; }													
	div.oben ul.menuunten li.kontakt a							{ background-position: -256px -5px; }													
	div.oben ul.menuunten li.kontakt a:hover					{ background-position: -256px -29px; }													
	div.oben ul.menuunten li.kontakt a.aktiv					{ background-position: -256px -29px; }		

	div.oben ul.menuunten li ul									{ font-size: 12px; position: absolute; left: 12px; top: 24px; background: transparent; width: 500px; margin: 7px 0px 0px 0px; padding: 0px 0px 0px 0px; }	
	div.oben ul.menuunten li ul li								{ text-indent: 0px; float: left; display: inline; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: auto; _width: 1px; white-space: nowrap; }	
	div.oben ul.menuunten li ul li.erstes a						{ background: transparent; }	
	div.oben ul.menuunten li ul li.erstes[class~="aktiv"] a		{ background: transparent; }	
	div.oben ul.menuunten li ul li.erstes a:hover				{ background: transparent; }		
	div.oben ul.menuunten li ul li a							{ background: transparent; color: #FFFFFF; background: url(/images/design/bg-punkt-grau.gif) no-repeat 0px 0px; background-position: left bottom !important; padding: 0px 2px 0px 9px; line-height: 10px; min-height: 10px; height: 10px; }	
	div.oben ul.menuunten li ul li a:hover,					
	div.oben ul.menuunten li ul li.aktiv a						{ color: #BAC3CF; background: url(/images/design/bg-punkt-grau.gif) no-repeat 0px 0px; background-position: left bottom !important; }	
	
	div.oben ul.menuunten li ul.menuservice						{ position: absolute; left: -213px; top: 24px; }

	
	
/* Mitte _________________________________________________________________ */

	div.mitte 													{ background-color: #FFFFFF; }
	
	div.mittestartseite div.flash								{ margin: 0px 0px 0px 1px; width: 979px; height: 515px; }
	

	
/* Links _________________________________________________________________ */

	div.links 													{ float: left; display: inline; width: 654px; margin: 0px 0px 0px 0px; }

	div.links img 												{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }


/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ position: relative; float: left; display: inline; width: 325px; overflow: hidden; background-color: #FFFFFF; height: 515px;}
	div.inhalt img.logo											{ position: absolute; right: 26px; top: 37px; }
	div.inhalt div.inhaltinnen									{ margin: 163px 30px 30px 28px;  }
	div.inhalt div.inhaltinnenformular							{ margin: 13px 30px 30px 28px; }



/* Unten _________________________________________________________________ */

	div.unten 													{ clear: both; color: #A2ABB6; padding: 6px 0px 0px 0px; position: relative; }
	div.unten a 												{ color: #A2ABB6; }
	div.unten a img												{ vertical-align: text-bottom; }
		
	div.unten div.sprache										{ position: absolute; right: 0px; bottom: 17px; }
	div.unten div.sprache a										{ padding: 0px 9px 0px 9px; color: #A1AAB5; }

	
	
/* Startseite ___________________________________________________________ */

	div.logotypak												{ position: absolute; left: 31px; top: 384px; display: block; width: 100px; height: 96px; }
	div.logotypak img											{ position: relative; z-index: 0; }
	div.logotypak a												{ position: relative; z-index: 10; width: 100px; height: 96px; display: block; }
	
	div.logodesignprint											{ position: absolute; left: 162px; top: 384px; display: block; width: 100px; height: 96px; }
	div.logodesignprint img										{ position: relative; z-index: 0; }
	div.logodesignprint a										{ position: relative; z-index: 10; width: 100px; height: 96px; display: block; }
	
	div.logocreativa											{ position: absolute; left: 293px; top: 384px; display: block; width: 100px; height: 96px; }
	div.logocreativa img										{ position: relative; z-index: 0; }
	div.logocreativa a											{ position: relative; z-index: 10; width: 100px; height: 96px; display: block; }
	
	div.logopackaging											{ position: absolute; left: 424px; top: 384px; display: block; width: 100px; height: 96px; }
	div.logopackaging img										{ position: relative; z-index: 0; }
	div.logopackaging a											{ position: relative; z-index: 10; width: 100px; height: 96px; display: block; }
	
	div.logoverlag												{ position: absolute; left: 555px; top: 384px; display: block; width: 100px; height: 96px; }
	div.logoverlag img											{ position: relative; z-index: 0; }
	div.logoverlag a											{ position: relative; z-index: 10; width: 100px; height: 96px; display: block; }
	
	#BeratungStartseite											{ position: absolute; left: 2px; top: 25px; }
	#DesignPrintStartseite										{ position: absolute; left: 2px; top: 25px; }
	#CreativaStartseite											{ position: absolute; left: 2px; top: 25px; }
	#VerlagStartseite											{ position: absolute; left: 2px; top: 25px; }
	#PackagingStartseite										{ position: absolute; left: 2px; top: 25px; }
	
	div.boxuntenstartseite										{ background: url(/images/design/bg-boxunten-startseite.png) no-repeat 0px 0px; position: absolute; left: 2px; top: 446px; width: 100px; height: 96px; }
	a.kundenservice												{ position: absolute; right: 10px; top: 90px; font-size: 15px; font-weight: bold; color: #ED1C24; }
	a.kundenservice:hover										{ color: #363940; }
	
	div.obenstartseite											{ height: 59px; position: relative; }

	div.obenstartseite ul.menu 											{ font-weight: bold; position: absolute; left: 30px; top: 34px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 625px; height: 24px; }
	div.obenstartseite ul.menu li 										{ float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 24px; z-index: 0;	}
	div.obenstartseite ul.menu li a 										{ float: left; display: block; min-height: 24px; _height: 24px; line-height: 24px; padding: 0px 0px 0px 0px; width: 100%; text-indent: -4000px; overflow: hidden; }
	
	div.obenstartseite ul.menu li a:hover 								{ color: #000000; }
	div.obenstartseite ul.menu li.aktiv,
	div.obenstartseite ul.menu a:hover 									{  }
	
	div.obenstartseite ul.menu div.innen									{ display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; left: -86px; top: 25px; width: 219px; height: 515px; }
	div.obenstartseite ul.menu div.aussen									{ display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; left: -86px; top: 25px; width: 219px; height: 515px; }
	div.obenstartseite ul.menu div a 										{ display: block; float: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 14px; width: 90px; color: #767A7E; text-indent: 0px; line-height: 18px; min-height: 18px; height: 18px; }
	div.obenstartseite ul.menu div.innen									{ position: absolute; left: 12px; top: 50px; }
	
	div.obenstartseite ul.menuunten										{ position: absolute; right: 0px; top: 34px; width: 325px; height: 24px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 20; }													
	div.obenstartseite ul.menuunten li									{ position: relative; text-indent: -4000px; background: transparent; float: left; display: inline; padding: 0px 0px 0px 0px; }													
	div.obenstartseite ul.menuunten li a									{ width: 100%; height: 24px; line-height: 24px; min-height: 24px; float: left; }													
	
	div.obenstartseite ul.menuunten li.produktanfrage						{ width: 108px; }													
	div.obenstartseite ul.menuunten li.produktanfrage a					{ background-position: 0px -5px; }													
	div.obenstartseite ul.menuunten li.produktanfrage a:hover				{ background-position: 0px -29px; }													
	div.obenstartseite ul.menuunten li.produktanfrage a.aktiv				{ background-position: 0px -29px; }

	div.obenstartseite ul.menuunten li.referenzen							{ width: 85px; }													
	div.obenstartseite ul.menuunten li.referenzen a						{ background-position: -108px -5px; }													
	div.obenstartseite ul.menuunten li.referenzen a:hover					{ background-position: -108px -29px; }													
	div.obenstartseite ul.menuunten li.referenzen a.aktiv					{ background-position: -108px -29px; }																										
	
	div.obenstartseite ul.menuunten li.service							{ width: 63px; }													
	div.obenstartseite ul.menuunten li.service a							{ background-position: -193px -5px; }													
	div.obenstartseite ul.menuunten li.service a:hover					{ background-position: -193px -29px; }													
	div.obenstartseite ul.menuunten li.service a.aktiv					{ background-position: -193px -29px; }		
	
	div.obenstartseite ul.menuunten li.kontakt							{ width: 68px; }													
	div.obenstartseite ul.menuunten li.kontakt a							{ background-position: -256px -5px; }													
	div.obenstartseite ul.menuunten li.kontakt a:hover					{ background-position: -256px -29px; }													
	div.obenstartseite ul.menuunten li.kontakt a.aktiv					{ background-position: -256px -29px; }		

	div.obenstartseite ul.menuunten li ul									{ font-size: 12px; position: absolute; left: 12px; top: 24px; background: transparent; width: 500px; margin: 7px 0px 0px 0px; padding: 0px 0px 0px 0px; }	
	div.obenstartseite ul.menuunten li ul li								{ text-indent: 0px; float: left; display: inline; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: auto; _width: 1px; white-space: nowrap; }	
	div.obenstartseite ul.menuunten li ul li.erstes a						{ background: transparent; }	
	div.obenstartseite ul.menuunten li ul li.erstes[class~="aktiv"] a		{ background: transparent; }	
	div.obenstartseite ul.menuunten li ul li.erstes a:hover				{ background: transparent; }		
	div.obenstartseite ul.menuunten li ul li a							{ background: transparent; color: #FFFFFF; background: url(/images/design/bg-punkt-grau.gif) no-repeat 0px 0px; background-position: left bottom !important; padding: 0px 2px 0px 9px; line-height: 10px; min-height: 10px; height: 10px; }	
	div.obenstartseite ul.menuunten li ul li a:hover,					
	div.obenstartseite ul.menuunten li ul li.aktiv a						{ color: #BAC3CF; background: url(/images/design/bg-punkt-grau.gif) no-repeat 0px 0px; background-position: left bottom !important; }	
	
	div.obenstartseite ul.menuunten li ul.menuservice						{ position: absolute; left: -213px; top: 24px; }
	div.obenstartseite ul.menuunten li ul.menuservice						{ position: absolute; left: -213px; top: 24px; }




/* Lightbox ______________________________________________________________ */

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

	#lightbox a img												{ border: none !important; }

	#outerImageContainer										{ position: relative; background-color: #FFFFFF; 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: 0px; }
	#hoverNav													{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav									{ left: 0px; }
	#hoverNav a													{ outline: none !important; }

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

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

	#imageData													{ padding: 0px 10px; color: #666666; }
	#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									{ background: transparent !important; width: 26px; float: right;  padding-bottom: 0.4em; }

	#overlay													{ position: fixed; _position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }



/* __________________________________________________________________ Ende */