/*
 *	Standard-Styles
 *
 */


body {
	background-color: #ffffff;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}

.topnav {
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

.leftmenu {
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #333333;
	}

.leftmenured {
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #e7101f;
	}

.leftmenuwhite {
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #ffffff;
	}

.leftmenubold {
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #333333;
	}

.leftmenuboldred {
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #e7101f;
	}

.leftmenuboldwhite {
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #ffffff;
	}

.contentheader{
	font-family: Verdana, Helvetica, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

.contentheaderred{
	font-family: Verdana, Helvetica, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #e81826;
}

.contenttext{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}

.contenttiny{
	font-family: Verdana, Helvetica, Arial;
	font-size: 9px;
	color: #333333;
	font-weight: normal;
}

.contenttinyred{
	font-family: Verdana, Helvetica, Arial;
	font-size: 9px;
	color: #E81826;
	font-weight: normal;
}

.tdgray{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	background-color: #F4F4F4;
}

.tdred{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	color: #E81826;
	font-weight: normal;
	background-color: #F4F4F4;
}

.tdgraybold{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-color: #F4F4F4;
}

.tddarkgraywhitebold{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: #7d8391;
}

.tdredbold{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #E81826;
	background-color: #F4F4F4;
}

.tdwhite{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	background-color: #FFFFFF;
}

.tdlightyellow{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	background-color: #FFF9C7;
}

.tdyellow{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	background-color: #FFE824;
}

.contentred{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #e7101f;
	text-decoration: none;
}

.contentwhite{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
}

.contentbold{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

.contentboldwhite{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.contentboldred{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #e7101f;
	text-decoration: none;
}

.contentgray{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #7d8391;
}

.contentboldgray{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #7d8391;
}

.contentboldyellow{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #fff501;
}

.contenttinywhite{
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}

.contentlink{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

.contentlinkred{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #e7101f;
}

.contenttinylink{
	font-family: Verdana, Helvetica, Arial;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
}

.patext{
	margin-top: 3px;
	margin-bottom: 0px;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

.ulatext{
	margin-top: 10px;
	margin-bottom: 10px;
	list-style-type:square;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

.rtext{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	font-style:italic;
	color: #333333;
}

.footer{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
}

.produktbez{
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}

.produktkurztext{
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
}

.produktkurzkundenbewertung{
	font-family: Verdana, Helvetica, Arial;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	margin-top:5px;
	margin-bottom:5px;
}

.produktrestposten{
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #e7101f;
}

.produktpreisalt{
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}

.produktpreis{
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.produktpreisangebot{
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #e7101f;
}

.registerletter{
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.registerletterlink{
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.registerletteractive{
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #e7101f;
}

.teaserhead{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

.teasertext{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	color: #333333;
}

.filialenlink {
 	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	text-decoration: none;
	color: #ffffff;
}


* html .changedisplay_switch { border: none; }
* html .changedisplay_switch:hover { border: 0px;}

.changedisplay_switch { display: block; }
.changedisplay_switch  .changedisplay_content { display: none; }
.changedisplay_switch:hover .changedisplay_content { display: block !important; }

.startseite_zweifach p {
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
}




/*
 *	Styles Haupt-Navigation
 *
 */

* html .topnav { border: none; }
* html .topnav:hover { border: 0px;}

.topnav table .left {
	background-image: url(/images/topnav.png);
	background-position: left top;
}

.topnav:hover table .left, .topnav table .left_on{
	background-position: left 110px !important;
}

.topnav table .ileft {
	background-image: url(/images/topnav.png);
	background-position: left 176px;
}

.topnav:hover table .ileft, .topnav table .ileft_on {
	background-position: left 66px !important;
}

.topnav table .item {
	background-image: url(/images/topnav.png);
	background-position: left 198px;
}

.topnav:hover table .item, .topnav table .item_on{
	background-position: left 88px !important;
}

.topnav table .iright {
	background-image: url(/images/topnav.png);
	background-position: right 154px;
}

.topnav:hover table .iright, .topnav table .iright_on {
	background-position: right 44px !important;
}

.topnav table .right {
	background-image: url(/images/topnav.png);
	background-position: right 132px;
}

.topnav:hover table .right, .topnav table .right_on {
	background-position: right bottom !important;
}




/*
 *	Styles für Buttons und Submit Knöpfe
 *	IE 6 und IE 7 haben eigene Style Dateien, die ueber Conditional Comments eingebunden werden
 *
 */

div.formbutton, div.linkbutton {
background-repeat:no-repeat;
padding:0px; /* Fuer alle Browser zuruecksetzen */
margin:0px;  /* Fuer alle Browser zuruecksetzen */
white-space:nowrap; /* da input, a und img Inline-Elemente sind kann so ein Umbruch bei zuwenig Platz verhindert werden */
float:left; /* Bewirkt, dass das Div sich dem Inhalt anpasst und nicht die maximale Breite einnimmt */
}

/* Das Bild wird im Div und nicht im input oder a gesetzt, da dem Div als Blockelement eine Höhe zugewiesen werden darf */
div.button_grrd { background-image:url(/images/button_grrd.gif); height:20px; }
div.button_grgr { background-image:url(/images/button_grgr.gif); height:20px; }
div.button_yerd { background-image:url(/images/button_yerd.gif); height:20px; }
div.button_high { background-image:url(/images/button_high.gif); height:20px; }
div.button_text { background-image:url(/images/button_text.gif); height:20px; }

div.formbutton input, div.linkbutton a {
padding-right:6px; /* Beim Firefox wird in Kauf genommen, dass Inputs auf der rechten Seite 3px mehr Abstand haben. */
font-family:Verdana,Arial;
font-weight:bold;
font-size:11px;
position:relative;
color:#333;
}

div.formbutton input {
vertical-align:top;
background-color:transparent;
cursor:pointer;
border:none;
}

div.linkbutton a {
vertical-align:top; /* Der Text würde sich ansonsten vertikal mittig am Bild fuer den rechten Rand positionieren */
text-decoration:none;
}


/* Der Wert fuer das linke Padding hängt vom Hintergrundbild ab.
   Beim Firefox wird in Kauf genommen, dass Inputs auf der linken Seite 3px mehr Abstand haben. */
div.button_grrd a, div.button_grrd input { padding-left: 16px; }
div.button_grgr a, div.button_grgr input { padding-left: 16px; }
div.button_yerd a, div.button_yerd input { padding-left: 16px; }
div.button_high a, div.button_high input { padding-left: 33px; }
div.button_text a, div.button_text input { padding-left: 12px; font-weight:normal; padding-right:0px; }

/* Die vertikale Positionierung wird auf die drei grossen Browser hin optimiert,
   da Abweichungen oben und unten mehr auffallen als bei den Seitenabstaenden.
   Das Padding hat keine Auswirkungen auf die Positionierung, jedoch wird damit
   der klickbare Bereich bis auf die Raender der Grafik hin ausgedehnt. */

/* Firefox und Standardpositionierung */
div.linkbutton a     { top:2px; padding-top:2px; padding-bottom:4px; }
div.formbutton input { top:0px; padding-top:1px; padding-bottom:4px; }
/* Opera optimierte Positionierung */
@media screen and (min-width: 0px) {
	div.linkbutton a     { top:2px; padding-top:1px; padding-bottom:6px; }
	div.formbutton input { top:0px; padding-top:2px; padding-bottom:5px; }
}

div.formbutton img, div.linkbutton img {
vertical-align:top; /* Theoretisch unnoetig. Praktisch zur Sicherheit, dass der Inhalt des Divs in allen nicht getesteten Browsern auch oben ausgerichtet wird */
position:relative;
left:1px; /* Damit der transparente Pixel rechts oben nicht über dem Buttonhintergrund liegt */
border:none;
}