/******************************************************************************/
/*                                Hero Schweiz                                */
/******************************************************************************/



/*  Reset CSS -> Thanks to Eric A. Meyer */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }

body {
	line-height: 1;
	color: #666;
	background: #fff;
	background-image : url(bg_all.jpg);
	background-repeat : no-repeat;
	background-position : top left;
    }

ol, ul {
	list-style: none;
    }

table {
	border-collapse: separate;
	border-spacing: 0;
    }
    
caption, th, td {
	text-align: left;
	font-weight: normal;
    }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    }
    
blockquote, q {
	quotes: "" "";
    }



/******************************************************************************/
/********************************************************************** Start */
/******************************************************************************/



/* General */

a:link  {
    color : #039;
    text-decoration : underline;
    }
        
a:visited   {
    color : #039;
    text-decoration : underline;    
    }

a:hover {
    color : #000;
    text-decoration : none;
    }

.smaller,
span.smaller    {
    font-size : 11px;
    line-height : 14px;
    }


/* Tool Tip */

#tooltip_content{
    position : absolute;
    border : 1px solid #666;
    color : #c33;
    background-color : #fff;
    z-index : 100;
    visibility : hidden;
    padding : 8px 10px 0 10px;
    font-size : 12px;
    line-height : 12px;
    font-style : italic;
    } 


/* Site */

html {
 	height : 100%;
	}


body	{
    height : 100%;
    width : 100%;
    font-family : georgia, palatino, serif;
    color : #333;
    background-color : #0f228b;
	}

div.site,
div.site_start {
    width : 970px;
    margin : 0 auto -25px;
    padding : 0;
    border-width : 0 0 0 1px;
    border-color : #e3e3e3;
    border-style : solid;
    background-color : #fff;
    }
    
div.site {
    min-height : 100%;
    height : auto !important;
    height : 100%;
    }

/********************************************************************* Header */

div.header {
    position : relative;
	margin : 0;
	padding : 0;
	color : #fff;
	}

div.header p.header_img {
    background-position : top right;
    background-repeat : no-repeat;
    }


div.search_lang {
    margin-top : -20px;
    height : 50px;
    }


/* General Definitions Meta */

ul.meta_search,    
ul.meta_input,
ul.meta  {
    margin : 0;
    padding : 0;
    list-style : none;
    font : normal 11px/15px arial, helvetica, sans-serif;
    }    

ul.meta_search,
ul.meta {
    position : absolute;
    top : 68px;
    left : 732px;
    color : #333;
    }


/* Meta Search */

ul.meta_search li input    {
    background-color : #fff;
    padding : 1px 2px;
    font-size : 11px;
    line-height : 15px;
    border : 1px solid #666;
    width : 153px;
    }    

ul.meta_input   {
    margin : 8px 0 0 0;
    }

ul.meta_input li input.meta_go    {    
    background-color : #039;
	color : #fff;
	margin : 0 0 0 1px;
	padding : 0 0 0 0;
    width : 25px;    
	}	

ul.meta_input li input.meta_go:hover    {    
    background-color : #c33;
    }

a.meta_search:link,
a.meta_search:visited  {
    color : #039;
    text-decoration : underline;
    }
 
a.meta_search:hover, 
a.meta_search:hover ul.meta_input   {
    color : #c33;
    text-decoration : none;
    visibility : visible;
    }
    
ul.meta_search li  {
    float : left;
    }
    
    
    
/* Meta Links */

ul.meta {
    left : 840px;
    /*    *left : 790px; */
    }

ul.meta li,
ul.meta li.language  {
    float : left;
    width : 170px;
    /*    *width : 310px; */
    }    
    
ul.meta li.language  {
    margin : 0 10px 0 -60px;
    /* *margin-left : -150px; */
    color : #333;
    font-weight : bold;
    text-align:right;
    }   
    
    
a.header:link,
a.header:visited {
    color : #039;
    text-decoration : underline;
    font-weight : normal;
    }
    
a.header:hover    {
    color : #c33;
    text-decoration : none;
    }    



/************************************************************ Content Wrapper */

div.content_wrapper     {
    margin : 75px 0px 0 20px;
    width : 950px;
    }



/***************************************************** General Main-Navigation */

div.navigation  {
    clear : left;
    float : left;
    width : 180px;
    min-height : 100%;
 
 	border : 0 dotted #999;
	border-top-width: 1px;
    }

/************************************************************* Sub-Navigation */


