/*
 * Include formular.css so we can easily manipulate Mailform L&F
 * Don't delete this!!!
 */
@import "formulare.css";

* {
	border:0px; padding:0px; margin: 0px; 
}
html {
	scrollbar-face-color:#c00010! important; background:#fff; scrollbar-highlight-color:#fff! important; scrollbar-shadow-color:#999! important; scrollbar-3dlight-color:#dfe0e1! important; scrollbar-arrow-color:#dfe0e1! important; scrollbar-track-color:#dfe0e1! important; scrollbar-darkshadow-color:#dfe0e1! important;
}
body {
	scrollbar-face-color:#c00010! important; background:#fff; scrollbar-highlight-color:#fff! important; scrollbar-shadow-color:#999! important; scrollbar-3dlight-color:#dfe0e1! important; scrollbar-arrow-color:#dfe0e1! important; scrollbar-track-color:#dfe0e1! important; scrollbar-darkshadow-color:#dfe0e1! important;
}

body {
	font:400 62.5%/1.3 Verdana, Arial, Helvetica, sans-serif; color:#80878E;
}

html>body {
	font-size:11px; color:#80878E;
}

a {
	color:#80878E; text-decoration:none;
}
a:hover, a.active {
	color: #c00010; text-decoration:underline;
}
img.inline {
	vertical-align: middle;
}

h1 {
	font-size:22px; color:#c00010; padding:0px 8px 8px 8px;
}

h2 {
	background: url(/images/basic/nav/red_left.gif) #c00010 no-repeat left top; color:#fff; font-size:11px; font-weight:bold; padding:6px 8px 6px 8px; text-transform: uppercase; border-bottom:#999999 solid 1px;
}

h3 {
	color:#c00010; font-size:11px; font-weight:bold; padding:4px 8px 0px 8px; text-transform: uppercase;
}
h4 {
	font-size:11px; padding:0px 8px 0px 8px;
}
h5 {
	background: url(/images/basic/nav/red_left.gif) #c00010 no-repeat left top; color:#fff; font-size:11px; font-weight:bold; padding:6px 8px 6px 8px; border-bottom:#999999 solid 1px; margin-bottom:8px;
}
h6 {
	font-size:11px; padding:6px 8px 6px 8px;
}

/* 2009-02-20, JeanV: Neopost goes green */
h1.neogreen, h3.neogreen {
        color: #20762b;
}

input, select {
	font-size:11px; color:#80878E; text-align:left; height:16px; border:#dfe0e1 1px solid; 
}
/************** Wrapper (Grosser Content Bereich) **********/
#wrapper {
	/*width:100%; width:expression(document.body.clientWidth < 975 ? "975px": "99%" ); min-width:975px;*/
	width:995px;
}
.error {
	color:#c00010; font-weight:bold;
}
/************** Header bzw. Logo Bereich *****************/
#header {
	top:10px; left:0px; position:relative; width:995px; background-color:#c00010; height:70px;
}
img#headerLeft {
	width:570px; height:70px; float:left; margin:0px; padding:0px;
}
img#headerRight {
	width:220px; height:70px; float:right; margin:0px; padding:0px;
}

/* Country Search Form */
#countryForm {
	left: 10px; vertical-align: bottom; width: 150px; position: absolute; top: 85px;
}
/*#countryImg {
	margin-bottom: 2px; vertical-align:bottom; width:20px; height:15px; 
}
#countryForm select {
	border: #dfe0e1 1px solid; width:113px; color:#3e282b; font-size:11px; line-height:16px; height:16px; 
}*/

/* ************************************************************************** */
/* ------------------------- NEOPOST TOP COUNTRY SELECTOR -------------------------*/

#flag {
position: absolute; 
left:10px; 
top: 84px; 
background-image: url(/images/flags/flag_group.gif);
background-repeat:no-repeat;
z-index: +30000;
width:20px;
height:15px;
}


#ncs { 
position: absolute; 
left: 34px; 
top: 83px; 
height: 20px;
background-image: url(/images/flags/background.gif);
background-repeat:no-repeat;
background-position:0px 0px;
z-index: +20000 }

#ncs, #ncs ul, ul#ncs { 
padding: 0; 
margin: 0 0 0 0; 
list-style: none; 
line-height: 15px }

