/*

- General
- Header, ticker & menu
    - Searchbar
- Campaign area
- Page content
    - Filter
    - Main content
        - Blog
        - DJ
        - Drink
        - Searchresult
        - Listen
        - Paging
        - Mashup
    - Related content
        - Teaser
- Footer
- Radio
- Black theeme
- Black theeme

*/

/*
Colors:
- Red =     #e64415
- Brown =   #532409
- Yellow =  #ffd500
- Purple =  #932683
- Blue =    #00aba4
*/


/*  General */
body, html, #aspnetForm
{
    /*background: lime;#ebebe9 url(/templates/Images/paper_watercolor.jpg) top center fixed;*/
    height: auto;
    margin: 0px 0px 0px 0px;
    min-height: 100%;
    padding: 0px 0px 0px 0px;
}
body
{
    /*overflow-y: scroll !important;*/
}
/*body
{
    background: url(/templates/Images/bg_splash_bottom.gif) no-repeat bottom left;
}*/
#pageContent
{
    background: url(/templates/Images/bg_splash_bottom.gif) no-repeat bottom left;
}
#contentHolder
{
    overflow-y: hidden;
}

.center
{
    margin: 0px auto;
    position: relative;
    width: 960px;
}

.readMore a{
	background-image: url(/templates/Images/arrow_right.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding: 0px 30px 0px 0px;
}

.readMore a:hover{
	background-position: right -50px;
}

.back a
{
	background-image: url(/templates/Images/arrow_left.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 30px;
}

.back a:hover
{
	background-color: transparent;
	background-position: 0px -50px;
}


#bgImageWrapper,
#startpageSmallTeasers .redButton
{
    display: none;
}
.blackImg
{
    display: none !important;
}

.borderLink{
	padding: 10px 15px;
	background-color: #e64415;
	white-space: nowrap;
	position: relative;

}

.borderLink:hover{
	background-color: #532409;
}
	
	.borderLink IMG{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
		display: block;
	}




.bgFrameTop{
	background: url(/templates/Images/bg_frameTop.gif) top left no-repeat;
}

.frameBottom{
	float: left;
	width: 618px;
	height: 26px;
	background:url(/templates/Images/bg_frameBottom.gif) bottom left no-repeat;
}

.fb_edge_widget_with_comment,
.fb_iframe_widget{
	vertical-align: top;
}
.fb_edge_widget_with_comment .fb_edge_comment_widget.fb_iframe_widget 
{
    display: none;
}


/*          Paging */
#paging
{
    float: left;
	width: 700px;
	padding: 0 0 0 10px;
    position: relative;
}
	
	#paging .newer{
		position: absolute;
		left: 0;
		top: 5px;
		background-image: url(/templates/Images/arrow_left.png);
		background-repeat: no-repeat;
		background-position: left 0px;
		padding: 0px 0px 0px 30px;
	}

	#paging .newer:hover{
		background-position: left -50px;
	}

	#paging .older{
		position: absolute;
		right: 0;
		top: 5px;
		background-image: url(/templates/Images/arrow_right.png);
		background-repeat: no-repeat;
		background-position: right 0px;
		padding: 0px 30px 0px 0px;
	}

	#paging .older:hover{
		background-position: right -50px;
	}

    #paging ul
    {
		list-style-type: none;
		margin: 0;
		padding: 5px 0 0 0;
		text-align: center;
    }
		#paging ul li
		{
			display: inline;
			margin: 0;
			padding: 0;
		}

		#paging ul li,
		#paging ul li a{
			background-image: url(/templates/Images/bg_pager.png);
			background-repeat: no-repeat;
			background-position: center 0;
		}

		
		#paging ul li.active
        {
			background-position: center -50px;
        }
            #paging ul li a,
			#paging ul li.active
            {
				padding: 4px 10px 5px 10px;
            }

/*          Listen */

/*
.listen
{
    background: #c488bb;
    float: left;
    margin: 0px 0px 15px 0px;
    padding: 15px 20px 15px 60px;
    position: relative;
    z-index: 1;
}
    .listen img
    {
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
        z-index: -1;
    }

	 .listen a.playBytton
    {
        background: url(/templates/Images/btn_play_small.png) center left no-repeat;
        display: block;
        height: 100%;
        left: 25px;
        position: absolute;
        top: 0px;
        width: 26px;
        z-index: 10;
    }

	.listen STRONG{
		display: block;
	}

	    .listen h2
		{
			display: none;
		}
   
		.listen p
		{
			float: left;
			margin: 0px 0px 0px 12px;
			width: 500px;
			z-index: 10;
		}
*/

.listen
{
	float: left;
	margin: 0px 0px 15px 0px;
	padding: 0;
	z-index: 1;
}
	
	.listen a
	{
		padding: 15px 20px 15px 60px;
		display: block;
		position: relative;
		/*background-color: #c488bb;*/
		background-color: #c184ba;
		background-image: url(/templates/Images/btn_play_small.png);
		background-repeat: no-repeat;
		background-position: 25px center;
	}

	.listen a:hover{
		background-color: #e6cde2;
	}
	
	.listen img
	{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		border: none;
    }

	.listen STRONG{
		display: block;
	}

	.listen h2
	{
		display: none;
	}

	    

/*  Header, ticker & menu */
#header
{
    background: url(/templates/Images/bg_splash_top.gif) no-repeat top right;
    float: left;
    height: 190px;
    margin: 0px 0px -65px 0px;
    padding: 0px 0px 65px 0px;
    width: 100%;
	min-width: 1090px;
}
#logo,
#redLogo
{
    float: left;
    margin: 20px 60px 20px 0px;
    border: none;
}
#redLogo,
.redlegal
{
    display: none;
}
#mainNav
{
    float: left;
    height: 70px;
    list-style: none;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /*position: absolute;
    right: 0px;
    top: 95px;*/
    width: 780px;
}
    #mainNav li
    {
        float: left;
        margin: 10px 10px 0px 0px;
    }
        #mainNav li a
        { 
            padding: 8px 10px 5px 10px;
            display: block;
        }

/*  Menu A */
    #navA li
    {
        margin: 0px 10px 0px 0px;
        z-index: 1;
    }
        #navA li a
        {
            padding: 8px 12px 15px 10px;
            position: relative;
        }
            #navA li span
            {
                position: relative;
                z-index: 10;
            }
            #navA li span span
            {
                display: block;
            }
            #navA li img,
            #navA #subMenuBg
            {
                border: none;
                bottom: 0px;
                height: 100%;
                left: 0px;
                position: absolute;
                right: 0px;
                top: 0px;
                width: 100%;
            }
            .menuRed
            {
                display: none;
            }
            #navA #subMenuBg
            {
                margin: 0px 0px 0px 0px;
                z-index: -1;
            }
            #navA li ul
            {
                display: none;
                list-style: none;
                margin: -10px 0px 0px -70px;
                padding: 0px 10px 0px 10px;
                position: absolute;
                z-index: 10;
            }
                #navA li ul
                {
                    display: none;
                    position: absolute;
                }
            #navA li.active,
            #navA li:hover
            { 
                background: #e64415 url(/templates/Images/menu.gif) repeat-y top right;
            }
                #navA li.active ul,
                #navA li:hover ul
                {
                    display: block;
                }
                    #navA li ul li
                    { 
                        background: none !important;
                        margin: 0px 5px 0px 5px;
                        padding: 5px 0px 5px 0px;
                    }

					#navA li ul li#subMenuBg{
						padding-bottom: 0;
						padding-top: 0;
					}
                        #navA li ul li a
                        { 
                            cursor: pointer;
                            margin: 0px 0px 0px 0px;
                            padding: 0px 0px 0px 0px;
                        }
    
#ticker
{
    background: url(/templates/Images/bg_ticker.png) no-repeat top center;
    float: left;
    list-style: none;
    margin: 7px 0px 0px 0px;
    padding: 0px 30px 0px 30px;
    width: 900px;
}
    #ticker li
    {
        float: left;
        height: 15px;
        margin: 0px 10px 0px 0px;
        overflow: hidden;
        padding: 8px 0px 10px 0px;
        width: 290px;
    }
    #ticker #tickFb
    {
        background: url(/templates/Images/ico_ticker_fb.png) no-repeat left 7px;
        padding-left: 30px;
        width: 250px;
    }
    #ticker #tickYt
    {
        background: url(/templates/Images/ico_ticker_yt.png) no-repeat left 5px;
        padding-left: 68px;
        width: 242px;
    }
    #ticker #tickTw
    {
        background: url(/templates/Images/ico_ticker_tw.png) no-repeat left 7px;
        padding-left: 39px;
        width: 241px;
    }
        #ticker li .date
        {
            height: 15px;
            overflow: hidden;
        }


