@charset "utf-8";
/* CSS Document */
/* 
------------------------------------------------------------ 
Allgemeine Definitionen
------------------------------------------------------------ 
*/


html {
	height: 100%;
}
body {
	margin: 0;
	background: url(graphic/background1.gif) repeat-y;
	background-position: center 65px;
	background-color: #000;
	position: relative;
	width: 100%;
	height: 100%;
	}
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
}
form {
   display: inline;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	display: inline;
	/* text-transform: uppercase; */
}
h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	display: inline;
}
a {
 	outline: 0;
}
a:link { 
	color:#e9d495; text-decoration:none;
}
a:active {
	color:#e9d495; text-decoration:none;
}
a:visited { 
	color:#e9d495; text-decoration:none;
}
a:hover { 
	color:#e9d495; text-decoration:none;
}
/* 
------------------------------------------------------------ 
Ende Allgemeine Definitionen
------------------------------------------------------------ 
*/
/* 
------------------------------------------------------------ 
Seitenstruktur
------------------------------------------------------------ 
*/
#background {
	position: relative;
	background: /* #454440 */ url(graphic/background2.gif) repeat-x;
	width: 100%;
	min-height: 100%;
}
* html #background {
	height: 100%; /* für Internet Explorer */
}
#content {
	position: relative;
	width: 995px;
	margin: 0 auto 0 auto;
	padding: 0 0 30px 0;
	overflow: auto;
}
#header {
	position: relative;
	width: 995px;
}
#topmenu {
	position: relative;
	width: 800px;
	float: left;
}
#suche {
	position: relative;
	width: 195px;
	height: 40px;
	float: left;
}
.suchebox {
	font-family:Arial;
	color: #333;
	font-size: 12px;
	border: 1px solid /* #332b07 */ #5c5539;
	background-color: #fff;
	height: 18px;
	width: 161px;
	padding: 7px 0 0 6px;
}
#linkstartseite {
	position: relative;
	width: 200px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 11px;
	line-height: 16px;
	padding: 0;
	margin: 0;
	float: left;
}
#linkstartseite a {
	text-decoration: underline;
	}
#linkstartseite a:hover {
	text-decoration: underline;
	}
#breadcrumb {
	position: relative;
	width: 575px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 11px;
	line-height: 16px;
	padding: 5px 0 0 25px;
	float: left;
}
#breadcrumb a {
	color: #fff;
	text-decoration: none;
	}
#breadcrumb a:hover {
	text-decoration: underline;
	}
#logout {
	position: relative;
	width: 195px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
	padding: 5px 0 0 0;
	float: left;
}
#logout a {
	color: #999;
	text-decoration: none;
}
#logout a:hover {
	color: #fff;
	text-decoration: underline;
	}
#columnwrap {
	position: relative;
	width: 995px;
	background: url(graphic/background3.gif) repeat-y;
	background-position: center -5px;
	float: left;
	clear: both;
}
#columnleft {
	position: relative;
	width: 195px;
	margin: 0 5px 0 0;
	float: left;
}
#columnmiddle {
	position: relative;
	width: 595px;
	margin: 0 5px 0 0;
	float: left;
}
#columnright {
	position: relative;
	width: 195px;
	float: right;
}
.columnlefttextblock1 {
	position: relative;
	width: 181px;
	padding: 4px 0 6px 14px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(graphic/dotted-line-195.gif) no-repeat;
	background-position: bottom;
	color: #cfcfcf;
	font-size: 11px;
	line-height: 15px;
	text-align: left;
}
.columnlefttextblock1 a {
	color: #cfcfcf;
	text-decoration: none;
}
.columnlefttextblock1 a:hover {
	color: #fff;
	text-decoration: underline;
}
.subsubmenu1, .subsubmenu2, .subsubmenu2b {
	position: relative;
	background: url(graphic/btn-submenu-background.gif) no-repeat;
	width: 172px;
	padding: 4px 0 6px 23px;
	font-family: Arial, Helvetica, sans-serif;
	color: #cfcfcf;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
}
.subsubmenu2 {
	font-size: 11px;
	background: url(graphic/btn-submenu-background2.gif) no-repeat;
}
.subsubmenu2b {
	font-size: 11px;
	background: url(graphic/btn-submenu-background2b.gif) no-repeat;
}
.subsubsubmenu {
	position: relative;
	background: url(graphic/btn-submenu-background3.gif) no-repeat;
	width: 163px;
	padding: 4px 0 6px 32px;
	font-family: Arial, Helvetica, sans-serif;
	color: #cfcfcf;
	font-size: 11px;
	line-height: 15px;
	text-align: left;
}
.subsubmenu1 a, .subsubmenu2 a, .subsubmenu2b a, .subsubsubmenu a {
	color: #cfcfcf;
	text-decoration: none;
}
.subsubmenu1 a:hover, .subsubmenu2 a:hover, .subsubmenu2b a:hover, .subsubsubmenu a:hover {
	color: #fff;
	text-decoration: underline;
}
.subsubmenu1 .active a, .subsubmenu2 .active a, .subsubmenu2b .active a, .subsubsubmenu .active a {
	color: #fff;
	font-weight: bold;
}
.columnrighttextblock1 {
	position: relative;
	width: 181px;
	padding: 0 0 5px 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	line-height: 15px;
	text-align: left;
}
.columnrighttextblock1 a {
	color: #fff;
	text-decoration: none;
}
.columnrighttextblock1 a:hover {
	color: #fff;
	text-decoration: underline;
}
#footer {
	position: relative;
	background: url(graphic/background4.gif) repeat-x;
	width: 100%;
	height: 30px;
	padding: 0;
	margin: -30px 0 0 0;
}
#footer td {
	font-family: Arial, Helvetica, sans-serif;
	color: #cfcfcf;
	font-size: 11px;
	line-height: 15px;
	text-align: left;
}
/* 
------------------------------------------------------------ 
Ende Seitenstruktur
------------------------------------------------------------ 
*/

