
/* ***************/
/* Body */
/* ***************/

body {
	margin: 0px;
	background: #FFFFFF;
}

#anker, #anker1, #anker2, #anker3, #anker4 {
	display: block;
	height: 220px;	/* Headline 185px + baseline padding 35px */
	margin-top: -220px;
	visibility: hidden;
}

.scroll-to-top-link {
    position: fixed;
    right: 0%;
    bottom: 0%;
    cursor: pointer;
	
	background: url(../images/scroll-to-top-link.png) no-repeat;
	opacity: 0.75;
	width: 60px;
	height: 60px;
	z-index:99;
}

/* ***************/
/* Header */
/* ***************/

header .mobil {
	display: none; 
}

header {
	display: block;
	width: 100%; 
	min-height: 185px;
	margin: 0px auto;
}

header .desktop {
	position: fixed;
	top: 0px;
	left: 0px;
	
	display: block;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	
	z-index:100;
}

header .desktop .baseline {
	display: block;
	width: 1200px; 
    height: auto;
	margin: 0px auto;
}

header .desktop .layer1 {
	display: block;
	width: 100%; 
    height: 115px;
	margin: 0px;
	
	background-color: #FFFFFF;
}

header .desktop .layer1 .section1 {
	float: left; 
	margin: 0px;
	padding: 30px 0px 0px 20px;
	width: 580px;
}

header .desktop .layer1 .section1 #logo {
	color: #0073FF;
	font-family: 'Nunito', sans-serif;
	font-size: 45px;
	margin: 0px;
	font-weight: bold;
}

header .desktop .layer1 .section2 {
	float: left; 
	margin: 0px;
	padding: 35px 0px 0px 0px;
	width: 300px;
}

header .desktop .layer1 .section3 {
	float: left; 
	margin: 0px;
	padding: 35px 0px 0px 0px;
	width: 300px;
}

header .desktop .layer1 ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
    list-style-image: none;
	list-style-position: inside;
	
	font-family: arial, sans-serif;
	color: #0073FF;
	font-size: 22px;
	font-weight: bold;	
}

header .desktop .layer1 li.mail {
	background: url(../images/img_icons1.png) 0px 2px no-repeat;
	height: 32px;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 45px;
}

header .desktop .layer1 li.telefon {
	background: url(../images/img_icons1.png) 0px -50px no-repeat;
	height: 32px;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 45px;
}

header .desktop .layer2 {
	display: block;
	width: 100%; 
	height: 70px;
	margin: 0px auto;
	
	background-color: #0073FF;	
}








/* ***************/
/* Nav */
/* ***************/

#menubar {
	display: block;
	height: auto;
	cursor: pointer;
} 
#menubar ul {
	display: block;		
	padding: 0px;
	margin: 0px;			
}
#menubar ul li {
	display: inline;	 
}

#menubar ul li .menubutton {
	display: none;
}

#menubar .telefon {
	display: none;
}


nav.nav {
	display: block !important;
}

nav {
	position: fixed;
	top: 115px;
	left: 50%;
	
	display: block;
	width: auto; 
	margin-left: -600px;
	padding: 0px;
	height: auto;

	z-index: 101;
}

nav ul {
	overflow: hidden;
	font-size: 18px;	
	color: #FFFFFF;
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px;
}

nav ul li#link1 {
	display: inline-block;	
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px 25px 0px 0px;	
}

nav ul li#link2 {
	display: inline-block;	
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px 25px 0px 25px;		
}

nav ul li#link3 {
	display: inline-block;	
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px 25px 0px 25px;		
}

nav ul li#link4 {
	display: inline-block;	
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 25px;		
}

nav ul li a {
	display: block;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	color: inherit;
	font-family: arial, sans-serif;
	font-weight: normal;
	line-height: 20px;
	height: 20px;
	 
	padding: 25px 20px 25px 20px;
	background: #0073FF; 
}

nav ul li a:hover {
	text-decoration: none;
	color: #000000;
	background: #E8E8E8;
	transition: color 0.2s;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -ms-transition: color 0.2s;
}






/* ***************/
/* Aside */
/* ***************/

aside {
	display: block;
	width: 100%; 
	height: auto;
	margin: 0px auto;
	clear: both;
	
	position: relative;
}

