/******************************************************************************/
/*                                 Batrec                                     */
/******************************************************************************/


p.download a {
	margin-left: -10px;
	text-indent: 10px;
	position: relative;
	left: 10px;
}

/*  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;
    }

:focus {
	outline: 0;
	background-color : #fff; /* #cce1ee; */
	color : #000;
    }

body {
	line-height: 1;
	color: #000;
	background: #fff;
    }

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 : #900;
    text-decoration : none;
    }
        
a:visited   {
    color : #900;
    text-decoration : none;   
    }

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


span.smaller    {
    font-size : smaller;
    }


.uppercase    {
    text-transform : uppercase;
    }

i   {
    font-weight : normal;
    color : #900;
    text-transform : uppercase;
    }

/*********************************************************************** Site */

html {
 	height : 100%;
	}


body.start	{
    width : 100%;
    font-family : arial, helvetica, sans-serif;
    font-size : 14px;
    line-height : 18px;
	}

div.site_start    {
    margin : 0 auto;
    padding : 0;
    width : 950px;
    height : 600px;
    background-position : 0 80px;
    background-repeat : no-repeat;
    border-width : 1px;
    border-color : #e3e3e3;
    border-style : solid;
    background-color : #fff;
    }


body	{
    height : 100%;
    width : 100%;
    font-family : arial, helvetica, sans-serif;
    font-size : 14px;
    line-height : 18px;
    background-color : #ccc;
	}

div.site    {
    width : 950px;
    min-height : 100%;
    height : auto !important;
    height : 100%;
    margin : 0 auto -47px;
    padding : 0;
    border-width : 0 1px;
    border-color : #e3e3e3;
    border-style : solid;
    background-image : url(col_divider.png);
    background-position : 190px 0;
    background-repeat : repeat-y;
    background-color : #fff;
    }
    


    

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


div.header {
    position : relative;
	margin : 0;
	padding : 0;
	height: 75px;
	background-color : #006bab;
	background-image : url(bg_header.png);
	background-repeat : repeat-x;
	background-position : top left;
	color : #fff;
	}

p.logo  {
    float : left;
    padding : 25px 0 0 13px;
    text-align: left;
    }

/* Metanavigation */

div.meta_nav    {
    float : left;
    width : 825px;
    }

p.language  {
    float : left;
    margin : 28px 20px 0 20px;
    width : 100px;
    font-size : 11px;
    color : #000;
    }


p.language a    {   }



div.metanav   {
    float : left;
    margin-top : 25px;
    width : 580px;
    }

div.metanav a {
    float : left;
    height : 20px;
    display : block;
    background-repeat : no-repeat;
    background-position : top left;
    }


/*************************************** German Navigation */
div.metanav  a.kunden_de {
    width : 100px;
    background-image : url(meta_nav/kunden_de.gif);
    }

div.metanav a.behoerden_de {
    width : 118px;
    background-image : url(meta_nav/behoerden_de.gif);
    }

div.metanav a.medien_de {
    width : 94px;
    background-image : url(meta_nav/medien_de.gif);
    }

div.metanav a.konsumenten_de {
    width : 146px;
    background-image : url(meta_nav/konsumenten_de.gif);
    }

div.metanav a.film_de {
    width : 62px;
    background-image : url(meta_nav/film_de.gif);
    }

/******************************************** German Hover */

div.metanav  a.kunden_de:hover {
    width : 100px;
    background-image : url(meta_nav/kunden_de_over.gif);
    }

div.metanav a.behoerden_de:hover {
    width : 118px;
    background-image : url(meta_nav/behoerden_de_over.gif);
    }

div.metanav a.medien_de:hover {
    width : 94px;
    background-image : url(meta_nav/medien_de_over.gif);
    }

div.metanav a.konsumenten_de:hover {
    width : 146px;
    background-image : url(meta_nav/konsumenten_de_over.gif);
    }

div.metanav a.film_de:hover {
    width : 62px;
    background-image : url(meta_nav/film_de_over.gif);
    }



/*************************************** French Navigation */
div.metanav  a.kunden_fr {
    width : 78px;
    background-image : url(meta_nav/kunden_fr.gif);
    }

div.metanav a.behoerden_fr {
    width : 176px;
    background-image : url(meta_nav/behoerden_fr.gif);
    }

div.metanav a.medien_fr {
    width : 76px;
    background-image : url(meta_nav/medien_fr.gif);
    }

div.metanav a.konsumenten_fr {
    width : 145px;
    background-image : url(meta_nav/konsumenten_fr.gif);
    }

div.metanav a.film_fr {
    width : 45px;
    background-image : url(meta_nav/film_fr.gif);
    }

/******************************************** French Hover */

div.metanav  a.kunden_fr:hover {
    width : 78px;
    background-image : url(meta_nav/kunden_fr_over.gif);
    }

div.metanav a.behoerden_fr:hover {
    width : 176px;
    background-image : url(meta_nav/behoerden_fr_over.gif);
    }

