﻿	

	<style type="text/css">

	 * {	box-sizing: border-box;}
	 
	body			{font-family: Arial, Helvetica, sans-serif}
	 
	 
 	/* für Medien bis 599 px (Smartphone)*/
	@media only screen and (max-width:599px) {
	
	
	/*----- Schrift-Grössen -----*/
	
	.t08			{font-size: 0.4em}
	.t10			{font-size: 0.5em}	
	.t12			{font-size: 0.6em}
	.t15			{font-size: 0.8em}
	.t20			{font-size: 1.0em}
	.t30			{font-size: 1.5em}	
	.t50			{font-size: 3.0em}
	
	/*----- Positionen )-----*/
 	
 	#firstbox		{position: absolute; top: 100px; left: 20%;}
 
	}


	/* für Medien ab 600 px*/
	@media only screen and (min-width: 600px) {
	
	
	
	}

	/* für Medien ab 980 px (Tablet)  */
	@media only screen and (min-width: 1107px) {
		
	
	

	
	
	/*----- Schrift-Grössen -----*/
		
	.t08			{font-size: 0.8em}
	.t10			{font-size: 1.0em}	
	.t12			{font-size: 1.2em}
	.t15			{font-size: 1.5em}
	.t20			{font-size: 2.0em}
	.t30			{font-size: 3.0em}	
	.t50			{font-size: 5.0em}	


	
	}	
	
	/*----- CSS für Alle -----*/		
	a				{text-decoration: none; color: black;}
	a:hover			{text-decoration: none; color: red;}
		
	.tnorm			{font-weight: normal}
	.tfett			{font-weight: bold}	
	
	/*----- Schrift-Farben -----*/	
	.tweiss			{color: white}
	.tswz			{color: black}
	.trot			{color: red}	
	.tgrn			{color: green}	
	.tglb			{color: yellow}	
	.tblu			{color: blue}	
	
	/*----- Hintergrund-Farben -----*/
	.bmarine		{background-color: #1E3D59}		/*Menubalken*/
	.bgrau			{background-color: #F5F0E1} 	/*body*/
	.borange		{background-color: #FF6E40}		
	.bgelb			{background-color: #FFC12B}		/*buttons*>


	
	.bweiss			{background-color: white}
	.bswz			{background-color: black}
	.brot			{background-color: red}	
	.bgrn			{background-color: green}	
	.bglb			{background-color: yellow}	
	.bblu			{background-color: blue}	
	
	
	.schfl			{color: black; background-color: #99CCFF; font-weight: normal; font-size: 1.2em; border: none;} 
	.schfl:hover	{color: red; font-size: 1.2em; }	
	.schfl2			{color: white; background-color: red; font-weight: normal; font-size: 1.2em; border: none;} 
	.schfl2:hover	{color: black; font-size: 1.2em; }	
	

	/*----- Ausrichtung -----*/	
	.tlft			{text-align: left}
	.trgt			{text-align: right}
	.tctr			{text-align: center}
	
	.noli			{text-decoration: none;}

	
	/*----- Positionen )-----*/
 	
 	#menubalken		{display: block; position: absolute; top: 0px; left: 0px;}
 	

 	#ueberuns		{position: absolute; top: 240px; left: 0px;}
 	
 	#team1			{position: absolute; top: 350px; left: 0px;}
 	#team2			{position: absolute; top: 400px; left: 0px;} 	

	#intro			{display: block; position: absolute; top: 220px; left: 0px;}
	#gmbh			{display: block; position: absolute; top: 680px; left: 0px;}
	#bild			{display: block; position: absolute; top: 160px; left: 0px;}
 	#warntext		{display: block; position: absolute; top: 720px; left: 0px;} 	
 	#impr			{display: block; position: absolute; top: 780px; left: 0px;} 	 
	 

	
	}	
	
 
	
	</style>
