/* ********************************************************************** */
/* Schrift, Hintergrundfarben und andere Element-Grundeinstellungen */
/* -> siehe auch Klasse .text weiter unten (ow10overall.css)  */
/* ********************************************************************** */
body, table, tr, th, td, p, form, div, span, a, select, input, button, textarea
{
    font-family: arial;
    font-size: 11px;
    text-align: left;
}

body
{
    margin: 0px;
    padding: 0px;
    background-color: #ffffff; /* Hintergrund weiss */
}
table, tbody, tr, th, td, p, form, div, span, img
{
    padding: 0px;
    margin: 0px;
    border: 0px;
    vertical-align: top;
}
table
{
    border-collapse: collapse;
}

th
{
    padding-left: 10px;
    font-weight: normal;
}

div
{
}

ul
{
    margin-top: 0px;
    margin-bottom: 0px;
}

li
{
    margin-bottom: 2px;
}

a
{
    text-decoration: underline;
    color: #000000;
}
a.link-img, a.link-img:hover
{
    margin: 0px;
    padding: 0px;
}

a.not-underline, a.not-underline:visited
{
    text-decoration: none;
    font-weight: normal;
}
a.bold, a.bold:visited
{
    text-decoration: underline;
    font-weight: bold;
}
span.nav
{
    text-decoration: underline;
}
span.nav:hover
{
    cursor:pointer;
}
a:hover, a.not-underline:hover, a.bold:hover, span.nav:hover
{
    text-decoration: underline;
    color: #749637;
}
span.spanInput
{
    vertical-align: bottom;
}
/*a:visited, a.not-underline:visited, a.bold:visited
{
    color: #4B0082;
}*/
input.textLink
{
    text-decoration: underline;
    border-width: 0px;
    padding-left:0px;
    background-image: none;
    cursor: pointer;
    background-color: #ffffff;
}

select
{
    background-image: url('/images/bg_eingabefeld.jpg');
    background-repeat: repeat-x;
    height: 21px;
    border: 1px solid #AAAAAA;
}
input
{
    background-image: url('/images/bg_eingabefeld.jpg');
    background-repeat: repeat-x;
    height: 17px;
    vertical-align: middle;
    padding-left: 3px;
    border: 1px solid #AAAAAA;
}
textarea
{
    border: 1px solid #AAAAAA;
}
img.selectHeight
{
    height: 21px;
}
img.inputHeight
{
    height: 17px;
}

img.rahmen
{
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color:#E6E6E6;
}
img.button
{
    cursor: pointer;
}