aside .background {
	display: block;
	width: 100%; 
	height: 500px;
	margin: 0px auto;
	
	background: url(../pictures/img_headline.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	background-attachment: scroll;
	background-position: center center;
}

aside .headline {
	position: absolute;
	top: 500px;
	left: 0px;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 100%; 
    height: 100px;
	margin: 0px auto;
	background: #0073FF;
}

aside .headline #text {
	color: #FFFFFF;
	font-family: 'Nunito', sans-serif;
	font-size: 35px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
	white-space: normal;
}









/* ***************/
/* Main */
/* ***************/

main {
	display: block;
	width: 100%; 
    height: auto;
	margin: 100px auto;
	clear: both;	
}

main .baseline {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 35px 0px 0px 0px;
	background: #E8E8E8;
}

main .baseline2 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 35px 0px 35px 0px;
	background: #E8E8E8;
}

main .layer1 {
	display: block;
	width: 1120px; 
    height: auto;
	margin: 0px auto;
	padding: 50px 40px 50px 40px;
	background: #FFFFFF;
}

main .layer1 #p1 {
	color: #000000; 
	margin: 0px 0px 0px 0px;
	text-align: left;
}

main .layer1 #p2 {
	color: #000000; 
	margin: 40px 0px 0px 0px;
	text-align: left;
}

main .layer2 {
	display: block;
	width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}

main .layer2 .section1 {
	float: left;
	width: 600px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

main .layer2 .section1 #bild {
	float: left;
	background: url(../pictures/img_willkommen_1200.jpg) no-repeat;
	width: 600px;
	height: 405px;
	margin: 0px 0px 0px 0px;
}

main .layer2 .section2 {
	float: left;
	width: 600px;
	height: 405px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}

main .layer2 .section2 #p1 {
	margin: 40px 0px 0px 40px;
	text-align: left;
}

main .layer2 .section2 .text {
	color: #0073FF;
	font-family: 'Nunito', sans-serif;
	font-size: 45px;
	margin: 0px;
	font-weight: bold;
}

main .layer2 .section2 ul {
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 0px 0px;	
}

main .layer2 .section2 li {
	color: #000000;
	font-family: 'Nunito', sans-serif;
	font-size: 28px;
	line-height: 33px;
	font-weight: bold;
	
	margin: 30px 0px 0px 0px;
	padding: 5px 0px 0px 60px;
	
	list-style-type: none;
    list-style-image: none;
	list-style-position: inside;
	height: 44px; 
	background: url(../images/img_icons1.png) 0px -125px no-repeat;
}

main .layer3 {
	display: block;
	width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background: #0073FF;
}

main .layer3 #p1 {
	color: #FFFFFF; 
	padding: 35px 0px 0px 0px;
	text-align: center;
	white-space: normal;
}

main .layer3 .slider1 .section {
	float: left;
	width: 1200px;
	height: auto;
	padding: 50px 0px 50px 0px;
	background: #0073FF;	
}

main .layer3 .slider1 .bewertung {
	text-align: center;
	padding: 0px 200px 0px 200px;
	margin: 0px;

	color: #FFFFFF;  
	font-family: arial, serif; 
	font-size: 16px;
	line-height: 19px;
	font-weight: normal;
	white-space: normal;
	
	height: 50px;	
}

main .layer3 .slider1 .angaben {
	display: block;
	width: 186px; 
    height: 50px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;

	color: #FFFFFF;  
	font-family: arial, serif; 
	font-size: 16px;
	line-height: 19px;
	font-weight: normal;
	text-align: center;
}

main .layer3 .slider1 .sterne5 {
	width: 186px;
	height: 36px;
	margin: 10px 0px 10px 0px;
	background: url(../images/img_sterne-sprite.png) 0px -145px;
}

main .layer3 .slider1 .sterne4 {
	width: 186px;
	height: 36px;
	margin: 3px 0px 3px 0px;
	background: url(../images/img_sterne-sprite.png) 0px -109px;
}

main .layer3 .slider1 .sterne3 {
	width: 186px;
	height: 36px;
	margin: 3px 0px 3px 0px;
	background: url(../images/img_sterne-sprite.png) 0px -73px;
}

main .layer3 .slider1 .sterne2 {
	width: 186px;
	height: 36px;
	margin: 3px 0px 3px 0px;
	background: url(../images/img_sterne-sprite.png) 0px -37px;
}

main .layer3 .slider1 .sterne1 {
	width: 186px;
	height: 36px;
	margin: 3px 0px 3px 0px;
	background: url(../images/img_sterne-sprite.png) 0px 0px;
}

