* {
  padding         : 0px;
  margin          : 0px;
  font-family     : verdana, arial, helvetica;
}

html {
  height          : 100%;
}


body {
  height          : 100%;
  background      : url(/layout/bgrnd_body.gif) repeat-x top #b3d227;
}


#maintable {
  margin-top      : 10px;
  position        : absolute;
  left            : 50%;
  margin-left     : -420px;
  height          : 100%;
  width           : 840px;
}

#maintable td {
  vertical-align  : top;
}



#header {
  height          : 250px;
}

#headerpic {
  background      : url(/layout/header_01.jpg) no-repeat;
  height          : 250px;
}

/* ######################################### */
/* ###       Address box - Header        ### */
/* ######################################### */

#header_adresse {
  position        : relative;
  left            : 597px;
  top             : 50px;
  text-align      : right;
  width           : 220px;
  border          : 0px solid #FFFFFF;
}

#header_txt1 {
  font-size       : 18px;
  color           : #761010;
}

#header_txt1_1 {
  font-size       : 12px;
  color           : #761010;
}

#header_txt2 {
  font-size       : 13px;
  font-weight     : bold;
  color           : #ffdea8;
  padding-top     : 5px;
}

#header_txt3 {
  padding-top     : 5px;
  font-size       : 10px;
  color           : #ffdea8;
  padding-top     : 5px;
  letter-spacing  : -0.05em;
}

#header_txt3 a:link, #header_txt3 a:visited {
  font-size       : 10px;
  color           : #ffdea8;
  text-decoration : underline;
}

#header_txt3 a:hover {
  font-size       : 10px;
  color           : #ffffff;
  text-decoration : underline;
}


/* end */


#kontaktnavi {
  position        : absolute;
  left            : 50%;
  margin-left     : -410px;
  width           : 820px;       :
  top             : 0px;
  text-align      : right;
  font-size       : 14px;
  color           : #dfee9c;
}

#kontaktnavi a:link, #kontaktnavi a:visited {
  color           : #dfee9c;
  text-decoration : none;
}

#kontaktnavi a:hover {
  color           : #ffffff;
  text-decoration : underline;
}


#footer {
  height          : 80px;
  background      : url(/layout/footer.gif) no-repeat;
}


#content_td {
  width           : 620px;
  background      : url(/layout/content_bgrnd.jpg) no-repeat bottom #FFEB8F;
  border-left     : 0px solid #ffffff;
}

#content_top_bgrnd {
  height          : 8px;
  background      : url(/layout/bgrnd_content_top.gif) no-repeat;  
}

#boxes_td {
  width           : 210px;
  background      : url(/layout/bubbles.gif) bottom no-repeat;
  padding-bottom  : 80px;
}

#boxes_topbgrnd {
  background      : url(/layout/box_right_top.gif) top no-repeat;
}

/* ######################################### */
/* ###             NAVIGATION            ### */
/* ######################################### */


#navigation {
  position        : relative;
  width           : 580px;
  top             : 16px;
  left            : 45px;
  border          : 0px solid #FFFFFF;
  font-size       : 12px;
}

*html #navigation { top: 16px;}

#navigation ul {
  margin        : 0;
  padding       : 0;
  list-style    : none;
  border-left   : 0px solid #ffffff;
  border-right  : 0px solid #ffffff;
  }

#navigation li {
  float         : left;
  margin        : 0;
  padding       : 0;
  }

#navigation a {
  float         : left;
  display       : block;
  text-decoration:none;
  font-weight   : normal;
  color         : #f7ffe6;
  padding       : 2px 5px 0px 5px;
  margin-top    : 3px;
  border-top    : 3px solid #921300;
  }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#navigation a {float:none;}
/* End IE5-Mac hack */

#navigation a:hover {
  color         : #ffc15f;
  border-top    : 3px solid #FFFFFF;
  }



/* ######################################### */
/* ###          BOX RIGHT AREA           ### */
/* ######################################### */

.right_box {
  width         : 200px;
  padding-bottom : 0px;
  margin-left   : 4px;
  margin-top    : 0px;
  margin-bottom : -16px;
}

