/*** Layout-CSS ***/ 

/*** Grundstruktur ***/
body {
	background-color: #1c1d23;
}
#web-page-box {  
  position: relative;  
  width: 1000px;
  height: 625px;  
  text-align: left;    
  background-color: #000000;
	overflow: hidden;
	margin: 0 auto 0 auto;		
}
#header-box {  
	position: relative; 
  width: 1000px;
	height: 273px;	
	background-repeat: no-repeat;
	overflow: hidden;
}
#header-img  {
  position: relative; 
}
#navi-box {  
  position: relative;  
  width: 1000px;
  height: 18px;
	background-color: #cc0000;
	overflow: hidden;	
}
#content-box {  
  position: relative; 
top:20px; 

  width: 1000px;
  height: 300px;
	background-repeat: no-repeat;
	overflow: hidden;		
}
#footer-box {  
  position: relative;
top:13px; 
  
  width: 1000px;
  height: 19px;
	background-color: #333440;
	border-top: 1px solid #cc0000;
	overflow: hidden;	
}


/*** head ***/
#header-blank-box {  
  position: relative;  
  width: 1000px;
  height: 272px;  
	background-image: url(./header_blank_hg.png);
	background-repeat: no-repeat; 
}


/*** left ***/
#content-left-box {
	width: 200px;
	padding-right: 30px;		
}


/*** main ***/
#main-navi-box, #language-navi-box {  
  position: relative; 
  top: 3px;	
	padding: 0;
			
}
#main-navi-box {  
	left: 39px;	
	float: left;	
}
#language-navi-box {  
	right: 220px;	
	float: right;	
}
#content-center-box {	  
  width: 530px;
	padding-right: 10px;	
	margin-right: 30px;		
}
#content-center-right-box {	  
  width: 750px;
	padding-right: 20px;		
}
#content-left-center-right-box {	  
  width: 960px;
	padding: 0px 20px 0px 20px;		
}
#content-iframe-box {	  
  width: 960px;	
	padding: 0px 20px 0px 20px;	
}
#externe-inhalte-box {
	position: relative; 	
	padding: 0;	
	overflow: hidden;
}
#externe-inhalte-box iframe {	
	padding: 0;	
	border: 0;
	overflow: auto;	
}
iframe#event-iframe {		
	text-align: left;
	vertical-align: top;
	width: 960px;
	height: 275px;
	border: 0px none;
	margin: 0px;	
}
iframe#continents, iframe#countries, iframe#search {		
	text-align: left;
	vertical-align: top;
	height: 188px;
	border: 1px solid #666;	
}
iframe#continents {
	margin: 0px 30px 0px 0px;
	width: 218px;		
}
iframe#countries {
	margin: 0px 30px 0px 0px;
	width: 218px;	
}
iframe#search {	
	width: 448px;
}


/*** right ***/
#content-right-box {	  
  width: 180px;
	padding-right: 20px;		
}
 
 
/*** foot ***/
#copyright-box, #support-box {
	position: relative;
	top: 3px;	
	padding: 0;		
}
#copyright-box {	
	left: 39px;	  
	float: left;
}
#support-box {	
	right: 39px;	  
	float: right;
}


/*** mix ***/
#content-left-box, #content-center-box, #content-right-box, #content-center-right-box, #content-left-center-right-box, #content-iframe-box {
	position: relative;  
  height: 275px;
	top: 20px;	
	overflow: auto;
	overflow-x: hidden;		
}
#content-left-box, #content-center-box, #content-right-box, #content-center-right-box {	
	float: left;	
}


/*** allgemein ***/
.clear-box {
	clear: both;
	width: 100%;
	height: 0;	
	font-size: 0;	
	padding: 0;
	margin: 0;	
	overflow: hidden;
	visibility: hidden;
}


