@charset "utf-8";
/**
 * Stylesheet für Georg Börner GmbH & Co. KG
 *
 * Screen Stylesheet
 *
 * @author        Matthew Colton
 * @link          http://www.georgboerner.de
 * @copyright     2008 Matthew Colton
 * @date          2007-12-18
 * @lastmodified  2008-03-07
 */

/**
 * Basis-Eigenschaften einiger HTML-Tags
 *
 * @css-for   IE5-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3
 * @valid     Ja
 */

body {
  padding:    20px 0;
  margin:     0;
  font-size:  100%;
  text-align: center;
  color:      #000;
  background: #d3dadd;
}

img { border-width: 0px; }

form,table,td,body,input,textarea,select { font-family: arial,helvetica,sans-serif; }

fieldset {
  padding:       5px;
  border:        1px solid #7f979c;
  margin-bottom: 10px;
}


/**
 * Stylesheets für Hauptbereiche
 *
 * @css-for   IE5-7/Win, Firefox 1.5, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */

#background {
  position:   absolute;
  top:        0px;
  left:       0px;
  width:      100%;
  min-width:  940px;
  height:     767px;
  background: url(../media/Website/Layout/girandola_grey.png) no-repeat #d3dadd center 225px;
/*   background: #d3dadd; */
}

#pageWrapper {
  position:   relative;
  z-index:    10;
  margin:     0 auto;
  width:      940px;
  padding:    0;
  font-size:  .8em;
  text-align: left;
  color:      #000;
  background: #7f979c;
  border-top: 5px solid #7f979c;
}

#pageWrapperContent {
  width:         930px;
  position:      relative;
/*   z-index:       1; */
  padding:       0;
  color:         #000;
  background:    #e6ebed;
  border-left:   5px solid #7f979c;
  border-right:  5px solid #7f979c;
  border-bottom: 5px solid #7f979c;
}

#pageWrapperBackground {
  position:   relative;
  width:      940px;
/*   z-index:    20; */
  margin:     0 -5px -5px -5px;
  padding:    0;
  background: url(../media/Website/Layout/girandola_pagewrapper_grey.png) no-repeat transparent center 200px;
}

#pageWrapperBackgroundInside {
  position: relative;
  padding:  20px 25px 40px 25px;
}

#header {
  padding:    0;
  border-top: 1px solid #e6ebed;
}

#preContentArea {
  height: 25px;
}

#logo {
  float:      right;
  width:      180px;
  text-align: left;
}


/**
 * Hauptbereiche (Kopfzeile, Inhalt, rechte Spalte und Fußzeile)
 *
 * @css-for   IE5-7/Win, Firefox 1.5, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */

#rightColumn {
  position:   relative;
  z-index:    25;
  float:      left;
  width:      180px;
  color:      inherit;
  background: transparent;
  min-height: 300px;
  padding:    0px 0 0;
  margin-top: -1.8em;
}

#mainColumn {
  position:   relative;
  z-index:    50;
  float:      left;
  color:      inherit;
  background: #fff;
  min-height: 370px;
  width:      670px;
  padding:    10px 10px 20px 9px;
  margin:     0 20px 0 0;
  min-height: 350px;
}

#rootLine {
  padding:    0;
  border:     1px solid #e6ebed;
  margin:     0px 0 0;
  background: #e6ebed;
}

#content {
  float: left;
  width: 669px;
}

#footer {
  position:   relative;
  z-index:    100;
  margin:     1px auto;
  padding:    .5em 0;
  text-align: left;
  font-size:  .75em;
  width:      890px;
  color:      #000;
  background: transparent;
}

/**
 * Stylesheets für Inhaltselemente
 *
 * Basisstile für HTML-Tags
 *
 * @css-for   IE5-7/Win, Firefox 1.5, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */

h1 {
  color:     #000;
  font-size: 1.4em;
}

h2 {
  color:          #e60000;
  font-size:      1.1em;
  margin-bottom:  1px;
  padding-bottom: 1px;
}

