/* ----------------------------------------------------------------- */
/*                          HTML-Tags formatieren                    */
/* ----------------------------------------------------------------- */
body {
	/* zentrierte Darstellung - wieder eine Extrawurst fuer den IE */
	text-align: center;
	background-color: #FFF;
	width: 850px;
	/* wenn 2 gegenueberliegende Margin 'auto' sind  wird das Element zentriert */
	/* margin: 10px auto 0 auto; */
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	line-height: 14px;
	}

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

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; }

h1 {
	font-size: 14px;
	font-weight: bold;
	color: #00346A;
	margin: 0 0 14px 0;
	padding: 0;
	}

h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 24px 0 10px 0;
	}

h3 {
	font-size: 12px;
	font-style: italic;
	margin: 1em 0 0.5em 0;
	}
	
/* Formatierung von Listen (Aufzaehlungen) */	
li {
	margin: 3px 0 3px 0;
	text-indent: 0;
	line-height: 16px;
	}

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

form {
	margin: 20px 0 20px 0;
	padding: 10px;
	border: 1px solid #00346A;
	}

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

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

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







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






/* ----------------------------------------------------------------- */
/*                               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;
	/* Seite auf Bildschirm zentrieren */
	/* feste Breite vorgeben */
	width: 850px;
	/* wenn 2 gegenueberliegende Margin 'auto' sind  wird das Element zentriert */
	margin: 10px auto 0 auto;
	padding: 0;
	border: 1px solid #CCC /*background-color: #C0A; */;
	}

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


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

	/* Star-HTML-Hack: Workaround fuer IE <= 6 */
	* html #middle {
		width: 850px;
		margin: 0;
		padding: 0;
		height: 300px;
		/* IE <= 6 nimmt height als Mindesthoehe
				wenn Overflow, dann wird automatisch vergroessert */
		}
	
/* Fussbereich: Adresse + Email */
#foot {
	width: 850px;
	height: 17px;
	clear: both;
	margin: 30px 0 0 0;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	}


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

/* WP-GIF */
#wp_link {
	clear: both;
	/* display: inline; */
	}


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

/* ---------------------- */
/*     Haupt-Navi oben    */
/* ---------------------- */
#head_nav {
	float: left;
	/* 	height: 20px; */
	margin: 0;
	padding: 0;
	}

#head_graf { clear: left; }

#nav_h {
	float: left;
	border-bottom: 1px solid #FFF;
	width: 833px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #FFF;
	font-size: 12px;
	color: #00346A;
	background-color: #66ABD0;
	background-image: url('grafik/menu_hg_dark.gif');
	}

#nav_h ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	background-color: #00FF00;
	}

#nav_h li {
	display: block;
	float: left;
	text-align: center;
	line-height: 14px;
	padding: 0;
	margin: 0;
	}

#nav_h a {
	width: 110px;
	height: 34px;
	margin: 0;
	color: #00346A;
	text-decoration: none;
	border-right: 1px solid #FFF;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	}
	/* Star-HTML-Hack: Workaround fuer IE <= 6 */
	* html #nav_h a {
		width: 111px;
		height: 34px;
		padding: 2px 0 0 0;
		margin: 0;
		color: #00346A;
		text-decoration: none;
		border-right: 1px solid #FFF;
		display: block;
		vertical-align: middle;
		text-align: center;
		}
	/* Star-HTML-Hack: Workaround fuer IE 7 */
	*+html #nav_h a {
		width: 111px;
		height: 34px;
		padding: 2px 0 0 0;
		margin: 0;
		color: #00346A;
		text-decoration: none;
		border-right: 1px solid #FFF;
		display: block;
		vertical-align: middle;
		text-align: center;
		}

#nav_h a:hover {
	font-weight: bold;
	text-decoration: none;
	}
/* wieder eine extra Wurst fuer den bescheuerten IE6 */
#nav_h a:active {
	font-weight: bold;
	text-decoration: none;
	}

#nav_h li#active a {
	font-weight: bold;
	text-decoration: none;
	}


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


/* ----------- */
/* Menue links */
/* ----------- */
#menu_left {
	/* 	background-color: #66ABD0; */
	width: 180px;
	background-image: url('grafik/menu_hg_dark.gif');
	color: #00346A;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0;
	float: left;
	}

