@charset "utf-8";
/* CSS Document */

body, #topnavi,#head,#domainname,#content,#footer,#login,#boxen,#box1,#box2,#box3,#mitmachen,#domains,
		#box_headline1,#box_headline2,#box_headline3,#box_preis1,#box_preis2,#box_preis3,#boxtext1,#boxtext2,#boxtext3,#gewinne,#login,#impressum,#datenschutz,#gewinner,#klimalos,#bestellen
		{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 auto;
		font-family:roboto condensed;
		}

		#topnavi {background-image: linear-gradient(to right, #000000, #007700, #004400);}
		#mitmachen,#gewinne,#gewinner,#domains {background-color:#004400;}
		#domainname { background-color:#007700;}
		
		#topnavi {width:100%;height:60px;}
		#head {width:100%;height:50px;background-color:#eeffee;}
		
		#domainname {float: left;min-width:300px; height:50px;margin-left:20px;font-size: 30px;color:#ffffff;text-align:center;
			border-bottom-left-radius:0px;border-bottom-right-radius:0px; padding:5px 20px 5px 20px;}
		
		#mitmachen {float: left;min-width:300px; height:50px;margin-left:20px;font-size: 30px;color:#ffffff;text-align:center;
			border-bottom-left-radius:0px;border-bottom-right-radius:0px; padding:5px 20px 5px 20px;}
		
		#mitmachen:hover,#gewinne:hover,#domainname:hover,#gewinner:hover,#domains:hover {
			background-color:#007700;
			background-image: linear-gradient(to right, #000000, #007700, #004400);
			cursor:pointer;}
		
		#bestellen {width:300px; height:50px;margin-left:20px;font-size: 30px;color:#ffffff;text-align:center;
			border-radius:25px; padding:5px 20px 5px 20px; background-color:#005500;overflow:hidden}
		#bestellen:hover {background-image: linear-gradient(to right, #000000, #007700, #004400, #000000);cursor:pointer;}


		#gewinne {float: left;min-width:300px; height:50px;margin-left:20px;font-size: 30px;color:#ffffff;text-align:center;
			border-bottom-left-radius:0px;border-bottom-right-radius:0px; padding:5px 20px 5px 20px;}
		
		#gewinner {float: left;min-width:300px; height:50px;margin-left:20px;font-size: 30px;color:#ffffff;text-align:center;
			border-bottom-left-radius:0px;border-bottom-right-radius:0px; padding:5px 20px 5px 20px;}

		#domains {float: left;min-width:300px; height:50px;margin-left:20px;font-size: 30px;color:#ffffff;text-align:center;
			border-bottom-left-radius:0px;border-bottom-right-radius:0px; padding:5px 20px 5px 20px;}
		
		#content {clear:both;float:left;
			 width:100%; height:600px;
		background-image: url(https://dadadata.de/dreamlike/landschaft/blue_sky_white_clouds_lush_meadows_green_clover___480442178__m99zjYEZffkZ__sd_dreamlike-diffusion-1-0__dreamlike-art.jpg);background-size: cover; padding:20px 20px 20px 100px; z-index:100;}
		

		#footer { background:#eeffee;width:100%;margin-top:800px;height:200px;}
		
		
		#login,#impressum,#datenschutz {float:right;margin-right:20px;font-size:16px; color:#ffffff; margin-top:15px;}
		
	
		#boxen {width:100%; max-width: 960px;height:600px;z-index:1000;}
		#box1,#box2,#box3 {float: left; width:300px;height:600px;margin-left:20px;background:#eeffee; margin-top: -80px;
			border-top-left-radius:20px;border-top-right-radius:20px;
			border-bottom-left-radius:20px;border-bottom-right-radius:20px;
			overflow:hidden;
			box-shadow: 3px 0px 3px #003300;
		}
		
		
		#box_headline1,#box_headline2,#box_headline3 {font-size:40px;color:#003300;padding-left:10px;padding-right:10px;}
		#box_preis1,#box_preis2,#box_preis3 {font-size:40px; text-align:right; padding-right:20px;padding-left:10px;}
		#boxtext1,#boxtext2,#boxtext3 {padding-left:10px; padding-right:10px;}

		#klimalos {margin: 0 auto; width:105mm; height:145mm; border-radius:20px; overflow:hidden;box-shadow: 3px 0px 3px #003300;z-index:1100;}

input[type="text"] {width:100%;height:40px;font-size:20px;}
input[type="submit"] {width:200px;height:40px;font-size:20px;}