

/* ==========================================

STYLESHEET FUER "BASTINE AIKIDO.site" 

Datei: aikibasic.css
Datum der Aktualisierung: 3. Februar 2012
Autor: Gerd Bastine

Aufbau: 1. Kalibrierung und Restauration
        2. Allgemeine Styles
        3. Styles fuer Layoutbereiche
        4. Sonstige Styles

=========================================== */




/* =====================================================
   1. KALIBRIERUNG UND RESTAURATION (Wiederherstellung)
======================================================== */


	* { padding: 0; margin: 0; }

	/* Im Folgenden speziell fuer den Firefox; grammatikalisch nicht ganz korrekt; aber nach Peter Mueller ok. */

	html { overflow-y: scroll; }

	/* Abstaende nach unten */

	h2, h3, h4, h5, p, ul, ol { margin-bottom: 1em; }

	/* gegebenenfalls weitere Abstaende restaurieren /*


/* ==========================================
   2. ALLGEMEINE STYLES  
=========================================== */


	body { 
		color: #333333; 
		margin: 20px 0; 
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
		font-size: small; 
		background: url(Bilder/bg_body.gif); 
		}

	p { 
		line-height: 1.5em; 
		}
	
	h1 { 
		color: #333333; 
		font-size: 1.8em; 
		font-family: georgia; 
		font-weight: bold; 
		margin: 0.67em 0; 
		}
	
	h2 { 
		color: #333333; 
		font-size: 1.5em; 
		font-weight: bold; 
		margin: 0.83em 0; 
		}
	
	h3 { 
		font-size: 1.15em; 
		font-family: georgia; 
		font-weight: bold; 
		margin: 1em 0; 
		}
	
	h4 { 
		color: #333; 
		font-size: 1.1em; 
		font-family: georgia; 
		}
		
	h5 { 
		margin-top: 1.67em; 
		color: #333; 
		font-size: 1em; 
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
		font-weight: bold; 
		}
	
	ul { 
		line-height: 1.5em; 
		margin-left: 15px; 
		padding-left: 5px; 
		}
	
	

/* Hyperlinks gestalten */

	
	a:link { 
		color: #369; 
		}
	
	a:visited { 
		color: #369; 
		}
	
	a:hover { 
		color: #c00; 
		}
	
	a:active { 
		color: lime; 
		}
		

/* Allgemeine Klassen und IDs */


	.text_kursiv { 
		font-style: italic; 
		}
		
	.text_bildunterschrift { 
		font-size: 0.8em; 
		font-family: arial, helvetica, geneva, SunSans-Regular, sans-serif; 
		font-style: italic; 
		}
	
	.ul_einrueck { line-height: 1.5em; 
		list-style-type: none; 
		margin: 1em 0 1em 10px; 
		padding-left: 10px; }
		
	.ul_einrueck2 { 
		line-height: 1.5em; 
		list-style-type: none; 
		margin: 1em 0 1em 0.1em; 
		padding-left: 0.1em; }
		
	.stern { margin-left: -18px; }
		
	
/* ==========================================
   3. STYLES FUER LAYOUTBEREICHE   
=========================================== */

	
/* RAHMEN (Wrapper) */


	#rahmen { 
		background-color: #fff; 
		width: 760px; 
		height: auto;
		 
		/* Wrapper zentrieren - Anfang */
	
		margin-right: auto; 
		margin-left: auto; 
	
		/* Wrapper zentrieren - Ende */
		
		border-color: #ccc; 
		border-style: solid; 
		border-width: 2px 3px 3px 2px; 
		}
	
		
/* KOPFBEREICH */


	.cont_logotype { 
		background-color: #fff; 
		width:100%; 
		height: 68px; 
		padding-top: 5px; 
		}
		
	.cont_titelbild { 
		background-color: #fff; 
		width: 100%; 
		height: auto; 
		clear: left; 
		}
	
		
