/* 
---------------------------------------------------------

 screen layout | BROWNSKIN
 
 vers. 2006-07-03
  
--------------------------------------------------------- 
*/

body
{
  margin:       0px;
  font:         normal 13px/24px arial, helvetica, sans-serif;
  background:   url(../gfx/bg_body.gif);
  color:        #5d3301;
  line-height:  1.6em;
  
}


div#brownskin_body 
{
  position:     relative;
  top:          0;
  left:         0;
  margin:       0px auto;
  padding:      0px;
  width:        720px;
  height:       100%;
  background:   #d3b183;
}

div#brownskin_header
{
  margin:       0px;
  padding:      0px;
  width:        720px;
  height:       240px;
  background:   #8c4c01;
}

div#brownskin_headline
{
  margin:       0px;
  margin-top:   2px;
  padding:      0px;
  width:        272px;
  height:       238px;
  float:        left;
}

div#brownskin_headerimg
{
  margin:       0px;
  margin-top:   2px;
  padding:      0px;
  width:        448px;
  height:       238px;
  float:        right;
}

div#brownskin_content 
{
  position:     relative;
  margin:       0px;
  margin-top:   2px;
  width:        720px;
  height:       100%;
  clear:        both;
  background:   url(../gfx/bg_content.gif) repeat-y;
}

div#brownskin_content_teaser
{
  position:     absolute;
  left:         20px;
  top:          48px;
  padding:      0;
  width:        228px;
  float:        left;
}

div#brownskin_content_main
{
  position:     relative;
  margin:       0;
  margin-left:  272px;
  margin-top:   20px;
  width:        408px;
}

div#brownskin_footer
{
  position:     relative;
  margin:       0;
  margin-top:   2px;
  width:        720px;
  height:       15px;
  background:   #8c4c01;
  clear:        both
}


/* ------ GENERAL Styles ----- */

table
{
  border:       1px solid #c09362;
  padding:      2px;
}


td
{
  margin-top:   5px;
  padding-left: 10px;
}


p
{
  margin:       0;
  margin-bottom:15px;

}

a
{
  color:        #9e0202;
  text-decoration:none;
  font-weight:  bold;
}

a:hover 
{
  color:        #f17301;
}

input
{
  border:       1px solid #5d3301;
}


/* ------ SPECIAL Styles ----- */
img.headline
{
  border:       none;
  margin-top:   15px; 
  margin-bottom:20px;
  
}

img.trenner
{
  border:       none;
  margin-top:   5px; 
  margin-bottom:10px;
  
}

p.garantie
{
  margin:       0px auto;
  margin-bottom:10px;
  font-size:    0.9em;
  width:        200px;
  line-height:  1.5em;
}

div#infobox
{
  margin:       0px;
  margin-top:   10px;
  margin-bottom:15px;
  width:        228px;
  border:       1px solid #c09362;
  text-align:   center;

}

input.submit
{
  margin-bottom:5px;
  width:        200px;
  height:       25px;
  background:   #c09362;
}