@charset "UTF-8";

body {
background-color:#f5f5f5;
background-image:url(graphic/bg.jpg);
background-repeat:repeat-x;
background-attachment: fixed;
background-position:center;
text-align:center;
margin:0;
padding:20px 0 0 0;
}

/* --------------------------- Clear --------------------------- */

.clear { 
float:none; 
clear:both;
}

/* --------------------------- Typo --------------------------- */

.headline {
font:bold 10px/11px verdana, sans-serif;
color:#FCFFD9;
}

.headline_rot {
font:bold 10px/11px verdana, sans-serif;
color:#de0000;
}

.headline_dunkelgrau {
font:bold 10px/11px verdana, sans-serif;
color:#58585a;
}

.headline_neu {
font:bold 11px/11px verdana, sans-serif;
color:#ff9600;
}

.headline_angebot {
font:bold 11px/11px verdana, sans-serif;
color:#009dd1;
}

.headline_angebot_preis {
	font:bold 35px verdana, sans-serif;
	color:#009dd1;
}

.headline_kontakt {
font:bold 11px/11px verdana, sans-serif;
color:#a2c83c;
}

.context {
font:normal 10px/11px verdana, sans-serif;
color:#FCFFD9;
}

.context_hellgrau {
font:normal 10px/11px verdana, sans-serif;
color:#87888a;
}

.context_dunkelgrau {
font:normal 10px/11px verdana, sans-serif;
color:#222222;
}

.context_orange {
font:normal 10px/11px verdana, sans-serif;
color:#ffae00;
}

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

a:link {
font:bold 10px verdana, sans-serif;
color:#ffae00;
text-decoration: none;
}

a:visited {
font:bold 10px verdana, sans-serif;
color:#ffae00;
text-decoration: none;
}

a:active {
font:bold 10px verdana, sans-serif;
color:#ffae00;
text-decoration: none;
}

a:hover {
font:bold 10px verdana, sans-serif;
color:#ffae00;
text-decoration: none;
}

a.weiss:link {
font:normal 10px verdana, sans-serif;
color:#ffffff;
text-decoration: none;
}

a.weiss_bold:link {
font:bold 10px verdana, sans-serif;
color:#ffffff;
text-decoration: none;
}

a.orange:link {
font:normal 10px verdana, sans-serif;
color:#ffae00;
text-decoration: none;
}

a.orange_bold:link {
font:bold 10px verdana, sans-serif;
color:#ffae00;
text-decoration: none;
}

a.blau:link {
font:normal 10px verdana, sans-serif;
color:#009dd1;
text-decoration: none;
}

a.dunkelgrau:link {
font:normal 10px verdana, sans-serif;
color:#58585a;
text-decoration: none;
}

a.dunkelgrau_bold:link {
font:bold 10px verdana, sans-serif;
color:#58585a;
text-decoration: none;
}

a.rot:link {
font:normal 10px verdana, sans-serif;
color:#ff0000;
text-decoration: none;
}

a.rot_bold:link {
font:bold 10px verdana, sans-serif;
color:#ff0000;
text-decoration: none;
}

/* --------------------------- Platzhalter --------------------------- */

.Platzhalter {
text-align:left;
width:750px;
height:10px;
margin:0 auto;
padding:0;
}

.Platzhalter2 {
text-align:left;
width:750px;
height:5px;
margin:0 auto;
padding:0;
}

.Platzhalter3 {
text-align:left;
width:540px;
height:5px;
margin:0 auto;
padding:0;
}

/* --------------------------- Trennlinie --------------------------- */

.Trenn {
text-align:left;
width:750px;
height:2px;
margin:0 auto;
padding:0;
background-image:url(graphic/trenn.png);
}

.Trennbalken {
text-align:left;
width:750px;
height: 21px;
margin:0 auto;
padding:0;
background-image:url(graphic/trennbalken.png);
}

/* --------------------------- Fix --------------------------- */

#fixiert {
position:absolute;
top:117px;
left:2px;
width:10px;
height:175px;
background-image: url(graphic/fixtypo.png);
}

