@charset "utf-8";
/* CSS Document */

body {
	font: 100% sans-serif;
	color: #000;
	background-color: #000;
	background-image:url(../css1/bilder/hgBody4.jpg);
}
/* Sowohl dem container Element, als auch footer, header und mainContent bekommen eine feste Höhe*/
/* container und header Element bekommen eine runde Ecke. Auch Geschmakssache */
#container {
	margin: 50px auto 0 auto; /* margin definiert den  Aussenabstand des container Elements.Die  50px oben sorgen
                             für einen Abstand vom oberen Seitenrand*/
	/* min-width: 1000px; In der von mir verwendeten Vorlage, wird mit relativen Angaben gearbeitet,
      max-width: 45em; was der  Seite eine gewisse Flexibilität verleihen soll */
	width:1000px; /* ich bevorzuge aber eine feste Angabe in Pixel*/
	background-color: #ebeae3;
	height: 600px;
	background-image:url(bilder/hgBody1.jpg);
	border-top-right-radius: 5em; /*Hier runde Ecke*/
	font-family:Arial, Helvetica, sans-serif;
}

#mainContent {
	padding:10px;
	height:450px;
	margin-right:150px;
	margin-left:150px;
	text-decoration:none;
	border-color:blue;
	border-style: solid;
	border-width: 3px;
	border-radius:5px;
	text-align: center;
}

#mainContent p {
	font-size: 16px;
	color:#00F;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

#header {
	
	height: 100px;
		border-top-right-radius: 5em; /*Hier runde Ecke*/
	
}
#footer {
	
	height: 50px;
	margin-top:-40px;  /* !!!!!*/
	
	font-size: 12px;
}

/* -----Seitenleisten 1 und 2 formatieren ------*/
#sidebar1 {
	width: 150px;
	float: left;                              /*dieses float schiebt das Element ganz nach links*/
	height:450px;  
	padding-top:20px; /* Der Innenabstand gleicht den Innenabstand des mainContent Elements aus*/
	/* background-color:#90F; */
	font-size: 12px;
	border:blue,10px,solid;
	color:#00F;
	
	}

#sidebar2 {
	width: 150px;
	float: right;                               /*dieses float schiebt das Element ganz nach links*/
	height:450px; 
	padding-top:20px; /* Der Innenabstand gleicht den Innenabstand des mainContent Elements aus*/
	/* background-color:#90F; */
	font-size: 16px;
	border:blue,10px,solid;
	color:#00F;
	}

/* Formatierung der Navigationsleisten */
#navigation {
	text-align:left;
	padding-left:10px;  /*damit wird erreicht, dass die Schrift nicht am linken Rand klebt */
	
}
#navigation a { /* bracuht man hier offentsichtlich nicht */
	
	}

#navigation a:link, #navigation a:visited, #navigation a:focus, #navigation a:active {
	/* margin: 0.4em 0 0.4em 0em; */
	text-decoration: none;
	font-weight: normal;
	color:#00F;
	border-bottom-style:none;
}
#navigation a:hover {
	color:#00F;
	font-weight: bold;
}

#navigation2 {
	text-align:left;
	padding-left:10px;  /*damit wird erreicht, dass die Schrift nicht am linken Rand klebt */
	
}
#navigation2 a { 
	font-size: 12px;
	}

#navigation2 a:link, #navigation a:visited, #navigation a:focus, #navigation a:active {
	/* margin: 0.4em 0 0.4em 0em; */
	text-decoration: none;
	font-weight: normal;
	color:#00F;
	border-bottom-style:none;
}
#navigation a:hover {
	color:#00F;
	font-weight: bold;
}

/*--------------------------------------*/
/* Um der Fußzeile ein schickes aussehen zugeben verwenden wir ein sog. gordnete Liste (ul/li)*/

#footer li {
	display: inline;        /* setzt die Nav elemente horizontal */
	padding-right:70px;
	color:#00F;
}
#footer a:link, a:visited {
	text-decoration: none;
	color:#00F;
}
#footer a:hover {
	font-weight: bold;
	color:#00F;
}
#footer ul {
		padding-top:17px;      /*  Zeilenmitte */
		}		


#mainContent p {
	font-size: 16px;
	color:#00F;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
	h3 {text-align:center;
	font-size: 40px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color:#ffF;
		margin-top: -95px;
	}
h4 {text-align:center;
	font-size: 20px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color:#ffF;
	
	}

#mainContent p {
	font-size: 16px;
	color:#ffF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
	#headerSchrift {
		text-align: center;
}