/*########################################################################*/
/* copyright 2005 -2009 by creativbox.net - Internet Lösungen             */
/* Torsten Leithold & Georg von Kries GbR                                 */
/*########################################################################*/

/*
###################################################
Standards
###################################################
*/

body
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 10px;
    color: #666;
    padding: 0;
    margin: 37px 0 0 0;
    background: url(/fileadmin/templates/images/bg.gif) repeat-x;
}

h1, h2, h3, h4
{
    margin: 10px 0 10px 0;
    font-size: 10px;
    font-weight: bold;
}

h1
{
    font-size: 16px;
}

img
{
    border: 0;
}

input, select
{
    border: 1px solid #999;
    margin: 0 5px 5px 0;
}

input.submit
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 10px;
    border: 1px solid #999;
}

p
{
    margin: 15px 0 15px 0;
}

ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

a:link, a:visited, a:active
{
    text-decoration: none;
    color: #333;
}

a:hover
{
    text-decoration: underline;
    color: #666;
}

/*
###################################################
Container / Boxes / 
###################################################
*/

#container
{
    width: 962px;
    margin: 0 auto 0 auto;
}

body#p30 .container-left-80,
.container-left,
body#p56 .container-left-80,
body#p90 .container-left-80,
body#p123 .container-left-80
{
    margin: 63px 0 0 0;
    float: left;
    width: 716px;
    position: relative;
   
}

.news-container
{
    width: 490px;
}

* html .news-container
{
    width: 488px;
}

.container-right
{
    margin: 63px 0 0 18px;
    float: left;
    width: 228px;
    overflow: hidden;
}

.box-big
{
    float: left;
    width: 452px;
    height: 121px;
    border: 0px solid #E8E8E8;
    margin: 0 17px 0 17px;
    padding: 10px;
    background: url(/fileadmin/templates/images/news_bg.gif);
}

.box-small
{
    float: left;
    width: 228px;
}



/*
###################################################
Navigation
###################################################
*/

.navigation
{
    height: 27px;
    /*line-height: 27px;*/
    width: 962px;
    position: relative;
    background: url(/fileadmin/templates/images/navigation_bg.gif);
}

.navigation ul
{
    margin: 0 0 0 256px;
}

.navigation li
{
    float: left;
    margin-right: 38px;
    height: 20px;
    padding-top: 5px;
}

.navigation a
{
    font-size: 16px;
    display: block;
}

.navigation a:hover, .navigation a.aktiv
{
    color: #ADADAD;
    text-decoration: none;
}

ul.submenu
{
    position: absolute;
    top: 60px;
    left: 0;
}

ul.submenu li
{
    margin-right: 15px;
}

ul.submenu a
{
    font-size: 11px;
    text-transform: uppercase;
}

ul.submenu a:hover
{
    color: #ff0000;
}


/*
###################################################
Navigation Left
###################################################
*/

.navigation-left
{
    margin: 63px 0 0 0;
    width: 226px;
    padding: 0;
    float: left;
}

.navigation-left li
{
    margin-bottom: 5px;
}

.navigation-left a
{
    font-size: 12px;
    text-transform: uppercase;
    display: block;
}


.navigation-left a:hover, .navigation-left a.aktiv
{
    color: #ff0000;
}

/*
###################################################
Header
###################################################
*/

.header
{
    width: 716px;
    height: 253px;
}

.logo
{
    position: absolute;
    top: -28px;
    left: 75px;
}

/*
###################################################
Content
###################################################
*/

.content
{
    float: right;
    width: 470px;
    padding: 25px 0 0 0;
    color: #000;
    line-height:14px;
}

.news-container .content
{
    padding-top:0px;
}

.content ul
{
list-style:disc;
margin-left:20px;
}

.content-full
{
    width: 962px;
    margin: 80px 0 0 0;
}

table.werte
{
width:100%;
}


table.werte th
{
    text-align: left;
    padding: 3px 0 3px 0;
    border-bottom: 1px solid #E8E8E8;
    vertical-align:bottom;
}

table.werte td
{
    border-bottom: 1px solid #E8E8E8;
    padding: 3px 0 3px 0;
}


.line
{
    margin: 15px 0 15px 0;
    height: 4px;
    background: #E8E8E8;
    overflow:hidden;
}


body#p6 .line
{
    margin: 15px 0 15px 0;
    height: 4px;
    background: #E8E8E8;
    width:950px;
}



