/* CSS 4 www.trimmel.co.at by kessler.at */

body{
margin:0;
padding:0;
background-color: #222;
font-family: Arial, Tahoma, sans-serif;
text-align:center;
letter-spacing: 0.02em;
}

img{
border:0;
}
a:focus{
outline:none;
}
#top{
text-align:right;
position:relative;
width:1200px;
height:60px;
padding:0;
margin:0 auto;
margin-top:20px;
font-weight:normal;
text-align:left;
background:#222 url(../pix/logo_trimmelneu.gif) -10px bottom no-repeat;
z-index:1;
}
#intro #top{ background:none; }
#intro #pixcontent{ position:relative; top:-75px; z-index:99; }
#top h1{
display:none;
}
hr{
clear:both;
color:#222;
border-color:#222;
border-bottom:1px solid #666;
}

#mainnavi{
text-align:right;
padding:0;
margin:0 auto;
position:absolute;
right:190px;
bottom:0;
z-index:10;
}
#mainnavi ul{
text-align:right;
list-style-type:none;
margin:0;
padding:0;
float:right;
width:755px;
}
#mainnavi li{
font-size:0.7em;
float:right;
border-right:1px solid #999;
margin:0;
}
#mainnavi li.likontakt{
margin-right:0;
border:none;
}
#mainnavi li a{
text-decoration:none;
color:#999;
margin:0 10px;
}
#mainnavi li.likontakt a{
margin-right:0;
}
#mainnavi li a:visited{
color:#888;
}
#mainnavi li a:hover{
text-decoration:underline;
}
#aktuelles #mainnavi li.liaktuelles a, #projekte #mainnavi li.liprojekte a, #buero #mainnavi li.libuero a, #partner #mainnavi li.lipartner a, #leistungen #mainnavi li.lileistungen a, #kontakt #mainnavi li.likontakt a{
color:#EEE;
cursor:default;
text-decoration:none;
}
#home #mainnavi{
visibility:hidden;
} 
#content{
color:#999;
clear:left;
width:1200px;
margin:0 auto;
position:relative;
padding-top:20px;
text-align:left;
}
#wrapper{
width:945px;
margin-left:255px;
position:relative;
min-height:470px;
}
* html #wrapper{
height: 470px;
}
#wrapper h2{
color:#FFF;
font-size:8pt;
}
#wrapper p, #wrapper li{
font-size:8pt;
}
#wrapper a{
color:#999;
}
#wrapper a:visited{
color:#888;
}
#wrapper a:hover{
text-decoration:none;
}
#maincontent{
margin-left:775px;
width:170px;
}
#maincontent h2{
color:#EEE;
margin-top:0;
}
#maincontent .contbottom{
padding-top:350px;
} 
#pixcontent{
position:absolute;
top:0;
left:0;
width:755px;
height:470px;
}
.rahmen{
border:1px solid #666;
}
#pixcontent h2{
margin-top:10px;
}
#pixcontent h2, #pixcontent p{
margin-left:10px;
margin-right:10px;
}
#mainpic{
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}
#preload{
display:none;
}
#pixnavi{
color:#222;
text-align:left;
position:relative;
margin-top:20px;
margin-left:255px;
width:755px;
height:44px;
overflow:hidden;
}
#pixnavi img{
border-top:2px solid #222;
border-bottom:2px solid #222;
border-right:2px solid #222;
}
#pixnavi img.links{
position:absolute; 
left:0; 
top:0; 
z-index:10;
}
#pixnavi img.rechts{
position:absolute; 
left:731px; 
top:0; 
z-index:9;
}
#pixnavi .aktpic img{
border:2px solid #DDD;
margin-right:2px;
}
#pixnavi .cellbox{
float:left;
}
#pixnavi #cell0{
width:24px;
height:40px;
}
#pixnavi #qw{
display:none;
}

#imgbox{
width:755px;
height:470px;
overflow:hidden;
position:relative;
background-repeat:no-repeat;
}
#imgbox img{
position:absolute;
top:0;
left:0;
clip:rect(0 755 470 0);
}

#subnavi{
position:absolute;
top:20px;
left:0;
width:235px;
font-size:8pt;
}
#subnavi ul, #subnavi ol{
list-style-type:none;
margin:0;
padding:0;
}
#subnavi ol{
margin-left:10px;
}
#subnavi li{
margin:0;
padding:0;
}
#aktuelles #subnavi li, #projekte #subnavi li{
color:#EEE;
}
#subnavi a{
text-decoration:none;
color:#999;
}
#subnavi a:visited{
color:#888;
}
#subnavi a:hover{
text-decoration:underline;
}
#subnavi a.aktli{
color:#EEE;
cursor:default;
}
#subnavi a.aktli:hover{
text-decoration:none;
}
#home #subnavi a.aktli{
cursor:pointer;
}
#subnavi h2 a{
font-size:8pt;
}

#startlinks{ line-height:2.4em; text-align:center; list-style-type:none; margin:0; padding:0; }
#startlinks li{ display:inline; font-size:1.2em; }
#und{ margin:0 100px; font-family:Baskerville, Times, serif; font-size:2.4em !important; font-style:italic; color:#666; }

#bottom{
position:relative;
color:#999;
width:1200px;
margin:0 auto;
font-size:7.5pt;
}
#intro #bottom{ text-indent:-2222px;}
#bottom a{
color:#999;
text-decoration:none;
}
#bottom .aktli {
color:#EEE;
cursor:default;
}
/* #bottom .lang{
padding:0;
margin: 0;
position:absolute;
left:0;
top:0;
} */
#bottom .lang{
display:none;
}
#bottom .copy{
/* background:url(../pix/bottom.gif) no-repeat;
text-indent:-999em; */
font-size:8pt;
padding:0;
margin: 0;
width:755px;
position:absolute;
left:255px;
top:0;
text-align:left;
}
#alexa{
position:absolute;
left:-999em;
top:-999em;
width:0;
height:0;
overflow:hidden;
}