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

*
{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
/* -------------------------------------------------- */

/* Bilder haben keinen Rand */
	img
	{
		border: 0px;
	}
/* -------------------------------------------------- */

/* Hintergrundfarbe der Seite*/
	body
	{
		background-color: #e9e9e3;
	}
/* -------------------------------------------------- */

/* Header mit Logo */
	#header
	{
		height: 92px;
		width: 100%;
		background-color: #FFFFFF;
		background-image: url(../_images/logo.gif);
		background-repeat: no-repeat;
	}
/* -------------------------------------------------- */

/* Menue oben */
	#menu_top
	{
		height: 60px;
		width: 90%;
		margin-left: 74px;
		margin-top: 1px;
	}

	a.menu_top:link, 
	a.menu_top:visited, 
	a.menu_top:hover, 
	a.menu_top:active, 
	a.menu_top:focus
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #009ee0;
		text-decoration: none;
	}
	
	a.menu_top:hover
	{
		color: #00338D;
	}
	
	a.menu_top_aktiv:link, 
	a.menu_top_aktiv:visited, 
	a.menu_top_aktiv:hover, 
	a.menu_top_aktiv:active, 
	a.menu_top_aktiv:focus
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #00338D;
		text-decoration: none;
	}
/* -------------------------------------------------- */	

/* Menue links */

	/* Hilfscontainer um das blaue Submenue passend platzieren zu koennen */
	#menu_left_container
	{
		position: absolute;
		top: 139px;
	}

	/* Dunkelblauer Streifen ueber dem Menue */
	#menu_left_top
	{
		background-image: url(../_images/streifen_dunkelblau.gif);
		background-repeat: no-repeat;
		width: 253px;
	}

	/* Hauptbereich des Submenues */
	#menu_left_main
	{
		background-color: #009EE0;
		width: 188px;
		min-height: 210px;
		padding-top: 8px;
		padding-left: 65px;
	}
	
	/* Hellblauer Abschlussstreifen unten */
	#menu_left_bottom
	{
		background-image: url(../_images/streifen_hellblau.gif);
		background-repeat: no-repeat;
		width: 253px;
	}
/* -------------------------------------------------- */

	/* Menueeintraege links */
	ul.menu_left
	{
		list-style-type: none;
		line-height: 21px;
	}
	
	li.menu_left a:link, 
	li.menu_left a:visited, 
	li.menu_left a:hover, 
	li.menu_left a:active, 
	li.menu_left a:focus 
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	li.menu_left a:hover, 
	li.menu_left a:active 
	{
		color: #00338D; 
		background-image: url(../_images/pfeil_rechts_voll_blau.gif);
		background-repeat: no-repeat;
		background-position: left;
	}
	
	li.menu_left_aktiv a:link, 
	li.menu_left_aktiv a:visited, 
	li.menu_left_aktiv a:hover, 
	li.menu_left_aktiv a:active, 
	li.menu_left_aktiv a:focus 
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #00338D;
		text-decoration: none;
		background-image: url(../_images/pfeil_rechts_voll_blau.gif);
		background-repeat: no-repeat;
		background-position: left; 
	}
	
	li.submenu_left a:link, 
	li.submenu_left a:visited, 
	li.submenu_left a:hover, 
	li.submenu_left a:active, 
	li.submenu_left a:focus 
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	li.submenu_left a:hover, 
	li.submenu_left a:active 
	{
		color: #FFFFFF; 
		background-image: url(../_images/pfeil_rechts_voll_weiss.gif);
		background-repeat: no-repeat;
		background-position: left;
	}
	
	li.submenu_left_aktiv a:link, 
	li.submenu_left_aktiv a:visited, 
	li.submenu_left_aktiv a:hover, 
	li.submenu_left_aktiv a:active, 
	li.submenu_left_aktiv a:focus 
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		text-decoration: none;
		background-image: url(../_images/pfeil_rechts_voll_weiss.gif);
		background-repeat: no-repeat;
		background-position: left; 
	}
/* -------------------------------------------------- */	

/* Hintergrund des Contentbereichs mit Schlagschatten */
	#background_top
	{
		background-image:url(../_images/background_top.gif);
		background-repeat: no-repeat;
		height: 24px;
		width: 894px;
		margin-left: 66px;
	}
	
	#background_main
	{
		background-image: url(../_images/background.gif);
		background-repeat: repeat-y;
		margin-left: 66px;
		min-height: 300px;
	}
	
	#background_bottom
	{
		background-image: url(../_images/background_bottom.gif);
		background-repeat: no-repeat;
		height: 24px;
		width: 894px;
		margin-left: 66px;
	}