/* 
------------------------------------------------------------ 
Fabrikate
------------------------------------------------------------ 
*/
#fabrikate {
	position: relative;
	width: 595px;
}
.fabrikatebox1, .fabrikatebox2 {
	position: relative;
	width: 95px;
	height: 50px;
	background: url(fabrikate/fabrikat-thumb-95x95.jpg);
	margin: 5px 5px 0 0;
	float: left;
}
.fabrikatebox2 {
	margin: 5px 0 0 0;
}
#fabrikateteaser img {
	padding-bottom: 5px;
	border: none;
}
#diverses #fabrikatelandingpage {
	position: relative;
	width: 595px;
	background: url(graphic/background-diverses.jpg) repeat-x;
	background-color: #42413c;
	margin: 5px 0 0 0;
	float: left;
}
#diverses #fabrikatelandingpage .headline {
	position: relative;
	width: 583px;
	height: 22px;
	color: #fff;
	background: url(online-shop/background-line-greyyellow.gif);
	padding: 3px 0 0 12px;
}
#diverses #fabrikatelandingpage .headline h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
}
#diverses #fabrikatelandingpage .inhalt {
	position: relative;
	width: 565px;
	background: inherit;
	padding: 17px 10px 18px 20px;
	float: left;
}
#diverses #fabrikatelandingpage .hifiteam {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
	vertical-align: top;
	padding: 15px 15px 0 0;
	float: left;
}
#diverses #fabrikatelandingpage img {
	padding: 5px 5px 0 0;
	border: 0;
	float: left;
}
/* 
------------------------------------------------------------ 
Ende Fabrikate
------------------------------------------------------------ 
*/

/* 
------------------------------------------------------------ 
Online Shop - Kategorien
------------------------------------------------------------ 
*/
#Online-Shop_name { display:none; }

.Angebote { background: transparent url(graphic/btn-submenu-angebote-1.gif) no-repeat; height:25px; width:195px; padding-bottom: 5px; }
.Angebote a { background: transparent url(graphic/btn-submenu-angebote-1.gif) no-repeat; height:25px; width:195px; display: block; }
.Angebote a:hover { background: transparent url(graphic/btn-submenu-angebote-2.gif) no-repeat; height:25px; width:195px; display: block; }
.Angebote_activ { background: transparent url(graphic/btn-submenu-angebote-2.gif) no-repeat; height:25px; width:195px; padding-bottom: 5px; }
.Angebote_activ a { background: transparent url(graphic/btn-submenu-angebote-2.gif) no-repeat; height:25px; width:195px; display: block; }
#Angebote_name { display:none; }

.HiFi { background: transparent url(graphic/btn-submenu-hifi-1.gif) no-repeat; height:25px; width:195px; padding-bottom: 5px; }
.HiFi a { background: transparent url(graphic/btn-submenu-hifi-1.gif) no-repeat; height:25px; width:195px; display: block; }
.HiFi a:hover { background: transparent url(graphic/btn-submenu-hifi-2.gif) no-repeat; height:25px; width:195px; display: block; }
.HiFi_activ { background: transparent url(graphic/btn-submenu-hifi-2.gif) no-repeat; height:25px; width:195px; padding-bottom: 5px; }
.HiFi_activ a { background: transparent url(graphic/btn-submenu-hifi-2.gif) no-repeat; height:25px; width:195px; display: block; }
#HiFi_name { display:none; }

.TV { background: transparent url(graphic/btn-submenu-tv-1.gif) no-repeat; height:25px; width:195px; padding-bottom: 5px; }
.TV a { background: transparent url(graphic/btn-submenu-tv-1.gif) no-repeat; height:25px; width:195px; display: block; }
.TV a:hover { background: transparent url(graphic/btn-submenu-tv-2.gif) no-repeat; height:25px; width:195px; display: block; }
.TV_activ { background: transparent url(graphic/btn-submenu-tv-2.gif) no-repeat; height:25px; width:195px; padding-bottom: 5px; }
.TV_activ a { background: transparent url(graphic/btn-submenu-tv-2.gif) no-repeat; height:25px; width:195px; display: block; }
#TV_name { display:none; }

.MultiRoom { background: transparent url(graphic/btn-submenu-multiroom-1.gif) no-repeat; height:25px; width:195px; padding-bottom: 5px; }
.MultiRoom a { background: transparent url(graphic/btn-submenu-multiroom-1.gif) no-repeat; height:25px; width:195px; display: block; }
.MultiRoom a:hover { background: transparent url(graphic/btn-submenu-multiroom-2.gif) no-repeat; height:25px; width:195px; display: block; }
.MultiRoom_activ { background: transparent url(graphic/btn-submenu-multiroom-2.gif) no-repeat; height:25px; width:195px; padding-bottom: 5px; }
.MultiRoom_activ a { background: transparent url(graphic/btn-submenu-multiroom-2.gif) no-repeat; height:25px; width:195px; display: block; }
#MultiRoom_name { display:none; }

