/* general */
* {
	margin: 0;
	padding: 0;
}

html, body {
	position: absolute;
	width: 100%;
	height: 100%;
}

html { 
	font-size: 16px;
}

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	width: 100%;
	height: 100%;

	background: url(../img/diehl/background_repeat.png);
	background-position: 24px -12px;
}

img {
	border: none;
}

a {
	outline: none;
}

#container {
	position: absolute;
	min-height: 630px;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: url(../img/diehl/background_diehl.png) no-repeat;
}

div#logo {
	position: absolute;
	width: 350px;
	left: 635px;
	top: 0px;
	height: 180px;
	background: #fff;
	z-index:100;
}
#logo a {
	position: absolute;
	top: 55px;
	width: 190px;
	height: 51px;
	display: block;
	text-indent: -9000px;
	background: url(../img/diehl/logo_diehl.png);
}
#logo .time {
	position: absolute;
	top: 52px;
	right: 10px;
	color: #afaaa6;
	font-size: 11px;
	letter-spacing: 2px; 
	line-height: 17px;
}

ul#menu-top {
	position: absolute;
	top: 39px;
	left: 377px;
	width: 145px;
	list-style: none;
	z-index: 100;
}
ul#menu-top a {
	color: #888277;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
ul#menu-top a:hover {
	color: #be9f56;
}
ul#menu-top a.active {
	color: #be9f56;
	margin-right: -10.5px;
}
ul#menu-top li {
	text-align: right;
}
	ul#menu-top li.welcome-card {
		margin-right: 20px;
	}
	ul#menu-top li.infos {
		margin-right: 40px;
	}
	ul#menu-top li.impressum {
		margin-right: 60px;
	}
	
ul#menu-center {
	position: absolute;
	top: 155px;
	left: 635px;
	height: 38px;
	width: 350px;
	list-style: none;
	background: #fff;
	z-index:100;
}
ul#menu-center li {
	float: left;
	margin-right: 20px;
}
	ul#menu-center li a{
		background: url(../img/diehl/main_navi.png);
		display: block;
		text-indent: -9000px;
	}
	ul#menu-center li.elegance a{
		width: 80px;
		height: 25px;
	}
		ul#menu-center li.elegance a:hover,
		ul#menu-center li.elegance a.active{
			width: 80px;
			height: 25px;
			background-position: 0px -21px;
		}
	ul#menu-center li.fashion a{
		width: 80px;
		height: 25px;
		background-position: -80px 0px;
	}
		ul#menu-center li.fashion a:hover,
		ul#menu-center li.fashion a.active{
			width: 80px;
			height: 25px;
			background-position: -80px -21px;
		}
	ul#menu-center li.trendfashion a{
		width: 130px;
		height: 25px;
		background-position: -160px 0px;
	}
		ul#menu-center li.trendfashion a:hover,
		ul#menu-center li.trendfashion a.active{
			width: 130px;
			height: 25px;
			background-position: -160px -21px;
		}

div.gallery {
	position: absolute;
	top: 159px;
	left: 0px;
}

div.gallery.background {
	background: url('../img/diehl/gallery-background.png');
	width: 601px;
	height:297px;
}
div.gallery.foreground {
	top: 0px;
	left: 54px;
	width: 397px;
	height:297px;
	background: url('../img/diehl/gallery-foreground.png') no-repeat;
	z-index: 100;
}
div.images {
	position: absolute;
	top: 29px;
	left: 39px;
	width: 411px;
	height: 241px;
	overflow: hidden;
}
div.images ul {
	position: absolute;
	top: -0px;
	left: -0px;
	list-style: none;
}
div.images li {
	position: absolute;
}

.jScrollPaneContainer{
	position: relative;
}

#content-container {
	position: absolute;
	top: 193px;
	left: 635px;
	width: 370px;
	height: 263px;
	z-index: 99;
}	
#content {
	position: absolute;
	width: 370px;
	height: 263px;
	overflow: auto;
}	
	#content h1 {
		font-size: 14px;
		font-weight: bold;
		color: #888277;
		margin-bottom: 10px;
	}
	
	#content h2 {
		float: left;
		width: 90px;
		font-size: 11px;
		font-weight: bold;
		color: #888277;
		line-height: 24px;
	}

	#content p {
		color: #888277;
		font-size: 11px;
		line-height: 24px;
		margin-bottom: 23px;
		width: 335px;
	}

	.infos #content p {
		line-height: 19px;
		margin-bottom: 8px;
	}

	#content p.right {
		margin-left: 112px;
		width: 245px;
	}
	#content a {
		color: #888277;
	}
#layer {
	position: relative;
	top: 40px;
	width: 900px;
	height: 573px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/diehl/anfahrt.png);
	z-index: 1000;
}

#backarea {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: transparent;
	cursor: pointer;
	z-index: 500;
}

#gmap {
	position: absolute;
	top: 9px;
	left: 10px;
	width: 860px;
	height: 550px;
	background: #fff;
	z-index: 1001;
}

