form, ul, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, body,p {
  margin:0; padding:0;
}
body {
  background-color:#ffdc00;
  background-image:url(../img/background.jpg );
  font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans, sans-serif;
  font-size:12px;
  color:#000000;
  overflow: -moz-scrollbars-vertical;
}
a{
 color:#ffdc00;
 text-decoration:none;
}
a.inline_link{
 color:#000000; 
 display:inline-block;
 margin-top:13px;
 height:15px;
}
a.inline_link.no_margin{
 margin-top:0px;
}
a.inline_link.no_margin.underlined{
 text-decoration:underline;
}

a:hover{
border-bottom:1px dotted;
}

a:hover.inline_link.no_margin.underlined,
a.item:hover{
 border-bottom:none;
}
a:focus {
 outline: none;
}
img{
 border:none;
}

h1{
 font-size:35px;
}
.products .contentpages h1{
 font-size:28px;
}
h2{
 font-size:18px;
}

h3{
 font-size:12px;
 color:#e2c300;
}

h3.dark,
h2.dark{
 color:#000000;
}
.clear_float{
 clear:both;
}

#content_frame { 
 width:992px;
 margin:0px auto 0px auto;
 z-index:6000;
}

#header{
 position:absolute; 
 top:0px;
 z-index:9000;
 width:992px;

}

#content{
 position:absolute;
 width:972px;
 top:0px;
 z-index:90;
 background-image:url('../img/background_content.jpg');

}

#navigation{
 position:relative;
 background-image:url('../img/background_mainnavigation.png');
 background-repeat:no-repeat;
 left:-10px;
 top:0;
 width:992px;
 height:50px;
 padding-left:25px;
 z-index:1000;
}

#logo{
 position:relative;
 top:9px;
 float:right;
 z-index:9001;
 margin-right:31px;
}

#stage{
 position:relative;
 width:963px;
 margin-left:auto;
 margin-right:auto;
 padding-top:88px;
 z-index:100;
}


#content.black{
 background-image:url('../img/background_content_black.jpg');
}

#anchornavigation{
 background-image:url('../img/background_anchornavigation.png');
 background-repeat:no-repeat;
 position:relative;
 top:-13px;
 left:0;
 height:55px;
 z-index:9000;
 clear:both;
}
#panes{
 position:relative;
 top:-41px;
 left:5px;
 z-index:1000;
}

#footer{
 position:relative;
 height:60px;
 width:990px;
 left:-10px;
 background-image:url('../img/background_metanavigation.png');
 background-repeat:no-repeat;
 
}


#arrow_left{
 position:relative;
 top:224px;
 margin-left:-8px;
 float:left;
 z-index:6000;
}
#arrow_right{
 position:relative;
 top:224px;
 margin-right:-10px;
 float:right;
 z-index:6000;
}
#arrow_right img,
#arrow_left img{
 border:none;
}
#arrow_right a:hover,
#arrow_left a:hover{
 border:none;
}
.video_content #arrow_right,
.video_content #arrow_left{
 position:absolute;
 top:270px;
}
.video_content #arrow_right{
 right:5px;  
}
.video_content #arrow_left{
 left:5px;  
}

.contentpages{
 display:none;
}

#shadow_white{
 position:absolute;
 right:0;
 top:27px;
 z-index:800;
 background-image:url('../img/background_stage_white.png');
 background-repeat:no-repeat;
 width:661px;
 height:206px;
}


#page_navigation{
 padding-top:1px;
 padding-bottom:5px;
 margin-bottom:5px;
 height:20px;
 background-repeat:no-repeat;
}
/**********************************************************************************************************************/
/* STAGE                                                                                                              */
/**********************************************************************************************************************/

.stage_content{
 position:relative;
 float:left;
 padding-left:92px;
 margin-bottom:10px;
}

.stage_content div.containerLeft,
.stage_content div.containerRight{
 float:left;
 width:380px;
}

.stage_content div.containerLeft{
 margin-right:20px;
}

.stage_content div.intro_copy{
 width:760px;

}

.stage_content div.containerLeft div,
.stage_content div.containerRight div,
.stage_content div.intro_copy,
.stage_content.metanav_content.nomy div{
 margin-bottom:20px;
}
.stage_content div.containerLeft div p,
.stage_content div.containerRight div p,
.stage_content div.containerLeft p,
.stage_content div.containerRight p{
 margin-top:10px;
}

.stage_content h1{
 padding-bottom:0px;
}


#imprint.stage_content.metanav_content h1,
#advertisement.stage_content.metanav_content h1,
#press.stage_content.metanav_content h1{
 padding-bottom:44px;
}

/**********************************************************************************************************************/
/* MAINNAVIGATION                                                                                                     */
/**********************************************************************************************************************/
#navigation a img{
 float:left;
 border:none;
}

/**********************************************************************************************************************/
/* FOOTER                                                                                                             */
/**********************************************************************************************************************/

#footer #metanavigation{
position:relative;
 top:15px;
 left:35px;
 width:907px;
}

#footer #metanavigation a{
 text-transform:uppercase;
 color:#000000;
 font-weight:bold;
 display:block;
 float:left;
 font-size:11px;
}

#footer #metanavigation a img{
 float:left;
 border:none;
}

/**********************************************************************************************************************/
/* PANES                                                                                                              */
/**********************************************************************************************************************/
.priceListContainer{
 margin-top:-10px;
 position:relative;
}
.pane_headline{
 background-image:url('../img/background_paneheader.png');
 background-repeat:no-repeat;
 height:40px;
 width:975px;
 background-color:#ffe125;
 
}
h3.priceListHeadline {
  margin:0 0 34px 0;
}

.pane_headline h4.priceListHeadline  {
  float:left;
  width:552px;
  margin:0;
  padding:0;
  font-size:14px;
  line-height:17px;
}
.expandableArea {
 background-color:#eee;
 z-index:1;
 position:relative;

 width:992px;
}
.expandableArea .paneContent{
 margin-top:-10px;
 margin-bottom:20px;
}
.paneContent h5 {
  padding:0 0 2px 0;
  clear:left;
}
 a.pane{
 float:right;
 margin-top:9px;
 margin-right:15px;
}