.Heimkino { background: transparent url(graphic/btn-submenu-heimkino-1.gif) no-repeat; height:25px; width:195px; padding-bottom: 5px; }
.Heimkino a { background: transparent url(graphic/btn-submenu-heimkino-1.gif) no-repeat; height:25px; width:195px; display: block; }
.Heimkino a:hover { background: transparent url(graphic/btn-submenu-heimkino-2.gif) no-repeat; height:25px; width:195px; display: block; }
.Heimkino_activ { background: transparent url(graphic/btn-submenu-heimkino-2.gif) no-repeat; height:25px; width:195px; padding-bottom: 5px; }
.Heimkino_activ a { background: transparent url(graphic/btn-submenu-heimkino-2.gif) no-repeat; height:25px; width:195px; display: block; }
#Heimkino_name { display:none; }

.level3 {
	position: relative;
	background: url(graphic/btn-submenu-background.gif) no-repeat;
	width: 172px;
	padding: 4px 0 6px 23px;
	font-family: Arial, Helvetica, sans-serif;
	color: #cfcfcf;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
}

.level3 a {
	color: #cfcfcf;
	text-decoration: none;
}
.level3 a:hover {
	color: #fff;
	text-decoration: underline;
}

.level4 {
	position: relative;
	background: url(graphic/btn-submenu-background3.gif) no-repeat;
	width: 162px;
	padding: 4px 0 6px 33px;
	font-family: Arial, Helvetica, sans-serif;
	color: #cfcfcf;
	font-size: 11px;
	line-height: 15px;
	text-align: left;
}

.level4 a {
	color: #cfcfcf;
	text-decoration: none;
}
.level4 a:hover {
	color: #fff;
	text-decoration: underline;
}

.level3_activ {
	position: relative;
	background: url(graphic/btn-submenu-background.gif) no-repeat;
	width: 172px;
	padding: 4px 0 6px 23px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
}

.level3_activ a { color: #fff; font-weight:bold; }

.level4_activ {
	position: relative;
	background: url(graphic/btn-submenu-background3.gif) no-repeat;
	width: 162px;
	padding: 4px 0 6px 33px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	line-height: 15px;
	text-align: left;
}

.level4_activ a { color: #fff; font-weight:bold; }


/* 
------------------------------------------------------------ 
Ende Online Shop - Kategorien
------------------------------------------------------------ 
*/

/* 
------------------------------------------------------------ 
Online Shop - Angebote
------------------------------------------------------------ 
*/
#angebote {
	position: relative;
	width: 595px;
	float: left;
}
.angebotebox1, .angebotebox2 {
	position: relative;
	width: 195px;
	height: 195px;
	background-color: #fff;
	margin: 0 5px 5px 0;
	float: left;
}
.angebotebox2 {
	margin: 0 0 5px 0;
}
#angebotestartseite .angebotebox1, #angebotestartseite .angebotebox2 {
	position: relative;
	width: 195px;
	height: 195px;
	background-color: #fff;
	margin: 5px 5px 0 0;
	float: left;
}

#angebotestartseite .angebotebox2 {
	margin: 5px 0 0 0;
}
.angebotebox1 .headline, .angebotebox2 .headline, .angebotebox1 .headline2, .angebotebox2 .headline2 {
	position: relative;
	width: 187px;
	height: 22px;
	background: url(online-shop/background-artikel-head-195-1.gif);
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
	overflow: hidden;
	padding: 3px 0 0 8px;
}
.angebotebox1 .headline a, .angebotebox2 .headline a {
	color: #000;
}

.angebotebox1 .headline2, .angebotebox2 .headline2 {
	background: url(online-shop/background-artikel-head-195-3.gif);
}
.angebotebox1 .bild, .angebotebox2 .bild {
	position: relative;
	width: 195px;
	height: 145px;
}
.angebotebox1 .preis, .angebotebox2 .preis {
	position: relative;
	width: 195px;
	height: 25px;
	overflow: hidden;
	background: url(online-shop/background-artikel-preis-195.gif);
}
#angebote .preis .preisangabe, #angebotestartseite .preis .preisangabe  {
	padding: 3px 0 0 8px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
	float: left;
}
#angebote .preis .preisangabe a, #angebotestartseite .preis .preisangabe a {
	color: #000;
}
.eurozeichen {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}
#angebote .preisangabe .alterpreis, #angebotestartseite .preisangabe .alterpreis {
	font-size: 11px;
	color: #333;
	font-weight: normal;
	line-height: 18px;
	text-decoration: line-through;
}

#artikeldetailansicht .preisangabe .alterpreis {
	font-size: 12px;
	color: #333;
	font-weight: normal;
	line-height: 18px;
	text-decoration: line-through;
}

#angebote .preis .preisinfo, #angebote .preis .preisinfospezial, #angebotestartseite .preis .preisinfo, #angebotestartseite .preis .preisinfospezial {
	padding: 3px 8px 0 0 ;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	line-height: 18px;
	float: right;
}
#angebote .preis .preisinfospezial, #angebotestartseite .preis .preisinfospezial {
	color: #c00;
	font-weight: bold;
}
/* 
------------------------------------------------------------ 
Ende Online Shop - Angebote
------------------------------------------------------------ 
*/

/* 
------------------------------------------------------------ 
Online Shop - Kategorieboxen
------------------------------------------------------------ 
*/

