/* css: www.j-sites.de */
 
 * { padding: 0; margin: 0; }

body {
background: #c1c2c4;
color: #696969;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
}
#container{ position: absolute;
width: 970px;
height: 539px;
left: 50%;
margin-left: -485px; 
top: 50%;
margin-top: -269px;  
background:#fff;
}
#kopf {
width: 950px;
height: 130px;
margin: 10px 10px 4px 10px;
background: url('../images/seitenkopf.gif') no-repeat;
clear: both;
}
.sprache {
float: left;
margin: 10px 20px 0 10px;
font-size: 11px;
font-weight: normal;
color: #fff;
}
.sprache a{
font-weight: bold;
color: #fff;
text-decoration: none;
font-size: 11px;
padding: 0 5px 0 5px;
text-transform: uppercase;
}
.sprache a:hover{
color: #dd9dad
}
* html .sprache{
margin-left: 5px
}
#navigation {
position: absolute;
top: 116px;
left: 0;
width: 700px;
height: 15px;
margin: 0 10px 0 19px;
color: #fff;
}
#navigation a{
font-weight: bold;
color: #fff;
text-decoration: none;
font-size: 11px;
padding: 0 5px 0 5px;
text-transform: uppercase;
}
#navigation a:hover{
color: #dd9dad
}
#navigation a#current{
color: #dd9dad
}
* html #navigation{
position: relative;
top: -25px;
left: 0px;
width: 700px;
height: 15px;
margin: 0 10px -16px 19px;
color: #fff;
}
#start {
float: left;
width: 755px;
margin: 0 0 0 10px;
height: 386px;
background: url('../images/startseite.jpg') no-repeat;
}
* html #start {
float: left;
width: 755px;
margin: 0 0 0 5px;
height: 386px;
background: url('../images/startseite.jpg') no-repeat;
}
*+html #start{
margin: 0 0 0 10px;
}
#linkeseite {
float: left;
width: 180px;
margin: 0 0 0 10px;
height: 386px;
background: url('../images/persoenlichkeit.jpg') no-repeat;
}
* html #linkeseite {
margin: 0 0 0 5px;
}
#linkeseite-l {
float: left;
width: 180px;
margin: 0 0 0 10px;
height: 386px;
background: url('../images/leistung.jpg') no-repeat;
}
* html #linkeseite-l {
margin: 0 0 0 5px;
}
#linkeseite-s {
float: left;
width: 180px;
margin: 0 0 0 10px;
height: 386px;
background: url('../images/spektrum.jpg') no-repeat;
}
* html #linkeseite-s {
margin: 0 0 0 5px;
}
#linkeseite-a {
float: left;
width: 180px;
margin: 0 0 0 10px;
height: 386px;
background: #babbbd;
}
* html #linkeseite-a {
margin: 0 0 0 5px;
}
#linkeseite-a a{
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
color: #fff;
font-size: 11px;
margin: 0 0 0 14px;
line-height: 20px;
}
#linkeseite-a a:hover{
color: #b5123d;
}
#linkeseite-a a#curent{
color: #b5123d;
}
#inhalt {
float: left;
width: 571px;
margin: 0 4px 0 4px;
height: 386px;
background: url('../images/hintergrund.jpg') no-repeat;
}
#inhalt p{
margin: 0 180px 0 25px;
color: #000;
line-height: 20px
}
#inhalt br{
line-height: 15px;
}
#inhalt img{
border: none;
}
#inhalt a{
color: #000;
text-decoration: underline;
}
* html #inhalt {
width: 571px;
margin: 0 4px 0 4px;
}
#inhalt-s {
float: left;
width: 567px;
margin: 0 4px;
height: 386px;
overflow: auto
}
#inhalt-s p{
margin: 0 180px 0 25px;
color: #000;
line-height: 20px
}
#inhalt-s br{
line-height: 15px;
}
#inhalt-s a{
color: #000;
text-decoration: underline;
}
#hintergrund{
position: absolute;
margin-left: 194px;
width: 565px;
height: 386px;
background: transparent url('../images/hintergrund.jpg') no-repeat;
}
*+html #hintergrund{
margin-left: 4px;
}
* html #hintergrund{
left: 0px;
}
#rechts {
float: right;
width: 191px;
margin: 0 10px 0 0;
height: 386px;
background: #b5123d;
}
#rechts p{
padding: 0 10px 5px 10px;
}
* html #rechts {
margin: 0 5px 0 0;
}
h1 {
padding: 65px 10px 10px 25px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #b5123d;
text-transform: uppercase;
}
.kontakt {
margin-top: 340px;
}
.kontakt a{
font-weight: bold;
color: #fff;
text-decoration: none;
font-size: 11px;
padding: 0 5px 0 0;
text-transform: uppercase;
line-height: 20px
}
.kontakt a:hover{
color: #dd9dad
}
.kontakt a#curent{
color: #dd9dad
}
.impressum a{
font-weight: bold;
color: #fff;
text-decoration: none;
font-size: 11px;
padding: 0 5px 0 0;
text-transform: uppercase;
}
.impressum a:hover{
color: #dd9dad
}
.impressum a#curent{
color: #dd9dad
}
#intensiv {position: absolute; top:170px; left: 26px;}
#intensiv a {
color:#5e7192;
font: 26px Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration:none;
display: block;
width: 60px;
padding:5px;
}
#intensiv a:hover {
color: #454545;
}
#intensiv a span {display:none;}