/*      Searchbar */
#searchbar
{
    float: right;
    /*margin: 28px 0px 0px 0px;
    overflow: hidden;
    position: absolute;*/
    margin: 30px 0px 0px 0px;
    right: 0px;
    top: 30px;
    width: 693px;
    z-index: 1000000;
}

    #searchbar .link
    {
		float: right;
		margin: 7px 15px 0px 0px;
		padding: 0px 0px 0px 0px;
    }
        #searchbar .link a
        {
            background: #e64415;
            padding: 5px 13px 5px 12px;
            position: relative;
        }
            #searchbar .link a:hover
            {
                background-color: #532409;
            }
        #searchbar .link .button
        {
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }

	#loginbutton
	{
		background: url(/templates/Images/btn_fb_stripe_icon.gif) center left no-repeat;
		float: right;
		height: 28px;
		margin: 2px 20px 0px 0px;
		padding: 0px 0px 0px 0px;
		position: relative;
		z-index: 1;
	}
	    #loginbutton span
	    {
	        margin: 0px 0px 0px 0px;
		    padding: 0px 0px 0px 0px;
		    z-index: 10;
	    }
	    #loginbutton .border
	    {
	        height: 28px;
		    position: absolute;
	        right: 0px;
		    top: 0px;
		    width: 20px;
		    z-index: 0;
	    }
	    #loginbutton .fb_button
	    {
	        margin: 2px 0px 0px 0px !important;
            padding: 5px 20px 5px 42px !important;
	    }
	    
        .fb_button_text,
        .fb_button,
        .fb_button_medium
        {
            background: none !important;
            border: none !important;
            margin: 0px !important;
            padding: 0px !important;
        }
        .connect_widget_text,
        .connect_confirmation_cell
        {
            display: none !important;
        }
        /*#searchbar p#facebook,
        .fb_button
        {
            float: left;
            margin: 2px 20px 0px 0px !important;
            padding: 7px 0px 8px 40px !important;
            width: 157px;
        }*/
    
    a#rss
    {
        background: url(/templates/Images/btn_rss.png) top left no-repeat !important;
        float: left;
        margin: 2px 35px 0px 0px !important;
        padding: 7px 0px 3px 35px !important;
    }
    
	#search
	{
		position: relative;
		z-index: 10;
	}
    #searchbar input.textfield
    {
        border: solid 1px #ededed;
        float: right;
        height: 16px;
        margin: 2px 3px 0px 0px;
        padding: 5px 2px 5px 2px;
        width: 141px;
		z-index: 10;
		background: url(/templates/Images/bg_formField.png) repeat-x 0 0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
    }
    #searchbar input.button, #searchbar A.button
    {
        background: none;
        background: url(/templates/Images/btn_search.png) top left no-repeat;
        border: none;
        cursor: pointer;
        float: right;
        height: 28px;
        margin: 3px 0px 0px 3px;
        padding: 0px 0px 0px 0px;
        width: 28px;
		z-index: 10;
    }

	#searchbar input.button, #searchbar A.button:focus {
		outline-style: none;
	}

/*  Campaign area */
#campaignArea
{
    background: url(/templates/Images/bg_campaignArea_Ny.jpg) top center no-repeat;
    float: left;
    padding: 24px 0px 10px 0px;
    width: 100%;
}
    #campaignArea #campaignContainer
    {
        float: left;
        /*padding: 9px 9px 9px 9px;*/
        position: relative;
        width: 926px;
    }
        #campaignArea #campaignContainer ul
        {
            list-style: none;
            margin: 0px 0px 0px 0px;
            padding: 121px 0px 0px 0px;
        }
            #campaignArea #campaignContainer ul li
            {
                float: left;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }
                #campaignArea #campaignContainer .campaign
                {
                    display: none;
                    height: 90px;
                    left: 0px;
                    overflow: hidden;
                    padding: 18px 79px 18px 79px;
                    position: absolute;
                    top: 0px;
                    width: 768px;
                }
                #campaignArea #campaignContainer .large
                {
                    height: 126px;
                    padding: 0px 0px 0px 0px;
                    width: 926px;
                }
                #campaignArea #campaignContainer .show .campaign
                {
                    display: block;
                    z-index: 100;
                }
                    #campaignArea #campaignContainer .campaign img
                    {
                        border: none;
                        height: 90px;
                        width: 768px;
                    }
                    #campaignArea #campaignContainer .large img
                    {
                        border: none;
                        height: 126px;
                        width: 926px;
                    }
                    #campaignArea #campaignContainer .campaign .text
                    {
                        left: 15px;
                        position: absolute;
                        top: 10px;
                        width: 300px;
                    }
                        #campaignArea #campaignContainer .campaign .header2
                        {
                            margin: 0px 0px 0px 0px;
                            padding: 0px 0px 0px 0px;
                        }
                        #campaignArea #campaignContainer .campaign .header1
                        {
                            margin: 3px 0px 0px 0px;
                            padding: 0px 0px 0px 0px;
                        }
                        #campaignArea #campaignContainer .campaign p
                        {
                            margin: 7px 0px 0px 0px;
                            padding: 0px 0px 0px 0px;
                        }
                #campaignArea #campaignContainer .campaignPaging
                {
                    float: left;
                    margin-top: 14px;
                }
                    #campaignArea #campaignContainer .campaignPaging a
                    {
                        /*display: block;
                        width: 25px;
                        height: 16px;*/
                        margin: 0px 8px 0px 0px;
                        outline: none !important;
                        padding: 0px 0px 4px 0px;
                    }
                    #campaignArea #campaignContainer .show .campaignPaging a,
                    #campaignArea #campaignContainer .campaignPaging a:hover
                    {
                        background: #767676;
                        background: #ffffff;
                    }
                    #campaignArea #campaignContainer p
                    {
                        float: left;
                        margin: 14px 0px 0px 0px;
                    }


/*  Startpage */
.startpageTeaser
{
    display: inline-block;
    position: relative;
}
    .startpageTeaser img
    {
        border: none;
        left: 0px;
        position: absolute;
        top: 0px;
    }

/*      Large teaser */
#startpageMainTeaser
{
    height: 420px;
    margin: 0px 0px 20px 0px;
    width: 720px;
}
    #startpageMainTeaser img
    {
        height: 420px;
        width: 720px;
    }
    #startpageMainTeaser .teaserText
    {
        bottom: 20px;
        left: 50px;
        position: absolute;
        right: 50px;
    }
    #startpageMainTeaser #youtubeFlash
    {
        height: 400px;
        margin: 10px 10px 10px 10px;
        width: 700px;
    }
    #startpageMainTeaser #playBtnDiv
    {
        cursor: pointer;
        height: 110px;
        margin: 0px 0px 0px 0px;
        padding: 155px 304px 155px 304px;
        position: relative;
        width: 112px;
        z-index: 1
    }
        #startpageMainTeaser #playBtnDiv img
        {
            height: 110px;
            margin: 0px 0px 0px 0px;
            position: relative;
            width: 112px;
        }


/*      Webisodes */
.webisodelink
{
    margin: 0px 0px 0px 7px;
    position: relative;
    top: -10px;
}


/*      Small teasers */
#startpageSmallTeasers
{
    background: url(/templates/Images/divider_startpageTeasers.png) top center repeat-y;
    float: left;
    width: 100%;
}
	
	#startpageSmallTeasers .topBottomLine{
		display: block;
	}

    #startpageSmallTeasers .startpageTeaser
    {
        float: left;
        margin: 0px 10px 0px 10px;
        padding: 210px 0px 0px 0px;
        width: 340px;
    }
        #startpageSmallTeasers .startpageTeaser img
        {
            height: 185px;
            width: 340px;
        }
        #startpageSmallTeasers .startpageTeaser .teaserText
        {
            margin: 0px auto 0px auto;
            overflow: hidden;
            width: 305px;
         }
            #startpageSmallTeasers .startpageTeaser h3
            {
                margin: 0px 0px 0px 0px;
            }
            #startpageSmallTeasers .startpageTeaser h2
            {
                margin: 0px 0px 0px 0px;
            }
            #startpageSmallTeasers .startpageTeaser .teaserText a
            {
                background: #e64415 url(/templates/Images/menu.gif) repeat-y top right;
                padding: 5px 13px 5px 12px;
                position: relative;
            }
                #startpageSmallTeasers .startpageTeaser .teaserText a:hover
                {
                    background-color: #532409;
                }
            #startpageSmallTeasers .startpageTeaser .button
            {
                height: 100%;
                width: 100%;
            }

            


/*  Page content */
#pageContent
{
    float: left;
    width: 100%;
	/*min-width: 1090px;
	min-width: 1200px;*/
}


/*      Filter */
#filter
{
	padding: 0 0 0px 65px;
}
    #filter p
    {
		float: left;
        margin: 0px 0px 25px 0px;
        padding: 0px 0px 0px 0px;
    }
    #filter span
    {
        display: none;
    }

	#filter .back a{
		float: left;
	}

	#filter UL{
		float: left;
		margin: 0 0 25px 0;
		padding: 0;
		list-style-type: none;
	}
		#filter UL LI{
			float: left;
			margin: 0 10px 0 0;
			padding: 0;
		}
			
			#filter UL LI A{
				margin: 0;
				padding: 8px 10px 8px 10px;
				position: relative;
			}

			#filter UL LI A.active,
			#filter UL LI A:hover{
				background-color: #E64415;
			}

				#filter UL LI A IMG{
					position: absolute;
					left: 0px;
					top: 0px;
					width: 100%;
					height: 100%;
					border: 0;
					border: none;
				}


/*      Main content */
#mainContent
{
    float: left;
    width: 720px;
	margin: 25px 0 0 0;
}
    .mainContentItem
    {
        float: left;
        margin: 0px 0px 30px 0px;
        padding: 0px 0px 0px 0px;
    }


/*          Textpage */
.textpage
{
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 70px 0px 50px;
}
    .textpage h1
    {
        margin: 0px 0px 35px 0px;
        padding: 0px 0px 0px 0px;
    }