a.pane img{
 width:9px;
 height:11px;
 background-color:transparent;
 background-image:url('../img/arrow_down.png');
 background-repeat:no-repeat; 
}
a.pane.selected img{
 background-image:url('../img/arrow_up.png');
}

/**********************************************************************************************************************/
/* SEARCH                                                                                                             */
/**********************************************************************************************************************/
#search{
 position_absolute;
}

#search_field{
 float:left;
 height:20px;
 margin:5px 0 0 -11px;
 z-index:1;
}
#search_field .spacer{
 float:left;
 display:block;
 width:15px;
 height:19px;
 background-color:#000000;
 border:none;
 border-bottom:1px solid #dcd188;
}
#search_field input{
 display:block;
 float:left;
 background-color:#000000;
 color:#ffdc00;
 border:none;
 border-bottom:1px solid #dcd188;
 height:17px;
 width:90px;
 padding-right:6px;
}
#search_field img{
 float:left;
}

#search_dropdown{
 float:left;
 background-image:url('../img/pullDown_closed_248-190.png');
 background-repeat:no-repeat;
 height:190px;
 width:248px;
 position:relative;
 z-index:2;
}
#search_dropdown table{ 
 background-image:url('../img/pullDown_closed_248-190.png');
 background-repeat:no-repeat;
 margin-top:3px;
 font-weight:bold;
}
#search_dropdown td{
 height:17px;
 padding-left:8px;
}

* html #search_field img{
  behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='scale')",
  this.src = "img/1x1_trans.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
  this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
  );
}



/**********************************************************************************************************************/
/* CITY                                                                                                               */
/**********************************************************************************************************************/

#stage.black{
 background-image:url('../img/background_stage_black.gif');
 width:963px;
}
#page_navigation.cities{
 margin-left:25px;
 margin-top:42px;	
 background-image:url('../img/stage_navigation_stadt.png');
}
#city_content{
 color:#cccccc;
 margin-left:90px;
}

#page_navigation a{
 color:#cccccc;
 margin-left:16px;
 font-weight:bold;
}

#page_navigation a:hover,
#page_navigation a.active_link,
#page_navigation a.active_link:active{
 border-bottom:1px dotted #cccccc;
}
#city_content h1{
 margin-bottom:12px;
}
#city_content .bottom_spacer{
 height:45px;
}
#city_content .intro_text{
 font-size:14px;
 width:780px;
 margin-bottom:59px;
}
.row_city{
 width:800px;
 padding-bottom:42px;
}
.row_city .city_content_text{
 width:380px;
 margin-right:20px;
}
.row_city p a{
 color:#fed900;
 font-weight:bold;
}
.row_city p a:hover{
 border-bottom:1px dotted #fed900;
}

.row_city .city_content_text.float_left,
.row_city .city_content_image.float_left{
 float:left;
}
.row_city .city_content_text.float_right,
.row_city .city_content_image.float_right{
 float:right;
}
.row_city .city_content_image{
 width:380px;
 margin-right:20px;
}

.city_content_image .image .label{
  position:relative;
  bottom:30px;
  background:#000000;
  padding:3px 7px;
  height:14px;
  display:fixed;
  overflow:hidden;
  opacity: .7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first!
	filter: alpha(opacity=50);
}
.city_content_image .image .label span{
 color:#ffffff;
 font-weight:bold; 
 text-transform:uppercase;
}

/**********************************************************************************************************************/
/* PRODUCTS                                                                                                           */
/**********************************************************************************************************************/

#stage.products{
 background-image:url('../img/background_stage_yellow.gif');
 width:962px;
 height:405px;
}
#stage.products #stage_content{
 margin-left:491px;
 padding-top:51px;
 margin-bottom:29px;
}

#page_navigation.classic{
 margin-left:-24px;
 padding-left:9px;
 background-image:url('../img/stage_navigation_classic.png');
}

#page_navigation.stea{
 margin-left:-25px;
 background-image:url('../img/stage_navigation_sparkling_tea.png');
}
#stage.products #stage_content a,
#page_navigation.classic a,
#page_navigation.stea a{
 display:inline-block;
 color:#000000;
}

#page_navigation.classic a,
#page_navigation.stea a{
 margin-left:16px;
 font-weight:bold;
}
#page_navigation.classic a:hover,
#page_navigation.classic a.active_link,
#page_navigation.classic a.active_link:active,
#page_navigation.stea a:hover,
#page_navigation.stea a.active_link,
#page_navigation.stea a.active_link:active{
 border-bottom:1px dotted #000000;
}

#stage.products .stage_content{
 position:relative;
 height:406px;
 z-index:1000;
}

.stage_content h2{
 margin-top:-7px;
}

#stage.products #stage_content .contentpages p{
width:380px;
margin-top:20px; 
}



#stage_overlay{
  position:absolute; 
  width:963px;
  display:none;
  width:962px;
  margin-left:3px;
  top:0;
  left:-3px;
  padding-top:88px;
  z-index:1001;
  background-image:url('../img/background_stage_yellow.gif');
}

#stage_overlay #stage_overlay_content{
  margin-left:94px;
  margin-top:16px;
}
#stage_overlay #stage_overlay_content h1{
 margin-bottom:18px;
}
#stage_overlay #stage_overlay_content p{
 width:455px;
}

#bundles{
 position:absolute;
 height:200px;
 width:360px;
 margin-top:auto;
 margin-bottom:194px;
 right:0;
}

.bubbleInfo{
  position:relative;
  float:left;
  height:194px;
  margin-right:5px;
  cursor:pointer;
}

.trigger {
 position:absolute;
 bottom:0px;
}

.popup {
  z-index: 50;
  margin:0;
  padding:0;
}

