/* 
phase5 CSS 
Author: Ernesto Giménez - www.01art.de
Date: 14.10.2004
*/

body {
	background-repeat: no-repeat;
	background-color: #EEEEEE;
}
.inde_white {
	background-color: #FFFFFF;
}
p, br {
font-family : "Lucida Grande", Geneva, Arial, sans-serif; 
color : #333333; 
font-size : 12px; 
line-height : 18px; 
margin : 0; 
letter-spacing : 0.5px; 
} 
a:hover {
font-family : "Lucida Grande", Geneva, Arial, sans-serif; 
color : #000000; 
} 
a:link , a:visited , a:active {
font-family : "Lucida Grande", Geneva, Arial, sans-serif; 
color : #000000; 
} 
#dlinks a:link , #dlinks a:visited , #dlinks a:active {
font-family : "Lucida Grande", Geneva, Arial, sans-serif; 
color : #fc7215; 
} 
h2 {
font-family : "Lucida Grande", Geneva, Arial Narrow, Arial, sans-serif; 
font-size : 18px; 
font-weight : bold; 
margin : 0; 
} 
img {
border : 0 none inherit; 
padding : 0; 
margin-bottom : 0; 
} 
.h1 { background-image: url(pics/h_1.jpg);}
.h2 { background-image: url(pics/h_2.jpg);}
.h3 { background-image: url(pics/h_3.jpg);}
.h4 { background-image: url(pics/h_4.jpg);}
.h4_1 { background-image: url(pics/h_4_1.jpg);}
.h6_2 { background-image: url(pics/h_6_2.jpg);}
.h7 { background-image: url(pics/h_7.jpg);}
.h8 { background-image: url(pics/h_8.jpg);}
.h9 { background-image: url(pics/h_9.jpg);}

.text {
display : block; 
padding : 10px; 
position : absolute; 
left : 338px; 
top : 125px; 
width : 358px; 
height : 275px; 
z-index : 14; 
} 
.text1 {
display : block; 
padding : 10px; 
position : absolute; 
left : 338px; 
top : 125px; 
width : 358px; 
height : 275px; 
z-index : 4; 
visibility:hidden
} 
.text img {
padding : 10px 0; 
} 

.phase_err {
position:absolute; 
left:750px; 
top:149px; 
width:160px; 
height:94px; 
z-index:18
}
.phase_er {
position:absolute; 
left:747px; 
top:134px; 
width:171px; 
height:94px; 
z-index:18
}
h1, #untere_navi b, hr {
display : none; 
} 

/* Titel */
#stand, #team, #infra, #berat, #bio, #plan, #gp, #invest, #ahand, #weiter, #ci1, #presse1, #impressum1, #rundgang1, #partner1, #projekte1, #kunden1{
position : relative; 
display : block; 
height : 38px; 
}
#stand {
background : url(pics/t_stand.gif) no-repeat; 
} 
#team {
background : url(pics/t_team.gif) no-repeat; 
} 
#infra {
background : url(pics/t_infra.gif) no-repeat; 
} 
#berat {
background : url(pics/t_projektent.gif) no-repeat; 
} 
#bio {
background : url(pics/t_bio.gif) no-repeat; 
} 
#plan {
background : url(pics/t_plan.gif) no-repeat; 
} 
#gp {
background : url(pics/t_generalp.gif) no-repeat; 
} 
#invest {
background : url(pics/t_invest.gif) no-repeat; 
} 
#ahand {
background : url(pics/t_prost.gif) no-repeat; 
} 
#weiter {
background : url(pics/t_nutzer.gif) no-repeat; 
} 
#ci1 {
background : url(pics/t_ci.gif) no-repeat; 
} 
#presse1 {
background : url(pics/t_presse.gif) no-repeat; 
} 
#impressum1 {
background : url(pics/t_impressum.gif) no-repeat; 
} 
#rundgang1 {
background : url(pics/t_rundgang.gif) no-repeat; 
} 
#partner1 {
background : url(pics/t_partner.gif) no-repeat; 
} 
#projekte1 {
background : url(pics/t_projekte.gif) no-repeat; 
} 
#kunden1 {
background : url(pics/t_kunden.gif) no-repeat; 
} 