#close {
	position: absolute;
	top: 9px;
	right: 13px;
	width: 17px;
	height: 550px;
	background: #ff0000;
	z-index: 2000;
	cursor: pointer;
	background: url(../img/diehl/anfahrt-close.png) no-repeat;
}
#close:hover {
	background-position: -17px 0px;
}

#api-key {
	display: none;
}

.img.show {
	display: block;
}
.img.hidden {
	display: none;
}

.nemata {
	background:transparent url(../img/nemata_logo.png) no-repeat center;
	display:block;
	width:107px;
	height:32px;
	margin-top:10px;
	position:relative;
	text-indent:-9000px;
}

#brands {
	position: absolute;
	top: 505px;
	left: 154px;
	width: 690px;
	height: 98px;
	list-style: none;
}

#brands li {
	position: absolute;
	height: 20px;
}
#brands li img{
	position: absolute;
	display: none;
}
.no-js #brands li img{
	display: block;
}
	#brands li.trendfashion.brand-1{
		top: 0px;
		left: 0px;
	}
	#brands li.trendfashion.brand-2{
		top: 0px;
		left: 70px;
	}
	#brands li.trendfashion.brand-3{
		top: 0px;
		left: 137px;
	}
	#brands li.trendfashion.brand-4{
		top: 0px;
		left: 290px;
	}
	#brands li.trendfashion.brand-5{
		top: 0px;
		left: 363px;
	}
		#brands li.trendfashion.brand-6{
			top: 40px;
			left: -40px;
		}
		#brands li.trendfashion.brand-7{
			top: 40px;
			left: 107px;
		}
		#brands li.trendfashion.brand-8{
			top: 40px;
			left: 225px;
		}
		#brands li.trendfashion.brand-9{
			top: 40px;
			left: 315px;
		}
			#brands li.trendfashion.brand-10{
				top: 80px;
				left: -80px;
			}
			#brands li.trendfashion.brand-11{
				top: 80px;
				left: 17px;
			}
			#brands li.trendfashion.brand-12{
				top: 80px;
				left: 116px;
			}
			#brands li.trendfashion.brand-13{
				top: 80px;
				left: 188px;
			}
				#brands li.trendfashion.brand-14{
					top: 120px;
					left: -120px;
				}
				#brands li.trendfashion.brand-15{
					top: 120px;
					left: -40px;
				}
				#brands li.trendfashion.brand-16{
					top: 120px;
					left: 50px;
				}
				#brands li.trendfashion.brand-17{
					top: 120px;
					left: 155px;
				}
				#brands li.trendfashion.brand-18{
					top: 120px;
					left: 234px;
				}
	#brands.fashion li.fashion.brand-1{
		top: 0px;
		left: 0px;
	}
	#brands.fashion li.fashion.brand-2{
		top: 0px;
		left: 163px;
	}
		#brands.fashion li.fashion.brand-3{
			top: 40px;
			left: -43px;
		}
		#brands.fashion li.fashion.brand-4{
			top: 40px;
			left: 66px;
		}
		#brands.fashion li.fashion.brand-5{
			top: 40px;
			left: 173px;
		}
		#brands.fashion li.fashion.brand-6{
			top: 40px;
			left: 267px;
		}
			#brands.fashion li.fashion.brand-7{
				top: 80px;
				left: -83px;
			}
			#brands.fashion li.fashion.brand-8{
				top: 80px;
				left: -23px;
			}
			#brands.fashion li.fashion.brand-9{
				top: 81px;
				left: 70px;
			}
			#brands.fashion li.fashion.brand-10{
				top: 80px;
				left: 138px;
			}
			#brands.fashion li.fashion.brand-11{
				top: 81px;
				left: 217px;
			}
	#brands.elegance li.elegance.brand-1{
		top: 0px;
		left: 0px;
	}
	#brands.elegance li.elegance.brand-2{
		top: 0px;
		left: 125px;
	}
	#brands.elegance li.elegance.brand-3{
		top: 0px;
		left: 236px;
	}
	#brands.elegance li.elegance.brand-4{
		top: 0px;
		left: 312px;
	}
		#brands.elegance li.elegance.brand-5{
			top: 40px;
			left: -41px;
		}
		#brands.elegance li.elegance.brand-6{
			top: 42px;
			left: 180px;
		}
		#brands.elegance li.elegance.brand-7{
			top: 40px;
			left: 244px;
		}
		#brands.elegance li.elegance.brand-8{
			top: 40px;
			left: 330px;
		}
			#brands.elegance li.elegance.brand-9{
				top: 80px;
				left: -78px;
			}
			#brands.elegance li.elegance.brand-10{
				top: 80px;
				left: -20px;
			}
			#brands.elegance li.elegance.brand-11{
				top: 80px;
				left: 48px;
			}
			#brands.elegance li.elegance.brand-12{
				top: 80px;
				left: 194px;
			}
			#brands.elegance li.elegance.brand-13{
				top: 83px;
				left: 270px;
			}