/* ----------------------------------------------------------------- */
/*                          HTML-Tags formatieren                    */
/* ----------------------------------------------------------------- */
body {
	/* zentrierte Darstellung - wieder eine Extrawurst fuer den IE */
	/* der IE versteht als einziger Browser keine Zentrierung ueber margin auto */
	text-align: center;
	/* fuer alle anderen Brwoser: wenn 2 gegenueberliegende Margin 'auto' sind  wird das Element zentriert */
	margin: 30px auto 0 auto;
	width: 790px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	}

/* formatierung der "normalen" links */
a {
	text-decoration: none;
	}

a:hover { text-decoration: underline; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }

img {
	border: none;
	display: block;
	}

p { margin: 5px 0 5px 0; }


/* Ueberschriften von Fliesstexten */
h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 2em 0;
	padding: 0;
	}

/* Unterueberschriften von Fliesstexten */
h2 {
	font-size: 16px;
	font-weight: bold;
	font-family: 'Times New Roman', Times, serif;
	margin: 2em 0 1.5em 0;
	}

h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 1.5em 0 1em 0;
	}
	
h4 {
	font-size: 12px;
	font-style: italic;
	margin: 1em 0 0.5em 0;
	}



	
/* Formatierung von Listen (Aufzaehlungen) */	
li {
	margin: 10px 0 3px 0;
	text-indent: 0;
	line-height: 16px;
	}

ul {
	margin: 12px 0 6px 0;
	padding-left: 15px;
	list-style-type: square;
	}

/* Formatierung von Formularen */	
form {
	margin: 20px 0 20px 0;
	padding: 10px;
	border: 1px solid;
	}

input {
	left: 40px;
	margin: 5px 10px 5px 5px;
	border: 1px solid;
	}
	
textarea {
	margin: 5px auto 5px auto;
	border: 1px solid;
	}
	
/* form p { */
/* 	margin: 5px 0 5px 0; */
/* 	padding: 0 0 5px 0; */
/* 	border-bottom: 1px solid; */
/* 	} */
	
fieldset {
	margin: 20px 10px 20px 10px;
	}

legend {
	font-weight: bold;
	}
		
table {
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	}

/* td a (Links in Tabellenzellen) wird im Abschnitt "Infoseiten" definiert */







/* ----------------------------------------------------------------- */
/*                          Schriftformate                           */
/* ----------------------------------------------------------------- */
.bld { font-weight: bold; }
.err { color: red; }

/* Bildunterschriften */
.grafsubtitle {	
	font-size: 12px;
	font-family: 'Times New Roman', Times, serif;
	}

.note {
	font-size: 9px;
	font-weight: bold;
	}
	
/* Formatierung fuer Tabelleninhalte (z.B. bei Pakete) */	
.t1 {	
	font-size: 12px;
	font-weight: bold;
	/*padding-left: 5px;
	padding-right: 5px;*/
	}
	
	
.t2 {	
	font-size: 11px;
	/*padding-left: 5px;
	padding-right: 5px;*/
	}
	

.t3 {	
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	}
	
	
.t4 {	
	font-size: 11px;
	font-style: italic;
	}
	






/* ----------------------------------------------------------------- */
/*                               Layout                              */
/* ----------------------------------------------------------------- */

/* ----------------------------*/
/* Gliederung in Hauptbereiche */
/* ----------------------------*/

/* main (umfasst ganze Seite - fuer IE noetig) */
#main {
	/* und hier wieder den bloeden Workaround fuer den bloeden IE rueckgaengig machen */
	text-align: left;
	/* feste Breite vorgeben */
	width: 100%;
	padding: 0;
	border: 1px solid;
	}

/* Kopfbereich: Logo, Haupt-Navi und Foto */
#head {
	width: 100%;
/* 	position: relative; */
/* 	top: 0px; */
/* 	right: 0px; */
/* 	margin: 0 30px 0 30px; */
	padding: 0;
	}



/* mittlerer Bereich: Sub-Navi und Content */
#middle {
	width: 790px;
	margin-left: 30px;
	padding: 0;
	/* Mindest-Hoehe vorgeben - funktioniert nicht bei IE <=6 */
	min-height: 300px;
	}

	/* Star-HTML-Hack: Workaround fuer IE <= 6 */
	* html #middle {
		width: 790px;
		/* margin: 0; */
		padding: 0;
		/* der bloede IE verdoppelt margin bei float-divs */
		display: inline;
		/* IE <= 6 nimmt height als Mindesthoehe
				wenn Overflow, dann wird automatisch vergroessert */
		height: 300px;
		}
	
/* Fussbereich: Adresse + Email */
#foot {
	width: 100%;
	height: 30px;
	clear: both;
	margin: 80px auto 0 auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: center;
	}


/* ------------------------------------------------------ */
/*                       Unterbereiche                    */
/* ------------------------------------------------------ */
	
/* Logo-Element re oben*/
#element_top_ri { float: right; }

/* Bereich fuer Grafik/Logo des Kunden */
#customer_graf {
	/* height: 100px; */
	}

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

/* Bereich fuer die Navigation */
#head_nav {
	width: 100%;
/* 	height: 4em; */
	margin: 0;
	padding: 0;
	}

