* { margin: 0; padding: 0; }
body { font: 75%/1.5 sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
fieldset { border: 0; }
ul { list-style: none; }
img, object, embed { display: block; border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
address, caption, th { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
em { font-style: italic; }
strong { font-weight: bold; }
del { text-decoration: line-through; }
ins { font-style: italic; text-decoration: none; }
a { text-decoration: none; }
:focus, :active { outline: 0; }

html, body { height: 100%; }
body { background: #000000; }
body, a { color: #9a9c9d; }

#pageWrapper {
	position: relative;
	width: 983px;
	height: 100%;
	margin: 0 auto;
}
	#page {
		float: left;
		position: absolute;
		left: 0;
		top: 50%;
		width: 981px;
		height: 576px;
		margin-top: -289px;
		border: 1px solid #3d3d3d;
	}
	.start #page {
		background: #333333;
		position: relative;
	}
		.start h1, .start object {
			margin: 110px auto 45px;
			width: 168px;
			height: 147px;
		}
		.start h1 {
			text-indent: -9000px;
			background: url(../img/start/logo.jpg) no-repeat;
		}
		.start p {
			position: absolute;
			font-size: 0.75em;
			width: 100%;
			bottom: -30px;
			text-align: center;
		}
			.start p span {
				padding: 0 12px;
				text-transform: uppercase;
			}
		.start ul {
			width: 331px;
			margin: 0 auto;
		}
			.start li {
				display: inline;
			}
				.start a {
					float: left;
					display: inline;
					height: 41px;
					background-repeat: no-repeat;
					text-indent: -9000px;
				}
				.start .de a {
					width: 140px;
					margin-left: 2px;
					background-image: url(../img/start/btn_de_na.jpg);
				}
				.start .de a:hover { background-image: url(../img/start/btn_de_a.jpg); }
				.start .en a {
					width: 136px;
					margin-left: 45px;
					background-image: url(../img/start/btn_en_na.jpg);
				}
				.start .en a:hover { background-image: url(../img/start/btn_en_a.jpg); }

		#navi {
			float: left;
			width: 219px;
			height: 100%;
			background: #3d3d3d url(../img/menu_middle.gif) repeat-y;
		}
			#company {
				float: left;
				position: relative;
				width: 100%;
				padding-top: 37px;
				background: url(../img/menu_top.gif) no-repeat;
			}
				#company h1 {
					float: left;
					width: 100%;
					font-size: 0.75em;
					line-height: 1;
				}
					#company h1 a {
						display: block;
						width: 103px;
						height: 90px;
						margin: 0 auto 24px;
						background: url(../img/logo.jpg) no-repeat;
						text-indent: -9000px;
					}
				#company p {
					float: left;
					display: inline;
					margin-left: 35px;
					background: url(../img/pfeil_na.gif) no-repeat right 5px;
					font-size: 0.75em;
					line-height: 1;
				}
					#company p a {
						display: block;
						width: 143px;
						height: 27px;
						margin-bottom: 9px;
						padding-right: 17px;
						background: no-repeat;
						text-indent: -9000px;
					}
			#mainNavi {
				float: left;
				width: 100%;
				padding-top: 12px;
				background: url(../img/menu_line.gif) no-repeat;
			}
				#mainNavi ul {
					float: left;
					display: inline;
					margin-left: 35px;
					font-size: 0.75em;
					line-height: 1;
				}
					#mainNavi li {
						float: left;
						position: relative;
						background: url(../img/pfeil_na.gif) no-repeat right 5px;
					}
					#mainNavi li.over { background-image: url(../img/pfeil_a.gif) }
						#mainNavi a {
							display: block;
							width: 143px;
							height: 27px;
							margin-bottom: 9px;
							padding-right: 17px;
							background-repeat: no-repeat;
							text-indent: -9000px;
						}
				#search {
					float: left;
					display: inline;
					margin-left: 35px;
				}
					#search fieldset {
						float: left;
						width: 143px;
						height: 27px;
						background: no-repeat;
					}
						#search input,
						#search button {
							float: left;
							margin: 5px 0 0 9px;
							font-size: 0.9em;
						}
						#search input {
							width: 77px;
							height: 12px;
							line-height: 12px;
							background: #1e1e1e;
							border: 1px solid #282828;
							color: #9a9c9d;
						}
						#search button {
							width: 34px;
							height: 14px;
							line-height: 14px;
							background: transparent;
							border: 0;
							text-indent: -9000px;
						}
			#regionNavi {
				float: left;
				display: inline;
				position: relative;
				width: 100%;
				height: 138px;
				font-size: 0.75em;
				line-height: 1;
			}
				#regionNavi h2 {
					height: 11px;
					margin: 8px auto;
					line-height: 11px;
					background: no-repeat;
					text-indent: -9000px;
				}
					#regionNavi h2 a {
						position: absolute;
						left: 50%;
						top: 6px;
						width: 48px;
						height: 14px;
					}
				#regionNavi ul {
					position: absolute;
					left: 27px;
					top: 27px;
					width: 156px;
					height: 96px;
					margin: 0 auto;
					background: url(../img/karte_na.gif) no-repeat;
				}
					#regionNavi li {
						display: none;
						width: 156px;
						height: 100%;
					}
					#regionNavi .africa { background-image: url(../img/karte_afrika.gif); }
					#regionNavi .asia { background-image: url(../img/karte_asien.gif); }
					#regionNavi .australia { background-image: url(../img/karte_australien.gif); }
					#regionNavi .europe { background-image: url(../img/karte_europa.gif); }
					#regionNavi .northamerica { background-image: url(../img/karte_nordamerika.gif); }
					#regionNavi .southamerica { background-image: url(../img/karte_suedamerika.gif); }
						#regionNavi li span {
							position: absolute;
							top: 99px;
							width: 156px;
							height: 9px;
							background-repeat: no-repeat;
							background-position: center 1px;
							text-indent: -9000px;
						}
				#regionNavi img {
					position: absolute;
					left: 27px;
					top: 27px;
					width: 156px;
					height: 96px;
				}
			#brandNavi {
				float: left;
				width: 100%;
				height: 49px;
				padding: 6px 0 10px;
				background: url(../img/menu_line.gif) no-repeat bottom;
				font-size: 0.75em;
				line-height: 1;
			}
				#brandNavi h2 {
					width: 82px;
					height: 9px;
					margin: 0 auto 4px;
					background: no-repeat;
					text-indent: -9000px;
				}
				#brandNavi div {
					width: 36px;
					height: 18px;
					margin: 0 auto;
					background: url(../img/schalter_big_0.gif) no-repeat;
				}
				#brandNavi .down { background-position: bottom; }
				#brandNavi .up.over { background-image: url(../img/schalter_big_1.gif); }
				#brandNavi .down.over { background-image: url(../img/schalter_big_2.gif); }
			#metaNavi {
				float: left;
				width: 100%;
				height: 31px;
				padding-top: 8px;
				background: url(../img/menu_bottom.gif) no-repeat bottom;
				font-size: 0.75em;
				line-height: 1;
			}
				#metaNavi ul {
					float: left;
					display: inline;
					margin-left: 35px;
				}
					#metaNavi li {
						display: inline;
					}
						#metaNavi a {
							float: left;
							height: 8px;
							margin: 0 6px;
							background-repeat: no-repeat;
							text-indent: -9000px;
						}
						#metaNavi .home a {
							width: 27px;
							background-position: center 1px;
						}
						#metaNavi .impressum a {
							height: 9px;
							margin-top: 16px;
						}
						#metaNavi .back a {
							width: 31px;
						}

		#main {
			float: left;
			width: 762px;
			height: 100%;
			background: #000000;
		}
			#stageWrapper {
				float: left;
				position: relative;
				overflow: hidden;
			}
			.ltr #stageWrapper {
				width: 552px;
				height: 100%;
			}
			.ttb #stageWrapper {
				width: 100%;
				height: 371px;
			}
					.js #stage li {
						display: none;
						position: absolute;
						left: 0;
						top: 0;
					}
						.js #stage img {
							/*display: none;*/
						}
				#stageNavi {
					position: absolute;
					bottom: 10px;
					width: 100%;
					font-size: 0.9em;
					cursor: default;
				}
					#stageNavi ul {
						float: left;
						width: 100%;
						text-align: center;
					}
						#stageNavi li {
							display: inline;
							padding: 0 4px;
							cursor: pointer;
						}
						#stageNavi .over {
							color: #49f72d;
						}
						#stageNavi .active {
							color: #49f72d;
							cursor: default;
						}
			#contentWrapper {
				float: left;
				position: relative;
				width: 552px;
				height: 100%;
				background: #000000;
				overflow: auto;
			}
			.js #contentWrapper {
				overflow: hidden;
			}
			.jobs #contentWrapper {
				overflow: auto
			}
			.ltr #contentWrapper {
				width: 210px;
				height: 371px;
			}
			.ttb #contentWrapper {
				height: 205px;
			}
			.anfahrt #contentWrapper {
				width: 210px;
			}
			/*Alex*/
			.downloads #contentWrapper {
				width: 762px;
			}
			/*Ende Alex*/
				#content {
					float: left;
					padding: 12px;
					color: #ffffff;
					line-height: 1.25em;
				}
				.js #content {
					position: absolute;
					padding-right: 44px;
				}
				/*Alex*/
				.downloads #content {
				    width: 762px;
				    padding-right: 0px;
				    padding-left: 0px;
				}
				/*Ende Alex*/
				.adresse #content,
				.jobs #content,
				.company #content {
					padding: 64px 132px 12px 62px;
				}
				.jobs #content {
					padding-right: 66px;
				}
				.atlantis #content,
				.impressum #content {
					padding: 64px 62px 12px;
				}
					#content h2 {
						margin-bottom: 1.25em;
						font-weight: normal;
					}
					#content h3 {
						font-weight: normal;
					}
					#content ul {
						list-style: disc;
					}
					#content p,
					.jobs #content ul {
						margin-bottom: 1.25em;
					}
						#content li {
							margin: 0 0 1.25em 1.5em;
							padding-left: 0.5em;
						}
						.jobs #content li {
							margin-bottom: 9px;
						}
						#content a {
							color: #ffffff;
						}
						/*Alex*/
						#content .screenbook-watch,
						#content .screenbook-download {
						    float: left;
						    display: block;   
						    width: 762px; 
						}
						#content .screenbook-watch {
						    background: no-repeat 0 42px;
						    padding-left: 125px;
						    margin-left: 26px;
						    margin-top: 13px;
						}
						.js #content .screenbook-watch {
						    background-image: url(/img/downloads/button_watch_online.png);
						}
						#content .screenbook-download {
						    background: url(/img/downloads/button_download.png) no-repeat 0 42px;
						    padding-left: 125px;
						    margin-left: 26px;
						    height: 127px;
						}
						    #content .screenbook-watch li,
						    #content .screenbook-download li {
						        float: left;
						        display: inline;
						        width: 102px;
						        margin-left: 25px;
						        margin-bottom: 0;
						        text-align: center;
						        font-size: 0.8em;
						        font-weight: normal;
						        padding: 0;
						    }
						    #content .screenbook-watch .first,
						    #content .screenbook-download .first {
						        margin-left: 0;
						        padding-left: 0;
						    }
						        .screenbook-watch span,
								.screenbook-watch div {
						            float: left;
						        }
								.js .screenbook-watch span {
									cursor: pointer;
								}
						        .screenbook-watch span,
						        .screenbook-download li {
						            height: 127px;
						            background-color: #1A1A1A;
						        }
						        .screenbook-download li img {
						            margin: 25px 0 15px 35px;
						        }
						        .screenbook-watch .rkd-text {
						            text-align: center;
						            width: 102px;
						            height: 45px;
						            background-color: #313131;
						        }
						/* Ende Alex */
						
					.nowrap {
						white-space: nowrap;
					}
				.scrollButtons {
					position: absolute;
					right: 12px;
					top: 50%;
					width: 20px;
					height: 39px;
					margin-top: -20px;
				}
					.scrollButtons div {
						width: 100%;
						height: 20px;
						background-repeat: no-repeat;
					}
					.scrollButtons .down {
						height: 19px;
						background-position: bottom;
					}
					#contentWrapper .scrollButtons div { background-image: url(../img/schalter_s_0.gif); }
					#contentWrapper .scrollButtons .up:hover { background-image: url(../img/schalter_s_1.gif); }
					#contentWrapper .scrollButtons .down:hover { background-image: url(../img/schalter_s_2.gif); }
			#sidebarWrapper {
				float: left;
				width: 210px;
				background: #000000;
			}
			#contentNaviWrapper {
				float: left;
				position: relative;
				width: 210px;
				height: 205px;
				background: #3d3d3d;
				overflow: auto;
			}
			.js #contentNaviWrapper {
				overflow: hidden;
			}
				#contentNavi {
					float: left;
					padding: 0 12px;
					color: #ffffff;
				}
				.js #contentNavi {
					position: absolute;
					padding-right: 44px;
				}
					#contentNaviWrapper .scrollButtons div { background-image: url(../img/schalter_g_0.gif); }
					#contentNaviWrapper .scrollButtons .up:hover { background-image: url(../img/schalter_g_1.gif); }
					#contentNaviWrapper .scrollButtons .down:hover { background-image: url(../img/schalter_g_2.gif); }
					#contentNavi ul {
						float: left;
						width: 167px;
						padding: 12px 0;
					}
						#contentNavi li {
							float: left;
							width: 100%;
						}
							#contentNavi a {
								display: block;
								padding: 0.25em 0;
							}
							#contentNavi .active a,
							#contentNavi a:hover {
								color: #ffffff;
							}
								#contentNavi a span {
									display: block;
									margin-left: 15px;
									font-size: 0.75em;
									line-height: 1.3333;
								}
							#contentNavi li ul {
								padding: 0 0 0 15px;
							}