.bottle
{
    position: absolute;
    top: 35px;
    left:14px;
}

.drinks
{
    width: 962px;
}

* html .drinks
{
    width: 963px;
}

.drinks a
{
    float: left;
}


/*
###################################################
Content News
###################################################
*/


.news_pic_big
{
    float: left;
    margin-right: 10px;
    width: 231px;
}

.news_teaser
{
    float: left;
    width: 200px;
}

.news_teaser a
{
    background: url(/fileadmin/templates/images/link_more.gif) 0 3px no-repeat;
    padding-left: 20px;
    font-style: italic;
}

.content_news ul
{
    clear: both;
    background: url(/fileadmin/templates/images/news_line.gif) left bottom no-repeat;
    margin-bottom: 50px;
}

.content_news li
{
    padding: 10px 0 10px 0;
    background: url(/fileadmin/templates/images/news_line.gif) left top no-repeat;
    font-style: italic;
}

.content_news li a
{
    font-size: 14px;
    font-style: normal;
}

.content_news li a:hover
{
    color: #ff0000;
}

/*
###################################################
Box News
###################################################
*/

.box-news a
{
    text-decoration: underline;
}

.box-news a:hover
{
    text-decoration: none;
}

.box-news h1
{
    font-size: 12px;
    margin: 0 0 2px 0;
}

.box-news li
{
    margin-bottom: 10px;
}

.box-news p
{
    margin:0;
}


.box-news h2
{
    margin:0;
}

.box-news .news-list-item
{
margin:0 0 10px 0;
}

span.news-morelink
{
margin-left:3px;
}


/*
###################################################
Box Small
###################################################
*/

.box-small
{
    margin: 0 0 10px 0;
    width: 206px;
    border-right: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8;
    position: relative;
    padding: 10px 10px 10px 10px;
}


* html .box-small
{

height:100%;
padding-bottom:0;
}


.box-small-home
{
    width: 228px;
    float:left;
}

.box-border-top
{
    background: url(/fileadmin/templates/images/ecke_rund_oben.gif) no-repeat;
    width: 228px;
    height: 3px;
    position: absolute;
    top: 0;
    left: -1px;
}


* html .box-border-top
{

}


.box-border-bottom
{
    background: url(/fileadmin/templates/images/ecke_rund_unten.gif) no-repeat;
    width: 228px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: -1px;
}

* html .box-border-bottom
{
    bottom:-11px;
    
    
}


.box-small h1
{
margin:0 0 10px -5px;
font-size:11px;
}



* html .box-small h1
{
margin-left:0;
}


.box-small p.bodytext
{
    margin:0;
    padding:0;
}


.box-small .csc-textpic-text
{
    padding: 5px 0 15px 0;
}


.box-small .box-small-inner
{
position:relative;
float:left;
}


.box-grey
{
background:#F4F4F4;
height:121px;
}

.box-grey .box-border-top
{

background: url(/fileadmin/templates/images/ecke_rund_oben_grau.gif) no-repeat;
}

.box-grey .box-border-bottom
{

background: url(/fileadmin/templates/images/ecke_rund_unten_grau.gif) no-repeat;
}


/*
###################################################
Newsletter
###################################################
*/

FORM#newsletter-anmeldung #powermaildiv_uid14 INPUT,
FORM#newsletter-anmeldung #powermaildiv_uid16 INPUT,
FORM#newsletter-anmeldung #powermaildiv_uid83 INPUT,
FORM#newsletter-anmeldung #powermaildiv_uid52 INPUT,
FORM#newsletter-anmeldung #powermaildiv_uid117 INPUT,
FORM#newsletter-anmeldung #powermaildiv_uid101 INPUT,
FORM#newsletter-anmeldung #powermaildiv_uid100 INPUT,
FORM#newsletter-anmeldung #powermaildiv_uid84 INPUT
{
height:20px;
border:1px solid #E8E8E8;
width:145px !important;

}


body#p17 .tx_powermail_pi1_fieldwrap_html_submitgraphic INPUT,
body#p78 .tx_powermail_pi1_fieldwrap_html_submitgraphic INPUT,
body#p70 .tx_powermail_pi1_fieldwrap_html_submitgraphic INPUT,
body#p145 .tx_powermail_pi1_fieldwrap_html_submitgraphic INPUT,
body#p137 .tx_powermail_pi1_fieldwrap_html_submitgraphic INPUT,
body#p112 .tx_powermail_pi1_fieldwrap_html_submitgraphic INPUT,
body#p104 .tx_powermail_pi1_fieldwrap_html_submitgraphic INPUT
{
float:right;
}