/* ********************************************************************** */
/* Haupteinteilung der Seite */
/* ********************************************************************** */
/* 1000px = left + middle + right */
/* Achtung: Aufteilung auch in main.Master definiert */
.total-area-master
{
    display: inline;
    width: 1000px;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
}
.left-area-master, .middle-area-master, .right-area-master, .middleRechts-area-master
{
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.left-area-master, .right-area-master
{
    padding-left: 0px;
    padding-right: 0px;
}
.middle-area-master
{
    padding-left: 15px;
    padding-right: 15px;
}
.middleRechts-area-master
{
    padding-left: 15px;
    padding-right: 0px;
}

/* Platz innerhalb der Spalten bzw. DIV */
.left-area, .middle-area, .right-area, .total-area
{
    margin: 0px;
    padding: 0px;
}
.total-area
{
    width: 1000px;
    text-align:center;
}
.left-area
{
    width: 200px;
}
.middle-area
{
    width: 580px;
}
.right-area
{
    width: 190px;
}

table.sku-liste tr.nobottom th, table.sku-liste tr.nobottom td
{
    border-top-width: 0px;
    border-bottom-width: 0px;
}
/* ********************************************************************** */
/* normale Texte  */
/* ********************************************************************** */
.text, td.text
{
    font-size: 11px;
    text-align: left;
}
.text-fett
{
    font-size: 11px;
    vertical-align: top;
    font-weight: bold;
}
span.text-liste
{
    top: 6px;
    position: relative;
    padding-left: 4px;
    padding-right: 8px;
}
span.input-liste
{
    top: 1px;
    position: relative;
    padding-left: 4px;
    padding-right: 8px;
}
.text-liste, .text-liste-li, .text-liste-re, .text-liste-re-fett, .text-liste-li-fett, .text-liste-re-Aktion, .text-liste-re-staffel, .text-liste-re-staffelLast,
.input-liste, .input-liste-re, .image-liste, .text-liste-bdleft
{
    vertical-align: top;
    padding-left: 0px;
    padding-right: 8px;    
}


.text-liste, .text-liste-li, .text-liste-re, .text-liste-re-fett, .text-liste-li-fett, .text-liste-re-Aktion, .text-liste-bdleft
{
    padding-top: 6px;
    padding-bottom: 2px;
}
.input-liste, .input-liste-re
{
    padding-top: 3px;
    padding-bottom: 2px;
}
.image-liste
{
    padding-top: 0px;
    padding-bottom: 2px;
}

.text-liste-re, .text-liste-re-fett, .input-liste-re, .text-liste-re-Aktion,.text-liste-re-staffel, .text-liste-re-staffelLast
{
    text-align: right;    
}
.text-liste-li, .text-liste-li-fett
{
    text-align: left;
}

.text-liste-re-fett, .text-liste-li-fett,.text-liste-re-Aktion
{    
    font-weight: bold;
}

.text-liste-bdleft
{
    border-left: 1px solid #E6E6E6;
}

.text-liste-re-Aktion
{
    color: #DF1A21;
}


/***************************************************************/
/*  Tabellen mit Rahmen  */
/***************************************************************/
table.box{
    border: solid 1px #E6E6E6;
}
td.box{
    border: solid 1px #E6E6E6;
}
th.verlauf, th.verlaufInnen, th.verlaufRechts /* header mit Verlauf */
{
    background-image:url('/images/bg_verlauf.jpg');
    background-repeat:repeat-x;
    height: 30px;
    vertical-align: middle;
}

th.verlauf, td.verlaufBd, th.verlaufInnen, td.verlaufInnenBd, th.verlaufRechts
{
    border-top: solid 1px #E6E6E6;
    border-bottom: solid 1px #E6E6E6;
}
th.verlauf, td.verlaufBd, td.verlauf /* zum Header mit Verlauf passender Content ohne Verlauf*/
{
    padding-left: 15px;
    padding-right: 15px;
}
th.verlaufInnen, td.verlaufInnenBd, td.verlaufInnen /* zum Header mit Verlauf passender Content ohne Verlauf*/
{
    padding-left: 0px;
    padding-right: 8px;
}
th.verlaufRechts, td.verlaufRechts
{
    padding-left: 0px;
    padding-right: 15px;
    text-align: right;
}

td.schicht
{
    border-bottom: solid 1px #E6E6E6;
}
td.artikelListe
{
    padding: 10px;
    border-bottom: solid 1px #E6E6E6;
}


/* ********************************************************************** */
/* "alternating" - Listen              */
/* ********************************************************************** */
.even
{
    background-color: #ffffff;
}
.odd
{
    background-color: #f4f4f4;
    color: #000000;
}



/* ********************************************************************** */
/*  Abstände ohne Text (div im xsl mit   füllen) */
/* ********************************************************************** */
div.abstandKleinLeer
{
    line-height:10px;
    height:10px;
}
div.abstandMittelLeer
{
    line-height:15px;
    height:15px;
}
div.abstandGrossLeer
{
    line-height:20px;
    height:20px;
}
div.abstandBoxKleinLeer
{
    line-height:12px;
    height:12px;
}
div.abstandBoxMittelLeer
{
    line-height:15px;
    height:15px;
}
/* ********************************************************************** */
/*  Boxen */
/* ********************************************************************** */
div.abstandKlein
{
    padding-bottom: 10px;
}
div.abstandMittel
{
    padding-bottom: 15px;
}
div.abstandGross
{
    padding-bottom: 20px;
}
div.abstandBoxKlein
{
    padding-bottom: 10px;
}
div.abstandBoxMittel
{
    padding-bottom: 15px;
}

table.boxKlein
{
    border-style:solid;
    border-width:1px;
    border-color: #E6E6E6;
}
table.boxKlein tr td div
{
    padding-top: 7px;
    padding-left: 10px;
    padding-right: 10px;
}
th.boxKlein
{
    height: 30px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #E6E6E6;
}
td.boxKlein
{
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
th.boxKleinRund
{
    height: 30px;
    vertical-align: middle;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #E6E6E6;
}
.boxKleinRundRand
{
    font-size: 8px;
    height: 10px;
}
td.boxKleinRund
{
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #E6E6E6;
}
div.boxKleinRund, div.boxKleinRundZeile /* für div im tabellenkörber wenn header rund ist */
{
    padding-top:10px;
    padding-left: 10px;
    padding-right: 10px;
}
div.boxKleinRundZeile /* für div im tabellenkörber wenn header rund ist */
{
    padding-bottom:10px;
}
td.boxKleinUCInhalt, div.boxKleinUCInhalt
{
    border: 1px solid #E6E6E6;
}
td.boxKleinUCInhaltZeile, div.boxKleinUCInhaltZeile
{    
    border-bottom: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
}
td.boxKlein-icon
{
    vertical-align: top;
    text-align: right;
    padding-right: 5px;
}
div.boxKlein-icon
{
    position: relative; 
    top: -3px; 
    text-align:right;
}
table.boxKleinInhalt td
{
    padding-bottom: 10px;
}
div.boxKlein
{
    height: 25px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}
div.boxGross
{
    background-image:url('/images/bg_verlauf.jpg');
    background-repeat:repeat-x;
    border-style:solid;
    border-width:1px;
    margin-bottom:10px;
    margin-top:10px;
    border-color: #E6E6E6;
}
td.boxGross
{
    padding-left: 20px;
    padding-right: 20px;
}

/*******************************************************/
/*  Warenkorb  und Bestellung                */
/*******************************************************/
input.warenkorb
{
    border: 1px solid #99CC00;
}
a.link-img, a.link-img:hover
{
    margin:0px;
    padding:0px;
}
table.rubrikServiceList
{
    width: auto;
}

table.rubrikServiceList td
{
    text-align: center;
    vertical-align: top;
    width: auto;
    vertical-align: top;
}

fieldset.rubrikServiceList
{
    float: left;
    padding-right: 20px;
    vertical-align: top;
    text-align: center;
    border: none;
}

table.sku-liste th
{
    vertical-align: top;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 0px;
    font-weight: bold;
}
table.sku-liste th.boxInnen /* siehe auch IE.css*/
{
    padding-top: 17px;
    font-weight: normal;
}

table.sku-liste td
{
    padding-left: 5px;
    padding-right: 0px;
    border-top: 1px solid #E6E6E6;
}
table.sku-liste th.right, table.sku-liste td.right
{
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
}

table.bildListe td
{
    padding-bottom: 4px;
    padding-right: 4px;
}

table.mini-warenkorb
{
    width: 100%;
}
td.mini-warenkorb
{
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 1px solid #E6E6E6;
}
table.anzUpDown td
{
    border-width: 0px;
}

table.sku-liste td.text-liste-re-staffel
{
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: 0px solid #E6E6E6;
}
table.sku-liste td.text-liste-re-staffelLast
{
    padding-top: 0px;
    padding-bottom: 5px;
    border-top: 0px solid #E6E6E6;
}

/* ********************************************************************** */
/* Benutzerkonto  */
/* ********************************************************************** */
td.benutzerKontoTitel, .benutzerKontoButton, td.benutzerKontoContentTitel, td.benutzerKontoContentButton
{
    font-weight: bold;	
}
td.benutzerKontoTitel, td.benutzerKontoText, td.benutzerKontoButton
{
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}
td.benutzerKontoContent, td.benutzerKontoContentTitel, td.benutzerKontoContentButton
{
	padding-top: 0px;
	padding-left: 15px;
	padding-bottom: 15px;
}
td.benutzerKontoButton, td.benutzerKontoContentButton
{
    text-align: right;
    vertical-align: bottom;
	padding-right: 15px;
}

td.adresseAuswahlBoxText
{
    padding-top: 5px;
    padding-bottom: 5px;
    height: 70px;
}
td.adresseAuswahlBoxAction
{
    padding-top: 0px;
    padding-bottom: 5px;
}
td.bestellPartner
{
    font-size:1;
    text-align:center;    
}

/* ********************************************************************** */
/* Titel  */
/* ********************************************************************** */

h1
{
    margin-top:5px;
    font-size: 17px;
    color: #DF1A21; /*grosse rote Titel*/
}
h2
{
    font-size: 11px;
    font-weight: bold; /*kleine schwarze fette Titel*/
}
h3
{
    font-size: 11px; /*kleine schwarze fette Titel für z.B. "Hotline & Kontakt" */
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}
h4
{
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase; /*schwarze Titel in GROSSBUCHSTABEN für z.B. "FILIALEN" */
}
/* ********************************************************************** */
/* Tabellen  */
/* ********************************************************************** */

table.subnav-box1
{
    background-color: white;
    margin-bottom: 10px;
}
th.subnav-box1
{
    background-image: url('/images/bg_verlauf.jpg');
    background-repeat: repeat-x;
    width: 25%;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    border: 1px #E6E6E6 solid;
}
td.subnav-box
{
    padding: 5px;
    border: 1px #E6E6E6 solid;
}
table.subnav-box2
{
    background-color: white;
    margin-bottom: 10px;
}
th.subnav-box2
{
    width: 250px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}
td.subnav-box2
{
    padding: 5px;
    margin-bottom: 10px;
    border-right: 1px #E6E6E6 solid;
}


/* ********************************************************************** */
/* Suchresultate                                                          */
/* ********************************************************************** */
table.sortieren
{
    padding-bottom:5px;
}
td.sortieren
{
    padding-right:10px;
    vertical-align:middle;
}

/* ********************************************************************** */
/* Tinten & Toner  */
/* ********************************************************************** */
.middle-area-2erColumn
{
    width: 280px; /* = (580 - 20) / 2*/
}
.position
{
    padding-bottom: 6px;
    text-align:left;
}

/* ********************************************************************** */
/* Hauptnavigation                                                        */
/* ********************************************************************** */
table.hauptnavigation th
{
    min-height: 30px;
    height: 30px;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #E6E6E6;
}

table.hauptnavigation td
{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 0px solid #E6E6E6;
}


/* ********************************************************************** */
/* Shop - Navigation    */
/* ********************************************************************** */
.shopnav
{
    font-size: 11px;
    background-image: url('/images/bg_verlauf.jpg');
    background-repeat: repeat-x;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 0px;
    border-right: 5px solid;
}


/* ********************************************************************** */
/*  After-Search Navigation                                               */
/* ********************************************************************** */
th.schmalRot
{
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight:bold;
    color:#ffffff;
    background-color:#ae292d;
}
td.schmalWeiss
{
    vertical-align:bottom;
    padding:top: 5px;
    font-weight: bold;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #E6E6E6;
    background-color: #ffffff;
}


/* ********************************************************************** */
/*  Search-Bar                                                            */
/* ********************************************************************** */
td.suchBarSchmal 
{
    padding-right:5px;
    vertical-align: middle;
    font-weight:bold;
}

td.suchBarBreit
{
    padding-right:15px;
    vertical-align: middle;
}

tr.suchBar
{
    height: 40px;
}
td.suchBarLinks
{
    padding-right:40px;
}


/* ********************************************************************** */
/* Infoseiten                                                             */
/* ********************************************************************** */
td.infoItem
{
    padding-top:00px;
    padding-bottom:00px;
}
table.infoIcon
{
    width:200px;
}
td.infoIcon
{
    text-align:center;
    padding-right:60px;
    padding-left:30px;
    color:{$DunkelGrau};
}

table.infoIconOhneText
{
    width:40px;
}
td.infoIconOhneText
{
    text-align:center;
    padding-right:40px;
    padding-left:30px;
}
ul.minusZeichen
{
    padding-left:13px;
    /*  Wird von jedem Browser total anders ausgerichtet!!!!
    vertical-align:bottom;
    list-style-image:url(http://www.officeworld.ch/images/icons/icon_minus_ul.gif);
    */
}


/*****************************************************************************/
/*** FactFinder Suggest ***/
/*****************************************************************************/

/* needed otherwise the searchBoxLine will pop-up in IE */
div.suggestFormWrap{
	position:absolute;	
	z-index:1001;
}

#suggestLayerParent
{
    position: relative;
	z-index: 50;
}
div.suggestLayer {
	position: absolute;
	top: 25px;
	left: 0px;
	width: 1px;
	height: 1px;
	display: none;
	padding: 0;
	margin: 0;
	z-index: 50;
	background-color: white;
	background: transparent;
}

table.suggestLayer {
	font-size: 11px;
	width: 130px;
	border: 1px solid #5C7997;
	min-height: 12px;
	height: 12px;
	background-color: white;
	color: #173553;
	cursor: pointer;
}
tr.suggestLayer { 
	height: 12px;
}
td.suggestLayer {
	padding: 0;
	height: 12px;
}
tr.suggestHeader{
	color: #173553;
	font-weight: normal;
	font-size: 10px;
}
tr.suggestHeader td{
	border-bottom: 1px solid #5C7997;
	padding: 3px 3px 3px 5px;
}
td.suggestFooter{
	height:25px;
	border-top:solid 1px #5C7997; 
	font-size:9px;
	color: #173553;
	background-color: #FCFCFC;
	background-image: url("http://www.officeworld.ch/images/demoshop/logo_fact-finder_suggest.gif");
	background-repeat: no-repeat;
	background-position: right;
}

td.suggestTextQuery{
	padding: 2px 15px 2px 10px;
}
span.suggestTextQueryTyped
{
    font-weight: bold;
}
td.suggestTextType{
	padding: 2px 5px 2px 15px;
	width: 30%;
	font-weight:normal;
}
td.suggestTextAmount{
	padding: 2px 5px 2px 15px;
	width: 30%;
	text-align: right;
}
tr.suggestRow{
	padding: 2px 2px 2px 0px;
	background-color: #FCFCFC;
}

tr.suggestHighlight{
	color: #FCFCFC;
	background-color: #173553;
}
tr.suggestHighlight span.suggestTextQueryTyped{
	color: white;	
}
td.suggestImage{
	height: 40px;
}
td.suggestImage img{
	height: 40px;
}


/* ********************************************************************** */
/* Startseite */
/* ********************************************************************** */
table.startPageSmallCell
{
    height:195px;
    min-height:195px;
    width: 100%;
}
table.startPageBigCell
{
    height:235px;
    min-height:235px;
}
td.startPageCell
{
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 1px;
    border-bottom-width: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-color: #E6E6E6;
}

table.bildSmall
{
	height:85px;
    min-height:85px;
}
table.bildSmall tr td
{
    vertical-align: middle;
}

th.infoboxHeader
{
    text-align:center;
    padding-left:0px; 
    font-weight:bold;
}
td.infoboxContent
{
    padding-left:0px;  
    padding-top:1px;
    text-align:left;
}
/*  Startseite artikel */
h3.artikelListe
{
    margin-top:0px;
    margin-bottom:0px;
    height:30px;
}

/*******************************************************/
/** Masterpage Header **/
/*******************************************************/

.topHeader
{
    padding: 10px;
}
.boxHeaderZeile, .boxHeaderTitel
{
}
.boxHeaderTitel
{
    font-weight:bold;
    text-transform: uppercase;
    font-size: 14px;
    padding-top:7px;
    padding-bottom:0px    
}
.boxHeaderZeile
{
    height: 25px;
    vertical-align: middle;
}
.footer
{
    padding-top:10px;
    padding-bottom:10px;
    padding-left:100px;
    padding-right:100px;
    text-align:center;
}
h1.footerHeader
{
    text-transform: uppercase;
    margin: 0px;
    font-weight: bold;
    color: #E6E6E6;
}
div#mainSEO
{
    position: relative; 
}
div#mainSEO div.footerSEO
{
    position: absolute; 
    top: 100%;
}


/* ********************************************************************** */
/* Preisinfo / roter Preis  */
/* ********************************************************************** */
.roterPreis
{
    font-size: 17px;
    font-weight: bold;
    color: #DF1A21; /* OW Rot */
}
.preisInfoStern /* Sternchen neben rotem Preis */
{
    color: #707070;
}
.Aktion
{
    background-color: transparent;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 4px;
    color: #DF1A21;
}
.roterPreisText, .roterPreisText-unten
{
    font-size: 9px;
    font-weight: bold;
}
.roterPreisText-unten
{
    color: #DF1A21; /* rot */
}
.mwst
{
    font-size: 9px;
    color: #707070;
}

.recourceLink, a.recourceLink:hover
{
    text-align: right;
    color: #000000; /* Schrift schwarz */
}
table.verfuegInfo
{
    margin-top: 20px;
    border-bottom: 1px solid #E6E6E6;
}
table.verfuegInfo td
{
    padding-right: 3px;
    padding-bottom: 5px;
    vertical-align: middle;
}

.stattpreis
{
    text-decoration: line-through;
}

/*************************************************/
/*  Hinweise */
/************************************************/
table.Hinweise td
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0px;
    padding-right: 5px;
}
.Error, .Fehler
{
    color: #cc0033;
    font-weight: bold;
}
.Info
{
    color: #CC6600;
    font-weight: bold;
}
.Warnung
{
    color: #009966;
    font-weight: bold;
}

.Message
{
    color: #000000;
    font-weight: bold;
}
.Warning
{
    color: #DF1A21;
    font-weight: bold;
}
.UserError
{
    font-size: 12px;
    font-weight: bold;
    color: #DF1A21;
}
.Error
{
    font-size: 12px;
    font-weight: bold;
}
.prepaidStatusFehler
{
    color: red;
    font-style: italic;
}


/* fieldsets für ICONS der Bilder im Artikeldetail */
.imageIcon
{
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
}
/* ********************************************************************** */
/* Pseudo Popup (Bilder und Startseite)    */
/* ********************************************************************** */
#flopUp, #Bildbereich
{
    display: inline;
    position: absolute;
    border: gray 1px solid;
    z-index: 10;
    padding-right: 0px;
    padding-left: 2px;
    padding-bottom: 0px;
    padding-top: 2px;
    background-color: #ffffff; /* Hintergrund weiss */
}

div.flopUpBar
{
    padding: 2px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-right: 2px;
    background-color: #E6E6E6; /* Hintergrund grau */
}

td.iconListe
{
    vertical-align:middle;
    text-align:center;
    padding:2px;
    border-style:solid;
    border-width:1px;
    border-color:#E6E6E6;
}


/* ********************************************************************** */
/* Bereiche / Rubriken                                                    */
/* ********************************************************************** */
.Bereichsheader
{
    padding-top: 5px;
}

.rubrikInBereich
{
    border: 1px solid;
    padding: 5px;
    margin: 5px;
    text-align: center;
    display: inline;
    width: 140px;
    height: 140px;
    border-color: #E6E6E6;
}

td.rubrikBox
{
    width: 142px;
    padding: 0px;
    border-top: 1px solid #E6E6E6;
    vertical-align: top;
    text-align: center;
    background-color: #ffffff; /* Hintergrund weiss */
}

td.rubrikBox-img
{
    height: 86px;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 0px;
    padding-top: 1px;
}
td.rubrikBox-titel
{
    height: 34px;
    text-align: center;
    vertical-align: text-top;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-top: 3px;
}
td.rubrikBox-content
{
    text-align: left;
    vertical-align: text-top;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
    padding-top: 3px;
}
ul.rubrikBox
{
    list-style-type: square;
    list-style-position: outside;
    padding-left: 0px;
    margin-left: 16px;
    color: #99CC00;
}

div.rubrikBox-mehr
{
    padding-top: 4px;
    padding-left: 15px;
}

td.Aufzaehlung
{
    padding-bottom: 5px;
    padding-top: 5px;
}



/* ********************************************************************** */
/* IFRAME  */
/* ********************************************************************** */
iframe.contentFrame
{
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* Kompaliste */
div.kompalisteGruppe
{
    padding-top: 5px;
}


/* ********** ********** Okiflatrate ********** ********** */
.artikelhauptbildOverlay
{
    position: absolute;
    right: 30px;
    top: -1px;
}
.randBogen25
{
    max-height: 25px;
    font-size: 4px;
    background-color: #E6E6E6; /* Hintergrund hell-hellgrau */
}

td.okiArtikel
{
    padding: 12px;
    color: #707070; /* Schrift dunkel-grau */
}
.okiContent
{
    padding-top: 12px;
    padding-bottom: 12px;
    color: #707070; /* Schrift dunkel-grau */
}
.okiContent
{
    margin-top: 0px;
    margin-bottom: 4px;
}
.okiText
{
    margin-bottom: 8px;
    color: #000000; /* Schrift dunkel-grau */
}
.okiTitel
{
    font-size: 14px;
    font-weight: bold;
    color: #4D4D4D; /* Schrift dunkel-grau */
    margin-top: 0px;
    margin-bottom: 12px;
}
.okiSpalte
{
    color: #000000; /* Schrift dunkel-grau */
    background-color: #E6E6E6; /* Hintergrund hellgrau */
}
ul.okiList
{
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: -27px;
    list-style-type: square;
    list-style-position: inherit;
    color: #DF1A21; /* Schrift Officeworld rot */
}
li.okiList
{
    margin-top: 0px;
    margin-bottom: 16px;
    margin-left: 0px;
    font-weight: bold;
}
td.okiArtikel
{
}
/* ********************************************************************** */
/* Sitemap  */
/* ********************************************************************** */
td.treeImage
{
    padding-left:2px;
    padding-top:2px;
    width: 16px;
    height: 16px;
    max-height: 16px;
}
td.treeFollowImage
{
    width: 16px;
    height: 100%;
}
td.treeText
{
    padding-left: 4px;
    padding-top: 1px;
    padding-bottom: 2px;
}


/* ********************************************************************** */
/* Index/Inhaltsverzeichnis  */
/* ********************************************************************** */

a.bold-not-underline
{ 
  font-weight:bold;
  text-decoration:none;
  font-size:14px;
  letter-spacing:6px;
  }
table.boxGross-Index
{
    text-align:center;
    background-image:url('/images/bg_verlauf.jpg');
    background-repeat:repeat-x; 
    border-top:1px solid #E6E6E6;
    border-right:1px solid #E6E6E6;
    border-left:1px solid #E6E6E6;
}
table.boxGross-Index td
{
    padding-left:6px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 4px solid #99CC00;
}
div.zeilenAbstand
{
    padding-bottom:8px;
}
td.index
{
    padding-top:10px;
    padding-bottom:15px;
    padding-left:15px;
    padding-right:10px;
    width:188px;
}
/************************************************************************************************************/
/*      Bestellschritt anzeigen  */
/************************************************************************************************************/
table.bestellSchritt
{
    width: 100%; 
    border: 1px solid #E6E6E6;
}
div.bestellschritt
{ 
    padding:3px;
    text-align: center;
}
td.bestellschritt, td.bestellschrittPfeil
{
    background-image:url('/images/bg_verlauf.jpg');
    background-repeat:repeat-x;
    vertical-align: top;
    height: 40px;
}
td.bestellschritt
{
    cursor: pointer;
    text-align: center;
    width: 140px;    
    max-width: 140px;
    padding-left: 10px;
    padding-right: 10px;
}
td.bestellschrittPfeil
{
    padding-top: 30px;
} 
td.bestellstrich, td.bestellstrich-gruen
{
    line-height:10px;
    height:10px;
}
td.bestellstrich-gruen
{
    background-color:#99CC00;
}

div.weiterButtons
{
    text-align:right;
    padding-top: 6px;
    padding-bottom: 6px;
}

/*************************************/
/*  Info Seiten, Tab-Navigation
/*************************************/
table.verlaufTabelle
{
    border-style: solid;
    border-width: 1px;
}

td.filialListe
{
    height: 15px;
    line-height: 15px;
    padding-top: 5px;
    padding-left: 15px;
    
}
td.filialListeAbschluss
{
    padding-bottom: 10px;
}

table.infoBoxStartseite
{
    width: 225px;
}
td.infoBoxStartseite
{
    padding: 7px;
}


table.tabs
{
    border-style: none;
    font-weight:bold;
    text-decoration:none;
}
td.tabAktiv
{
    background-image: none;
    background-repeat: no-repeat;
    height: 30px;
    width: 140px;
    vertical-align: middle;
    text-align: center;
    border-bottom-style: none;
    border-left-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-width:1px;
    border-color:#E6E6E6;
    color:#DF1A21;
}
td.tabInaktiv
{
    background-image: url('/images/bg_verlauf.jpg');
    background-repeat: repeat-x;
    height: 30px;
    width: 140px;
    vertical-align: middle;
    text-align: center;
    border-style: solid;
    border-width:1px;
    border-color:#E6E6E6;
}
td.tabAbstand
{
    width:5px;
    border-bottom-style: solid;
    border-width:1px;
    border-color:#E6E6E6;
}
td.tabAbschluss
{
    
    border-bottom-style: solid;
    border-width:1px;
    border-color:#E6E6E6;
}
table.tabContent, th.tabContent, td.tabContent
{
    border-top-style:none;
}
a.tabAktiv
{
    text-decoration:none;
    color:#DF1A21
}
a.tabInaktiv
{
    text-decoration:none;
}
.mitBorderBottom
{
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#E6E6E6;
}
.mitBorderRight
{
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#E6E6E6;
}
textarea.verlauf
{
    background-image: url('/images/bg_verlauf.jpg');
    background-repeat: repeat-x;
    border-style:solid;
    border-width:1px;
    border-color:#E6E6E6;
}
td.zentrierhilfe
{
    width:30%;
}
li.schwarz
{
    color:#000000;
}