#intensiv a:hover span {
position: absolute; top:60px;left:-16px;
display:block;
width:450px;
color:#454545;
background:#fff;
font:normal 12px Arial, Helvetica, sans-serif;
border:1px solid #c1c2c4;
padding:10px;}

* html #intensiv a:hover span{
position: relative; top:-60px;left:-16px;
display:block;
width:450px;
color:#454545;
background:#fff;
font:normal 12px Arial, Helvetica, sans-serif;
border:1px solid #c1c2c4;
padding:10px;}



#innovativ {position: absolute; top:200px; left: 235px;}
#innovativ a {
color:#5e7192;
font: 26px Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration:none;
display: block;
width: 75px;
padding:5px;
}

#innovativ a:hover {
color: #454545;
}

#innovativ a span {display:none;}

#innovativ a:hover span {
position: absolute; top:40px;left:-20px;
display:block;
width:450px;
color:454545;
background:#fff;
font:normal 12px Arial, Helvetica, sans-serif;
border:1px solid #c1c2c4;
padding:10px;}


#produktiv {position: absolute; top:155px; left: 480px;}
#produktiv a {
color:#5e7192;
font: 26px Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration:none;
display: block;
width: 75px;
padding:5px;
}

#produktiv a:hover {
color: #454545;
}

#produktiv a span {display:none;}

#produktiv a:hover span {
position: absolute; top:40px;left:-115px;
display:block;
width:378px;
color:454545;
background:#fff;
font:normal 12px Arial, Helvetica, sans-serif;
border:1px solid #c1c2c4;
padding:10px;}

#teaser{
position: absolute;
width: 380px;
height: 238px;
background: url('../referenzen/hintergrund.jpg') no-repeat;
top: 290px;
left: 385px;
}

#teaser p{
margin: 15px 15px 0 15px;
color: #fff
}
#teaser ul li{
list-style-type: disc;
margin: 5px 15px 5px 30px;
color: #fff
} 

#einfuehrung{
position: absolute;
width: 188px;
height: 238px;
top: 290px;
left: 195px;
}
#einfuehrung p{
margin: 17px 13px 0 13px;
color: #000;
line-height: 15px;
letter-spacing: -1px;
font-size: 12px;
}
#einfuehrung h1{
margin: -60px 15px -15px -12px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #b5123d;
text-transform: none;
font-size: 11px;
}
.seite {
position: absolute;
top: 205px;
left: 0
}
.seite a{
text-decoration: none;
font-weight: bold;
font-size: 16px;
color: #000;
border: none;
margin-bottom: -5px;
}
.seite img {
border: none;
}
/* Bilder Referenzen gross */
#refbilder{
position: absolute;
width: 380px;
height: 238px;
top: 290px;
left: 385px;
}

/* gallerie-bilder */
#gallerie {width:575px; margin-top: 0px; height: 420px;}
#gallerie ul {list-style:none; padding:0; margin:0; width:575px; position:relative; float:right;}
#gallerie ul li {display:inline; width:188px; height:70px; float:left; margin: 0 3px 3px 0}
#gallerie ul li a {display:block; width:188px; height:70px; text-decoration:none;}
#gallerie ul li a img {display:block; width:188px; height:70px; border:0;}

* html #gallerie{width:571px; margin: 0; height: 386px;}
* html #gallerie ul {list-style:none; padding:0; margin:0; width:571px; position:relative; float:right;}
* html #gallerie ul li {display:inline; width:188px; height:70px; float:left; margin: 0 2px 0 0}