@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 														{ background: #FFFFFF; }
	address														{ font-style: normal; }
	hr															{ display: none; }
	
	a.button													{ font-weight: normal; color: #FFFFFF; white-space: nowrap; line-height: 22px; float: left; display: inline; height: 24px; background: url(/images/design/bg-button-ecken.gif) no-repeat left top; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 1px; }
	a.button span												{ cursor: pointer; height: 24px; float: left; display: inline; background: url(/images/design/bg-button-ecken.gif) no-repeat right top; padding: 0px 1px 0px 0px; }
	a.button span span											{ height: 24px; float: left; display: inline; background: url(/images/design/bg-button.gif) repeat-x 0px 0px; }
	a.button span span span										{ height: 24px; float: left; display: inline; background: url(/images/design/bg-button-pfeil.gif) no-repeat right 5px; padding: 0px 30px 0px 12px; }
	a.button:hover span											{ color: #FFFFFF; }
	
	a.buttonback												{ font-weight: normal; color: #FFFFFF; white-space: nowrap; line-height: 22px; float: left; display: inline; height: 24px; background: url(/images/design/bg-button-ecken.gif) no-repeat left top; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 1px; }
	a.buttonback span											{ cursor: pointer; height: 24px; float: left; display: inline; background: url(/images/design/bg-button-ecken.gif) no-repeat right top; padding: 0px 1px 0px 0px; }
	a.buttonback span span										{ height: 24px; float: left; display: inline; background: url(/images/design/bg-button.gif) repeat-x 0px 0px; }
	a.buttonback span span span									{ height: 24px; float: left; display: inline; background: url(/images/design/bg-buttonback-pfeil.gif) no-repeat left 5px; padding: 0px 12px 0px 30px; }
	a.buttonback:hover span										{ color: #FFFFFF; }

	.blau a														{ color: #006EC7; }
	.blau a:hover												{ color: #014b87; }
	.grun a														{ color: #62BE1B; }
	.gruna:hover												{ color: #3b8700; }
	.orange a													{ color: #FF7C00; }
	.orange a:hover												{ color: #c35f00; }
	.rot a														{ color: #CC0001; }
	.rot a:hover												{ color: #8b0001; }
	
	h1, h1 a 													{ color: #000000; font-size: 45px; line-height: 52px; font-weight: bold; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	h2, h2 a													{ color: #000000; font-size: 16px; line-height: 20px; margin: 0px 0px 16px 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: 12px; 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 															{ list-style-type: none; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	ul li 														{ background: url(/images/design/bg-li.gif) no-repeat 0px 9px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 16px; _height: 1px; }
	ol 															{ margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; }
	ol li 														{ margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; }
	
	h4															{ border-bottom: solid 1px #E4E4E4; height: 34px; margin: 0px 0px 21px 0px; padding: 0px 0px 0px 0px; text-indent: -10000px; }
	
	
	
/* Oben __________________________________________________________________ */

	div.ausen													{ width: 100%; text-align: center; }
	div.ausen div.innen											{ position: relative; width: 974px; margin: 0 auto; text-align: left; }
	
	div.top 													{ height: 74px; background: url(/images/design/bg-all.gif) repeat 0px 0px; }
	div.top div.innen											{ z-index: 2; }
	div.top div.divisionbox										{ overflow: hidden; background: url(/images/design/text-division.gif) no-repeat 17px 13px #FFFFFF; position: absolute; right: 18px; top: 49px; height: 26px; padding: 0px 0px 0px 72px; }
	div.top div.sprachen										{ height: 25px; }
	div.top div.sprachen a										{ float: left; display: inline; text-align: center; color: #555555; width: 25px; height: 25px; line-height: 25px; background-color: #FFFFFF; margin: 0px 5px 0px 0px; }
	div.top div.sprachen a.aktiv								{ color: #C9C9C9; }
	div.top div.sprachen a.rss									{ float: left; display: inline; width: 25px; height: 25px; overflow: hidden; text-indent: -1000px; background: url(/images/design/icon-rss.gif) no-repeat 1px 2px transparent; margin: 0px 5px 0px 0px; }

	div.top div.divisionbox a.corporate							{ float: left; display: inline; margin: 13px 0px 0px 0px; background: url(/images/design/text-corporate.gif) no-repeat 0px 0px; width: 74px; height: 11px; text-indent: -10000px; }
	div.top div.divisionbox a.tourism							{ float: left; display: inline; margin: 13px 0px 0px 15px; background: url(/images/design/text-tourism.gif) no-repeat 0px 0px; width: 57px; height: 11px; text-indent: -10000px; }
	div.top div.divisionbox a.adv								{ float: left; display: inline; margin: 13px 0px 0px 15px; background: url(/images/design/text-adv.gif) no-repeat 0px 0px; width: 27px; height: 11px; text-indent: -10000px; }
	div.top div.divisionbox a.crm								{ float: left; display: inline; margin: 13px 0px 0px 15px; background: url(/images/design/text-crm.gif) no-repeat 0px 0px; width: 28px; height: 11px; text-indent: -10000px; }
	div.top div.divisionbox a.travel							{ float: left; display: inline; margin: 13px 12px 0px 15px; background: url(/images/design/text-travel.gif) no-repeat 0px 0px; width: 44px; height: 11px; text-indent: -10000px; }
	
	div.oben 													{ background: #FFFFFF; position: relative; height: 131px;  }
	div.oben a.logo												{ position: absolute; left: 12px; top: 38px; }

	div.oben ul.menu 											{ background-image: url(/images/design/bg-menu.png); z-index: 3; position: absolute; right: 30px; bottom: 17px; list-style-type: none; width: 542px; height: 28px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li 										{ background: transparent; float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 28px; overflow: hidden; }
	div.oben ul.menu li a 										{ background-image: url(/images/design/bg-menu.png); display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -10000px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	#TopClients 												{ z-index: 6; position: absolute; left: 0px; top: 0px; width: 71px; }
	#TopSolutions 												{ z-index: 6; position: absolute; left: 98px; top: 0px; width: 97px; }
	#TopTechnology												{ z-index: 6; position: absolute; left: 223px; top: 0px; width: 115px; }
	#TopCompany													{ z-index: 6; position: absolute; left: 365px; top: 0px; width: 98px; }
	#TopBlog													{ z-index: 6; position: absolute; left: 489px; top: 0px; width: 53px; }
	
	#TopClients a 												{ background-position: -0px -0px; }
	#TopClients a:hover 										{ background-position: -0px -28px !important; }
	#TopClients.aktiv a 										{ background-position: -0px -28px; }
	#TopClients.aktiv a:hover 									{ background-position: -0px -28px !important; }
	
	#TopSolutions a 											{ background-position: -98px -0px; }
	#TopSolutions a:hover 										{ background-position: -98px -28px !important; }
	#TopSolutions.aktiv a 										{ background-position: -98px -28px; }
	#TopSolutions.aktiv a:hover 								{ background-position: -98px -28px !important; }
	
	#TopTechnology a 											{ background-position: -223px -0px; }
	#TopTechnology a:hover 										{ background-position: -223px -28px !important; }
	#TopTechnology.aktiv a 										{ background-position: -223px -28px; }
	#TopTechnology.aktiv a:hover 								{ background-position: -223px -28px !important; }
	
	#TopCompany a 												{ background-position: -365px -0px; }
	#TopCompany a:hover 										{ background-position: -365px -28px !important; }
	#TopCompany.aktiv a 										{ background-position: -365px -28px; }
	#TopCompany.aktiv a:hover 									{ background-position: -365px -28px !important; }
	
	#TopBlog a 													{ background-position: -489px -0px; }
	#TopBlog a:hover 											{ background-position: -489px -28px !important; }
	#TopBlog.aktiv a 											{ background-position: -489px -28px; }
	#TopBlog.aktiv a:hover 										{ background-position: -489px -28px !important; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.rahmen 													{ overflow: hidden; }
	div.rahmen div.innen										{ margin-bottom: 45px; }
	
	div.innen div.mitrahmenoben 								{ background: url(/images/design/bg-mitrahmen-oben.gif) no-repeat 0px 0px; width: 944px; height: 3px; font-size: 0px; line-height: 0px; overflow: hidden; }
	div.innen div.mitrahmenunten 								{ background: url(/images/design/bg-mitrahmen-unten.gif) no-repeat 0px 0px; width: 944px; height: 3px; font-size: 0px; line-height: 0px; overflow: hidden; }
	div.innen div.mitrahmen 									{ border-left: solid 1px #E4E4E4; border-right: solid 1px #E4E4E4; margin: 0px 30px 0px 0px; padding: 35px 48px 43px 48px; _width: 944px; _height: 1px; overflow: hidden; _overflow: none; _overflow-x: hidden; }
	
	div.mitte 													{ position: relative; z-index: 3; }
	div.mitte div.flash 										{ margin: 0px 0px 36px 0px; }

	
/* Inhalt ________________________________________________________________ */

	div.inhalt 													{  }
	
	div.inhalt div.solutions div.spalte1						{ float: left; display: inline; width: 308px; text-align: right; }
	div.inhalt div.solutions div.spalte1 h3						{ border-bottom: solid 1px #e4e4e4; font-size: 22px;  }
	div.inhalt div.solutions div.spalte1 ul						{ margin: 0px 0px 32px 0px; }
	div.inhalt div.solutions div.spalte1 ul li					{ background: url(/images/design/bg-li-pfeil.gif) no-repeat scroll right 9px; padding: 0px 17px 0px 0px; }
	div.inhalt div.solutions div.spalte2						{ float: left; display: inline; width: 450px; margin: 0px 0px 0px 86px; }
	div.inhalt div.solutions div.spalte2 h3						{ border-bottom: solid 1px #e4e4e4; font-size: 22px;  }
	div.inhalt div.solutions div.spalte2 div					{ margin: 0px 0px 32px 0px; }


/* Unten _________________________________________________________________ */

	
	div.unten 													{ background: url(/images/design/bg-all.gif) repeat 0px 0px; padding: 50px 0px 0px 0px; }
	div.unten div.innen 										{ background: #FFFFFF; }
	div.unten div.innen div.boxunten							{ margin: 0px 35px 0px 35px; padding: 35px 0px 34px 0px; }
	
	div.unten div.innen address									{ display: block; color: #353535; font-size: 11px; line-height: 19px; }
	div.unten div.innen address a								{ font-weight: normal; }
	
	div.unten div.innen div.clientbox							{ margin: 0px 0px 0px -14px; float: left; display: inline; width: 363px; overflow: hidden; }
	div.unten div.innen div.clientbox h4						{ width: 309px; margin: 2px 0px 23px 28px; }
	div.unten div.innen div.clientbox div.logos					{ margin: 0px 0px 0px 0px; clear: both; }
	div.unten div.innen div.logos img							{ float: left; display: inline; margin: 0px 0px 22px 27px; }
	
	div.unten div.innen div.anfragebox							{ float: right; display: inline; width: 486px; margin: -1px 14px 0px 0px; }
	div.unten div.innen div.anfragebox h4						{ margin: 2px 0px 23px 0px; }
	div.unten div.innen div.anfragebox address					{ width: 246px; margin: 0px 0px 23px 0px; }
	div.unten div.innen div.anfragebox div.formularbox			{ width: 225px; float: right; display: inline; overflow: hidden; }
	
	div.unten div.innen div.formularbox	a.senden				{ float: right; display: inline; margin: 2px 0px 0px 0px; }
	div.unten div.innen div.formularbox	a.senden:hover			{ color: #FFFFFF; }
	div.unten div.innen div.formularbox label.pflichtfeld 		{ font-weight: normal; margin: 0px 0px -2px 0px; }
	
	div.unten div.innen div.formularbox	div.input				{ margin: 0px 0px 4px 0px; border: 0px; background: url(/images/design/bg-inputtext.png) no-repeat 0px 0px; width: 225px; height: 26px; }
	div.unten div.innen div.formularbox	div.textarea			{ margin: 0px 0px 4px 0px; border: 0px; background: url(/images/design/bg-textarea.png) no-repeat 0px 0px; width: 225px; height: 86px; }
	div.unten div.innen div.formularbox form input.input		{ border: 0px; background-color: transparent; margin: 1px 0px 0px 0px; width: 215px; height: 16px; }
	div.unten div.innen div.formularbox	form textarea.textarea	{ border: 0px; background-color: transparent; margin: 1px 0px 0px 0px; width: 218px; height: 84px; }
	
	div.unten div.innen div.blogbox								{ float: left; display: inline; width: 378px; margin: 0px 0px 0px 10px; }
	div.unten div.innen div.blogbox h4							{ margin: 1px 0px 23px 4px; }
	
	div.unten div.innen div.anfahrtsbox							{ float: right; display: inline; width: 452px; margin: -1px 14px 0px 0px; }
	div.unten div.innen div.anfahrtsbox h4						{ margin: 2px 0px 23px 0px; }
	div.unten div.innen div.anfahrtsbox div.erste				{ margin: 0px 32px 0px 0px; }
	div.unten div.innen div.anfahrtsbox div.box					{ float: left; display: inline; width: 198px; }
	div.unten div.innen div.anfahrtsbox div.box	img				{ margin: 0px 0px 12px 0px; }
	div.unten div.innen div.anfahrtsbox div.box	address			{ margin: 0px 0px 23px 0px; }
	

	div.bottom 													{ height: 39px; background: #FFFFFF; }
	div.bottom div.innen 										{ border-top: solid 1px #E4E4E4; width: 876px !important; color: #B9B9B9; padding: 7px 0px 0px 0px; }
	div.bottom div.innen a										{ color: #B9B9B9; }
	div.bottom div.innen a:hover								{ color: #006EC7; }
	div.bottom div.innen span									{ float: left; display: inline; }
	div.bottom div.innen div									{ float: right; display: inline; }



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