/* 
	default.css
	
	Standard-CSS fuer www.germania-marken.de
	
	L. Breil       27.11.2005
	
	Farben:
	
	background : rgb( 206, 208, 211 )
	menufarbe : rgb( 60, 100, 186)
	text : rgb( 25, 25, 25 )
	
	Groesse :
	
	Gesamtbreite: 850 px

*/

/*
	Grundeinstellungen
*/

body {
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 101%;
	line-height: 1.3em;
	color : rgb( 25, 25, 25 );
	background: rgb( 206, 208, 211);
}

/*
	die drei Teile einer Seite
	Logo, Menue mit Submenue und Inhalt
*/

#logo {
	position: absolute;
	top: 0px;
	left: 200px;
	width: 680px;
	height: 100px;
}

#menu  { 
	position: absolute;
	top: 145px;
	left: 0; 
	width: 180px;
	height: 600px; }

#content {
	position: absolute;
	top: 150px;
	left: 200px;
	width: 650px;
	height: 600px;
}

/*
	Formatierungen #content
	
 	2 Ebenen Ueberschriften, normaler Text, Bilder, etc
*/

#content h1 { font-size: 150%; line-height: 1.2em }

#content h2 { font-size: 110%; }


/*
	clear verwenden damit bei <span>-Bildern die groesser als der Text sind
	die Abschnitte nicht ineinander geraten
*/

p.fliesstext  {
	text-align: justify;
	font-size: 100%;
	clear: both;
}

/*
 to do: i definieren innerhalb von p.fliesstext
*/

p.fliesstext strong { font-weight: bold; }

/*
	Formatierung fuer Abbildungen, die sich innerhalb von
	Absaetzen befinden _l, _r fuer links und rechts,
	Textformatierung fuer Bildunterschriften
*/

span.abbildung_r, span.abbildung_l {
	font-size: 80%;
	text-align: center;
	display: block;}
	
span.abbildung_r { float: right; padding-left : 10px; }
span.abbildung_l { float: left; padding-right : 10px; }

/* Bild als p mit kleinerem, zentrierten Beschreibungstext */
p.grossesbild { text-align: center; font-size: 80%; }
p.grossesbild img { border: solid 2px; margin-bottom: 5px; }


/* 
???
*/
dt { margin-top: 15px;
	 margin-bottom: 5px;
	 font-size: 110%;
	 font-weight: bold; 
}
 
/*
	Formatierung Menu

	Menueintraege mit Links

	Achtung: 'border color' muss gleich 'background color' sein
	sonst flackert das Menu beim scrollen
*/

	/* Hauptmenue */
	p.menulist, p.submenulist {
		font-size: 80%;
		text-align : center;
		width: 100%;
		margin : 0px 0px 0px 5px;
	}
	
	p.submenulist {
		border: 1px solid rgb( 60, 100, 186);
		padding-top: 0.5em;
	}

	h4.submenutitle {
		width: 100%;
		text-align: center;
		border: 1px solid rgb( 60, 100, 186);
		margin: 5px 0px 0px 5px;
		padding: 0pt;
		color:  rgb( 206, 208, 211); 
		background: rgb( 60, 100, 186 );
	}

	span.activepage {
		font-weight : bold;
 		/*border: 1px solid rgb( 206, 208, 211);
 		border-right : 4px solid rgb( 206, 208, 211);*/
		color: rgb( 60, 100, 186);
 	}
/*
	links innerhalb des Menues
*/

#menu a {
    display : block;
 	text-decoration : none;
 	color: rgb( 35, 35, 35 );
 	border: 1px solid rgb( 206, 208, 211);
 	border-right : 4px solid rgb( 206, 208, 211);
 	padding: 0;
 	margin: 0;
 }
 
#menu a:visited {
 	color: rgb( 35, 35, 35 );
 	border: 1px solid rgb( 206, 208, 211);
 	border-right : 4px solid rgb( 206, 208, 211);
} 

#menu a:hover {
	color : rgb( 60, 100, 186);
	border: 1px solid rgb( 60, 100, 186);
	border-right: 4px solid rgb( 60, 100, 186);
} 

/*
	links innerhalb der Navigationszeie
*/

#navigation a {
 	text-decoration : none;
 	color: rgb( 35, 35, 35 );
 	font-size:75%;
 }
 
#navigation a:visited {
	text-decoration : none;
 	color: rgb( 35, 35, 35 );
}