/*Untere Navigation */

#orange {
position: absolute;
left: 0px;
height : 38px;
width :222px;
background : url(pics/n_1.jpg) no-repeat;
top: 0px;
}
#nav_rundgang a{
position: absolute;
left: 222px;
height : 38px;
width :118px;
background : url(pics/n_rundgang.gif) no-repeat;
top: 0px;
}
#nav_impressum a{
position: absolute;
left: 340px;
height : 38px;
width :125px;
background : url(pics/n_impressum.gif) no-repeat;
top: 0px;
}
#nav_rundgang a:hover {
display : block; 
height : 38px; 
background : url(pics/n_rundgang_f2.gif) no-repeat; 
}
#nav_impressum a:hover {
display : block; 
height : 38px; 
background : url(pics/n_impressum_f2.gif) no-repeat; 
}
/*   */

.navigation {
position : absolute; 
left : 338px; 
top : 39px; 
width : 547px; 
height : 41px; 
z-index : 28; 
} 
#phase5 {
position:absolute; left:29px; top:67px; width:315px; height:259px; 
z-index: 48;
overflow:hidden; clip:rect(0,650,400,0); visibility:visible;}

#divtext {
position:absolute;
top:1px;
left:0px;
width: 292px;
z-index: 50;
}
.logo {
position : absolute; 
left : 0; 
top : 39px; 
width : 301px; 
height : 58px; 
z-index : 5; 
} 
.down {
position : absolute; 
left : 0; 
top : 524px; 
width : 491px; 
height : 40px; 
z-index : 7; 
} 
.white {
position : absolute; 
left : 270px; 
top : 0; 
width : 7px; 
height : 638px; 
z-index : 6; 
} 
.downnavi {
position : absolute; 
left : 352px; 
top : 439px; 
width : 353px; 
height : 23px; 
z-index : 3; 
border-top : 1px dotted #999999; 
border-right : 1px none #999999; 
border-bottom : 1px none #999999; 
border-left : 1px none #999999; 
} 
#right1 {
position : absolute; 
left : 994px; 
top : 0; 
width : 14px; 
height : 638px; 
z-index : 17; 
border-left : 4px solid #ffffff; 
} 
#right2 {
position : absolute; 
left : 1173px; 
top : 0px; 
width : 14px; 
height : 638px; 
z-index : 18; 
border-left : 4px solid #ffffff; 
} 
#down1 {
position : absolute; 
left : 0; 
top : 634px; 
width : 998px; 
height : 5px; 
z-index : 16; 
border-top : 4px solid #ffffff; 
} 
.blend {
position : absolute; 
left : 900px; 
top : 207px; 
width : 256px; 
height : 118px; 
z-index : 3; 
filter: Alpha(Opacity=65, FinishOpacity=25, Style=0, StartX=0, StartY=0, FinishX=40, FinishY=20);
visibility : hidden; 
-moz-opacity:0.7;
} 
.textfeld {
border-top : 1px solid #bdc6d2; 
border-left : 1px solid #bdc6d2; 
border-right : 0 solid #f2f3f9; 
border-bottom : 0 solid #f2f3f9; 
background-color : #f2f3f9; 
color : #222222; 
font-size : 12px; 
} 

html{
scrollbar-face-color:#FFFFFF;
scrollbar-arrow-color:#174C71;
scrollbar-track-color:#F2F3F9;
scrollbar-shadow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-Color:#FFFFFF;
}

.teil_logo {
display: block; height: 56px; width: 180px;
position: relative; background: transparent url(pics/logo.gif) -160px 0px no-repeat; 
}
li {
	list-style-image: none;
	list-style-type: none;
	list-style-position:outside;
}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}