body {
	margin: 0 !important;
	background: url(bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
    #logo {
	z-index: 1000;
	display:block;
	position:fixed;
    height:100%;
    width: 22% !important;
	top: 40%;
	min-width: 180px;
	overflow : hidden;
	margin-left: 39%;
	color: #fff;
    }
	

	
	img{
    width:100%;
    height: auto;
}

#container{
   position: absolute;
   top: 38.5%;
   
   left: 0;
   width: 100%;
}

#top{

      position: absolute;
   top: 0;
   float:left;
   left: 0;
   width: 100%;
      max-width:none;
     top: 0; bottom: 0; left: 0; right: 0;
  overflow: auto;
}

.full {
margin-top: 10%;
   margin-left: 10%;
   margin-right: 10%;
   padding: 0 20px 0 20px;
   height: 400px;
   font-size: 100%;
   font-family: Helvetica, Arial, sans-serif;
   text-transform:uppercase;
   height:100%;
}

.right-full {
	position:fixed;
    height:100%;
    right:0px;
	background: url(bg_slide_black.png) left center repeat-x;
    float:right;
	
    color: #ffffff;
    width: 100%;

    }
	
.right-full-no {
	position:fixed;
    height:100%;
    right:0px;
	float:right;
	color: #000000;
    width: 80.73%;

    }



#close{
display: none;
}

.content {
   max-width: 520px;
   margin-left: 20.47%;
   padding: 0 20px 0 20px;
   height: 400px;
   font-size: 100%;
   font-family: Helvetica, Arial, sans-serif;
   color: #fff;
   text-transform:uppercase;
   height:100%;
   opacity:1;

}



    .right-col {
	position:fixed;
    height:100%;
    right:0px;
	background: url(bg_slide_black.png) left center repeat-x;
    color: #ffffff;
    width: 0%;
    float:right;
	
	-webkit-transition-property: width;
    -webkit-transition-duration: .8s;
    -webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	
	-moz-transition-property: width;
    -moz-transition-duration: .8s;
    -moz-transition-timing-function: ease-in-out;
	-moz-transition-delay: 0s;
	
	-ms-transition-property: width;
    -ms-transition-duration: .8s;
    -ms-transition-timing-function: ease-in-out;
	-ms-transition-delay: 0s;
	
	-o-transition-property: width;
    -o-transition-duration: .8s;
    -o-transition-timing-function: ease-in-out;
	-o-transition-delay: 0s;
	
	transition-property: width;
    transition-duration: .8s;
    transition-timing-function: ease-in-out;
	transition-delay: 0s;
	   
    }
     
 
	
.impressum {
	position: absolute;
right: 0;
bottom: 0;
top: 92%;
	font-size: 80%;
	font-family: Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	margin-right: 5%;
	opacity:1;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
	-webkit-transition-delay: 0s;
	
    -moz-transition-property: opacity;
    -moz-transition-duration: .5s;
    -moz-transition-timing-function: ease-out;
	-moz-transition-delay: 0s;
	
    -ms-transition-property: opacity;
    -ms-transition-duration: .5s;
    -ms-transition-timing-function: ease-out;
	-ms-transition-delay: 0s;
	
    -o-transition-property: opacity;
    -o-transition-duration: .5s;
    -o-transition-timing-function: ease-out;
	-o-transition-delay: 0s;
	
    transition-property: opacity;
    transition-duration: .5s;
    transition-timing-function: ease-out;
	transition-delay: 0s;

    }
	
p {
	color:#fff;
	background:none;
	font-size: 18px;
	line-height: 22px;
	font-family: Helvetica, Arial, sans-serif;
}
	
	h1{
	color:#fff;
	background:none;
	font-size: 36px;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;

    }
h1 a:link {
text-decoration: none;
background: url(over.gif) left center no-repeat;
background-position: 0px;
color:#ffffff;
padding: 0px 5px 0px 5px;
cursor:default;

}

h1 a:visited {
color:#ffffff;
}

h2 {
font-weight:normal;

}

h2 a:link {
font-size: 80%;
text-decoration: none;
background: url(over_r.gif) left center no-repeat;
background-position: 0px;
color:#000000;
padding: 0px 5px 0px 5px;
cursor:default;
font-weight:bold;
}

h2 a:visited {
color:#000000;
}
	#container p a:link {
text-decoration: none;
background-image: none;
padding: 0px;
color:#ffffff;
cursor:default;
}
	
	#container p a:visited {

}

#container p a:hover {
color:#ffffff;
}
  
#container p a:active {

}

#container p:target {
    
}


	
	p {
    
}

p a:link {
text-decoration: none;
background: none;
color:#ffffff;
padding: 0px 5px 0px 5px;
	
}
p a:visited {
color:#ffffff;
}

p a:hover {
background-position: 0px;
color:#000000;

}
  
p a:active {

}

p:target {
    
}