div.metanav a.medien_fr:hover {
    width : 76px;
    background-image : url(meta_nav/medien_fr_over.gif);
    }

div.metanav a.konsumenten_fr:hover {
    width : 145px;
    background-image : url(meta_nav/konsumenten_fr_over.gif);
    }

div.metanav a.film_fr:hover {
    width : 45px;
    background-image : url(meta_nav/film_fr_over.gif);
    }



/*************************************** English Navigation */
div.metanav  a.kunden_en {
    width : 100px;
    background-image : url(meta_nav/kunden_en.gif);
    }

div.metanav a.behoerden_en {
    width : 118px;
    background-image : url(meta_nav/behoerden_en.gif);
    }

div.metanav a.medien_en {
    width : 72px;
    background-image : url(meta_nav/medien_en.gif);
    }

div.metanav a.konsumenten_en {
    width : 113px;
    background-image : url(meta_nav/konsumenten_en.gif);
    }

div.metanav a.film_en {
    width : 116px;
    background-image : url(meta_nav/film_en.gif);
    }

/******************************************** English Hover */

div.metanav  a.kunden_en:hover {
    width : 100px;
    background-image : url(meta_nav/kunden_en_over.gif);
    }

div.metanav a.behoerden_en:hover {
    width : 118px;
    background-image : url(meta_nav/behoerden_en_over.gif);
    }

div.metanav a.medien_en:hover {
    width : 72px;
    background-image : url(meta_nav/medien_en_over.gif);
    }

div.metanav a.konsumenten_en:hover {
    width : 113px;
    background-image : url(meta_nav/konsumenten_en_over.gif);
    }

div.metanav a.film_en:hover {
    width : 116px;
    background-image : url(meta_nav/film_en_over.gif);
    }



/* Breadcrumb */

p.breadcrumb    {
    margin-left : 208px;
    font-size : 11px;
    }



/***************************************************************** Navigation */

div.site div.navigation,
div.site_start div.navigation  {
    float : left;
    width : 165px;
    margin : 0;
    }

div.site_start div.navigation   {
    padding : 30px 13px 340px 20px;
    }

div.site div.navigation {
    min-height : 100%;
    padding : 30px 13px 170px 20px;
    }


/**************************************************************** Navigation */


div.navigation p {
	margin: 0;
	padding : 1px 0 1px 0;
	}