.katbox1, .katbox2 {
	position: relative;
	width: 145px;
	height: 142px;
	background-color: #fff;
	margin: 0 5px 8px 0;
	float: left;
}
* html .katbox1, .katbox2 { margin: 0 5px 5px 0; }
.katbox2 {
	margin: 0 0 8px 0;
}
* html .katbox2 { margin: 0 0 5px 0; }
.katbox1 .headline, .katbox2 .headline {
	position: relative;
	width: 137px;
	height: 22px;
	background: url(online-shop/background-artikel-head-195-1.gif);
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
	padding: 3px 0 0 8px;
}
.katbox1 .headline a, .katbox2 .headline a {
	color: #000;
}
.katbox1 .bild, .katbox2 .bild {
	position: relative;
	width: 145px;
	height: 120px;
}

/* 
------------------------------------------------------------ 
Ende Online Shop - Kategorieboxen
------------------------------------------------------------ 
*/


/* 
------------------------------------------------------------ 
Online Shop - Artikel-Detail-Ansicht
------------------------------------------------------------ 
*/
#artikeldetailansicht {
	position: relative;
	width: 595px;
}
#bildbox {
	position: relative;
	width: 295px;
	height: 295px;
	background-color: #fff;
	margin: 0 5px 0 0;
	float: left;
}
#textbox {
	position: relative;
	width: 295px;
	height: 295px;
	background-color: #fff;
	margin: 0;
	float: left;
}
#bildbox .headline, #textbox .headline {
	position: relative;
	width: 287px;
	height: 22px;
	background: url(online-shop/background-artikel-detail-head-295.gif);
	padding: 3px 0 0 8px;
}
#bildbox .headline h1, #textbox .headline h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
}
#bildbox .bild {
	position: relative;
	width: 295px;
	height: 220px;
}
#textbox .text {
	position: relative;
	width: 274px;
	height: 170px;
	padding: 10px 10px 10px 11px;
}
#bildbox .preis, #textbox .auswaehlen {
	position: relative;
	width: 295px;
	height: 50px;
	background: url(online-shop/background-artikel-detail-preis-295.gif);
}

#textbox .auswaehlen .anzahlauswahl {
	position: absolute;
	top: 11px;
	left: 213px;
	width: 70px;
	height: 27px;
	color: #222;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.anzahlauswahlbox {
	font-family:Arial;
	color: #333;
	font-size: 12px;
	border: 1px solid /* #332b07 */ #5c5539;
	background-color: #fff;
	height: 20px;
	width: 17px;
	padding: 5px 0 0 6px;
}

#bildbox .preis {
	position: relative;
	width: 280px;
	height: 40px;
	background: url(online-shop/background-artikel-detail-preis-295.gif);
	padding: 10px 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	text-align: left;
	float: left;
}
#bildbox .preis .preisangabe {
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
	font-size: 16px;
	font-weight: bold;
}
#bildbox .preis .smalltext {
	font-family: Arial, Helvetica, sans-serif;
	color: #4f4f50;
	font-size: 10px;
	font-weight: normal;
}
#textbox .text h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
}
#textbox .text {
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
}
#thumbs {
	position: relative;
	width: 595px;
	height: 50px;
	margin: 5px 0 0 0;
	background: url(online-shop/artikel-thumb-bg.gif);
	float: left;
}

#thumbs img {
	padding-right: 5px;
	border: none;
}
#detailinfos {
	position: relative;
	width: 595px;
	margin: 5px 0 5px 0;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
}
#detailinfos a {
	color: #000;
}
#detailinfos a:hover {
	color: #000;
	text-decoration: underline;
}
.registerbox1, .registerbox2 {
	position: relative;
	width: 87px;
	height: 22px;
	background: url(online-shop/background-reg-grey.gif);
	padding: 3px 0 0 8px;
	margin: 0 5px 0 0;
	float: left;
	cursor:pointer;
}
.registerbox2 {
	margin: 0;
}
.registerbox1active, .registerbox2active {
	position: relative;
	width: 87px;
	height: 22px;
	background: url(online-shop/background-reg-yellow.gif);
	padding: 3px 0 0 8px;
	margin: 0 5px 0 0;
	float: left;
	cursor:pointer;
}
.registerbox2active {
	margin: 0;
}
#detailinfos #text {
	position: relative;
	width: 565px;
	background-color: #e9e9e9;
	padding: 13px 15px 15px 15px;
	margin: 0;
	float: left;
}
#detailinfos #text h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
#trennerdetailinfos {
	position: relative;
	width: 580px;
	height: 21px;
	margin: 5px 0 5px 0;
	padding: 4px 0 0 15px;
	background: url(online-shop/background-line-grey.gif);
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
}
#trennerdetailinfos a {
	color: #000;
}
#trennerdetailinfos a:hover {
	color: #000;
	text-decoration: underline;
}
#anmeldungbox {
	position: relative;
	width: 195px;
	min-height: 195px;
	background: url(graphic/box_background.gif) no-repeat;
	background-color: #3e3d38;
	margin: 0 0 5px 0;
}
#anmeldungbox .text {
	position: relative;
	width: 181px;
	padding: 10px 0 10px 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #cfcfcf;
	font-size: 12px;
	line-height: 17px;
	text-align: left;
}
.anmeldungboxform {
	font-family:Arial;
	color: #333;
	font-size: 12px;
	border: 1px solid #aaabb0;
	background-color: #fff;
	height: 17px;
	width: 149px;
	padding: 2px 0 0 6px;
}
#warenkorbbox {
	position: relative;
	width: 195px;
	/* min-height: 245px; */
	background: url(graphic/box_background.gif) no-repeat;
	background-color: #3e3d38;
	margin: 0 0 5px 0;
}
#warenkorbbox .liste1 {
	position: relative;
	width: 181px;
	padding: 4px 0 6px 14px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(graphic/dotted-line-195.gif) no-repeat;
	background-position: bottom;
	color: #cfcfcf;
	font-size: 11px;
	line-height: 15px;
	text-align: left;
}
#warenkorbbox .liste2 {
	position: relative;
	width: 181px;
	padding: 4px 0 15px 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #cfcfcf;
	font-size: 11px;
	line-height: 17px;
	text-align: left;
}
#warenkorbbox .liste1 a {
	color: #cfcfcf;
	font-weight: bold;
	text-decoration: none;
}
#warenkorbbox .liste1 a:hover, #warenkorbbox .liste2 a:hover {
	color: #fff;
	text-decoration: underline;
}
#warenkorbbox .text {
	position: relative;
	width: 181px;
	padding: 10px 0 10px 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #cfcfcf;
	font-size: 12px;
	line-height: 17px;
	text-align: left;
}
/* 
------------------------------------------------------------ 
Ende Online Shop - Artikel-Detail-Ansicht
------------------------------------------------------------ 
*/