h3 {
  color:          #000;
  font-size:      1em;
  margin-bottom:  1px;
  padding-bottom: 1px;
}

h4 {
  color:          #000;
  font-size:      1em;
}

h2, h3, h4 {
  margin-bottom:  1px;
  padding-bottom: 1px;
}


/**
 * Stylesheets für Inhaltselemente
 *
 * CSS-Klassen für HTML-Tags außer generische Inline- und Blockelemente (SPAN/DIV)
 *
 * @css-for   IE5-7/Win, Firefox 1.5, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */

h1.noMargin, h2.noMargin, h3.noMargin, h4.noMargin, p.noMargin {
  margin:  0 !important;
  padding: 0 !important;
  clear:   both;
}

h1.noMarginTop, h2.noMarginTop, h3.noMarginTop, h4.noMarginTop, p.noMarginTop {
  margin:  0!important;
  padding: 0 0 3px !important;
  clear:   both;
}

h1.smallMargin, h2.smallMargin, h3.smallMargin, h4.smallMargin, p.smallMargin {
  margin:  0 !important;
  padding: .5em 0 10px !important;
  clear:   both;
}

h1.smallMarginTopBot, h2.smallMarginTopBot, h3.smallMarginTopBot, h4.smallMarginTopBot, p.smallMarginTopBot {
  margin:  0 !important;
  padding: .5em 0 10px !important;
  clear:   both;
}

a.navButton {
  text-decoration: none;
  display:         block;
  float:           left;
  color:           #fff;
  background:      #acbbc2;
  width:           121px;
  padding:         4px 2px;
  margin:          0 0 4px;
}


/**
 * Stylesheets für Inhaltselemente
 *
 * CSS-Klassen für generische Inline- und Blockelemente (SPAN/DIV)
 *
 * @css-for   IE5-7/Win, Firefox 1.5, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */
span.thin {
  font-weight: normal;
}
span.hiliteRed {
  color:      #e60000;
  background: transparent;
}

span.hiliteGreen {
  color:      #008800;
  background: #ffffff;
}

label.shortLabel, span.shortLabel {
  display: block;
  float:   left;
  width:   9em;
  padding: 2px 0;
}

label.midLabel, span.midLabel {
  font-weight: bold;
  display: block;
  float:   left;
  width:   11em;
}

div.hr {
  clear:         both;
  margin:        5px 0;
  padding:       5px 0;
  border-bottom: 1px solid #7f979c;
}

div.hr hr {
  display: none;
}

.clear {
  clear: both;
}

.taright, .taRight {
  text-align: right;
}

#searchArea {
  display: none;
}

/**
 * Hauptnavigation
 *
 * @css-for   IE5-7/Win, Firefox 1.5, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */
#mainNav, #localNav, #localNav ul, #loginButton {
  position:   relative;
  z-index:    100;
  list-style: none;
  margin:     0;
  padding:    0;
}

#loginButton {
  position:   relative;
  z-index:    400;
  float:      left;
}

#mainNav li {
  display: block;
  float:   left;
  margin:  0;
  padding: 0 5px 0 0;
}

#mainNav div {
  text-align: center;
  width:      94px;
}

#mainNav a {
  text-decoration: none;
  text-align:      center;
  color:           #000;
}

#mainNav a img {
  border: 2px solid #666;
  width:  90px;
  height: 80px;
  margin: 0 0 5px 0;
}

#mainNav li.active a img {
  border: 2px solid #e60000;
}

#mainNav li.active a {
  color: #e60000;
}

/**
 * Lokale Navigation und Login-Status/Suche Bereich
 *
 * @css-for   IE5-7/Win, Firefox 1.5, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */

#loginButton {
  padding-bottom: 12px;
}

#localNav {
  clear: both;
  margin-top: 0;
  padding-top: 16px;
  width:   125px;
}

#localNav li, #loginButton li {
  width:    125px;
  margin:   0;
  padding:  0 0 2px;
}

#localNav a {
  color:      #fff;
  background: #889499;
}

#localNav li.active a {
  background: #e60000;
}