main .layer4 {
	display: block;
	width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	
	position: relative;
}

main .layer4 .slider2 {
	float: left;
	width: 1227px;
	margin: 0px 0px 0px 0px;
	z-index: 1;
}

main .layer4 .balken {
	position: absolute;
	top: 0px;
	left: 1200px;
	width: 27px;
	height: 350px;
	background: #E8E8E8;
	z-index: 2;
}
		
main .layer4 .slider2 .section {
	float: left;
	width: 382px;
	height: auto;
	margin: 0px 27px 0px 0px;	
}

main .layer4 .slider2 .title {
	float: left;
	background-color: #FFFFFF;
	width: 382px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
	
	color: #0073FF; 
	font-family: 'Nunito', serif;
	font-size: 28px;
	font-weight: bold;
	
	text-align: center;
}

main .layer4 .slider2 .pic1 {
	background: url(../slider/bild1_1200.jpg) 0px 0px no-repeat;
	width: 382px;
	height: 280px;
	margin: 0px;
	z-index:1;
}

main .layer4 .slider2 .pic2 {
	background: url(../slider/bild2_1200.jpg) 0px 0px no-repeat;
	width: 382px;
	height: 280px;
	margin: 0px;
	z-index:1;
}

main .layer4 .slider2 .pic3 {
	background: url(../slider/bild3_1200.jpg) 0px 0px no-repeat;
	width: 382px;
	height: 280px;
	margin: 0px;
	z-index:1;
}

main .layer4 .slider2 .pic4 {
	background: url(../slider/bild4_1200.jpg) 0px 0px no-repeat;
	width: 382px;
	height: 280px;
	margin: 0px;
	z-index:1;
}

main .layer4 .slider2 .pic5 {
	background: url(../slider/bild5_1200.jpg) 0px 0px no-repeat;
	width: 382px;
	height: 280px;
	margin: 0px;
	z-index:1;
}

main .layer4 .slider2 .pic6 {
	background: url(../slider/bild6_1200.jpg) 0px 0px no-repeat;
	width: 382px;
	height: 280px;
	margin: 0px;
	z-index:1;
}

main .layer5 {
	display: block;
	width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

main .layer5 #p1 {
	color: #0073FF; 
	margin: 0px 0px 0px 0px;
	text-align: left;
}

main .layer5 #p2 {
	color: #000000; 
	margin: 25px 0px 0px 0px;
	text-align: left;
}

main .layer5 .text {
	float: left;
	width: 506px;
	height: 170px;
	margin: 0px 0px 0px 0px;
	padding: 30px 40px 0px 40px;
	background: #FFFFFF;
}

main .layer5 .section1 {
	float: left;
	width: 586px;
	height: auto;
	margin: 0px 14px 0px 0px;
	padding: 0px 0px 0px 0px;
}

main .layer5 .section1 .bild {
	float: left;
	background: url(../pictures/img_anhaengerverleih_1200.jpg) no-repeat;
	width: 586px;
	height: 428px;
	margin: 0px 0px 0px 0px;
}

main .layer5 .section2 {
	float: left;
	width: 586px;
	height: auto;
	margin: 0px 0px 0px 14px;
	padding: 0px 0px 0px 0px;
}

main .layer5 .section2 .bild {
	float: left;
	background: url(../pictures/img_reifenwechsel_1200.jpg) no-repeat;
	width: 586px;
	height: 428px;
	margin: 0px 0px 0px 0px;
}

main .layer6 {
	display: block;
	width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 35px 0px 0px 0px;
	background: #0073FF;
}

main .layer6 #p1 {
	color: #FFFFFF; 
	margin: 0px 0px 0px 0px;
	text-align: center;
}

main .layer6 #p2 {
	color: #FFFFFF; 
	margin: 40px 80px 40px 80px;
	text-align: left;
}

main .layer6 #title {
	color: #FFFFFF; 
	font-family: arial, sans-serif; 
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	margin: 0px 80px 0px 80px;
	text-align: left;
}

main .layer6 #mail {
	width: 102px;
	height: 102px;
	margin: 0px 0px 0px 165px;
	padding: 0px 0px 20px 0px; 
	background: url(../images/img_icons2.png) 0px 0px no-repeat;
}

