* {margin: 0; padding: 0;} 

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

p {
  font-family:Tahoma;
  font-size:10pt;
  letter-spacing:1pt;
  color:#000;
}

.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:14pt;
   margin-top:14px;
}

a:link {
color: #000;
cursor: crosshair;
text-decoration: none;
}

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

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

a.intext {
	text-decoration:underline; 
	cursor: crosshair;
}

p.bildunterschrift {
  font-size:8pt;
  margin-top: 5px;
  font-style:italic;
}

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

h2 {position: relative;
font-family:Tahoma;
font-size:18pt;
color:#000;
letter-spacing:2pt;
font-weight:100;
text-decoration: none;
}

h3 {position: relative;
font-family:Tahoma;
font-size:18pt;
color:#000;
letter-spacing:2pt;
font-weight:100;
text-decoration: none;
margin-bottom:10px;
}

h4 {position: relative;
font-family:Tahoma;
font-size:14pt;
color:#000;
letter-spacing:2pt;
font-weight:100;
text-decoration: none;
margin-bottom:14px;
}

/* DIVS */
#container {
  position:absolute;
  top:5%;
  left:5%;
  width:1200px;
  height:775px;
  overflow:overflow;
  background-color: #FFFFFF;
}

#bild {
position: absolute;
top: 110px;
left:200px;
overflow:hidden;
}

#logo {
position: absolute;
top: 5px;
left: -23px;
margin: 0;
}

#trimmtrabb {
position: absolute;
top: 0px;
left: 678px;
margin: 0;
}

#maennecken {
  position:absolute;
  top:540px;
  left:778px;
}

#textfeld {
  position:absolute;
  top:620px;
  left:200px;
  width:560px;
  padding-top: 20px;
}

/* Navigation der Projekte */
#navi {
position: absolute;
top: 115px;
left: 0px;
font-family:Tahoma;
font-size:10pt;
font-weight:300;
letter-spacing:1pt;
}

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;
padding-top:08px;
margin-bottom: -1px;
letter-spacing:1pt;
color:#F90;
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 a:hover {
color:#F90;
}

/* ENDE Navigation der Projekte */


/* Navigation der Bilder */

div#bildnavi {
  position:absolute;
  top:530px;
  left:200px;
}

#counter {
font-family:Tahoma;
padding-top:4px;
letter-spacing:1pt;
color:#666;
vertical-align: center; /* This fixes the IE5 Win gap! */
width: 10em;
margin-left:10px;
}

#bildnavi li {
  list-style-type: none;
  float:left;
}
    
a.pfeil_vor { 
  display:block;
  background:url(next.png) no-repeat 0px 7px;
  width:10px; height:25px;
}

a.pfeil_zurueck { 
  display:block;
  background:url(previous.png) no-repeat 0px 7px;
  width:10px; height:25px;
  margin-right:8px;
}

#navi1 {
color:#333;
}


/* ENDE Navigation der Bilder */