/* CSS Document */

body{
background-color: #FFF;
font-family: Tahoma, Arial, sans-serif;
line-height:1.1em;
margin:0;
padding:0;
}

.skiplink{
display:none;
}

img{
border:0;
}
a:focus{
outline:none;
}

#top{
background-color: #DDD;
background-image: url(../pix/hgtop.gif);
background-repeat: repeat-x;
height:80px;
margin:0;
}
#logo{
background-color: #049;
background-image: url(../pix/hglogo.gif);
background-repeat: repeat-x;
position:absolute;
top:0;
right:0;
height:80px;
width:480px;
z-index:8;
}
#logo h1{
overflow:hidden;
position:absolute;
bottom:0;
left:0;
width:410px;
height:25px;
margin:0;
color:#FFF;
}
#logo h1 span{
background-image: url(../pix/logo-architekt-strixner.gif);
background-repeat: no-repeat;
position:absolute;
top:0;
left:0;
width:410px;
height:25px;
z-index:9;
}
#balken{
background-color: #BBB;
background-image: url(../pix/hgbody.gif);
background-repeat: repeat-x;
background-position:0 100%;
width:100%;
min-height:320px;
height: auto !important;
height:320px;
}
#txtcont1{
margin: 0 500px 20px 9em;
padding:20px 0;
color:#FFF;
max-width:30em;
}

#txtcont2{
margin: 20px 500px 20px 9em;
color:#666;
max-width:30em;
}

#txtcont1 h1{
margin:0;
padding:0;
height:25px;
width:270px;
overflow:hidden;
position:absolute;
top:55px;
color:#BBB;
}
#txtcont1 h1 span{
background-repeat: no-repeat;
position:absolute;
top:0;
left:0;
width:270px;
height:25px;
z-index:6;
}
#home #txtcont1 h1 span{
background-image: url(../pix/titel-home.gif);
}
#news #txtcont1 h1 span{
background-image: url(../pix/titel-news.gif);
}
#about #txtcont1 h1 span{
background-image: url(../pix/titel-about.gif);
}
#team #txtcont1 h1 span{
background-image: url(../pix/titel-team.gif);
}
#projekte #txtcont1 h1 span{
background-image: url(../pix/titel-projekte.gif);
}
#projekte_oeffentlich #txtcont1 h1 span{
background-image: url(../pix/titel-oeffentl_projekte.gif);
}
#projekte_privat #txtcont1 h1 span{
background-image: url(../pix/titel-private_projekte.gif);
}
#wettbewerbe #txtcont1 h1 span{
background-image: url(../pix/titel-wettbewerbe.gif);
}
#werkverzeichnis #txtcont1 h1 span{
background-image: url(../pix/titel-werkverzeichnis.gif);
}
#kontakt #txtcont1 h1 span{
background-image: url(../pix/titel-kontakt.gif);
}
#philosophie #txtcont1 h1 span{
background-image: url(../pix/titel-philosophie.gif);
}
#webcams #txtcont1 h1 span{
background-image: url(../pix/titel-webcams.gif);
}

#txtcont1 h2, #txtcont2 h2{
color:#049;
font-size:1em;
font-weight:normal;
margin:0;
margin-bottom:0.7em;
}
#txtcont1 h3, #txtcont2 h3{
color:#000;
font-size:0.9em;
font-weight:normal;
margin: 0.4em 0;
}
#txtcont1 p, #txtcont2 p, #txtcont1 li{
margin: 0.2em 0;
font-size:0.8em;
letter-spacing:1px;
}
#txtcont1 span{
display:block;
width:12em;
float:left;
}
#txtcont1 a{
color: #FFF;
text-decoration:none;
}
#txtcont2 a{
color: #049;
text-decoration:none;
}
#txtcont1 a:hover{
color: #049;
}
#txtcont2 a:hover{
color: #000;
}
#txtcont1 .projektliste{
margin:0 1em;
padding:0;
list-style-type:none;
}
#navi{
float:left; 
margin-top:20px;
width: 8em;
letter-spacing:1px;
border-right:2px solid #DDD;
min-height:280px;
}
#navi ul{
font-size:0.8em;
margin:0;
margin-bottom:20px;
padding:0;
list-style-type:none;
}
#navi li{
margin:0 1.5em 1em 20px;
}
#navi li a{
display:block;
}
#navi li ul{
margin: 0;
}
#navi li ul li{
margin: 0 0 0.5em 1em;
}
#navi li a{
color:#FFF;
text-decoration:none;
}
#navi li a:hover{
color:#049;
}
/* Aktiven Link in der Navigation hervorheben */
#home #navi .home, #projekte #navi .projekte, #kontakt #navi .kontakt, #webcams #navi .webcams, #team #navi .team{
color:#049;
}

#imgcont{
position:absolute;
top: 100px;
right:0;
width:480px;
z-index:2;
}
#imgcont .projektfotos th{ 
width:480px; 
height:303px;
}
#imgcont .projektfotos td{ 
width:160px; 
height:101px;
}
#imgcont a{
color: #049;
font-size:0.8em;
text-decoration:none;
letter-spacing:1px;
font-weight:bold;
}
#alexa{
position:absolute;
left:-999em;
top:-999em;
width:0;
height:0;
overflow:hidden;
}