/* 
------------------------------------------------------------ 
Online Shop - Warenkorb
------------------------------------------------------------ 
*/
#warenkorb {
	position: relative;
	width: 595px;
}
#warenkorb #inhalt {
	position: relative;
	width: 555px;
	background: url(graphic/background-warenkorb.jpg) repeat-x;
	background-color: #42413c;
	padding: 10px 20px 15px 20px;
}
#warenkorb .kopfzeile, #warenkorb .fusszeile {
	height: 25px;
	font-size: 11px;
	color: #cfcfcf;
}
#warenkorb .liste {
	height: 50px;
	background: url(graphic/background-warenkorb-liste.gif);
	font-weight: bold;
}
#warenkorb .bild { width: 70px; text-align: left; padding-bottom: 5px;}
#warenkorb .anzahl { width: 47px; text-align: left; padding-bottom: 5px; }
#warenkorb .artikel { width: 226px; text-align: left; padding-bottom: 5px; }
#warenkorb .artikel a {	color: #fff; text-decoration: none; }
#warenkorb .artikel a:hover { color: #fff; text-decoration: underline; }
#warenkorb .einzelpreis, #warenkorb .gesamtpreis { width: 75px; text-align: right; padding-bottom: 5px; }
#warenkorb .entfernen { width: 62px; text-align: right; padding-bottom: 5px; }
.form-warenkorb-anzahl {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	border: 1px solid #aaabb0;
	background-color: #fff;	
	height: 17px;
	width: 26px;
	padding: 2px 0 0 6px;
}
#warenkorb .zwischensumme { text-align: right; font-weight: bold; padding-top: 10px; }
#warenkorb .fusszeile { text-align: right; }
#trennerwarenkorb {
	position: relative;
	width: 580px;
	height: 21px;
	margin: 0 0 5px 0;
	padding: 4px 0 0 15px;
	background: url(online-shop/background-line-darkgrey.gif);
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #cfcfcf;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
}
#trennerwarenkorb a {
	color: #cfcfcf;
}
#trennerwarenkorb a:hover {
	color: #cfcfcf;
	text-decoration: underline;
}
/* 
------------------------------------------------------------ 
Ende Online Shop - Warenkorb
------------------------------------------------------------ 
*/

/* 
------------------------------------------------------------ 
Online Shop - Anmeldung
------------------------------------------------------------ 
*/
#anmeldung {
	position: relative;
	width: 595px;
}
#anmeldung #inhalt {
	position: relative;
	width: 555px;
	background: url(graphic/background-warenkorb.jpg) repeat-x;
	background-color: #42413c;
	padding: 10px 20px 15px 20px;
}
#anmeldung #inhalt td {
	vertical-align: bottom;
}
.anmeldungform1 {
	font-family:Arial;
	color: #333;
	font-size: 12px;
	border: 1px solid #aaabb0;
	background-color: #fff;
	height: 19px;
	width: 168px;
	margin: 8px 0 0 0;
	padding: 4px 0 0 5px;
}
.anmeldungform1_chk {
	border: 1px solid #aaabb0;
	height: 15px;
	width: 15px;
	margin: 8px 0 0 0;
	padding: 4px 0 0 5px;
}
.anmeldungform1_plz {
	font-family:Arial;
	color: #333;
	font-size: 12px;
	border: 1px solid #aaabb0;
	background-color: #fff;
	height: 19px;
	width: 50px;
	margin: 8px 0 0 0;
	padding: 4px 0 0 5px;
}
.anmeldungform1_ort {
	font-family:Arial;
	color: #333;
	font-size: 12px;
	border: 1px solid #aaabb0;
	background-color: #fff;
	height: 19px;
	width: 108px;
	margin: 8px 0 0 0;
	padding: 4px 0 0 5px;
}
.anmeldungform1_strasse {
	font-family:Arial;
	color: #333;
	font-size: 12px;
	border: 1px solid #aaabb0;
	background-color: #fff;
	height: 19px;
	width: 128px;
	margin: 8px 0 0 0;
	padding: 4px 0 0 5px;
}
.anmeldungform1_nr {
	font-family:Arial;
	color: #333;
	font-size: 12px;
	border: 1px solid #aaabb0;
	background-color: #fff;
	height: 19px;
	width: 30px;
	margin: 8px 0 0 0;
	padding: 4px 0 0 5px;
}

.anmeldungform1_land {
	font-family:Arial;
	color: #333;
	font-size: 12px;
	height: 21px;
	width: 175px;
	margin: 10px 0 0 0;
}