/* NAVIGATION oben */


	.cont_navoben { 
		width: 100%; 
		height: 30px; 
		clear: both; 
		color: #fff; 
		font-size: 85%; 
		font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
		background-color: #c00; 
		width: auto; 
		height: auto; 
		padding: 8px; 
		}
		
	.cont_navoben	a:link { 
		color: #fff; 
		font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
		text-decoration: none; 
		}
	
	.cont_navoben	a:visited { 
		color: #fff; 
		font-family: Verdana, Arial, Helvetica, sans-serif !important; 
		text-decoration: none; 
		}
	
	.cont_navoben	a:hover { 
		color: yellow; 
		}
	
	.cont_navoben	a:active { 
		color: yellow; 
		}
	

/* MITTE = INHALTSBEREICH */

	
/* Erster Container 2-spaltig fuer Seitenueberschrift */	


	.navboxauto_eingang { 
		text-align: left; 
		margin-left:254px; 
		width:456px; 
		padding-top: 20px; 
		padding-right: 10px; 
		padding-left: 20px; 
		}
		
	
/* Box links von der Seitenueberschrift */
	
	
	.navboxleft_eingang { 
		color: #333; 
		font-size: 1.1em; 
		font-family: Georgia, "Times New Roman", Times, serif; 
		font-style: italic; 
		line-height: 1.7em; 
		text-align: right; 
		line-height: 1.5em; 
		text-align: right; 
		top: 12px; 
		width:204px; 
		float:left; 
		margin-top: 12px; 
		padding-top: 20px; 
		padding-right: 20px; 
		padding-left: 30px; 
		}
	

/* Box rechts fuer die Seitenueberschrift */


	.navboxcont_eingang { 
		width: 760px; 
		height: auto; 
		float: left; 
		margin-top: 15px; 
		margin-bottom: 12px; 
		}
		

/* Zweiter Container 2-spaltig fuer Inhalte */	


	.navboxcont { 
		width: 760px; 
		float: left; 
		margin-bottom: 10px; 
		border-bottom: 2px dotted #ccc; 
		}


/* Box links von den Inhalten */


	.navboxleft { 
		width:204px; 
		height: auto; 
		float:left; 
		padding: 32px 20px 20px 30px; 
		}
		
	.zitate { font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.7em; text-align: right; margin-right: 10px; }
	

/* Box rechts fuer die Inhalte */


	.navboxauto { 
		margin-left:254px; 
		width:456px; 
		height:auto; 
		padding: 20px 10px 20px 20px; 
		}


/* Bei Bedarf Box unten fuer Infos; zur Zeit nicht benutzt */	


	.cont_infounten { 
		height: auto; 
		float: left; 
		margin-top: 15px; 
		margin-bottom: 10px; 
		color: #333; 
		font-size: 0.9em; 
		font-family: Georgia, "Times New Roman", Times, serif; 
		font-style: italic; 
		line-height: 1.7em; 
		line-height: 1.5em; 
		top: 12px; 
		padding-right: 30px; 
		padding-left: 30px; 
		}


/* NAVIGATION unten */


	.cont_navunten { 
		background-color: #c00; 
		width:100%; 
		height: 30px; 
		clear: both; 
		font-size: 85%; 
		font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
		width:auto; 
		height:auto; 
		padding:8px 
		}
	
	.cont_navunten a:link { 
		color: #fff; 
		font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
		text-decoration: none; 
		} 
	
	.cont_navunten a:visited { 
		color: #fff; 
		font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
		text-decoration: none; 
		}
	
	.cont_navunten a:hover { 
		color: yellow; 
		}
	
	.cont_navunten a:active { color: yellow; }
	

/* FUSSBEREICH */


/* Dritter Container 1-spaltig fuer Fussbereich */

	
	.cont_fuss { 
		background-color: #fff; 
		width:100%; 
		height: auto; 
		clear: both; 
		}
	
	
	/* Box fuer Infos im Fussbereich */
	
	
	.box_fuss { 
		background-color: #fff; 
		text-align: right; 
		width:98%; 
		height: auto; 
		margin: 0; 
		padding:8px 0; 
		}
	

/* ==========================================
   4. SONSTIGE STYLES  
=========================================== */












/* ==========================================
   ENDE DES STYLESHEET aikibasic.css   
=========================================== */


