/* style.css - David Mages  */

body{
font: 14px, serif; 
margin: 0;
padding: 0;
background: black;
}
/*
font: 1em Verdana, sans-serif; letter-spacing: 0px;}
font: italic 1.05em Georgia, Times, serif;}
font: 18px Georgia, Times, serif; overflow: hidden;
font: 1em Georgia, Times, serif; letter-spacing: 1px;}
{
*/
#xx {
position: relative;
width: 800px;
height:572px;
margin: 30px auto;
padding:0 0 0 0;
background:  black;
color: #AFE3A1;    /*    color: #AFE3A1;   */
}

#logo {
position: absolute;
top: -25px;
left: 5px;
width: 414px ;
height: 91px;
border: 0px solid red;
}

#link {
position: absolute; 
top: 63px;
left: 0px;
margin: 0;
padding: 0 0 0 0;
height: 26px;
width: 800px;
background: white;    
border-top: 1px solid black;
border-bottom: 1px solid black;
z-index:10;
}

/*
#cont {
position: relative; 
width: 800px;
height:527px;
margin-top: 29px;
border: 0px solid white;
}
*/

#nav {
margin: 0 0 0 50px ;
padding: 0 ;
height: 26px;
width: 800px;
}

#nav a {
text-decoration: none;
}

#nav li { 
float: left;
margin: 0;
display: block;
padding-right: 0px;  
}

#nav li.on:hover ul, #nav li.over ul { /*for ie*/
background: #0072FF;
}

#nav li a {
color: #224d6f;
font-weight: bold;
display: block;
margin-right:0px;
padding: 0;
border-right: 1px solid black;		
}

#nav li.on a {
color: #F99E16;
}


#nav li span {
position: absolute;
left: -9384px; 
}

#liStart a, #liEtp a, #liProduktion a, #liKontakt a, #liReferenzen a, #liBilder a {
display: block;
position: relative;
height: 26px;
background:  url(./bilder/link-map.gif) no-repeat; 
}


#liStart a {
border-left:1px solid black;
width: 100px;
background-position: 0 0;
}
#liEtp a {
width: 100px;
background-position: -100px 0;
}
#liProduktion a {
width: 100px;
background-position: -200px 0;
}
#liReferenzen a {
width: 100px;
background-position: -300px 0;
}
#liKontakt a {
width: 100px;
background-position: -400px 0;
}
#liBilder a {
width: 100px;
background-position: -500px 0;
}


#liStart.on a {
background-position: 0px -26px;
} 
#liEtp.on a {
background-position: -100px -26px;
}
#liProduktion.on a {
background-position: -200px -26px;
} 
#liReferenzen.on a {
background-position: -300px -26px;
}
#liKontakt.on a {
background-position: -400px -26px;
}  

#liBilder.on a {
background-position: -500px -26px;
}


#liStart a:hover, #liStart:hover a, #liStart.over a {
background-position: 0 -52px;
}
#liEtp a:hover, #liEtp:hover a, #liEtp.over a {
background-position: -100px -52px;
}
#liProduktion a:hover, #liProduktion:hover a, #liProduktion.over a {
background-position: -200px -52px;
}
#liReferenzen a:hover, #liReferenzen:hover a, #liReferenzen.over a {
background-position: -300px -52px;
}
#liKontakt a:hover, #liKontakt:hover a, #liKontakt.over a {
background-position: -400px -52px;
}
#liBilder a:hover, #liBilder:hover a, #liBilder.over a {
background-position: -500px -52px;
}


#bild-mitte {
position: absolute;
top: 92px;
left: 0;
width: 800px ;
height: 348px;
z-index:1;
}



.aa {
color:white;
font-size:16px;
}


.weiter {
color: red;
font-size: 10px;
}

img {
border: none;
}

a { 
text-decoration: none;
color:#38FF02;
}

p, ul{
font: 14px Verdana, Times, serif; 
margin:0;
padding:0;
}

.caps {
font-variant:small-caps;
}

/*
font: 1em Verdana, sans-serif; letter-spacing: 0px;}
font: italic 1.05em Georgia, Times, serif;}
font: 18px Georgia, Times, serif; overflow: hidden;
font: 1em Georgia, Times, serif; letter-spacing: 1px;}
*/

#alle-text {
position: absolute;
top: 350px;
left: 30px;
width: 710px ;
height: 200px;
color: #AFE3A1;  /* ##F2F2F2 #AFE3A1 */
margin:0;
padding:0px 20px 2px 0px;
border-top: 0px solid green;
border-left: 0px solid green;
border-right: 0px solid green;
border-bottom: 0px solid green;
z-index:9;
text-align:justify
}