.right_box_header {
  width         : 200px;
  height        : 46px;
  background    : url(/layout/box_header.png) no-repeat;
  text-align    : left;
}

.right_box_header h1 {
  color         : #ffeb8f;
  font-size     : 12px;
  font-weight   : normal;
  padding-top   : 15px;
  padding-left  : 10px;
  background    : none;
  margin        : 0px;
}


.right_box_contentout {
  width         : 200px;
  background    : url(/layout/box_bgrnd.gif) repeat-y;
}

.right_box_footer {
  width         : 200px;
  background    : url(/layout/box_footer_bgrnd.png) no-repeat;
  height        : 39px;
}

.right_box_content {
  width         : 175px;
  margin        : 0 14 0 11px;
  font-size     : 11px;
  color         : #580000;
}


/* ######################################### */



#content_area {
  width           : 550px;
  margin          : 20 35 10 35px;
  font-size       : 12px;
  color           : #421d07;
  line-height     : 18px;
}

/*421d07*/

#content_area_inline {
  font-size       : 12px;
  color           : #421d07;
  line-height     : 18px;
}

#content_area td {
  font-size       : 12px;
  color           : #421d07;
}

#content_area img {
  margin          : 0 10 5 0px;
}


.content_box {
  margin-bottom   : 35px;
}

h1 {
  font-size       : 20px;
  font-weight     : normal;
  color           : #ae0c00;
  margin-bottom   : 20px;
  height          : 30px;
  background      : url(/layout/headline.gif) no-repeat 0px 20px;
}
  
h2 {
  font-size       : 14px;
  font-weight     : bold;
  color           : #ae0c00;
  margin-bottom   : 15px;
}

h3 {
  font-size       : 12px;
  font-weight     : bold;
  color           : #421d07;
  margin-bottom   : 5px;
}

.listtable td {
  border-bottom   : 1px dotted #a63b0a;
  padding         : 2px;
}

th {
  font-size       : 11px;
  font-weight     : bold;
  text-align      : left;
  background      : #a63b0a;
  color           : #ffffff;
  padding         : 2px;
  border-right    : 1px solid #ffeb8f;
}

blockquote {
  padding-left    : 20px;
}

.border_right {
  border-right    : 1px dotted #a63b0a;
}

.preis {
  width           : 130px;
  height          : 45px;
  background      : url(/layout/preis.png) no-repeat;
  padding-left    : 20px;
  padding-top     : 10px;
  font-size       : 18px;
  font-weight     : bold;
  color           : #ffc600;
}

.preis_txt {
  font-size       : 14px;
  color           : #ff0000;
  text-align      : right;
  font-weight     : bold;
}


.kleintext {
  font-size       : 10px !important;
}

.rightalign {
  text-align      : right;
}

.noborder {
  border          : none !important;
}

.imageborder img{
  border          : 1px solid #000000;
}


a.button1:link, a.button1:visited {
  background      : url(/layout/button1.png) no-repeat;
  text-align      : center;
  height          : 23px;
  width           : 110px;
  font-family     : arial, helvertica, verdana;
  text-transform  : uppercase;
  color           : #f5e8aa;
  font-weight     : bold;
  padding-top     : 2px;
  text-decoration : none;
  display         : block;
}

a.button1:hover {
  background      : url(/layout/button1over.png) no-repeat;
}

 a.button2:link, a.button2:visited {
  background      : url(/layout/button2.png) no-repeat;
  text-align      : center;
  height          : 23px;
  width           : 110px;
  font-family     : arial, helvertica, verdana;
  color           : #cee7a4;
  font-weight     : bold;
  padding-top     : 2px;
  text-decoration : none;
  display         : block;
}  
  
a.button2:hover {
  background      : url(/layout/button2over.png) no-repeat;
}

/* ################################## */
/* ###       Links global         ### */
/* ################################## */

a:link {
  color           : #007a00;
  text-decoration : underline;
}

a:visited {
  color           : #88a588;
  text-decoration : underline;
}

a:hover {
  color           : #253f00;
  text-decoration : underline;
}


/* ################################## */
/* ###       Two Columns          ### */
/* ################################## */