div.navigation p {
	padding : 0;
	border : 1px dotted #999;
	border-width: 0 0 1px 0;
	font-size : 14px;
	line-height : 18px;
	}

div.navigation p,
div.navigation p a {
	color: #039;
	text-decoration: none;
	}

div.navigation p.level_one a,
div.navigation p.level_one_selected a,
div.navigation p.level_one_shown,
div.navigation p.level_one_empty,

div.navigation p.level_two a,
div.navigation p.level_two_selected a,
div.navigation p.level_two_shown,
div.navigation p.level_two_empty,

div.navigation p.level_three a,
div.navigation p.level_three_selected a,
div.navigation p.level_three_shown,
div.navigatonn p.level_three_empty,

div.navigation p.level_four a,
div.navigation p.level_four_selected a,
div.navigation p.level_four_shown,
div.navigation p.level_four_empty {
	display: block;
	text-decoration : none;
    padding : 2px 0;
	}

div.navigation p.level_one_selected a,
div.navigation p.level_two_selected a,
div.navigation p.level_three_selected a,
div.navigation p.level_four_selected a,
div.navigation p.level_one_shown,
div.navigation p.level_two_shown,
div.navigation p.level_three_shown,
div.navigation p.level_four_shown {
	font-weight: normal;
    }

div.navigation p.level_one_selected a,
div.navigation p.level_one_empty  {
    font-style : italic;
    color : #c33;
    }


div.navigation p.level_one a,
div.navigation p.level_one_selected a,
div.navigation p.level_one_shown,
div.navigation p.level_one_empty {
	width: 165px;
	padding-left : 15px;
    }

/* Level 2 */

div.navigation p.level_two a,
div.navigation p.level_two_selected a,
div.navigation p.level_two_shown,
div.navigation p.level_two_empty {
	width: 145px;
	padding-left : 35px;
	color : #039;
    }

div.navigation p.level_two_selected a,
div.navigation p.level_two_empty   {
    font-style : italic;
    color : #c33;
    }


/* Level 3 */

div.navigation p.level_three a,
div.navigation p.level_three_selected a,
div.navigation p.level_three_shown,
div.navigation p.level_three_empty {
	width: 125px;
	padding-left : 55px;
	color : #039;
    }


div.navigation p.level_three_selected a,
div.navigation p.level_three_selected_empty {
    font-style : italic;
    color : #c33;
    }




/* Level 4 */

div.navigation p.level_four a,
div.navigation p.level_four_selected a,
div.navigation p.level_four_shown,
div.navigation p.level_four_empty {
	width: 105px;
	padding-left : 75px;
	color : #666;
   	}


/* Hover */

div.navigation p.level_one a:hover,
div.navigation p.level_one_selected a:hover,
div.navigation p.level_two a:hover,
div.navigation p.level_two_selected a:hover,
div.navigation p.level_three a:hover,
div.navigation p.level_three_selected a:hover,
div.navigation p.level_four a:hover {
	text-decoration: none;
	background-color : #e8e8e8;
	color : #333;
	}


/* Shown */
div.navigation p.level_one_shown,
div.navigation p.level_two_shown,
div.navigation p.level_three_shown,
div.navigation p.level_four_shown  {
    background-color : #fff;
    color : #c33;
    font-weight : bold;
    font-style : italic;
	padding-top : 2px;
	padding-bottom : 2px;
	border : 1px dotted #999;
	border-width: 0 0 1px 0;
    }



/******************************************************************** BB-List */


/* Unordered  Content */

div.content ul,
div.content ul.bb-list-unordered    {
    list-style : disc;
    padding-left : 7px;
    margin : 0 0 10px 10px;
    }

div.content ul li,
div.content ul.bb-list-unordered li.bb-listitem {
    padding : 4px 0 0 0;
    font-style : normal;
    }


/* Ordered List */

div.content ol.bb-list-ordered-d    {
    list-style : decimal;
    margin : 15px 0 0 5px;
    padding : 0;
    }


div.content ol.bb-list-ordered-d li.bb-listitem {
    margin : 0 0 0 18px;
    padding : 0 0 5px 0;
    }



/******************************************************************** Content */

div.content,
div.content_start   {
    margin : 0;
    padding : 0 30px 25px 30px;
    width : 505px;
    font-size : 14px;
    line-height : 20px;
    }

div.content {
    float : left;
    }


div.content_start   {
    float : right;
    width : 700px;
    padding : 0 0 25px 30px;
    padding-bottom : 25px;
    }