/* -------------------------------------------------- */

/* Content-Container */
	#content
	{
		margin-left: 271px;
		width: 600px;
	}
/* -------------------------------------------------- */

/* Content-Bereich fuer Text, Bilder etc. */
	#content_blau,
	#content_grau,
	#content_weiss,
	#content_weiss_rand
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-decoration: none;
		line-height: 18px;
		background-repeat: no-repeat;
		background-position: top;
	}

/* Blaue, abgerundete Ecke */
	#content_blau
	{
		background-image: url(../_images/background_content_blau.gif);
		background-color: #009EE0;
		color: #FFFFFF;
	}

/* Graue, abgerundete Ecke */
	#content_grau
	{
		background-image: url(../_images/background_content_grau.gif);
		background-color: #E5E4DE;
		color: #000000;
	}
	
/* Weiss */
	#content_weiss, content_weiss_rand
	{
		background-color: #FFFFFF;
		color: #000000;
	}
	
	#content_weiss_rand
	{
		margin-left: 20px;
		padding-right: 35px;
	}
	
/* Linke Spalte (wo benötigt; bspw. Text und große Produktabbildung daneben) */
	#linke_spalte
	{
		width: 350px;
		margin-left: 20px;
	}
	
/* Rechte Spalte (wo benötigt; bspw. Text und große Produktabbildung daneben */
	#rechte_spalte
	{
		float: right;
	}

/* -------------------------------------------------- */

/* Subheadline fuer Produkte etc., blauer Fond */
	#subheadline
	{
		background-image: url(../_images/streifen_dunkelblau_subheadline.gif);
		background-repeat: no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		width: 183px;
		height: 22px;
		padding-left: 20px;
		padding-top: 3px;
	}

/* Ueberschrift blau */
	h1
	{
		font-family: Arial, Helvetica, sans-serif;
		color: #00338D;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
		margin-left: 20px;
	}

	h2
	{
		font-family: Arial, Helvetica, sans-serif;
		color: #00338D;
		font-size: 12px;
		font-weight: bold;
		/*margin-bottom: 10px;
		margin-left: 20px;*/
	}
/* -------------------------------------------------- */

/* Fliestext */
	.fliestext
	{
		margin-left: 20px;
		margin-right: 40px;
		line-height: 20px;
	}
/* -------------------------------------------------- */

/* Große Menüpunkte */
	a.hellblau_gross:link, 
	a.hellblau_gross:visited, 
	a.hellblau_gross:hover, 
	a.hellblau_gross:active, 
	a.hellblau_gross:focus
	{
		font-size: 18px;
		color: #009EE0;
	}
	
	a.hellblau_gross:hover
	{
		color: #00338D;
	}
/* -------------------------------------------------- */

/* Tabelle Hinterleger hellblau */
	td.hinterleger_hellblau, td.hinterleger_hellblau_rand, td.linien, td.linien_rand
	{
		/*border-bottom: 1px solid #009EE0;*/
		border-top: 1px solid #009EE0;
		/*padding-left: 20px;*/
		line-height: 19px;
		background-color: #FFFFFF;
	}

	td.hinterleger_hellblau, td.hinterleger_hellblau_rand
	{
		color: #009EE0;
		background-color: #CCECF9;
		font-weight: bold;
	}
	
	td.hinterleger_hellblau_rand, td.linien_rand
	{
		padding-left: 20px;
	}

/* Liste mit Spiegelstrichen */
	ul.spiegelstriche
	{
		list-style-type: disc;
		margin-left: 15px;
	}
	ul.spiegelstriche_rand
	{
		list-style-type: disc;
		margin-left: 35px;
		margin-right: 40px;
	}

/* -------------------------------------------------- */

/* Weißer Trennstrich */
	#trenner
	{
		height: 2px;
		background-color: #FFFFFF;
		margin-top: 5px;
		margin-bottom: 5px;
	}
/* -------------------------------------------------- */

/* Verschiedene floats */
/* Werden angelegt um den style nicht manuell in der HTML-Datei machen zu müssen. 
   So wird eine evtl. Druckversion erleichtert, da dann einfach im Stylesheet die 
   Auszeichnungen in den geschweiften Klammern gelöscht o.ä. werden. */
   
	.float_left
	{
   		float: left;
	}
	.float_right
	{
	float: right;
	margin-left: 0px;
	}
	.float_inherit
	{
		float: inherit;
	}
	.float_none
	{
		float: none;
	}
/* -------------------------------------------------- */