#ncs a {
	display: block; 
	width: 110px; 
	height: 19px; 
	line-height: 15px; 
	padding: 1px 0 0 4px;
	background-repeat: no-repeat;
	background-position:right;
	color: #7f8083;
	text-decoration: none;
	 }
#ncs a img {
vertical-align:top;
margin: 0 2px 0 0;
} 
	 
#ncs ul li {
	background-color:#FFFFFF;
	width: 132px;
 }
	
#ncs ul li a, #ncs ul li span {
	background: #fff;
	width: 132px; 
	height: auto; 
	line-height: 15px;
	padding: 1px 0 1px 2px;
		 }
	
#ncs ul li a:hover { background: #C00010; color: #fff }
#ncs li { 
float: left; 
width: 135px;
 }
#ncs li ul li { width: 109px }
#ncs li ul li.grp a { width: 129px; padding: 0 0 0 5px }
#ncs li ul {
	position: absolute;
	width: 134px;
	left: -999em;
	border: 1px solid #000;
	background-color:#FFFFFF;
	 }
#ncs li:hover ul, #ncs li.sfhover ul, #ncs li li.sfhover ul { 
left: -25px }


/********************** Haupt- bzw. Main-Navigation **********************/
ul#mainMenu {
	height:26px; left:199px; position:absolute; top:80px; width:750px; z-index:5;
}

html>body ul#mainMenu {
	width: 75em; /* to allow menu increasing in non IE browsers */
}

ul#mainMenu li {
	display: block; float: left;
	font-size: 10px; /* fixed size for IE */
	font-weight: 700; height: 26px; margin-right: 8px; position: relative; text-transform: uppercase;
}

ul#mainMenu a {
	text-decoration: none; display: inline-block; height: 20px;
	padding: 6px 7px 6px; /* IE5* */
	voice-family: "\"}\"";
	padding: 6px 7px 0;
	voice-family: "\"}\"";
}

html>body ul#mainMenu a {
	display: block;
}

ul#mainMenu li span {
	font-size: 1px; /* IE */
	height: 8px; left: 0; position: absolute; top: 0; width: 8px;
}

ul#mainMenu li a.grey {
	background: url(/images/basic/nav/grey_right.gif) #DFE0E1 no-repeat right bottom; color: #3E282B;
}

ul#mainMenu li a.maroon {
	background: url(/images/basic/nav/maroon_right.gif) #3E282B no-repeat right bottom; 
	color: #FFF; /** 2006-12 **/
}

ul#mainMenu li a.red {
	background: url(/images/basic/nav/red_right.gif) #C00010 no-repeat right bottom;
	color: #FFF; /** 2006-12 **/
}

ul#mainMenu li a.green {
	background: url(/images/basic/nav/green_right.gif) #20762b no-repeat right bottom;
	color: #FFF; 
}

ul#mainMenu li a.grey span {
	background-image: url(/images/basic/nav/grey_left.gif);
}

ul#mainMenu li a.maroon span {
	background-image: url(/images/basic/nav/maroon_left.gif);
}

ul#mainMenu li a.red span {
	background-image: url(/images/basic/nav/red_left.gif);
}

ul#mainMenu li a.green span {
	background-image: url(/images/basic/nav/green_left.gif);
}

ul#mainMenu li a.grey:hover, ul#mainMenu li a.maroon:hover, ul#mainMenu li a.red:hover, ul#mainMenu li a.green:hover  {
	background: url(/images/basic/nav/rollover_right.gif) #FFF no-repeat right bottom;
	border-left: 1px solid #3E282B; border-top: 1px solid #3E282B; color: #C00010;
	padding: 5px 7px 6px 6px; /* IE5* */
	voice-family: "\"}\"";
	padding: 5px 7px 0 6px;
	voice-family: "\"}\"";
}

ul#mainMenu li a:hover span {
	background-image: url(/images/basic/nav/rollover_left.gif);
}

/*+++++++++++++++++ Das Klappmenu ++++++++++++++++++*/
ul#mainMenu ul {
	background: #DFE0E1;
	list-style:none;
	background-image:url(/images/basic/navcorner_grey_left_bottom.gif); /** 2006-12 **/
	background-repeat:no-repeat; /** 2006-12 **/
	background-position:bottom right; /** 2006-12 **/
	border: 0; /** 2006-12 **/
	/*display: none;*/
	left: 0;
	position: absolute;
	top: 25px; /* IE5* */
	width: 15em;

	voice-family: "\"}\"";
	top: 26px;
	voice-family: "\"}\"";
}

