body{

background-image:url(../img/punkt.png);
background-color:black;




}
*
{padding:0;
margin:0;}

a img{border:0;}

a
{
text-decoration:none;

}



#wrapper
{



margin:0 auto;
    border:1px solid transparent;
    width:auto;
margin-top:0px;




}

#datenschutz
{



	    background-color: #00efe0;
	    width: 350px;
	    height: 30px;
	    margin-top: 160px;
	    margin-left: 150px;


}
#who{
	margin-left:86px;
	margin-bottom:20px;
}

#blackBG
{
width:1000px;
height:1650px;;

background-color:black;
margin:0 auto;
border:0px solid yellow;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;

}
.shadow2{
box-shadow: 5px 5px 60px #00efe0;
-webkit-box-shadow: 5px 5px 60px #00efe0;
-moz-box-shadow: 5px 5px 60px #00efe0;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
}






#mitte
{
background-color:black;
height:auto;
color:white;
position:relative;
margin:0 auto;
top:50px;
width:1000px;
height:500px;
border:0px solid aqua;
padding:0px;
}
@font-face {
    font-family: DeliciousRoman;
    src: url(fonts/LiberationSans-Regular.ttf);
    font-weight:400;
}


#mitte p {

    color: #dddddd;
    margin-left: 8%;
    margin-top: 2%;
    font-family: LiberationSans-Regular, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;
    border: 0px solid red;
    width: 800px;
    padding: 8px;
        padding-top: 8px;
        padding-right: 8px;
        padding-bottom: 8px;
        padding-left: 8px;
    text-align: justify;

}
.kreska{
    font-size: 20px;
    padding-right: 20px;
    color: #00efe0;




}




#navi
{
margin:0 auto;
height:150px;
width:1000px;

position:relative;

top:30px;


border:0px solid yellow;

}
#navi ul
{
border:0px solid white;

list-style-type:none;


}
#navi li
{


display:inline;

margin-left:0px;


border:0px solid red;
}
#navi li a
{
float:left;
font-family: Verdana, Geneva, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
letter-spacing: normal;
margin-left:60px;
text-align:center;
color: #00efe0;
width:120px;
height:120px;


border:0px solid aqua;
}
#navi li img
{


        filter: alpha(opacity=50);


        -moz-opacity:0.7;


        -khtml-opacity: 0.7;


        opacity: 0.7;

width:100%;
height:100%;



border:0px solid yellow;


}
#navi li img:hover
{


        filter: alpha(opacity=50);


        -moz-opacity:1;


        -khtml-opacity: 1;


        opacity: 1;

width:100%;
height:100%;



border:0px solid yellow;


}


#adresse

{
border:0px solid red;
margin-top:-500px;
 margin-left:170px;
width:200px;
height:150px;

font-family: Verdana, Geneva, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 15px;

line-height: 28px;

color:#dddddd;

}

#adresse p

{





}
#schafor img

{
border:0px solid red;
position:absolute;
top:0px;
left:-50px;








}
#domek img

{
border:0px solid red;
position:absolute;
top:270px;
left:-200px;
width:40%;
height:45%;









}

#logo {
margin-left:500px;


border:0px solid yellow;
width:500px;
height:700px;

}
#logo img{

        filter: alpha(opacity=50);


        -moz-opacity:0.5;


        -khtml-opacity: 0.5;


        opacity: 0.5;


width:100%;
height:100%;

}
#logo img:hover{
/* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.9;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.9;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.9;


width:100%;
height:100%;

}

#logoski ul

{
   list-style-type:none;

}

#referenzen

{
width:800px;
height:270px;
border:0px solid white;
margin-left:auto;

}
#referenzen img

{

display:inline;
padding:10px;

}

#logoski li

{
 display:inline;

}

#logoski {
margin-left:auto;

padding:10px;


width:900px;
height:550px;

}

#logoski img{

        filter: alpha(opacity=50);


        -moz-opacity:0.5;


        -khtml-opacity: 0.5;


        opacity: 0.5;


width:15%;
height:15%;
padding:20px;

}
#logoski img:hover{
/* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.9;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.9;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.9;


width:15%;
height:15%;

}