﻿html, body, form, h1, h2, h3, h4, h5, h6, input, select, textarea, p {margin:0;padding:0;}
body {background-color:#fff;}
body, input, textarea, select {font:11px/13px Verdana,Arial,Sans-Serif;color:#000;}

div {position:static;}
html>body div {position:relative;}

.txBold {font-weight:bold;}
.tx12Bold {font-size:12px;font-weight:bold;}
.tx10 {font-size:10px;line-height:11px;}
.tx10top {font-size:10px;line-height:11px;vertical-align: top;}
.HeaderTable {position:absolute;top:0px;left:0px;z-index:201;}
.StartPageHeader {height:279; width:980; padding-bottom:1px;border-bottom:solid 1px #e68793;}
.Waehle {position:absolute;left:10px;top:338px;width:96px;height:53px;z-index:101;}
.DetailPromotion {position:absolute;left:10px;top:590px;z-index:101;}


.Color_red       {color:#ed1c24;}
.Color_lightblue {color:#1e316f;}
.Color_brown     {color:#612200;}
.Color_yellow    {color:#e4040c;}
.Color_green     {color:#6aae41;}
.Color_darkblue  {color:#2cbdf0;}
.Color_black     {color:#000;}

.ProduktDetail_red       h1 {color:#ed1c24;}
.ProduktDetail_lightblue h1 {color:#1e316f;}
.ProduktDetail_brown     h1 {color:#612200;}
.ProduktDetail_yellow    h1 {color:#e4040c;}
.ProduktDetail_green     h1 {color:#6aae41;}
.ProduktDetail_darkblue  h1 {color:#2cbdf0;}
.ProduktDetail_black     h1 {color:#000;   }

.TextSeite_red       h2 {color:#ed1c24;}
.TextSeite_lightblue h2 {color:#1e316f;}
.TextSeite_brown     h2 {color:#612200;}
.TextSeite_yellow    h2 {color:#e4040c;}
.TextSeite_green     h2 {color:#6aae41;}
.TextSeite_darkblue  h2 {color:#2cbdf0;}
.TextSeite_black     h2 {color:#000;   }

#tblProduktDetail {font-family:Verdana,Arial,Sans-Serif;}
#tblProduktDetail h1 {font-size:20px;line-height:24px;}
#tblProduktDetail h2 {font-size:13px;line-height:15px;margin-bottom:13px;}

.NewsletterBox {width:174px;height:83px;background:url(../images/newsletter/bg.gif) no-repeat;}
	.NewsletterBox label {font-size:9px;font-weight:bold;color:#fff;}
	.NewsletterBox .input {background:transparent;border:none;font-size:9px;line-height:11px;height:11px;width:97px;padding-bottom:5px;padding-left:3px;overflow:hidden;}

.QuicknavBox {position:absolute;width:172px;border:solid 1px #dedcdc;background-color:#8B7C7E;z-index:201;font:Verdana; text-align:left;}
	.QuicknavBox a {display:block;width:172px;height:14px;padding:0 23px 0 7px;overflow:hidden;color:#fff;font-size:11px;font-weight:bold;line-height:14px;text-decoration:none;background:url(../images/quicknav/bgLink.gif) no-repeat;}
	.QuicknavBox a:hover {text-decoration:none;background-image:url(../images/quicknav/bgLinkR.gif);}

.Footer a, .Footer a:hover {font-size:10px;color:#b2b2b2;text-decoration:none;}

div#dvProduktAuswahl {height: 363px; overflow: hidden;}
.ProduktAuswahl h2 {position:absolute;top:233px;z-index:3;PADDING-BOTTOM: 68px;font:bold 12px/14px Arial,Sans-Serif;}
.ProduktAuswahl h2 a, .ProduktAuswahl h2 a:hover {text-decoration:none;}

div#dvProdDesc {display:none; position:absolute;top:248px;width:100px;font-size:10px;line-height:12px;z-index:100;color:#000; text-align:left;}
	div#dvProdDesc a {color:#000;text-decoration:none;}
	div#dvProdDesc a:hover {text-decoration:underline;}

#dvDetailButtons {position:absolute;left:30px;top:390px;width:220px;z-index:20;}
#dvDetailButtons img {float:left;margin:0 9px 7px 0;}
	
.TopMenue {width:980px;height:63px;}
.LineHor img {width:980px;height:4px;}

.ButtonAbsenden {position:absolute;left:740px;top:618px;z-index:13;}
.ButtonReset    {position:absolute;left:712px;top:618px;z-index:13;}

.ButtonAbsendenKontakt {position:absolute;left:740px;top:682px;z-index:13;}
.ButtonResetKontakt    {position:absolute;left:712px;top:682px;z-index:13;}

.ButtonAbsendenNews {position:absolute;left:740px;top:627px;z-index:13;}
.ButtonResetNews    {position:absolute;left:712px;top:627px;z-index:13;}

.ButtonAbsendenProm {position:absolute;left:740px;top:582px;z-index:13;}

.KontaktInfo {font-family:Arial,Sans-Serif;font-size:12px;}
.KontaktInfo h1 {font-size:13px;line-height:15px;font-weight:bold;margin-bottom:13px;}
.KontaktInfo p {margin-bottom:13px;}

.KontaktForm {font-family:Arial,Sans-Serif;font-size:11px;}
.KontaktForm p {margin-bottom:13px;}

.KontaktField {color:#ee1b35;padding-left:5px;border:solid 1px #331b35;font-family:Arial,Sans-Serif;font-size:12px;width:auto}
.KontaktLabel {color:#940518;font-family:Arial,Sans-Serif;font-size:11px;font-weight:bold}

.PromotionInfo {font-family:Arial,Sans-Serif;font-size:12px;}
.PromotionInfo h1 {font-size:13px;line-height:15px;font-weight:bold;margin-bottom:13px;}
.PromotionInfo p {margin-bottom:13px;}

.PromotionForm {font-family:Arial,Sans-Serif;font-size:11px;}
.PromotionForm p {margin-bottom:13px;}

.PromotionField {color:#ee1b35;padding-left:5px;border:solid 1px #331b35;font-family:Arial,Sans-Serif;font-size:14px;}
.PromotionFieldRbt {color:#ee1b35;padding-left:5px;border:solid 1px #331b35;font-family:Arial,Sans-Serif;font-size:14px; width:15px}
.PromotionLabel {color:#940518;font-family:Arial,Sans-Serif;font-size:13px;font-weight:bold;}
.PromotionSpace {width:10px;}


#tblTextSeite {font:11px/13px Verdana,Arial,Sans-Serif;}
#tblTextSeite h1 {position:absolute;left:140px;top:318px;width:200px;height:20px;font-size:12px;line-height:14px;font-weight:bold;color:#000;z-index:2;}
#tblTextSeite h2 {font-size:11px;line-height:13px;font-weight:bold;margin-bottom:13px;}
#tblTextSeite p {margin-bottom:13px;}

/*
	SITEMAP
*/
#tblSitemap
{
	font:11px/13px Verdana,Arial,Sans-Serif;
	line-height:15px;
}

#tblSitemap td.ebene1
{
	padding-left: 2px;	
	font-weight: bold;
	padding-top: 10px;
}

#tblSitemap td.ebene2
{
	padding-left: 32px;
}

#tblSitemap td.ebene3
{
	padding-left: 62px;
}

#tblSitemap td.spacer
{
	font-size: 1px;
	line-height: 2px;
	height: 2px;
	padding: 0px;
}



table.errpage td.errpage
{
	padding-left: 4px;
	padding-top: 3px;
	font-family: Verdana;
	font-size: 10px;
	line-height: 15px;	
}

table.usererror
{
	margin-top: 8px;
	margin-bottom: 10px;
	margin-left: 4px;
	margin-right: 10px;
	padding: 0px;
}

table.usererror td.error
{
	color: Red;
	font-weight: bold;
	padding: 0px;
}

table.usererror td.warning
{
	font-weight: bold;
	color: goldenrod;
	padding: 0px;
}

table.usererror td.success
{
	color: Green;
	font-weight: bold;
	padding: 0px;
}

span.standarderror
{
	color: Red;
	font-weight: bold;
}

input.standarderror
{
	color: Red;
	border-color: Red;
	border-width: 1px;
}
.standarderror
{
	color: Red;
	font-weight: bold;
	font-family:Arial,Sans-Serif;font-size:11px;
}
.errlabel
{
	color: Red;
	font-family:Arial,Sans-Serif;font-size:10px;
}


/* START: MCMS Console Container */
div.MCMSConsoleContainer
{
}

div.MCMSConsoleContainerPopup
{
	position: absolute;
	left: 10px;
	top: 530px;
	background-color: #FFFFFF;
}

table.consTab
{
	border: solid 1px #ed1c24;	
}

table.consTab td
{
	padding: 10px;
	color: #ed1c24;
	font-family: Verdana;
	font-size: 12px;
	background-color: #FFFFFF;
}

table.consTab td a:link, table.consTab td a:visited, table.consTab td a:active
{
	color: #ed1c24;
	text-decoration: underline;
}

table.consTab td a:hover
{
	text-decoration: underline;
}

/* END: MCMS Console Container */

/*
	Menue
*/
table.menu
{
	margin-top: 8px;
	margin-left: 6px;
	border-collapse: collapse;
}

table.menu td.menuitem
{
	background-image: url(../images/nav_left.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;	
	padding-left: 16px;
	height: 21px;
	font-size: 12px;
	font-weight: bold;
	color: #ee2e28;
	background-color: #FFFFFF;
}

table.menu td.menuitem a:link, table.menu td.menuitem a:active, table.menu td.menuitem a:visited
{
	color: #ee2e28;
	text-decoration: none;
}

table.menu td.menuitem a:hover
{
	text-decoration: underline;
}

table.menu td.menuitemactive
{
	background-image: url(../images/nav_left_active.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;	
	padding-left: 16px;
	height: 21px;
	font-size: 12px;
	font-weight: bold;
	color: #ee2e28;
}

table.menu td.menuitemactive a:link, table.menu td.menuitemactive a:active, table.menu td.menuitemactive a:visited
{
	color: #ee2e28;
	text-decoration: none;
}

table.menu td.menuitemactive a:hover
{
	text-decoration: underline;
}


table.menu td.subitem
{
	padding-left: 15px;
	background-color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana;
	height: 17px;
	width: 184px;
}

table.menu td.subitem a:link, table.menu td.subitem a:active, table.menu td.subitem a:visited
{
	color: Black;
	text-decoration: none;
}

table.menu td.subitem a:hover
{
	text-decoration: underline;
}

table.menu td.subitemactive
{
	padding-left: 15px;
	background-color: #fff321;
	font-size: 11px;
	font-family: Verdana;
	height: 17px;
	width: 184px;
	font-weight: bold;
}

table.menu td.subitemactive a:link, table.menu td.subitemactive a:active, table.menu td.subitemactive a:visited
{
	color: Black;
	text-decoration: none;
}

table.menu td.subitemactive a:hover
{
	text-decoration: underline;
}

/*
	Metanavigation
*/

table.metanav
{
	background-image: url(../images/line_left.gif);
	background-repeat: no-repeat;
	background-position: 3px 0px;
	margin-top: 10px;
	margin-left: 4px;		
}

table.metanav td
{
	height: 21px;
	font-family: Verdana;
	font-size: 11px;
	padding-left: 13px;
	color: Black;
}

table.metanav td a:link, table.metanav td a:visited, table.metanav td a:active, table.metanav td a:hover
{
	color: Black;	
}

table.metanav td.first
{
	padding-top: 11px;
}


#theTop {position:absolute;top:-20px;left:-100px;z-index:100;}

#dvMenu {width:980px;height:63px;background:url(../images/navi/bgNavi.gif) repeat-x;}
#lineHor img {width:980px;height:4px;}
/*
	Container (für die horizontale Zentrierung)
*/

table.container
{
	padding: 0px;
	margin: 0px;
	border: none 0px Black;
	width: 100%;
	border-collapse: collapse;
}

table.container td.maincontainer
{
	width: 988px;	
	padding: 0px;
	margin: 0px;	
}

table.container td.leftpadding
{
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	width: 50%;
}

table.container td.rightpadding
{
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	width: 50%;
}

table.container td.leftpadding
{
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	width: 50%;
}

table.container td.rightpadding
{
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	width: 50%;
}

/*
	Haupttabelle (Main)
*/

table.main
{
	width: 988px;
	padding: 0px;
	margin: 0px;
	border: none 0px Black;
	border-collapse: collapse;
}

table.main td
{
	padding: 0px;
	margin: 0px;
	border: none 0px Black;
}

@media screen
{
	table.main td.left
	{
		width: 204px;
		vertical-align: top;
	}
}
@media print, paged
{
	table.main td.left
	{
		display: none;
	}
}

/* Da der Internet Explorer ja faelschlicherweise ein Padding immer zur
   Tabellenbreite hinzufuegt, aber alle anderen Browser das richtig nach W3C-Standard
   machen (nämlich das Padding ist INNERHALB der Tabelle und beeinflusst die Gesamtbreite
   der Tabelle nicht), muß, damit es auch der IE damit klarkommt, und die rechten
   Contents dann im IE nicht nach rechts rücken (was einen unschoenen Abstand erzeugen wuerde),
   noch eine extra Tabelle um den Content herum gemacht werden.
   So wird dann in allen Browsern (auch IE) gewaehrleistet, 
   dass der Abstand zum Hintergrundbild immer passt
*/

table.main td.content_outer
{
	width: 980px;
	background-image: url(../images/content_background.jpg);
	background-repeat: no-repeat;	
	background-position: 0px 0px;		
	vertical-align: top;
}

table.content td.space_left
{
	width: 120px;
	background-repeat: no-repeat;	
	background-position: 0px 0px;		
	vertical-align: top;
}


/*
	Linker Bereich
*/

@media screen
{
	table.left
	{
		width: 204px;
		margin: 0px;
		padding: 0px;
		padding-top: 30px;
		border:  none 0px Black;
		border-collapse: collapse;
	}
}
@media print, paged
{
	table.left
	{
		display: none;
	}
}

table.left td
{
	margin: 0px;
	padding: 0px;
	font-size:12px;line-height:14px;
	vertical-align: bottom;
}

/* Promotioneingabe */

table.promotion
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 0px;
	padding: 0px;
}

table.promotion td.headline
{
    font-size: 18px;
	line-height: 21px;
	vertical-align: top;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 4px;
}


table.promotion td.label
{
	width: 120px;
	vertical-align: top;
	padding-left: 2px;
}

table.promotion td.eingabe
{
	padding-left: 0px;
}

table.promotion select
{
	width: 155px;
}