/*          Blog */
.blog
{
    background: url(/templates/Images/divider_blog.png) top center no-repeat;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 20px 70px 0px 50px;
}
#item .blog
{
    background: none;
    margin: 0px 0px 0px 0px;
}
    .blog h1,
    .blog h2,
    .blog h3,
    .blog p
    {
        width: 565px;
    }
    .blog h1
    {
        margin: 0px 15px 35px 20px;
        padding: 0px 0px 0px 0px;
    }
        .comments h1
        {
            margin: 0px 15px 0px 20px;
            padding: 0px 0px 0px 0px;
        }
    .blog h2
    {
        margin: 0px 15px 0px 20px;
        padding: 0px 0px 0px 0px;
    }
    .blog h3
    {
        margin: 0px 15px 0px 20px;
        padding: 0px 0px 0px 0px;
    }
    .blog p
    {
        float: left;
        margin: 0px 15px 0px 20px;
        padding: 0px 0px 20px 0px;
    }
    .blog .media
    {
        height: 385px;
        margin: 0px 0px 20px 0px;
        position: relative;
        width: 600px;
    }
        .blog .media img
        {
            height: 385px;
            left: 0px;
            position: absolute;
            top: 0px;
            width: 600px;
            z-index: 1;
        }
        .blog .media object
        {
            margin: 0px 15px 0px 20px;
            position: relative;
            z-index: 2;
        }
    .blog .intro
    {
		width: 600px;
		float: left;
		clear: both;
    }
    .blog .listen
    {
        width: 600px;
		
    }
        
    .blog .readMore
    {
        clear: both;
        display: block;
        float: left;
        margin: 0px 15px 10px 20px;
		padding-bottom: 0;
    }
        .blog .readMore a
        {
            float: left;
			margin: 0 0 5px 0;
        }
            .blog .readMore a.comments
            {
                background: none;
                float: right;
			    margin: 0 0 5px 0;
			    padding: 0px 0px 0px 0px;
            }
    .blog .blogFooter
    {
        margin: 0px 15px 0px 20px;
        width: 565px;
    }
        .blog .writer
        {
            float: left;
            overflow: hidden;
            padding: 6px 0px 0px 0px;
            width: 371px;
        }
            .blog .writer img
            {
                float: left;
                height: 26px;
                margin: 0px 10px 0px 0px;
                width: 26px;
            }
            .blog .writer p
            {
                margin: 0px 0px 0px 0px;
                width: 100%;
            }
                .blog p.tags a
                {
                    margin: 0px 3px 0px 0px;
                }
        .blog .share
        {
            float: right;
            /*width: 187px;*/
        }
            .blog .share .twitter-share-button,
            .blog .share .fb_share,
            .blog .share .fb_edge_widget_with_comment
            {
                float: right;
            }
            .fb_share
            {
                -moz-border-radius: 3px 3px 3px 3px;
                background-color: #ECEEF5;
                border: 1px solid #CAD4E7;
                display: block;
                float: right;
                margin: 0px 9px 0px 9px;
                padding: 2px 5px 2px 5px;
                width: 52px;
            }
            .fb_share:hover
            {
                border-color: #9dacce;
            }
            .fb_share a
            {
                padding: 0px 0px 0px 19px;
            }
                .fb_edge_widget_with_comment, .fb_ltr
                {
                    /*float: right;*/
                    position: relative;
                    width: 50px;
                    z-index: 100;
                }
                .drinkDetail .share .twitter-share-button,
                .drinkDetail .share .fb_share,
                .drinkDetail .share .fb_edge_widget_with_comment,
                .productDetail .share .twitter-share-button,
                .productDetail .share .fb_share,
                .productDetail .share .fb_edge_widget_with_comment
                {
                    float: left;
                }
                .teaser .fb_edge_widget_with_comment
                {
                    /*float: none;
                    margin: 15px 15px 15px 15px;
                    width: 248px;*/
                }
                .comment .fb_edge_widget_with_comment,
                .comment .fb_iframe_widget
                {
                    float: right;
                }
            .blog .facebookComments
            {
                float: left;
                margin: 15px 15px 0px 20px;
                width: 542px;
            }
        .blog .tags
        {
            margin: 8px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }
        .blog .legal
        {
			float: left;
			width: 100%;
			clear: both;
			padding: 0px;
            margin: 10px 0px 0px 0px;
        }
    .blog .commentList
    {
        background: url(/templates/Images/bg_frameBottom.gif) bottom left no-repeat;
        border-top: solid 1px #ededed;
        float: left;
        margin: 15px -25px 0px -25px;
        padding: 15px 0px 20px 0px;
        width: 618px;
    }
        .blog .commentList h1
        {
            float: left;
            margin: 0px 25px 0px 25px;
            padding: 0px 0px 0px 0px;
        }
        .blog .commentList .comment
        {
            border-top: solid 1px #ededed;
            float: left;
            margin: 0px 0px 0px 0px;
            padding: 15px 25px 15px 25px;
        }
        .blog .commentList .first
        {
            border-top: none;
        }
#newslistpager #paging
{
    margin: 10px 85px 0px 70px;
    padding: 0px 105px 0px 110px;
    width: 350px;
}


/*          Events */
#listing #first
{
    background: none;
    padding: 0px 70px 30px 50px;
}
#listing .event
{
    padding: 50px 70px 30px 50px;
}
    .event h1
    {
        margin-bottom: 15px;
    }
    .event h2,
    .event p
    {
        float: none;
        width: 565px;
    }
    .event .info
    {
        width: 600px;
    }
    .event .footer
    {
        margin: 0px 15px 0px 20px;
    }
        .event .facebook
        {
            background: url(/templates/Images/event_on_fb.gif) top left no-repeat;
            margin: 0px 0px 20px 0px;
            padding: 5px 0px 5px 40px;
            width: 525px;
        }
        .event .facebook a
        {
            background-image: url(/templates/Images/arrow_right.png);
			background-repeat: no-repeat;
			background-position: right 0px;
            padding: 0px 30px 0px 0px;
        }

		.event .facebook a:hover
        {
			background-position: right -50px;
        }

/*          DJ   */
#mainContent .dj
{
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 720px;
}

    .dj .media,
    .djItem .media
    {
        float: left;
        margin: 0px 0px 0px 70px;
        padding: 0px 0px 0px 0px;
        width: 190px;
		position: relative;
    }
        .dj .media img,
        .djItem .media IMG
        {
            height: 190px;
            width: 190px;
			border: none;
        }
			
			.dj .media .border,
			.djItem .media .border
			{
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
			}

    .dj .text,
    .djItem .intro
    {
        float: left;
        margin: 0px 0px 0px 50px;
        padding: 0px 0px 0px 0px;
        width: 360px;
    }
        .dj .text h2,
		.djItem .intro H2
        {
            margin: 0;
            padding: 0;
        }
        .dj .text h1,
		.djItem .intro H1
        {
            margin: 0px 0px 15px 0px;
            padding: 0;
        }
		.dj .text P,
		.djItem .intro P
        {
            margin: 0px 0px 18px 0px;
            padding: 0;
        }

        .dj .text .intro
        {
            float: left;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            width: 360px;
			overflow: hidden;
        }
        .dj .text .djFooter
        {
            float: left;
            margin: 10px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            width: 380px;
        }
            .dj .text .djFooter p
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }

		.dj .listen, .djItem .listen, .djGuest .listen{
			float: left;
			width: 360px;
			padding: 0;
			margin: 0 0 0 0;
			padding: 0 0 20px 0;
		}
			
			.dj .listen a, .djItem .listen a, .djGuest .listen a{
				padding: 10px 20px 10px 50px;
				background-position: 15px center;
			}
		
			/*
			.dj .listen .border, .djItem .listen .border, .djGuest .listen .border{
				position: absolute;
				top: 0;
				left: 0;
				width: 360px;
				height: 50px;
				z-index: 1;
				display: block;
			}

			.dj .listen .playBytton, .djItem .listen .playBytton, .djGuest .listen .playBytton{
				height: 50px;
				left: 15px;
			}
			*/

    .dj .readMore
    {
		background: url(/templates/Images/divider_blog.png) 10px bottom no-repeat;
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 50px 30px 310px;
        width: 360px;
    }
		
		.dj .readMore A{
			float: left;
			margin: 0 0 5px 0;
			clear: both;
		}
    

#mainContent .djItem
{
   
    float: left;
	margin: 0;
	padding: 0;
    width: 720px;
}

	

	.djItem .media{
		/*margin: 0px 0px 20px 70px;*/
	}

	.djItem .media IMG{
		/*width: 568px;
		margin: 0;
		padding: 0;*/
	}

	.djItem .intro
	{
		/*margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		width: 370px;*/
		min-height: 300px;
	}
	    .djItem .intro p
	    {
		    margin: 0px 0px 18px 0px;
		    padding: 0px 0px 0px 0px;
	    }

	.djItem .text{
	    border-top: 1px solid #EDEDED;
	    display: block;
	    float: left;
		padding: 0px 0px 10px 0px;
	}
	
	.djItemFooter{
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0;
		width: 720px;
	}
	
		.djItemFooter .djDrinkSuggestion
		{
			padding: 30px 0 30px 0;
			position: relative;
		}
			
			.djItemFooter .djDrinkSuggestion IMG
			{
				position: absolute;
				left: 70px;
				bottom: 0px;
				width: 190px;
			}
			
			.djItemFooter .djDrinkSuggestion H2{
				margin: 0;
			}

			.djItemFooter .djDrinkSuggestion H1{
				margin: 0px 0px 15px 0px;
			}
			
			.djItemFooter .djDrinkSuggestion p{
				margin: 0px 0px 18px 0px;
			}
			
			.djItemFooter .djDrinkSuggestion H1,
			.djItemFooter .djDrinkSuggestion H2,
			.djItemFooter .djDrinkSuggestion P
			{
				padding: 0px 50px 0px 310px;
			}
			
			/*.djItemFooter .djDrinkSuggestion A
			{
				
				background-image: url(/Templates/Images/bg_suggestedLink.gif);
				background-repeat: no-repeat;
				background-position: 0px 0px;
				display: block;
				height: 45px;
				margin: 0px 0px 0px 75px;
				text-align: center;
				width: 142px;
				
			}
			
			.djItemFooter .djDrinkSuggestion A:hover{
				background-position: 0px -100px;
			}*/