div.content_noservice {
    width : 520px;
    padding : 0 10px 25px 30px;
    }

    
h1  {
    font-size : 36px;
    line-height : 40px;
    font-style : italic;
    font-weight : normal;
    margin-bottom : 40px;
    color : #c33;
    } 


h2  {
    font-size : 13px;
    line-height : 20px;
    font-weight : bold;
    margin-bottom : 15px;
    }

h4  {
    font-size : 14px;
    line-height : 20px;
    font-weight : bold;
    
    }

h4,
div.content p   {
    margin-bottom : 10px;
    }
    
    
    
p.anchor_top {
    width : 550px;
    margin-left : 230px;
    text-align : left;
    }        


/*********** Found ***********/

span.highlighttext  {
    background-color : #ffddd8;
    }



/****************************************************************** Startpage */

div.teaser_wrapper  {
    float : left;
    width : 515px;
    margin : 0;
    padding : 0;
    }

div.teaser,
div.teaser_jobs  {
    float : left;
    padding : 0 15px 30px 0;   
    width : 240px;
    }

/* More */

div.teaser a.more   {
    padding : 0 0 3px 10px;
    background-image : url(arrow.png);
    background-repeat : no-repeat;
    background-position : 0 4px;
    color : #039;
    font-size : 10px;
    font-style : italic;
    }

div.teaser a:hover     {
    color : #c33;
    }


div.teaser a.bb-url {
    font-style : italic;
    }





div.teaser_jobs {
    width : 160px;
    margin : 0 0 0 12px;
    }


div.teaser h2,
div.teaser_jobs h2  {
    float : left;
    width : 100%;
    display : block;
    font-size : 14px;
    font-style : italic;
    color : #039;
    text-decoration : none;
    border : 0 dotted #999;
    border-top-width : 1px;
    background-image : url(shadow.png);
    background-repeat : repeat-x;
    }


div.teaser p.teaser {
    float : left;
    }

div.teaser p.teaser_img    {
    /*float : right;*/
    text-align:center;
    }


div.site_start div.service  {
    margin : 0;
    }

div.site_start div.service h5   {
    width : 100%;
    display : block;
    margin : 0;
    font-size : 14px;
    font-style : italic;
    color : #039;
    text-decoration : none;
    border : 0 dotted #999;
    border-top-width : 1px;
    background-image : url(shadow.png);
    background-repeat : repeat-x;
    }



/* Job Listing */

div.teaser_jobs ul.jobs {
    list-style : none;
    margin : 5px 0 10px 0;
    }

div.teaser_jobs ul.jobs li  {
    padding : 0 0 3px 10px;
    background-image : url(arrow.png);
    background-repeat : no-repeat;
    background-position : 2px 6px;
    }

div.teaser_jobs ul.jobs  a   {
    color : #039;
    font-style : italic;
    }

div.teaser_jobs ul.jobs a:hover     {
    color : #c33;
    }



/************************************************************* Product Detail */

div.product_detail  {
    clear : both;
    width : 100%;
    margin-top : 20px;
    font-style : italic;
    }

div.product_detail h2,
div.thumb_product h2  {
    float : left;
    width : 493px;
    display : block;
    padding-left : 2px;
    font-size : 14px;
    font-style : italic;
    color : #039;
    text-decoration : none;
    border : 0 dotted #999;
    border-top-width : 1px;
    background-image : url(shadow.png);
    background-repeat : repeat-x;
    }

div.product_detail h2:hover  {
    background-image : url(shadow_over.png);
    color : #c33;
    }

div.product_detail span.title   {
    float : left;
    width : 460px;
    }

div.product_detail span.up_down {
    float : right;
    width : 20px;
    }

div.product_detail span.up_down img.up,
div.product_detail span.up_down img.down {
    width : 11px;
    height : 10px;
    background-image : url(arrow_product_down.png);
    background-repeat : no-repeat;
    background-position : top left;
    }

div.product_detail span.up_down img.up {
    background-image : url(arrow_product_up.png);
    }

div.product_detail span.up_down img.up:hover {
    background-image : url(arrow_product_down.png);
    } 

div.product_detail span.up_down img.down:hover {
    background-image : url(arrow_product_up.png);
    }    
    
    
/* Assortment */

div.assortment  {
    width : 500px;
    font-style : italic;
    }

div.assortment h3   {
    font-weight : bold;
    }

div.assortment p.assortment_desc    {
    float : left;
    width : 295px;
    }

