body{
	
	margin:0;
	
	padding:0;
	
	font-size:16px;
	
	font-family:arial;
	
	letter-spacing: 1pt;
	
	color:#696969;
	
	background-color:#ffffff;
}





img{border:0; display:block; padding:0; margin:0;}

.justify{text-align:justify;}

.bold{font-weight:bold;}

.center{text-align:center;}

.right{text-align:right;}

.nostart {list-style-type:none; margin:0; padding:0;}

.clear{clear:both;}

br.clear{clear:both; margin-top:-15px;}

a{outline:none; text-decoration:none;}



.fl_left{float:left;}

.fl_right{float:right;}



.imgl, .imgr{border:1px solid #ffffff; padding:5px;}

.imgl{float:left; margin:0 8px 8px 0; clear:left;}

.imgr{float:right; margin:0 0 8px 8px; clear:right;}





/* -----------------------------Layout Peyer Logo oberster Balken------------------------------*/



#header, #intro, #latest, #container, #footer, #copyright{
	
	position:relative;
	
	margin:0 auto 0;
	
	display:block;
	
	width:1400px;
	
	}



#header{
	
	position:relative;
	
	margin:0 auto 0;
	
	display:block;
	
	width:1400px;
	
	padding:5px 20px 15px 20px;
	
	background-color:#ffffff;
	
	font-family:arial;
	
	}



#header #logo{
	
	display:block;
	
	float:left;
	
	width:260px;
	
	margin-top:15px;
	
	}



#header #logo h1{
	
	margin:0;
	
	padding:0;
	
	color:#696969;
	
	font-size:30px;
	
	font-weight:bold;
	
	border:none;
	
	}





/* -----------------------------Navigation der Startseite, Kontakt, Referenzen etc.-----------*/





#header #topnav{
	
	display:block;
	
	float:right;
	
	width:650px;
	
	margin:30px 0 0 0;
	
	padding:0;
	
	font-size:14px;
	
	font-family:arial;
	
	text-align:right;
	
	}
	


#header ul{
	
	margin:0;
	
	padding:0;
	
	list-style:none;
	
	}



#header li{
	
	display:inline;
	
	margin-right:35px;
	
	}



#header li a:link {
	
	text-decoration: none;
	
	margin:0;
	
	padding:0px 3px 0px 3px;
	
	color:#696969;
	
	background-color:#ffffff;
	
	border-left: 10px solid #cccccc;
	
	border-bottom: 1px solid #cccccc;
	
	}



#header li a:hover {
	
	text-decoration: none;
	
	color:#696969;
	
	font-weight:bold;
	
	background-color:#ffffff;
	
	border-left: 10px solid #cccccc;
	
	border-bottom: 1px solid #cccccc;
	
	}



#header li a:active {
	
	text-decoration: none;
	
	color:#696969;
	
	font-weight:bold;
	
	background-color:#ffffff;
	
	border-bottom-color:#cccccc;
	
	}



#header li a:visited {
	
	color:#696969;
	
	background-color:#ffffff;
	
	border-bottom-color:#cccccc;
	
	}



#header #topnav li.last{
	
	margin-right:0;
	
	}





/* -----------------------------Layout der Startseite Bild links und Text rechts---------------*/



#latest{
	
	padding: 20px 0 0 0;
	
	}



#latest .fl_left{
	
	display:block;
	
	float:left;
	
	width:575px;
	
	height:625px;
	
	}



#latest .fl_right{
	
	display:block;
	
	float:left;
	
	width: 725px;
	
	height: 565px;
	
	padding: 30px;
	
	line-height!: 10px!;
	
	line-height: 1px !important;
	
	color:#696969;
	
	background-color:#ffffff;
	
	}



#latest .fl_right h2, #latest .fl_right p{
	
	margin:0 0 12px 0;
	
	padding:0;
	
	border: none;
	
	line-height:normal;
	
	}



#latest .fl_right h2{
	
	font-size:17px;
	
	}



#latest .fl_right p{
	
	line-height: 1.7em;
	
	}





/* -----------------------------Layout Startseite Anordnung der Rubrikenauswahl mit Fotos----*/



#intro{
	
	padding: 25px 0 15px 0;
	
	}



#intro ul{
	
	margin:0;
	
	padding:0;
	
	list-style:none;
	
	}



#intro li{
	
	display:block;
	
	float:left;
	
	width:425px;
	
	margin:0 30px 0 0;
	
	padding:0;
	
	}



#intro li.last{
	
	margin-right:0;
	
	}



#intro h2, #intro img, #intro div{
	
	margin:0;
	
	padding:0;
	
	}
	

#intro p {
	margin: 10px 0 20px 0;
	}





/* -----------------------------Layout Schriftbild der Überschriftsbalken---------------------*/



div.wrapper{
	
	display:block;
	
	width:100%;
	
	margin:0;
	
	padding:0;
	
	text-align:left;
	
	}



div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	
	margin:0;
	
	padding:0 0 8px 0;
	
	font-size:16px;
	
	font-weight:bold;
	
	font-family:arial;
	
	border-left: 10px solid #cccccc;
	
	text-align:left;
	
	}





/* -----------------------------Farbe der Überschriftenbalken-------------------------------*/



#intro h2{
	
	padding:10px 15px;
	
	color:#696969;
	
	background-color:#ffffff;
	
	border-bottom: 1px solid #cccccc;
	
	}





/* -----------------------------Bilderrahmen außer auf Startseite----------------------------*/



table{
	width:100%;
	
	border-collapse:collapse;
	
	table-layout:auto;
	
	vertical-align:top;
	
	margin-bottom:15px;
	
	border:1px solid #cccccc;
	
	}



table thead th, table tbody td{
	
	padding:10px;
	
	border-collapse:collapse;
	
	}





/* -----------------------------Feld Anschrift, Geschäftszeiten, Anfahrt----------------------*/



#footer{
	
	position:relative;
	
	margin:0 auto 0;
	
	display:block;
	
	width:920px;
	
	padding:40px;

	font-size:12px;	
	color:#696969;
	
	background-color:#ffffff;
	
	border-bottom: 1px solid #cccccc;
	
	}








/* ---Schrift u. Farbe Anfahrt Lageplan---*/



#footer a{
	
	color:#696969;
	
	background-color:#ffffff;
	
	}



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







#footer h2{
	
	margin-bottom:20px;
	
	padding:0px 3px 0px;
	
	border-bottom: 1px solid #cccccc;
	
	}



#footer p, #footer ul, #footer a{
	
	margin:0;
	
	padding:0;
	
	font-weight:normal;
	
	list-style:none;
	
	line-height:normal;
	
	}



#footer .footbox{
	
	display:block;
	
	float:left;
	
	width:190px;
	
	margin:0 0 0 40px;
	
	padding:0;
	
	}





/* -----------------------------Copyright am Seitenende---------------------------------------*/



#copyright{
	
	position:relative;
	
	margin:0 auto 0;
	
	display:block;
	
	width:920px;
	
	padding:20px;
	
	color:#696969;

	font-size:12px;	
	background-color:#ffffff;
	
	}