main .layer6 #facebook {
	width: 96px;
	height: 102px;
	margin: 0px 0px 0px 165px;
	padding: 0px 0px 20px 0px; 
	background: url(../images/img_icons2.png) -228px 0px no-repeat;
}

main .layer6 #achtung {
	width: 106px;
	height: 102px;
	margin: 0px 0px 0px 165px;
	padding: 0px 0px 20px 0px; 
	background: url(../images/img_icons2.png) -111px 0px no-repeat;
}

main .layer6 .section1 {
	float: left;
	width: 546px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 40px 14px 0px 40px;
	background: #0073FF;
}

main .layer6 .section2 {
	float: left;
	width: 546px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 40px 40px 0px 14px;
	background: #0073FF;
}

main .layer6 .section3 {
	float: left;
	width: 546px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 40px 14px 40px 40px;
	background: #0073FF;
}

main .layer6 .section4 {
	float: left;
	width: 546px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 40px 40px 40px 14px;
	background: #0073FF;
}

main .layer6 .datenschutz {
	float: left;
	width: 546px;
	height: auto;
	margin: 0px;
}

main .layer6 .datenschutz #section1 {
	float: left;
	width: 40px;
	height: 25px;
	margin: 25px 0px 0px 0px;
}

main .layer6 .datenschutz #section2 {
	float: left;
	width: 506px;
	height: 25px;
	margin: 25px 0px 0px 0px;
	
	color: #FFFFFF; 
	font-family: arial, sans-serif; 
	font-size: 16px;
	line-height: 19px;
	font-weight: normal;
}

main .layer7 {
	display: block;
	width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

main .layer7 .maps {
	float: left;
	background: url(../images/maps_1200.png) no-repeat;
	width: 1200px; 
    height: 500px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

main .layer8 {
	display: block;
	width: 1120px; 
    height: auto;
	margin: 0px auto;
	padding: 50px 40px 50px 40px;
	background: #FFFFFF;
}

main .layer8 #p1 {
	color: #000000; 
	margin: 0px 0px 0px 0px;
	text-align: left;
}

main .layer8 #p2 {
	color: #0073FF;
	margin: 35px 0px 0px 0px;
	text-align: left;
}

main .layer8 #p3 {
	color: #000000; 
	margin: 25px 0px 50px 0px;
	text-align: left;
}

main .layer8 #p4 {
	margin: 25px 0px 0px 0px;
	text-align: left;
}

main .layer8 .section1 {
	float: left;
	width: 340px;
	height: auto;
	margin: 30px 0px 0px 0px;
}

main .layer8 .section2 {
	float: left;
	width: 440px;
	height: auto;
	margin: 30px 0px 0px 0px;
}

main .layer8 .section3 {
	float: left;
	width: 340px;
	height: auto;
	margin: 30px 0px 0px 0px;
}

main .layer8 .section4 {
	float: left;
	width: 1120px;
	height: auto;
	margin: 30px 0px 0px 0px;
}









/* ***************/
/* Footer */
/* ***************/

footer {
	display: block;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	clear: both;
}

footer .baseline1 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 40px 0px 40px 0px;
	background: #0073FF;
	clear: both;
}

footer .baseline2 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 20px 0px 20px 0px;
	background: #646464;
}

footer .layer1 {
	display: block;
	width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

footer .layer1 .section1 {
	float: left;
	width: 360px;
	height: auto;
	padding: 0px 0px 0px 40px;
}

footer .layer1 .section1 #p1 {
	color: #FFFFFF; 
	margin: 0px 0px 0px 0px;
	text-align: left;
}

footer .layer1 .section1 ul {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
}

footer .layer1 .section1 li#anschrift {
	color: #FFFFFF;
	font-family: arial, serif;
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 40px;
	
	list-style-type: none;
    list-style-image: none;
	list-style-position: inside;
	height: 30px; 
	background: url(../images/img_icons3.png) 0px -18px no-repeat;
}

footer .layer1 .section1 li#mail {
	color: #FFFFFF;
	font-family: arial, serif;
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 40px;
	
	list-style-type: none;
    list-style-image: none;
	list-style-position: inside;
	height: 30px; 
	background: url(../images/img_icons3.png) 0px -66px no-repeat;
}

footer .layer1 .section1 li#telefon {
	color: #FFFFFF;
	font-family: arial, serif;
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 40px;
	
	list-style-type: none;
    list-style-image: none;
	list-style-position: inside;
	height: 30px; 
	background: url(../images/img_icons3.png) 0px -117px no-repeat;
}