#mainContent .djGuestList{
    float: left;
    margin: 0;
    padding: 0;
    width: 720px;
}
	
	.djGuestList H1{
		margin: 0 0 15px 0;
		padding: 0 50px 0 310px;
	}
	
	.djGuest{
		float: left;
		width: 720px;
		margin: 0;
	}
	
		.djGuest .media{
			float: left;
			margin: 0 0 0 70px;
			padding: 0;
			position: relative;
			width: 190px;
		}
			.djGuest .media img{
				height: 190px;
				width: 190px;
			}
		
			.djGuest .media .border
			{
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
			}
		
		.djGuest .listen{
			margin-left: 50px;
		}
		
		.djGuest .text{
			float: left;
			margin: 0 0 0 50px;
			padding: 0 0 0 0;
			width: 360px;

		}
		
			.djGuest .text H2{
				float: left;
				width: 100%;
				margin: 0;
			}
			
			.djGuest .text P{
				margin: 0 0 18px 0;
			}
			
			.djGuest .text P.posted{
				
			}


/*			Drink */
.drinkDetail
{
    background: #F4F4F4;
    float: left;
    /*overflow: hidden;*/
    padding: 30px 110px 30px 40px;
    position: relative;
    width: 570px;
    z-index: 1;
}
    .drinkDetail .border
    {
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
        z-index: -1;
    }
    .drinkDetail .image
    {
        float: left;
		height: auto;
		margin: 30px 20px 0px 30px;
        width: 280px;
        z-index: 1;
    }
        .drinkDetail .image img
        {
            width: 280px;
        }
    .drinkDetail .text
    {
        float: left;
        padding: 50px 0px 20px 0px;
        width: 240px;
        z-index: 1;
    }
        .drinkDetail .text h1
        {
            margin: 0px 0px 10px 0px;
            padding: 0px 0px 0px 0px;
        }
        .drinkDetail .text h3
        {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }
        .drinkDetail .text h4
        {
            margin: 27px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }
        .drinkDetail .text p
        {
            margin: 5px 0px 10px 0px;
            padding: 0px 0px 0px 0px;
        }
        .drinkDetail .text .ingredients
        {
            margin: 4px 0px -5px 0px;
        }
            .drinkDetail .text .ingredients p
            {
                margin: 0px 0px 0px 0px;
            }
        .drinkDetail .share h3
        {
            margin: 0px 0px 5px 0px;
        }

.drinkList, .drink{
	float: left;
	padding: 20px 0px 0px 0px;
	width: 720px;
}

    .drinkList #suggestions
    {
        margin: 0px 60px 23px 60px;
        padding: 0px 0px 0px 0px;
    }
	.drinkList UL{
		list-style-type: none;
		margin: 0px auto 0px auto;
		padding: 0;
		width: 600px;
	}
	
		.drinkList LI{
			float: left;
			width: 200px;
			height: 290px;
			margin: 0px 0px 10px 0px;
			text-align: center;
		}
			
		.downloadList LI{
			height:auto;
		}
			
			.drinkList A img,
			.drinkList div img
			{
				border: none;
				height: auto;
				width: 150px;
			}
			
			/*.drinkList div A,
			.drinkList div A:hover
			{
                color: #d92d21 !important;
			    text-decoration:underline;
			}*/
			
			.drinkList A .drinkLink{
				padding: 3px 5px;
			}
			
			.drinkList h2
			{
			    margin: 15px 25px 20px 25px;
			}

	.drinkSuggestion
	{
	    background: #f4f4f4;
		height: 350px;
		float: left;
		margin: -10px 0px 20px 0px;
		position: relative;
		width: 720px;
	}
		
		.drinkSuggestion img
		{
			border: none;
			float: left;
		    height: auto;
		    margin: 10px 10px 0px 40px;
			margin: 0px 10px 0px 40px;
			width: 210px;
		}
		    .drinkSuggestion img.border
		    {
		        height: 350px;
		        left: 0px;
		        margin: 0px 0px 0px 0px;
		        position: absolute;
		        top: 0px;
		        width: 720px;
		    }
		.drinkContent
		{
		    left: 0px;
		    position: absolute;
		    top: 15px;
		}
		    #recipBtn
		    {
		        margin: 20px 0px 0px 0px;
		    }
		    #recipBtn a
		    {
		        background: #e64415;
		        padding: 8px 15px 8px 15px;
		        position: relative;
		    }
		        #recipBtn a:hover
		        {
		            background: #532409;
		        }
		        #recipBtn img.button
		        {
		            height: 100%;
		            left: 0px;
		            margin: 0px 0px 0px 0px;
		            position: absolute;
		            top: 0px;
		            width: 100%;
					border: none;
		        }
		
		.drinkSuggestion .text,
		.drinkSuggestion .downloadText
		{
			float: left;
			margin: 40px 0px 0px 0px;
			width: 390px;
		}
		
			.drinkSuggestion .text H3,
			.drinkSuggestion .downloadText H3
			{
				margin: 0;
			}
			
			.drinkSuggestion .text H1,
			.drinkSuggestion .downloadText H1
			{
				margin: 0px 0px 10px 0px;
			}
			
			.drinkSuggestion .text P,
			.drinkSuggestion .downloadText P
			{
				margin: 5px 0px 10px 0px;
			}
			.drinkSuggestion .text P#social
			{
				margin: 15px 0px 10px 0px;
			}


/*			Products */
.productPromotion
{
	background: #f4f4f4;
	height: 350px;
	float: left;
	margin: -10px 0px 0px 0px;
	position: relative;
	width: 720px;
}
		
	.productPromotion img
	{
		border: none;
		float: left;
		height: auto;
		margin: 10px 10px 0px 40px;
		width: 210px;
	}
		.productPromotion img.border
		{
		    height: 350px;
		    left: 0px;
		    margin: 0px 0px 0px 0px;
		    position: absolute;
		    top: 0px;
		    width: 720px;
		}
	.productPromotionContent
	{
		left: 0px;
		position: absolute;
		top: 15px;
	}
		#recipBtn
		{
		    margin: 20px 0px 20px 0px;
		}
		#recipBtn a
		{
		    background: #e64415;
		    padding: 8px 15px 8px 15px;
		    position: relative;
		}
		    #recipBtn a:hover
		    {
		        background: #532409;
		    }
		    #recipBtn img.button
		    {
		        height: 100%;
		        left: 0px;
		        margin: 0px 0px 0px 0px;
		        position: absolute;
		        top: 0px;
		        width: 100%;
				border: none;
		    }
		
	.productPromotionContent .text
	{
		float: left;
		margin: 40px 0px 0px 0px;
		width: 390px;
	}
		
		.productPromotionContent .text H3
		{
			margin: 0;
		}
			
		.productPromotionContent .text H1
		{
			margin: 0px 0px 10px 0px;
		}
			
		.productPromotionContent .text P
		{
			margin: 5px 0px 10px 0px;
		}
.products
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
    .products h2
    {
        margin: 0px 60px 0px 60px;
        padding: 0px 0px 0px 0px;
    }
.productDetail
{
    background: #F4F4F4;
    float: left;
    /*overflow: hidden;*/
    padding: 30px 110px 30px 40px;
    position: relative;
    width: 570px;
    z-index: 1;
}
    .productDetail .border
    {
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
        z-index: -1;
    }
    .productDetail .image
    {
        float: left;
		height: auto;
		margin: 30px 20px 0px 30px;
        width: 280px;
        z-index: 1;
    }
        .productDetail .image img
        {
            width: 280px;
        }
    .productDetail .text
    {
        float: left;
        padding: 50px 0px 100px 0px;
        width: 240px;
        z-index: 1;
    }
        .productDetail .text h1
        {
            margin: 0px 0px 10px 0px;
            padding: 0px 0px 0px 0px;
        }
        .productDetail .text h3
        {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }
        .productDetail .text h4
        {
            margin: 27px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }
        .productDetail .text p
        {
            margin: 5px 0px 10px 0px;
            padding: 0px 0px 0px 0px;
        }
        .productDetail .text .ingredients
        {
            margin: 4px 0px -5px 0px;
        }
            .productDetail .text .ingredients p
            {
                margin: 0px 0px 0px 0px;
            }
    /*.productDetail .share
    {
        height: 50px;
        left: 370px;
        position: absolute;
        bottom: 70px;
        width: 187px;
    }*/
        .productDetail .share h3
        {
            margin: 0px 0px 5px 0px;
        }