/**********************************************************************************************************************
 * style.css
 * 
 **********************************************************************************************************************
 **********************************************************************************************************************/

	#logo {
		background:url('../img/logo_dark.png') no-repeat;
	    position: absolute;
	    top: 0px;
	    width: 137px;
	    height: 129px;
	    right: 25px;
		cursor:pointer;
	}
	#logo.light{
		background:url('../img/logo_light.png') no-repeat;
	}
	
	#content_frame {
	    background:url('../img/background_content.jpg') repeat-y 50% 0;
		padding-left:15px;
	    width: 992px;
	    margin: 0px auto;
	}
	#navigation {
		position: relative;    
	    background:url('../img/background_mainnavigation.png') no-repeat;
	    height: 50px;
		z-index:51;
	}
	#content{
		position:absolute;
		top:-50px;/*height der navigation*/
	}
	#stage {
		width: 962px;	
		z-index:50;
		padding-top:50px;
		padding-bottom:75px;/*div#teaser_navigation height = 55px + minpadding = 20px*/
	}
	div#stage.no-padding{/**/
		padding-bottom:0px;
	}
	div#stage.no-bg{	
		background:url('../img/tropfen_sw_bg_pattern_01.gif');
		color:#FFF;
	}
	
	/*aktuell per js gesetzt*/
	div#stage.citystage{
		background:url('../img/tropfen_sw_bg_pattern.gif');		
	}
	
	.products #stage{
		height:409px;
	}
	
	#footer{	
		width:996px;
	    left:-7px;
	    height:60px;
	    background: url('../img/background_metanavigation.png') bottom left no-repeat;
	}
	
	#content.products .stage_content {
		height:289px;
		width:435px;
		margin-left:450px;
		margin-top:90px;
		padding:0;
	}
	#content.products .stage_content p{
	  margin-top:20px;
	}
	#content.products .stage_content div#bundles{
	  margin-top:5px;
	}
	
	
	
	#teasers{
		position:relative;
		/*margin-top:-55px;*/
		z-index:200;	
	}
	div#white_shadow{
		background:url('../img/background_stage_white.png');
		right:0px;
		width:661px;
		height:206px;
		z-index:0;
		top:0px;
		position:absolute;
	}
	object#movie{
		margin-top:-37px;/*padding von oben 18 -> 50 -18*/
		margin-left:2px;
		z-index:0;
	}
	#movie div h1{
	 padding-top:121px;
	}
	#movie div h1,
	#movie div h2,
	#movie div a{
	 margin-left:44px;
	}
	/**********************************************************************************************************************/
	/* TEASER NAVIGATION                                                                                       */
	/**********************************************************************************************************************/
	
	#teaser_navigation{
		width:962px;
		height:28px;
		background:url(../img/background_anchornavigation.png);
		margin-left:4px;	
		padding-top:27px;
	}
	#teaser_navigation ul{	
		border-left:1px solid #ffc600;
		margin-left:210px;
		height:28px;
	}
	#teaser_navigation li{	
		display: inline;
		height:28px;
		float:left;
		cursor:pointer;
		display:block;	
		text-indent:-9999px;
		border-right:1px solid #ffc600;
		border-left:1px solid #c79700;
	}
	#teaser_navigation li.classic{	
		width:84px;	
		background:url(../img/anchornavigation/classic_default.png);
	}
	#teaser_navigation li.classic:hover{
		background:url(../img/anchornavigation/classic_mouse_over.png);
	}
	#teaser_navigation li.sparkling_tea{
		width:127px;	
		background:url(../img/anchornavigation/sparkling_tea_default.png);
	}
	#teaser_navigation li.sparkling_tea:hover{
		background:url(../img/anchornavigation/sparkling_tea_mouse_over.png);
	}
	#teaser_navigation li.tvspots{
		width:65px;	
		background:url(../img/anchornavigation/film_default.png);
	}
	#teaser_navigation li.tvspots:hover{
		background:url(../img/anchornavigation/film_mouse_over.png);
	}
	#teaser_navigation li.cocktails{
		width:101px;	
		background:url(../img/anchornavigation/cocktails_default.png);
	}
	#teaser_navigation li.cocktails:hover{
		background:url(../img/anchornavigation/cocktails_mouse_over.png);
	}
	#teaser_navigation li.specials{
		width:137px;	
		background:url(../img/anchornavigation/special_drink_default.png);	
	}
	#teaser_navigation li.specials:hover{
		background:url(../img/anchornavigation/special_drink_mouse_over.png);	
	}
	#teaser_navigation li.cities{
		width:142px;	
		background:url(../img/anchornavigation/staeteportrai_default.png);	
	}
	#teaser_navigation li.cities:hover{
		background:url(../img/anchornavigation/staeteportrai_mouse_over.png);	
	}
	
	/**********************************************************************************************************************/
	/* TOP + BOTTOM NAVIGATION                                                                                  					  */
	/**********************************************************************************************************************/
	
	#top_navigation li a,#bottom_navigation li a{
		display:block;
		height:43px;
		text-indent:-9999px;
		float:left;
	}
	
	#top_navigation li,#bottom_navigation li{
		display: inline;
	}
	#top_navigation li#marke a{
		width:136px;
		background:url(../img/mainnavigation/staunen_default.png);	
	}
	#top_navigation li#marke a:hover{
		background:url(../img/mainnavigation/staunen_mo.png);	
	}
	#top_navigation li#marke a.current{
		background:url(../img/mainnavigation/staunen_active.png);	
	}
	#top_navigation li#tvspots_navi a{
		width:109px;
		background:url(../img/mainnavigation/sehen_default.png);	
	}
	#top_navigation li#tvspots_navi a:hover{
		background:url(../img/mainnavigation/sehen_mo.png);	
	}
	#top_navigation li#tvspots_navi a.current{
		background:url(../img/mainnavigation/sehen_active.png);	
	}
	#top_navigation li#classic_navi a{
		width:164px;
		background:url(../img/mainnavigation/schweppen_default.png);	
	}
	#top_navigation li#classic_navi a:hover{
		background:url(../img/mainnavigation/schweppen_mo.png);	
	}
	#top_navigation li#classic_navi a.current{
		background:url(../img/mainnavigation/schweppen_active.png);	
	}
	#top_navigation li#tee a{
		width:160px;
		background:url(../img/mainnavigation/zzischen_default.png);	
	}
	#top_navigation li#tee a:hover{
		background:url(../img/mainnavigation/zzischen_mo.png);	
	}
	#top_navigation li#tee a.current{
		background:url(../img/mainnavigation/zzischen_active.png);	
	}
	#top_navigation li#cocktail a{
		width:115px;
		background:url(../img/mainnavigation/mixen_default.png);	
	}
	#top_navigation li#cocktail a:hover{
		background:url(../img/mainnavigation/mixen_mo.png);	
	}
	#top_navigation li#cocktail a.current{
		background:url(../img/mainnavigation/mixen_active.png);	
	}
	/**********************************************************************************************************************/
	#bottom_navigation{	
		margin:0 0 0 40px;
		position:relative;
		top:12px;
	}
	#bottom_navigation li a{
		height:40px;
	}
	#bottom_navigation li#impressum a{		
		width:129px;
		background:url(../img/meta_navi/impressum_all.png) no-repeat;			
	}
	#bottom_navigation li#presse a{
		background:url(../img/meta_navi/presse_all.png) no-repeat;
		width:103px;
	}
	#bottom_navigation li#nomy a{
		width:103px;
		background:url(../img/meta_navi/nomy_all.png) no-repeat;	
	}
	
	#bottom_navigation li#datenschutz a{
		width:151px;	
		background:url(../img/meta_navi/datenschutz_all.png) no-repeat;		
	}
	#bottom_navigation li#kontakt a{
		width:119px;
		background:url(../img/meta_navi/kontakt_all.png) no-repeat;		
	}
	#bottom_navigation li#anzeigenservice a{
		width:171px;
		background:url(../img/meta_navi/anzeigenservice_all.png) no-repeat;
	}
	#bottom_navigation li#sitemap a{
		width:113px;
		background:url(../img/meta_navi/sitemap_all.png) no-repeat;
	}
	#bottom_navigation li#impressum a:hover,#bottom_navigation li#presse a:hover,
	#bottom_navigation li#nomy a:hover,#bottom_navigation li#datenschutz a:hover,
	#bottom_navigation li#kontakt a:hover,#bottom_navigation li#anzeigenservice a:hover,#bottom_navigation li#sitemap a:hover{
		background-position:0px -86px;
	}
	#bottom_navigation li#impressum a.active,#bottom_navigation li#presse a.active,
	#bottom_navigation li#nomy a.active,#bottom_navigation li#datenschutz a.active,
	#bottom_navigation li#kontakt a.active,#bottom_navigation li#anzeigenservice a.active,#bottom_navigation li#sitemap a.active{
		background-position:0px -43px;
	}
	#bottom_navigation li#sitemap a.active{
		background-position:0px -43px;
	}
	/**********************************************************************************************************************/
	/* TEASER CONTENT                                                                       */
	/**********************************************************************************************************************/
	
	.teaser{
		background:url('../img/background_paneheader.png') top left no-repeat;
		position:relative;
	}
	.teaser .teaser_head{
		cursor:pointer;
		color:#000;
		font-weight:bold;
		text-indent:40px;
		height:27px;
		padding-top:13px;
	}
	.teaser.hide_content{
		margin-bottom:-10px;
	}
	.teaser#cocktails,.teaser#sitemap{
		z-index:1006;
	}
	.teaser#classic{
		z-index:1005;	
	}
	.teaser#sparkling_tea{
		z-index:1004;	
	}
	.teaser#tvspots{
		z-index:1003;	
	}
	.teaser#specials{
		z-index:1001;
	}
	.teaser#cities{
		z-index:1000;
	}
	.teaser#cities.hide_content{
		margin-bottom:0px;
	}
	.teaser_content{
		margin:-6px 0 0 0px;
		padding-left:7px;
		padding-top:10px;
		padding-bottom:20px;
		width:965px;
		background:url(../img/shadowBack_972-1.jpg) repeat-y;
	}
	#sparkling_tea .teaser_content{
		background:url(../img/background_pane_tea.png) repeat-y 7px 0;
	}
	#cocktails .teaser_content,#sitemap .teaser_content,#cities .teaser_content,#specials .teaser_content{
		background:#000;
		margin-left:7px;
		width:962px;
		padding-left:0px;
	}
	.teaser.hide_content .teaser_content{	
		display:none;
	}
	.teaser.hide_content .teaser_head{	
		background:url(../img/arrow_down.png) no-repeat 950px  14px;
	}
	.teaser .teaser_head{	
		background:url(../img/arrow_up.png) no-repeat 950px  14px;
	}
	.teaser_alphabet{
		position:absolute;
		right:40px;
		top:12px;
	}
	.teaser_alphabet div{
			float:left;
		cursor:pointer;
		width:10px;
		padding:2px;
		
	}
	/**********************************************************************************************************************
	 **********************************************************************************************************************/
	.row{
		margin:0 0 0px 0px;	
		width:980px;
		overflow:hidden;
	}
	#cities .row{
		margin:0 0 8px 6px;	
	}
	#cocktails .row{
		margin:0 0 20px 6px;	
	}
	
	#cocktails .item,#sitemap .item{
		float:left;
		margin-right:20px;
		border:1px solid #333300;
		width:220px;
		height:115px;
		position:relative;
	}
	#sitemap .teaser_content{
		padding-left:6px;
		width:956px;
	}
	#sitemap .item{		
		margin-bottom:20px;
	}
	#sitemap .last{
		margin-right:0px;
	}
	#sitemap .item{
		padding:20px 12px 10px 18px;
		height:85px;
		width:190px;
	}
	#sitemap .item .item_bottom{
		position:absolute;
		bottom:5px;
		color:#ffde00;
	}
	#cocktails .row .item:last-child,#cocktails .row .item.last{/* class .last is only for IE  */
		margin-right:0px;
	}
	#sitemap .row .item:last-child,#sitemap .row .item.last{
		margin-right:0px;
	}
	.item h4,.item span{
		color:#ffde00;
		font-weight:bold;
	}
	.item p{
		color:#FFF;
		font-weight:normal;	
	}
	.item .item_img{
		width:42px;
		padding-top:5px;
		margin:0 16px;
		float:left;
	}
	.item .item_details{
		padding-top:20px;
		width:136px;
		padding-right:10px;
		float:left;
	}
	.item .item_details h4{
		margin-bottom:2px;
	}
	.item .item_details p{
		line-height:14px;
	}
	
	#cities .item, #specials .item, #sparkling_tea .item,#tvspots .item,#classic .item{
		color:#000;
		padding:30px;
		float:left;
		width:260px;
		height:160px;	
		background:url(../img/background_teaser.png) no-repeat;	
	}
	#tvspots .item{		
		color:#FFDE00;
	}
	
	#tvspots .item h5{
		font-size:16px;
	}
	#tvspots .item h4{
		font-size:30px;
	}
	#classic .item h3,#sparkling_tea .item h3{
		font-size:16px;
		color:#000;
	}
	#classic .item h2,#sparkling_tea .item h2{
		font-size:28px;		
		margin-top:-5px;
	}
	
	
	#tvspots cufon{
		margin:0px;
		padding:0px;
	}
	
	#tvspots h4{
		line-height:20px;		
	}
	#tvspots h4 cufon{
		margin-bottom:-5px;
	}
	
	
	/**********************************************************************************************************************/
	/* TEASER - SEARCH */
	
	#search{
		position:absolute;
		left:531px;
		top:3px;
	}
	#search_dropdown_list{
		position:absolute;
		left:623px;
		top:3px;
		display:none;
		padding:4px 0 0 4px;
		width:164px;
		height:98px;
		text-indent:10px;		
		/*background:url('../img/pullDown_open_248_230.png') no-repeat;*/
		background:url('../img/pullDown_open_164_98.png') no-repeat;
			
	}
	#search_dropdown_list li{
		line-height:18px;	
		cursor:pointer;
	}
	#search_dropdown_list li#none {
		font-weight:bold;
	}
	#search_dropdown_list li:hover{
		font-weight:bold;
	}
	#search_dropdown span{
		padding-left:20px;
		line-height:30px;
	}
	#search_submit{
		cursor:pointer;
	}
	#search_field {
	    float: left;
	    height: 20px;
	    margin: 5px 0 0 -11px;
	    z-index: 1;
	}
	#search_field .spacer {
	    float: left;
	    display: block;
	    width: 15px;
	    height: 19px;
	    background-color: #000000;
	    border: none;
	    border-bottom: 1px solid #dcd188;
	}
	#search_field input {
	    display: block;
	    float: left;
	    background-color: #000000;
	    color: #ffdc00;
	    border: none;
	    border-bottom: 1px solid #dcd188;
	    /*height:17px;*/
	    height: 19px;
	    width: 120px;
	    padding-right: 6px;
	}
	#search_field img {
	    float: left;
	}
	#search_dropdown {
	    float: left;
	    background: url('../img/background_searchdropdown.png') no-repeat;
	    height: 25px;
	    width: 248px;
	    position: relative;
	    z-index: 2;
	}
	
	/**********************************************************************************************************************/
	/* TEASER - PAGENAVIGATION */
	
	.pages{
		float:right;	
		color:#ffde00;
		margin-bottom:-10px;
		margin-right:10px;
	}
	.pages a{
		font-size:12px;
	}
	.pages a.current{
		font-weight:bold;	
	}
	.found{
		float:left;
		margin-bottom:10px;
		margin-left:10px;
		color:#ffde00;
	}
	
	/**********************************************************************************************************************
	 * CONTACT
	 **********************************************************************************************************************/
	
	#contact{
		margin-left:92px;
		margin-top:65px;	
		height:575px;
	}
	#contact h1{
		margin-bottom:41px;
	}
	#contact p{
		margin-bottom:15px;
		width:367px;
	}
	#contact .contact_row span{
		float:right;
		text-align:left;
		width:220px;
		font-size:11px;	
	}
	#contact .contact_row{
		margin-bottom:10px;	
		width:300px;
		line-height:20px;
		position:relative;
	}
	#contact .contact_row label{
		float:left;
	}
	#contact .contact_row input,#contact .contact_row textarea {
		float:right;	
	}
	#contact input[type=submit]{
		border:none;
		background:url(../img/submit_button.png) no-repeat;
		display:block;
		width:111px;
		height:19px;
		line-height:19px;
		text-transform:uppercase;
		margin-top:25px;
		float:right;
	}
	#contact .error{	
		position:absolute;
		left:320px;
		top:0px;
		width:400px;
		font-weight:bold;
		font-size:11px;
		color:#dd3b1f;
		margin-bottom:0px;
		text-transform:none;	
	}
	
	#contact .error_receiver{	
		position:absolute;
		left:250px;
		top:13px;
		font-weight:bold;
		width:400px;
		font-size:11px;
		color:#dd3b1f;
		margin-bottom:0px;
		text-transform:none;	
	}
	
	#contact textarea,#contact input[type=text]{
		width:218px;
		padding:2px 0 2px 2px;
		height:16px;
		border:none;
		border-left:1px solid #cacaca;
		border-top:1px solid #cacaca;
	}
	#contact textarea{
		height:100px;
	}
	ul#receiver{
		background:url("../img/contact_select.png") no-repeat scroll 0 0 transparent;	
		float:left;
		text-indent:10px;
		width:242px;
		position:absolute;
		left:0px;
		top:15px;	
		margin-bottom:20px;
		height:19px;
		cursor:pointer;
	}
	ul#receiver li{
		display:none;
		line-height:18px;
	}
	ul#receiver li.selected{
		display:block;
	}
	ul#receiver li:hover{
		font-weight:bold;
	}
	ul#receiver.over{
		background:url("../img/contact_select_hover.png") no-repeat scroll 0 0 transparent;
		height:91px;
	}
	
	
	/**********************************************************************************************************************/
	/* FIXING                                                                                                             */
	/**********************************************************************************************************************/
	#content,#header{
		position:relative;
	}
	#content_frame{
		z-index:0;
	}
	.stage_content{
		padding-top:51px;
	}
	
	
	h2{
		font-size:18px;
	}
	
	#content{
		background:none;
	}
	#content_frame{
		position:relative;
	}
	a.back_button{
		display:block;
		width:107px;
		height:106px;
		clear:both;
		position:relative;
		left:-10px;
	    cursor:pointer;
	    bottom:12px;
	    border-bottom:none;
	}
	
	#stage_overlay a.back_button{
    	bottom:-48px;
	}
	
	#stage_overlay{
		left:-1px;
		height:452px;
		top:-4px;
	}
	#coagulation_link{
		color:#000;
	}
	#coagulation_link img,
	.inline_link img{
		margin-right:5px;
	}
	
	#stage{
		z-index:52;
		width:964px;
	}
	
	object{
		margin:0;
		padding:0;
	}
	#top_navigation li a:hover,a.tell_a_friend{
		border-bottom:none;
	}
	
	
	/**********************************************************************************************************************/
	/* TEASER CLASSIC
	/**********************************************************************************************************************/
	
	.item#bitter-lemon{
		background:url(../img/teaser/classic/bitter_lemon.png);	
	}
	.item#bitter-orange{
		background:url(../img/teaser/classic/bitter_orange.png);	
	}
	.item#citrus-summer{
		background:url(../img/teaser/classic/citrus_summer.png);	
	}
	.item#ginger-ale{
		background:url(../img/teaser/classic/ginger_ale.png);	
	}
	.item#tonic-water{
		background:url(../img/teaser/classic/tonic_water.png);	
	}
	.item#wild-berry{
		background:url(../img/teaser/classic/wild_berry.png);	
	}
	.item#soda-water{
		background:url(../img/teaser/classic/soda_water.png);
	}
	/**********************************************************************************************************************/
	/* TEASER TEA
	/**********************************************************************************************************************/
	
	.item#green-tea{
		background:url(../img/teaser/sparkling_tea/green_tea.png);	
	}
	.item#black-tea{
		background:url(../img/teaser/sparkling_tea/black_tea.png);	
	}
	.item#rooibos{
		background:url(../img/teaser/sparkling_tea/rooibos_tea.png);	
	}
	/********************************************************************************************************
 	*  TEASER TVSPOTS
 	*********************************************************************************************************/
	.item#history{
		background:url(../img/teaser/filme/history.png);	
	}
	.item#geschaeftsmann{
		background:url(../img/teaser/filme/geschaeftsmann.png);	
	}
	.item#oma{
		background:url(../img/teaser/filme/oma.png);	
	}
	.item#romeo{
		background:url(../img/teaser/filme/romeo.png);	
	}
	
	/********************************************************************************************************
	 *  TEASER SPECIAL
	 *********************************************************************************************************/
	
	.item#sex-on-the-beach{
		background:url(../img/teaser/special/special_sex_on_the_beach.png);	
	}
	.item#caipirinha{
		background:url(../img/teaser/special/special_drink_caipi.png);	
	}
	.item#pina-colada{
		background:url(../img/teaser/special/special_pina_teaser.png);	
	}
	/********************************************************************************************************
	 *  TEASER CITIES
	 *********************************************************************************************************/
	
	.item#berlin{
		background:url(../img/teaser/stadt/stadt_teaser_berlin.png);	
	}
	.item#honolulu{
		background:url(../img/teaser/stadt/stadt_teaser_honolulu.png);	
	}
	.item#london{
		background:url(../img/teaser/stadt/stadt_teaser_london.png);	
	}
	.item#paris{
		background:url(../img/teaser/stadt/stadt_teaser_paris.png);	
	}
	.item#reykjavik{
		background:url(../img/teaser/stadt/stadt_teaser_reykjavik.png);	
	}
	.item#buenos-aires{
		background:url(../img/teaser/stadt/stadt_teaser_buenos_aires.png);	
	}
	.item#havanna{
		background:url(../img/teaser/stadt/stadt_teaser_havanna.png);	
	}
	.item#moskau{
		background:url(../img/teaser/stadt/stadt_teaser_moskau.png);	
	}
	.item#new-york{
		background:url(../img/teaser/stadt/stadt_teaser_new_york.png);	
	}
	.item#peking{
		background:url(../img/teaser/stadt/stadt_teaser_peking.png);	
	}
	.item#sydney{
		background:url(../img/teaser/stadt/stadt_teaser_sydney.png);	
	}
	.item#tokio{
		background:url(../img/teaser/stadt/stadt_teaser_tokio.png);	
	}
	.item#wien{
		background:url(../img/teaser/stadt/stadt_teaser_wien.png);	
	}
	#classic .item{
		margin-right:-2px;
		margin-bottom:-2px;
	}
	
	#specials .item{
		margin-right:-2px;
	}
	#cities .item {
		padding:22px 30px 22px 30px;
		width:260px;
		height:166px;
		margin-right:-2px;
		color:#fff;
	}
	#cities .item h4{
		margin-left:-2px;
		padding:0;
	}
	#cities .item h4{
		font-size:30px;
		color:#ccc;
	}
	.item{
		cursor:pointer;
	}

	/*******************************************************************
	 * PRODUKTBILDER - FUER STAGE
	 *******************************************************************/
	 
	#content{	
    	background:url('../img/background_stage_yellow.gif') no-repeat 7px 0px;
	}
	#content.original-bitter-lemon{
		background:url(../img/produkte/bl/background.jpg) no-repeat 7px 0px;
	}
	#content.indian-tonic-water{
		background:url(../img/produkte/tw/background.jpg) no-repeat 7px 0px;
	}
	#content.american-ginger-ale{
		background:url(../img/produkte/ga/background.jpg) no-repeat 7px 0px;
	}
	#content.russian-wild-berry{
		background:url(../img/produkte/wb/background.jpg) no-repeat 7px 0px;
	}
	#content.original-bitter-orange{
		background:url(../img/produkte/bo/background.jpg) no-repeat 7px 0px;
	}
	#content.californian-citrus-summer{
		background:url(../img/produkte/cs/background.jpg) no-repeat 7px 0px;
	}
	#content.schweppes-soda-water{
		background:url(../img/produkte/sw/background.jpg) no-repeat 7px 0px;
	}
	
	#content.green-tea{
		background:url(../img/produkte/green_tea/background.jpg) no-repeat 7px 0px;	
	}
	#content.black-tea{
		background:url(../img/produkte/black_tea/background.jpg) no-repeat 7px 0px;	
	}
	#content.rooibos {
		background:url(../img/produkte/rooibos/background.jpg) no-repeat 7px 0px;	
	}
	/**********************************************************************************************************************/
	/* ALTERSABFRAGE
	/**********************************************************************************************************************/
	input[type=submit].adult{
		border:none;
		display:block;
		width:173px;
		height:80px;
		background:url(../img/altersabfrage.png) no-repeat 0px -80px;
		float:left;
		text-indent:-9999px;
		cursor:pointer;
		color:transparent;
	}
	input[type=submit].adult#yes:hover{
		background-position:0px 0px;
	}
	input[type=submit].adult#no{
		background-position:-173px -80px;
	}
	input[type=submit].adult#no:hover{
		background-position:-173px 0px;
	}
	.agerequest_left{
		float:left;
	}
	.agerequest_left img{
		margin-left:60px;
	}
	.agerequest_right{
		position:relative;
		left:54px;
		top:144px;
		float:left;
		width:350px;
		text-align:center;
	}
	#age_request_div{
		
		padding-left:100px;
		padding-top:40px;
		left:10px;
		position:absolute;
		z-index:5000;
		background:url('../img/tropfen_sw_bg_pattern.gif');
		width:800px;
		height:400px;	
	}
	
	/**********************************************************************************************************************/
	/* COCKTAILPAGE
	/**********************************************************************************************************************/
	#cocktail_page{
		padding:18px 20px 0 35px;
	}
	
	#cocktail_page p{	
		font-size:13px;
		line-height:20px;
	}
	#cocktail_page .item .item_details p{	
		line-height:14px;
		font-size:12px;
	}
	.detail_left{
		width:470px;
		float:left;
	}
	.detail_left h1{
		margin-bottom:20px;
	}
	.detail_right{
		position:relative;
		top:10px;
		float:left;
		width:350px;
		text-align:center;
	}
	.detail_right img{
		margin:0px auto;
	}
	.detail_info_header{
		color:#ffdd00;
		text-transform:uppercase;
		line-height:20px;
		height:20px;
		background:url(../img/background_cocktails.png) no-repeat;
		margin:20px 0 5px 0;
		padding-left:20px;
		font-size:11px;
		width:332px;
	}
	.detail_info{
		padding-left:20px;
		width:230px;
	}
	#cocktail_alc{
		background:url(../img/cocktail_prozent_button.png) no-repeat;
		width:27px;
		height:29px;
		position:absolute;
		right:40px;
		top:260px;
		color:#000;
		font-size:12px;
		line-height:14px;
		padding:8px 10px 10px 10px;	
	}
	.detail_left table{
		margin:20px 0 5px 0;
		width:332px;
	}
	.detail_left table{
		background:url(../img/background_cocktails.png) no-repeat top left;
	}
	.detail_left table thead th{
		color:#ffdd00;
		text-transform:uppercase;
		line-height:20px;
		height:20px;
		width:100px;
		padding-left:20px;	
	}
	tbody.detail_info td{
		padding-top:5px;
		padding-left:20px;
		width:100px;
	}
	a.tell_a_friend{
		display:block;
		margin-top:30px;
	}
	
	span.more{
	 display:block;
	 font-weight:normal;
	 font-color:#ffdc00;
	}
	/**********************************************************************************************************************
	 * CLEARFIX
	 **********************************************************************************************************************/
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	 
	.clearfix {
		display: inline-block;
	}
	 
	html[xmlns] .clearfix {
		display: block;
	}
	 
	* html .clearfix {
		height: 1%;
	}