.anmeldungform2 {
	font-family:Arial;
	color: #333;
	font-size: 12px;
	height: 21px;
	margin: 10px 0 0 0;
}

.anmeldungarea1 {
	font-family:Arial;
	color: #333;
	font-size: 12px;
	border: 1px solid #aaabb0;
	background-color: #fff;
	height: 200px;
	width: 300px;
	margin: 8px 0 0 0;
	padding: 4px 0 0 5px;
}

/* 
------------------------------------------------------------ 
Ende Online Shop - Anmeldung
------------------------------------------------------------ 
*/

/* 
------------------------------------------------------------ 
Diverses (also z.B. Liefer- und Versandkosten, AGB ...)
------------------------------------------------------------ 
*/
#diverses {
	position: relative;
	width: 595px;
	float: left;
}
#diverses .inhalt {
	position: relative;
	width: 540px;
	background: url(graphic/background-diverses.jpg) repeat-x;
	background-color: #42413c;
	padding: 17px 35px 18px 20px;
}
#diverses #leftbox {
	position: relative;
	width: 295px;
	background: url(graphic/background-diverses.jpg) repeat-x;
	background-color: #42413c;
	margin: 0 5px 0 0;
	float: left;
}
#diverses #rightbox {
	position: relative;
	width: 295px;
	height: 450px;
	background: url(graphic/background-diverses.jpg) repeat-x;
	background-color: #42413c;
	margin: 0;
	float: left;
}
#diverses #leftbox .headline, #warenkorb .headline, #diverses #rightbox .headline {
	position: relative;
	width: 283px;
	height: 22px;
	color: #000;
	background: url(online-shop/background-artikel-detail-head-295.gif);
	padding: 3px 0 0 12px;
}
#diverses #leftbox .headline h1, #warenkorb .headline h1, #diverses #rightbox .headline h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
}
#diverses #leftbox .inhalt, #diverses #rightbox .inhalt {
	position: relative;
	width: 265px;
	background: inherit;
	padding: 17px 10px 18px 20px;
}
/* 
------------------------------------------------------------ 
Ende Diverses
------------------------------------------------------------ 
*/


/* 
------------------------------------------------------------ 
Seiten-Index
------------------------------------------------------------ 
*/
#seitenindex {
	position: relative;
	width: 595px;
	float: left;
}
#seitenindex .inhalt {
	position: relative;
	width: 555px;
	background: url(graphic/background-seitenindex.jpg) repeat-x;
	background-color: #3f3d39;
	padding: 20px 20px 18px 20px;
	float: left;
	line-height: 16px;
}
#seitenindex .inhalt .column1 {
	position: relative;
	width: 130px;
	padding: 0 5px 0 0;
	float: left;
}
#seitenindex .inhalt .column2 {
	position: relative;
	width: 120px;
	padding: 0 5px 0 0;
	float: left;
}
#seitenindex .inhalt .column3 {
	position: relative;
	width: 130px;
	padding: 0 5px 0 0;
	float: left;
}
#seitenindex .inhalt .column4 {
	position: relative;
	width: 155px;
	padding: 0 5px 0 0;
	float: left;
}
#seitenindex h1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	line-height: 16px;
	display: inline;
}
#seitenindex h2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cfcdc3;
	font-weight: bold;
	line-height: 16px;
	display: inline;
}
#seitenindex h3 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b0ada3;
	font-weight: normal;
	line-height: 16px;
	display: inline;
}
#seitenindex .h4 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #b0ada3;
	font-weight: normal;
	line-height: 16px;
	display: inline;
	padding-left: 10px;
}


/* 
------------------------------------------------------------ 
Ende Seiten-Index
------------------------------------------------------------ 
*/

/* 
------------------------------------------------------------ 
Studios
------------------------------------------------------------ 
*/
#thumbsstudios {
	position: relative;
	width: 595px;
	height: 50px;
	margin: 5px 0 5px 0;
	background: url(online-shop/artikel-thumb-bg.gif);
}
#thumbsstudios img {
	padding-right: 5px;
	border: none;
}
/* 
------------------------------------------------------------ 
Ende Studios
------------------------------------------------------------ 
*/

/* 
------------------------------------------------------------ 
Kontakt HiFi-Team
------------------------------------------------------------ 
*/
#hifiteam {
	position: relative;
	width: 595px;
	float: left;
}
.hifiteambox1, .hifiteambox2 {
	position: relative;
	width: 195px;
	height: 195px;
	background-color: #333;
	margin: 5px 5px 0 0;
	float: left;
}
.hifiteambox2 {
	margin: 5px 0 0 0;
}
.hifiteambox1 .headline, .hifiteambox2 .headline, .hifiteambox1 .subline, .hifiteambox2 .subline {
	position: relative;
	width: 187px;
	height: 22px;
	background: url(graphic/background-hifi-team-hl.gif);
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
	padding: 3px 0 0 8px;
}
.hifiteambox1 .subline, .hifiteambox2 .subline {
	background: url(graphic/background-hifi-team-sl.gif);
	background-color: #3c3b36;
	font-size: 11px;
	font-weight: normal;
}
.hifiteambox1 .bild, .hifiteambox2 .bild {
	position: relative;
	background: url(graphic/background-hifi-team-box.jpg);
	width: 195px;
	height: 145px;
}
/* 
------------------------------------------------------------ 
Ende Kontakt HiFi-Team
------------------------------------------------------------ 
*/


