/*Working on Firefox 0.8 and newer; Internet Explorer 6, 7; Safari 3.0.4; Opera 8.53 and newer; Netscape 8.12 and newer; Mozilla 1.7.13; Seamonkey 1.1.7; Safari/Mac 3.1.1; Firefox/Mac 2.0.0.6; Camino/Mac 1.5.4; also nearly working on Opera 7.11; usable on Internet Explorer 5.01 */ /*body {text-align:center;margin:16px 0 0 0;color:#333; BACKGROUND: url(../images/bg_body.gif) #494849 repeat-x; font:normal normal normal 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;} */ body {text-align:center;margin:0 0 0 0;color:#333; background:#FFF url(../images/bg_grey.gif) repeat-x scroll 0 0; font:normal normal normal 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;} body.sound #header1, body.sound #header2 { width:951!important; margin-left:3px!important; margin-right:3px!important; } ul, ol, li, h1, h2, h3, h4, h5, h6, div, form, fieldset {padding:0;margin:0;} h1, h2, h3, h4, h6 {font-size:100%;line-height:normal;font-weight:normal;} h5 {font-size:100%;line-height:normal;font-weight:bold; color:#999999; padding-top:10px; padding-bottom:5px;} table, tr, td, th, input {font: 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#333;} select {font-family: Verdana, Geneva, Arial, sans-serif; font-size:11px;border:1px solid #B6B2AF;} input, textarea, select {color:#333;} img {border:0;display:block;} fieldset {border:none;} ul.list {margin:0 0 15px 15px;} ul.list li {padding:0 0 2px 14px;} li {list-style:none;} ul.smallList li {background:transparent url("../images/el_list_item.gif") no-repeat 1px 6px;} a {color:#333;text-decoration:none;} a:hover {color:#0089CC;text-decoration:none;} a.button {margin:0 0 10px 0;font-weight:bold;font-size:10px;background:transparent url("../images/el_menu_arrow.gif") no-repeat 0 0;display:block;padding:1px 0 2px 20px;height:18px;text-decoration:none;} #content #main a.button {margin:0 0 10px 0px;} a.button:hover {color:#0089cc;text-decoration:none;} #xtra a.button {padding-top:9px;background-position:0 8px;} .price {color:#0099CC; line-height:22px;} h5 {font-size:100%;line-height:normal;font-weight:bold; color:#999999; padding-top:10px; padding-bottom:5px;} #wrapper {margin:0 auto;width:951px;text-align:left;} #wrapper #header1 {height:115px;overflow:hidden;} #wrapper #header2 {overflow:hidden;margin:0 0 14px 0;height:33px; background-color:#FFFFFF} #wrapper #content {overflow:hidden;width:951px;} #wrapper #content #home {float:left;width:759px;margin:0 15px 0 0;} #wrapper #content #menu {float:left;width:177px;font-size:10px;} #wrapper #content #main {float:left;width:572px; margin:0 10px;display:inline; } #wrapper #content #main_2 {float:left; width:760px;margin:0 0px 0 10px; display:inline; } #wrapper #content #xtra {float:right;width:175px; font-size:10px;} #header1 {background:transparent url("../images/banner_wow.gif") no-repeat left top !important;} /*INHALT HEADER1*/ #header1 a {float:left;margin:14px 0 0 16px;} #header1 form {float:right;margin:13px 7px 0 0;} #header1 form select {width:80px;font-weight:bold;color:#5E5E5E;} #header2 ul {float:left;} #header2 ul li {float:left;background:transparent url("../images/el_header_line.gif") no-repeat right top;} #header2 ul li a {cursor:pointer;float:left;} #header2 ul li a span {height:33px;color:#5E5E5E;float:left;font-size:10px;font-weight:bold;padding:8px 15px 0 22px;} html>body #header2 ul li a span {height:25px;} #header2 ul li#headFirst a span {padding-left:17px;} #header2 ul li.active a span, #header2 ul li a:hover span {color:#0089CC;} /* #header2 {background-color:#FDFDFD;} #header2 ul li.active a, #header2 ul li a:hover {color:#0089CC;} #header2 ul li.active a span, #header2 ul li a:hover span {background:transparent url("../images/bg_topmenu_hover.gif") no-repeat right top;color:#fff;} #header2 ul li #headFirst.active a, #header2 ul li #headFirst a:hover {background:transparent url("bg_topmenu_hover_left_first.png") no-repeat left top !important;} */ #pillmenu { white-space: nowrap; height: 32px; float: left; } #pillmenu ul { margin: 0; padding: 0; list-style:none;} #pillmenu li { float: left; background: url(../images/mw_menu_separator.png) top right no-repeat; margin: 0; padding: 0; } #pillmenu a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; float:left; display:block; height: 24px; line-height: 24px; padding: 0 20px; color: #000; text-decoration: none; } #pillmenu a#active_menu-nav { margin-top:2px; height: 21px; line-height: 21px; background-position: 0 0; } /*INHALT MENU BAR*/ #content #menu h1 {overflow:hidden;height:30px;padding:7px 0 0 10px;color:#0089CC;font-size:12px;} #content #menu h1 {height:23px;background:transparent url("../images/bg_sidebar_top.gif") no-repeat left top !important;} #content #menu ul.menu {padding:0 0 10px 0;overflow:hidden;margin:0 0 10px 0;width:177px} #content #menu ul.menu {background:transparent url("../images/bg_sidebar_bottom.png") no-repeat left bottom !important;} #content #menu h1 {overflow:hidden;height:30px;padding:7px 0 0 10px;color:#0089CC; font-size:12px;} #content #menu h1 {height:23px; background-color:#007EC3; padding-top:5px; padding-left: 10px; padding-bottom: 0px; color:#CCC;} #content #menu ul.menu {padding:0 0 10px 0;overflow:hidden;margin:0 0 10px 0;width:177px} #content #menu ul.menu {background:#00CC00} /*first nav*/ #content #menu ul.menu li {border-top:1px solid #878787;background:#E7E7E7;float:left;width:177px;} #content #menu ul.menu li#menuFirst {border:none;} #content #menu ul.menu li a {width:177px;display:block;padding:5px 0 5px 14px;font-size:10px;font-weight:bold;} #content #menu ul.menu li a {width:163px;} #content #menu ul.menu li a:hover {color:#0089cc;} /*#content #menu ul.menu li.hassub a {background:transparent url("../images/el_menu_arrow.gif") no-repeat 160px 10px;} #content #menu ul.menu li.hassub a:hover {color:#0089cc;background:transparent url("../images/el_menu_arrow_active.gif") no-repeat 160px 10px;}*/ #content #menu ul.menu li.active a {color:#0089CC;} #content #menu ul.menu li.hassubactive a {color:#0089cc; background:transparent url("../images/el_menu_arrow_open.gif") no-repeat 160px 10px;} #content #menu ul.menu li.hassubactive a:hover {background:transparent url("../images/el_menu_arrow_open.gif") no-repeat 160px 10px;} /*second nav*/ #content #menu ul.menu li ul {padding:0;} #content #menu ul.menu li ul li {background:#C6C6C6;} #content #menu ul.menu li.active ul li a, #content #menu ul.menu li ul li a {background:none;color:#333;font-weight:normal;} #content #menu ul.menu li.hassubactive ul li a {background:none;color:#333;} #content #menu ul.menu li.hassubactive ul li a:hover {background:none;color:#0089cc;} #content #menu ul.menu li.hassubactive ul li.active a {color:#0089cc; background:none !important;} #content #menu ul.menu li.hassubactive ul li.hassub a {background:transparent url("../images/el_menu_arrow.gif") no-repeat 160px 10px !important;} #content #menu ul.menu li.hassubactive ul li.hassub a:hover {color:#0089cc;background:transparent url("../images/el_menu_arrow_active.gif") no-repeat 160px 10px !important;} #content #menu ul.menu li.hassubactive ul li.hassubactive a {color:#0089cc; background:transparent url("../images/el_menu_arrow_open.gif") no-repeat 160px 10px !important;} #content #menu ul.menu li.hassubactive ul li.hassubactive a:hover {color:#0089cc; background:transparent url("../images/el_menu_arrow_open.gif") no-repeat 160px 10px !important;} /*third nav*/ #content #menu ul.menu li ul li ul li {background:#B3B3B3;} #content #menu ul.menu li.hassubactive ul li.hassubactive ul li a {background:none !important;color:#333;} #content #menu ul.menu li.hassubactive ul li.hassubactive ul li a:hover {background:none !important;color:#0089cc;} #content #menu ul.menu li.hassubactive ul li.hassubactive ul li.active a {color:#0089cc;} /*INHALT MENU BAR & XTRA BAR*/ #content .menuLink {margin:0 0 10px 0;overflow:hidden;} html>body #content .menuLink {background:transparent url("../images/bg_sidebar2_bottom.png") no-repeat left bottom !important;} #content .menuLink a {cursor:pointer;font-size:10px;display:block;width:177px;} html>body #content .menuLink a {background:transparent url("../images/bg_sidebar2_top.png") no-repeat left top !important;} #content .menuLink a.large {font-size:12px;} #content .menuLink .largeactive {font-size:12px;color:#0089cc;background:transparent url("../images/el_menu_arrow_active.gif") no-repeat 160px 11px;} #content .menuLink a span {padding:7px 0 0 10px;width:177px;height:29px;display:block;background:transparent url("el_menu_arrow.gif") no-repeat 160px 11px;} html>body #content .menuLink a span {height:22px;width:167px;} #content .menuLink a:hover span {color:#0089cc;background:transparent url("../images/el_menu_arrow_active.gif") no-repeat 160px 11px;} /*INHALT MAIN BAR*/ #content #main #main1 {float:left;} #content #main #main1 {background:transparent url("../images/bg_main_top.png") no-repeat left top !important;} #content #main #main1 #main1Inner {background:#fff;margin:0 5px;float:left;display:inline;height:395px;width:565px;padding: 0px 0px 5px 0px;} #content #main #main1 #main1Inner {height:auto;min-height:395px;} #content #main #main2 {clear:both;height:19px;overflow:hidden;} #content #main #main2 {background:transparent url("../images/bg_main_bottom.png") no-repeat left bottom !important;} #wrapper #content .mainHead {overflow:hidden;height:30px;} #wrapper #content .mainHead h2 {float:left;padding:7px 0 0 15px;color:#CCC;font-size:12px;} #wrapper #content #main h3 {float:left;padding:7px 0 0 15px;color:#0089cc;font-size:14px;} #wrapper #content .mainHead h3 {float:right;padding:7px 20px 0 0;color:#0089cc;font-size:12px;} #content #main .mainMenu {overflow:hidden;font-size:10px;width:565px;line-height:11px;background:transparent url("bg_main_menu.gif") repeat-x left top;text-decoration:none;} #content #main .mainMenu li {float:left;height:33px;text-decoration:none;} #content #main .mainMenu li a {vertical-align:baseline;display:block;font-weight:bold;border-left:1px solid #fff;height:33px;padding:0 0 0 10px;text-decoration:none;}/*IE7*/ #content #main .mainMenu li a {display:table-cell;vertical-align:middle;} #content #main .mainMenu li a {vertical-align:baseline;display:block;}/*Opera 8*/ #content #main .mainMenu li.active a, #content #main .mainMenu li a:hover {background:transparent url("bg_mainmenu_hover.gif") no-repeat right top;color:#fff;} #content #main .mainMenu li a span {display:block;padding-top:6px;}/*IE7*/ body #content #main .mainMenu li a span {padding-top:0;} *+html body #content #main .mainMenu li a span {padding-top:6px;}/*Opera 8*/ #content #main .items2 li a {width:188px;} #content #main .items2 li a {width:177px;} #content #main .items2 li#mainMenuFirst a {width:189px;border:none;} #content #main .items2 li#mainMenuFirst a {width:179px;} #content #main .items3 li a {width:188px;} #content #main .items3 li a {width:177px;} #content #main .items3 li#mainMenuFirst a {width:189px;border:none;} #content #main .items3 li#mainMenuFirst a {width:179px;} #content #main .items4 li a {width:141px;} #content #main .items4 li a {width:130px;} #content #main .items4 li#mainMenuFirst a {width:142px;border:none;} -------------------------------------------------------------------------------------- */ a.arrow { display: block; padding-left:8px!important; font-size: 10px; color: #333333; text-decoration: underline; background: url(../images/el_menu_arrow.gif) no-repeat 0px 4px; } a.arrow.right { float: right; } a.arrow:hover { background:transparent url(el_menu_arrow_active.gif) no-repeat 0px 4px; color:#0089cc; } /* new global style for full sized content-boxes, choose bg-color and -image by adding a unique class, example .fullsizebox.sound {} /* -------------------------------------------------------------------------------------- */ .fullsizebox { width:951px; background: #fff url(../images/bg_fullsize_top.gif) 0 0 no-repeat; } .fullsizebox_bottom { height:7px; margin-bottom:15px; background: url(../images/bg_fullsize_bottom.gif) 0 0 no-repeat; } .fullsizebox .column { float:left; padding:15px 0 0 15px; } .fullsizebox h1 { color:#0089CC; font-size:12px; height:30px; overflow:hidden; padding:7px 0pt 0pt 10px; } /*INHALT XTRA BAR*/ #content #xtra .cart {margin:0px 0 10px 0;overflow:hidden;padding:0 0 9px 0;} #content #xtra .cart {background:transparent url("bg_sidebar_grey_bottom.png") no-repeat left bottom !important;} #content #xtra h3 {background:transparent url("../images/bg_sidebar_top.gif") no-repeat left top !important; height:23px;} #content #xtra .cart .buttonTs {padding:6px 0 0 10px;background:#fff;margin-bottom:7px;} #content #xtra h3 {padding:7px 0 0 10px;color:#CCC;font-size:12px;height:30px;} #content #xtra .cart .inner {background:#DFDFDF;overflow:hidden;font-size:10px;padding:0 10px 0 10px;} #content #xtra .cart .inner2 {background:#DFDFDF;overflow:hidden;font-size:10px;padding:5px 10px 0 10px;} #content #xtra .cart h4 {padding:10px 0 0 0;font-weight:bold;} #content #xtra .cart p {padding:7px 0 0 0;line-height:12px;} #content #main .mininav {width:100%;padding:3px 0 12px 0;overflow:hidden;font-size:10px;} #content #main .mininav a {float:left;text-decoration:underline;background:transparent url("../images/el_menu_arrow.gif") no-repeat 1px 4px;color:#333;padding:0 0 0 10px;margin:0 14px 0 14px;} #content #main .mininav a:hover {color:#0089cc;background:transparent url("el_menu_arrow_active.gif") no-repeat 1px 4px;} #content #main .mininav a.top {float:right;background:transparent url("../el_arrow_top.gif") no-repeat 0 6px;} #content #main .mininav a.top:hover {background:transparent url("../el_arrow_top_active.gif") no-repeat 0 6px;} #content #main .mininav a.back {float:right;background:transparent url("../images/el_arrow_back.gif") no-repeat 0 4px;} #content #main .mininav a.back:hover {background:transparent url("../el_arrow_back_active.gif") no-repeat 0 4px;} #content #main .mininav a.right {float:right;} #content #main .noborder {border:none;} /*INHALT FOOTER*/ #footer ul {margin:0 0 5px 0;} #footer ul li {display:inline;font-size:10px;padding:0 6px 0 10px;border-left:1px solid #8C8C8C;} #footer ul li.first {border:none;} #footer ul li a {color:#8C8C8C;text-decoration:underline;} #footer ul li a:hover {color:#0089cc;} #footer p {color:8C8C8C;font-size:10px;} #footer {width:570px;margin:0 auto;padding:0 0 50px 0; background-color:#FFFFFF;} #footer2 ul {margin:0 0 5px 0;} #footer2 ul li {display:inline;font-size:10px;padding:0 6px 0 10px;border-left:1px solid #8C8C8C;} #footer2 ul li.first {border:none;} #footer2 ul li a {color:#8C8C8C;text-decoration:underline;} #footer2 ul li a:hover {color:#0089cc;} #footer2 p {color:8C8C8C;font-size:10px;} #footer2 { width:760px; margin:0 100px 0 187px; padding:0 0 0px 0; background-color:#FFFFFF;} .error { color:#FF8D30 } .orange { color:#FF8D30 }