.left_column {
  float           : left;
}

.right_column {
  float           : right;
}

.tabline span{
  float           : left;
  display         : block;
}

/* --- Data-Box in Address-Blocks --- */
.data_box {
  float           : left;
}

.data_box p {
  clear           : both;
}

.clearbox {
  clear           : both;
}

/* ################################## */
/* ###           WEITEN           ### */
/* ################################## */

.w50  {width  : 50px;}
.w60  {width  : 60px;}
.w70  {width  : 70px;}
.w80  {width  : 80px;}
.w90  {width  : 90px;}
.w100 {width  : 100px;}
.w110 {width  : 110px;}
.w120 {width  : 120px;}
.w130 {width  : 130px;}
.w140 {width  : 140px;}
.w150 {width  : 150px;}


/* ################################## */
/* ###           FORMS            ### */
/* ################################## */

input, textarea, select {
  background      : #fff4c0;
  border          : 1px solid #e0bd00;
}

.inputfield_normal {
  width           : 200px;
}

.inputfield_2ziffern {
  width           : 20px;
}

.inputfield_3ziffern {
  width           : 30px;
}

form td {
  padding         : 1 0 1 0px;
}

.buttonsend {
  background      : url(/layout/button1.png) no-repeat;
  text-align      : center;
  height          : 23px;
  width           : 110px;
  font-family     : arial, helvertica, verdana;
  font-size       : 12px;
  text-transform  : uppercase;
  color           : #f5e8aa;
  font-weight     : bold;
  text-decoration : none;
  display         : block;
  border          : none;
}


/* ################################ */
/* ###       CONTACT FORM       ### */
/* ################################ */

.kontaktform {
  border-right    : 1px dotted #DDDDDD;
}

.kontaktform form {
  text-align      : left;
  background      : none;
  padding-bottom  : 10px;
  width           : 260px;
}

fieldset {
  margin          : 0;
  border          : 0;
  padding         : 0;
}

legend {
  display         : none;
}

.kontaktform form h3 {
  clear           : both;
  padding         : 15px 0px 10px 0px;
}

.kontaktform form label {
  display         : block;
  width           : 260px;
  font-size       : 12px;
  line-height     : 14px;
  padding         : 0px 0px 12px 0px;
}

.kontaktform form input  {
  display         : block;
  margin-top      : 3px;
  border          : 1px solid #bbbbbb;  
}


.kontaktform form textarea {
  display         : block;
  margin-top      : 3px;
  border          : 1px solid #bbbbbb;
}


.kontaktform form label.feld_vorname,
.kontaktform form label.feld_firma,
.kontaktform form label.feld_anschrift,
.kontaktform form label.feld_plz,
.kontaktform form label.feld_telefon,
.kontaktform form label.feld_email,
.kontaktform form label.feld_internet,
.kontaktform form label.feld_thema,
.kontaktform form label.feld_text
{
  clear           : left;
}


.kontaktform form label.feld_firma,
.kontaktform form label.feld_anschrift,
.kontaktform form label.feld_email,
.kontaktform form label.feld_internet,
.kontaktform form label.feld_thema,
.kontaktform form label.feld_text
{
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 250px;
}

.kontaktform form label.feld_vorname,
.kontaktform form label.feld_nachname,
.kontaktform form label.feld_telefon,
.kontaktform form label.feld_telefax {
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 120px;
}

.kontaktform form label.feld_plz {
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 50px;
}

.kontaktform form label.feld_ort {
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 190px;
}


.kontaktform form label.feld_vorname input,
.kontaktform form label.feld_nachname input,
.kontaktform form label.feld_telefon input,
.kontaktform form label.feld_telefax input {
  float           : left;
  width           : 120px;
  padding         : 0px;
}



.kontaktform form label.feld_firma input,
.kontaktform form label.feld_anschrift input,
.kontaktform form label.field-email input,
.kontaktform form label.feld_ort input,
.kontaktform form label.feld_email input,
.kontaktform form label.feld_internet input,
.kontaktform form label.feld_thema input,
.kontaktform form label.feld_text textarea{
  float           : left;
  width           : 250px;
  padding         : 0px;
}