#brandsWrapper {
	float: left;
	width: 100%;
}
	#brands {
		float: left;
		position: relative;
		width: 100%;
		height: 576px;
		overflow: auto;
	}
	.js #brands {
		overflow: hidden;
	}
		#brands ul {
			float: left;
			display: inline;
			margin-left: 21px;
		}
		.js #brands ul {
			position: absolute;
		}
			#brands li {
				float: left;
				width: 102px;
				height: 102px;
				background-color: #9a9c9d;
				border: 21px solid #000000;
			}
				#brands a {
					display: block;
					text-indent: -9000px;
				}
					#brands img {
						width: 102px;
						height: 102px;
					}
					.js #brands img {
						/*display: none;*/
					}
		#brands div {
			position: absolute;
			left: 0;
			width: 100%;
			height: 42px;
		}
		#brands .up { top: 0; }
		#brands .down { bottom: 0; }
			#brands div img {
				width: 100%;
				height: 100%;
			}
		#floatingMenu {
			float: left;
			display: none;
			position: absolute;
			left: 18px;
			top: 127px;
			width: 212px;
			min-height: 408px;
			padding: 12px;
			background: url(../img/blk-80.png);
		}
			.hide {
				float: right;
				width: 19px;
				height: 19px;
				background: url(../img/close.png) no-repeat;
				cursor: pointer;
			}
			#floatingMenu ul {
				float: left;
				width: 167px;
			}
				#floatingMenu li {
					float: left;
					width: 100%;
				}
					#floatingMenu a {
						display: block;
						padding: 0.25em 0;
					}
					#floatingMenu .open a,
					#floatingMenu a:hover {
						color: #ffffff;
					}
						#floatingMenu a span {
							display: block;
							margin-left: 15px;
							font-size: 0.75em;
							line-height: 1.3333;
						}
					#floatingMenu li ul {
						display: none;
						padding-left: 15px;
					}
					#floatingMenu .open ul {
						display: block;
					}
						#floatingMenu .open ul a {
							color: #9a9c9d;
						}
						#floatingMenu .open ul a:hover {
							color: #ffffff;
						}
		#subMenu {
			font-size: 0.85em;
		}
			#subMenu div {
				display: none;
				position: absolute;
				left: 35px;
				width: 143px;
				padding-bottom: 10px;
				background: url(/img/pulldown_bottom.png) no-repeat bottom;
			}
			#subMenu .brands {
				top: 221px;
				width: 960px;
				background: url(/img/pulldown_bottom_wide.png) no-repeat bottom;
			}
			#subMenu .branche { top: 257px; }
			#subMenu .kompetenzen { top: 293px; }
				#subMenu ul {
					float: left;
					width: 100%;
					padding-top: 1px;
					background: url(/img/pulldown_middle.png) repeat-y;
				}
				#subMenu .brands div {
					float: left;
					display: block;
					position: static;
					left: auto;
					width: 100%;
					padding-top: 1px;
					padding-bottom: 0;
					background: url(/img/pulldown_middle_wide.png) repeat-y center;
				}
					#subMenu .brands div .scrollable {
						position: relative;
						height: 352px;
						padding: 0;
						background: transparent;
						overflow: hidden;
					}
						#subMenu .brands div div div {
							position: absolute;
							height: auto;
							background: transparent;
						}
						#subMenu .brands div div .scrollButtons {
							right: 12px;
							top: 50%;
							width: 20px;
							height: 39px;
							margin-top: -20px;
							padding: 0;
						}
							#subMenu .brands div div .scrollButtons div {
								position: static;
								width: 100%;
								height: 20px;
								padding: 0;
								background-repeat: no-repeat;
							}
							#subMenu .brands div div .scrollButtons .down {
								height: 19px;
								background-position: bottom;
							}
							#subMenu .brands div div .scrollButtons div { background-image: url(../img/schalter_s_0.gif); }
							#subMenu .brands div div .scrollButtons .up:hover { background-image: url(../img/schalter_s_1.gif); }
							#subMenu .brands div div .scrollButtons .down:hover { background-image: url(../img/schalter_s_2.gif); }
					#subMenu .brands ul {
						width: 150px;
						padding-top: 0;
						background: transparent;
					}
					#subMenu li {
						display: inline;
					}
						#subMenu li a {
							float: left;
							width: 123px;
							padding: 0 8px 0 12px;
							line-height: 2em;
							text-align: left;
						}
						#subMenu li a:hover {
							color: #ffffff;
						}
		#screenbook {
			position: absolute;
			left: -1px;
			top: -1px;
			width: 982px;
			height: 578px;
			padding-left: 1px;
			background: #000000;
		}
			#screenbook .close {
				position: absolute;
				top: -15px;
				right: 0;
				color: #9a9c9d;
				font-size: 0.9em;
				line-height: 15px;
				cursor: pointer;
			}