* {margin: 0; padding: 0;} 

body {
	background-color: #535353;
	color: #CCC;
}

p {
  font-family:Tahoma;
  font-size:8pt;
  color: #F29B1F;
  letter-spacing:0.6pt;
}

.contact {
  color: #333;
  font-family:Tahoma;
  font-size:8pt;
  letter-spacing:0.6pt;
}

.navi-header {
   color:#000000;
   font-variant:small-caps;
   letter-spacing:1pt;
   font-stretch:semi-condensed;
   font-size:10pt;
}

a:link {
color: #F29B1F;
cursor: crosshair;
text-decoration: none;
margin-bottom:5px;

}

a:visited {
color: #F29B1F;
cursor: crosshair;
text-decoration: none;
}


a:hover {
color: #333333;
cursor: crosshair;
text-decoration: none;
}

h1 {
width: 140px;
height: 42px;
background:  url(trimmtrabb.jpg) no-repeat 0 50%;
text-indent: -9999px;
}

h2 {position: relative;
top: -7px;
font-family:Tahoma;
font-size:8pt;
color: #B3B3B3;
letter-spacing:5pt;
font-weight:300;
margin-left: 13px;
text-decoration: none;
}


/* DIVS */
#container {
  position:absolute;
  top:50%;
  left:50%;
  width:790px;
  height:520px;
  margin-left:-395px;
  margin-top:-260px;
  border: 1px solid #999999;
  overflow:hidden;
  background-color: #FFFFFF;
}

#bild {
position: absolute;
/*top:70px;*/
bottom: 90px;
left:190px;
/*height:420px;*/
overflow:hidden;
}

#logo {
position: absolute;
top: 10px;
left: 635px;
margin: 0;
}

#maennecken {
  position:absolute;
  top:480px;
  left:729px;
}


/* Navigation der Projekte */
#navi {
position: absolute;
top: 202px;
left: 20px;
font-family:Tahoma;
font-variant:small-caps;
font-size:8pt;
font-weight:500;
letter-spacing:1pt;
color: #f29b1f;

}

div#navi ul {position: relative;
list-style-type: none;
/*list-style-position:outside;*/
}

div#navi li {
text-align:right;
margin: 0;
padding: 0;


}

div#navi li.aktiv {
font-family:Tahoma;
font-variant:small-caps;
font-size:8pt;
font-weight:500;
padding-top:08px;
margin-bottom: -1px;
letter-spacing:1pt;
color: #f29b1f;
text-decoration: none;
display: block;
vertical-align: bottom; /* This fixes the IE5 Win gap! */
width: 10em;

}

div#navi li a {display: block;
padding-top:08px;
margin-bottom: -1px;
color:#888888;
text-decoration: none;
width: 10em;
}

ul li a {
  display: block;
  vertical-align: bottom; /* This fixes the IE5 Win gap! */
  width: 10em;
}

div#navi li:hover {
color: #f29b1f;
}

/* ENDE Navigation der Projekte */


/* Navigation der Bilder */

div#bildnavi {
  position:absolute;
  top:460px;
  left:188px;
}
#bildnavi p{
  font-family:Tahoma;
  font-size:8pt;
  color: #F29B1F;
  text-decoration: none;
}

#bildnavi li {
  list-style-type: none;
  float: left;
}
    
a.pfeil_vor { 
  display:block;
  background:url(rechts.jpg) no-repeat 0px 1px;
  width:10px; height:11px;
  text-indent: -9999px;
  margin-left: 0.3em;
}
a.pfeil_vor:hover { background-image:url(rechtsover.jpg); }

a.pfeil_zurueck { 
  display:block;
  background:url(links.jpg) no-repeat 0px 1px;
  width:10px; height:11px;
  text-indent: -9999px;
  margin-right: 0.3em;
}
a.pfeil_zurueck:hover { background-image:url(linksover.jpg); }

a.bildnavi{
  float: left;
  width: 18px;
  font-family:Tahoma;
  font-size:8pt;
  color: #F29B1F;
  letter-spacing:0.6pt;
  text-decoration: none;
  vertical-align:top;
  text-align: center;
} 

a.bildnavi:hover{
color: #333;
} 

#navi1 {
color:#333;
}


/* ENDE Navigation der Bilder */