/*			Apps */
.promotiondiv
{
    background: #F4F4F4;
    height: 500px;
	margin: -10px 0 0 0;
    /*overflow: hidden;*/
    padding: 30px 80px 30px 40px;
    position: relative;
    width: 600px;
    z-index: 1;
}
    .promotiondiv .border
    {
        height: 560px;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 720px;
        z-index: -1;
    }
    .promotiondiv .content
    {
        z-index: 10;
    }
        .promotiondiv .content a.image
        {
            float: left;
            margin: 40px 0px 0px 0px;
            width: 210px;
        }
        .promotiondiv .content .AppText
        {
            max-height: 260px;
            overflow: hidden;
        }
			.promotiondiv .content .AppText P{
				margin: 0 0 18px 0;
			}
            .promotiondiv .content a.image img
            {
                border: none;
                height: auto;
                width: 210px;
            }
        .promotiondiv .content .downloadText
        {
            float: left;
            height: 465px;
            margin: 20px 0px 0px 0px;
            /*overflow: hidden;*/
            width: 390px;
        }
            .promotiondiv .content .downloadText h1
            {
                margin: 0px 0px 10px 0px;
                padding: 0px 0px 0px 0px;
            }
            .promotiondiv .content .downloadText h3
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }
            .promotiondiv .content .downloadText #links
            {
                display: block;
                overflow: hidden;
				margin: 0 0 15px 0;
            }
            .promotiondiv .content .downloadText .gotoLink
            {
                background: #E64415;
                clear: both;
                display: block;
                float: left;
                height: 25px;
                margin: 0px 0px 0px 0px;
                overflow: hidden;
                padding: 4px 15px 2px 15px;
                position: relative;
                width: 200px;
            }
                .promotiondiv .content .downloadText .gotoLink:hover
                {
                    background: #532409;
                }
                .promotiondiv .content .downloadText .gotoLink img
                {
                    height: 31;
                    left: 0px;
                    position: absolute;
                    top: 0px;
                    width: 230px;
                }
            .promotiondiv .content .downloadText #social
            {
                display: block;
                float: left;
                margin: 0px 0px 25px 0px;
                /*overflow: hidden;*/
            }
                .promotiondiv .content .downloadText #social .twitter-share-button,
                .promotiondiv .content .downloadText #social .fb_share,
                .promotiondiv .content .downloadText #social .fb_edge_widget_with_comment
                {
                    float: left;
                }

			
	

/*          Searchresult */
.searchResult{
	float: left;
	width: 580px;
	margin: 0 0 0 70px;
	padding: 0px 0px 0px 0px;
}
	
	.searchResult H1{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 20px 0px;
	}
	.searchResult H2
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	.searchResult UL
	{
		float: left;
		list-style-type: none;
		margin: 0px 0px 30px 0px;
		padding: 0px 0px 0px 0px;
	}
	.searchResult UL#text
	{
		margin: 0px 0px 0px 0px;
	}

		.searchResult LI
		{
		    float: left;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			width: 100%;
		}
		.searchResult #text LI
		{
			margin: 0px 0px 25px 0px;
		}
		
			.searchResult LI H2{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
			}
			    .searchResult LI H2 span
			    {
				    display: block;
				    margin: 0px 0px 0px 0px;
				    padding: 0px 0px 0px 0px;
			    }
			
			.searchResult LI H3{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
			}
			
			.searchResult #text LI P
			{
				margin: 0px 0px 12px 0px;
				padding: 0px 0px 0px 0px;
			}
			
			.searchResult #text LI P.searchFooter
			{
				margin: 0px 0px 4px 0px;
				padding: 0px 0px 0px 0px;
			}

			    .searchResult #text LI P.searchFooter A
			    {
				    float: left;
				    margin: 0px 0px 0px 0px;
				    padding: 0px 0px 0px 0px;
				    display: block;
			    }
				
					#ResultArea .listen
					{
						width: 590px;
						margin: 0 0 0 -10px;
					}


.DJteaser .listen
{
	width: 140px;
	margin: 0px auto 15px auto;
	padding: 0px 0px 0px 0px;
	float: none;
}
    .DJteaser .listen a.playBytton
    {
        background-color: #e64415;
        background-position: 30px 8px;
        height: 20px;
        position: relative;
        padding: 10px 20px 10px 60px;
        /*width: 60px;*/
    }
        .DJteaser .listen a:hover
        {
            background-color: #532409;
        }
    .DJteaser .listen p
    {
        display: none;
    }
    #relatedContent .DJteaser .listen img
    {
        height: 40px;
        width: 140px;
    }



/*          Mashup */
#mainContent .mashupFrame
{
    /*background: url(/templates/Images/bg_mashFrame.gif) top left repeat-y;*/
}
#mainContent .mashup
{
    float: left;
    width: 600px;
    margin: 0px 0px 0px 70px;
    padding: 0px 0px 0px 0px;
}
	.mashup h1
    {
        margin: 0px 0px 25px 0px;
        padding: 0px 0px 0px 0px;
    }

	.mashup .videos
	{
		overflow: hidden;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 600px;
	}
		.mashup .videos object
		{
			/*float: left;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			width: 600px;*/
		}

	.mashup h2
    {
		margin: 0;
		padding: 0 150px 0 0;
    }

    .mashup .media
    {
        display: none;
        float: left;
        margin: 25px 0px 0px 25px;
        padding: 0px 0px 0px 0px;
        width: 184px;
    }
        .mashup .media IMG
        {
            border: 1px solid #EDEDED;
            height: 146px;
            padding: 4px 4px 4px;
            width: 146px;
        }

    .mashup .info
    {
        margin: 50px 0 0 0;
        overflow: hidden;
        padding: 0px 0px 0px 0px;
        width: 600px;
    }
        
		
            

        .mashup .images
        {
            float: left;
            margin: 0px 0px 22px 0px;
            padding: 0px 0px 0px 0px;
            width: 126px;
			text-align: center;
        }
            .mashup .images img
            {
                border: none;
                margin: 0px 0px 5px 0px;
            }
        .mashup .text
        {
            float: right;
            margin: 0px 0px 22px 0px;
            padding: 0px 0px 0px 0px;
            width: 440px;
        }
            
            .mashup .text p
            {
				margin: 0 0 18px 0;
            }
            .mashup .text .intro
            {
                float: left;
                margin: 0px 0px 10px 0px;
                padding: 0px 0px 0px 0px;
                width: 380px;
            }
    .mashup #mashInfo
    {
        float: left;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
        width: 600px;
    }
    .mashup .jp-single-player,
    .mashup .jp-playlist-player
    {
		float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 22px 0px;
        width: 600px;
    }
        #jplayer_playlist
        {
            display: none;
        }
    .mashup .mashupList
    {
        float: left;
        list-style: none;
        margin: 0;
        padding: 10px 0px 0px 0px;
        width: 600px;
    }
        .mashup .mashupList li
        {
            float: left;
			width: 600px;
			border-bottom: 1px solid #ddd3ce;
        }
            .mashup .mashupList li a
            {
                float: left;
                padding: 5px 0px 5px 0px;
                width: 480px;
            }
				
				.mashup .mashupList li a span
				{
					cursor: pointer;
				}

                .mashup .mashupList li .date,
                #mashInfo #mashDate
                {
                    display: block;
                    float: left;
                    margin: 0px 10px 0px 0px;
                    padding: 0;
                    width: 70px;
                }
                .mashup .mashupList li .name
                {
                    display: block;
                    float: left;
                    margin: 0px 10px 0px 0px;
                    padding: 0;
                    width: 200px;
                }
                .mashup .mashupList li .creator
                {
                    display: block;
                    float: left;
                    margin: 0px 0px 0px 0px;
                    padding: 0;
                    width: 190px;
                }

				.mashup .mashupList li .tweet,
				.mashup .mashupList li .fb
                {
                    display: block;
                    margin: 5px 0 0 0;
                    padding: 0;
                }

				.mashup .mashupList li .tweet
                {
                    float: right;
					margin-right: 5px;
                    width: 55px;
                }

				.mashup .mashupList li .fb
                {
                    float: right;
                    width: 50px;
                }

                #mashInfo #mashText
                {
                    display: block;
                    float: left;
                    margin: 0px 0px 0px 0px;
                    padding: 0px 5px 0px 5px;
                    width: 280px;
                }
                #mashInfo #mashSocial
                {
                    display: block;
                    float: right;
                    margin: 0px 0px 0px 0px;
                    padding: 0px 0px 0px 0px;
                    width: 145px;
                }
                    #mashInfo #mashSocial #mashShare
                    {
                        display: block;
                        float: left;
                        margin: -2px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                    }

					#mashInfo #mashSocial #mashLike{
						float: right;
					}
            .mashup .mashupList li.lines a
            {
                /*background: #f4f4f4;*/
            }
    .mashup #paging
    {
	    width: 600px;
        margin: 25px 0 0 0;
		padding: 0;
    }
    .mashup .frameBottom
    {
        background: url("/templates/Images/bg_mashBottom.gif") no-repeat scroll left bottom transparent;
    }


/*      Related content */
#relatedContent
{
    background: url("/templates/Images/bg_related.png") repeat-y left bottom;
    float: right;
    margin: 0px 0px 30px 0px;
    padding: 10px 10px 70px 10px;
    position: relative;
    width: 220px;
    z-index: 0;
}
#relatedContent *
{
    max-width: 220px;
}

#relatedContent .scrollable  .items
{
    max-width: 20000em;
}
    #shadeTop
    {
        height: 50px;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
        z-index: -1;
    }
    #shadeBottom
    {
        bottom: 0px;
        height: 50px;
        left: 0px;
        position: absolute;
        width: 100%;
        z-index: -1;
    }
    #blogArchive
    {
        margin: 15px 15px 15px 15px;
    }
        #blogArchive ul
        {
            list-style: none;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }
            #blogArchive ul li ul
            {
                margin: 0px 0px 15px 5px;
            }