#loginButton a, #localNav li.special a {
  color:      #fff;
  background: #666;
}

#localNav a, #loginButton a {
  width:           119px;
  display:         block;
  padding:         4px 3px;
  margin:          0;
  text-decoration: none;
  font-size:       .93em;
}

#loginButton a {
  text-align: center;
}

ul#localNav li.special a {
  margin-bottom: 15px;
  text-align:    center !important;
}


#localNav li li a, #localNav li.active li a {
  background:  #a8b4b9;
  font-size:   .9em;
}

#localNav li ul {
  border-top: 2px solid #e6ebed;
}

#localNav li ul li {
  padding: 0;
}

#localNav li ul li a {
 width:       114px;
  margin-left: 5px;
}

#localNav a:hover, #localNav li.active li a:hover {
  background: #68757b !important;
}

#localNav li.active a:hover {
  background: #e60000 !important;
}

/**
 * Stylesheets für Inhaltselemente
 *
 * Variationen der Basisi-HTML-Tags abhängig vom jeweiligen Hauptbereich
 *
 * @css-for   IE5-7/Win, Firefox 1.5, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */

#userStatus {
  padding: 0 0 14px 0;
}

#rootLine p {
  margin:  0;
  padding: 0 0 3px;
}

#rootLine p#loginStatus {
  float:         right;
  margin-right:  200px;
  position:      relative;
  z-index:       60;
}

#content h1 {
  margin:  1px 0;
  padding: .75em 0 .85em;
}

#content h2 {
  margin:  1px 0;
  padding: .7em 0 0;
}

#content h3, #content h4 {
  margin:  1px 0;
  padding: .5em 0 0;
}
#content p {
  margin: 0;
  padding: 1px 0 2px;
}

#content p, #content li {
  line-height: 1.5;
}

#content ul {
  margin-top:     0;
  margin-bottom:  0;
  padding-top:    .1em;
  padding-bottom: .8em;
}

#footer p {
  margin:  0;
  padding: 5px 0;
  line-height: 4px !important;
  font-size:  11px;
}

#footer a, #content a, #rootLine a {
  text-decoration: underline;
  color:           #e60000;
  background:      transparent;
}

input.input, textarea.input, select.input, input#billing-company, select#billing-country, input#billing-name, input#billing-surname, input#billing-address, input#billing-zip, input#billing-city, input#billing-email, input#billing-phone, input#billing-fax, input.comInputQty, p.comChkoutListingComment textarea, input#delivery-name, input#delivery-surname, input#delivery-company, input#delivery-address, input#delivery-zip, input#delivery-city, input#delivery-email, input#delivery-phone, input#delivery-fax, div.comAddressItems input, form#tx-srfeuserregister-pi1-fe_users_form select {
  border:    1px solid #7f979c;
  padding:   2px;
  font-size: 1em !important;
}

form#tx-srfeuserregister-pi1-fe_users_form select {
  width: 320px;
}

input.comInputQty {
  padding: 1px 2px;
}

select {
  border:    1px solid #7f979c;
  font-size: 1em !important;
  padding:   2px;
}

input.submit {
  font-size: 12px !important;
}

p.notice, div.successfullReg {
  border-top:    1px solid #7f979c;
  border-bottom: 1px solid #7f979c;
  background:    #eeeeee;
  padding:       5px 0 !important;
}

legend {
  color:  #000;
  background: #fff;
  font-weight: bold;
}

.paddingBottom {
  padding-bottom: 15px !important;
}
/**
 * Stylesheets für Inhaltselemente
 *
 * CSS-Klassen für Variationen der zweispaltigen Inhaltselemente
 *
 * @css-for   IE5-7/Win, Firefox 1.5, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */

div.productBox {
  padding: 3px 0 0;
}

div.productBox h2 {
  padding-bottom: 0 !important;
  margin-bottom:  0 !important;
}

div.productBox h3 {
  color:     #000 !important;
  font-size: 1em !important;
  padding:   0 0 5px !important;
  margin:    0 0 3px !important;
}

