*
  {
    margin:0px;
    padding:0px;
  }

html 
  { 
    margin:0px; 
    height:100%; 
    width:100%;
    margin-bottom:1px;
  }

body 
  {
    background-color:#888585;
    background-repeat:repeat-x;
    background-position:center top;
    margin:0px;
		padding:0px;
		font-family:Arial, Tahoma, Verdana;
		font-size:12px;
		color:#333;
  }

body.red { background-image:url(img/red/bg.jpg); }
body.red a { color:#e71017; }
body.red a:hover { color:#333; }
body.red h1:first-letter { color:#e71017; }
body.red h3 { color:#e71017; } /* farbe überschriften */
body.red a.bottom { color:#888; }
body.red a.bottom:hover { color:#e71017; }
body.red div.spacer-top { background-image:url(img/red/top-bg.jpg); }
body.red div.c1 div.c1-top { background-image:url(img/red/c1-bg.jpg); }
body.red div#left div#head1-left a { color:#e71017; } /* farbe link home, email, impressum ohne hover */ 
body.red div#left div#head1-left a:hover { color:#fff; } /* farbe link home, email, impressum bei hover */ 

body.blue { background-image:url(img/blue/bg.jpg); }
body.blue a { color:#1406c3; }
body.blue a:hover { color:#333; }
body.blue h1:first-letter { color:#1406c3; }
body.blue h3 { color:#1406c3; }
body.blue a.bottom { color:#888; }
body.blue a.bottom:hover { color:#1406c3; }
body.blue div.spacer-top { background-image:url(img/blue/top-bg.jpg); }
body.blue div.c1 div.c1-top { background:url(img/blue/c1-bg.jpg) center; width:464px; }
body.blue div#left div#head1-left a { color:#1406c3; }
body.blue div#left div#head1-left a:hover { color:#fff; }

body.orange { background-image:url(img/orange/bg.jpg); }
body.orange a { color:#e56a0d; }
body.orange a:hover { color:#333; }
body.orange h1:first-letter { color:#e56a0d; }
body.orange h3 { color:#e56a0d; }
body.orange a.bottom { color:#888; }
body.orange a.bottom:hover { color:#e56a0d; }
body.orange div.spacer-top { background-image:url(img/orange/top-bg.jpg); }
body.orange div.c1 div.c1-top { background-image:url(img/orange/c1-bg.jpg); }
body.orange div#left div#head1-left a { color:#f3a63a; }
body.orange div#left div#head1-left a:hover { color:#fff; }

body.green { background-image:url(img/green/bg.jpg); }
body.green a { color:#167921; }
body.green a:hover { color:#333; }
body.green h1:first-letter { color:#167921; }
body.green h3 { color:#167921; }
body.green a.bottom { color:#888; }
body.green a.bottom:hover { color:#167921; }
body.green div.spacer-top { background-image:url(img/green/top-bg.jpg); }
body.green div.c1 div.c1-top { background-image:url(img/green/c1-bg.jpg); }
body.green div#left div#head1-left a { color:#167921; }
body.green div#left div#head1-left a:hover { color:#fff; }

body.gold { background-image:url(img/gold/bg.jpg); }
body.gold a { color:#a8883b; }
body.gold a:hover { color:#333; }
body.gold h1:first-letter { color:#a8883b; }
body.gold h3 { color:#a8883b; }
body.gold a.bottom { color:#888; }
body.gold a.bottom:hover { color:#a8883b; }
body.gold div.spacer-top { background-image:url(img/gold/top-bg.jpg); }
body.gold div.c1 div.c1-top { background-image:url(img/gold/c1-bg.jpg); }
body.gold div#left div#head1-left a { color:#deb239; }
body.gold div#left div#head1-left a:hover { color:#fff; }



body.brown { background-image:url(img/brown/bg.jpg); }
body.brown a { color:#887458; }
body.brown a:hover { color:#333; }
body.brown h1:first-letter { color:#887458; }
body.brown h3 { color:#887458; }
body.brown a.bottom { color:#888; }
body.brown a.bottom:hover { color:#887458; }
body.brown div.spacer-top { background-image:url(img/brown/top-bg.jpg); }
body.brown div.c1 div.c1-top { background-image:url(img/brown/c1-bg.jpg); }
body.brown div#left div#head1-left a { color:#c5ae62; }
body.brown div#left div#head1-left a:hover { color:#fff; }

body.blue2 { background-image:url(img/blue2/bg.jpg); }
body.blue2 a { color:#1ba9b2; }
body.blue2 a:hover { color:#333; }
body.blue2 h1:first-letter { color:#1ba9b2; }
body.blue2 h3 { color:#1ba9b2; }
body.blue2 a.bottom { color:#888; }
body.blue2 a.bottom:hover { color:#1ba9b2; }
body.blue2 div.spacer-top { background-image:url(img/blue2/top-bg.jpg); }
body.blue2 div.c1 div.c1-top { background-image:url(img/blue2/c1-bg.jpg); }
body.blue2 div#left div#head1-left a { color:#1ba9b2; }
body.blue2 div#left div#head1-left a:hover { color:#fff; }

a { font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }

a.bottom { font-weight:normal; text-decoration:none; }
a.bottom:hover { text-decoration:none; }
  
h1 { font-size:16px; font-weight:bold; color:#888585; margin:0px 0px 5px 0px; }
h2 { font-size:13px; font-weight:bold; color:#fff; margin:6px 0px 0px 10px; }
h3 { font-size:13px; font-weight:bold; margin:8px 0px 2px 0px; }

h1:first-letter { font-size:20px; }


p { padding:4px 0 15px 0; }
div#left p { color:#414141; }

div#page 
  {
    margin:auto;
    width:1000px;
    display:block;
  }

div#left { width:250px; float:left; display:block; }
div#right { width:496px; float:left; display:block; border-bottom:2px solid #5c5a5a; border-left:2px solid #5c5a5a; border-right:2px solid #5c5a5a; background-color:#fff; }

div.spacer-top { height:16px; background-repeat:repeat-x; }

div#left div#head1-left { display:block; height:60px; padding:24px 0  0 20px; }
div#left div#head1-left a { font-size:12px; font-weight:bold; text-decoration:none; margin:0 10px 0 0; }
div#left div#head1-left a:hover { text-decoration:none; }

ul#nav { margin:25px 0 0 20px; list-style-type:none; width:210px; }
ul#nav ul { margin:0 0 0 0; list-style-type:none; }

ul#nav li { margin:0px; }
ul#nav li a { margin:1px; border-bottom:1px dashed #fff; font-weight:normal; font-size:16px; display:block; text-decoration:none; color:#fff; padding:5px; }
ul#nav li a:hover { font-weight:bold; color:#fff; }
ul#nav li a:active { font-weight:bold; color:#fff; }

div#right div#head2-right { display:block; height:74px; padding:10px 0  0 20px; font-size:13px; font-weight:bold; color:#888585; }

div#head-1, div#head-2, div#head-3, div#head-4, div#head-5, div#head-6, div#head-7 { display:block; height:170px; background-repeat:no-repeat; padding:44px 0 0 0; }
div#head-1 { background-image:url(img/head-bg-1.jpg); }                                                                 
div#head-2 { background-image:url(img/head-bg-2.jpg); }
div#head-3 { background-image:url(img/head-bg-3.jpg); }
div#head-4 { background-image:url(img/head-bg-4.jpg); }
div#head-5 { background-image:url(img/head-bg-5.jpg); }
div#head-6 { background-image:url(img/head-bg-6.jpg); }
div#head-7 { background-image:url(img/head-bg-7.jpg); }

div#right div#content { width:496px; display:block; background-color:#fff; padding:10px 0 0 0; }


ul#nav2 { margin:0 0 0 15px; list-style-type:none; width:130px; }/* abstand der links von innenwand header ,laenge der linie in content nav */ 
ul#nav2 ul { margin:0 0 0 0; list-style-type:none; }

/* unsere leistungen */ 
body.red ul#nav2 li { margin:0px; position:relative; left:520px; }
body.red ul#nav2 li a { margin:1px; border-bottom:1px solid #fff; font-weight:normal; font-size:12px; display:block; text-decoration:none; color:#fff; padding:3px; }
body.red ul#nav2 li a:hover { font-weight:bold; color:#fff; border-bottom:0px; margin-bottom:1px; }
body.red ul#nav2 li a:active { font-weight:bold; color:#fff; }
body.red span.nav2h2 { margin:0 0 7px 15px; font-size:14px; font-weight:bold; display:block; text-decoration:none; color:#fff; position:relative; left:520px; width:200px; }

/* referenzen */
body.blue ul#nav2 li { margin:0px; position:relative; left:520px; }
body.blue ul#nav2 li a { margin:1px; border-bottom:1px solid #fff; font-weight:normal; font-size:12px; display:block; text-decoration:none; color:#fff; padding:3px; }
body.blue ul#nav2 li a:hover { font-weight:bold; color:#fff; border-bottom:0px; margin-bottom:1px; }
body.blue ul#nav2 li a:active { font-weight:bold; color:#fff; }
body.blue span.nav2h2 { margin:0 0 7px 15px; font-size:14px; font-weight:bold; display:block; text-decoration:none; color:#fff; position:relative; left:520px; width:200px; }

/* home */
body.orange ul#nav2 li { margin:0px; position:relative; left:520px; }
body.orange ul#nav2 li a { margin:1px; border-bottom:1px solid #fff; font-weight:normal; font-size:12px; display:block; text-decoration:none; color:#fff; padding:3px; }
body.orange ul#nav2 li a:hover { font-weight:bold; color:#fff; border-bottom:0px; margin-bottom:1px; }
body.orange ul#nav2 li a:active { font-weight:bold; color:#fff; }
body.orange span.nav2h2 { margin:0 0 7px 15px; font-size:14px; font-weight:bold; display:block; text-decoration:none; color:#fff; position:relative; left:520px; width:200px; }
/* über uns */
body.green ul#nav2 li { margin:0px; position:relative; left:520px; }
body.green ul#nav2 li a { margin:1px; border-bottom:1px solid #fff; font-weight:normal; font-size:12px; display:block; text-decoration:none; color:#fff; padding:3px; }
body.green ul#nav2 li a:hover { font-weight:bold; color:#fff; border-bottom:0px; margin-bottom:1px; }
body.green ul#nav2 li a:active { font-weight:bold; color:#fff; }
body.green span.nav2h2 { margin:0 0 7px 15px; font-size:14px; font-weight:bold; display:block; text-decoration:none; color:#fff; position:relative; left:520px; width:200px; }
/* foto */
body.gold ul#nav2 li { margin:0px; position:relative; left:520px; }
body.gold ul#nav2 li a { margin:1px; border-bottom:1px solid #fff; font-weight:normal; font-size:12px; display:block; text-decoration:none; color:#fff; padding:3px; }
body.gold ul#nav2 li a:hover { font-weight:bold; color:#fff; border-bottom:0px; margin-bottom:1px; }
body.gold ul#nav2 li a:active { font-weight:bold; color:#fff; }
body.gold span.nav2h2 { margin:0 0 7px 15px; font-size:14px; font-weight:bold; display:block; text-decoration:none; color:#fff; position:relative; left:520px; width:200px; }
/* kontakt */
body.brown ul#nav2 li { margin:0px; position:relative; left:520px; }
body.brown ul#nav2 li a { margin:1px; border-bottom:1px solid #fff; font-weight:normal; font-size:12px; display:block; text-decoration:none; color:#fff; padding:3px; }
body.brown ul#nav2 li a:hover { font-weight:bold; color:#fff; border-bottom:0px; margin-bottom:1px; }
body.brown ul#nav2 li a:active { font-weight:bold; color:#fff; }
body.brown span.nav2h2 { margin:0 0 7px 15px; font-size:14px; font-weight:bold; display:block; text-decoration:none; color:#fff; position:relative; left:520px; width:200px; }

body.blue2 ul#nav2 li { margin:0px; position:relative; left:520px; }
body.blue2 ul#nav2 li a { margin:1px; border-bottom:1px solid #fff; font-weight:normal; font-size:12px; display:block; text-decoration:none; color:#fff; padding:3px; }
body.blue2 ul#nav2 li a:hover { font-weight:bold; color:#fff; border-bottom:0px; margin-bottom:1px; }
body.blue2 ul#nav2 li a:active { font-weight:bold; color:#fff; }
body.blue2 span.nav2h2 { margin:0 0 7px 15px; font-size:14px; font-weight:bold; display:block; text-decoration:none; color:#fff; position:relative; left:520px; width:200px; }

div.c1 { width:468px; display:block; background-color:#f2f2ef; border:1px solid #5c5a5a; margin:auto; padding:3px; margin-bottom:13px; }
div.c1 div.c1-top { width:470px; height:27px; display:block; padding:0px; border:2px solid #5c5a5a; margin:auto; background:#83080a; background-repeat:repeat-x;  }
div.c1 div.c1-bg { width:468px; display:block; }
div.c1 div.c1-bg div.c1-bg-text { padding: 8px 10px 10px 10px; }
div.c1 div.c1-bg p { padding:5px 0 8px 0; }

table#kontakt input, table#kontakt textarea { color:#333; border:1px solid #888; background-color:#f2f2f2; padding:1px; }

table#kontakt td { padding:2px; }

input.submit-contact { 
  background-repeat:no-repeat;  
  cursor:pointer;
  background-color:#f2f2f2;
  display:block;
  font-weight:bold;
  border:1px solid #888;
  padding:6px;
  font-size:15px;
  color:#333;
  margin:7px auto;
}

input.submit-contact:hover { 
  background-color:#151515;
  color:#fff;
}

div#footer { clear:both; color:#888; font-size:11px; padding:9px; text-align:center; }

div.clear { clear:both; font-size:1px; }