#old_browser { 
 width:390px;
 margin:0px auto 0px auto;
 z-index:6000;
}
#old_browser #content{
 background-image:none;
 width:800px;

}
#old_browser_content {
 width:390px;
 margin-top:100px;
 margin-left:284px;
}

#sehen_arrow_left{
	position:absolute;
	top:274px;
	left:-8px;
}
#sehen_arrow_right{
	position:absolute;
	top:274px;
	right:-10px;
}


/**********************************************************************************************************************
 * // style.css 
 **********************************************************************************************************************
 **********************************************************************************************************************/
 
 /**********************************************************************************************************/
/*********************** UPDATED - FILTERBAR IN TEASER *****************************************************/

		#search_bar{
			position:relative;
			z-index:5000;
		}
		.search_bar_tooltip{			
			display:none;
			position:absolute;
			top:-68px;
			width:153px;
			height:52px;
			padding:5px;
			background:url(../img/tool_tip_layer.png) no-repeat;
		
		}
		
		
		
		#select_box,#mood,#search_box,#or{
			height:19px;
			line-height:19px;
			position:absolute;	
			top:8px;
		}
		#select_box{
			background:url(../img/dropdown_filter.png) no-repeat;	
			width:395px;							
			left:175px;
			z-index:5001;
		}
		#or{							
			left:583px;
		}
		#mood{
			left:625px;	
			z-index:1;						
			width:166px;
			padding-left:16px;
			background:url(../img/dropdown_rechts_default.png) no-repeat;		
		}
		#search_box{		
			
			left:787px;	
			height:19px;
			width:160px;
			background:url(../img/search_box.png) no-repeat;
		}
		
		.box_1,.box_2,.box_3{
			/*background:url(../img/dropdown_filter.png) no-repeat;*/
			float:left;
			cursor:pointer;
		}	
		
		.box_1{			
			padding-left:16px;
			width:134px;
		}
		.box_1:hover{			
			background-position:0px -19px;
		}
		.box_2{
			padding-left:11px;
			background-position:-140px 0px;
			width:117px;
		}
		.box_2:hover{
			background-position:-140px -38px;
		}
		.box_3{
			padding-left:11px;
			background-position:-268px 0px;
			width:106px;
		}
		.box_3:hover{
			background-position:-268px -57px;
		}

		/*140/128/119*/
		.select_box_values{			
			position:absolute;
			width:220px;
			padding-bottom:10px;
			display:none;
		
		}
		.select_box_values#first{
			left:6px;/*6/139/267*/
			z-index:5002;
		}
		.select_box_values#second{
			left:130px;/*6/139/267*/
		}
		.select_box_values#third{
			left:170px;/*6/139/267*/
		}
		
		.select_box_values ul li.disabled{
			color:#666;
		}	
		.select_box_values ul li.disabled:hover{
			font-weight:normal;
		}	
		.select_box_values ul li:hover{
			font-weight:bold;			
		}			
		.select_box_values ul{
			background:url(../img/dropdown_gradient.png) bottom left;
			list-style-type:none;			
			margin:0;
			padding:0px;
		}
		#flavors .select_box_values ul{
			background:url(../img/dropdown_gradient_flavors.png) bottom left;
		}
		
		.select_box_values ul li{			
			border-bottom:1px solid #dec000;
			line-height:19px;
			padding-left:10px;
			border-left:1px solid #e0c200;
			border-right:1px solid #e0c200;
			/*background:transparent;*/
			background:url(../img/transparent.png);
			
		}
		.select_box_values ul li:last-child,.select_box_values ul li.last{
			border:none;
			line-height:21px;
			background:url(../img/dropdown_bottom.png) bottom left no-repeat;
		}
		
		/*mood - extra settings*/
		#mood .select_box_values {
			display:none;
			position:absolute;
			width:167px;
			padding-bottom:10px;
			top:18px;
			left:-4px;/*6/139/267*/
			background:url(../img/dropdown_right_body_bg.png) no-repeat;
		}
		
		#mood .select_box_values ul{
			/*background:url(../img/dropdown_gradient_166.png) bottom left;*/
			background:none;
		}
		
		#mood .select_box_values ul li{
			/*background:url(../img/dropdown_bg_166.png) repeat-y;*/
			background:none;
			
			line-height:18px;
			border:none;
			
		}
		#mood .selected_value:hover,#mood .selected_value.mouseover{
			margin-left:-20px;				
			text-indent:20px;
			background:url(../img/dropdown_right_head_bg.png) 0 -3px no-repeat;
		}
		#mood .select_box_values ul li{
			text-indent:10px;	
		}
		
		
		#mood .select_box_values ul li:last-child{
			width:166px;
			margin:0px;
			border:none;
			background:none;
			/*background:url(../img/dropdown_bottom_166.png) 0 0px no-repeat;*/
		}
		
		

		#search_submit{	
			cursor:pointer;
		}
		#search_box input{
			float:left;	
			width:101px;
			color:#c2a700;
			line-height:17px;			
			margin:1px 0 0 5px;
			padding-top:1px;
			background:none;
			border:none;
		}
		
 /**********************************************************************************************************/