/*          Teaser */
#relatedContent .teaser
{
    background: url("/templates/Images/bg_related_divider.png") no-repeat left top;
    float: left;
    margin: 10px 0px 0px 0px;
    overflow: hidden;
    padding: 20px 0px 0px 0px;
    position: relative;
    width: 220px;
}
    #relatedContent .teaser h3
    {
        margin: 0px 15px 0px 15px;
        padding: 0px 0px 0px 0px;
    }
    #relatedContent .teaser h2
    {
        margin: 0px 15px 0px 15px;
        padding: 0px 0px 0px 0px;
    }
        #relatedContent .CounterOneControl h3,
        #relatedContent .CounterOneControl h2
        {
            margin: 0px 0px 0px 0px;
        }
    #relatedContent .teaser p
    {
        margin: 13px 15px 13px 15px;
        padding: 0px 0px 0px 0px;
    }
#relatedContent .firstTeaser
{
    background: none;
    padding: 0px 0px 0px 0px;
}
#relatedContent .DJteaser
{
    overflow: visible;
}
    #relatedContent .teaser .teaserHeader
    {
        margin: 0px 0px 15px 0px;
        padding: 0px 0px 85px 0px;
        position: relative;
    }
    #relatedContent .DJteaser .teaserHeader
    {
        padding: 0px 0px 195px 0px;
        margin: 0px 0px 0px 0px;
        overflow: hidden;
        position: relative;
    }
        #relatedContent .teaser img
        {
            border: none;
            bottom: 0px;
            /*display: none;*/
            height: 85px;
            position: absolute;
            left: 0px;
            width: 220px;
        }
        /*  teaser */
        #relatedContent .teaser img.teaserBorder
        {
        	display: block;
        }
        #relatedContent .teaser img.djBorder
        {
        	display: none;
        }
        #relatedContent .teaser .headline
        {
        }
        #relatedContent .teaser .label
        {
        }
        #relatedContent .teaser .share
        {
            padding: 0px 15px 0px 15px;
            position: relative;
			text-align: left;
			z-index: 100;
        }

        /*  DJ teaser */
        #relatedContent .DJteaser img
        {
            bottom: -25px;
        	display: block;
            height: 220px;
            width: 220px;
        }
        #relatedContent .DJteaser img.teaserBorder
        {
        	display: none;
        }
        #relatedContent .DJteaser img.djBorder
        {
        	display: block;
        }
        #relatedContent .DJteaser .headline
        {
            padding: 0px 0px 0px 0px;
            position: inherit;
        }
        #relatedContent .DJteaser .label
        {
        }
        
        /*  Drinkteaser */
        #relatedContent .Drinkteaser .teaserHeader
        {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }
            #relatedContent .Drinkteaser img.teaserBorder,
            #relatedContent .Drinkteaser .headline
            {
        	    display: none;
            }
        
        /*  Red  */
        #relatedContent .CounterOneControl
        {
            margin: 10px 0px 0px 0px;
            padding: 20px 0px 0px 0px;
        }
            #relatedContent .CounterOneControl .teaser
            {
                background: none;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }
        #relatedContent .RedTeaser .teaserHeader
        {
            padding: 0px 0px 0px 0px;
        }
            #relatedContent .RedTeaser .teaserHeader a
            {
                float: left;
            }
            #relatedContent .RedTeaser .teaserHeader img
            {
                height: 220px;
                position: relative;
            }
                #relatedContent .RedTeaser .teaserHeader img.teaserBorder
                {
                    display: none;
                }
        #relatedContent .RedTeaser p
        {
            display: block;
            float: left;
            margin-top: 0px;
        }
            #relatedContent .RedTeaser p.link,
            #relatedContent .CounterOneControl p.link
            {
                clear: both;
                text-align: center;
                width: 190px;
            }
                #relatedContent .RedTeaser p.link a,
                #relatedContent .CounterOneControl p.link a
                {
                    padding: 10px 13px 10px 12px;
                    position: relative;
                }
                    #relatedContent .RedTeaser p.link a img,
                    #relatedContent .CounterOneControl p.link a img
                    {
                        height: 100%;
                        width: 100%;
                        z-index: 0;
                    }
                    #relatedContent .RedTeaser p.link a,
                    #relatedContent .CounterOneControl p.link a
                    {
                        background: #E64415;
                    }
                        #relatedContent .RedTeaser p.link a:hover,
                        #relatedContent .CounterOneControl p.link a:hover
                        {
                            background: #532409;
                        }
                        #red #relatedContent .RedTeaser p.link a,
                        #red #relatedContent .CounterOneControl p.link a,
                        #red #relatedContent .RedTeaser p.link a:hover,
                        #red #relatedContent .CounterOneControl p.link a:hover
                        {
                            background: none;
                        }
                    #relatedContent .RedTeaser p.link a span,
                    #relatedContent .CounterOneControl p.link a span
                    {
                        position: relative;
                        z-index: 10;
                    }
            #relatedContent .RedTeaser .share,
            #relatedContent .CounterOneControl .share
            {
                clear: both;
                float: left;
                padding-top: 10px;
                width: 190px;
            }
    #relatedContent .teaser .teaserText
    {
        margin: 0px 0px 15px 0px;
        padding: 0px 10px 0px 10px;
    }
        
        /*  FB */
        #relatedContent .teaser .fbItems
        {
            margin: 13px 15px 0px 15px;
            padding: 0px 0px 0px 0px;
        }
            #relatedContent .teaser .fbItem
            {
                margin: 0px 0px 10px 0px;
                padding: 0px 0px 0px 0px;
                position: relative;
            }
                #relatedContent .teaser .fbItem img
                {
                    bottom: auto;
                    height: 35px;
                    top: 0px;
                    width: 35px;
                    z-index: -1;
                }
                #relatedContent .teaser .fbItem a
                {
                    display: block;
                    padding: 0px 0px 0px 43px;
                }
        
        /*  Toplist */
        #relatedContent .ToplistTeaser .teaserHeader
        {
        	display: none;
        }
    #relatedContent #toplist
    {
        
    }
        #relatedContent #toplist ul
        {
            float: left;
            list-style: none;
            margin: 0px 0px 0px 0px;
            padding: 15px 0px 15px 0px;
        }
        #relatedContent #toplist ul#liked
        {
            margin: 0px 0px 10px 0px;
        }
            #relatedContent #toplist ul li
            {
                float: left;
                padding: 0px 0px 0px 0px;
                width: 220px;
            }
                #relatedContent #toplist ul li.place0 a
                {
                    background-color: #a24598;
                }
				#relatedContent #toplist ul li.place0 a:hover
                {
                    background-color: #dab4d4;
                }
                #relatedContent #toplist ul li.place1 a
                {
                    background-color: #c184ba;
                }
				#relatedContent #toplist ul li.place1 a:hover
                {
                    background-color: #e6cde2;
                }
                #relatedContent #toplist ul li.place2 a
                {
                    background-color: #e1c5df;
                }
				#relatedContent #toplist ul li.place2 a:hover
                {
                    background-color: #f3e8f2;
                }
                    /*#relatedContent #toplist ul li a:hover
                    {
                        background-color: #e64415;
                    }*/
                #relatedContent #toplist ul li a
                {
                    background-image: url(/templates/Images/btn_play_small.png);
                    background-position: 25px center;
                    background-repeat: no-repeat;
                    display: block;
                    margin: 0px 0px 0px 0px;
                    padding: 15px 20px 15px 55px;
                    position: relative;
                }
                #relatedContent #toplist ul li .toplistText
                {
                    display: block;
                    margin: 0px 0px 0px 0px;
                    width: 145px;
                }
                #relatedContent #toplist ul li span
                {
                    display: block;
                    width: 100%;
                }
                #relatedContent #toplist ul li img
                {
                    border: none;
                    display: none;
                    height: 100%;
                    left: 0px;
                    position: absolute;
                    top: 0px;
                    width: 100%;
                }
                    #relatedContent #toplist ul li.place0 .no1
                    {
                        display: block;
                    }
                    #relatedContent #toplist ul li.place1 .no2
                    {
                        display: block;
                    }
                    #relatedContent #toplist ul li.place2 .no3
                    {
                        display: block;
                    }

#blogArchive h2,
#blogArchive ul
{
    text-align: left;
}

#relatedContent #DrinkSlideShowContainer
{
    background: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 220px !important;
}
    #DrinkSlideShowContainer h3
    {
        margin: 0px 0px 0px 0px;
    }
    #DrinkSlideShowContainer .scrollable
    {
        margin: 0px 10px 0px 10px;
        overflow: hidden;
        width: 200px !important;
    }
    #DrinkSlideShowContainer .items
    {
        /*left: 0px !important; */
    }
        #relatedContent .teaser #DrinkSlideShowContainer h2,
        #DrinkSlideShowContainer p
        {
            margin: 0px 0px 3px 0px !important;
        }
        #relatedContent .firstTeaser #DrinkSlideShowContainer h2
        {
            margin: 2px 0px 3px 0px;
        }
        #DrinkSlideShowContainer strong
        {
            display: block;
            margin: 10px 0px 0px 0px;
        }
        #DrinkSlideShowContainer .item img.sildeImage
        {
            display: block;
            height: auto;
            position: relative;
            width: 200px;
        }

		
        #DrinkSlideShowContainer .item .drinkItemIngredients,
        #DrinkSlideShowContainer .item .drinkItemHowto
        {
            margin: 0px 15px 7px 15px;
            width: 170px;
        }

		#DrinkSlideShowContainer .item .sliderButton{
			text-align: center;
		}

		#DrinkSlideShowContainer .item .borderLink IMG{
			width: 100%;
			height: 100%;
		}


