*{
	margin:  0;
	padding:  0;
}
html, body{
	height: 100%;
}
body{
	background:  url(../gfx/body-bg.gif) #272523 repeat-x;
	color:  #fff;
	font-family:  arial, helvetica, sans;
}
#main{
	width:  100%;
	background:  url(../gfx/main-bg.jpg) no-repeat;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height: 100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */
	margin: 0 auto -142px;
}
#language{
	width:  110px;
	height:  32px;
	float:  left;
	padding:  12px 0 0 20px;
}
#language a{
	display:  inline-block;
	width:  36px;
	height:  24px;
	margin:  0 8px 0 0;
}
#language a.de{
	background: url(../gfx/lang-de.png);
}
#language a.deactive{
	background: url(../gfx/lang-de-active.png);
}
#language a.tr{
	background: url(../gfx/lang-tr.png);
}
#language a.tractive{
	background: url(../gfx/lang-tr-active.png);
}
#nav{
	display:  inline-block;
	height:  44px;
	width:  566px;
	overflow:  hidden;
	float:  left;
	margin: 0 0 0 252px;
}
#nav ul{
	display:  inline-block;
	height:  44px;
	width:  666px;
}
#nav li{
	display: inline-block;
	margin: 0 40px 0 0;
	float:  left;
}
#nav a{
	text-decoration:  none;
	font: bold 13px/48px arial, helvetica, sans-serif;
	color:  #fff;
	text-transform:  uppercase;
	display:  block;
}
#nav a.current{
	border-top:  6px solid #474747;
	line-height:  36px;
}
#nav a:hover{
	border-top:  6px solid #fff;
	line-height:  36px;
}
#content{
	width:  558px;
	height:  444px;
	margin: 150px 0 0 382px;
	font:  normal 13px/18px arial, helvetica, sans-serif;
}
#content .text{
	width: 526px;
	height: 444px;
	overflow-y:  auto;
	overflow-x:  hidden;
	padding: 0 16px 0 16px;
	position: relative;
}
#content .text p{
	margin: 0 0 18px 0;
}
#content .text h1{
	font:  normal 24px/24px arial, helvetica, sans-serif;
	margin: 0 0 25px 0;
	text-transform: uppercase;
}
#content .text a.btn{
	display: inline-block;
	height: 24px;
	width: auto;
	/* background:  url(../gfx/btn-bg.jpg) repeat-x; */
	background: #0c0c0c;
	padding: 4px 8px 4px 8px;
	font: bold 16px/24px arial, helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid #fff;
}
#content .text a.btn:hover{
	background: #e6cca0;
	padding: 4px 8px 4px 8px;
	color: #0c0c0c;
	border: 1px solid #0c0c0c;
}
#content .text a{
	color: #fff;
	}
#thumbs{
	width:  600px;
	margin: 0 0 0 -8px;
	position: absolute;
	bottom:  8px;
}
#thumbs img{
	display:  inline-block;
	width:  168px;
	height:  168px;
	background:  url(../gfx/img-bg.jpg) no-repeat;
	padding: 4px;
	border:  none;
	float:  left;
	margin: 0 8px 0 0;
}
#footer{
	width:  100%;
	height:  142px;
	background:  url(../gfx/footer-bg.png)  0 20px repeat-x;
	position:  relative;
}
#footer a{
	font: bold 13px/13px arial, helvetica, sans-serif;
	color:  #333;
	text-decoration: none;
	text-transform:  uppercase;
	position:  absolute;
	top:  40px;
	left:  862px;
}
.push{
	height:  142px;
}
.clear{
	clear:  both;
}

.jScrollPaneContainer {
	position: absolute;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../gfx/pane.gif) 0 bottom no-repeat #525252;
}
.jScrollPaneDrag {
	position: absolute;
	background:  url(../gfx/pane-drag.jpg)  1px 0 no-repeat;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:  url(../gfx/arrow-up.gif) no-repeat;
	height: 16px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:  url(../gfx/arrow-down.gif) no-repeat;
	height: 16px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
