body {
margin:0;
padding:0;
background-image: url(../grafik/hg_gr.jpg);
background-repeat: no-repeat;
background-color:#ffffff;
}

#content {
font: 95% century gothic, verdana, sans-serif;
margin:66px 260px 0px 240px;
padding:10px;
}

#content h1 {
text-align:right;
padding-right:40px;
font: 180% century gothic, verdana, sans-serif;
color:#000080;
}

#content h4 {
text-align:right;
padding-right:40px;
font: bold 110% century gothic, verdana, sans-serif;
color:#000000;
}

#content a:link, a:visited  {
text-decoration: none;
color: #000080;
}

#content a:hover  {
text-decoration: underline;
}

#links {
position:absolute;
width:200px;
top:140px;
left:10px;
padding:70px 10px 10px 10px;
border-right:1px dotted #000080;
border-bottom:1px dotted #000080;
}

#links h3 {
font:110% century gothic, verdana, sans-serif;
color:#000080;
background-color:transparent;
margin:0;
padding-bottom:4px;
}

#links ul {
list-style: none;
margin-left:0;
padding-left:0;
width:184px;
}

#links li {
font:bold 100% century gothic, verdana, sans-serif;
margin-bottom:0.8em;
border-bottom:1px dotted #000080;
}

#links a:link, #links a:visited {
text-decoration:none;
color:#000000;
background-color:transparent;
display:block;
}

#links a:hover {
color:#000080;
background-color:#f2d45c;
margin-left:15px;
}

body#start li.start a:link, body#start li.start a:visited, body#leistung li.leistung a:link, body#leistung li.leistung a:visited, body#kontakt li.kontakt a:link, body#kontakt li.kontakt a:visited, body#impressum li.impressum a:link, body#impressum li.impressum a:visited {
color:#000080;
background-color:#f2d45c;
margin-left:15px;
}

#rechts {
position:absolute;
width:230px;
top:30px;
right:10px;
padding:70px 10px 10px 10px;
border-left:1px dotted #000080;
border-bottom:1px dotted #000080;
background-image: url(../grafik/zahnrad.jpg);
background-position: top right;
background-repeat: no-repeat;
}

#rechts_buero {
position:absolute;
width:230px;
top:30px;
right:10px;
padding:70px 10px 10px 10px;
border-left:1px dotted ##000080;
background-image: url(../grafik/business.jpg);
background-position: top right;
background-repeat: no-repeat;
}


#rechts a:link, #rechts a:visited, #rechts_leistung a:link, #rechts_leistung a:visited, #rechts_kontakt a:link, #rechts_kontakt a:visited, #rechts_impressum a:link, #rechts_impressum a:visited  {
color:#000000;
text-decoration:underline;
}

#rechts a:hover, #rechts_leistung a:hover, #rechts_kontakt a:hover, #rechts_impressum a:hover   {
color:#000080;
text-decoration:none;
}

.adbox {
font: 80% century gothic, verdana, sans-serif;
padding:2px 4px 2px 6px;
margin:80px 0 10px 0;
border:1px dotted #000080;
background-color:#f2d45c;
}

* html .adbox {                                    /*Box Model Hack, Variante für den IE*/
font: 80% century gothic, verdana, sans-serif;
padding:2px 4px 2px 6px;
margin:150px 0 10px 0;
border:1px dotted #000080;
background-color:#f2d45c;
}

*+html .adbox {                                    /*Box Model Hack, Variante nur für den IE 7*/
font: 80% century gothic, verdana, sans-serif;
padding:2px 4px 2px 6px;
margin:150px 0 10px 0;
border:1px dotted #000080;
background-color:#f2d45c;
}

.fett  {
font-weight:bold;
color: #000080;
}

#bild  {
float:right;
padding-right:60px;
padding-left:10px;
}

.klein  {
font: 80% century gothic, verdana, sans-serif;
}