/*  Footer */
#footer #stayConnected
{
    display: none;
}
#stayConnected
{
    background: #ffffff url(/templates/Images/bg_footer.png) top left no-repeat;
    float: left;
    height: 100px;
    margin: 20px 0px -36px 10px;
    padding: 15px 0px 15px 0px;
    width: 700px;
}
    #stayConnected p
    {
        margin: 10px 0px 0px 0px;
    }
    #stayConnected a
    {
        display: inline-block;
        padding: 40px 0px 0px 0px;
    }
        #stayConnected #connectFb
        {
            background: url(/templates/Images/connect_fb.png) center 5px no-repeat;
            width: 200px;
        }
        #stayConnected #connectYt
        {
            background: url(/templates/Images/connect_youtube.png) center 5px no-repeat;
            width: 170px;
                
        }
        #stayConnected #connectTw
        {
            background: url(/templates/Images/connect_twitter.png) center 5px no-repeat;
            width: 170px;
        }
        #stayConnected .social
        {
            background-position: center 5px;
            background-repeat: no-repeat;
            height: 21px;
            /*width: 170px; tog bort width och la till margin*/
            margin: 0 5px;
        }
#footer
{
    background: url(/templates/Images/divider_blog.png) top left no-repeat;
    float: left;
    margin: 30px 0px 0px 10px;
    padding: 5px 0px 0px 0px;
    width: 700px;
}
    #footer p
    {
        margin: 10px 0px 0px 0px;
    }
    #leagal
    {
        background:url(/templates/Images/bg_footer_coconuts.jpg) right center no-repeat;
        float: left;
        min-height: 170px;
        padding: 25px 340px 30px 10px;
        width: 350px;
    }
    #more
    {
        float: left;
        width: 350px;
    }
        #more .footerHeader
        {
            display: none;
        }
        #more a
        {
            display: inline-block;
            margin: 0px 10px 0px 0px;
        }















/** Detached Radio **/
#radioDetached
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
    #radioDetached .center
    {
        margin: 0px;
        width: 520px;
    }

	.playerHeader{
		width: 470px;
		height: 100px;
		margin: 0 0 0 25px;
		background: url(/templates/Images/bg_playerLogo.png) 320px 10px no-repeat;
		position: relative;
	}

	.playerHeader H1{
		position: absolute;
		left: 0;
		bottom: 15px;
		margin: 0;
		padding: 0 180px 0 0;
	}

	#radioDetached .djInfo{
		width: 450px;
		margin: 0 0 0 25px;
		overflow: hidden;
	}
		#radioDetached .djImg{
			float: left;
			width: 150px;
			height: 150px;
			margin: 0px 10px 0 0;
			position: relative;
		}
			#radioDetached .djImg IMG{
				width: 150px;
				height: 150px;
			}

			#radioDetached .djImg .border{
				position: absolute;
				top: 0;
				left: 0;
			}

		#radioDetached .djText{
			float: right;
			width: 290px;
		}
			#radioDetached .djText P{
				margin: 0 0 10px 0;
			}

		#radioDetached .shareDj{
			float: left;
			margin: 15px 0 0 0;
		}
	
	#player{
		float: left;
		width: 430px;
		height: 40px;
		margin: 0 0 10px 25px;
		padding: 10px 20px;
		background: #c68ebe url(../Images/border_player.png) no-repeat 0 0;
	}
	
	#fallback P{
		margin: 0;
		padding: 0;
	}


	/*******************************************/

	#mixList{
		float: left;
		width: 460px;
		margin: 0 0 15px 30px;
	}
		
		#mixList .holder{
			float: left;
			margin: 0;
		}
			
			#playlist{
				float: left;
				width: 460px;
				height: auto;
				margin: 0 0 0px 0px;
				display: block;
				position: relative;
			}

				#playlist DIV{
					float: left;
					width: 445px;
					padding: 5px 0px 5px 0px;
					clear: left;
					cursor: pointer;
					border-bottom: 1px solid #ddd3ce;
				}
					
					#playlist DIV SPAN{
						float: left;
					}

					#playlist div .playlistSongNumber{
						width: 20px;
						padding: 0 5px 0 0;
						clear: left;
					}

					#playlist div .playlistSong
					{
						width: 350px;
					}

					#playlist div .playlistDj{
						margin: 0 5px 0 0;
					}


					#playlist div .playlistTime{
						float: right;
						width: 60px;
					}





	.relatedDrink{
		width: 460px;
		min-height: 150px;
		padding: 0 30px 0 30px;
		position: relative;
		/*overflow: hidden;*/
		float: left;
	}

		.relatedDrink H3{
			margin: 0 0 0 0;
			padding: 0 175px 0 0;
		}

		.relatedDrink H2{
			margin: 0 0 15px 0;
			padding: 0 175px 0 0;
		}
		
		

		.relatedDrink A{
			
		}

		.relatedDrink .relatedImg{
			position: absolute;
			bottom: 10px;
			right: 20px;
			width: 150px;
		}

.playerOnPage{
	float: left;
	width: 520px;
	margin: 0 0 1px 80px;
}


    .openDetached
    {
        height: 625px;
		overflow: hidden;
    }
        .openDetached #openDetached
        {
            display: block;
        }

	.playerOnPage .openDetached{
		height: auto;
		overflow: visible;
	}
	/*******************************************/


	




/**********************************************************************************/


/*  Form    */
.form
{
	float: left;
	overflow: hidden;
	margin: 0 0 0 80px;
	padding: 0;
	width: 580px;
}
    .form .media
    {
	    float: left;
	    overflow: hidden;
	    margin: 0px 0px 0px 10px;
	    width: 180px;
    }
        .form .media img
        {
	        max-width: 180px;
        }
    .form .text
    {
	    float: left;
        margin: 0px 0px 0px 0px;
        width: 580px;
    }
        .form .text h1
        {
            margin: 0px 0px 25px 0px;
        }
        .form .text p
        {
            margin: 5px 0px 10px 0px;
        }

		.form .text .legalStatement{
			margin: 0 0 10px 0;
		}

        .form .text #form table
        {
            margin: 5px 0px 10px 0px;
			padding: 0;
            width: 100%;
			border-collapse: collapse;
			border: 0;
        }

		.form .text #form td{
			margin: 0;
			border: 0;
		}

            .form .text #form table label
            {
                display: block;
                padding: 5px 0px 3px 0px;
            }

			.form .text #form table SPAN
            {
                float: right;
				padding: 8px 5px;
            }

			.form .text #form table input[type="text"],
			.form .text #form table textarea
			{
				width: 540px;
				padding: 8px 5px;
				background: url(/templates/Images/bg_formField.png) repeat-x 0 0;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}

			.form .text #form table textarea{
				min-height: 100px;
			}
            
            .form .text #form table input,
            .form .text #form table textarea,
            .form .text #form table fieldset
            {
                border: solid 1px #e8e8e8;
                margin: 0px 0px 15px 0px;
            }
            .form .text #form table fieldset
            {
                /*display: block;
                margin: 0px 0px 0px 0px;*/
                padding: 5px 5px 10px 5px;
                width: 540px;
            }
                .form .text #form table fieldset input
                {
                    float: right;
                    margin: 9px 0px 5px 0px;
                    padding: 0px 0px 0px 0px;
                    width: 35px;
                }
                .form .text #form table fieldset label
                {
                    margin: 5px 0px 0px 5px;
                    padding: 0px 0px 0px 0px;
                    width: 500px;
                }
            
			
			.form .text #form table input[type="submit"]{
				background-color: #E64415;
				padding: 8px 15px;
				border: none;
				float: right;
				margin: 0 25px 0 0;
			}
			
			.form .text #form table input[type="submit"]:hover{
				background-color: #532409;
			}


			.form .text #form table input.button
            {
				background-image: url(/templates/Images/btn_send.png);
				background-repeat: no-repeat;
				background-position: center 0px;
				cursor: pointer;
				height: 40px;
				padding: 0px 0px 0px 0px;
				width: 185px;

                /*background: #ed8315 url(/templates/Images/btn_send.jpg) repeat-x center 0px;
                border: none;
                color: #ffffff;
                cursor: pointer;
				height: 42px;
				padding: 0px 0px 0px 0px;
				text-indent: -9999px;
				width: 90px;*/
            }
            .form .text #form table input.button-sv
            {
                /*background: #ed8315 url(/templates/Images/btn_send-sv.jpg) repeat-x center 0px;
                border: none;
                color: #ffffff;
                cursor: pointer;
				height: 42px;
				padding: 0px 0px 0px 0px;
				text-indent: -9999px;
				width: 90px;*/
            }
            


/*  Black theme */
#black #subMenuBg img,
#black #loginbutton .border,
#black #relatedContent .DJteaser img.djBorder
{
    display: none;
}
#black #subMenuBg img.blackImg,
#black #loginbutton .blackImg,
#black #relatedContent .DJteaser img.blackImg
{
    display: block !important;
}
#black #header
{
    background-image: url(/templates/Images/_black_bg_splash_top.gif);
}
#black #pageContent
{
    background-image: url(/templates/Images/_black_bg_splash_bottom.gif);
}
#black #loginbutton
{
	background-image: url(/templates/Images/_black_btn_fb_stripe_icon.gif);
}
#black #searchbar input.button, #black #searchbar a.button
{
    background-image: url(/templates/Images/_black_btn_search.png);
}
    #black #searchbar input.button:hover, #black #searchbar a.button:hover
    {
        background-image: url(/templates/Images/btn_search.png);
    }
#black #ticker
{
    background-image: url(/templates/Images/_black_bg_ticker.png);
}
    #black #ticker #tickFb
    {
        background-image: url(/templates/Images/_black_ico_ticker_fb.png);
    }
    #black #ticker #tickYt
    {
        background-image: url(/templates/Images/_black_ico_ticker_yt.png);
    }
    #black #ticker #tickTw
    {
        background-image: url(/templates/Images/_black_ico_ticker_tw.png);
    }
    
