html, body {
margin: 0;
padding: 0;
height:100%;
}

body  {
color: #666;
min-height: 101%;
font-size: 100.01%;
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: #7D3800;
text-align: center;
}

/* ----------------------------------------------------------------
  Seitenstruktur
  -----------------------------------------------------------------
  outerwrapp
   wrapper
    header
    main
    footer
   bottom
  --------------------------------------------------------------- */

/* --- allumfassender Container --- */
#outerwrapp  {
position: relative;
width: 770px;
min-height: 100%;
text-align: center;
margin: 0 auto;
padding-top: 0px;
}

* html #outerwrapp
{
height: 100%;
}

#wrapper {
position: relative;
width: 100%;
color: #000;
text-align: center;
margin: 0 auto;
margin-bottom: 5px;
background: #F1EAE4 url(../_images/hg_wrapper2.jpg) repeat-y;
}

/* --- Reihen --- */

#header {
position: relative;
background: url(../_images/hg_header2.jpg) no-repeat;
margin: 0;
padding: 0;
width: 100%;
height: 210px;
}


#main {
text-align: left;
position: relative;
clear: both;
margin: 0;
margin-right: 27px;
margin-left: 28px;
padding: 0px 0 20px 0;
min-height: 100px;
}
* html #main
{
height: 100px;
}

#footer {
height:35px;
background: url(../_images/hg_footer2.jpg) no-repeat;
margin: 0;
padding: 1em 0 1em 0;
color: #000;
text-align: center;
}


#footer p{
margin: 0;
}



#bottom {
width: 770px;
text-align: center;
margin: 0 auto;
padding-bottom: 1em;
color: #CEB39E;
}



#bottom a:link, #bottom a:visited, #bottom a:hover, #bottom a:active, #bottom a:focus {
 text-decoration: none;
 color: #CEB39E;
}

#bottom a:hover, #bottom a:active, #bottom a:focus {
 text-decoration: underline;
 color: #CEB39E;
 background-color: transparent;
}

/* ----------------------------------------------------------------
  Header
  --------------------------------------------------------------- */

#headerlogo {
position: absolute;
top: 30px;
right: 30px;
}

#printheader {
display: none;
}

#servicemenu {
position: absolute;
top: 119px;
right: 45px;
}
#servicemenu img {
margin-left: 5px;
}

/* ----------------------------------------------------------------
  Struktur main
  -----------------------------------------------------------------
  main
   col_left
   brkr
   col_right
   col_content oder col_contentfull
  --------------------------------------------------------------- */

#col_left {
float: left;
width: 150px;
min-height: 200px;
color: #000;
margin: 0;
padding: 0 0 0 0;
}

* html #col_left {
 /*vor IEMac verstecken \*/
 height: 200px;
 /*IEMac wieder reinlassen*/
}

#brkr {
 margin: 0 20px 0 170px;
 padding: 0 20px 1em 0;
 color: #666;
 text-align:left;
}
* html #brkr {
height: 1em;
}

#brkr a:link, #brkr a:visited, #brkr a:hover, #brkr a:active, #brkr a:focus {
 text-decoration: underline;
 font-weight:normal;
 color: #666;
}

#col_right {
line-height: 1.4;
float: right;
width: 190px;
color: #000;
margin: 0 20px 0 0px;
padding: 0px;
display: inline;
}

* html #col_right {
 /*vor IEMac verstecken \*/
 height: 1%;
 /*IEMac wieder reinlassen*/
}

#col_content, #col_contentfull, #col_contentxxl  {
line-height: 1.4;
position: relative;
color: #000;
padding: 0;
min-height: 200px;
}

* html #col_content, * html #col_contentfull, * html #col_contentxxl {
 /*vor IEMac verstecken \*/
 height: 200px;
 /*IEMac wieder reinlassen*/
}

#col_content {
margin: 0 210px 1em 170px;
}