html>body #fixiert {
position:fixed;
}

#fixiert img {
height:175px;
float:right;
}

/* --------------------------- Logo --------------------------- */

#Logo {
text-align:right;

width:750px;
height:74px;
line-height:normal;
margin:0 auto;
padding:0;
}


/* --------------------------- Navi --------------------------- */

#Navi {
text-align:left;
width:750px;
height:35px;
margin:0 auto;
padding:0;
background-image:url(graphic/navibg.png);
}

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

#Header {
text-align:left;
width:750px;
height:270px;
margin:0 auto;
padding:0;
}

/* --------------------------- Startseite Text --------------------------- */

#Text_Small {
width:750px;
margin:0 auto;
padding:0;
}

.Text_Small_Platzhalter {
float:left;
width:21px;
height:1px;
margin:0 auto;
padding:0;
}

.Text_Small_htext {
text-align:justify;
width:226px;
margin:0 5px;
padding:0;
}

.Text_Small_context {
text-align:justify;
width:226px;
margin:10px 5px 0;
padding:0;
}

#Text_Small1,#Text_Small2,#Text_Small3 {
float:left;
text-align:left;
width:236px;
margin:0 auto;
padding:0;
}

/* --------------------------- Aktuell --------------------------- */

#Neuigkeiten {
width:750px;
margin:0 auto;
padding:0;
background-color:#990000;
border: solid 1px #720000;
}

#Neuigkeiten_Text {
text-align:left;
width:740px;
margin:0 5px 10px 5px;
padding:0;
}

/* --------------------------- Text Ankündigung --------------------------- */

#Eyecatcher {
width:750px;
height:128px;
margin:0 auto;
padding:0;
}

.Eyecatcher_Platzhalter {
float:left;
width:21px;
height:1px;
margin:0 auto;
padding:0;
}

#Neu {
float:left;
text-align:left;
width:236px;
height:124px;
background-image:url(graphic/neu.png);
margin:0 auto;
padding:0;
}

#Neu_headline {
text-align:left;
width:226px;
margin:10px 5px 0;
padding:0;
}

#Neu_context {
text-align:left;
width:226px;
margin:21px 5px 0;
padding:0;
}

#Angebot {
float:left;
text-align:left;
width:236px;
height:124px;
background-image:url(graphic/angebot.png);
margin:0 auto;
padding:0;
}

#Angebot_headline {
text-align:left;
width:226px;
margin:10px 5px 0;
padding:0;
}

#Angebot_context {
text-align:left;
width:130px;
margin:21px 0 0 5px;
padding:0;
}

#Angebot_preis {
float: right;
text-align:left;
width:96px;
margin:21px 5px 0 0;
padding:0;
}

#Kontakt {
float:left;
text-align:left;
width:236px;
height:124px;
background-image:url(graphic/kontakt.png);
margin:0 auto;
padding:0;
}

#Kontakt_headline {
text-align:left;
width:226px;
margin:10px 5px 0;
padding:0;
}

#Kontakt_context {
text-align:left;
width:150px;
margin:21px 0 0 5px;
padding:0;
}

#Kontakt_handy {
float: right;
text-align:left;
width:76px;
margin:10px 5px 0 0;
padding:0;
}

/* --------------------------- Footer --------------------------- */

#Footer {
width:750px;
margin:0px auto;
padding:0px;
}

#Footer_Text {
text-align:left;
width:740px;
margin:0 5px;
padding:0;
}

/* --------------------------- Sitemap --------------------------- */

#Sitemap {
text-align:left;
width:750px;
margin:0 auto;
padding:0;
}

.Sitemap_table {
float: left;
text-align:left;
width:100px;
margin:0 0 0 5px;
padding:0;
}
/* --------------------------- Profil --------------------------- */

.Profil {
width:750px;
margin:0 auto;
padding:0;
}

.Profil_context {
text-align: left;
width:740px;
margin:0 5px 0 5px;
padding:0;
}