#black #stayConnected
{
    background-image: url(/templates/Images/_black_bg_footer.png);
}
#black #leagal
{
    /**background-image: url("/templates/Images/_black_bg_footer_coconuts.jpg");**/
}
#black .readMore a
{
	background-image: url(/templates/Images/_black_arrow_right.png);
}
#black #navA li a:hover,
#black #navA li:hover
{
    background-color: #000000;
}
#black #startpageSmallTeasers .startpageTeaser .teaserText a,
#black .playBytton,
#black .borderLink
{
    background-color: #000000;
}
    #black #startpageSmallTeasers .startpageTeaser .teaserText a:hover,
    #black .listen a:hover,
    #black .borderLink:hover
    {
        background-color: #818181;
    }
#black #relatedContent #toplist ul li.place0 a
{
    background-color: #696969;
}
	#black #relatedContent #toplist ul li.place0 a:hover
    {
        background-color: #bfbfbf;
    }
#black #relatedContent #toplist ul li.place1 a
{
    background-color: #989898;
}
	#black #relatedContent #toplist ul li.place1 a:hover
    {
        background-color: #d4d4d4;
    }
#black #relatedContent #toplist ul li.place2 a
{
    background-color: #cdcdcd;
}
	#black #relatedContent #toplist ul li.place2 a:hover
    {
        background-color: #ebebeb;
    }
    
    
    
/*  Red theme */
#red #logo,
#red #shadeTop,
#red #shadeBottom,
#red .topBottomLine,
#red #mainNav img,
#red #subMenuBg img,
#red #relatedContent .DJteaser img.djBorder,
#red .border,
#red #relatedContent .teaser img.teaserBorder,
#red #startpageSmallTeasers .button,
#red .drinkList a .drinkLink,
#red .drinkList a.drinkLink,
.redButtonHover,
.redButton,
.menuRed,
#red #leagal p
{
    display: none;
}
#red #redLogo,
#red #bgImageWrapper,
#red a:hover .redButtonHover,
#red a .redButton,
#red #mainNav a:hover .menuRed,
#red #mainNav li.active a .menuRed,
#red #leagal p.redlegal
{
    display: block;
}
    #red a:hover .redButton
    {
        display: none;
    }
#red #subMenuBg img.blackImg,
#red #relatedContent .DJteaser img.blackImg
{
    display: block !important;
}
#red #navA li.active,
#red #navA li:hover,
#red #relatedContent .teaser,
#red #ticker,
#red #startpageSmallTeasers,
#red #startpageSmallTeasers .startpageTeaser .teaserText a,
#red #startpageSmallTeasers .startpageTeaser .teaserText a:hover,
#red .drinkList a .drinkLink,
#red .drinkList a.drinkLink,
#red .drinkList a .drinkName,
#red #footer,
#red #footer #leagal
{
    background: none;
}

#red
{
    background: #870004;
}
#red #bgImageWrapper
{
    left: 0px;
    overflow: hidden;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: -1;
}
    #red #bgImageWrapper img.bgImage
    {
        min-height: 100%;
        min-width: 1024px;
        width: 100%;
        height: auto;
        position: fixed;
        top: 0px;
        left: 0px;
    }
#red #header
{
    background: url(/templates/Images/bg_header.png) repeat-x top center;
    height: 176px;
}
    #red #loginbutton
    {
        background: url(/templates/Images/button_red_fb.png) no-repeat top center;
    }
    #red #searchbar input.button,
    #red #searchbar A.button,
    #red #searchButton
    {
        margin: 0px 0px 0px 3px;
    }
    #red #searchbar input.textfield
    {
        background: url(/templates/Images/bg_red_blackshade.png) repeat top center;
        border: none;
        border-radius: 3px 3px 3px 3px;
        padding: 5px 5px 5px 5px;
    }
#red #pageContent
{
    background: url(/templates/Images/bg_red_footer.gif) repeat-x bottom center;
    
}
#red #ticker
{
    margin: 0px 0px 0px 0px;
}
    #red #ticker, #red #ticker a
    {
        line-height: 22px;
    }
#red #pageContent .center
{
    background: url(/templates/Images/bg_red_rightcol_shade.png) repeat-y top right;
    overflow: hidden;
}
#red #mainContent
{
    margin: 15px 0px 0px 0px;
    padding-bottom: 300px;
}
#red #relatedContent
{
    background: url(/templates/Images/bg_red_blackshade.png) repeat top center;
    margin: 20px 0px 310px 0px;
    padding: 10px 3px 10px 3px;
}
    #red .RedDrinkTeaser,
    #red #CounterOneContainer p
    {
        color: #ffffff;
    }
        #red #relatedContent .RedDrinkTeaser .teaserHeader
        {
            color: #DF0003;
            padding: 0px 0px 0px 0px;
        }
        #red .RedDrinkTeaser img
        {
            background: url(/templates/Images/bg_drink_rightcol.png) no-repeat top center;
            display: inline-block;
            height: 177px;
            margin: 10px 0px 0px 0px;
            padding: 0px 42px 0px 41px;
            position: relative;
            width: 113px;
        }
        #red .RedTeaser p,
        #red .RedDrinkTeaser p
        {
            color: #ffffff;
        }
        #red .RedDrinkTeaser .link
        {
            margin: 10px 0px 5px 0px;
            text-align: center;
        }
            #red .RedDrinkTeaser .link a
            {
                padding: 10px 13px 10px 12px;
                position: relative;
            }
                #red .RedDrinkTeaser span
                {
                    position: relative;
                    z-index: 100;
                }
                #red .RedDrinkTeaser .redButton,
                #red .RedDrinkTeaser .redButtonHover
                {
                    background: none;
                    display: block;
                    height: 100%;
                    left: 0px;
                    margin: 0px 0px 0px 0px;
                    padding: 0px 0px 0px 0px;
                    position: absolute;
                    top: 0px;
                    width: 100%;
                    z-index: 0;
                }
                #red .RedDrinkTeaser .redButtonHover
                {
                    display: none;
                }
                    #red .RedDrinkTeaser a:hover .redButtonHover
                    {
                        display: block;
                    }
                #red .RedDrinkTeaser .button,
                #red .RedTeaser .button,
                #red .CounterOneControl .button
                {
                    display: none;
                }
        #red .RedDrinkTeaser .share
        {
            padding: 10px 15px 0px 15px;
        }
        
#red #stayConnected
{
    background-image: url(/templates/Images/_black_bg_footer.png);
}
#red #startpageMainTeaser img.border
{
    display: none;
}
#red #startpageSmallTeasers
{
    background: url(/templates/Images/bg_red_blackshade_startpageSmallTeasers.png) repeat-y top center;
}
    #red #startpageSmallTeasers .startpageTeaser
    {
        background: none; /*url(/templates/Images/bg_red_blackshade.png) repeat top center;*/
        padding: 15px 0px 15px 0px;
    }
    #red #startpageSmallTeasers .startpageTeaser img
    {
        position: relative;
    }
    #red #startpageSmallTeasers img.redButton,
    #red #startpageSmallTeasers img.redButtonHover
    {
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 0;
    }
    #red #startpageSmallTeasers .link a
    {
        padding: 5px 13px 5px 12px;
    }
    #red #startpageSmallTeasers img
    {
    }
    #red #startpageSmallTeasers .link a span
    {
        display: inline-block;
        position: relative;
        z-index: 100;
    }
#red .drinkList ul
{
    width: 100%;
}
    #red .drinkList li
    {
        background: url(/templates/Images/bg_red_blackshade.png) repeat top center;
        font-family: 'MalibuSlab900';
        height: 250px;
        margin: 0px 10px 20px 10px;
        padding: 10px 0px 0px 0px;
        width: 160px;
    }
        #red .drinkList img
        {
            height: 177px;
            background: url(/templates/Images/bg_drink.png) no-repeat top center;
            display: inline-block;
            padding: 0px 18px 0px 19px;
            width: 113px;
        }
        #red .drinkList a,
        #red .drinkList a .drinkName
        {
            color: #df0003;
        }
            #red .drinkList li:hover a,
            #red .drinkList li:hover a .drinkName
            {
                color: #ffffff;
            }
#red .readMore a
{
	background-image: url(/templates/Images/_black_arrow_right.png);
}

#red #filter p
{
    margin: 0px 0px 10px 0px;
}
#red .back a,
#red .back a:hover
{
    background-image: url(/templates/Images/_black_arrow_left.png);
    background-position: 0px 0px;
    color: #ffffff;
}
    #red .drinkDetail
    {
        background: url(/templates/Images/bg_red_drinkdetail.png) no-repeat center center;
        padding: 0px 110px 10px 40px;
    }
        #red .drinkDetail .text
        {
            padding: 30px 0px 20px 0px;
        }
            #red .drinkDetail .text h1
            {
                color: #df0003;
                font-family: 'MalibuSlab300';
            }
            #red .drinkDetail .text p
            {
                color: #ffffff;
            }

#red #footer
{
    bottom: 0px;
    height: 300px;
    left: 0px;
    position: absolute;
}
    #red #footer #stayConnected
    {
        background: none;
        display: block;
        margin: 20px 0px 0px 0px
    }
    #red #leagal
    {
        min-height: 0px;
        padding: 0px 10px 30px 10px;
        text-align: center;
        width: 680px;
    }
        #red #leagal p
        {
            color: #ffffff;
        }
        #red #leagal #more
        {
            width: 680px;
    }