body {
		background: #1a171b;
	}
	


img.logo {
 position: absolute;
    left: 50px;
    top: 50px;
 z-index: 50;
}



a.info {
 position: absolute;
 top: 35px;
 right: 35px;
 width:50px;
 height:50px;
 background-image:url('../img/info_0.png');
 z-index: 50;
}

a.info:hover {
 width:50px;
 height:50px;
 background-image:url('../img/info_1.png');
 z-index: 51;
}



a.kontakt {
 position: absolute;
 top: 35px;
 right: 100px;
 width:50px;
 height:50px;
 background-image:url('../img/email_0.png');
 z-index: 50;
}

a.kontakt:hover {
 width:50px;
 height:50px;
 background-image:url('../img/email_1.png');
 z-index: 51;
}




img.galerie {
 position: absolute;
    left: 50px;
    bottom: 50px;
z-index: 50;
}

div.startmitte {
height:165px;
width:550px;

    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	z-index: 50;	
}

a.baum {
 position: absolute;
 left: 0px;
 width:165px;
 height:165px;
 background-image:url('../img/baum_0.png');
 z-index: 50;
}

a.baum:hover {
 width:165px;
 height:165px;
 background-image:url('../img/baum_1.png');
 z-index: 50;
}

a.klammer {
 position: absolute;
 left: 192px;
 width:165px;
 height:165px;
 background-image:url('../img/klammer_0.png');
 z-index: 50;
}

a.klammer:hover {
 width:165px;
 height:165px;
 background-image:url('../img/klammer_1.png');
 z-index: 50;
}


a.fabrik {
 position: absolute;
 right: 0px;
 width:165px;
 height:165px;
 background-image:url('../img/fabrik_0.png');
 z-index: 50;
}

a.fabrik:hover {
 width:165px;
 height:165px;
 background-image:url('../img/fabrik_1.png');
}




a.baumklein {
 position: absolute;
 top: 35px;
 left: 330px;
 width:50px;
 height:50px;
 background-image:url('../img/baum_klein_0.png');
 z-index: 50;
}

a.baumklein:hover {
 width:50px;
 height:50px;
 background-image:url('../img/baum_klein_1.png');
}

a.klammerklein {
 position: absolute;
 top: 35px;
 left: 400px;
 width:50px;
 height:50px;
 background-image:url('../img/klammer_klein_0.png');
 z-index: 50;
}

a.klammerklein:hover {
 width:50px;
 height:50px;
 background-image:url('../img/klammer_klein_1.png');
}

a.fabrikklein {
 position: absolute;
 top: 35px;
 left: 470px;
 width:50px;
 height:50px;
 background-image:url('../img/fabrik_klein_0.png');
 z-index: 50;
}

a.fabrikklein:hover {
 width:50px;
 height:50px;
 background-image:url('../img/fabrik_klein_1.png');
}

div.info {
 position: absolute;
 width:100%;
 height:100%;
 
 top: 0px;
 left: 0px;
 z-index: -1;

}

img.test {
 position: absolute;
 top: 0px;
 left: 0px;
height:100%;
}


p.infotext {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color:#000;
 position: absolute;
 bottom: 10px;
 left: 50px;
 text-transform: uppercase;
 width: 880px;
 
}




a.google {
text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color:#000;
}

/*I want to style my pager*/


#cycle-nav {
		
		
		position: absolute;
		
		top: 50%;
    left: 50%;
    margin-right: -50%;
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
		max-width: 60%;
		padding:5px 20px 15px 5px;

    background:#333;
    color:#fff;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity:0.8;

}



#cycle-nav ul {
    list-style-type:none;
}
#cycle-nav ul li {
    border:1px solid #ffffcc;
    float:left;
    margin:4px;
    height:50px;
}
#cycle-nav ul li a {
    float:left;
    margin:0px;
    height:50px;
}
#cycle-nav ul li.activeSlide {
    border:1px solid #FF8000;
}


/* Other random styles */
#arrow_right {
position: absolute;
top:50%;
right:20px;
text-decoration:none;

}


#arrow_left {
position: absolute;
top:50%;
left:20px;
text-decoration:none;
}


div.mc-image {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
		z-index: -1;
}


div#nachlinks {
position: absolute;
height: 90%;
width: 20%;
left: 0px;
z-index: 40;

}

div#nachrechts {
position: absolute;
height: 90%;
width: 20%;
right: 0px;
z-index: 40;

}

div.kontakt {
 position: absolute;
 width:100%;
 height:100%;
 
 top: 80px;
 left: 50px;
 z-index: -1;

}


p.kontakttext {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;

color:#fff;
 position: relative;
 top: 30px;
 text-transform: uppercase;
 width: 880px;
 font-weight: bold;
}

form.kontakt {
position: static;
}

div.label {
position: relative;
 width: 250px;
 border: 2px solid yellow;
}


span.label {

font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#fff;
text-transform: uppercase;
display: inline-block;
width: 250px;
font-weight: bold;
}

span.trenn {
display: inline-block;
width: 20px;
}


input.label {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#000;
display: inline-block;
width: 245px;

}


textarea.label {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#000;
display: inline-block;
width: 517px;
height: 300px;
}

input[type=submit] {
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding:5px 15px; 
background:#00ff37; 
border:0 none;
left: 385px;
font-weight: bold;
}

a.kontaktlinks {
text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#fff;
}