/* RESET */
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}blockquote,q{quotes:none}input,select{vertical-align:middle}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{-ms-interpolation-mode:bicubic;vertical-align:middle}small{font-size:85%}html{filter:expression(document.execCommand("BackgroundImageCache", false, true))}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:sans-serif}

@font-face {
	font-family: bebas;
	src: url('fonts/BebasNeue.otf')
	format("opentype");
   	font-weight: normal;
   	font-style: normal;
}

@font-face {
	font-family: supernett;
	src: url('fonts/Supernett-cn-Light.otf')
	format("opentype");
   	font-weight: normal;
   	font-style: normal;
}	

body {
	font-family: 'supernett';
	font-size: 2.6em;
	line-height: 1.4em;
	color: #545454;

}


a { 
	color: #545454;
	text-decoration: none;
	padding-bottom: 0.2%;
	border-bottom: 2px solid #545454;
}

a:visited { color: #545454;	}
a:hover   { color: #000; 	}
a:active  { color: #545454;     }



h1 {
	font-family: 'bebas';
	font-weight: normal;
	font-size: 1.9em;
	line-height: 1em;
	padding-bottom: 0.5em;
}

#spacekid {
	position: relative;
	overflow: hidden;
	height: 1000px;
	background: url('img/spacekid.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:90%;
	background-attachment: fixed;
}

#headcup {
	position: relative;
	overflow: hidden;
	height: 1000px;
	background: url('img/headcup.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:90%;
	background-attachment: fixed;	
	
}

#dateandtime {
	position: relative;
	overflow: hidden;
	height: 1000px;
	background: url('img/dateandtime.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:62%;
	background-attachment: fixed;	
}

#overview {
	position: relative;
	overflow: hidden;
	height: 1000px;
	background: url('img/overview.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:90%;
	background-attachment: fixed;		
}

#lageplan {
	position: relative;
	overflow: hidden;
	height: 1000px;
	background: url('img/lageplan.png');
	background-repeat:no-repeat;
	background-position:center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	         -moz-background-size: cover;
	           -o-background-size: cover;
	              background-size: cover;		
}

#partner {
	position: relative;
	overflow: hidden;
	height: 600px;
	background: url('img/partner.png');
	background-repeat:no-repeat;
	background-position:50% 65%;
	background-attachment: fixed;
	background-size:90%;	

}


.section_red {
	padding: 10%;
	padding-left: 20%;
	padding-bottom: 20%;
	background: url('img/spur_red.png');
	background-repeat:repeat-y;
	background-position:3%;
	background-size: 14%;
	background-attachment: fixed;	
	background-color: white;
}

.section_blue {
	padding: 10%;
	padding-left: 20%;
	padding-bottom: 20%;
	background: url('img/spur_blue.png');
	background-repeat:repeat-y;
	background-position:3%;
	background-size: 14%;
	background-attachment: fixed;	
	background-color: white;
}