FORM#newsletter-anmeldung #powermaildiv_uid14,
FORM#newsletter-anmeldung #powermaildiv_uid16,
FORM#newsletter-anmeldung #powermaildiv_uid83,
FORM#newsletter-anmeldung #powermaildiv_uid52,
FORM#newsletter-anmeldung #powermaildiv_uid117,
FORM#newsletter-anmeldung #powermaildiv_uid101,
FORM#newsletter-anmeldung #powermaildiv_uid100,
FORM#newsletter-anmeldung #powermaildiv_uid84
{
width:145px !important;
float:left !important;
overflow:hidden !important;
}


body#p23 .box-grey h1,
body#p17 .box-grey h1,
body#p78 .box-grey h1,
body#p70 .box-grey h1,
body#p145 .box-grey h1,
body#p137 .box-grey h1,
body#p112 .box-grey h1,
body#p104 .box-grey h1
{
margin-left:0;
}



/*

###################################################
Facts
###################################################
*/

body#p38 .csc-header-n3 h1
{
margin-top:-15px;
}

/*

###################################################
Contact / Impressum
###################################################
*/

body#p6 .container-right,
body#p30 .container-right
{
line-height:14px;
}

/*
###################################################
FAQ
###################################################
*/


body#p35 .tx-irfaq-dynheader,
body#p58 .tx-irfaq-dynheader,
body#p125 .tx-irfaq-dynheader,
body#p92 .tx-irfaq-dynheader
{
background:url(/fileadmin/templates/images/faq_close.gif) 0 4px no-repeat;
padding-left:10px !important;
margin-bottom:10px;
}

body#p35 .tx-irfaq-dynans-hidden,
body#p58 .tx-irfaq-dynans-hidden,
body#p125 .tx-irfaq-dynans-hidden,
body#p92 .tx-irfaq-dynans-hidden
{
padding-left:10px !important;
}

body#p35 .opened,
body#p58 .opened,
body#p125 .opened,
body#p92 .opened
{
background:url(/fileadmin/templates/images/faq_open.gif) 0 4px no-repeat !important;
padding-left:10px !important;
}


/*
###################################################
SQOL
###################################################
*/

body#p37 .csc-textpic-imagewrap,
body#p60 .csc-textpic-imagewrap,
body#p127 .csc-textpic-imagewrap,
body#p94 .csc-textpic-imagewrap   
{
margin-bottom:10px;
}

/*
###################################################
Fruit Button Seite Rehydrate
###################################################
*/

body#p28 .box-small + .box-small .csc-textpic
{
display:visible;
height:100px;
}


/*
###################################################
Newsseite
###################################################
*/


* html body#p23 ul.thumbs
{
position:relative;
}

* html body#p23 .news-list-item 
{
height:100%;
}



/*
###################################################
Kontaktseite
###################################################
*/

BODY#p55 .container-left-80 .content,
BODY#p89 .container-left-80 .content,
BODY#p122 .container-left-80 .content  
{	
PADDING-RIGHT: 0px;	
PADDING-LEFT: 0px;	
FLOAT: left;	
PADDING-BOTTOM: 0px;	
WIDTH: 100%;	
COLOR: #000000;	
LINE-HEIGHT: 14px;	
PADDING-TOP: 25px;
}

BODY#p55 .container-left-80,
BODY#p89 .container-left-80,
BODY#p122 .container-left-80  
{	
FLOAT: left;	
MARGIN: 63px 0px 0px;	
OVERFLOW: hidden;	
WIDTH: 716px;	
POSITION: relative;
}


FORM#contact #tx-powermail-pi1_fieldset_17,
FORM#contact #tx-powermail-pi1_fieldset_22,
FORM#contact #tx-powermail-pi1_fieldset_26 
{	
FLOAT: left;	
OVERFLOW: hidden;
WIDTH: 457px;
}



FORM#contact #tx-powermail-pi1_fieldset_16,
FORM#contact #tx-powermail-pi1_fieldset_21,
FORM#contact #tx-powermail-pi1_fieldset_25 
{	
FLOAT: left;	
OVERFLOW: hidden;
PADDING-RIGHT: 30px;	
WIDTH: 228px;
}





/*
###################################################
Footer
###################################################
*/