/* 
------------------------------------------------------------ 
Online Shop - Varianten
------------------------------------------------------------ 
*/
#varianten {
	width: 595px;
}
#varianten #inhalt {
	position: relative;
	width: 555px;
	background: url(graphic/background-warenkorb.jpg) repeat-x;
	background-color: #42413c;
	padding: 20px 20px 15px 20px;
	margin-bottom: 5px;
}
#varianten .fusszeile {
	height: 5px;
	font-size: 11px;
	color: #cfcfcf;
}
#varianten .liste  {
	height: 50px;
	font-weight: bold;
}
#varianten .bild { width: 55px; text-align: left; background-color: #fff; }
#varianten .space { width: 15px; }
#varianten .anzahl { width: 45px; text-align: left; }
#varianten .artikel { width: 180px; text-align: left; }
#varianten .artikel a {	color: #fff; text-decoration: none; }
#varianten .artikel a:hover { color: #fff; text-decoration: underline; }
#varianten .einzelpreis { width: 50px; text-align: right; }
#varianten .auswaehlen { width: 210px; text-align: right; }
.form-varianten-anzahl {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	border: 1px solid #aaabb0;
	background-color: #fff;	
	height: 17px;
	width: 26px;
	padding: 2px 0 0 6px;
}
/* 
------------------------------------------------------------ 
Ende Online Shop - Varianten
------------------------------------------------------------ 
*/

/* 
------------------------------------------------------------ 
Kontakt Formulare
------------------------------------------------------------ 
*/
.kontaktform1, .kontaktform2,  .kontaktform3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	border: 1px solid #aaabb0;
	background-color: #fff;
	height: 19px;
	width: 218px;
	margin: 8px 0 0 0;
	padding: 4px 0 0 5px;
}
.kontaktform2 {
	width: 218px;
	margin: 2px 0 8px 0;
}

.kontaktform3 {
	width: 160px;
	margin: 4px 0 6px 0;
}
/* 
------------------------------------------------------------ 
Ende Kontakt Formulare
------------------------------------------------------------ 
*/

/* 
------------------------------------------------------------ 
Downloadbereich
------------------------------------------------------------ 
*/
.downloadbox1, .downloadbox2 {
	position: relative;
	width: 195px;
	background-color: #333;
	margin: 5px 5px 0 0;
	float: left;
}
.downloadbox2 {
	margin: 5px 0 0 0;
}
.downloadbox1 .headline, .downloadbox2 .headline, .downloadbox1 .subline, .downloadbox2 .subline {
	position: relative;
	width: 187px;
	height: 22px;
	background: url(graphic/background-hifi-team-hl.gif);
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
	padding: 3px 0 0 8px;
}
.downloadbox1 .subline, .downloadbox2 .subline {
	background: url(graphic/background-hifi-team-sl.gif) repeat-x;
	background-color: #3c3b36;
	font-size: 11px;
	font-weight: normal;
}
.downloadbox1 .bild, .downloadbox2 .bild {
	position: relative;
	background: url(graphic/background-hifi-team-box.jpg);
	width: 195px;
	height: 145px;
}
#diverses .punktelinie  {
	height: 21px;
	background: url(graphic/background-downloadbereich-liste.gif);
}
#diverses .downloadbild { width: 120px; text-align: left; }
#diverses .downloadtext { width: 280px; text-align: left; font-weight: bold; }
#diverses .downloadtext a {	color: #fff; text-decoration: none; }
#diverses .downloadtext a:hover { color: #fff; text-decoration: underline; }
#diverses .downloadtext2 { width: 155px; text-align: left; font-size: 10px; padding-top: 22px; }

/* 
------------------------------------------------------------ 
Ende Downloadbereich
------------------------------------------------------------ 
*/


/* 
------------------------------------------------------------ 
Links & Partner
------------------------------------------------------------ 
*/
#hifilinks {
	position: relative;
	width: 595px;
	float: left;
}
.hifilinksbox1, .hifilinksbox2 {
	position: relative;
	width: 195px;
	background-color: #333;
	margin: 5px 5px 0 0;
	float: left;
}
.hifilinksbox2 {
	margin: 5px 0 0 0;
}
.hifilinksbox1 .headline, .hifilinksbox2 .headline, .hifilinksbox1 .subline, .hifilinksbox2 .subline {
	position: relative;
	width: 187px;
	height: 22px;
	background: url(graphic/background-hifi-team-hl.gif);
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
	padding: 3px 0 0 8px;
}
.hifilinksbox1 .subline, .hifilinksbox2 .subline {
	width: 187px;
	height: 58px;
	background: url(graphic/background-hifi-team-sl.gif) repeat-x;
	background-color: #3c3b36;
	font-size: 11px;
	font-weight: normal;
}
.hifilinksbox1 .bild, .hifilinksbox2 .bild {
	position: relative;
	background: url(graphic/background-hifi-team-box.jpg);
	width: 195px;
	height: 145px;
}
/* 
------------------------------------------------------------ 
Ende Links & Partner
------------------------------------------------------------ 
*/

/*  oxid Anpassung */

img { border:none; }

#thumbs img { 
	cursor:pointer;
	padding:0;
	margin:0;
}

.thumbspace {
	position: relative;
	width: 55px;
	height: 46px;
	padding-top: 4px;
	margin-right: 5px;
	background-color: #fff;
	float: left;
}

#attribute {
	height:30px;
	width: 274px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	padding-left: 11px;
}