div.productBoxDatasheets {
  width:  324px;
  height: 80px;
  overflow:auto;
  padding: 1px 0;
  margin:  7px 0 4px;
}

div.productBoxDatasheets ul {
  border-top: 1px solid #7f979c;
  width:      307px;
  padding:    0 !important;
  margin:     0 !important;
  list-style: none;
}

div.productBoxDatasheets li {
  border-bottom: 1px solid #7f979c;
  padding:       0 0 0 4px;
  margin:        0;
  background:    #f4f4f4;
}

div.productBoxDatasheets a {
  text-decoration: none !important;
}

div.twoCol, div.twoColLeftNarrow, div.twoColRightNarrow, div.productBox, div.comSingle {
  padding: 0 0 5px;
  margin:  0;
  border-top: 1px solid #fff;
}

div.twoColLeft, .twoColRight, div.twoColLeftNarrowLeft, div.twoColLeftNarrowRight,
div.twoColRightNarrowLeft, div.twoColRightNarrowRight, div.productBoxLeft, div.productBoxRight,
div.comSingleLeft, div.comSingleRight {
  float: left;
}

div.twoColLeftNarrowLeft {
  padding: 0 10px 0 0;
  border-top: 1px solid #fff;
  width: 250px;
}

div.twoColLeftNarrowRight {
  padding: 0 0 0 10px;
  border-top: 1px solid #fff;
  width: 399px;
}

div.twoColRightNarrowLeft {
  padding: 0 10px 0 0;
  border-top: 1px solid #fff;
  width: 399px;
}

div.twoColRightNarrowRight {
  padding: 0 0 0 10px;
  border-top: 1px solid #fff;
  width: 250px;
}

div.twoColLeft, div.productBoxLeft, div.comSingleLeft {
  padding:    0 10px 0 0;
  border-top: 1px solid #fff;
  width:      325px;
}

div.twoColRight, div.productBoxRight, div.comSingleRight {
  padding: 0 0 0 10px;
  border-top: 1px solid #fff;
  width: 324px;
}


/**
 * Stylesheets für Typo3-Erweiterungen
 *
 * @css-for   IE5-7/Win, Firefox 1.5, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */

div.feloginbox {
  padding: 0 0 10px;
}

div.feloginbox dl, div.tx-srfeuserregister-pi1 dl {
  margin:  0;
  padding: 0;
}

div.feloginbox dt, div.feloginbox dd, div.tx-srfeuserregister-pi1 dt, div.tx-srfeuserregister-pi1 dd {
  margin:  0;
  padding: 0 0 .5em 0 !important;
  float:   left;
}

div.feloginbox dt, div.tx-srfeuserregister-pi1 dt {
  clear:      both;
  width:      9em;
  text-align: left;
}

* html .feloginbox dd {
  float: none;
  width: 50%;
}

p#globalSearch {
  padding: 0;
  margin:  0;
  float:   left;
}

p#globalSearch input {
  width: 125px;
}

p#globalSearch input.input {
  width: 119px;
}