button{
	display:block;
	width:100%;
	border: 0px;
	background: transparent;
	text-decoration:none;
	}
	
		.bla{
text-decoration: none;
background: url(over_b.gif) left center no-repeat;
background-position: -500px;
color:#000000;

padding: 0px 5px 0px 5px;
    transition-property: background-position, color;
    transition-duration: 500ms, 500ms;
    transition-timing-function: ease-in-out, ease-in-out;
    transition-delay: 0s, 0s;
    -webkit-transition-property: background-position, color;
    -webkit-transition-duration: 500ms, 500ms;
    -webkit-transition-timing-function: ease-in-out, ease-in-out;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-property: background-position, color;
    -moz-transition-duration: 500ms, 500ms;
    -moz-transition-timing-function: ease-in-out, ease-in-out;
    -moz-transition-delay: 0s, 0s;
    -o-transition-property: background-position, color;
    -o-transition-duration: 500ms, 500ms;
    -o-transition-timing-function: ease-in-out, ease-in-out;
    -o-transition-delay: 0s, 0s;
	}
	
			.bla:hover{
background-position: 0px;
color:#ffffff;
	}

	
input{display:none}









@media only screen and (max-width: 1440px) {	

	
	    .kontakt-expanded {
    color: #ffffff;
    width: 78% !important;
    }
	
	.impressum {
	margin-right: 2%;
	}
	
	#close{
display: block;
float:right;
}
}

@media only screen and (max-width: 1000px) {	

    #logo {
	z-index:auto;
	display:block;
	position:fixed;
    height:100%;
    width: 80% !important;
	top: 10%;
	min-width: 180px;
	overflow : hidden;
	margin-left: 10%;
	margin-right: 10%;
	float: left;
    }
	
.right-col {
	background-image: none;
	background: #000000;
    color: #000000;
    width: 0%;
    float:left;
	  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  overflow: auto;

    }
     
    .expanded {
    color: #ffffff;
    width: 100%;
    }
	
	.right-full {
	background-image: none;
	background: #000000;
    color: #ffffff;
    width: 100%;
    float:left;
	  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  overflow: auto;

    }
	
		.right-full-no {
    color: #000000;
    width: 100%;
    float:left;
	  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  overflow: auto;

    }
	
	#container{
   position: absolute;
   top: 0;
   float:left;
   left: 0;
   width: 80%;
}

#close{
display: none;
float:none;
}

.content {
   margin-left: 10%;
   margin-right: 10%;
   height: 100%;
   max-width:none;
   padding: 0;
      width: 100%; !important

font-size: 100%;
	font-family: Helvetica, Arial, sans-serif;
	text-transform:uppercase;
    height:100%;
	opacity:0;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: .8s;
    -webkit-transition-timing-function: ease-out;
	-webkit-transition-delay: .8s;
	
    -moz-transition-property: opacity;
    -moz-transition-duration: .8s;
    -moz-transition-timing-function: ease-out;
	-moz-transition-delay: .8s;
	
    -ms-transition-property: opacity;
    -ms-transition-duration: .8s;
    -ms-transition-timing-function: ease-out;
	-ms-transition-delay: .8s;
	
    -o-transition-property: opacity;
    -o-transition-duration: .8s;
    -o-transition-timing-function: ease-out;
	-o-transition-delay: .8s;
	
    transition-property: opacity;
    transition-duration: .8s;
    transition-timing-function: ease-out;
	transition-delay: .8s;
    }
	
	.content-true {
   opacity:1;
}
	
	 .kontakt {
	 background-image: none;
	background: #b0b5ba;
    color: #fff;
    width: 0%;
    float:left;
	  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  overflow: auto;
  

   	-webkit-transition-property: width, color;
    -webkit-transition-duration: .4s, .4s ;
    -webkit-transition-timing-function: ease-in-out, ease-in-out;
	-webkit-transition-delay: 0s, .8s;
	
	-moz-transition-property: width, color;
    -moz-transition-duration: .4s, .4s ;
    -moz-transition-timing-function: ease-in-out, ease-in-out;
	-moz-transition-delay: 0s, .8s;
	
	-ms-transition-property: width, color;
    -ms-transition-duration: .4s, .4s ;
    -ms-transition-timing-function: ease-in-out, ease-in-out;
	-ms-transition-delay: 0s, .8s;
	
	-o-transition-property: width, color;
    -o-transition-duration: .4s, .4s ;
    -o-transition-timing-function: ease-in-out, ease-in-out;
	-o-transition-delay: 0s, .8s;
	
	transition-property: width, color;
    transition-duration: .4s, .4s ;
    transition-timing-function: ease-in-out, ease-in-out;
	transition-delay: 0s, .8s;

    }
     
    .kontakt-expanded {
    color: #ffffff;
    width: 100% !important;
    }
	
	#contact-container{
    float:left;
	  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
}
.contact {
   	max-width: none;
   	margin-left: 10%;
	margin-right: 10%;
   	padding: 0;
	font-size: 100%;
	font-family:  Helvetica, Arial, sans-serif;
	text-transform:uppercase;

    }
	
	.full {
   	margin-left: 10%;
	margin-right: 10%;
}
	

	
}