/* CSS Document */

/* Style von Allan */

/* Nachfolgende Farben vwerden festgelegt:

	Body 						= Hintergrund    66 66 66 > Schwarz
	
	Kopf						= Text			FF 00 00
	       					 	= Hintergrund
	       					 	
    Inhalt  					= Text
    							= Hintergrund
    		
   Kopflink hier Leistenkink	= Text
   								= Hintergrund
   							 	
   Kopflink hier Leistenkink	= Text
    	 bei Hover 	 	    	= Hintergrund


 Ende der Dokumentation   */



body {
/*  gesamter Bildschirm, unabhängig von der Größe  */
	margin: 0;
	background-color: #666666;
	text-align: center; 
}


#alles {
/*	gestaltete Seite mit festgelegten Massen, hier 980px  */
	background-color: #000000;
	margin: auto;
	width: 980px;
}

#kopf {
/*  Farbe des Textes und des Hintergrundes des Kopfes  */
	color: #FFFFFF;
	background-color: #7972D8;
	text-align: left;
	height: 170px;
	width: 100%;
	padding-top: 10px;
	margin: 0;
		
	/*  Linie unter dem Kopf  */
	border-bottom:thin solid #FFFFFF;
	
	/*  Sonderzeichen für Firefox  */   
    clear: both;
}

h1 {
	margin: 15px;
}


#inhalt {
/*  Farbe des Textes und des Hintergrundes für Inhalt  */
	color: #FF0000;
	background-color: #2419D2;
	width: 100%;
	height: auto;
	margin: 0;
	padding:0;
	
	/*  Linie links und rechts vom Inhalt 
	border-left:thin solid #FFFFFF;
	border-right:thin solid #FFFFFF;  */
	
	/*  Sonderzeichen für Firefox  */   
    clear: both;
}


/*  Buttons und Links für die Navigation*/
a{text-decoration:none;}

a.kreislinks-side {
/*  Farbe des Textes und des Hintergrundes des Buttons  */
	width: 90px;
	color: #000000;
	background-color: #FFFFFF;
	padding: 0 12px;
	border: 2px solid yellow;
	margin: 0;
}
a.kreislinks-side:hover {
/*  Farbe des Textes und des Hintergrundes des Buttons bei Hover  */
	width: 90px;
	color: #FFFFFF;
	background-color: #000000;
	padding: 0 12px;
	border: 2px solid blue;
	margin: 0;
}

a.kreislinks-rest {
/*  Farbe des Textes und des Hintergrundes des Buttons  */
	width: 90px;
	color: #FFFFFF;
	background-color: #666666;
	padding: 0 12px;
	border: 2px solid blue;
	margin: 0 2px;
}
a.kreislinks-rest:hover {
/*  Farbe des Textes und des Hintergrundes des Buttons bei Hover  */
	width: 90px;
	color: #FFFFFF;
	background-color: #000000;
	padding: 0 12px;
	border: 2px solid blue;
	margin: 0 2px;
}


/*  Button fuer den Impressum / Kontakt - Button mit 170 px  */

a.kreislinks-kontakt {
	width: 170px;
	color: #FFFFFF;
	background-color: #666666;
	padding: 0 12px;
	border: 2px solid blue;
	margin: 0 2px;
}
a.kreislinks-kontakt:hover {
	width: 170px;
	color: #FFFFFF;
	background-color: #000000;
	padding: 0 12px;
	border: 2px solid blue;
	margin: 0 2px;
}

a.kreislinks-kontakt-side {
/*  Kontakt-Button als Sidebutton  */
	width: 170px;
	color: #000000;
	background-color: #FFFFFF;
	padding: 0 12px;
	border: 2px solid yellow;
	margin: 0 2px;
}
a.kreislinks-kontakt-side:hover {
/*  Kontakt-Button als Sidebutton bei Hower */
	width: 170px;
	color: #FFFFFF;
	background-color: #000000;
	padding: 0 12px;
	border: 2px solid blue;
	margin: 0 2px;
}