body {
	margin:0;
	font-size:14px;
	font-family: Georgia, Garamond, "Times New Roman", Times, serif;
	color: #4B4A4D;
} 

#content {
	width: 100%;
	z-index:1;
	text-align: center;
}

#square {
	width: 460px;
	height: 460px;
	z-index:2;
	text-align: left;
 	position:absolute;
  	top:50%;
  	left:50%;
  	margin-left:-250px;
 	margin-top:-280px;
	padding: 20px;
}

#notice {
	width: 300px;
	height: 300px;
	text-align: center;
	z-index:4;
	top: 0;
	right: 0;
 	position:absolute;
}


.nothing {
	background-image:url(bilder/smooth_transparent.png);
}

.produkte {
	background-image:url(bilder/produkte.png);
}

.service {
	background-image:url(bilder/service.png);
}

.fertigung {
	background-image:url(bilder/fertigung.png);
}

.marken {
	background-image:url(bilder/marken.png);
}

.kontakt {
	background-image:url(bilder/kontakt.png);
}

.impressum {
	background-image:url(bilder/impressum.png);
}

#navigation {
	width: 420;
	position: absolute;
  	left:50%;
  	margin-left:-210px;
	bottom: 16;
	z-index:3;
	text-align: center;
}

#lonavigation {
	width: 100%;
	position: absolute;
	bottom: 15;
	z-index:3;
	text-align: center;
	color: #FFFFFF;
	font-size:11px;
}

	
.mini {
	font-size: 9px;
}

.big {
	font-size: 28px;
}

.line { 
	text-decoration:underline;
}

.sans { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
}	

a:link { color: #4B4A4D; text-decoration: none;}
a:visited { color: #4B4A4D; text-decoration:none;}
a:hover { color: #4B4A4D; text-decoration:underline;}
a:active { color: #4B4A4D; text-decoration:underline;}

a.lo:link { color: #FFFFFF; text-decoration: none;}
a.lo:visited { color: #FFFFFF; text-decoration:none;}
a.lo:hover { color: #FFFFFF; text-decoration:underline;}
a.lo:active { color: #FFFFFF; text-decoration:underline;}