/*** Video-Box ***/
#video-box {
	display: none;
	position: absolute;
	width: 320px;
	height: 240px;
	left: 50%;
	top: 50%;
	margin-left: -180px;
	margin-top: -140px;
	padding: 20px;
	background-image: url(./hg85_50x50.png);
	background-repeat: repeat;
	border: 1px solid #666;
	z-index: 100;
}
#video-box .close {
	position: absolute;	
	width: 26px;	
	height: 26px;
	top: -14px;
	right: -14px;
	background-image: url(./close_button.png);
	background-repeat: no-repeat;	
	z-index: 101;		
	cursor: pointer;
}
#video-box .close:hover {	
	background-image: url(./close_button_a.png);		
}


/*** Scrollable-Horizontal ***/
/* scrollable */
#prevPageBox, #nextPageBox {
	position: relative;		
	padding: 0;
	margin: 48px 0px 0px 0px;		
	float: left;	
}
.scrollable {	
	position: relative;	
	width: 920px;	
	padding: 0;			
	overflow: hidden;
	margin: 35px 0px 0px 0px;
	float: left;			
}
.items {	
	position: relative;
	width: 10000%;	
	padding: 0;		
}
#triggers div {
	position: relative;	
	padding: 0 10px 0 0;
	float: left;	
}
div#triggers div.sliderGlass {	
	width: 105px;			
}
div#triggers div.sliderDecanter {	
	width: 145px;			
}
div#triggers div.sliderAccessories {	
	width: 160px;			
}
div#triggers div.sliderFactoryTour {	
	width: 130px;			
}


/* active item */
.scrollable .active {	
	z-index: 90;	
}
.active {
	position: relative;			
}


/*** Overlay-Basic ***/
.simple_overlay {
	position: absolute;	
	display: none;		
	width: 650px;	
	padding: 20px;		
	background-image: url(./hg85_50x50.png);
	background-repeat: repeat;	
	border: 1px solid #666;		
	z-index: 100;			
}
/* close button positioned on upper right corner */
.simple_overlay .close {
	position: absolute;	
	width: 26px;	
	height: 26px;
	top: -13px;
	right: -13px;
	background-image: url(./close_button.png);
	background-repeat: no-repeat;	
	z-index: 101;			
	cursor: pointer;
}
.simple_overlay .close:hover {	
	background-image: url(./close_button_a.png);		
}
.simple_overlay .product-detail-pic-box {
	position: relative;
	padding: 0;	
	background-repeat: no-repeat;
	margin: 0 10px 10px 0;	
	float: left;
}
.simple_overlay .product-detail-pic {
	position: relative;
	padding: 0;		
}
.center-box-cnt{
	position:relative;
	top:20px;
	word-spacing:0.3em;
font-size:14px;
font-weight:lighter;
line-height:1.5;
padding-left:30px;	
}

/* Entwickler-Box */
#entwickler-box {
	position: relative;	
	width: 800px;
	text-align: left;
	padding: 10px;	
	background-color: #333333;
	border: 1px solid #ffffff;
	margin: 20px auto 0 auto;
}

#navi-shops_nowa{
	cursor:pointer;
	color:white;
	position:absolute;
	padding-left:15px;
	padding-top:5px;
	top:273px;
	left:800px;
	width:180px;
	height:30px;
	background-color:#cc0000;
	z-index:3;
}
#zinnober{
	position:absolute;
	left:971px;
	top:273px;
	height:35px;
	background-color:#ab110f;
	width:30px;
	z-index:3;
}
#zinnober2{
	cursor:auto;
	position:absolute;
	left:0px;
	top:242px;
	height:49px;
	background-color:#ab110f;
	width:30px;
	z-index:3;
}

#navi-shops_nowa2{
	color:white;
	position:absolute;
	left:823px;
	top:303px;
	z-index:9;
}
#ros_sub{
	position:relative;
	left:-10px;
	font-size:11px;
}
.ros_font{
	position:absolute;
	top:-1px;
	left:-7px;
}
#ros_col:hover{
	color:black;
}
#ros_col_active{
	color:black;
}
#ros_col{
	color:white;
	
}
.spimg{
	position:relative;
	top:-25px;
	
}