/* --------------------------- Referenzen --------------------------- */

.Referenzen {
text-align: left;
width:750px;
margin:0 auto;
padding:0;
}

.Referenzen_headline {
text-align: left;
width:695px;
margin:0 5px 10px 5px;
padding:0;
}

.Referenzen_back {
text-align:right;
float: right;
text-align: left;
width:40px;
margin:0 5px 10px 0;
padding:0;
}

.Referenzen_bg {
float: left;
text-align: left;
width:240px;
height: 150px;
margin:0 0px 0 0px;
padding:0;
}

.Referenzen_platzhalter {
float:left;
text-align: left;
width:12px;
height:1px;
margin:0 0px 0 0px;
padding:0;
}

.Referenzen_bild {
text-align: left;
width:240px;
margin:0 0px 0 0px;
padding:0;
border: solid 1px #333333;
}

.Referenzen_placeholder {
text-align: left;
width:240px;
margin:0 0px 0 0px;
padding:0;
}

.Referenzen_text {
text-align: left;
width:230px;
margin:10px 5px 0 5px;
padding:0;
}

/* --------------------------- Service --------------------------- */

.Service {
text-align: left;
width:750px;
margin:0 auto;
padding:0;
}

.Service_box {
float:left;
width:240px;
margin:0 0 0 0;
padding:0;
}

.Service_platzhalter {
float:left;
text-align: left;
width:12px;
height:1px;
margin:0 0px 0 0px;
padding:0;
}

.Service_headline {
width:230px;
margin:0px 5px 10px 5px;
padding:0;
}

.Service_context {
text-align:justify;
width:230px;
margin:10px 5px 0 5px;
padding:0;
}

.Service_bild {
text-align: left;
width:240px;
margin:0 0px 0 0px;
padding:0;
border: solid 1px #333333;
}

/* --------------------------- Kontakt --------------------------- */

#Kontaktseite {
text-align: left;
width:750px;
margin:0 auto;
padding:0;
}

#Kontaktseite_adresse {
text-align: left;
width:250px;
margin:0 5px 0 5px;
padding:0;
}

#Kontaktseite_formular {
float:left;
text-align: left;
width:480px;
margin:0 5px 0 5px;
padding:0;
}

#Anfahrt {
text-align: left;
width:750px;
height:270px;
margin:0 auto;
padding:0;
}

.formularfeld {
background-color:#990000;
font:normal 10px/11px verdana, sans-serif;
color:#FCFFD9;
border: thin;
border-color: #990000;
}

/* --------------------------- Angebote --------------------------- */

.Angebote {
text-align: left;
width:750px;
margin:0 auto;
padding:0;
}

.Angebote_text {
text-align: left;
width:540px;
margin:0 5px 0 5px;
padding:0;
}

.Angebote_bild {
float: right;
text-align: left;
width:150px;
margin:0 0px 0 0px;
padding:0;
border: solid 1px #333333;
}

/* --------------------------- Startseite Text --------------------------- */

#Text_Links {
width:750px;
margin:0 auto;
padding:0;
}

.Text_Links_Platzhalter {
float:left;
width:21px;
height:1px;
margin:0 auto;
padding:0;
}

.Text_Links_htext {
text-align:left;
width:auto;
margin:15px 5px;
padding:0;
}

.Text_Links_context {
text-align:left;
width:auto;
margin:10px 5px 0;
padding:0;
}

#Text_Links1 {
float:left;
text-align:left;
width:auto;
margin:0 auto;
padding:0;
}

#Text_Links2 {
float:left;
text-align:left;
width:auto;
margin:0 auto;
padding:0;
}

.Bild_Links {
width:150px;
height:auto;
margin:0 5px;
padding:0;
}

/* --------------------------- Impressum --------------------------- */

#Impressum {
text-align: left;
width:750px;
margin:0 auto;
padding:0;
}

.Impressum_context {
text-align: left;
width:740px;
margin:0 5px 0 5px;
padding:0;
}