strong.mandatory {
  color: #e60000;
}
div.tx-indexedsearch-res h3 { background: #f4f4f4; }

div.tx-indexedsearch .res-tmpl-css {
  clear:        both;
  margin-bottom:1em;
}

.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css {
  letter-spacing: 0;
  font-weight:    normal;
  float:          right;
}

.tx-indexedsearch .tx-indexedsearch-browsebox li {
  display:inline; margin-right:5px;
}

div.tx-srfeuserregister-pi1 dl.tx-srfeuserregister-pi1-multiple-checkboxes {
  margin:  0 !important;
  padding: 0 !important;
  display: inline !important;
}

div.tx-srfeuserregister-pi1 dl.tx-srfeuserregister-pi1-multiple-checkboxes dt {
  width:   2em;
  padding: 0;
  margin:  0;
}

div.tx-srfeuserregister-pi1 p {
  margin-left:  0;
  padding-left: 0;
}

p.tx-srfeuserregister-pi1-notice { font-style:normal !important; }

div.csc-textpic-imagewrap { font-size: .9em; }

div.tx-srfeuserregister-pi1 label span {
  color: #000;
}

div.tx-srfeuserregister-pi1 p.tx-srfeuserregister-pi1-error {
  color:      #e60000;
  font-style: italic;
}

/**
 * Stylesheets für Typo3-Erweiterungen
 *
 * Börner-spezifische Download-Erweiterung
 *
 * @css-for   IE5-7/Win, Firefox 1.5, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */
div.gbDataSheetDownloadContainer {
  background:    #f5f7fc;
  border-top:    1px solid #7f979c;
  border-bottom: 1px solid #7f979c;
}

div.gbDataSheetDownloadContainer div.twoColLeft {
  padding:          0 10px 0 0px;
  border-top-width: 0px;
  width:            324px;
}

div.gbDataSheetDownloadContainer div.twoColRight {
  border-top-width: 0px;
}

/**
 * Stylesheets für Typo3-Erweiterungen
 *
 * Stile für den Warenkorb
 *
 * @css-for   IE5-7/Win, Firefox 1.5, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */

td.comListColPrice {
  white-space: nowrap;
}

table.shoppingCart {

}

table.shoppingCart th {
  padding:       3px 5px;
  background:    #eee;
  font-weight:   bold;
  border-bottom: 1px solid #666;
  text-align:    center;
}

table.shoppingCart td {
/*   border-bottom: 1px solid #666; */
  padding:       3px 5px;
}


table.shoppingCart td.bottomLine {
  border-bottom: 1px solid #7f979c;
}

table.shoppingCart td.bordered {
  border-right: 1px dotted #7f979c;
}

div.productBoxShoppingCart {
  background: #f3f3f3;
  border-top: 1px solid #7f979c;
  border-bottom: 1px solid #7f979c;
  padding: 3px 2px;
}

div.productBoxShoppingCart p {
  padding: 1px 0;
  margin:  0;
}

/**
 * Ersatz für fehlende 'min-height' und 'min-width' Unterstützung
 *
 * Die CSS-Eigenschaften 'min-height' und 'min-width' werden durch
 * Inhaltselemente mit den entsprechenden Abmaßen simuliert. Obwohl
 * dies nur für den Internet Explorer < 7 benötigt wird, wird es
 * allen Browsern zugewiesen um den Umgang zu vereinfachen.
 *
 * @workaround
 * @affected  Alle Browser
 * @css-for   IE5-7/Win, Firefox 1.5, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */

#backgroundIeMinWidthFix {
  width:  940px;
  height: 1px;
}

#mainColumnIeMinHeightFix {
  float:     left;
  height:    370px;
  width:     1px;
  font-size: 0px;
}

/**
 * Bugfixes für das fehlerhafte Box-Modell des Internet Explorers 5 und 5.5.
 *
 * @bugfix
 * @affected  IE5/Win, IE5.5/Win
 * @css-for   IE5/Win, IE5.5/Win
 * @valid     yes
 */

#maincolumn {
  width: 689px;
}

* html #content {
  width: 660px;
}

* html #mainNav li {
  width:  94px;
  height: 84px;
  padding: 0 2px 0 0;
}

#localnav, #logoutbutton {
  position: absolute;
  left:     -16px;
}

#localnav { top: 60px; }

#logoutbutton { top: 0px; }

#localnav a { width: 125px; }

#logoutnutton a, #logoutbutton a { width: 125px; }

#localnav li ul li a { width: 120px; }

/**
 * Bugfixes für das fehlerhafte Box-Modell des Internet Explorers 6.
 *
 * @bugfix
 * @affected  IE6/Win
 * @css-for   IE6/Win
 * @valid     yes
 */

* html #content {
  voice-family:"\"}\"";
  width: 669px;
}

* html #mainNav li {
  voice-family:"\"}\"";
  padding: 0 5px 0 0;
}

* html #mainNav a img {
  width:  90px;
  height: 80px;
}

table.typo3-debug {
  position: absolute;
  top:      0;
  left:     0;
  z-index:  1000;
}

.displayNone {
  display: none;
}