/*
 * @version: $Id: main.css 454 2011-09-26 18:51:36Z otto $
 */
h3, h4, h5 {
    font-weight: bold;
}

h3, h4 {
    font-size: 1.0em;
}

h5 {
    margin: 0 0 5px 0;
    font-size: 0.9em;
}

h6 {
    margin: 0 0 5px 0;
    font-size: 0.9em;
    font-weight: normal;
}

A:link {
    color: #800000;
    text-decoration: none
}

A:visited {
    color: #800000;
    text-decoration: none
}

A:hover {
    color: #800000;
    text-decoration: none
}

A:active {
    color: #800000;
    text-decoration: none
}

A.black:link {
    color: #800000;
    text-decoration: none
}

A.black:visited {
    color: #800000;
    text-decoration: none
}

A.black:hover {
    color: #800000;
    text-decoration: none
}

A.black:active {
    color: #800000;
    text-decoration: none
}

table {
    color: #800000;
    table-layout: fixed
}

td, p {
    color: #800000;
    font-size: 10pt;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

BODY {
    color: #800000;
    background-color: #ffe4ab;
    margin: 0px;
    padding: 0px;
    scrollbar-3dlight-color: #E1B479;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-darkshadow-color: #664C0C;
    scrollbar-face-color: #D18F52;
    scrollbar-highlight-color: #D18F52;
    scrollbar-shadow-color: #D18F52;
    scrollbar-track-color: #E1B479
}

input, select, textarea, textfeld {
    color: #800000;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
}

input.checkbox {
    background: none;
}

input.radio{
    background-color: #FFE4AB;
    position: relative;
    top: 1px;
}

/* Style-Sheets im Suchformular */
.auswahlfeld_suche {
    width: 220px;
    font-size: 11px;
}

.textfeld {
    width: 35px;
}

.button_suche {
    width: 100px;
    height: 22px;
}

table.main {
    width: 820px
}

table.order_items {
    width: 805px
}

td.banner_left {
    background: url('http://www.holzboden-direkt.de/img/nummer4.jpg') no-repeat 7px 0px;
    width: 559px
}

td.banner_right {
    background: url('http://www.holzboden-direkt.de/img/normal.jpg') no-repeat;
    width: 261px
}

td.inhalt {
    background: #e1b479
}

td.order_item_left {
    border: #D18F52 solid;
    border-width: 0px 0px 1px 1px
}

td.order_item_right {
    border: #D18F52 solid;
    border-width: 0px 1px 1px 1px
}

td.order_items_top {
    border: #D18F52 solid;
    border-width: 1px 1px 0px 1px
}

td.order_items_bottom {
    border: #D18F52 solid;
    border-width: 0px 1px 1px 1px
}

textbg {
    color: #800000;
    background-color: #deb887
}

p.text {
    display: none;
    font-size: 0px;
    height: 0px;
    padding: 0px;
    width: 0px;
    overflow: hidden;
    color: #d18f52;
}

div#content {
}

div#esin {
    position: relative;
    top: -10px;
    z-index: 1;
    text-align: center;
    font: normal 9px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    color: #d18f52;
    width: 820px;
}

div#esin a {
    font: normal 9px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    color: #d18f52;
    text-decoration: none;
}

/*--------------------------------------------------
 REQUIRED to hide the non-active tab content.
 But do not hide them in the print stylesheet!
 --------------------------------------------------*/
.tabberlive .tabbertabhide {
    display: none;
}

/*--------------------------------------------------
 .tabber = before the tabber interface is set up
 .tabberlive = after the tabber interface is set up
 --------------------------------------------------*/
.tabber {
}

.tabberlive {
    margin-top: 1em;
}

/*--------------------------------------------------
 ul.tabbernav = the tab navigation list
 li.tabberactive = the active tab
 --------------------------------------------------*/
ul.tabbernav {
    margin: 0;
    padding: 3px 0;
    border-bottom: 1px solid #D18F52;
    font-weight: bold;
    /*  font: bold 12px Verdana, sans-serif; */
}

ul.tabbernav li {
    list-style: none;
    margin: 0;
    display: inline;
}

ul.tabbernav li a {
    padding: 3px 0.5em;
    margin-left: 3px;
    border: 1px solid #D18F52;
    border-bottom: none;
    text-decoration: none;
}

ul.tabbernav li a:link {
    /* color: #448;*/
}

ul.tabbernav li a:visited {
    color: #667;
    background-color: #D18F52;
}

ul.tabbernav li a:hover {
    /* background: #AAE;
     border-color: #227; */
    background-color: #D18F52;
}

ul.tabbernav li.tabberactive a {
    color: #fff;
    background-color: #D18F52;
    border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover {
    color: #000;
    background: white;
    border-bottom: 1px solid white;
}

/*--------------------------------------------------
 .tabbertab = the tab content
 Add style only after the tabber interface is set up (.tabberlive)
 --------------------------------------------------*/
.tabberlive .tabbertab {
    padding: 5px;
    border: 1px 0 0 0 solid #D18F52;
    /* If you don't want the tab size changing whenever a tab is changed
     you can set a fixed height */
    /* height:200px; */
    /* If you set a fix height set overflow to auto and you will get a
     scrollbar when necessary */
    /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
    display: none;
}

.tabberlive .tabbertab h3 {
    /*display: none;*/
    background: #D18F52;
    color: #FFFFFF;
    font-size: 14px;
    margin: 0 0 10px 0;
    padding: 3px;
}

.tabberlive .tabbertab h4 {
    background: #D18F52;
    color: #FFFFFF;
    font-size: 14px;
    margin: 0 0 10px 0;
    padding: 3px;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}

.tabberlive#tab2 {
}

.tabberlive#tab2 .tabbertab {
    height: 200px;
    overflow: auto;
}
*.columnleft {
    text-align: left;
    width: 120px;
    float: left;
    padding: 0 5px 0 5px;
}
*.colummiddle {
    text-align: left;
    width: 30px;
    float: left;
    padding: 0 5px 0 5px;
}
*.columnright {
    text-align: left;
    /*width: 30%;*/
    float: left;
    padding: 0 5px 0 5px;
}
*.column {
    text-align: left;
    float: left;
    padding: 0 5px 0 5px;
}
*.columninner {
    text-align: left;
    float: left;
    padding: 0 5px 0 0;
}
*.title {
}

label.care {
    display: block;
    padding-left: 25px;
    padding-bottom: 0.5em;
    text-indent: -25px;
}
input.care {
    /*width: 13px;
    height: 13px;*/
    /*padding: 0;
    margin:0; */
    vertical-align: bottom;
    position: relative;
    top: 2px;
    *overflow: hidden;
}
label[for=m_telefon] {
    padding-top: 6px;
    padding-bottom: 6px;
}