@charset "utf-8";
	* 								{ margin:0; padding:0;}
	div,
	section,
	header,
	footer,
	nav,
	li								{ position:relative; }	
	*								{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
	body,
	input						                { color:#333;} 	
	body							{ font-family:"tablet-gothic", verdana, arial, sans-serif;}
	h2,
	h3 								{ font-family:"tablet-gothic-condensed", "arial narrow", arial, verdana, sans-serif;}	
	h1,
	h2,
	h3,								{ font-weight:normal; }
	h1 								{ background:#274001; color:#fff; display:inline-block; margin-bottom:1em; padding:0.5em 1em; }
	h2 								{ color:#fff; font-weight:900; font-size:6em; letter-spacing:1px; line-height:1em; }
	h3 								{ font-size:2.25em; font-weight:200; letter-spacing:1px; line-height:1em; padding:0.5em 0 0.25em 0; }	
	a 								{ border-bottom:1px solid rgba(0,0,0,0.2); color:#333; text-decoration:none; -moz-transition:border-color 0.2s ease-in-out; -ms-transition:border-color 0.2s ease-in-out; -o-transition:border-color 0.2s ease-in-out; -webkit-transition:border-color 0.2s ease-in-out; transition:border-color 0.2s ease-in-out; }
	a:hover 				                        { border-color:#274001; }
	section.beginn div.inhalt p a,
	div.content p a,
	div.content2 p a			                { color:#fff; }
	div.content2 p a:hover	                { border-color:#fff; }
	p,
	li 								{ font-size:1em; font-weight:400; line-height:1.5em; padding:0.5em 0; }
	h1,
	section.beginn div.inhalt p,
	div.regeln p:last-child 	               { font-weight:300; letter-spacing:2px; text-transform:uppercase; }
	section.beginn div.inhalt p:last-child, 
	div.regeln p:last-child 	               { border-top:1px solid #274001; margin-top:1em; padding-top:1.5em; }
    em,
	strong 							{ font-style:normal; font-weight:400; }
	html 							       { background:#9ad914; padding:5%; }
	body 							{ background:#02732a; }
	div.lauftreff				       { z-index:2; }
	section.beginn 					{ padding:5%; }
	section.beginn div.inhalt 		       { color:#fff; padding:15% 0; }
	section.beginn div.beschreibung      { background:#8abf17; color:#333; padding:5% 5% 5% 30%; }	
	aside.navi 					      { background:#02732a; padding:5%; }
	aside.navi ul 				              { padding:0.5em 0 2em 0; }
	aside.navi ul li 			             { color:#000; list-style:none; margin:0; padding:0 0 0.825em 0; }
	footer 						    { background:#8abf17; clear:both; color:#0; padding:1em 5%; width:50%; }
	footer a 						    { margin-right:0.5em; }
	div.content 				            { background:#5aae4c; color:#fff; padding:5%; }
	div.content2 				    { background:#274001; color:#fff; padding:5%; }
	div.grund 					    { background:#9ad914; margin-top:10%; padding:5%; }
	div.regeln 				            { background:#5aae4c; margin-top:5%; margin-bottom:5%; padding:5%; }

	
	@media screen and (min-width:1px) {
		body 						{ font-size:85%; }
	}

	@media screen and (min-width:550px) {
		h2 							{ font-size:8em; }
		section.beginn 				{ width:66.6%; }
		aside.navi 				{ 
									position:absolute; right:0; top:2.5%; width:37%; 
									border-bottom:5px solid #f2f2f2;
									border-left:15px solid #f2f2f2;
									border-top:5px solid #f2f2f2;
								}
		div.content 			{ float:left; width:40%; }
		div.content2 			{ float:left; margin-left: 10%; width:49%; }
		div.grund 				{ float:right; margin-right: 10%;}
		div.regeln 			{ float:left; }
		div.img01                  {float:left; margin-left: 100%; padding:15% 5% 5%;}
	}

	@media screen and (min-width:650px) {
		div.grund 				{ margin-top:10%; width:45%; }
		div.regeln 			{ width:69%; }
	}

	@media screen and (min-width:700px) {
		body 						{ font-size:90%; }
	}

	@media screen and (min-width:800px) {
		body 						{ font-size:100%; }
	}

	@media screen and (min-width:900px) {
		body 						{ font-size:110%; }
	}

	@media screen and (min-width:1500px) {
		body 						{ font-size:125%; }
	}

	@media screen and (min-width:1800px) {
		body 						{ font-size:150%; }
	}

	@media screen and (min-width:2100px) {
		body 						{ font-size:175%; }
	}

	@media screen and (min-width:2500px) {
		body 						{ font-size:200%; }
	}