@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	div.rahmen 									{ width: 815px; margin: 0 auto; position: relative; text-align: left; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ position: relative; width: 100%; height: 64px; z-index: 10; }
	div.startseite								{  }

	div.oben ul.menu 							{ font-weight: normal; height: 60px; position: relative; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li 						{ font-size: 12px; float: left; display: inline; position: relative; margin: 0px 1px 0px 1px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li a 						{ color: #FFFFFF; float: left; display: block; margin: 0px 0px 0px 0px; padding: 6px 10px 0px 16px; width: 134px; _width: 160px; min-height: 60px; _height: 60px; line-height: 13px; }
	div.oben ul.menu li a:hover 				{ color: #FFFFFF; text-decoration: none; }
	div.oben ul.menu li.aktiv,
	div.oben ul.menu a:hover 					{  }
	
	#TopElementiperlaventilazionedeltetto						{ background: url(/images/design/bg-menu-1.gif) no-repeat 0px 0px #FFFFFF; }
	#TopTeliadaltatraspirazioneUSBtecnicadincollaggio			{ background: url(/images/design/bg-menu-2.gif) no-repeat 0px 0px #FFFFFF; }
	#TopSistemiperlasicurezzadeltetto							{ background: url(/images/design/bg-menu-3.gif) no-repeat 0px 0px #FFFFFF; }
	#TopSistemidifisaggioperlacopertura							{ background: url(/images/design/bg-menu-4.gif) no-repeat 0px 0px #FFFFFF; }
	#TopAccessoriperlalattoneria								{ background: url(/images/design/bg-menu-5.gif) no-repeat 0px 0px #FFFFFF; }
	
	#TopElementiperlaventilazionedeltetto a:hover				{ background: url(/images/design/bg-menu-hover-1.gif) no-repeat 0px 0px #FFFFFF; }
	#TopTeliadaltatraspirazioneUSBtecnicadincollaggio a:hover	{ background: url(/images/design/bg-menu-hover-2.gif) no-repeat 0px 0px #FFFFFF; }
	#TopSistemiperlasicurezzadeltetto a:hover					{ background: url(/images/design/bg-menu-hover-3.gif) no-repeat 0px 0px #FFFFFF; }
	#TopSistemidifisaggioperlacopertura a:hover					{ background: url(/images/design/bg-menu-hover-4.gif) no-repeat 0px 0px #FFFFFF; }
	#TopAccessoriperlalattoneria a:hover						{ background: url(/images/design/bg-menu-hover-5.gif) no-repeat 0px 0px #FFFFFF; }
	
	div.oben ul.menu ul 						{ background: url(/images/design/bg-menu.gif) repeat-y 0px 0px #FFFFFF; display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 1px; position: absolute; left: 7px; top: 52px; width: 142px; _width: 144px; }
	div.oben ul.menu ul li 						{ display: block; float: none; margin: 0px 0px 0px 0px; padding: 6px 6px 2px 8px; }
	div.oben ul.menu ul li.first				{ background: url(/images/design/bg-menu-schatten.gif) repeat-x 0px 0px #FFFFFF; }
	div.oben ul.menu ul li.last					{ background: url(/images/design/bg-menu-unten.gif) repeat-x left bottom #FFFFFF; font-size: 0px; height: 8px;  line-height: 0px; }
	div.oben ul.menu ul li a 					{ color: #000000; display: block; float: none; font-size: 11px; line-height: 16px; min-height: 16px; _height: 16px; padding: 0px 0px 0px 10px; width: 120px; }
	div.oben ul.menu ul li.aktiv a, 			
	div.oben ul.menu ul li a:hover 				{ background: url(/images/design/bg-li-pfeil.gif) no-repeat 0px 3px !important; color: #AE8513; font-weight: bold; }
	
	div.header									{ background: url(/images/design/bg-header.gif) no-repeat 0px 0px #FFFFFF; margin: 6px 0px 0px 9px; position: relative; width: 794px; height: 103px; }
	div.header form.suchen						{ color: #1F2683; font-size: 12px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; left: 31px; top: 8px; }
	div.header form.suchen input				{ background: url(/images/design/bg-input.gif) no-repeat 0px 0px #FFFFFF; border: solid 0px #000000; font-size: 11px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 111px; height: 18px; line-height: 18px; text-indent: 3px; vertical-align: middle; }
	div.header form.suchen img					{ margin: 0px 0px 0px 8px; vertical-align: middle; }
	div.header div.sprache						{ position: absolute; left: 224px; top: 84px; }
	div.header div.sprache strong				{ border-right: solid 1px #BFA561; font-size: 11px; margin: 0px 10px 0px 0px; padding: 0px 10px 0px 0px; }
	div.header div.sprache span					{ border-right: solid 1px #BFA561; font-size: 10px; margin: 0px 10px 0px 10px; padding: 0px 10px 0px 0px; }
	div.header div.sprache a					{ color: #78683A; font-size: Inherit; height: 14px; line-height: 14px; }
	div.header a.logo							{ position: absolute; right: 19px; top: 6px; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ background: url(/images/design/bg-mitte.gif) repeat-y 0px 0px #FFFFFF; }
	div.mittestart								{ background: url(/images/design/bg-mitte-start.gif) repeat-y 0px 0px #FFFFFF; }
	

	
/* Links _________________________________________________________________ */

	div.links 												{ float: left; position: relative; left: 32px; top: -69px; display: inline; width: 189px; z-index: 8; }
	
	div.links div.navibox									{ background: url(/images/design/bg-links.gif) repeat-y 0px 0px #FFFFFF; }
	
	div.links div.navibox div.navi							{ background: url(/images/design/bg-navi-1.gif) no-repeat 0px 0px; min-height: 253px; _height: 253px; }

	div.links div.navibox div.navi ul.menu 					{ list-style-type: none; margin: 0px 0px 12px 0px; padding: 15px 0px 0px 0px; }
	div.links div.navibox div.navi ul.menu li 				{ background: url(/images/design/bg-li.gif) no-repeat left bottom; font-size: 12px; margin: 5px 0px 0px 14px; padding: 0px 0px 5px 1px; }
	div.links div.navibox div.navi ul.menu li a 			{ color: #010101; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links div.navibox div.navi ul.menu li.aktiv a 		{ font-weight: bold; }
	div.links div.navibox div.navi ul.menu li a:hover 		{ font-weight: bold; }
	
	div.links div.navibox div.navi ul.menu ul 				{ background: url(/images/design/bg-li.gif) no-repeat 0px 0px; list-style-type: none; margin: 5px 0px 0px 0px; padding: 5px 0px 10px 0px; }
	div.links div.navibox div.navi ul.menu ul li 			{ background: transparent; font-size: 11px; margin: 0px 0px 0px 6px; padding: 0px 0px 3px 10px; }
	div.links div.navibox div.navi ul.menu ul li a 			{ background-color: transparent; font-weight: normal !important; margin: 0px 0px 0px 0px; }
	div.links div.navibox div.navi ul.menu ul li.aktiv 		{ background: url(/images/design/bg-pfeil.gif) no-repeat 0px 2px; }	
	div.links div.navibox div.navi ul.menu ul li.aktiv a,			
	div.links div.navibox div.navi ul.menu ul li a:hover	{ font-weight: bold !important; }
	
	div.links div.naviboxende								{ background: url(/images/design/bg-naviboxende-2.png) no-repeat 0px 0px; min-height: 7px; _height: 7px; }
			
	div.links ul.menuunten 									{ font-size: 10px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; list-style-type: none; float: left; display: inline; width: 189px;}
	div.links ul.menuunten li								{ background: url(/images/design/bg-menueunten-il.gif) no-repeat; margin: 4px 0px 4px 0px; padding: 4px 8px 4px 2px; }
	div.links ul.menuunten li a								{ background-color: transparent; font-weight: normal !important; text-decoration: none; color: #004E9C; margin: 0px 0px 0px 0px; float: left; display: inline; width: 178px;}
	div.links ul.menuunten span.nummer						{ float: left; display: inline; width: 7px; margin: 0px 0px 0px 0px;}

	div.links span.textunten								{ background: url(/images/design/bg-textunten.png) no-repeat 0px 0px; margin: 26px 0px 26px 0px; float: left; display: inline; width: 189px; height: 53px;}
	div.links span.textunten span.abstand					{ color: #FFFFFF; margin: 10px 18px 10px 10px; float: left; display: inline;}
	
	div.links div.edillogo									{ }

/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ float: left; display: inline; margin: 22px 0px 0px 45px; width: 544px; }
	div.startseite 								{ background: url(/images/design/bg-inhalt-start.gif) no-repeat right top; margin: 0px 0px 0px 45px; width: 377px; }
	div.startseite h1							{ margin: 22px 15px 0px 0px; }
	.bodysprachauswahl							{ background: url(/images/design/bg-sprachauswahl.gif) repeat-y center top; }
	div.rahmensprachauswahl						{ width: 816px; margin: 0 auto; position: relative; text-align: left; }
	div.rahmensprachauswahl img					{ float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.sprachauswahlinhalt						{ background-color: #FFFFFF; margin: 0px 148px 0px 147px; width: 521px; }
	div.sprachauswahlinhalt ul					{ list-style-type: none; margin: 55px 0px 55px 44px; padding: 0px 0px 0px 0px; }
	div.sprachauswahlinhalt li					{ display: block; padding: 6px 0px 6px 0px; color: #1652A0; font-size: 14px; }
	div.sprachauswahlinhalt li img				{ margin: 0px 5px 0px 0px; }
	div.sprachauswahlinhalt li a				{ text-decoration: none; color: #1652A0; }
	div.sprachauswahlinhalt li a span			{ cursor: pointer; }
	div.sprachauswahlinhalt li span				{ float: left; display: inline; line-height: 32px; }


/* Rechts ________________________________________________________________ */

	div.rechts 									{ float: left; display: inline; margin: 22px 0px 0px 14px; width: 158px; }
	div.rechts p.news							{ background: url(/images/design/bg-p.gif) no-repeat 18px 3px #E9E9E9; color: #1F2683; font-size: 15px; font-weight: bold; height: 20px; line-height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 30px; }
	div.rechts div.news							{ background: url(/images/design/bg-linie.gif) repeat-x left bottom; padding: 0px 0px 12px 0px; }
	div.rechts div.news div.block				{ color: #000000; font-size: 12px; margin: 12px 0px 4px 0px; }
	div.rechts div.news div strong				{ display: block; margin: 0px 0px 4px 0px; }
	div.rechts div.news a.weiter				{ float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.rechts a.archiv							{ display: block; margin: 8px 0px 0px 0px; }
	div.rechts a.archiv img						{ margin: 0px 6px 0px 0px; vertical-align: text-bottom; }
	
	div.rechts div.kalender						{ margin: 12px 0px 0px 0px; }
	div.rechts div.kalender table.monate		{ border: solid 1px #C2C2C2; text-transform: uppercase; }
	div.rechts div.kalender table.monate td		{ text-align: center; }
	div.rechts div.kalender table.monate td.pfeillinks		{ width: 24px; }
	div.rechts div.kalender table.monate td.pfeilrechts		{ width: 24px; }
	
	div.rechts div.kalender table.wochen		{ background: url(/images/design/bg-linie.gif) repeat-x left bottom; color: #181F7E; margin: 6px 0px 2px 0px; text-align: center; text-transform: uppercase; }
	div.rechts div.kalender table.wochen td		{ height: 16px; }
	
	div.rechts div.kalender table.tage td		{ text-align: center; }
	
	div.rechts div.kalender table.legende		{ background: url(/images/design/bg-linie.gif) repeat-x 0px 0px; }
	div.rechts div.kalender table.legende td	{ height: 28px; }
	div.rechts div.kalender table.legende table	{ margin: 0px 0px 0px 6px; }




/* Unten _________________________________________________________________ */

	div.unten 									{ color: #A3A5CB; background: url(/images/design/bg-bottom.gif) no-repeat 0px 0px #FFFFFF; clear: both; height: 55px; position: relative; }
	div.unten a									{ color: #A3A5CB; position: absolute; right: 19px; bottom: 17px; }
	div.unten a img								{ vertical-align: text-bottom; }
	div.unten span.firma						{ height: 24px; line-height: 24px; position: absolute; left: 28px; bottom: 11px; }
	div.unten address							{ font-style: normal; height: 24px; line-height: 24px; position: absolute; left: 140px; bottom: 11px; }
	div.unten address span						{ margin: 0px 14px 0px 0px; }



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