/* CSS Document */
/************************************************/
/** Allgemeine Styles, Body, Überschriften etc **/
/************************************************/

body {
padding:0px;
margin:0px;
background-color:#FFFFFF;
font-family:Verdana,Helvetica;
text-align:center;
}
body,html,div,span {
position:relative;
}
p {
padding:0px;
margin:0px;
margin-bottom:10px;
}
img {
border:none;
}
a{
color:#000;
text-decoration:none;
}
/*****************************/
/** Textbereiche und Listen **/
/*****************************/

#textlinks { 
z-index:2;
top:0px;
left:0px;
width:293px;
padding:25px 0px 0px 6px;
}
#textrechts{
z-index:2;
top:0px;
left:0px;
width:293px;
padding:23px 0px 0px 6px;
}
#textrechts_blau{
z-index:2;
top:0px;
left:0px;
width:293px;
padding:46px 0px 0px 6px;
}
#textlinksunten {
position:absolute;
top:374px;
left:168px;
width:293px;
padding:6px 0px 0px 6px;
}
/* Listen innerhalb der Textbereiche*/
#textrechts table td{
width:50%;
}
#textrechts ul, #textlinks ul{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style: none;
}
#textrechts ul li, #textlinks ul li{
min-width:293px;
margin-bottom:5px;
}
html>body #textrechts ul li, #textlinks ul li{
width:293px;
margin-bottom:10px;
}
#textrechts ul li a, #textlinks ul li a{
font-size:11px;
color:#000;
display:block;
width:250px;
}

.detailbuttonnotselected{
display:block;
background: url(../images/pfeil_grau.gif);
background-repeat: no-repeat;
background-position: 50px;
}

#detailbutton a {

}

#detailbutton a:hover{
font-weight:bold;

background: url(../images/pfeil_rot_over.gif);
background-repeat: no-repeat;
background-position: 50px;
}

#projekte li a:hover{
font-weight:bold;
display:block;
background: url(../images/pfeil_rot_mehr.gif);
background-repeat: no-repeat;
background-position: 210px;
}
#jobs li a:hover, #mitarbeiter li a:hover, #ext_projekt li a:hover{
display:block;
font-weight:bold;
background: url(../images/pfeil_rot_over.gif);
background-repeat: no-repeat;
background-position: 210px;
}
#kontaktlist li a:hover{
font-weight:bold;
background: url(../images/pfeil_rot_over.gif);
background-repeat: no-repeat;
background-position: 210px;
}
#kontaktlist li a{
margin-bottom:0px;
}
.selected{
font-weight:bold;
background: url(../images/pfeil_rot_over.gif);
background-repeat: no-repeat;
background-position: 210px;
}
.notselected{
display:block;
background: url(../images/pfeil_grau.gif);
background-repeat: no-repeat;
background-position: 210px;
}
/****************************************************************/
/** Navigationen, Hintergrundbilder, sonstige Grafiken und Icons*/
/****************************************************************/
#inhalt { 	
  text-align: left;
  vertical-align: middle;	
  margin: 0px auto;
  padding: 0px;
  width:952px;
  background-color: #ffffff; 
}
#zusatznavi{
left:168px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
#navi{
height:61px;
width:666px;
padding:0px 0px 0px 1px;
margin:0px 0px 0px 161px;


}
#hintergrund {
height:620px;
width:952px;
margin:0px 0px 0px 6px;
}
/*#naviPic{
height:61px;
width: 666px;
border:0;
}*/
#rediconback{
height:13px;
width: 24px;
z-index:2;
margin:0px 0px 10px 215px;
/*background:url(../images/pfeil_rot_back.gif) no-repeat;*/
}

#rediconforward{
height:13px;
width: 24px;
z-index:2;
margin:0px 0px 10px 215px;
/*background:url(../images/pfeil_rot_forward.gif) no-repeat;*/
}