ul#mainMenu ul li {
	color: #3E282B;
	display: list-item;
	float: none;
	font-weight: 400;
	height: 18px;
	margin: 0 0 0 -16px; /* IE5* */
	padding: 0;
	padding-left:8px;
	text-transform: none;
	width: auto;

	voice-family: "\"}\"";
	margin: 0;
	voice-family: "\"}\"";
}


ul#mainMenu ul li a {
	font-weight: 400;
	height: 18px;
	margin: 0;
}

ul#mainMenu ul li a {
	display: block;
	padding: 0.6em 0 0.6em 0; /* IE5* */

	voice-family: "\"}\"";
	padding: 0.2em 0 0.2em 0;
	voice-family: "\"}\"";
}

ul#mainMenu ul li:hover {
	background-color: #9DA3A8; /** 2006-12 **/
}

html>body ul#mainMenu ul li a { /* fix for multiline text for firefox */
	line-height: 14px;
	height: auto;
	padding-bottom: 0.6em;
}

/* end fix */

html>body ul#mainMenu li ul li { /* fix for strange FireFox behaviour (Firefox 1.0.7) */
	height: 120%;
	line-height: 18px;
}

ul#mainMenu ul li:hover a {
	color: #fff;
}

ul#mainMenu ul li:hover li, ul#mainMenu ul li:hover li a, ul#mainMenu ul li:hover li li a {
	color: #3E282B;
}

ul#mainMenu ul li li:hover, ul#mainMenu ul li li:hover a, ul#mainMenu ul li li li:hover a, ul#mainMenu ul li a:active, ul#mainMenu ul li a:hover {
	color: #fff;
	background-color: #9DA3A8; /** 2006-12 **/
}
/* Iraida BugFix IE6.x */
ul#mainMenu ul li a:active, ul#mainMenu ul li a:hover {
	margin-left:-8px; padding-left:8px;
}


/* hide and show menus for Gecko based browsers and Safari */

#mainMenu li:hover ul {
	display: block;
}

#mainMenu ul {
	display: none;
}

#mainMenu ul li a.last2End:link, #mainMenu ul li a.last2End:visited {
	background:url(/images/basic/nav/last_nav.gif) #dfe0e1 no-repeat right bottom;
}
#mainMenu ul li a.last2End:hover, #mainMenu ul li a.last2End:active {
	background:url(/images/basic/nav/last_2nav_ak.gif) #9da3a8 no-repeat right bottom;
}


/********************** Left-Navigation **********************/
#leftSidebar {
	position:absolute; left:10px; top:198px; width:160px; 
}
#leftSidebar ul {
	list-style-type:none; width:152px;
}

/* Navigationslinks Level 2 */
#leftSidebar ul#nav2 li a:link, #leftSidebar ul#nav2 li a:visited {
	display:block; width:132px; color:#333333; text-decoration:none; padding:4px 8px 4px 20px; background:url(/images/basic/link_pfeil.gif) #dfe0e1 no-repeat 8px 6px; 
}
#leftSidebar ul#nav2 li a:hover,   #leftSidebar ul#nav2 li a:active,
#leftSidebar ul#nav2 li a.hl:link, #leftSidebar ul#nav2 li a.hl:visited, 
#leftSidebar ul#nav2 li a.hl:hover, #leftSidebar ul#nav2 li a.hl:active,
#leftSidebar ul#nav2 li a.last2EndAk:link,  #leftSidebar ul#nav2 li a.last2EndAk:visited,
#leftSidebar ul#nav2 li a.last2EndAk:hover, #leftSidebar ul#nav2 li a.last2EndAk:active {
	display:block; width:132px; color:#ffffff; text-decoration:none; padding:4px 8px 4px 20px; background:url(/images/basic/link_pfeil_hl.gif) #9da3a8 no-repeat 8px 6px; 
}

#leftSidebar ul#nav2 li a.last2End:link, #leftSidebar ul#nav2 li a.last2End:visited {
	background:url(/images/basic/nav/last_nav.gif) #dfe0e1 no-repeat right bottom;
}
#leftSidebar ul#nav2 li a.last2End:hover, #leftSidebar ul#nav2 li a.last2End:active {
	background:url(/images/basic/nav/last_nav_ak.gif) #9da3a8 no-repeat right bottom;
}