footer .layer1 .section1 li#telefax {
	color: #FFFFFF;
	font-family: arial, serif;
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 40px;
	
	list-style-type: none;
    list-style-image: none;
	list-style-position: inside;
	height: 30px; 
	background: url(../images/img_icons3.png) 0px -174px no-repeat;
}

footer .layer1 .section1 li#facebook {
	color: #FFFFFF;
	font-family: arial, serif;
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 40px;
	
	list-style-type: none;
    list-style-image: none;
	list-style-position: inside;
	height: 30px; 
	background: url(../images/img_icons3.png) 0px -231px no-repeat;
}

footer .layer1 .section2 {
	float: left;
	width: 460px;
	height: auto;
	padding: 0px 0px 0px 0px;
}

footer .layer1 .section2 #p1 {
	color: #FFFFFF; 
	margin: 0px 0px 0px 100px;
	text-align: left;
}

footer .layer1 .section2 ul {
	margin: 0px 0px 0px 100px;
	padding: 20px 0px 0px 0px;
}

footer .layer1 .section2 li#hacken {
	color: #FFFFFF;
	font-family: arial, serif;
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 40px;
	
	list-style-type: none;
    list-style-image: none;
	list-style-position: inside;
	height: 30px; 
	background: url(../images/img_icons3.png) 0px -289px no-repeat;
}

footer .layer1 .section2 .images {
	float: left;
	background: url(../images/img_partner.png) no-repeat;
	width: 340px;
	height: 170px;
	margin: 30px 0px 0px 60px;
}

footer .layer1 .section3 {
	float: left;
	width: 300px;
	height: auto;
	padding: 0px 0px 0px 40px;
}

footer .layer1 .section3 #p1 {
	color: #FFFFFF; 
	margin: 0px 0px 0px 0px;
	text-align: left;
}

footer .layer1 .section3 #abstand {
	display: inline-block;
	width: 50px;
	height: auto;
	padding: 0px 0px 0px 0px;
}

footer .layer1 .section3 ul {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
}

footer .layer1 .section3 li#uhr {
	color: #FFFFFF;
	font-family: arial, serif;
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	
	margin: 10px 0px 30px 0px;
	padding: 5px 0px 0px 40px;
	
	list-style-type: none;
    list-style-image: none;
	list-style-position: inside;
	height: auto; 
	background: url(../images/img_icons3.png) 0px -344px no-repeat;
}

footer .layer2 {
	display: block;
	width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

footer .layer2 #text {
	color: #FFFFFF; 
	font-family: arial, sans-serif; 
	font-size: 16px;
	line-height: 19px;
	font-weight: normal;
	margin: 0px;
}

footer .layer2 .section1 {
	float: left;
	width: auto;
	height: auto;
	text-align: left;
	padding: 0px 0px 0px 40px;
}

footer .layer2 .section2 {
	float: right;
	width: auto;
	height: auto;
	text-align: left;
	padding: 0px 40px 0px 0px;
}













/* ***************/
/* Formular */
/* ***************/

form { 
	padding: 0px; 
	border: 0px 
}

input {
	color: #000000;
	font-size:16px; 
	font-family: arial;
	font-weight: normal; 
	text-decoration: none;
	
	box-sizing: border-box;
	
	padding: 15px 15px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	
    border-radius: 0px;
}

select {
	color: #000000; 
	font-size:16px; 
	font-family: arial;
	font-weight: normal; 
	text-decoration: none;
	
	box-sizing: border-box;
	
	padding: 15px 15px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	
    border-radius: 0px;
}

#choice option { 
	color: #000000;
	font-weight: normal; 	
}

.empty { 
	color: gray;
	font-weight: normal; 	
}


textarea {
	color: #000000;
	font-size:16px; 
	font-family: arial;
	font-weight: normal; 
	text-decoration: none;
	
	box-sizing: border-box;
	
	padding: 15px 15px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	
    border-radius: 0px;
}



.form1 { 
	width: 546px; 
	height: 50px;
	background-color: #E8E8E8;
	margin: 0px 0px 0px 0px;
	border: 0px solid #FFFFFF;	
}

.form2 { 
	width: 546px; 
	height: 50px;
	background-color: #E8E8E8;
	margin: 25px 0px 0px 0px;
	border: 0px solid #FFFFFF;
}

