html, body {
height:95%; }
body {
margin:0px;
padding:0px;
background-color:#000000;
background-image:url(img/bg_pattern.gif); }
p {
margin:0px;
padding:0px; }
img {
border:0px; }
/* ************************************************************ */
/* Abstände und Massangaben */
/* ************************************************************ */
/* ------------------------------------------------------------ */
/* Tables des Haupt-, Navigations- und Contentbereichs */
/* ------------------------------------------------------------ */
.tblMain {
width:850px;
background-color:#FEFEFE;
background-image:url(img/bg_content.gif); }
.tblNavi {
width:190px;
height:500px; }
.tblContent {
width:659px; }
/* Vertikaler 1px Spacer */
.tdSpacer {
width:1px;
background-color:#262429;
background-image:url(img/bg_spacer.gif); }
/* ------------------------------------------------------------ */
/* Tables der Unterbereiche */
/* ------------------------------------------------------------ */
/* Warenkorb */
.tblCart {
width:170px;
background-color:#CDCDCD; }
/* Breite Spalte Thumbnailbilder Kategorieübersicht */
.tdPicSubCategory {
width:107px; }
/* Breite Spalte Infotext Kategorieübersicht */
.tdInfoSubCategory {
width:207px; }
/* Breite Spalte Produktbild Produktseite */
.tdPicProductPage {
width:302px; }
/* Breite Spalte Infotext Kategorieübersicht */
.tdInfoProductPage {
width:326px; }
/* Spalten für Bild, Text und Summe im Warenkorb */
.tdPicCart {
width:107px; }
.tdInfoCart {
width:301px; }
.tdPriceCart {
width:100px; }
.tdSumCart {
width:120px; }
/* Kategorieansicht, wenn keine Produkte vorhanden sind, sondern nur Subkategorien */
.tdCategory {
width:314px; }
/* Breite tblContent - margin von blockNormal */
.tdContentBlockNormal {
width:629px; }
/* ------------------------------------------------------------ */
/* Blocks, die Abstände der Unterbereiche festlegen */
/* ------------------------------------------------------------ */
#blockNavi {
margin-top:100px;
margin-left:9px; }
#blockSubnavi {
margin-left:5px; }
/* Bereich, damit bei Schriftgrössenveränderung Navileiste nicht Layout zerschiesst */
#naviOverflow {
height:500px;
overflow:hidden; }
/* Warenkorb Preview */
#blockCart {
margin-bottom:15px; }
#blockCartHead {
margin-top:5px;
margin-bottom:5px; }
.blockCartContent {
margin:5px;
margin-top:0px; }
/* Footerleiste in Navigationsleiste unten (KONTAKT IMPRESSUM AGBs) */
#blockFooter {
margin-bottom:10px; }
/* Normaler Inhaltsblock */
.blockNormal {
margin:15px; margin-bottom:20px; }
/* Thumbnailbilder bei Kategorieansicht */
.blockPicSubCategory {
margin-bottom:20px; }
/* Text zu Thumbnailbilder bei Kategorieansicht rechts */
.blockInfoSubCategory {
margin-left:10px; margin-bottom:20px; }
/* Produktbild bei Produktseite */
.blockPicProductPage {
margin-bottom:15px; }
/* Infotext zu Produktbild bei Produktseite rechts */
.blockInfoProductPage {
margin-left:10px; margin-bottom:15px; }
/* Produkttext unter Produktbild bei Produktseite */
.blockTextProductPage {
margin-top:0px; margin-bottom:15px; }
/* Warenkorb */
.blockPicCart {
margin-bottom:5px; }
.blockInfoCart {
margin-left:10px; margin-bottom:5px; }
.blockPriceSumCart {
margin-left:10px; margin-bottom:5px; }
/* Checkbox Entfernen */
.blockRemoveCart {
margin-bottom:20px; }
/* Kategorieansicht, wenn keine Produkte vorhanden sind, sondern nur Subkategorien */
.blockCategory {
margin-bottom:20px; }
.blockerrorBlock {
margin:6px; }
/* Headlines Bestellschritte oben */
.blockCheckoutSteps {
margin-right:10px; }
/* Headlines Bestellschritte Content */
.blockHeadingCheckout {
margin-top:20px;
margin-bottom:2px; }
.blockCheckoutContentLeft {
margin-right:15px; }
/* ------------------------------------------------------------ */
/* SubBlocks innerhalb von Blocks */
/* ------------------------------------------------------------ */
/* Bei Textblöcken Zeilenabstand vergrößern und Block nach oben schieben, damit Ausrichtung gleich bleibt */
.subBlockPara { line-height:16px;
padding:0px;
margin:0px;
margin-bottom:-1px;
margin-top:-1px; }
/* ------------------------------------------------------------ */
/* Abstände */
/* ------------------------------------------------------------ */
/* Grosser Abstand zwischen einzelnen Menüeinträgen */
.spaceNaviBig {
margin-bottom:10px; }
/* Kleiner Abstand zwischen einzelnen Menüeinträgen */
.spaceNaviSmall {
margin-bottom:1px; }
/* Zwischen Inhaltsblöcken auf Contentseiten */
.spaceBlocks {
margin-top:10px; }
.spaceBlocksBig {
margin-top:20px; }
.spaceTextText {
margin-bottom:5px; }
.spaceTextElm {
margin-bottom:8px; }
.spaceDesThRT {
margin-right:5px; }
.spaceDesCB {
margin-right:2px; }
/* ------------------------------------------------------------ */
/* Für Scrollbereich des Content bereichs */
/* ------------------------------------------------------------ */
/* Contentbereich Full mit Overflow Auto für Scrollbars */
#contentScrollFull {
width:659px;
height:500px;
overflow:auto; }
/* Contentbereich Half (mit Flash) mit Overflow Auto für Scrollbars */
#contentScrollHalf {
width:338px;
height:500px;
overflow:auto; }
/* ------------------------------------------------------------ */
/* Misc */
/* ------------------------------------------------------------ */
/* Bildrahmen Kategorieansicht */
.picCategory {
margin:0 auto;
width:105px;
border:1px;
border-style:solid;
border-color:#CFCFCF; }
/* Bildrahmen Produktseite */
.picProductPage {
margin:0 auto;
width:300px;
border:1px;
border-style:solid;
border-color:#CFCFCF; }
/* Trennlinie Warenkorb */
.lineCart {
width:628px;
height:2px;
background-color:#CCCCCC; }
/* Kategoriename bei Kategorieübersicht */
.categoryName {
margin-top:8px;
margin-bottom:3px; }
/* Für Fehlermeldungen */
.errorBlock {
width:629px;
border: 1px solid;
border-color:#FF00CC;}
/* Spacing bei Formularen */
.spaceTDSmall {
height:2px; }
.spaceTDBig {
height:15px; }
/* ************************************************************ */
/* Fonts */
/* ************************************************************ */
br { line-height:12px; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
h1 { font-size:14px; margin:0px; padding:0px; }
a:link { font-size:12px; color:#666666; text-decoration:underline; font-weight:normal; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:visited { font-size:12px; color:#666666; text-decoration:underline; font-weight:normal; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:hover { font-size:12px; color:#FF00CC; text-decoration:underline; font-weight:normal; font-family:Verdana,Arial,Helvetica,sans-serif; }
/* Kleiner Link Small */
a.smallLink { font-size:10px; color:#666666; text-decoration:underline; font-weight:normal; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:link.smallLink { font-size:10px; color:#666666; text-decoration:underline; font-weight:normal; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:visited.smallLink { font-size:10px; color:#666666; text-decoration:underline; font-weight:normal; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:hover.smallLink { font-size:10px; color:#FF00CC; text-decoration:underline; font-weight:normal; font-family:Verdana,Arial,Helvetica,sans-serif; }
/* Navigation Link Style */
a.navi { font-size:11px; color:#666666; text-decoration:none; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:link.navi { font-size:11px; color:#666666; text-decoration:none; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:visited.navi { font-size:11px; color:#666666; text-decoration:none; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:hover.navi { font-size:11px; color:#FF00CC; text-decoration:none; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
/* Navigation Link Style Active */
a.naviActive { font-size:11px; color:#FF00CC; text-decoration:none; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:link.naviActive { font-size:11px; color:#FF00CC; text-decoration:none; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:visited.naviActive { font-size:11px; color:#FF00CC; text-decoration:none; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:hover.naviActive { font-size:11px; color:#FF00CC; text-decoration:none; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
/* Für Spacer Einträge Navi */
.fontNaviActive { font-size:11px; text-decoration:none; font-family:Verdana,Arial,Helvetica,sans-serif; }
/* Footer Link Style */
a.footer { font-size:9px; color:#999999; text-decoration:none; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:link.footer { font-size:9px; color:#999999; text-decoration:none; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:visited.footer { font-size:9px; color:#999999; text-decoration:none; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:hover.footer { font-size:9px; color:#000000; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
/* Box Warenkorb */
a.cart { font-size:10px; color:#5B5B5B; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:link.cart { font-size:10px; color:#5B5B5B; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:visited.cart { font-size:10px; color:#5B5B5B; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:hover.cart { font-size:10px; color:#000000; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
/* Breadcrumb Links */
a.breadcrumb { font-size:14px; color:#666666; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:link.breadcrumb { font-size:14px; color:#666666; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:visited.breadcrumb { font-size:14px; color:#666666; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:hover.breadcrumb { font-size:14px; color:#FF00CC; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
/* Fetter farbiger Link */
a.boldColLink { font-size:12px; color:#666666; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:link.boldColLink { font-size:12px; color:#666666; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:visited.boldColLink { font-size:12px; color:#666666; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:hover.boldColLink { font-size:12px; color:#FF00CC; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
/* pageResults */
a.pageResults { font-size:10px; color:#666666; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:link.pageResults { font-size:10px; color:#666666; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:visited.pageResults { font-size:10px; color:#666666; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:hover.pageResults { font-size:10px; color:#FF00CC; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
.fontNormal {
font-size:12px;
color:#666666;
text-decoration:none;
font-weight:normal;
font-family:Verdana,Arial,Helvetica,sans-serif; }
.fontSmall {
font-size:10px;
color:#666666;
text-decoration:none;
font-weight:normal;
font-family:Verdana,Arial,Helvetica,sans-serif; }
.fontBig {
font-size:14px;
color:#666666;
text-decoration:none;
font-weight:normal;
font-family:Verdana,Arial,Helvetica,sans-serif; }
.fontError {
font-size:10px;
color:#FF00CC;
text-decoration:none;
font-weight:normal;
font-family:Verdana,Arial,Helvetica,sans-serif; }
/* Font Warenkorb Headline */
.fontCartHead {
font-size:10px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
font-family:Verdana,Arial,Helvetica,sans-serif; }
/* Font Breadcrumb/Navtrail */
.fontBreadcrumb {
font-size:14px;
color:#666666;
text-decoration:none;
font-weight:bold;
font-family:Verdana,Arial,Helvetica,sans-serif; }
/* Font Warenkorb Headlines (Artikel und Summe) */
.fontCartMainHead {
font-size:12px;
color:#666666;
text-decoration:none;
font-weight:bold;
font-family:Verdana,Arial,Helvetica,sans-serif; }
.inputRequirement {
font-size:10px;
color:#666666;
text-decoration:none;
font-weight:normal;
font-family:Verdana,Arial,Helvetica,sans-serif; }
/* ************************************************************ */
/* Formulare */
/* ************************************************************ */
form {
padding:0px; margin:0px; }
checkbox, input, radio, select {
font-size:12px;
font-family:Verdana,Arial,Helvetica,sans-serif;
}
textarea {
font-size:12px;
font-family:Verdana,Arial,Helvetica,sans-serif;
}
/* Auswahl Anzahl auf Produktseiten */
.inputAmount {
width:30px;
font-size:12px;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif; }
/* Auswahlmenu Produkt Attribute auf Übersichtsseiten (S, M, L, XL, etc.) */
.dropDownAttrib {
width:55px;
font-size:12px;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif; }