#col_contentfull {
margin: 0 20px 1em 170px;
}

#col_contentxxl {
margin: 0 20px 1em 30px;
}

/* ------------------------------------------------
  Navigation
  no = normaler Link
  act = aktive Gruppe
  cur = aktive Seite
  ---------------------------------------------- */

/* ------------------------------------------------
  Hauptnavigation
  ---------------------------------------------- */


#topmenu {
 position: absolute;
 width: 715px;
 top: 144px;
 left: 28px;
 text-align: left;
 font-weight: bold;
}


#topmenu ul {
  display: inline;
  list-style-type: none;
}

#topmenu li  {
  padding: 5px 15px 5px 15px;
  float: left;
  color: #000;
}

#topmenu .lev1_cur {
  color: #c30;
  text-decoration: none;
}

#topmenu a {
  text-decoration:none;
  color: #7D3800;
}

#topmenu .lev1_act a {
  color: #f63;
  text-decoration: none;
}

 #topmenu a:hover {
  color: #f30;
  background-color: transparent;
}

/* ------------------------------------------------
  Seitennavigation
  ---------------------------------------------- */

/* 1. Ebene */

#leftmenu ul {
border-top: 1px solid #BB987C;
list-style-type: none;
text-align: left;
padding: 0;
margin: 0;
font-weight: bold;
}

#leftmenu ul li {
padding: 0px;
}


#leftmenu ul a {
color: #7D3800;
text-decoration: none;
display: block;
border-bottom: 1px solid #BB987C;
}


#leftmenu ul a:hover, #leftmenu ul li a:focus, #leftmenu ul li a:active{
background-color: #F9F6F4;
color: #000;
}


#leftmenu .lev1_no a, #leftmenu .lev1_act a, #leftmenu .lev1_cur {
padding: 5px 7px 5px 7px;
}

/*aktive Gruppe */
#leftmenu .lev1_act a{
font-weight: bold;
background-color: #fff;
}

/*aktive Seite */
#leftmenu .lev1_cur{
display: block;
color: #7D3800;
background-color: #fff;
border-bottom: 1px solid #7D3800;
}





/* ------------------------------------------------
Inhalt
  ---------------------------------------------- */

.invis {
clear: both;
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

.clear {
clear: both;
}

.left {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.right {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

/* Bild links mit Bildunterschrift  */
dl.ImgLeft {width: 200px;float:left; margin: 0;margin-right:20px; margin-top: 5px;}
dl.ImgLeft dt {margin: 0;padding: 0;}
dl.ImgLeft dd {text-align:left; margin:0px; padding:0px;}


/* Bild rechts mit Bildunterschrift  */
dl.ImgRight {float:right;  margin-left:20px; }
dl.ImgRight dt {margin-bottom: 0; }
dl.ImgRight dd {text-align:left; margin:0px; padding:0px;}


/* Bild mittig mit Bildunterschrift  */
dl.ImgCenter {width:100%; text-align: center; }
dl.ImgCenter dt {margin-bottom: 0; }
dl.ImgCenter dd {text-align:center; margin:0px; padding:0px;}

.halbeSpalteLi {
width: 48%;
float: left;
}

.halbeSpalteRe {
width: 48%;
float: right;
}

hr {
height: 1px;
color: #fff;
background-color: #fff;
border: none;
}

/* ------------------------------------------------
Schriften
  ---------------------------------------------- */

#outerwrapp {
font-size: 0.70em;
}

h1 {
color: #7D3800;
font-size: 140%;
margin: 0 0 1.5em 0;
}

h2 {
color: #7D3800;
font-size: 120%;
margin: 0 0 1em 0;
}

h3 {
font-size: 100%;
margin: 0 0 1em 0;
padding: 0;
}

h4 {
font-size: 100%;
margin: 0;
padding: 0;
}

p {
margin: 0 0 1em 0;
}

p.totop, .csc-linkToTop {
text-align: right;
margin-top: 2em;
}

fieldset, img { border:0; }

#col_content ul li, #col_contentfull ul li {
margin: 0 0 0.5em 0em;
padding: 0;
}

#col_content ul , #col_contentfull ul {
margin-bottom: 3em;
}

