body{
	 /* background-image: url(images/hintergrund.jpg); */
	 background-repeat: repeat-y;
	 line-height: normal; 		/* Behandelt die Spaltenbreite */
	 letter-spacing: 0.05em; 	/* Behandelt die Abstände zwischen den Buchstaben */
 	 word-spacing: 0,01em; 		/* Behandelt die Abstände zwischen den Wörtern */
	 font-family: Arial, Helvetica, sans-serif;
	 }

	a { 
		text-decoration: none;
	}
		
	a:link {
		color: #0074C5;
	}
	
	a:visited {
		color: #0074C5;
	}

	a:hover {
			  text-decoration: underline;
	}

	br {
		line-height: 1.2em;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	#logo {
		position: absolute;	
		top: 0px;
		right: 0px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	#head {

		background-image: url(images/name.jpg);
		background-repeat: no-repeat;
		background-position: center;
		
		position: absolute;
		top: 0px;
		width: 100%;
		height: 185;
}

		h1 {
			color: #000; 					/* Schriftfarbe */ 
			font-size: 1.12em;
			visibility: hidden;
		}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	#google_translate_element {

		position: absolute;
                right: 0px;
                top: 185px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	#menue {
		
		position: absolute;		/* Positionirung auf der Seite (static ist Standard) */
		top: 170px; 
		width: 225px; 			/* Breite des Block. */
		margin: 5px 10px 10px 5px;	/* Betsimmt den Ausenabstand */
		
		}	

	.navigationsboxen_1{

		width:  245px;
		font-size: 1em;
		margin: 5px auto 10px auto;
		height: 60px;
	}		
			
	.navigationsboxen{

		width:  245px;
		font-size: 1em;
		margin: 5px auto 10px auto;
		height: 30px;
	}
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	#content {
		text-align: center;
		font-size: 0.8em;
		position: absolute;
		top: 50px;
		left: 230px;
		width: 730px;
		max-width: 750px;				/* Maximale Breite des Block. */
		min-width: 600px; 				/* Minimale Breite des Block. */
		color: #000;

		padding: 5px; 					/* Vergrößert den Abstand zwischen dem Inhalt und dem Ramen */

		}

		h2 {
			color: #000;
			text-align: left;
			font-size: 1.6em;
		}

		h3 {
			color: #000;
			text-align: left;
			font-size: 1.1em;
		}

		p {
			color: #000;
			text-align: left;
		}
		strong {
			color: #000;
			font-size: 1.1em;
			
		}

		.b_li{
			position: absolute;
			top: 2px;
			left: 4px;	

		}

		.b_re{
			position: absolute;
			top: 2px;
			right: 4px;
		}

		
		.tuev{

		text-align: center;
		border: 1px solid #0074C5;

		}


/* CSS für die Produkttabellen aus dem Programm für 32 u 33*/

	.head {

		font-size: 1.2em;
		text-align: center;
		color: #0074C5;
		padding: 5px;
		text-decoration: underline;

	}

	.head strong{

		color: #0074C5;
			
	}
	
	#eins {
		width: 110px;
		height: 130px;
		float: left;
		margin: 15px 0px 0px 0px;	/* Betsimmt den Ausenabstand */
		border-top: 1px solid #000;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		
	}

	#zwei {
		width: 95px;
		height: 130px;
		float: left;
		margin: 15px 0px 0px 0px;	/* Betsimmt den Ausenabstand */
		border-top: 1px solid #000;
		
	}

	#drei {
		width: 104px;
		height: 130px;
		float: left;
		margin: 15px 0px 0px 0px;	/* Betsimmt den Ausenabstand */
		border-top: 1px solid #000;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		
	}

	#vier {
		width: 107px;
		height: 130px;
		float: left;
		margin: 15px 0px 0px 0px;	/* Betsimmt den Ausenabstand */
		border-top: 1px solid #000;
		
		
	}

	#fuenf {
		width: 99px;
		height: 130px;
		float: left;
		margin: 15px 0px 0px 0px;	/* Betsimmt den Ausenabstand */
		border-top: 1px solid #000;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		
	}

	#sechs {
		width: 89px;
		height: 130px;
		float: left;
		margin: 15px 0px 0px 0px;	/* Betsimmt den Ausenabstand */
		border-top: 1px solid #000;
		
	}

	#sieben {
		width: 104px;
		height: 130px;
		float: left;
		margin: 15px 0px 0px 0px;	/* Betsimmt den Ausenabstand */
		border-top: 1px solid #000;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		
	}


/* Klassen für die Produkttabellen aus dem Programm */
	
	.eins {
		width: 110px;
		height: 700px;
		float: left;
		text-align: center;
		border: 1px solid #000;
		
	}

	.zwei {
		width: 95px;
		height: 700px;
		float: left;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		
	}

	.drei {
		width: 104px;
		height: 700px;
		float: left;
		border: 1px solid #000;
		
	}

	.vier {
		width: 107px;
		height: 700px;
		float: left;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}

	.fuenf {
		width: 99px;
		height: 300px;
		float: left;
		border: 1px solid #000;
		
	}

	.sechs {
		width: 89px;
		height: 300px;
		float: left;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}

	.sieben {
		width: 104px;
		height: 300px;
		float: left;
		border: 1px solid #000;
	}

	.acht {
		width: 292px;
		height: 400px;
		float: left;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		border-left: 1px solid #000;
		text-align: center;

	}


	#anhang {
		
		float: left;
		margin: 5px 0px 0px 0px;	/* Betsimmt den Ausenabstand */
		
	}