@font-face { font-family: ecliptic; src: url('fonts/ecliptic.ttf'); }
@font-face { font-family: Aller_Lt; src: url('fonts/Aller_Lt.ttf'); }
* {
	margin: 0px;
	padding: 0px;
}
img {
border: none;
}
html {
    height: 100%;
    overflow-y: scroll;
}
body {
	
	
	
	background-color: #000023;
	-webkit-font-smoothing: subpixel-antialiased;
}





#aktion {
   	position: fixed;
    width: 250px;
    height: 250px;
    top: 100px;
    left: 350px;
   	background-color: rgba(242,100,68, 0.7);
   	-moz-border-radius: 180px;
   	-webkit-border-radius: 180px;
   	border-radius: 180px;

	
	
	
	z-index: 1000;
}

#aktion-mobile {
   	position: fixed;
    width: 250px;
    height: 250px;
    top: 100px;
    left: 830px;
   	background-color: rgba(242,100,68, 0.7);
   	-moz-border-radius: 180px;
   	-webkit-border-radius: 180px;
   	border-radius: 180px;
	z-index: 1000;
}
#aktion-links {
   	position: fixed;
    width: 250px;
    height: 250px;
    top: 100px;
    left: 240px;
   	background-color: rgba(242,100,68, 0.7);
   	-moz-border-radius: 180px;
   	-webkit-border-radius: 180px;
   	border-radius: 180px;
	z-index: 1000;
}

