/* Allgemeine Angaben */

* {font-size: 15px;}

body {
	padding:0 0 0 0; margin:0 0 0 0; font: 90% Verdana, Geneva, Arial, helvetica, sans-serif; color: #333333; background-color: #ffffff
}

#seitencontainer { right: 0px; max-width: 930px; min-width: 930px; position: absolute; top: 0px; width: 930px; }



.votebox input.button {border:0; margin:0 0 0 0; padding:0 0 0 0; background-image:url('/fileadmin/templates/brita/images/poll/link.gif'); width:41px; height:10px; background-repeat:no-repeat;  color:#EEF5FB; background-color:#EDF6FD; cursor: pointer;}
.votebox input.button2 {border:0; margin:0 0 0 0; padding:0 0 0 0; background-image:url('/fileadmin/templates/brita/images/poll/link_act.gif'); width:41px; height:10px; background-repeat:no-repeat;  color:#EEF5FB; background-color:#EDF6FD; cursor: pointer;}

.votebox input.button_ir {border:0; margin:0 0 0 0; padding:0 0 0 0; background-image:url('/fileadmin/templates/brita/images/poll/link_ir.gif'); width:30px; height:14px; background-repeat:no-repeat;  color:#EEF5FB; background-color:#EDF6FD; cursor: pointer;}
.votebox input.button2_ir {border:0; margin:0 0 0 0; padding:0 0 0 0; background-image:url('/fileadmin/templates/brita/images/poll/link_act_ir.gif'); width:30px; height:14px; background-repeat:no-repeat;  color:#EEF5FB; background-color:#EDF6FD; cursor: pointer;}


input.go {border:0; margin:0 0 0 0; padding:0 0 0 0; background-image:url('/fileadmin/templates/brita/images/buttons/btn01_go_spiegelung.gif'); width:26px; height:19px; background-repeat:no-repeat; color:#FFFFFF; background-color:#FFFFFF; cursor: pointer;}
input.gosearch {border:0; margin:0 0 0 0; padding:0 0 0 0; background-image:url('/fileadmin/templates/brita/images/buttons/btn01_go_spiegelung.gif'); width:26px; height:19px; background-repeat:no-repeat; color:#FFFFFF; background-color:#ffffff; cursor: pointer;}
input.gosearch_index {border:0; margin:0 0 0 0; padding:0 0 0 0; background-image:url('/fileadmin/templates/brita/images/buttons/btn01_go_spiegelung.gif'); width:26px; height:19px; background-repeat:no-repeat; color:#FFFFFF; background-color:#ffffff; cursor: pointer;}

input.send_ir {border:0; margin:0 0 4px 0; padding:0 0 0 0; background-image:url('/fileadmin/templates/brita/images/buttons/btn04_send_ir.gif'); width:73px; height:18px; background-repeat:no-repeat; color:#FFFFFF; background-color:#FFFFFF; cursor: pointer;}
input.cancel_ir {border:0; margin:0 0 4px 0; padding:0 0 0 0; background-image:url('/fileadmin/templates/brita/images/buttons/btn03_cancel_ir.gif'); width:66px; height:18px; background-repeat:no-repeat; color:#FFFFFF; background-color:#FFFFFF; cursor: pointer;}

.bg_dunkelblau {background-color:#243B96}
.bg_hellblau {background-color:#99CDF5}

.main_image1_ir {background-color:#243B96;height:27px;}
.main_image4_ir {background-color:#243B96;height:27px;}
.main_image6_ir {background-color:#243B96;height:27px;}
a.main_act {color:#FFFFFF; font-size:18px; text-decoration:none;cursor:pointer;padding-top:3px}
a.main_act:visited {color:#FFFFFF; font-size:18px; text-decoration:none;cursor:pointer;padding-top:3px}
a.main_act:hover {color:#FFFFFF; font-size:18px; text-decoration:none;cursor:pointer;padding-top:3px}

a.main1 {color:#FFFFFF; font-weight:bold; text-decoration:none;cursor:pointer; font-size:16px;}
a.main1:visited {color:#FFFFFF; font-weight:bold; text-decoration:none;cursor:pointer; font-size:16px;}
a.main1:link {color:#FFFFFF; font-weight:bold; text-decoration:none;cursor:pointer; font-size:16px;}

a.main1_act: {color:#FFFFFF; font-weight:bold; text-decoration:none;cursor:pointer; font-size:16px;}
a.main1_act:visited {color:#FFFFFF; font-weight:bold; text-decoration:none;cursor:pointer; font-size:16px;}
a.main1_act:link {color:#FFFFFF; font-weight:bold; text-decoration:none;cursor:pointer; font-size:16px;}

a.main2 {color:#FFFFFF; font-weight:bold; text-decoration:none;cursor:pointer; font-size:16px;}
a.main2:visited {color:#FFFFFF; font-weight:bold; text-decoration:none;cursor:pointer; font-size:16px;}
a.main2:link {color:#FFFFFF; font-weight:bold; text-decoration:none;cursor:pointer; font-size:16px;}

a.main2_act: {color:#FFFFFF; font-weight:bold; text-decoration:none;cursor:pointer; font-size:16px;}
a.main2_act:visited {color:#FFFFFF; font-weight:bold; text-decoration:none;cursor:pointer; font-size:16px;}
a.main2_act:link {color:#FFFFFF; font-weight:bold; text-decoration:none;cursor:pointer; font-size:16px;}

.blue a.main {color:#263882; font-size:18px; text-decoration:none}
.blue a.main:visited {color:#263882; font-size:18px; text-decoration:none}
.blue a.main:hover {color:#263882; font-size:18px; text-decoration:none}

.white a.main {color:#FFFFFF; font-size:18px; text-decoration:none;}
.white a.main:visited {color:#FFFFFF; font-size:18px; text-decoration:none;}
.white a.main:hover {color:#FFFFFF; font-size:18px; text-decoration:none;}

.blue .main P.mainnav {color:#263882; font-size:18px; text-decoration:none;cursor:pointer;padding-top:3px}
.blue .main P.mainnav {color:#263882; font-size:18px; text-decoration:none;cursor:pointer;padding-top:3px}
.blue .main P.mainnav {color:#263882; font-size:18px; text-decoration:none;cursor:pointer;padding-top:3px}



/* Pfad Navigation */

a.pathnav:link {font-size: 12px; color:#243b96; text-decoration:none;font-weight:100;}
a.pathnav:visited {font-size: 12px; color:#243b96; text-decoration:none;font-weight:100;}
a.pathnav:active {font-size: 12px; color:#243b96; text-decoration:none;font-weight:100;}
a.pathnav:hover {font-size: 12px; color:#243b96; text-decoration:none;font-weight:100;}

/* Pfad Navigation (aktuelles Element)*/

a.pathnav_act:link {font-size: 12px; color:#243b96; text-decoration:none;font-weight:100;}
a.pathnav_act:visited {font-size: 12px; color:#243b96; text-decoration:none;font-weight:100;}
a.pathnav_act:hover {font-size: 12px; color:#243b96; text-decoration:none;font-weight:100;}
a.pathnav_act:active {font-size: 12px; color:#243b96; text-decoration:none;font-weight:100;}

/* Pfad Navigation (letztes Pfad Element) */

.lastpath a.pathnav:link {font-size: 12px; color:#243b96; text-decoration:none;font-weight:100;}
.lastpath a.pathnav:visited {font-size: 12px; color:#243b96; text-decoration:none;font-weight:100;}
.lastpath a.pathnav:active {font-size: 12px; color:#243b96; text-decoration:none;font-weight:100;}
.lastpath a.pathnav:hover {font-size: 12px; color:#243b96; text-decoration:none;font-weight:100;}

.bg-grau {background-color: #878787; font-weight:bold; font-size:13px}
.bg-grau a{background-color: #878787; font-weight:bold; font-size:13px}
.bg-grau a:hover {background-color: #878787; font-weight:bold; font-size:13px}
.bg-grau a:visited {background-color: #878787; font-weight:bold; font-size:13px}

.tx-indexedsearch .tx-indexedsearch-whatis p .tx-indexedsearch-sw { font-weight:bold; font-style:italic;}
.tx-indexedsearch .tx-indexedsearch-whatis p { font-weight:bold; font-style:italic; padding-top:11px; padding-bottom:2px; color:#5C5C5C}
.tx-indexedsearch .tx-indexedsearch-whatis {background-color:#FFFFFF}

.info-features-neu {
	font-family: Verdana;
	font-size: 14px;
	font-weight: 500;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 41px;
	text-align: right;
	height: 15px;
	width: 100%;
	color: #000000;
	background-image: url('/fileadmin/templates/brita/images/dot_orange.gif');
	background-repeat: no-repeat;
	background-position: 235px;
    vertical-align:top;
	background-repeat: no-repeat;
}

.products_features_gespiegelt .info-features-neu {
	padding-right: 46px;
	background-position: 305px;
}

.general span {font-size:13px}

.general input.half {width:89px}
.general input.full {width:188px}
.general input.small {width:60px}
.general input.middle {width:119px}
.general input.quarter {width:139px}

ol.ol {margin:10px; padding:0px 25px 0px 0px; vertical-align:middle;list-style-image:;}
ol.ol li {padding:5px 0px 0px 0px; list-style-image:url('');list-style-type:decimal;}

.content-abstand-rechts-large ul {margin: 0 0 0 0; padding:0px 21px 0px 0px; list-style-image:url(/fileadmin/templates/brita/images/dot_orange.gif);}
.content-abstand-rechts-large li {margin: 2px 0 2px 0; list-style-image:url(/fileadmin/templates/brita/images/dot_orange.gif);}
.content-abstand-rechts-large ol {margin: 0 0 0 0; vertical-align:middle;}

.teaser-blau ul {margin: 0 0 0 0; padding:0px 21px 0px 0px; list-style-image:url(/fileadmin/templates/brita/images/dot_orange.gif);}
.teaser-blau li {margin: 2px 0 2px 0; list-style-image:url(/fileadmin/templates/brita/images/dot_orange.gif);}

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.menue {
width:750px; 
font-size:0.85em;
position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
.menue ul {
padding:0;
margin:0;
font-weight:300;
list-style-type:none;
}
.menue ul ul {
/*width:100px;*/
font-weight:300;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon 
Breite der Hauptmenüpunkte*/
.menue li {
float:right;
/*width:120px;*/
position:relative;
font-weight:300;
}
/* style the links for the top level */
/***.menue a, .menue a:visited {**/
.menue a, .menue a:visited {
font-size:15px;
font-weight:300;
text-decoration:none; 
color:#003798; 
height:27px;
padding-left:20px;
padding-right:20px;
padding-top:8px;
padding-bottom:7px;
line-height:35px;
min-width: 100px;
max-width: 250px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menue a, * html .menue a:visited {
/*w\idth:139px;*/
}
/* style the second level background 
Hintergrundfarbe für die 2 Ebene - ebenfalls Schriftfarbe Weite der menüpunkte
*/
.menue ul ul a.drop, .menue ul ul a.drop:visited {
background:#003798;
color:#fff;
border:0px;
padding-left:20px;
padding-right:20px;
height:20px;
min-width: 100px;
max-width: 250px;
width: 198px;
padding-top:0px;
padding-bottom:0px;
font-weight:300;
}

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

/* style the second level hover Rollover for IE6*/
.menue ul ul a.drop:hover{
background-image:url('/fileadmin/templates/brita/images/nav/high_nav_bg_rechts.gif');
background-repeat: no-repeat;
background-position:top right;
border:0px;
font-weight:300;
background-color:#92C9EB;
color:#003798;
text-decoration:none;
}

/*Rollover der 2 Ebene for IE 7*/
.menue ul ul :hover > a.drop {
background-image:url('/fileadmin/templates/brita/images/nav/high_nav_bg_rechts.gif');
background-repeat: no-repeat;
background-position:top right;
border:0px;
font-weight:300;
background-color:#92C9EB;
display:block;
line-height:20px;
color:#003798;
text-decoration:none;
}
/**********************************************************************************/
/* style the third background 
Hintergrundfarbe für die 3 Ebene - ebenfalls Schriftfarbe
*/
.menue ul ul a.drop2, .menue ul ul a.drop2:visited {
background:#92C9EB;
color:#fff;
border:0px;
height:20px;
padding-left:20px;
padding-right:20px;
line-height:20px;
height:20px;
min-width: 100px;
max-width: 250px;
width: 238px;
padding-top:0px;
padding-bottom:0px;
font-weight:300;
}
/*Rollover der 3 Ebene*/
.menue ul ul :hover > a.drop2 {
background-image:url('/fileadmin/templates/brita/images/nav/high_nav_bg_rechts2.gif');
background-repeat: no-repeat;
background-position:top right;
border:0px;      
background-color:#92C9EB;
display:block;
line-height:20px;
color:#003798;
font-weight:300;
text-decoration:none;
}

/* style the third level background */
.menue ul ul ul a, .menue ul ul ul a:visited {
background:#e2dfa8;
font-weight:300;
}

/* style the third level hover */
.menue ul ul ul a:hover {
background:#b2ab9b;
font-weight:300;
text-decoration:none;
}

/**********************************************************************************/
/**********************************************************************************/
 
/* hide the sub levels and give them a positon absolute so that they take up no room 
Position Layer Ebene1 zm Hauptmenüpunkt
*/
.menue ul ul {
visibility:hidden;
position:absolute;
z-index:5000;
height:0;
top:27px;
right:0;
width:200px;
font-weight:300;
}

/* another hack for IE5.5 */
* html .menue ul ul {
top:30px;
t\op:27px;
z-index:5000;
font-weight:300;
}
/**********************************************************************************/
/**********************************************************************************/

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

/* style the third level hover Rollover for IE6*/
.menue ul ul ul a.drop2:hover{
background-image:url('/fileadmin/templates/brita/images/nav/high_nav_bg_rechts2.gif');
background-repeat: no-repeat;
background-position:top right;
border:0px;      
background-color:#D4EEFB;
color:#003798;
font-weight:300;
text-decoration:none;
}

/*Rollover der 3 Ebene for IE 7*/
.menue ul ul ul :hover > a.drop2 {
background-image:url('/fileadmin/templates/brita/images/nav/high_nav_bg_rechts2.gif');
background-repeat: no-repeat;
background-position:top right;
border:0px;      
background-color:#D4EEFB;
display:block;
line-height:20px;
color:#003798;
font-weight:300;
text-decoration:none;
}
/**********************************************************************************/
/* position the third level flyout menu */
.menue ul ul ul{
right:238px; 
top:0;
width:220px;
font-weight:300;
}

/* position the third level flyout menu for a left flyout */
.menue ul ul ul.left {
right:-180px;
font-weight:300;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menue table {position:absolute; top:0; right:0; z-index:5000;}
 
.menue ul ul a, .menue ul ul a:visited {
display:block;
color:#000; 
height:auto; 
/*line-height:1em;*/ 
/*padding:5px 10px;*/ 
background:#003798;
color:#fff;
border:0px;
height:20px;
padding-left:20px;
padding-right:20px;
line-height:20px;
font-weight:300;
/* yet another hack for IE5.5 */
}

* html .menue ul ul a{
width:170px;
w\idth:149px;
font-weight:300;
}
/* style the top level hover */
.menue a:hover, .menue ul ul a:hover{
color:#fff; 
background-image:url('/fileadmin/templates/brita/images/nav/kreis_links_full.gif'); 
background-repeat: no-repeat;background-position:top left;border:0px;
font-weight:300;
text-decoration:none;
}
/* Rollover für Toplevel Navigation */
/*.menue :hover > a.dropneu, .menue ul ul :hover > a.dropneu {*/
.menue :hover > a.dropneu {

color:#fff;
background-image:url('/fileadmin/templates/brita/images/nav/kreis_rechts.gif'); 
background-repeat: no-repeat;background-position:top right;border:0px;
font-weight:300;
text-decoration:none;
}

.menue :hover > a.dropneu.dropneu2 {
color:#fff;
background-image:url('/fileadmin/templates/brita/images/nav/kreis_links_full.gif'); 
background-repeat: no-repeat;background-position:top left;border:0px;
font-weight:300;
text-decoration:none;
}

/* Rollover für Toplevel Navigation wenn submenü aktiv */
.menue :hover > a, .menue ul ul :hover > a {
color:#fff;
background-image:url('/fileadmin/templates/brita/images/nav/kreis_links_full.gif');
background-repeat: no-repeat;background-position:top left; border:0px;
font-weight:300;
text-decoration:none;
}
 
/* make the second level visible when hover on first level list OR link */
.menue ul li:hover ul,
.menue ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menue ul :hover ul ul{
visibility:hidden;
}
 
/* make the third level visible when you hover over second level list OR link */
.menue ul :hover ul :hover ul{ 
visibility:visible;
}