.form3 { 
	width: 546px; 
	height: 275px;
	background-color: #E8E8E8;
	margin: 0px 0px 0px 0px;
	border: 0px solid #FFFFFF;
	
	resize: none;
}

.form4 { 
	display: none;
}


.submit_button {  
	float: left;
	height: auto;
	width: auto;
	background-color: #FFC000;
	padding: 15px 25px 15px 25px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #FFFFFF;

	font-family: arial, serif;
	font-size: 30px;
	font-weight: bold;
	color: #000000; 
	cursor: pointer;
	text-decoration: none;	
}



::placeholder {
  color: gray;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: gray;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: gray;
}


input[type="checkbox"] {
	appearance: none;
	width: 15px;
	height: 15px;
	border-radius: 0px;
	border: 0px solid #000000;
	background-color: #E8E8E8;
	display: block;
	background-clip: content-box;
	padding: 0px;
}

input[type="checkbox"]:checked {
	box-shadow: inset 0px 0px 0px 3px #E8E8E8;
	background-color: #000000;
}




/* ***************/
/* Text */
/* ***************/


h1 {
	font-family: 'Nunito', sans-serif;
	font-size: 28px;
	line-height: 33px;
	margin: 0px;
}

h2 {  
	font-family: 'Nunito', sans-serif; 
	font-size: 35px;
	line-height: 40px;
	margin: 0px;
}

h3 { 
	font-family: arial, sans-serif; 
	font-size: 16px;
	line-height: 19px;
	font-weight: normal;
	margin: 0px;
}


strong {
	font-weight: bold;
}






/* ***************/
/* Links */
/* ***************/

a.link1:link, a.link1:visited {
	color: #FFFFFF;  
	font-family: arial, serif; 
	font-size: 16px;
	text-decoration: underline;
}

a.link1:hover, a.link1:focus, a.link1:active {
	text-decoration: none; 
}

a.link2:link, a.link2:visited {
	color: #000000;  
	font-family: arial, serif; 
	font-size: 16px;
	text-decoration: underline;
}

a.link2:hover, a.link2:focus, a.link2:active {
	text-decoration: none; 
}

a:link, a:visited {
	text-decoration: none;
}

a:hover, a:focus, a:active {
	text-decoration: none;	
}








/* ***************/
/* Tellinks */
/* ***************/

a.tellink1[href^="tel"]:link,
a.tellink1[href^="tel"]:visited, 
a.tellink1[href^="tel"]:hover {

    text-decoration: none;
    color: #FFFFFF;  
	cursor: text;
}








/* ***************/
/* Bullets */
/* ***************/


#bullet {
	margin: 20px 0px 20px 0px;
}

#bullet ul {
	margin: 0px;
	padding: 0px;
	list-style-type: disc;
	list-style-position: inside;
}

#bullet li {
	color: #000000;  
	font-family: arial, sans-serif; 
	font-size: 16px;
	line-height: 19px;
	margin-top: 20px;
}








/* ***************/
/* Animation */
/* ***************/


.animation {
    animation: Animation linear 7s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: Animation linear 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: Animation linear 7s;
        animation-delay: 0s;
        animation-iteration-count: 1;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: Animation linear 7s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: Animation linear 7s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
    animation-delay: 7s;
}


@keyframes Animation {


0% {
    -webkit-transform: rotate(0deg) scale(0.80, 0.80);
    transform: rotate(3deg) scale(0.80, 0.80);
}
1% {
    -webkit-transform: rotate(3deg) scale(0.80, 0.80);
    transform: rotate(-3deg) scale(0.80, 0.80);
}
2% {
    -webkit-transform: rotate(-3deg) scale(0.80, 0.80);
    transform: rotate(-3deg) scale(0.80, 0.80);
}
3% {
    transform: rotate(3deg) scale(1.00, 1.10);
}
4% {
    transform: rotate(-3deg) scale(1.00, 1.00);
}
5% {
    transform: rotate(3deg) scale(1.00, 1.00);
}
6% {
    transform: rotate(-3deg) scale(1.00, 1.00);
}
7% {
    transform: rotate(3deg) scale(1.00, 1.00);
}
8% {
    transform: rotate(-3deg) scale(1.00, 1.00);
}
9% {
    transform: rotate(3deg) scale(1.00, 1.00);
}
10% {
    transform: rotate(0deg) scale(1.00, 1.00);
}
100% {
    transform: rotate(0deg) scale(1.00, 1.00);
}

}





