/***************************   E S S E N T I A L */    body {   font-family: trebuchet ms, arial, helvetica, sans serif;   font-size: 12px;   line-height: 16px;   margin: 30px 0 0 0;  }    table {   font-size: 12px;   line-height: 16px;  }    a {   outline: 0;   border: 0;  }    div {   border-width: 0;  }    hr {   height: 1px;   border-width: 0;   margin: 10px 0 20px;  }    img {   border: 0 ;  }    .png {   behavior: url("pngbehavior.htc");  }    /* {{ COLOR */    body, #menu ul a, #menu ul ul,  .arrow, hr {   background: #fffaee !important;  }    #sidebar_footer, input, textarea, button, .subject_wrapper, .arrow, #sidebar_footer a, .white, .news, .news a, #knob, #knob a,  table, span, div, td, hr {   border-color: #fffaee;   color: #fffaee !important;  }    #logo, #subline, #menu, #sidebar_footer, #header, input, textarea, .option_wrapper, button, #slidebar, #knob {   background: #3f3a34 !important;  }    span, div, td, hr {   border-width: 0;   border-style: solid;  }    body, a {   color: #3f3a34;  }    a.more {   text-decoration: none;   font-size: 11px;  }    /* COLOR }} */    /* E S S E N T I A L  ***************************/      /***************************   P A G E */    div#wrapper {   margin: 0;   padding: 0;   width: 100%;   height: 100%;   text-align: center;  }    div#base {   margin: 0 auto;   width: 970px;   height: 594px;   padding: 0;   text-align: left;  }    #sidebar {   margin: 0 5px 0 0;   width: 185px;   height: 580px;   float: left;  }      #contentwrapper {   height: 554px;   width: 780px;   float: right;  }    #header {   position:absolute;  top:30px !important;   height: 34px;   width: 780px;     }    #content {   position:absolute;  top:64px !important;   height: 550px;   width: 780px;   background: #3f3a34 url(../images/loading.gif) no-repeat center center !important;  }    #footer {   background-color: transparent;   position:absolute;  top:614px !important;   width: 780px;   height: 34px;   padding: 4px 0 0 0;   }    /* P A G E  ***************************/    /***************************   S I D E B A R */    #logo {   height: 34px;   margin: 0 0 5px;  }    #menu {   margin: 108px 0 0;   height: 406px;   position: relative;   bottom: 0;   text-align: center;  }    #menu ul {   margin: 0;   padding: 0;   list-style-type: none;   text-align: left;  }    #menu ul li {   margin: 0 0 1px 0;  }    #menu ul a {   margin: 0;   background: #fff;   height: 25px;   display: block;   font-size: 13px;   line-height: 25px;   font-weight: bold;   text-decoration: none;  }    #menu a.active {   margin: 0;   height: 22px;   padding: 0 0 0;  }    #menu ul ul {   margin: 0 0 1px;   padding: 0 0 5px;  }    #menu ul ul a,  #menu ul ul a.active {   margin: 0;   padding: 0 2px 0;   list-style-type: none;   font-size: 11px;   font-weight: normal;   height: 16px;   line-height: 16px;  }    #menu ul ul a:hover {   text-decoration: underline;  }    #menu ul ul a.active {   font-weight: bold !important;  }    #menu .news {   text-align: left;   font-size: 11px;   line-height: 15px;   margin: 5px;  }    #sidebar_footer {   padding: 0 5px;   height: 20px;  }    #sidebar_footer a {   font-size: 11px;   text-decoration: none;  }    #sidebar_footer a:hover {   text-decoration: underline;  }    .left {      float: left;   overflow: auto;   width: 50%;  }    .right {   width: 49%;   float: right;   overflow: auto;   text-align: right;   padding: 3px 0;  }    /* S I D E B A R  ***************************/    /***************************   C O N T E N T */    #area {   position:absolute;  top:0px !important;   background: url(../images/bgimg.jpg);    height: 550px;   width: 780px;  }    #knob {   position:absolute;  top:0px !important;   height: 535px;   width: 340px;   margin: 0 200px 0 0;   background: #3f3a34 !important;  /* background: #fff; */   color: #fff;   opacity: 0.75;   -moz-opacity: 0.75;   filter: alpha(opacity=75);   overflow: hidden;  }    #slidebar {   width: 340px;   cursor: pointer;   text-align: center;   font-size: 10px;   height: 15px;   opacity: 0.75;   -moz-opacity: 0.75;   filter: alpha(opacity=75);  }    #content_area {   margin: 20px;  }    /*******************   content-elements */    h1, h2, h3 {   margin: 0 0 5px 0;   font-weight: normal;  }    h1 {   font-size: 18px;  }    h2 {   font-size: 14px;   font-weight: bold;  }    h3 {   font-size: 13px;   font-weight: bold;  }    p {   margin: 0 0 12px 0;  }    p.white {   font-size: 10px;   text-align: left;   margin: 20px 0 10px;   padding: 0 5px;  }    .price_wrapper {   white-space: nowrap;   margin: 0;  }    .price_wrapper2 {  }    .price_wrapper td {   white-space: nowrap;   padding: 5px 0 0 0;  }    .price_lable {   width: 1%;  }    .price_middle {   border-width: 0 0 1px;   width: 100%;  }    .price_price {   width: 1%;     text-align: right;   font-weight: bold;  }      /* content-elements  *******************/    /* C O N T E N T  ***************************/    /*****************************   FORM */    form {   padding: 0;   margin: 0;  }    input, textarea {   font-size: 11px;   font-family: Arial, Helvetica, 'sans serif';   padding: 1px;   margin: 0 0 5px 0;   width: 100%;   border-width: 1px;   border-style: solid;  }    input {   height: 17px;  }    button {   font-size: 11px;   color: #fff;   border: 0;   padding: 1px;   cursor: pointer;   border-width: 1px;   border-style: solid;  }    form, label {   display: block;   font-size: 10px;   line-height: 11px;  }    .input50 {   width: 49.5%;   float: left;   margin: 0 0 5px 0;  }    .input52 {   width: 49.5%;   float: left;   margin: 0 1% 5px 0;  }    .input10 {   width: 15%;   float: left;   margin: 0 1% 5px 0;  }    .input90 {   width: 84%;   float: left;   margin: 0 0 5px 0;  }    /***************************   Ajax-Form */    table#ajaxForm {   width: 100%;   padding: 0;   margin: 0 0 10px;  }    table#ajaxForm td {   padding: 0;   border-width: 0 0 1px;   border-color: #9F9181;  }    table#ajaxForm td.label {   width: 65px;   white-space: nowrap;   color: #9F9181 !important;  }    .form_highlight {   background: #000 !important;  }    #formResponse {   font-weight: bold;   color: #000;  }    #formLoading {   display: none;   overflow: auto;  }    #formLoading.on {   display: block;   padding: 20px;   background: url(../images/loading.gif) no-repeat center;  }    #controlForm_wrapper, #kontaktForm_wrapper, #checkFormError {   display: none;  }    #controlForm_wrapper.on, #kontaktForm_wrapper.on, #checkFormError.on {   display: block;  }    #formLoading.on {   height: 100px;  }    /* Ajax-Form   ***************************/    /* {{ DROPDOWN */    #box_open {   visibility: hidden;  }    .dropdown {   margin: 0 0 5px 0;  }    .dropdown a {   text-decoration: none;  }    .subject_wrapper,  .option_wrapper {   width: 60px;  }    .subject_wrapper {   height: 17px;   cursor: pointer;   border-width: 1px;  }    .subject {   width: 42px;   float: left;   padding: 2px;   cursor: pointer;  }    .arrow {   width: 15px;   height: 17px;   overflow: auto;   text-align: center;   cursor: pointer;  }    .arrow img {   margin: 3px 0 0;  }    .option_wrapper {   position: absolute;   z-index: 999;   border-width: 0 1px 1px;   border-color: #dbe5e7;   padding: 0 1px 0;   width: 58px;  }    .option_wrapper a {   display: block;   cursor: pointer;  }    .option_wrapper a:hover {   background: #000;  }    /* DROPDOWN }} */    /* F O R M  *****************************/