/* stylesheet fuer screen */

/* Farben: */
/* Schwarz: #000000  */
/* rot: #ff0000 */
/* Grau: #cfcfcf */

/* generelle Einstellungen */

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

body {
   color: #000000; 
	font-family: tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
}

 div#container_home, div#container_leistungen, div#container_referenzen, div#container_kontakt {
  height: 517px;
  margin:50px auto;
  text-align: left; 
  width: 731px;
}

div#container_home{
	background: url(../images/containerbg/container_home2.png) no-repeat 0 0;
}

div#container_leistungen{
	background: url(../images/containerbg/container_home1.png) no-repeat 0 0;
}

div#container_referenzen{
	background: url(../images/containerbg/container_home1.png) no-repeat 0 0;
}

div#container_kontakt {
	background: url(../images/containerbg/container_home1.png) no-repeat 0 0;
}

div#navigation {
  float: left;
  height: 352px;
  width: 150px;
}

div#content, div#content_home {
  float: right;
  width: 383px;
}

div.content_home {
  padding-top: 62px;
} 

div.content_kontakt {
	padding-top: 62px;
}

div#contentbox {
	height: 270px;
} 

div#content_leftcol {
   float: left;
	width: 180px;
}

div#blaetternleistungenbsp {
  clear: both;
} 

div#keinvorlink {
	background: url(../images/navigation/keinvor.png) no-repeat 12px 0;
	height: 11px;
}

div#keinzuruecklink {
	background: url(../images/navigation/keinzurueck.png) no-repeat 0 0;
	height: 11px;
	padding-left: 12px;
}

div#impressum {
	clear: both;
	padding-left: 180px;
	padding-top: 4px;
}

div#footer {
  clear: both;
  display: none;
}

/* Ueberschriften */

h1 {
  display: none;
}

h2, h3 {
	font-size: 1.2em;
	font-weight: normal;
}

h2.leistungen, h2.referenzen, h2.leistungenbsp, h2.impressum {
	padding-top: 61px;
}

h2.leistungen, h2.impressum {
	color: #cfcfcf;
	padding-bottom: 19px;
}

h2.referenzen {
	color: #ff0000;
	padding-bottom: 21px;
}

h2.leistungenbsp {
	color: #ff0000;
	padding-bottom: 21px;
}

h3 {
	color: #ff0000;
	padding-bottom: 4px;
}

/* Listen */

ul, ol {
  list-style: none;
}

div#navigation ul {
	padding-left: 180px;
	padding-top: 60px;
}

div#navigation ul li {
  margin-bottom: 20px;
}

div#content ul li {
	margin-bottom: 6px;
}

div#content div#content_leftcol ul.erste {
	margin-bottom: 19px;
}

div.content_impressum ul li {
	padding-right: 35px;
}

ul#adresse, ul#aktion {
	font-size: 1.2em;
	padding-right: 35px;
	text-align: right;
}

ul#adresse li.leerzeile {
	margin-bottom: 18px;
}

ul#aktion {
	padding-top: 12px;
}

dl { 
  float: left;
  font-size: .85em; 
  margin-right: 20px;
  margin-bottom: 10px; 
  text-align: center;
  width: 110px;
}

/* Absetze */

div#content p {
  font-size: 1em;
  line-height: 1.8em;
  padding-right: 64px;
  text-align: justify;
}

/* Hyperlinks */

a {
  color: #000000;
  text-decoration: none;
}

a#start {
  display: block;
  height: 366px;
  margin-left: 180px;
}

div#navigation a {
  color: #000000;
  font-size: 1.2em;
  padding-left: 45px;
}

div#navigation a:hover, div#navigation a:hover {
  color: #ff0000;
}

div#navigation a.auswahl {
	background: url(../images/navigation/navigation_auswahl.png) no-repeat 0 3px;
	color: #ff0000;
}
div#navigationlink a {
  color: #000000;
  font-size: ;
  padding-left: ;
}

div#navigationlink a:hover, div#navigation a:hover {
  color: #ff0000;
}

div#navigationlink a.auswahl {
	background: url(../images/navigation/navigation_auswahl.png) no-repeat 0 3px;
	color: #ff0000;
}

a span {
  display: none;
}

a.vor, a.zurueck {
  display: block;
  float: left;
  height: 11px;
  width: 8px;
}

a.vor {
	background: url(../images/navigation/vor.png) no-repeat 0 0;
}

a.zurueck {
	background: url(../images/navigation/zurueck.png) no-repeat 0 0;
	margin-right: 4px;
}

div.leistungen a {
   color: #000000;
	text-decoration: underline;
}

div.leistungen a:focus, div.leistungen a:hover {
   color: #ff0000;
	text-decoration: none;
}

ul#aktion a {
	background: url(../images/navigation/vor.png) no-repeat 100% 2px;
	color: #ff0000;
	padding-right: 15px;
}

ul#aktion a:focus, ul#aktion a:hover {
	background: url(../images/navigation/keinvor.png) no-repeat 100% 2px;
	color: #cfcfcf;
}

div#impressum a {
   display: block;
   height: 15px;
	width: 60px;
}