#leftSidebar ul#nav3 a.last3End:link,  #leftSidebar ul#nav3 a.last3End:visited {
	/* den CSS nicht loeschen, auch wenn's leer ist */
}

#leftSidebar ul#nav3 a.last3EndAk:link,  #leftSidebar ul#nav3 a.last3EndAk:visited,
#leftSidebar ul#nav3 a.last3EndAk:hover, #leftSidebar ul#nav3 a.last3EndAk:active,
#leftSidebar ul#nav3 a.last3End:hover, #leftSidebar ul#nav3 a.last3End:active {
	background-color:#9da3a8; color:#fff;
}

/*Sonderfall: last link in der 2nav und last in der 3nav*/
#leftSidebar ul#nav2 li.last2End ul#nav3 a.last3End:link,    #leftSidebar ul#nav2 li.last2End ul#nav3 a.last3End:visited,
#leftSidebar ul#nav2 li.last2EndAk ul#nav3 a.last3End:link,  #leftSidebar ul#nav2 li.last2EndAk ul#nav3 a.last3End:visited {
	background:url(/images/basic/nav/last_3nav.gif) #ebebec no-repeat right bottom;
}

#leftSidebar ul#nav2 li.last2End ul#nav3 a.last3EndAk:link,  #leftSidebar ul#nav2 li.last2End ul#nav3 a.last3EndAk:visited,
#leftSidebar ul#nav2 li.last2End ul#nav3 a.last3EndAk:hover, #leftSidebar ul#nav2 li.last2End ul#nav3 a.last3EndAk:active,
#leftSidebar ul#nav2 li.last2End ul#nav3 a.last3End:hover,   #leftSidebar ul#nav2 li.last2End ul#nav3 a.last3End:active,
#leftSidebar ul#nav2 li.last2EndAk ul#nav3 a.last3EndAk:link,  #leftSidebar ul#nav2 li.last2EndAk ul#nav3 a.last3EndAk:visited,
#leftSidebar ul#nav2 li.last2EndAk ul#nav3 a.last3EndAk:hover, #leftSidebar ul#nav2 li.last2EndAk ul#nav3 a.last3EndAk:active,
#leftSidebar ul#nav2 li.last2EndAk ul#nav3 a.last3End:hover,   #leftSidebar ul#nav2 li.last2EndAk ul#nav3 a.last3End:active {
	background:url(/images/basic/nav/last_3nav_ak.gif) #9da3a8 no-repeat right bottom; color:#fff;
}


/* Hi Iraide, das haben wir noch gebraucht um innerhalb der Navigation für den mouseover */
#leftSidebar ul#nav2 li.hlAk ul#nav3 a.last3EndAk:link,  #leftSidebar ul#nav2 li.hlAk ul#nav3 a.last3EndAk:visited,
#leftSidebar ul#nav2 li.hlAk ul#nav3 a.last3EndAk:hover, #leftSidebar ul#nav2 li.hlAk ul#nav3 a.last3EndAk:active,
#leftSidebar ul#nav2 li.hlAk ul#nav3 a.last3End:hover,   #leftSidebar ul#nav2 li.hlAk ul#nav3 a.last3End:active { 
	background-color:#c00010; color:#fff;
}
/* Bitte niiiiiiiiiiiiiiiiiiiiiiiiiiiiiemasl löschen  :-)))) */


#leftSidebar ul li a.last3End:link, #leftSidebar ul li a.last3End:visited {
	background:url(/images/basic/nav/last_nav.gif) #dfe0e1 no-repeat right bottom;
}


/* Navigationslinks Level 3 */
#leftSidebar ul#nav3 li a:link, #leftSidebar ul#nav3 li a:visited {
	display:block; width:132px; color:#333333; text-decoration:none; padding:4px 8px 4px 20px; border-top:#FFFFFF solid 1px; background:none; background-color:#ebebec;
}

#leftSidebar ul#nav3 li a:hover, #leftSidebar ul#nav3 li a:active,
#leftSidebar ul#nav3 li a.hl:link, #leftSidebar ul#nav3 li a.hl:visited, 
#leftSidebar ul#nav3 li a.hl:hover, #leftSidebar ul#nav3 li a.hl:active {
	display:block; width:132px; color:#ffffff; text-decoration:none; padding:4px 8px 4px 20px; border-top:#FFFFFF solid 1px; background:none; background-color:#c00010;
}

#leftSidebar ul#nav3 li a.last {
	border-bottom:#FFFFFF solid 1px; 
}