#skillLogo{
z-index:2;
position:absolute;
width:111px;
height:17px;
left:168px;
top:490px;
background:url(../images/skill_Logo.gif) no-repeat;
}
#auto{
margin:0px 0px 10px 201px;
width:38px;
height:12px;
}
#bahn{
margin:0px 0px 10px 201px;
width:38px;
height:12px;
}
#dickerPfeil{
position:absolute;
left:372px;
top:80px;
width:95px;
height:227px;
background:url(../images/pfeil_rot_gross.gif) no-repeat;
}
#dickerPfeil_grau{
position:absolute;
left:372px;
top:80px;
width:95px;
height:227px;
background:url(../images/pfeil_grau_gross.gif) no-repeat;
}
.pfeilback{
margin:0px 0px 10px 260px;
}
.pfeilback2{
margin:0px 0px 10px 200px;
}
/* Logo und Thumbnails innerhalb eines Factsheets*/
.fact_thumb{
margin:6px 0px 0px 30px;
height:85px;
width:100px;
z-index:2;
position:center;
}
.thumbgr{
border:1px solid #ACB4B7;
z-index:5;
position:absolute;
left:420px;
top:150px;
visibility:hidden;
width:500px;
}
.fact_logo{
margin:25px 0px 0px 30px;
height:81px;
width: 97px;
z-index:2;
}
#anfahrt{
/*border:1px solid #cb3a38;*/
z-index:5;
position:absolute;
left: 250px;
top: 150px;
margin:0px 0px 0px 0px;
padding:6px 0px 20px 6px;
visibility:hidden;
width:500px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/white.gif',sizingMethod='scale');
}
html>body #anfahrt{
width: 500px;
background:url(../images/white.gif);
}
#close{
margin:0px 20px 0px 350px;
}
/*********************************************************/
/** Ein-/Ausschalten von Layern, Kennzeichen von Links**/
/*********************************************************/

.ebene1{
color:black;
font-weight:bold;
}
.ebene1aktiv{
color:black;
font-weight:bold;
}
.layaktiv{
visibility:visible;
}
.layinaktiv{
visibility:hidden;
}

/************/
/**  Layer **/
/************/
.blauLay{
z-index:1;
position:absolute;
top:63px;
left:162px;
/**height:246px;*/
min-height:246px;
width: 305px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/trans_blau.png',sizingMethod='scale');
}
html>body .blauLay{
*height:246px;
min-height:246px;
background:url(../images/trans_blau.png);
}
#blaulayFor_you{
top:63px;
}
#blaulaySkillworkers{
top:45px;
left:473px;
}
#graulayL, #graulayR{
/*border:1px solid #97dfeb;*/
z-index:1;
position:absolute;
top:63px;
left:162px;
*height:343px;
min-height:343px;
width:305px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/trans_grau.png',sizingMethod='scale');
}
#graulayR{
*height:459px;
min-height:459px;
left:473px;
}
html>body #graulayL, #graulayR{
background:url(../images/trans_grau.png);
}
#graulayRsmall{
position:absolute;
top:63px;
left:780px;
*height:459px;
min-height:459px;
width: 155px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/trans_grau.png',sizingMethod='scale');
}
html>body #graulayRsmall{
background:url(../images/trans_grau.png);
}
/*Layer für Mouseover innerhalb einer Liste*/
.layinfo_worker{
/*border:1px solid #cb3a38;*/
z-index:5;
position:absolute;
left: 410px;
top: 190px;
margin:0px 0px 0px 0px;
padding:6px 0px 0px 6px;
visibility:hidden;
width:303px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/white.gif',sizingMethod='scale');
}
html>body .layinfo_worker{
width: 297px;
background:url(../images/white.gif);
}
/*Bild innerhalb von .layinfo_worker*/
.pic_worker{
z-index:5;
margin:0px 0px 6px 0px;
height:150px;
width: 290px;
}
.layinfo{
z-index:5;
visibility:hidden;
position:absolute;

left: 688px;
margin:0px 0px 0px 0px;
padding:6px 0px 0px 6px;
width: 240px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/white.gif',sizingMethod='scale');
}
html>body .layinfo{
background:url(../images/white.gif);
}
.layinfo a:hover{
font-weight:bold;
}
/********************/
/* Textformatierung */
/********************/

.fliesstext {
font-size:11px;
color:#000000;

}
.highlight {
font-size:11px;
color:#cb3a38;
}

#tabelle{
position:absolute;
	padding-right:3px;
	bottom:5px;
	width:100%;


}