#aktion h3 {
	font-family: ecliptic, sans-serif;
	font-size: 28pt;
	font-weight: 300;
	color:#fff;
}
a.box { position: fixed;
    width: 250px;
    height: 250px;
    top: 100px;
    left: 350px;
	-moz-border-radius: 180px;
   	-webkit-border-radius: 180px;
   	border-radius: 180px;
display:block; width: 250px; height: 250px; margin:0px; text-align:center; 
          border-width:0px; text-decoration:none;
}
a.box:link    { color:#00f; background-color:transparent; }
a.box:visited { color:#00f; background-color:transparent; }
a.box:hover   { color:#ff0; background-color:rgba(20, 75, 40, 1); 
				-webkit-transition: background .4s ease-in-out;
  				-moz-transition: background .4s ease-in-out;
  				transition: background .4s ease-in-out; }
a.box:active  { color:#ff0; background-color:rgba(20, 75, 40, 1); }


a.aktion-mobile { position: fixed;
    width: 250px;
    height: 250px;
    top: 100px;
    left: 830px;
	-moz-border-radius: 180px;
   	-webkit-border-radius: 180px;
   	border-radius: 180px;
display:block; width: 250px; height: 250px; margin:0px; text-align:center; 
          border-width:0px; text-decoration:none;
}


a.aktion-mobile:link    { color:#00f; background-color:transparent; }
a.aktion-mobile:visited { color:#00f; background-color:transparent; }
a.aktion-mobile:hover   { color:#ff0; background-color:rgba(20, 75, 40, 1); 
				-webkit-transition: background .4s ease-in-out;
  				-moz-transition: background .4s ease-in-out;
  				transition: background .4s ease-in-out; }
a.aktion-mobile:active  { color:#ff0; background-color:rgba(20, 75, 40, 1); }

a.aktion-links { position: fixed;
    width: 250px;
    height: 250px;
    top: 100px;
    left: 240px;
	-moz-border-radius: 180px;
   	-webkit-border-radius: 180px;
   	border-radius: 180px;
display:block; width: 250px; height: 250px; margin:0px; text-align:center; 
          border-width:0px; text-decoration:none;
}


a.aktion-links:link    { color:#00f; background-color:transparent; }
a.aktion-links:visited { color:#00f; background-color:transparent; }
a.aktion-links:hover   { color:#ff0; background-color:rgba(20, 75, 40, 1); 
				-webkit-transition: background .4s ease-in-out;
  				-moz-transition: background .4s ease-in-out;
  				transition: background .4s ease-in-out; }
a.aktion-links:active  { color:#ff0; background-color:rgba(20, 75, 40, 1); }




#logo {
	height: 70;
	width: 124px;
   	position: fixed;
	float: left;
	margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
}
#navi {
	height: 40px;
	width: 100%;
	background-color: rgba(0, 0, 15, 0.60);
	margin: 0px 0px 0px 0px;
    padding: 16px 0px 0px 0px;
	z-index: 12;
	position: fixed; 
}
#navi-rahmen {
	padding: 0px 0px 10px 160px;
	
}
#navi-link ul li {
	font-family:Aller_Lt;
	font-size: 13pt;
	display:inline;
	padding: 30px 0px 0px 10px;
}
.logo-back {
	height: 60px;
	width: 185px;
	background-color: rgba(0, 0, 15, 0.60);
	margin: -20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	float: left;
}
.head {
	font-family: 'Open Sans', Arial, serif; font-weight: 300;
	font-size: 20pt;
}
.rahmen {
	height: 1600;
	width: 810;
	margin: 0 auto;
	padding: 350px 0px 0px -50px;
}
.rahmen-mobile {
	height: 1600;
	width: 1200;
	margin: 0 auto;
	
}
.rahmen-oldtimer {
	height: 1600;
	width: 700;
	margin: 0 auto;
	padding: 350px 0px 0px -50px;
}
.rahmen-fehlstellen {
	height: 1600;
	width: 800;
	margin: 0 auto;
	padding: 350px 0px 0px -50px;
}
.text-start {
	font-family: 'Open Sans', Arial, serif; font-weight: 300;
	font-size: 16pt;
	-webkit-font-smoothing: subpixel-antialiased;
	height: auto;
	width: 470;
	background-color: rgba(00, 00, 15, 0.40);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin: 600px 100px 150px 20px;
    padding: 45px 35px 35px 50px;
    float: left;
}
.text-mobile {
	font-family: 'Open Sans', Arial, serif; font-weight: 300;
	font-size: 16pt;
	-webkit-font-smoothing: subpixel-antialiased;
	height: auto;
	width: 620;
	background-color: rgba(00, 00, 15, 0.40);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin: 600px 100px 150px 0px;
    padding: 45px 35px 35px 50px;
    float: left;   
}
.text-oberflaechen {
	font-family: 'Open Sans', Arial, serif; font-weight: 300;
	font-size: 16pt;
	-webkit-font-smoothing: subpixel-antialiased;
	height: auto;
	width: 590;
	background-color: rgba(00, 00, 15, 0.40);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin: 600px 100px 150px 0px;
    padding: 45px 35px 35px 50px;
    float: left;
}
.text-oberflaechen-innen {
	font-family: 'Open Sans', Arial, serif; font-weight: 300;
	font-size: 16pt;
	-webkit-font-smoothing: subpixel-antialiased;
	height: auto;
	width: 620;
	background-color: rgba(00, 00, 15, 0.40);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin: 600px 100px 150px 0px;
    padding: 45px 35px 35px 50px;
    float: left;
}
.text-fehlstellen-beseitigung {
	font-family: 'Open Sans', Arial, serif; font-weight: 300;
	font-size: 16pt;
	-webkit-font-smoothing: subpixel-antialiased;
	height: auto;
	width: 620;
	background-color: rgba(00, 00, 15, 0.40);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin: 600px 100px 150px 0px;
    padding: 45px 35px 35px 50px;
    float: left;
}
.text-tuning {
	font-family: 'Open Sans', Arial, serif; font-weight: 300;
	font-size: 16pt;
	-webkit-font-smoothing: subpixel-antialiased;
	height: auto;
	width: 590;
	background-color: rgba(00, 00, 15, 0.40);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin: 600px 100px 150px 0px;
    padding: 45px 35px 35px 50px;
    float: left;
}
.text-oldtimer {
	font-family: 'Open Sans', Arial, serif; font-weight: 300;
	font-size: 16pt;
	-webkit-font-smoothing: subpixel-antialiased;
	height: auto;
	width: 620;
	background-color: rgba(00, 00, 15, 0.40);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin: 600px 100px 150px -100px;
    padding: 45px 35px 35px 50px;
    float: left;
}
.text-referenzen {
	font-family: 'Open Sans', Arial, serif; font-weight: 300;
	font-size: 16pt;
	-webkit-font-smoothing: subpixel-antialiased;
	height: auto;
	width: 620;
	background-color: rgba(00, 00, 15, 0.40);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin: 600px 100px 150px 20px;
    padding: 45px 35px 35px 50px;
    float: left;   
}
.text-aktion {
	font-family: 'Open Sans', Arial, serif; font-weight: 300;
	font-size: 16pt;
	-webkit-font-smoothing: subpixel-antialiased;
	height: auto;
	width: 620;
	background-color: rgba(00, 00, 15, 0.40);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin: 600px 100px 150px 20px;
    padding: 45px 35px 35px 50px;
    float: left;   
}
.text-impressum {
	font-family: 'Open Sans', Arial, serif; font-weight: 300;
	font-size: 16pt;
	-webkit-font-smoothing: subpixel-antialiased;
	height: auto;
	width: 620;
	background-color: rgba(00, 00, 15, 0.40);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin: 600px 100px 150px 20px;
    padding: 45px 35px 35px 50px;
    float: left;
}
.rahmen-youtube {
	
	padding: 5px 0px 0px 0px;
	text-shadow: 0px 0px 10px #000000, 1px 1px #000000;
}
.trenner {
	height: 10;
	width: auto;
}
.link-rahmen {
	height: 43;
	width: auto;
	margin: 5px 0px 8px 0px;
	padding: 0px 0px 4px 0px;
	float: left;
	display:block;
	background-color: rgba(0, 0, 23, 0.85);
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	text-shadow: 0px 0px 10px #000000, 1px 1px #000000;
}
.link-rahmen-text {
	height: 25;
	width: auto;
	padding: 9px 0px 0px 14px;
	float: left;
	text-shadow: 0px 0px 10px #000000, 1px 1px #000000;
	display:block;
}
.link-rahmen-pfeil {
	height: 25;
	width: 25;
	padding: 11px 5px 0px 20px;
	float: left;
	text-shadow: 0px 0px 10px #000000, 1px 1px #000000;
	display:block;
}
.link-rahmen-pfeil-nah {
	height: 25;
	width: 25;
	padding: 9px 5px 0px 10px;
	float: left;
	text-shadow: 0px 0px 10px #000000, 1px 1px #000000;
	display:block;
}
.clear {
	clear: both;
	padding: 15px 0px 0px 0px;
}



h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 21pt;
	font-weight: 300;
	color: #fff;
	letter-spacing:0.1em;
}
h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18pt;
	font-weight: 300;
	color: #fff;
	letter-spacing:0.1em;
}

h3 {
	font-family: ecliptic, sans-serif;
	font-size: 28pt;
	font-weight: 300;
	color:#fff;
}
h4 {
	font-family: ecliptic, sans-serif;
	font-size: 20pt;
	font-weight: 300;
	color:#fff;
}

p {
	font-family: 'Open Sans', sans-serif;
	font-size: 15pt;
	color: #fff;
	letter-spacing: 0.07em;
	
}

a:link { 
	text-decoration: none;
	color: #DCDCDC;
}
a:visited {
	color: #DCDCDC;
	text-decoration: none;
}
a:hover {
	text-shadow: 0px 0px 15px #fff, -1px -1px #505050;
	color: #FEF4B9;
}
a:active {
	color: #FEFEC7;
	text-decoration: none;
}