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

body {
	font: 100% sans-serif;
	color: #000;
	background-color: #000;
	background-image:url(bilder/hgBody1.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/hgBody4.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;
}
#header {
	background-color:#FFF;
	height: 100px;
	background-image:url(bilder/hgHeaderText4.jpg);
	border-top-right-radius: 5em; /*Hier runde Ecke*/
}
#footer {
	background-color:#FFF;
	height: 50px;
	margin-top:-28px;  /* !!!!!*/
	background-image:url(bilder/hgFooter.jpg);
	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;
	
}
#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: 12px;
	}
#nameSidebar2 p 
{
	text-align:center;
	color:#00F;
	font-size: 16px;
	}
/* 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 { /* bracuht man hier offentsichtlich nicht */
	
	}

#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;
}
#navigation2 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:"Comic Sans MS", cursive;
	text-align:center;
}
#textNav {
	font-size: 12px;
	color:#00F;
	font-weight:bold;
}
#aufzaehlung {
	font-size: 16px;
	text-align:center;
	color:#00F;
	font-family:Arial, Helvetica, sans-serif;
}