article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{
  display:block;
}
mark,rp,rt,ruby,summary,time{
  display:inline;
}

*{
  margin:0px;
  padding:0px;
  font-size:14px;
  font-family:Arial,sans-serif;
  text-decoration:none;
  color:#333333;
  border:0px;
}
html,body{
  position:absolute;
  min-width:1200px;
  min-height:1000px;
  width:100%;
  height:100%;
  overflow:hidden;
  z-index:1;
    background: #959595; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1OTU5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iIzBkMGQwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAxMDEwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzBhMGEwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzRlNGU0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iIzM4MzgzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjFiMWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); 
    background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); 
    background: -o-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); 
    background: -ms-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
    background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); 

}
body > section{
    background: rgb(242,237,227); 
    background: #ffda96;
    width:985px;
    height:470px;
    position: fixed;
    top:50%;
    left:50%;
    margin-left: -493px;
    margin-top: -250px;
    border-radius: 15px;
    box-shadow: 7px 7px 10px #090909;
    padding: 15px 0px;
    background-image:url(../image/bg.jpg);
}
body .wp{
    width:470px;
    height:15px;
    position: fixed;
    top:50%;
    left:50%;
    margin-left: -470px;
    margin-top: 257px;
    font-size: 9px;
    color:#808080;
}
body .wp:hover{
    color:#969696;
}
body .imp{
    width:70px;
    height:15px;
    position: fixed;
    top:50%;
    left:50%;
    margin-left: 400px;
    margin-top: 257px;
    font-size: 9px;
    color:#808080;
    text-align:right;
}
body .dat{
    width:70px;
    height:15px;
    position: fixed;
    top:50%;
    left:50%;
    margin-left: 330px;
    margin-top: 257px;
    font-size: 9px;
    color:#808080;
    text-align:right;
}

body > aside{
    background: rgba(242,237,227,0.9); 
    width:800px;
    height:400px;
    position: fixed;
    top:50%;
    left:50%;
    margin-left: -400px;
    margin-top: -215px;
    border-radius: 15px;
    box-shadow: 7px 7px 10px #808080;
    padding: 15px 0px;
    z-index: 100;
    display:none;  
}
.close{
    border-radius: 15px;
    float:right;
    background: #FF6600;
    color:#fff;
    width:30px;
    line-height:30px;
    font-weight:bold;
    text-transform: uppercase;
    text-align:center;
    font-size:14px;
    position: relative;
    top:-30px;
    right:-20px;
}
.close:hover{
    background: #FF0000;
}
a{
    cursor: pointer;
}
cite{
    background:rgba(0,0,0,0.6);
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left:0;
    z-index: 99;  
    display:none;  
}
body > section > h1{
    color:#000;
    font-size:30px;
    font-family: 'Audiowide', cursive;
    font-weight:bold;
    position: relative;
    left:80px;
    width:300px;
    text-shadow:3px 3px 8px #333333;
    letter-spacing: 7px;
}
body > section > h1 > span{
    font-size:39px;
    font-family: inherit;
    color: inherit;
}
body > section > h2{
    color:#FF6600;
    font-size:27px;
    font-family: 'Audiowide', cursive;
    position: relative;
    left:207px;
    top:-15px;
    width:320px;
    text-shadow:3px 3px 8px #333333;
    text-align: right;
}
body > section > h2 > span{
    font-size:29px;
    font-family: inherit;
    color: inherit;
}
body > section > figcaption{
    display:block;
    width:70%;
    float:right;
    margin:30px;
    margin-top:20px;
}
body > section > figcaption > a > img{
    display:inline-block;
    border:1px solid #808080;
    box-shadow:3px 3px 8px #333333;
    width: 150px;
    height: 95px;
    margin:7px;
    opacity:0.7;
    border-radius:5px;
}
body > section > figcaption > a > img:hover{
    opacity:1;
}
nav{
    top:369px;
    left:60px;
    position: absolute;
    vertical-align: bottom;
}
.link{
    display: inline-block;
    min-width:180px;
    color:#fff;
    text-align: right;
    padding-right: 12px;
    padding-top: 7px;
    font-family: 'Audiowide', cursive;
    font-size:18px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border:1px solid #969696;
    vertical-align: bottom;
    position: absolute;
    opacity:0.8;
    box-shadow:3px 3px 8px #333333;
    
	    -webkit-transition-property:opacity, bottom, height;
	    -webkit-transition-duration:0.4s, 0.5s, 0.5s;  
	    -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
	
	    -moz-transition-property:opacity, bottom, height;
	    -moz-transition-duration:0.4s, 0.5s, 0.5s;  
	    -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
	
	    -o-transition-property:opacity, bottom, height;
	    -o-transition-duration:0.4s, 0.5s, 0.5s;  
	    -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
	
	    transition-property:opacity, bottom, height;
	    transition-duration:0.4s, 0.5s, 0.5s;  
	    transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
}
.link:hover{
    opacity: 1;
}
.link:last-of-type{
    display:none;
}
.link > img{
    opacity:0;
    display:none;
	    -webkit-transition-property:opacity;
	    -webkit-transition-duration:0.8s;  
	    -webkit-transition-timing-function:ease-in-out;
	
	    -moz-transition-property:opacity;
	    -moz-transition-duration:0.8s;  
	    -moz-transition-timing-function: ease-in-out;
	
	    -o-transition-property:opacity;
	    -o-transition-duration:0.8s;  
	    -o-transition-timing-function: ease-in-out
	
	    transition-property:opacity;
	    transition-duration:0.8s;  
	    transition-timing-function: ease-in-out;
}
.link:hover > img{
    opacity:1;
    display:inline;
}

