* { margin:0px; padding:0px; }
a img {border: 0;}

html, body { height: 100%; }

body {
font: 90%/1.6em Arial, sans-serif;
color: #7b7c7e;
/* background: #fff url(../pict/layout/verlauf_top.jpg) repeat-x; */
background: url(../pict/layout/background_ueberuns.jpg) no-repeat bottom left;
background-attachment:fixed;
}

#topverlauf {
position: absolute;
top:0px;
left: 0px;
width: 100%;
height: 50px;
z-index: 0;
background: #fff url(../pict/layout/verlauf_top.jpg) repeat-x;
}

a, a:hover { color: #005aa0; text-decoration:none; }

#wrapper {
position: relative;
min-height: 100%;
height: 100%;
}
	
html>body #wrapper {
height: auto;
}

#header {
width: 990px;
height: 50px;
}

#nav {
width: 990px;
height: 60px;
background: url(../pict/layout/nav_bg_top.jpg) repeat-x top left;
font-size: 0.8em;
}

/* Navigation */
ul#mainnav {
position:relative;
top: 5px;
left: 10px;
}

*html ul#mainnav {
position:absolute;
top: 55px;
left: 10px;
}

ul#mainnav li {
display:block;
float:left;
background: url(../pict/layout/navsep.gif) no-repeat 0 50%;
}

ul#mainnav li.area, ul#mainnav li#first {
background-image: none;
}

#mainnav a { 
text-decoration:none; 
color: #ccc; 
padding: 0 5px;
}



#mainnav a.arealink {
display:block;
width: 70px;
font-weight:bold;
color: #7b7c7e;
}

#mainnav li.nav a, #mainnav li.selected ul li.nav a { color: #ccc; }
#mainnav li.nav a:hover, #mainnav li.selected ul li.nav a:hover, #mainnav li.selected a { text-decoration:none; color: #005aa0;  }

/* Subnavigation */


ul#mainnav li.selected ul {
position:absolute;
top: 35px;
left: 80px;
}

ul#mainnav li.nav ul {
display:none;
}

ul#mainnav ul li {
background-color: none;
}

#logo {
float:right;
height: 60px;
width: 166px;
background-color: #fff;
float:right;
text-align:center;
}

#main {
position:relative;
width: 990px;
}

#content {
position: absolute;
top: 125px;
left: 90px;
width: 330px;
}

#contenthome {
position: absolute;
top: 125px;
left: 190px;
width: 400px;
}

.hptext {
padding-top: 4em;
}

.hptext p {
font-size: 0.75em;
line-height: 1.3em;
margin-bottom: 1.5em;
}

#content h2 {
color: #005aa0;
font-size: 1.1em;
font-weight: 800;
margin-bottom: 1em;
}

#content h3 {
color: #005aa0;
font-size: 0.8em;
margin-bottom: 0em;
}

#content p, #content ul {
 margin-bottom: 1em;
font-size: 0.9em;
}

#content ul {
margin: 0.3em 0 0.3em 1.2em;
}

#content p.func {
font-size: 1.2em;
font-weight: 800;
margin-bottom: 1em;
}

#content p.since {
font-size: 0.9em;
margin-bottom: 1em;
}

.bluebold {
font-weight: bold;
color: #005aa0;
}

#contentkunden {
position: absolute;
top: 45px;
left: 90px;
width: 420px;

}

#contentkunden h2 {
color: #005aa0;
font-size: 1.1em;
font-weight: 800;
margin-bottom: 1em;
}

#kundenleft, #kundenright {
width: 180px;
float:left;
font-size: 0.8em;
line-height: 1.3em;
}

#kundenleft h3, #kundenright h3 {
font-size: 1em;
font-weight: 400;
color: #005aa0;
}

#kundenleft p, #kundenright p {
margin-bottom: 8px;
}

#kundenleft a, #kundenright a {
color: #7b7c7e;
text-decoration:none;
font-weight: bold;
}


#kundenleft {
margin-right: 40px;
}

#tHead {
float:right;
}



#fingerprint {
width: 286px;
height: 450px;
position:absolute;
top: 50px;
right: 150px;
}

#fpimage {
height: 430px;
width: 286px;
}

#fpimage img { border: 0; }

.home {
background: url(../pict/layout/fp_home_bg.png) no-repeat 0px 0px;
}

.homesie {
background: url(../pict/layout/fp_home_bg.png) no-repeat -592px 0px;
}

.homeuns {
background: url(../pict/layout/fp_home_bg.png) no-repeat -296px 0px;
}



.unsuns {
background: url(../pict/layout/fp_ueberuns_bg.png) no-repeat -592px -440px;
}

.philo {
background: url(../pict/layout/fp_ueberuns_bg.png) no-repeat 0px 0px;
}
.kompetenzen {
background: url(../pict/layout/fp_ueberuns_bg.png) no-repeat -296px 0px;
}
.team {
background: url(../pict/layout/fp_ueberuns_bg.png) no-repeat 0px -440px;
}
.kontakt {
background: url(../pict/layout/fp_ueberuns_bg.png) no-repeat -296px -440px;
}
.unssie {
background: url(../pict/layout/fp_ueberuns_bg.png) no-repeat -592px 0px;
}

.siesie {
background: url(../pict/layout/fp_uebersie_bg.png) no-repeat -296px -440px;
}

.kunden {
background: url(../pict/layout/fp_uebersie_bg.png) no-repeat 0px 0px;
}
.projekte {
background: url(../pict/layout/fp_uebersie_bg.png) no-repeat -296px 0px;
}
.arbeiten {
background: url(../pict/layout/fp_uebersie_bg.png) no-repeat 0px -440px;
}

.sieuns {
background: url(../pict/layout/fp_uebersie_bg.png) no-repeat -592px -440px;
}



#fingerprint h1.bottom {
font-size: 1.2em;
text-align:center;
color: #005aa0;
margin-top: 1em;
font-weight: 600;
}

#fingerprint h1.top {
font-size: 1.2em;
text-align:center;
color: #005aa0;
margin-bottom: 1em;
font-weight: 600;
}

.overfp {
position: absolute;
z-index: 20;
width:562px;
height: 388px;
top: 100px;
right: 34px;
display:none;
}

#cbutton {
display:none;
position: absolute;
z-index:1000;
top:103px;
right: 36px;
width: 8px;
height: 8px;
cursor:pointer;
}

.overfp ul {
list-style: none;
}

#pfFrame {
display:none;
position: absolute;
z-index: 20;
width:562px;
height: 388px;
top: 100px;
right: 34px;
background-color: #fff;
border: 1px solid #7b7c7e;
line-height: 388px;
}

#pfHead {
height: 12px;
background-color: #dcdcdc;
border-bottom: 1px solid #7b7c7e;
text-align:right;
font-size: 1px;
line-height: 1px;
}

#footer {
width: 950px;
position: absolute;
bottom: 0;
font-size: 0.8em;
color: #eee;
text-align:right;
display:none;
}

#footer a {
color: #eee;
text-decoration:none;
}

#footer a:hover {
color: #ccc;
}

/* link */
.showLageplan {}
.cord {}