/*********************** COCKTAILS-STARTPAGE *****************************************************/


.cocktail-start-content {
	height:345px;
	width:355px;
	padding:0;
	overflow:hidden;
}
#cocktail_page.cocktail-start{
		padding:8px 20px 0 35px;
	}
	
.cocktail-start-content h1,
.cocktail-start-content p{  
  color:#fff;
}
.cocktail-start-content h1{
 margin:0;
 padding:0;
}

.cocktail-start-content h2{
  color:#FFDE00;
 line-height:15px;
 margin-bottom:6px;
}
#cocktail_page .cocktail-start-content p{
  font-size:12px;
  color:#fff;
}

#content.startseite_new{
  background:url(../img/cocktails/background.jpg) no-repeat 6px 0px;
}

.startseite_new #stage{
  height:366px;
}

#teaser-1{
  position:absolute;
  top:272px;
  left:217px;
}
#teaser-2{
 position:absolute;
  top:165px;
  left:558px;
}
#teaser-3{
position:absolute;
  top:274px;
  left:679px;
}

#teaser-1.item,
#teaser-2.item,
#teaser-3.item{
height:109px;
width:205px;
	overflow:hidden;
}

#teaser-1.item.item .item_details,
#teaser-2.item.item .item_details,
#teaser-3.item.item .item_details{
 width:126px;
 height:97px;
 padding:16px 8px 0 8px;
	overflow:hidden;
}

#teaser-1.item h4,  #teaser-1.item span,
#teaser-2.item h4,  #teaser-2.item span,
#teaser-3.item h4,  #teaser-3.item span{
  color:#ffe53c; 
	font-size:12px;
}

.cocktail-start .item .item_img{
  margin:3px 7px 0 7px;
	overflow:hidden;
}
	
#teaser-1.item:hover,
#teaser-2.item:hover,
#teaser-3.item:hover{
 background:url(../img/cocktails/teaser_mouse_over.png) no-repeat 0px -6px;
}