#kontakt{
    background: #91847e;
    height:80px;
    top:40px;
    z-index: 10;
}
#montage{
    background: #ffaa40;
    height:120px;
    left:170px;
}
#planung{
    background: #d89314;
    height:50px;
    top:70px;
    z-index: 10;
    left:350px;
}
#service{
    background: #ba7f09;
    height:90px;
    top:30px;
    left:500px;
    z-index: 5;
}
#verkauf{
    background: #ffab41;
    height:110px;
    top:10px;
    left:670px;
}

#kontakt > img{
    position: absolute;
    float:right;
    margin-left:15px;
    margin-top:-15px;
    height: 95px;
}
#montage > img{
    float:left;
    margin-left:-35px;
    margin-top:-61px;
}
#planung > img{
    float:left;
    margin-left:-45px;
    margin-top:-15px;
    height: 65px;
}
#service > img{
    float:left;
    height: 88px;
    margin-left:-45px;
    margin-top:-48px;
}
#verkauf > img{
    position: absolute;
    float:right;
    margin-left:15px;
    margin-top:25px;
    height: 85px;
}
body > aside > div{
    width:35%;
    margin: 2%;
    display:inline-block;
    vertical-align:top;
}
body > #imprint > div{
    width:80%;
}
body > #datenschutz > div{
    width:95%;
    height:360px;
    overflow:auto;
}
body > aside > div > strong{
    display:inline-block;
    margin-bottom:7px;
}
body > aside > form{
    border:1px solid #C0C0C0;
    width:50%;
    margin: 2%;
    margin-top:15px;
    display:inline-block;
    line-height:28px;
    padding: 10px;
    border-radius:10px;
}
form > label{
    vertical-align:top;
    display:inline-block;
    width:100px;
    margin-left:12px;
}
form > input,form > textarea{
    padding: 3px 5px;
    border-radius: 5px;
    border:1px solid #C0C0C0 !important;
    background-color:transparent;
}
form > textarea{
    resize: none;
    overflow: auto;
    margin-top:3px;
}
form > textarea, form > input[type=text], form > input[type=phone], form > input[type=email]{
    width:240px !important;
}
#fehler{
    display:block;
    text-align: center;
    font-weight:bold;
}
.fehler{
    color:#FF6600;
}