/*********** Breadcrumb *****************/
#breadcrumb {
	position:absolute; left:199px; top:114px; width:790px; color:#7f8083;
}
#breadcrumb a:link, #breadcrumb a:visited {
	text-decoration:underline;
}

/*********** Print Box ************/
#rightPrintBox { 
	position:absolute;	left:740px;	top:113px; width:245px;	color:#3e282b; text-align:right; height:15px; 
}

#rightPrintBox a:link, #rightPrintBox a:visited, #rightPrintBox a:active, #rightPrintBox a:hover { 
	padding-left:12px; background:url(/images/basic/link_pfeil.gif) no-repeat 0px 4px; 
}

/*********** Search Box ************/
#rightSearchtBox {
	position:absolute; left:740px; top:135px; width:245px; background:url(/images/basic/corner_grey_right.gif) #DFE0E1 no-repeat right bottom;
}
#rightSearchtBox label {
	display:block; background-color:#C00010; color:#fff; font-weight:bold; background: url(/images/basic/nav/red_left.gif) #c00010 no-repeat left top; padding:6px 8px 6px 8px; text-transform:uppercase; border-bottom:#999999 solid 1px;
}
#rightSearchtBox input.search {
	width:208px; margin:5px 5px 5px 8px; padding-left:2px; padding-right:2px; border:#999999 solid 1px;
}
#rightSearchtBox input.send {
	padding:0px; padding-bottom:5px; height:auto; border:none;
}

/************** Der eigentliche Seiten-Content ***************/
#main {
	width:785px; padding-left:200px; padding-top:128px;  
}
* html #main { width:787px; }	/* 2009-02-25, JeanV: upgraded to Typo3 v4.1.10 -> html is rendered differently so we need this ugly hack */
#mainContent {
	width:516px; float:left; min-height:200px;
}
#mainContent p {
	padding:8px; line-height:15px;
}
#mainContent ul {
	padding-left:24px; padding-bottom:8px; padding-right:8px;
}
#mainContent img {
	float:left; padding-top:4px; padding-bottom:8px; padding-right:16px;
}
div.fullWidth {
	width:770px; padding-left:8px; padding-right:8px; 
}
/**************** Rechte Spalte *******************/
#rightSidebar {
	float:right; background:url(/images/basic/corner_grey_right.gif) #DFE0E1 no-repeat right bottom; width:245px;  
}
#rightSidebar p {
	padding:4px 8px 4px 8px; 
}
#rightSidebar a:link, #rightSidebar a:visited, #rightSidebar a:active, #rightSidebar a:hover,
#prodBoxLeft a:link, #prodBoxLeft a:visited, #prodBoxLeft a:active, #prodBoxLeft a:hover,
#prodBoxRight a:link, #prodBoxRight a:visited, #prodBoxRight a:active, #prodBoxRight a:hover ,
div.prodVergleichBox a.prodDetail:link, div.prodVergleichBox a.prodDetail:visited, div.prodVergleichBox a.prodDetail:active, div.prodVergleichBox a.prodDetail:hover,
a.weiter:link, a.weiter:visited, a.weiter:active, a.weiter:hover { 
display:block; float:right; padding:1px 8px 4px 12px; text-align:right; background:url(/images/basic/link_pfeil.gif) no-repeat 0px 4px; 
}

#rightSidebar a.simple:link, #rightSidebar a.simple:visited, #rightSidebar a.simple:active, #rightSidebar a.simple:hover { 
	background: none;
}

#rightSidebar div.imgRelated a:link, #rightSidebar div.imgRelated a:visited, #rightSidebar div.imgRelated a:active, #rightSidebar  div.imgRelated a:hover { 
	background:none; padding:0; margin:0px 10px; float:none;
}

#rightSidebar div.imgRelated2 a:link, #rightSidebar div.imgRelated2 a:visited, #rightSidebar div.imgRelated2 a:active, #rightSidebar  div.imgRelated2 a:hover { 
	background:none; padding:0; margin:0px 0px; float:none;
}

