Please enable JavaScript. It will make this service more responsive and useable. [CSS]
 
/* CSS Selektoren tag Knotentyp tag tag Nachfahre tag>tag Kind .class class="class" - aber auch class="class1 class2" möglich #id id="id" - sollte eindeutig sein [attr="val"] Wert eines Attributs */ /* Standardtext */ /*  IMPORTANT: Mac default sans-serif is Helvetica, while on Windows it's Arial. */ body, tbody { font: 20px/1.5em Helvetica,sans-serif; font-weight: 300; background: rgb(255, 255, 255); } /* Header */ .header { vertical-align: middle; text-align: left; } table.header { /* class="header" */ background: white; margin-left: 5px; margin-right: 5px; } table { border-spacing: 0 0; } /* Verweise */ a[href] { text-decoration: none; border-bottom: 1px solid black; color: black; } a[href]:hover { border-bottom: 1px solid #ffe85d; } a[target]:before { border-bottom: 0px solid white; content: url(/images/link.png) " "; } .nolink a[href] { border-bottom: 0px solid white; } .nolink a[href]:hover { border-bottom: 0px solid white; } .nolink a[target]:before { content: ""; } /* Haupttabs */ .navi td { /* class="navi" */ background: #9a9e9e; color: white; text-align: center; height: 190px; } table.main { /* class="header" */ background-color: white; margin-left: 5px; margin-right: 5px; } .main-tabs table { border-spacing: 0; width: 100%; } .main-tabs td { text-align: center; white-space: nowrap; color: #ffffff; border: 2px solid white; border-top-width: 0px; border-bottom-width: 4px; background-color: #9a9e9e; line-height: normal; height: 45px; font-size: 22px; font-weight: 300; } .main-tabs td:hover { color: black; background-color: #ffd351; border-bottom-color: #ffd351; } .main-tabs td.active { background-color: #ffd351; border-bottom-color: #ffd351; font-weight: 500; } .main-tabs a { color: #ffffff; padding: 4px 4px 0 4px; text-decoration: none; border: 0px none; } .main-tabs a:hover { color: black; padding: 4px 4px 0 4px; text-decoration: none; border: 0px none; } .main-tabs td.active a { color: black; } /* Subtabs */ div.sub-tabs { background-color: #ffd351; border-bottom: 4px solid white; } .sub-tabs table { } .sub-tabs tr { } .sub-tabs td { text-align: left; white-space: nowrap; color: #9a9e9e; background-color: #ffd351; line-height: normal; height: 45px; font-size: 20px; font-weight: 300; } .sub-tabs td.active { font-weight: 500; } .sub-tabs a { padding: 4px; color: #9a9e9e; text-decoration: none; border: 0px none; } .sub-tabs a:hover { color: #000000; border: 0px none; } .sub-tabs .menu a:before { content: "| "; } .sub-tabs .menu a:after { content: " "; } .sub-tabs td.active a { color: black; } div.search { /* class="search" */ background: #9a9e9e; color: #555555; height: 82px; text-align: left; white-space: nowrap; font: 16px helvetica,sans-serif; font-weight: normal; padding: 4px; } div.search div { /* class="search" */ margin-top: 30px; margin-bottom: auto; } .search a[href] { padding: 4px; color: #ffffff; text-decoration: none; border: 0px none; border-bottom: 1px solid white; height: 100%; } .flags a[href] { padding: 1px; } .search a[href]:hover { color: #555555; text-decoration: none; border: 0px none; border-bottom: 1px solid #ffe85d; } .search .nolink a { border-bottom: 0px solid white; } .search .nolink a:hover { border-bottom: 0px solid white; } /* 3 Hauptspalten */ td.left { } /* sollte eher .left td sein */ td.center { padding-left: 15px; padding-right: 15px; } td.right { } /* Blöcke in linker und rechter Spalte */ table.box { /* < table class="box" > */ border-collapse: separate; border-spacing: 2px 2px; /*border-width: 1px; border-style: solid;*/ border-color: rgb(50, 50, 50); margin-top: 5px; margin-bottom: 5px; } .box th { background: #ffe85d; font-weight: 600; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; padding: 4px; } .box td { background: rgb(250, 250, 250); font-weight: 300; width: 100%; padding: 4px; border-left: 1px solid; border-bottom: 1px solid; border-right: 1px solid; } .box td.alternate { /* < td class="alternate" > */ background: rgb(120, 120, 120); } /* Tabellen (Suchergebnisse etc.) */ table.list { /* class="list" */ border-spacing: 0px 2px; border-style: none; /*border-width: 1px; border-style: solid;*/ border-color: rgb(50, 50, 50); /* margin: 5px 10px 5px 10px; */ } table.list th { background: #ffe85d; font-weight: 600; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; padding: 4px; } table.list td { background: rgb(255, 255, 255); font-weight: 300; padding: 4px; border-left: 1px solid; border-bottom: 1px solid; border-right: 1px solid; } table.list td.alternate { /* alternating cells */ background: rgb(120, 120, 120); } /* Überschrift(en) */ table.images { border-top: 10px solid white; border-bottom: 5px solid white; width: 100%; } table.images td { text-align: center; } h1, h2, h3 { font-size: 24px; font-weight: 400; border-top: thin solid; border-bottom: thin solid; margin-top: 0.5em; margin-bottom: 0.5em; line-height: 2.5em; } h4, h5, h6 { margin-top: 2em; font-size: 20px; font-weight: 600; line-height: 0.5em; } /* Buttons und Formulare */ /* Produktdarstellung (class="medium") */ img { border-width: 0; } img.wide { /* border: 1px solid black; */ /* height: 150px; */ min-width: 100px; /* width: 100%; */ } img.images { height: 150px; } img.icon { width: 32px; } img.small { width: 75px; } img.medium { width: 150px; } img.big { width: 300px; } img.large { width: 600px; } /* Foto */ /* Preis */