/* Ratings */
.rating_review_background { width:89px; height:16px; margin:0; padding:0; background: url(bg/stars.jpg) no-repeat 0 0;}
.onestar {background-position:-72px -38px}
.twostar {background-position:-54px -38px}
.threestar {background-position:-36px -38px}
.fourstar {background-position:-18px -38px}
.fivestar {background-position:0 -38px}
ul.rating {width:89px; height:16px; margin:0 0 3px; padding:0; list-style:none; clear:both; position:relative; background: url(bg/stars.jpg) no-repeat left top;}
ul.rating li {cursor: pointer; float:left;}
ul.rating li a {position:absolute; left:0; top:0; width:18px; height:16px; text-decoration:none; z-index: 200;}
ul.rating li a b {display: none;}
ul.rating li.one a {left:0}
ul.rating li.two a {left:17px;}
ul.rating li.three a {left:34px;}
ul.rating li.four a {left:51px;}
ul.rating li.five a {left:68px;}
ul.rating li a:hover {z-index:2; width:89px; height:16px; overflow:hidden; left:0; background: url(bg/stars.jpg) no-repeat 0 -18px}
ul.rating li.one a:hover {background-position: -72px -18px;}
ul.rating li.two a:hover {background-position: -54px -18px;}
ul.rating li.three a:hover {background-position: -36px -18px;}
ul.rating li.four a:hover {background-position: -18px -18px;}
ul.rating li.five a:hover {background-position: 0 -18px;}
.rating_review_input {margin:0; height:16px;}
.rating li.current_rate{background: url(bg/stars.jpg) left bottom; position: absolute; height: 16px; z-index: 1;}

#bewertung .rating_review_background { width:89px; height:16px; margin:0; padding:0; background: url(bg/stars.jpg) no-repeat 0 0;}
#bewertung .onestar {background-position:-72px -38px}
#bewertung .twostar {background-position:-54px -38px}
#bewertung .threestar {background-position:-36px -38px}
#bewertung .fourstar {background-position:-18px -38px}
#bewertung .fivestar {background-position:0 -38px}
#bewertung ul.rating {width:89px; height:16px; margin:0 0 3px; padding:0; list-style:none; clear:both; position:relative; background: url(bg/stars_gr.jpg) no-repeat left top;}
#bewertung ul.rating li {cursor: pointer; float:left;}
#bewertung ul.rating li a {position:absolute; left:0; top:0; width:18px; height:16px; text-decoration:none; z-index: 200;}
#bewertung ul.rating li a b {display: none;}
#bewertung ul.rating li.one a {left:0}
#bewertung ul.rating li.two a {left:17px;}
#bewertung ul.rating li.three a {left:34px;}
#bewertung ul.rating li.four a {left:51px;}
#bewertung ul.rating li.five a {left:68px;}
#bewertung ul.rating li a:hover {z-index:2; width:89px; height:16px; overflow:hidden; left:0; background: url(bg/stars_gr.jpg) no-repeat 0 -18px}
#bewertung ul.rating li.one a:hover {background-position: -72px -18px;}
#bewertung ul.rating li.two a:hover {background-position: -54px -18px;}
#bewertung ul.rating li.three a:hover {background-position: -36px -18px;}
#bewertung ul.rating li.four a:hover {background-position: -18px -18px;}
#bewertung ul.rating li.five a:hover {background-position: 0 -18px;}
#bewertung .rating_review_input {margin:0; height:16px;}
#bewertung .rating li.current_rate{background: url(bg/stars_gr.jpg) left bottom; position: absolute; height: 16px; z-index: 1;}

.errorbox { color:#FFCC00; font-weight:bold; }


#mask {visibility: hidden; display:none;}
#mask iframe {visibility: hidden; border:none;}
#mask.on {visibility: visible; display:block;position:fixed;opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;top:0;left:0;width:100%;height: 100%;background:#000;z-index: 1500;}

div.popup {visibility: hidden; display:none;}
div.popup strong {display: block; margin: 9px 0; font-size: 11px;}
div.on.popup {visibility: visible;display:block;position:fixed;top:50%;left:50%;width:250px;height: 150px;background: white;z-index: 2000;margin-top:-75px;margin-left:-125px;border:1px solid #000;padding:10px;}

/* IE6 position fixed workaround */
#mask.on{ _position:absolute;_top:expression((_mask = document.documentElement.scrollTop) + 'px');z-index: 1500;}
div.popup { _visibility:hidden;display:none;}
div.popup.on { _position:absolute;_visibility:visible;display:block;_top:expression((_popup = document.documentElement.scrollTop) + document.documentElement.clientHeight/2 + 'px');z-index: 2000;}

/* IE6 iframe shim for select boxes */
#mask.on iframe{_visibility: visible;_width:900px;_height: 100%;_width:100%;_filter:mask();}

#zoom {padding:0;overflow:auto;min-width:250px;min-height: 150px; }
#zoom ul.tabs {padding:0;margin:0;background: #fdc502 url(graphic/zoom-box-header.gif) repeat-x;height: 28px;width:100%;}
#zoom ul.tabs li {list-style: none;margin:1px;float:left;}
#zoom a {display:block;padding:2px;background:#fdc502 url(graphic/zoom-box-1-1.gif); background-repeat:no-repeat; width:21px; height:21px;text-align: center; color:#333333;font-weight: bold;}
#zoom a:hover {background:#fdc502 url(graphic/zoom-box-1-2.gif); background-repeat:no-repeat; }
#zoom ul.tabs li.close {float:right;}
#zoom img { padding:2px 0 0 2px; }

#hinweis {
	position: relative;
	width: 172px;
	padding: 4px 0 6px 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff; /* #cfcfcf; */
	font-size: 11px;
	line-height: 15px;
	text-align: left;
}