div.teaDotted {
	clear:both; background:url(/images/basic/dotted.gif) repeat-x left 50%; height:8px; color:#DFE0E1;
}
div.teaSpacer {
	clear:both; background:url(/images/basic/tea_spacer.gif) #FFFFFF no-repeat left top; color:#FFFFFF; height:11px; 
}
div.teaSpacer2 {
	clear:both; background:url(/images/basic/tea_spacer.gif) #FFFFFF no-repeat left top; color:#FFFFFF;  
}
/*#rightSidebar img {
	background-color:#FFFFFF; padding-bottom:9px; margin-bottom:-2px;
}*/
a.weiterLinks:link, a.weiterLinks:visited, a.weiterLinks:active, a.weiterLinks:hover { 
display:block; float:left; padding:1px 8px 4px 12px; text-align:right; background:url(/images/basic/link_pfeil.gif) no-repeat 0px 4px; 
}

/************************ Footer ****************************/
div.clearBox, br.clear {
	clear:both; 
}
div.clearBox1px {
	clear:both; font-size:1px; line-height:1px; height:1px; color:#FFFFFF;  
}
div.clearBox11px {
	clear:both; line-height:11px; color:#FFFFFF; 
}
#footer {
	background:url(/images/basic/footer_right.gif) #c00010 no-repeat right bottom; width:995px; margin-top:10px; 
}
#footer p {
	background: url(/images/basic/footer_left.gif) no-repeat left top; padding:8px 8px 8px 208px; height:11px; line-height:11px;
}

#footer a:link, #footer a:visited { 
	padding:0px 4px 0px 4px; color:#FFFFFF; text-decoration:none;
}
#footer a:active, #footer a:hover { 
	padding:0px 4px 0px 4px; color:#FFFFFF; text-decoration:underline;
}


/************************ Produktseite ****************************/
/*           Werbebanner       */
#werbeBanner {
	float:none; width:516px; margin-top:8px; margin-bottom:8px; height:60px; 
}
#werbeBannerImg {
	float:left; width:90px; background:url(/images/basic/corner_white_left.gif) no-repeat left top; border-bottom:#dad2d6 solid 1px; height:60px; padding-left:1px;
}
#werbeBannerText {
	float:left; width:425px; _width:413px; background:url(/images/basic/corner_white_right.gif) #ffffff no-repeat right bottom; border-top:#dad2d6 solid 1px; height:60px;
}
#werbeBanner a {
	color:#c00010; text-decoration:underline;
}
#werbeBanner a:hover, #werbeBanner a.active {
	color:#80878E; text-decoration:underline;
}

/*           Produktinformationen ("Tabelle")       */
table.prodInfo {
	border-collapse:collapse; border:none; background-color:#FFFFFF;
}

#prodBoxLeft {
	float:left; width:257px; position:relative; top:-8px; 
	border-left:#dad2d6 solid 1px; border-bottom:#dad2d6 solid 1px; border-right:#dad2d6 solid 1px;
}
#prodBoxRight {
	float:right; width:257px; position:relative; top:-8px; padding-bottom:1px;
	background:url(/images/basic/corner_white_right.gif) no-repeat right bottom; 
}

/************************ Produkt- und Moduleseiten ****************************/
div.mainDotted {
	clear:both; background:url(/images/basic/dotted.gif) repeat-x right bottom; height:4px; color:#DFE0E1; font-size:1px; line-height:1px; 
}
div.mainDotted1px {
	clear:both; background:url(/images/basic/dotted.gif) repeat-x right top; height:1px; color:#DFE0E1; font-size:1px; line-height:1px; 
}
div.mainDottedTop {
	clear:both; background:url(/images/basic/dotted.gif) repeat-x right bottom; height:11px; color:#DFE0E1; font-size:1px; line-height:1px; 
}
a.toTheTop:link, a.toTheTop:visited, a.toTheTop:active, a.toTheTop:hover { 
	display:block; float:right; padding:0px 8px 0px 14px; text-align:right; background:url(/images/basic/link_pfeil_top.gif) no-repeat 0px 1px; 
}
#glossar {
	padding-left:8px; padding-right:8px; font-weight:bold; word-spacing:7px;
}
#glossar a:link, #glossar a:visited, #glossar a:active, #glossar a:hover { 
	color:#c00010; 
}

/************************ Produkttabelle ****************************/
table {
	border-collapse:collapse; border:#fff 1px solid; background-color:#ebebec; width:100%; margin-bottom:10px; font-size:11px; _font-size:10px;
}
th, td {
	padding:4px 8px 4px 8px; border:#fff 1px solid; 
}
thead th {
	background-color:#c00010; color:#fff; font-weight:bold; text-align:left; padding:6px 8px 6px 8px;
}
thead tr th.first {
	background:url(/images/basic/nav/red_left.gif) #c00010 no-repeat left top;  
}

