/************************************************************************************
*  Stylesheet für www.metrom.com                                                    *
*************************************************************************************
	Copyright 2008 by Johannes Neubert                                               

	STAND:
 		28.05.2008

	GLIEDERUNG:
		Reset Browserspezifischer Einstellungen
 		Typografische Styles
 		Definition des Layouts
		Schatten um den Hauptrahmen
	
	FARBAGENDA:
		Standardtext		#000000		R 000 G 000 B 000	Schwarz
		dunkelblau			#047ABB		R 004 G 122 B 187	dunkelblau
		hellblau			#78B0D1		R 120 G 176 B 209	hellblau
		grau				#CED5DB		R 206 G 213 B 219	grau
		orange				#F3AB5D		R 243 G 171 B 093	orange
		
*************************************************************************************/

/************************************************************************************/
/* Reset Browserspezifischer Einstellungen                                          */
/************************************************************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/************************************************************************************/
/* Typografische Styles                                                             */
/************************************************************************************/

body {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #CED5DB; /*grau*/
}

/*Überschriften*/

#inhalt h1 {
	margin: 0.7em 0em 0.7em 0em;
	padding-bottom: 0.3em;
	border-bottom: 2px solid #CED5DB;
	color: #047ABB;
	font-size: 1.4em;
	line-height: 140%;
}
#inhalt h2 {
	margin: 0.7em 0em 0.7em 0em;
	color: #047ABB;
	font-size: 1.2em;
	line-height: 120%;
}
#inhalt h3 {
	margin: 0.7em 0em 0.7em 0em;
	color: #047ABB;
	font-size: 1.0em;
	font-weight: bold;
}

#rechte-spalte h1 {
	margin-bottom: 0.5em;
	color: #000000;
	font-size: 1.0em;
	font-weight: bold;
}


/*Absätze*/
#inhalt p {
	margin-bottom: 0.5em;
	font-size: 1.0em;
	line-height: 140%;
	/*text-align: justify;*/
}
#rechte-spalte p {
	margin-bottom: 0.5px;
	font-size: 0.9em;
	line-height: 130%;
}

/*Bildformatierung*/

#inhalt dd {
	margin-top: 0.5em;
	text-align: center;
	font-size: 0.9em;
}

/* Links Allgemein */
a {
	color: #047ABB;
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	color: #047ABB;
	text-decoration: underline;
}

/* Navigation */
#navi-start {
	display: block;
	margin-left: 5px;
	border-bottom: 1px solid #78B0D1;
	padding: 8px 0px 8px 10px;
	width: 180px;
	background-color: #FFFFFF;
}
a.navi-l1 {
	display: block;
	margin-left: 5px;
	/*border-top: 1px solid #78B0D1;*/
	border-bottom: 1px solid #78B0D1;
	padding: 8px 0px 8px 10px;
	width: 180px;
	background-color: #FFFFFF;
	color: #047ABB;
	font-weight: bold;
	text-decoration: none;
}
a.navi-l1:hover {
	background-color: #CED5DB;
	text-decoration: none;
}
a.navi-l1-aktiv {
	display: block;
	margin-left: 5px;
	/*border-top: 1px solid #78B0D1;*/
	border-bottom: 1px solid #78B0D1;
	padding: 8px 0px 8px 10px;
	width: 180px;
	background-color: #CED5DB;
	color: #047ABB;
	font-weight: bold;
	text-decoration: none;
	}
a.navi-l1-aktiv:hover {
	text-decoration: none;
}
a.navi-l2 {
	display: block;
	border-bottom: 1px solid #78B0D1;
	margin-left: 5px;
	padding: 4px 0px 4px 25px;
	width: 165px;
	background-color: #FFFFFF;
	color: #047ABB;
	/*font-size: 0.9em;*/
	/*font-weight: bold;*/
	text-decoration: none;
}
a.navi-l2:hover {
	background-color: #FAD6AF;
	text-decoration: none;
}
a.navi-l2-aktiv {
	display: block;
	border-bottom: 1px solid #78B0D1;
	margin-left: 5px;
	padding: 4px 0px 4px 25px;
	width: 165px;
	background-color: #FAD6AF;
	color: #047ABB;
	/*font-size: 0.9em;*/
	/*font-weight: bold;*/
	text-decoration: none;
}
a.navi-l2-aktiv:hover {
	color: #047ABB;
	text-decoration: none;
}

/*Pfad-Navigation*/

a.pfad 		{
			color				: 	#000000;
			text-decoration		:	none;
			}
		