.menu_left_topic {
	border-top: 1px solid #FFF;
	margin: 0;
	padding-top: 5px;
	/* padding: 5px 0 0 10px; */
	text-indent: 10px;
	}

.menu_left_topic ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-image: url('grafik/menu_hg_light.gif');
	}

.menu_left_topic ul li {
	margin: 0;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 20px;
	line-height: 12px;
	}

.menu_left_topic a {
	color: #00346A;
	font-style: normal;
	text-decoration: none;
	}

.menu_left_topic a:hover {
	font-weight: bold;
	text-decoration: none;
	}
/* wieder eine extra Wurst fuer den bescheuerten IE6 */
.menu_left_topic a:active {
	font-weight: bold;
	text-decoration: none;
	}

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

/* -------------- */
/* Content-Bereich */
/* -------------- */
#content {
	float: left;
	width: 553px /*= 850px - Breite Logo Element (17px) - 180px Menuebreite - padding-left - padding-right */;
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 30px;
	}
	
/* hier steht der eigentliche Inhalt */
#cont_main {
	margin-top: 30px;
	padding: 0;
	}
         
#fax {
	float: right;
    width: 380px;
    height: 153px;
	padding-right: 140px;
	background: url('content/leistungen/img/1_fax.jpg') no-repeat right top;
}
         
#archiv {
    float: right;
	width: 380px;
    height: 153px;
	padding-right: 140px;
	background: url('content/leistungen/img/2_archiv.jpg') no-repeat right top;
         }
         
#rechner {
    float: right;
	width: 380px;
	height: 153px;
	padding-right: 140px;
	background: url('content/leistungen/img/3_rechner.jpg') no-repeat right top;
         }
         
#report {
   	float: right;
	width: 380px;
	height: 153px;
	padding-right: 140px;
	background: url('content/leistungen/img/4_report.jpg') no-repeat right top;
         }

.pictogramm {
    clear: left;
	padding: 8px 0 15px 0;
	border-top:	1px solid #00346A;
         }
         
.zahl {
	width: 24px;
	height: 153px;
}

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



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


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

/* ---------- */
/* Team-Seite */
/* ---------- */
.h1_team { margin-bottom: 2px; }

.team {
	width: 553px;
	margin-top: 24px;
	}
	
	/* Foto Team-Seite */
	.team_foto {
	float: left;
	width: 160px;
	}
		
	/* Details ueber den Mitarbeiter */
	.team_details { 
		float: left;
		width: 393px;
		}

/* ------------------ */
	
/* ---------- */
/* Infodienst */
/* ---------- */

/* Headline */
.th2 {
	margin: 20px 0 6px 0;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #c2ddec;
	border-left: 7px solid #c2ddec;
	}
	
/* Box fuer Anrisstext */
/* .bg {  */
/* 	color: #000; */
/* 	} */

/* Anrisstext */
.toc {
	color: #555;
	margin-left: 11px;
	}
	
/* Links im Anrisstext ("weiter") */	
.toc a {
	font-size: 11px;
	line-height: 10px;
	margin-left: 20px;
	/* padding: 0 2px 0 2px; */
	border-bottom: 1px solid #00346A;
	}
.toc a:hover { 
	font-weight: bold; 
	text-decoration: none; 
	}
.toc a:active { 
	font-weight: bold; 
	text-decoration: none; 
	}
.toc a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	}

/* Der Link zum Weiterblaettern auf die naechste Seite ist in eine Tabelle eingebaut */
td a {
	font-size: 11px;
	line-height: 10px;
	margin-left: 20px;
	/* padding: 0 5px 0 0; */
	border-bottom: 1px solid #00346A;
	}

td a:hover { 
	font-weight: bold; 
	text-decoration: none; 
	}
td a:active { 
	font-weight: bold; 
	text-decoration: none; 
	}
td a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	}


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


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

/* Logo-Elemente rechte Seite */
.img_right {
	float: right;
	margin: 0;
	padding: 0;
	}

/* Sub-Listen */
.sublist {
	margin: 6px 0 6px 0;
	padding-left: 8px;
	list-style-type: circle;
	}

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