/*  -----------------------------------------------------
  Links
  ---------------------------------------------------- */

a:link, a:visited, a:hover, a:active, a:focus {
 text-decoration: underline;
 color: #7D3800;
}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active, h2 a:focus {
 text-decoration: none;
 color: #7D3800;
}

a:hover, a:focus {
color:#7D3800;
}

a img {
border: none;
background-color: transparent;
}

/* ----------------------------------------------------------
  Formular
  ---------------------------------------------------------- */


.mailform fieldset{
border: 1px solid #ccc;
padding: 10px;
margin: 10px 0 10px 0;
}

.mailform label.fielddesc{
  float: left;
  width: 5em;
  padding-top: 3px;
  padding-right: 5px;
}

.mailform input, .mailform select { /* Alle Labels UND Formularelemente auswaehlen */
  float: left;
  text-align: left;
}

.mailform .row {
  clear: both;
  padding: 2px 0px;
}

/* ----------------------------------------------------------
  Sitemap
  ---------------------------------------------------------- */
#sitemap ul ul {
margin-top:0.5em;
margin-bottom:1em;
}

/* ----------------------------------------------------------
  Produkte
  ---------------------------------------------------------- */
.produktbox {
border-bottom: 1px solid #7D3800;
width: 520px;
margin-bottom: 2em;
padding: 0 0 2em 0;
}

  .bildbox {
width: 200px;
float: left;
margin-right: 20px;
margin-top: 5px;
}
.textbox {
width: 300px;
padding: 0;
float: right;
}

#col_contentfull .produktbox h2 a:link,
#col_contentfull .produktbox h2 a:visited,
#col_contentfull .produktbox h2 a:hover,
#col_contentfull .produktbox h2 a:focus,
#col_contentfull .produktbox h2 a:active
{
color: #7D3800;
margin-top: 0;
padding: 0;
font-size: 110%;
text-decoration: none;
}

#col_content .textbox ul, #col_contentfull .textbox ul {
margin-bottom: 1em;
margin-left: 0;
margin-top: 0;
padding-left: 1.5em;
}

#col_content .textbox ul li, #col_contentfull .textbox ul li {
margin: 0;
padding: 0;
}

#col_content .textbox ul.size, #col_contentfull .textbox ul.size {
margin: 0;
padding: 0;
}

#col_content .textbox ul.size li, #col_contentfull .textbox ul.size li {
display: inline;
margin: 0;
padding-right: 10px;
}


#col_content .produktdetail ul, #col_contentfull .produktdetail ul {
width: 400px;
margin-bottom: 1em;
margin-left: 0;
padding-left: 1.5em;
}


/* ----------------------------------------------------------
  Bestellformular
  ---------------------------------------------------------- */


TABLE { border-collapse:collapse;width: 100%;}
/*TD, th { border:2px blue solid;padding-left: 2px; padding-right: 2px; }  */
TD, th {border-bottom: 1px solid black;padding-left: 2px; padding-right: 2px; }
th {padding-bottom: 1em;}

.orderform fieldset{
border: 1px solid #ccc;
padding: 10px;
margin: 10px 0 10px 0;
}

.orderform label {
float: left;
  padding-top: 3px;
  padding-right:5px;
  }

.orderform label.fielddesc{
  width: 6em;
}

.orderform input, .orderform select {
float: left;
  text-align: left;
}

.orderform .row {
  clear: both;
  padding: 2px 0px;
}

.orderform table.products , .orderform table.products label, .orderform table.products input,.orderform table.products p  {
clear: both;
}
.orderform table.products input{
margin-bottom: 1em;
}