html, body { height: 100%; }

body
{
  color: #555;
  background-color: #eee;
  background-image: url( img/bg.jpg );
  background-repeat: repeat-x;

  margin: 0;
  padding: 0;

  font-family: Tahoma, sans-serif;
  font-size: 12px;
}

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

a:hover
{
  text-decoration: underline;
}

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

img.float
{
  float:left;
}

p
{
  margin: 0 0 10px 0;
  padding: 0;
}

p.clear
{
  clear: both;
  font-size:0px;
  height:0px;
  margin:0;
  padding:0;
}

ul
{
  list-style:square;
  margin:0;
  padding:0 0 0 20px;
}

#preload
{
  position: absolute;
  top:-9999px;
  left: -9999px;
}

#page
{
  padding: 0;
  margin: 0 auto;
  width: 900px;
  min-height: 100%;
}

* html #page { height:100%; }

#header
{
  background-image: url( img/header.jpg );
  background-repeat: no-repeat;
  background-position: top right;
  height: 100px;
}

#header a.logo
{
  display: block;
  float: left;
  height: 100px;
  width: 190px;
  background-image: url( img/logo.jpg );
}

#header span.call
{
  float: left;
  color: #ababab;
  width: 550px;
  height: 25px;
  margin: 4px 0 35px 0;
  text-align: right;
}

#header a.mailto
{
  color: #ababab;
  font-weight: normal;
  float: left;
  width: 120px;
  height: 25px;
  margin: 4px 0 35px 30px;
  text-align: right;
}

#menu
{
  padding: 0 7px 0 0;
  height: 36px;
  float: right;
  width: 600px;
}

#menu a
{
  display: block;
  float: left;
  height: 36px;
  margin: 0 0 0 4px;
}

#menu a.startseite
{
  width:78px;
  background-image: url( img/menu_startseite.jpg );
}

#menu a.startseite:hover, #menu a.startseite_on
{
  width:78px;
  background-image: url( img/menu_startseite_on.jpg );
}

#menu a.leistungen
{
  width:86px;
  background-image: url( img/menu_leistungen.jpg );
}

#menu a.leistungen:hover, #menu a.leistungen_on
{
  width:86px;
  background-image: url( img/menu_leistungen_on.jpg );
}

#menu a.pakete
{
  width:65px;
  background-image: url( img/menu_pakete.jpg );
}

#menu a.pakete:hover, #menu a.pakete_on
{
  width:65px;
  background-image: url( img/menu_pakete_on.jpg );
}

#menu a.referenzen
{
  width:87px;
  background-image: url( img/menu_referenzen.jpg );
}

#menu a.referenzen:hover, #menu a.referenzen_on
{
  width:87px;
  background-image: url( img/menu_referenzen_on.jpg );
}

#menu a.kompetenzen
{
  width:101px;
  background-image: url( img/menu_kompetenzen.jpg );
}

#menu a.kompetenzen:hover, #menu a.kompetenzen_on
{
  width:101px;
  background-image: url( img/menu_kompetenzen_on.jpg );
}

#menu a.kontakt
{
  width:69px;
  background-image: url( img/menu_kontakt.jpg );
}

#menu a.kontakt:hover, #menu a.kontakt_on
{
  width:69px;
  background-image: url( img/menu_kontakt_on.jpg );
}

#menu a.impressum
{
  width:86px;
  background-image: url( img/menu_impressum.jpg );
}

#menu a.impressum:hover, #menu a.impressum_on
{
  width:86px;
  background-image: url( img/menu_impressum_on.jpg );
}

#inner
{
  background-color: #fff;
  border: 10px solid #ccc;
  width: 880px;
}

#inner div.left
{
  width: 310px;
  float:left;
}

#inner div.right
{
  width: 569px;
  float:left;
  background-image: url( img/picture.jpg );
  background-repeat:no-repeat;
  background-position: top right;  
  padding: 100px 0 0 0;
  margin: 0 0 0 1px;
}

#inner div.left div.linie
{
  clear: both;
  width: 310px;
  background-color: #ff5400;
  height: 2px;
  font-size:0;
}

#inner div.left div.content
{
  padding:20px;
}

#inner div.right div.linie
{
  clear: both;
  width: 569px;
  background-color: #eee;
  height: 2px;
  font-size:0;
}

#inner div.right div.content
{
  font-size: 11px;
  clear: both;
  padding:20px 20px 20px 19px;
}

#inner div.right div.content div.innerright, #inner div.right div.content div.innerleft
{
  width: 245px;
  float:left;
  padding: 0 10px 0 10px;
}

a.smallpreis
{
  float: right;
  display:block;
  width: 190px;
  height: 80px;
  background-image: url( img/pakete/small_preis.jpg );
}

a.mediumpreis
{
  float: right;
  display:block;
  width: 190px;
  height: 80px;
  background-image: url( img/pakete/medium_preis.jpg );
}

#clear
{
  height: 90px;
  clear: both;
}

#footer
{
  margin: -51px 0 0 0;
  height:35px;
  border-top: 1px solid #ccc;
  color: #ababab;
  text-align: center;
  padding: 15px 0 0 0;
  background-color: #fff;
}