.footer, .footer a:link, .footer a:visited, .footer a:active
{
    text-align: center;
    color: #666;
}


/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */
.clearfix
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix
{
    display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix
{
    display: block;
}
/* End hide from IE Mac */


/*
###################################################
Eingangsseite
###################################################
*/

.entrypage
{
text-align:center;    
}


.entrypage a
{
    
float:left;
text-align:center;
margin-right:6px;    
}

.entrypage .flags
{
 margin:20px auto 0 auto;
 width:267px;
 }
    
.entrypage a.en-us  
{
background:url(/fileadmin/templates/images/splash/flag_en_us.png) top right; 
width:32px;
height:32px; 
display:block;  
}  

* html .entrypage a.en-us  
{
background:url(/fileadmin/templates/images/splash/flag_en_us.jpg) top right; 
width:32px;
height:32px; 
display:block;  
}

.entrypage a.en-us:hover  
{
background:url(/fileadmin/templates/images/splash/flag_en_us.png) top left; 
width:32px;
height:32px; 
display:block;  
}  

* html .entrypage a.en-us:hover  
{
background:url(/fileadmin/templates/images/splash/flag_en_us.jpg) top left; 
width:32px;
height:32px; 
display:block;  
} 


.entrypage a.en-gb  
{
background:url(/fileadmin/templates/images/splash/flag_en_gb.png) top right; 
width:32px;
height:32px; 
display:block;  
}  

.entrypage a.en-gb:hover  
{
background:url(/fileadmin/templates/images/splash/flag_en_gb.png) top left; 
width:32px;
height:32px; 
display:block;  
} 


.entrypage a.german  
{
background:url(/fileadmin/templates/images/splash/flag_german.png) top right; 
width:32px;
height:32px; 
display:block;  
}  

* html .entrypage a.german  
{
background:url(/fileadmin/templates/images/splash/flag_german.jpg) top right; 
width:32px;
height:32px; 
display:block;  
} 


.entrypage a.german:hover  
{
background:url(/fileadmin/templates/images/splash/flag_german.png) top left; 
width:32px;
height:32px; 
display:block;  
}

* html .entrypage a.german:hover  
{
background:url(/fileadmin/templates/images/splash/flag_german.jpg) top left; 
width:32px;
height:32px; 
display:block;  
}




.entrypage a.swiss  
{
background:url(/fileadmin/templates/images/splash/flag_swiss.png) top right; 
width:32px;
height:32px; 
display:block;  
}  

* html .entrypage a.swiss 
{
background:url(/fileadmin/templates/images/splash/flag_swiss.jpg) top right; 
width:32px;
height:32px; 
display:block;  
} 



.entrypage a.swiss:hover  
{
background:url(/fileadmin/templates/images/splash/flag_swiss.png) top left; 
width:32px;
height:32px; 
display:block;  
}

* html .entrypage a.swiss:hover  
{
background:url(/fileadmin/templates/images/splash/flag_swiss.png) top left; 
width:32px;
height:32px; 
display:block;  
}




.entrypage a.canada  
{
background:url(/fileadmin/templates/images/splash/flag_canada.png) top right; 
width:32px;
height:32px; 
display:block;  
}  

* html .entrypage a.swiss 
{
background:url(/fileadmin/templates/images/splash/flag_canada.jpg) top right; 
width:32px;
height:32px; 
display:block;  
} 



.entrypage a.canada:hover  
{
background:url(/fileadmin/templates/images/splash/flag_canada.png) top left; 
width:32px;
height:32px; 
display:block;  
}

* html .entrypage a.canada:hover  
{
background:url(/fileadmin/templates/images/splash/flag_canada.png) top left; 
width:32px;
height:32px; 
display:block;  
}





.entrypage a.australia  
{
background:url(/fileadmin/templates/images/splash/flag_australia.png) top right; 
width:32px;
height:32px; 
display:block;  
}  

* html .entrypage a.australia 
{
background:url(/fileadmin/templates/images/splash/flag_australia.jpg) top right; 
width:32px;
height:32px; 
display:block;  
} 



.entrypage a.australia:hover  
{
background:url(/fileadmin/templates/images/splash/flag_australia.png) top left; 
width:32px;
height:32px; 
display:block;  
}

* html .entrypage a.australia:hover  
{
background:url(/fileadmin/templates/images/splash/flag_australia.png) top left; 
width:32px;
height:32px; 
display:block;  
}





.entrypage .copyright
{
margin-top:200px;    
}