.kontaktform form label.feld_plz input {
  float           : left;
  width           : 50px;
  padding         : 0px;
}

.kontaktform form label.feld_ort input {
  float           : left;
  width           : 190px;
  padding         : 0px;
}

.nodisplay {
  display         : none !important;
}

/* ################################ */
/* ###       Two Columns        ### */
/* ################################ */

.left_column {
  float           : left;
}

.right_column {
  float           : right;
}



/* ################################## */
/* ###          ABSTÄNDE          ### */
/* ################################## */

.mtop2    {margin-top:      2px;}
.mtop5    {margin-top:      5px;}
.mtop10   {margin-top:     10px;}
.mtop15   {margin-top:     15px;}
.mtop20   {margin-top:     20px;}
.mtop25   {margin-top:     25px;}
.mtop30   {margin-top:     30px;}
.mtop35   {margin-top:     35px;}
.mtop40   {margin-top:     40px;}
.mtop45   {margin-top:     45px;}
.mtop50   {margin-top:     50px;}

.mbot2    {margin-bottom:   2px;}
.mbot5    {margin-bottom:   5px;}
.mbot10   {margin-bottom:  10px;}
.mbot15   {margin-bottom:  15px;}
.mbot20   {margin-bottom:  20px;}
.mbot25   {margin-bottom:  25px;}
.mbot30   {margin-bottom:  30px;}
.mbot35   {margin-bottom:  35px;}
.mbot40   {margin-bottom:  40px;}
.mbot45   {margin-bottom:  45px;}
.mbot50   {margin-bottom:  50px;}

.mleft2   {margin-left:     2px;}
.mleft5   {margin-left:     5px;}
.mleft10  {margin-left:    10px;}
.mleft15  {margin-left:    15px;}
.mleft20  {margin-left:    20px;}
.mleft25  {margin-left:    25px;}
.mleft30  {margin-left:    30px;}
.mleft35  {margin-left:    35px;}
.mleft40  {margin-left:    40px;}
.mleft45  {margin-left:    45px;}
.mleft50  {margin-left:    50px;}

.mright2  {margin-right:    2px;}
.mright5  {margin-right:    5px;}
.mright10 {margin-right:   10px;}
.mright15 {margin-right:   15px;}
.mright20 {margin-right:   20px;}
.mright25 {margin-right:   25px;}
.mright30 {margin-right:   30px;}
.mright35 {margin-right:   35px;}
.mright40 {margin-right:   40px;}
.mright45 {margin-right:   45px;}
.mright50 {margin-right:   50px;}

.ptop2    {padding-top:     2px;}
.ptop5    {padding-top:     5px;}
.ptop10   {padding-top:    10px;}
.ptop15   {padding-top:    15px;}
.ptop20   {padding-top:    20px;}
.ptop25   {padding-top:    25px;}
.ptop30   {padding-top:    30px;}

.pbot2    {padding-bottom:  2px;}
.pbot5    {padding-bottom:  5px;}
.pbot10   {padding-bottom: 10px;}
.pbot15   {padding-bottom: 15px;}
.pbot20   {padding-bottom: 20px;}
.pbot25   {padding-bottom: 25px;}
.pbot30   {padding-bottom: 30px;}

.pleft2   {padding-left:    2px;}
.pleft5   {padding-left:    5px;}
.pleft10  {padding-left:   10px;}
.pleft15  {padding-left:   15px;}
.pleft20  {padding-left:   20px;}
.pleft25  {padding-left:   25px;}
.pleft30  {padding-left:   30px;}
.pleft50  {padding-left:   50px;}

.pright2  {padding-right:   2px;}
.pright5  {padding-right:   5px;}
.pright10 {padding-right:  10px;}
.pright15 {padding-right:  15px;}
.pright20 {padding-right:  20px;}
.pright25 {padding-right:  25px;}
.pright30 {padding-right:  30px;}

.pall2    {padding:         2px;}
.pall5    {padding:         5px;}
.pall10   {padding:        10px;}
.pall15   {padding:        15px;}
.pall20   {padding:        20px;}
.pall25   {padding:        25px;}
.pall30   {padding:        30px;}