a:hover.pfad {
			color				: 	#047ABB;
			text-decoration		:	underline;
			}

#banner-schnellnavi a {
			color				: 	#000000;
			text-decoration		:	none;
			}
		
#banner-schnellnavi a:hover {
			color				: 	#047ABB;
			text-decoration		:	underline;
			}

#banner-sprache a {
			color				: 	#000000;
			text-decoration		:	none;
			}
		
#banner-sprache a:hover {
			color				: 	#047ABB;
			text-decoration		:	underline;
			}
			
			
/*Aufzählungen*/

#inhalt li
    {
      background-image: url(../bilder/point.jpg);
	  background-repeat: no-repeat;
	  padding-left: 1.5em;
	  margin-left: 0.5em;
	  margin-bottom: 0.5em;
	  background-position: 0.5em 0.5em;
	  font-size:1.0em;
	  line-height: 140%;
     }

/*Tabellen-Layout*/

table.contenttable-0 {
	width:100%;
	margin: 10px;
}

table.contenttable-0 td.td-0 { 
	width:200px;
	background-color: #CED5DB;
	padding: 5px;
}

table.contenttable-0 td.td-1 { 
	padding: 5px;
}
table.contenttable-0 td.td-last { 
	padding: 5px;
}

/************************************************************************************/
/* Definition des Layout                                                            */
/************************************************************************************/

body {
	text-align: center;	/*Dies ist für die zentrierte Ausrichtung im IE nötig*/
}

#hauptrahmen {
/*ENTFÄLLT WEGEN SCHATTEN*/	/*margin: 10px auto;*/ 
	width: 800px;
	background-color: #FFFFFF;
/*ENTFÄLLT WEGEN SCHATTEN*/	/* text-align: left; Dies setzt die zentrierte Ausrichtung für den IE zurück */
}
	#banner {
		width: 800px;
		height: 152px;
		background-image:  url(../bilder/banner_hg.gif);
		background-repeat: repeat-x;
	}
		#banner-logo {
			float: left;
			width: 211px;
			height: 152px;
			background-image:  url(../bilder/banner_logo.gif);
			background-repeat: no-repeat;
		}	
		#banner-schrift {
			float: left;
			width: 260px;
			height: 152px;
			background-image:  url(../bilder/banner_schrift.gif);
			background-repeat: no-repeat;
		}
		#banner-abs-pos {
			position: absolute;
			width: 800px;
			height: 152px;
		}
			#banner-pfad {
			position: absolute;
			right: 20px;
			bottom: 20px;
			width: 550px;
			font-size: 0.9em;
			}
			#banner-schnellnavi {
			position: absolute;
			right: 160px;
			top: 6px;
			font-size: 0.9em;
			}
			#banner-sprache {
			position: absolute;
			right: 20px;
			top: 6px;
			font-size: 0.9em;
			}
	#mittelrahmen {
		width: 800px;
		min-height: 200px;	
	}
		#navi {
			float: left;
			width: 200px;
			height:auto; !important
		}
		#inhalt {
			float: left;
			margin: 0px 30px;
			width: 360px;
			height:auto; !important
			margin-bottom: 50px;
		}
		#rechte-spalte {
			float: right;
			padding: 0px 30px 0px 0px;
			width: 140px;
		}
		#fusszeile {
			clear: both;
			width: 800px;
			height: 40px;
			background-image:  url(../bilder/fusszeile_hg.gif);
			background-repeat: repeat-x;
		}

/************************************************************************************/
/* Schatten um den Hauptrahmen                                                      */
/************************************************************************************/

#schatten {
	margin: 10px auto;
	width: 805px;
	background-color: #000000;
	text-align: left; /*Dies setzt die zentrierte Ausrichtung für den IE zurück */
}

#schatten_rechts {
	width: 805px;
	background-color: #aaaaaa;
	background-image: url(../bilder/schatten/rechts.gif);
	background-repeat: repeat-y;
	background-position: right;
}
#schatten_rechts_oben {
	width: 805px;
	background-image: url(../bilder/schatten/oben_rechts.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#schatten_unten {
	width: 805px;
	height: 5px;
	background-image: url(../bilder/schatten/unten.gif);
	background-repeat: repeat-x;
	font-size: 0;
}
#schatten_unten_links {
	width: 805px;
	height: 5px;
	background-image:url(../bilder/schatten/unten_links.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 0;
}
#schatten_unten_rechts {
	width: 805px;
	height: 5px;
	background-image:url(../bilder/schatten/unten_rechts.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-size: 0;
}