div.assortment p.assortment_img {
    float : right;
    text-align : right;
    width : 180px;
    }

div.assortment p.assortment_img a:hover  {
    filter : alpha(opacity=50);
    -moz-opacity : .50;
    opacity : .50;
    }

div.assortment a.more    {
    background-image : url(arrow.png);
    background-repeat : no-repeat;
    background-position : 0 4px;
    margin-left : 10px;
    padding-left : 10px;
    color : #039;
    text-decoration : underline;
    }

div.assortment a.more:hover    {
    color : #c33;
    }

div.assortment img  {
    }





/* Nutrition Facts */

div.nutrition_fact  {
    float : left;
    width : 286px;
    font-style : italic;
    }

div.nutrition_fact h3   {
    font-weight : bold;
    }

div.nutrition_fact table.bb-table   {
    width : 100%;
    margin : 10px 0;
    border : 0 dotted #666;
    border-bottom-width : 1px;
    }

div.nutrition_fact table.bb-table td    {
    padding : 2px 0;
    border : 0 dotted #666;
    border-top-width : 1px;
    }

div.nutrition_fact td.info  {
    text-align : center;
    font-weight : bold;
    }


div.nutrition_fact a.info   {
    display : block;
    background-color : transparent;
    color : #039;
    padding : 0 5px;
    }

div.nutrition_fact a.info:hover   {
    color : #c33;
    background-color : #e8e8e8;
    }

div.nutrition_fact p.legend {
    font-size : 11px;
    line-height : 15px;
    font-style : italic;
    }



/* Padding Product Details */

div.product_detail h2,
div.product_detail p,
div.nutrition_fact h3,
div.nutrition_fact table.bb-table   {
    padding-left : 5px;
    }


/* Product Image */

div.general_content p.first {
    float : left;
    width : 100%;
    }

div.general_content p   {
    float : left;
    width : 60%;
    }

div.general_content p.detail_img {
    float : right;
    width : 35%;
    text-align : right;
    }

/* Product Gallery */

div.thumb_product   {
    clear : both;
    border : 0 dotted #999;
    padding-top : 10px;
    }

div.thumb_product p.thumb_product img {
    filter : alpha(opacity=50);
    -moz-opacity : 0.50;
    opacity : 0.5;
    }


div.thumb_product p.thumb_product a.thumb_product img {
    filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1;
    }

div.thumb_product p.thumb_product a.thumb_product:hover img {
    filter : alpha(opacity=50);
    -moz-opacity : 0.50;
    opacity : 0.5;
    }


/************************************************************** Image Gallery */

div.image_gallery   {
    position : relative;
    margin-bottom : 20px;
    width : 496px;
    }


div.image_gallery p.img_gallery img {
    border : 1px solid #e8e8e8;
    }


/* Image Navigation */

div.img_nav   {
    position : absolute;
    top : 0;
    left : 0;
    padding : 10px;
    width : 476px;
    }


div.img_nav a.back,
div.img_nav a.forward   {
    background-image : url(back.png);
    background-repeat : no-repeat;
    background-position : top left;
    background-color : #fff;
    width : 40px;
    height : 40px;
    border : 1px solid #e8e8e8;
    filter : alpha(opacity=50);
    -moz-opacity : .50;
    opacity : .50;
    }
    
div.img_nav a.forward   {
    background-image : url(forward.png);
    }
    
div.img_nav a.back  {
    float : left;
    }
        
div.img_nav a.forward  {
    float : right;
    }        
        
        
div.img_nav a.back:hover,
div.img_nav a.forward:hover   {
    filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1;
    }

/********************************************** Media - Radiospots - TV-Spots */

div.media   {
    margin-top : 25px;
    }


div.media h2    {
    margin-bottom : 5px;
    }



/******************************************************************** Service */

div.service {
    margin : 50px 0 0 0;
    padding : 0 0 25px 0;
    float : left;
    width : 185px;
    font-size : 13px;
    line-height : 16px;
    }


div.service h5  {
    font-size : 14px;
    font-weight : bold;
    font-style : italic;
    line-height : 16px;
    color : #c33;
    margin-top : 25px;
    padding : 5px 0 2px 0;
    border : 1px dotted #666;
    border-width : 1px 0 0 0;
    }


div.service p.first,
div.service p   {
    font-size : 14px;
    line-height : 18px;
    }


/* Download */

div.service ul.download {
    list-style : none;
    margin : 5px 0 10px 0;
    }

