/* HTML5 DISPLAY DEFINITIONS */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* Base */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
form { margin: 0; }
input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
input { line-height: normal; }
input[type="submit"] { cursor: pointer; }
input::-moz-focus-inner { border: 0; padding: 0; }
a {color:#fff; text-decoration:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
a:hover {color:#ff0066;}
a.no_transit {-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
*:focus  { outline: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
table { border-collapse: collapse; border-spacing: 0; }
html { overflow-y: scroll; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
/* nur safari */
* {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-font-smoothing:subpixel-antialiased;}

/* allgemein */
* { margin:0; padding:0; border:0; }
html,body { height:100%; }
body { font-family: "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Monaco", "Courier New", Courier, monospace; color:#333;}
.clear {clear:both;}
.invisible {display:none}
h1, h2, h3, h4 {font-weight:normal;}
h2 {font-size:30px;line-height:40px; margin-top:20px; }

/* layout */
body {height:100%; }
.back_full {position:fixed;top:0; width:100%;height:100%; }
.home .back_full {background:url(../images/back1.jpg) no-repeat center center; background-size:cover;}
.bilder .back_full {background:url(../images/back2.jpg) no-repeat center center; background-size:cover;}
.objekte .back_full {background:url(../images/back3.jpg) no-repeat center center; background-size:cover;}
.mehr .back_full {background:url(../images/back4.jpg) no-repeat center center; background-size:cover;}

.back_top, .back_bottom {position:fixed;top:0; width:100%;overflow:hidden;}
.back_bottom {bottom:0; top:auto;}
.back_top img {margin-left:-230px;}
.back_bottom img {margin-left:-160px;}
.center {position:relative; max-width:960px; margin:auto; }

header { position: fixed; top: 0; left:0; z-index:1000; height:80px; width:70%; padding:0 30% 0 0%;}
.header_back {position:relative; background:#1c1c1c; width:100%;height:80px;}
header .logo {position:relative; top:25px; left:30px; font-weight:bold; font-size:30px; line-height:30px; color:#ff0066;}
.main_nav {position:absolute; left:280px; top:38px; height:14px; font-size:16px; font-weight:bold;  }
.main_nav li { float:left; margin-right:25px; line-height:14px;}
.main_nav li a { display:block; }
.main_nav li a:hover { }
.main_nav li.active {color:#ff0066; }


.main {position:relative; z-index:10; padding-top:220px;}
.main .center, .first .center {background:url(../images/main_back.png) no-repeat center center;}
.home .first {position:relative; overflow:hidden;height:100%; }
.first .center {height:430px;margin-top:220px;}
.start {position:relative; text-align:center; width:100%; padding-top:30px; height:370px;}
.start h1 {font-size:50px; color:#fff; margin-top:-180px;}
.start .number {font-family: Arial, sans-serif;font-weight:bold;font-size:300px; color:#ff0066; }
.rakete {position:absolute; z-index:1010;left:50%; margin-left:-150px; top:2000px;}


/* kontakt */
.contact {position: fixed; z-index:900; top: 0; left:0; width:100%; height:100%; background:url(../images/white-trans.png) repeat;display:none;}
.contact .mid {padding:100px 5%; text-align:right;margin-right:25px;}
.contact a {display:inline-block;font-size:20px; color:#1c1c1c; margin-top:10px;}
.contact a:hover {color:#ff0066;}
.contact a.close {width:50px; height:50px; background:url(../images/close.png) no-repeat; margin-right:-5px; }
.close:hover {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); cursor:pointer; }


@media (max-width: 960px) { 
	header { width:80%; padding:0 20% 0 0%;}
	.first .center {height:430px;margin-top:120px;}
}
@media (max-width: 860px) {
	header { width:90%; padding:0 5%;}
}
@media (max-width: 768px) {

}
@media (max-width: 740px) {
	header .logo {position:relative; top:15px; left:20px; }
	.logo img {width:220px; height:auto; }
	.main_nav {position:relative; right:auto; left:20px; top:0; margin-top:25px; }
	.main {padding-top:80px;}
}
@media (max-width: 500px) {
	.logo img {width:220px; height:auto; }
	.main_nav {font-size:12px;}
	.first .center {height:250px;margin-top:90px;}
	.start {text-align:center; padding-top:50px; height:200px;}
	.start h1 {font-size:30px; margin-top:-100px;}
	.start .number {font-weight:bold;font-size:150px; }
}
@media (max-width: 350px) {

}