table tfoot tr, table tfoot td {
	background:url(/images/basic/corner_grey_right.gif) #dfe0e1 no-repeat right bottom; border:none; height:26px; padding:0px;
}

/**********************     Produktberater    **************************/
.prodBeraterLeft {
	float:left; width:246px; padding-right:23px; 
}
.prodBeraterRight {
	float:right; width:246px; 
}
.prodBeraterLeft p, .prodBeraterRight p {
	padding:8px; 
}
.prodBeraterLeft img, .prodBeraterRight img {
	padding-left:8px; 
}
/*.prodBeraterLeft {
	float:left; width:246px; padding-right:23px; 
}
.prodBeraterRight {
	float:right; width:246px; 
}*/

/**********************     Produktvergleich    **************************/
#prodVergleich select {
	width:182px; float:right; margin:2px 0px 2px 8px; height:16px;
}
#compare {
	padding:0px; float:right;
}
.prodVergleichBox {
	float:left; width:25%; 
}
.prodVergleichBox p {
	padding:8px; 
}
.prodVergleichBox img, .prodVergleichRight img {
	padding-left:8px; float:right; 
}
div.prodVergleichBox a:link, div.prodVergleichBox a:visited, div.prodVergleichBox a:active, div.prodVergleichBox a:hover {
	background:none; 
}

/*********************      Anika                *************************/
/* 2009-02-25, JeanV: upgrading Typo3 to v4.1.10 -> multimedia objects are not rendered this way anymore
.flash { 
	 margin:0px 0px 0px 0px; padding:0px; background-color:#FFFFFF; width:245px; height:183px; padding-bottom:15px; margin-bottom:-3px;
}
.distance {
	margin:0px; padding:0px; background-color:#FFFFFF; height:15px;
}
*/

/* That's the new way to do it */
#rightSidebar object,
#rightSidebar embed {
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
	padding-top: 15px;
	padding-bottom: 15px;
}

.teaDotted {
	clear:both; background:url(/images/basic/dotted.gif) repeat-x left 4px; height:8px; 
}
.teaSpacer {
	clear:both; background:url(/images/basic/tea_spacer.gif) #FFFFFF no-repeat left top; height:11px; 
}
.teaSpacer2 {
	clear:both; background:url(/images/basic/tea_spacer.gif) #FFFFFF no-repeat left top; 
}

#rightSidebar img {
	background-color:#FFFFFF; padding-bottom:15px; margin-bottom:-3px; 
}
.prodBoxLeft {
	float:left; width:241px; position:relative; top:-8px; border-left:#dad2d6 solid 1px; border-bottom:#dad2d6 solid 1px; border-right:#dad2d6 solid 1px;
}
.prodBoxRight {
	float:right; width:241px; position:relative; top:-7px; background:url(/images/basic/corner_white_right.gif) no-repeat right bottom; 
}
.prodBoxTeaDotted {
	float:left; background:url(/images/basic/dotted.gif) repeat-x left 4px; height:8px; color:green; width:230px;
}


table {
	border-collapse:collapse; border:#fff 1px solid; background-color:#ebebec; margin-bottom:10px; font-size:11px; _font-size:10px;
}
th, td {
	padding:4px 8px 4px 8px; border:#fff 1px solid; 
}
thead th, thead td {
	background-color:#c00010; color:#fff; font-weight:bold; text-align:left; padding:8px;
}
thead tr th.first {
	background:url(/images/basic/nav/red_left.gif) #c00010 no-repeat left top;  
}
thead tr td.td-0 {
	background:url(/images/basic/nav/red_left.gif) #c00010 no-repeat left top;  
}

tr.tabFooter td {
	background-color:#dfe0e1; border:none;
}
td.tabFooterLast {
	background:url(/images/basic/corner_grey_right.gif) #DFE0E1 no-repeat right bottom;
}
table.contentTable th, table.contentTable td {
	width:33%;
}

thead tr th.td-0 {
	background:url(/images/basic/nav/red_left.gif) #c00010 no-repeat left top;  
}

tfoot tr,
tfoot td { background-color:#dfe0e1; border:none;}

tfoot tr td.td-last {
	background:url(/images/basic/corner_grey_right.gif) #DFE0E1 no-repeat right bottom; background-color:#dfe0e1; border:none;
	
}