#head_graf { clear: left; }
	
	
/* ---------------------- */
/*        Hauptmenue      */
/* ---------------------- */

.nav_main {
	width: 100%;
	margin: 0;
	padding: 0;
	}

.nav_main ul {
	height: 100%;
	padding-left: 0;
	margin-left: 0;
	float: left;
	width: 100%;
	}

.nav_main ul li { display: inline; }

.nav_main ul li a {
	height: 100%;
	padding: 0.2em 1em;
	text-decoration: none;
	float: left;
	border-right: 1px solid;
	border-bottom: 1px solid;
	}

/* fuer aktiven Menuepunkt */
.nav_main_active {
	display: inline;
	margin: 0;
	padding: 0;
	}


/* ---------------------- */
/*      2.Menue-Ebene     */
/* ---------------------- */

 .nav_sub {
	width: 790px;
	margin: 0;
	padding: 0;
	}

.nav_sub ul {
	height: 100%;
	padding-left: 0;
	margin: 0;
	float: left;
	width: 100%;
	}

.nav_sub ul li { display: inline; }

.nav_sub ul li a {
	padding: 0.2em 1em;
	text-decoration: none;
	float: left;
	border-right: 1px solid;
	border-bottom: 1px solid;
	}

/* fuer aktiven Menuepunkt */
.nav_sub_active {
	margin: 0;
	padding: 0;
	}


/* .nav_sub { */
/* 	clear: left; */
/* 	height: 18px; */
/* 	margin: 0; */
/* 	padding: 0; */
/* 	font-size: 12px; */
/* 	} */
/*  */
/* .nav_sub ul{ */
/* 	margin: 0; */
/* 	padding: 0; */
/* 	white-space: nowrap; */
/* 	list-style-type: none; */
/* 	} */
/*  */
/* .nav_sub li { */
/* 	display: inline; */
/* 	border-right: 2px solid; */
/* 	padding: 0; */
/* 	margin: 0;  */
/* 	} */
/*  */
/* .nav_sub a {  */
/* 	height: 18px; */
/* 	margin: 0; */
/* 	padding: 0 20px 0 20px; */
/* 	} */
/*  */
/* .nav_sub a:link, .nav_main a:visited { */
/* 	text-decoration: none; */
/* 	} */
/*  */
/* .nav_sub a:hover { */
/* 	text-decoration: none; */
/* 	} */

/* fuer aktiven Menuepunkt */
/* .nav_sub_active { */
/* 	margin: 0; */
/* 	padding: 0; */
/* 	} */

#no_sub_menu {
	width: 790px;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0;
/* 	float: left; */
	}
	
/* ----------------------------------------------------- */
	

/* --------------- */
/* Content-Bereich */
/* -------------- -*/
#content {
	float: left;
	width: 790px; /*= 850px - Breite Logo Element (17px) - 180px Menuebreite - padding-left - padding-right */
	}
	
	
	
	
/* hier steht der eigentliche Inhalt */
#cont_main {
	float: left;
/* 	width: 500px; */
	width: 570px;
	margin-top: 30px;
	padding: 20px 40px 30px 20px;
	min-height: 350px;
	}

	/* Star-HTML-Hack: Workaround fuer IE <= 6 */
	* html #cont_main {
		/* IE-Bug: margins werden bei float divs verdoppelt */
		margin: 15px 0 0 0;
		height: 350px;
		/* IE <= 6 nimmt height als Mindesthoehe
				wenn Overflow, dann wird automatisch vergroessert */
		}

/* --------------
/* Objekt-Seite 
/* --------------

/* Ausgabe der Objekte */
#objekte {
	width: 700px;
	margin: 0px auto;
	}

/* Umbruch wie im Quellcode */
#objekte p {
	white-space: pre;
	margin: 0;
	padding:0;
	}
	
/* Objektgrafik */
#objgrafik {
	float: right;
	margin: 10px auto;
	}

#objekte h3 {
	margin-bottom: 0;
	padding: 0;
	}
	
.objnum {
	margin: 0.20em 0 1.5em 0;	
	padding: 0;
	font-weight: normal;
	}
	
/* #objekte h4 { */
/* 	 */
/* 	padding: 0; */
/* 	} */
	
/* Tabelle fuer Objektausgabe */
#objekte td {
	padding: 5px;
	vertical-align: top;
	}

#objekte img {
	border: 1px solid;
	}
	
/* ----------------------------------------------------- */
	


/* -------------- */
/* Info Fusszeile */
/* -------------- */
#footnote {
	width: 100%;
	clear: both;
/* 	float: left; */
	margin: 0 auto 0 auto;
	padding: 0;
	vertical-align: middle;
	text-align: center;
	color: #00346A;
	}
	
/* --------------------------------------------------------------------------------- */




/* ------------------------------------------------ */
/*   spezielle Formatierungen fuer Content-Seiten   */
/* ------------------------------------------------ */

/* Umbruch wie im Quellcode */
.prewrap {
	white-space: pre;
	}

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


/* ----------------------------- */
/* allgemein verwendete Elemente */
/* ----------------------------- */


/* Sub-Listen */
.sublist {
	margin: 6px 0 6px 0;
	padding-left: 8px;
	list-style-type: circle;
	}
	
/* grosser Abstand nach oben */
.big_marg {
	margin-top: 16px;
	}