div.navigation p,
div.navigation p a {
	color : #999;
	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_two a,
div.navigation p.level_two_selected a,
div.navigation p.level_two_shown,
div.navigation p.level_three a,
div.navigation p.level_three_selected a,
div.navigation p.level_three_shown,
div.navigation p.level_four a,
div.navigation p.level_four_selected a,
div.navigation p.level_four_shown {
	display: block;
	text-decoration : none;
    padding : 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 {
	color : #900;
	font-weight: normal;
    }

div.navigation p.level_one a,
div.navigation p.level_one_selected a,
div.navigation p.level_one_shown {
	width : 152px;
	padding-left : 13px;
	background-image : url(nav_arrow.png);
	background-repeat : no-repeat;
	background-position : top left;
    }

/* Level 2 */

div.navigation p.level_two a,
div.navigation p.level_two_selected a,
div.navigation p.level_two_shown {
	width : 151px;
	padding-left : 14px;
	color : #c66;
	background-color : white;
    }


/* Level 3 */

div.navigation p.level_three a,
div.navigation p.level_three_selected a,
div.navigation p.level_three_shown {
	width: 129px;
	text-indent : -9px;
	padding-left : 36px;
	color: #c66;
	font-size : 11px;
	line-height : 13px;
	background-color : white;
    }


/* 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 : white;
	color : #000;
	}




/* Shown */
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  {
    color : #900;
    }

/* 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 : #900;
    }





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

div.content {
    float : left;
    margin : 0;
    padding : 30px 30px 25px 10px;
    width : 540px;
    font-family : arial, helvetica, sans-serif;
    font-weight : normal;
    }



h1, h2  {
    padding-bottom : 6px;
    font-size : 14px; 
    line-height : 18px;
    font-weight : bold;
    }


h2, h3  {
    margin-top : 18px;
    }

    
h2  {
    margin-top : 36px;
    } 



div.content p   {
    margin-bottom : 9px;
    }

div.content p.first {
    text-indent : 0;
    }



/* Download */

div.content p.download_title    {
    text-indent : 0;
    margin : 20px 0 0 0;
    padding : 5px 0 0 6px;
    background-color : #cce1ee;
    font-style : italic;
    }

div.content ul.download {
    list-style : square;
    margin : 0 0 15px 0;
    padding : 5px 0  5px 23px;
    color : #70777c;
    background-color : #e5f0f6;
    }

div.content ul.download li {
    padding : 0 0;
    }
    
   

/* Contact */

div.content h3.contact  {
    margin : 0;
    padding : 0;
    }

div.content ul.contact  {
    padding-bottom : 20px;    
    }



/* Emotive Images */

div.content p.emotive   {
    margin-top : 20px;
    }
    
div.content p.emotive img   {
    width : 540px;
    }    


/* Recycling Step 1 to 5 */

div.step_wrapper    {
    position : relative;
    height : 200px;
    }
    
    
div.recstep {
    position : absolute;
    }


table.recycling_steps   {
    border : 1px solid #c66;
    }

table.recycling_steps td.title  {
    background-color : #900;
    color : #fff;
    padding : 5px 10px;
    }

table.recycling_steps td.step_img,
table.recycling_steps td.step_desc  {
    padding : 10px;
    vertical-align : top;
    }


/* Contact Map */

div.content p.map   {
    margin : -60px 0 0 200px;
    }


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

/* Lists */

div.content ul,
div.content ul.story,
div.content ul.bb-list-unordered    {
    list-style : none;
    margin-bottom : 9px;
    }

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


div.content ul.story  {
    list-style : none;
    margin-bottom : 9px;
    padding-left : 0px;
    }

div.content ul.story li {
    padding : 4px 0 4px 37px;
    font-style : normal;
    text-indent : -37px;
    }



/* Ordered List */

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


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




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


div.service  {
    float : left;
    width : 140px;
    min-height : 100%;
    margin : 0;
    padding : 30px 20px 170px 10px;
    font-size : 11px;
    line-height : 13px;
    }

div.service a:link,
div.service a:visited   {
    text-decoration : none;
    color : #999;
    }
    
div.service a:hover {
    text-decoration : none;
    color : #000;
    }
    
        
div.service h3  {
    font-size : 14px;
    line-height : 18px;
    color : #900;
    text-transform : uppercase;
    margin-bottom : 3px;
    }        
        


div.service p.service_img   {
    margin-bottom : 9px;
    }

div.service p.download  {
    text-indent : -10px;
    padding : 0 0 3px 12px;
    color : #900;
    }



/* Context */

div.service p.download  {
    padding : 0;
    margin : 0 0 0 0; /* 0 0 13px 0 */
    color: #900;
    text-indent : 0;
    }



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

	
table.contact   {
    margin : 0 0 0 0;
    padding : 0 0 0 0;
    width : 100%;
    background-color : transparent;
    }	
	
table.contact td.col1   {
    width : 50%;
    padding : 12px 0;
    }	

table.contact td.col2   {
    text-align : left;
    }
    
table.contact td.spam_description {
    font-size : 11px;
    line-height : 15px;
    vertical-align : top;
    padding-right : 12px;
    }
    
select,
input.contact,
input.contact_zip,
input.contact_city,
input.contact_zip_error,
input.contact_city_error,
input.contact_error,
textarea.contact,
textarea.contact_error	{
	width : 240px;
	border : 1px solid #000;
	margin : 0;
	padding : 4px;
	background-color : #fff;
	color : #000;
	border : 1px solid #333;
	font-family : georgia, palatino, serif;
	font-weight : bold;
	font-style : italic;
	}

input.contact_zip,
input.contact_zip_error {
    width : 50px;
    }
    
input.contact_city,
input.contact_city_error    {
    width : 175px;
    }    
    

select  {
    width : 80px;
    padding : 4px 0;
    }


textarea    {
    margin : 4px 0 0 0;
    height : 80px;
    }

input.contact_error,
textarea.contact_error   {
    background-color : #fcc;
    color : #000;
    }

td.button_send  {
    text-align : right;
    }

input.button    {
	padding : 4px;
	background-color : #006bab;
	color : #fff;
	border : 1px solid #333;
	font-family : georgia, palatino, serif;
	}
	
input.button:hover  {
    background-color : #cce1ee;
    color : #000;
    }
      
    
/********************************************************************* Footer */
    
div.footer,
div.footer_start,
div.push    {
    clear : both;
    margin : 0;
    padding : 0;
    width : 950px;
    height : 45px;
    color : #000;
    }    

div.footer,
div.footer_start  {
    position : relative;
    margin : 0 auto;
    background-color : #fff;
    font-size : 11px;
    line-height : 15px;
    }


div.footer  {
    border : 1px solid #900;
    border-width : 1px 0 0 0;
    }

div.footer p.sender,
div.footer_start p.sender   {
	float: left;
    margin : 4px 7px 0 0;
    padding : 4px 0 0 20px;
    color : #000;
    font-size : 11px;
    line-height : 15px;
    }    


div.footer_start p a:link,
div.footer_start p a:visited,     
div.footer p a:link,
div.footer p a:visited {
    color : #900;
    text-decoration : underline;
    }

div.footer_start p a:hover,
div.footer p a:hover    {
    text-decoration : none;
    }


div.footer_start p.footer_logo,
div.footer p.footer_logo    {
    float : right;
    padding : 6px 20px 0 0;
    }
    
div.footer p.frog   {
    position : relative;
    float : right;
    margin-top : -60px;
    }