/***************************************************************************/
/* Projekt: Konnex-Regal                                                  */
/*                                                                         */
/* Datei: style.css                                                        */
/*                                                                         */
/* Beschreibung: Stylesheet zur Darstellung der Inhalte auf der Seite.     */
/*               Wird bei jeder Seite eingebunden -> einheitliches Layout. */
/*               Layout ohne Verwendung von Tabellen, stattdessen Ver-     */
/*               wendung von pixelgenauer Positionierung der Elemente.     */
/*                                                                         */
/* Autor: Jens Gross                                                       */
/*                                                                         */
/* Historie: 02.12.2009 - Erstellung                                       */
/***************************************************************************/

/***************************************************************************/
/* Layout                                                                  */
/***************************************************************************/
#container {
	width: 800px;
    text-align: left;
	 
}

/***************************************************************************/
/* Navigation                                                              */
/***************************************************************************/
#navigation
{
	margin-top: 50px;
	vertical-align:bottom;
	height: 100px;
	line-height: 30px;
	vertical-align: text-bottom;
}

#navigation_menu
{
	float: left;
	word-spacing: 30px;
	text-align: left;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	padding-left: 30px;
}

#navigation_titel
{
	float: left;
	margin-left: 120px;
	font-size:24px;
}

#navigation_trenner
{
	clear: both;
	float: left;
	margin-top: 5px;
	background-image : url('Bilder/navi_trenner.jpg');
	background-repeat : repeat-x;
	width: 690px;
}

#mainnavlist {
	height: 30px;
	margin: 0px 0px 0px 0px;
	width: auto;
  	padding-left: 2px;
}

#mainnavlist li {	
	list-style-type: none;
	float: left;
}

#mainnavlist li a {	
	height: 26px !important;
	height: 31px; 
	margin-left: 0;
	padding-top: 5px;
 	padding-right: 10px;
 	padding-bottom: 0px;
  	padding-left: 10px;
	font-size: 14px;
	text-decoration: none;
	color: #FFFFFF;
	float: left;
}

#mainnavlist li a:hover {
	height: 26px !important;
	height: 31px; 
	margin-left: 0;
	padding-top: 5px;
 	padding-right: 10px;
 	padding-bottom: 0px;
  	padding-left: 10px;
	font-size: 14px;
	text-decoration: none;
	color: rgb(0,140,30);
	float: left;
}

#mainnavlist li#active a {
	height: 26px !important;
	height: 31px; 
	margin-left: 0;
	padding-top: 5px;
 	padding-right: 10px;
 	padding-bottom: 0px;
  	padding-left: 10px;
	font-size: 14px;
	text-decoration: none;
	color: rgb(0,140,30);
	float: left;
}


/***************************************************************************/
/* Inhalt                                        */
/***************************************************************************/
#inhalt
{
	clear: both;
	float: left;
	margin-top: 20px;
}

#intro
{
	margin-top: 10px;
	margin-left: 100px;
}

#bild
{
	margin-top: 10px;
	margin-left: 100px;
}

#text
{
	clear: both;
	text-align: left;
	margin-top: 10px;
}


/***************************************************************************/
/* Allgemeine Formatierungen                                               */
/***************************************************************************/
body
{
	background-color: #000000;
 	color: #FFFFFF;
  	font-size: 12px;
	font-family:Verdana, Geneva, sans-serif;
}

a:link, a:visited  { color: #FFFFFF; text-decoration: none; }
a:active, a:hover { color: rgb(0,140,30); text-decoration: none; }
/***************************************************************************/
/* Sonstige Formatierungen                                                 */
/***************************************************************************/