div.service ul.download li  {
    font-size : 13px;
    line-height : 16px;
    padding : 0 0 3px 10px;
    background-image : url(arrow.png);
    background-repeat : no-repeat;
    background-position : 0 4px;
    }

div.service a   {
    color : #039;
    font-style : italic;
    }

div.service a:hover     {
    color : #c33;
    }


/* Start-Image */

div.service p.start_image   {
    position : relative;
    top : -50px;
    margin : 0;
    padding : 0;
    }


div.service p.start_image img.start_image   {
    width : 169px;
    height : 229px;
    }



/* Flash */

div.service p.image,
div.service p.image_flash   {
    margin-top : 35px;
    }

/* Context*/

div.service b   {
    font-style : italic;
    }


/************************************************************** Contact Form */

	
table.contact, 
table.join   {
    margin : 0;
    padding : 0;
    width : 100%;
    background-color : #fff;
    }	


table.join  {
    margin-top : 20px;
    }

/* General Definitions */

table.contact td.top,
table.join td.top   {
	vertical-align : top;
	}

table.contact td.bold,
table.join td.bold   {
    font-weight : bold;
    }
	
table.contact td.small,
table.join td.small  {
    font-size : 10px;
    }	
	
table.join td.right {
    text-align : right;
    }	
	
	
/* Contact */	
	
table.contact td.col1,
table.join td.col1   {
    width : 50%;
    padding : 5px 0;
    }	

table.contact td.col2,
table.join td.col2   {
    text-align : left;
    }

table.join td.spam_description,    
table.contact td.spam_description {
    font-size : 11px;
    line-height : 15px;
    vertical-align : top;
    padding-right : 12px;
    }

table.contact select,
table.contact input.contact,
table.contact input.contact_error,
table.contact textarea.contact,
table.contact textarea.contact_error,
table.join select,
table.join input.contact,
table.join input.contact_error,
table.join textarea.contact,
table.join textarea.contact_error	{
	width : 95%;
	border : 1px solid #666;
	margin : 0;
	padding : 3px;
	background-color : #fff;
	color : #000;
	font-family : georgia, palatino, serif;
	font-weight : bold;
	font-style : normal;
	}

table.contact select  {
    width : 80px;
    }


table.contact textarea.contact    {
    margin : 4px 0 0 0;
    height : 80px;
    width : 95%;
    }

table.contact input.contact_error,
table.contact textarea.contact_error,
table.join input.contact_error,
table.join textarea.contact_error   {
    background-color : #fcc;
    color : #333;
    }

td.button_send  {
    text-align : right;
    }

input.button    {
	padding : 4px;
	background-color : #039;
	color : #fff;
	border : 1px solid #666;
	font-family : arial, helvetica, sans-serif;
	}
	
input.button:hover  {
    background-color : #fff;
    color : #039;
    }
      
    
/********************************************************************* Footer */
    
div.footer,
div.push,
div.push_teaser    {
    clear : both;
    margin : 0;
    padding : 0;
    width : 971px;
    height : 25px;
    color : #333;
    font : normal 10px/13px arial, helvetica, sans-serif;
    }    


div.push_teaser,
div.push {
    width : 100px;
    }

div.footer  {
    position : relative;
    margin : 0 auto;
    background-image : url(footer.png);
    background-position : bottom right;
    background-repeat : no-repeat;
    }

div.disclaimer p,
div.disclaimer p.first   {
	float: left;
    margin : 0 30px 0 0;
    padding : 8px 10px 2px 0;
    color : #333;
    text-align : right;
    }    
    
div.disclaimer p a:link,
div.disclaimer p a:visited  {
    margin : 0 0 0 0;
    color : #fff;
    font : normal 10px/13px arial, helvetica, sans-serif;
    }


div.disclaimer p.anchor_top    {
    width : 530px;
    padding-left : 233px;
    text-align : left;
    }

div.disclaimer p.anchor_top a.anchor_top:link,
div.disclaimer p.anchor_top a.anchor_top:visited  {
    color : blue;
    text-decoration : underline;
    }

div.disclaimer p.anchor_top a.anchor_top:hover {
    text-decoration : none;
    }

div.disclaimer p a:hover    {
    color : #fff;
    }


/* Footer Image */
div.footer_img  {
    position : absolute;
    top : -110px;
    right : 20px;
    width : 180px;
    height : 100px;
    }


div.footer div.footer_img p {
    width : 100%;
    text-align : center;
    }    
    
div.footer div.footer_img p img    {
    text-align : center;
    height : 90px;
    }