#col2 ul {
   font-size: 0.6795em;
}

body {
  color: black; background-color: white;
  font-size: 100.01%;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  margin: 0; padding: 0;
  min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  text-align: center;  /* Zentrierung im Internet Explorer */
}

.clear {
  clear:both;
	font-size:1px;
	line-height:1px;
	margin-top:-1px;
}


/* Gesamtseite mit fester Breite */

div#seite {			
  text-align: left;    /* Seiteninhalt wieder links ausrichten */
  margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
  width: 740px;
  padding: 0;
  background-color: #fff;
}

/* Meta-Navigation - zweiteilig wg. Hintergrundbild (= abgerundete Ecke) */

/* Meta-Navigation - linker Teil */

div#nav-meta-l {
  float: left;
	width: 15.5em;
	background:#f0f0f0 url(../bild/ecke_nav_meta_lu.gif) bottom left no-repeat;
  height: 1.5em;
}
div#nav-meta-l ul {
  margin: 0;
	padding: 0.2em 0 0.3em 0.5em;
    /*text-align: left;*/
}
div#nav-meta-l li {
  display: inline;
    /*list-style: none;
    margin: 0; padding: 0;*/
}
div#nav-meta-l a, div#nav-meta-l span {
  font-size:0.6875em;
  margin: 0.5em 0em 0.5em 0.5em; padding:0;
  text-decoration: none; font-weight: normal;
	color: #000;
}

div#nav-meta-l span {
  font-size:1.0em;
}

div#nav-meta-l a:hover, div#nav-meta-l span {
  color: #039;
}

/* Meta-Navigation - rechter Teil mit Formularfeld (= Suche) */

div#nav-meta-r {
  margin-left:15.5em;
	margin-right:13em;
	padding:0 0 0 0.5em;
	background: #f0f0f0 url(../bild/ecke_nav_meta_ru.gif) bottom right no-repeat;
  height:1.5em;
}
div#nav-meta-r ul {
  margin: 0;
	padding: 0.1em 0 0.3em 0.5em;
    /*text-align: left;*/
}
* html div#nav-meta-r ul {  /* Korrektur fuer IE 5.x */
	padding: 0.25em 0 0.2em 0.5em;
	p\adding: 0.1em 0 0.3em 0.5em;
}
div#nav-meta-r li {
  display: inline;
  /*list-style: none;
  margin: 0; padding: 0;*/
}
div#nav-meta-r a, div#nav-meta-r span {
  font-size:0.6875em;
  margin: 0.5em 0em 0.5em 0.5em; padding:0;
  text-decoration: none; font-weight: normal;
	color: #000;
}
div#nav-meta-r a:hover, div#nav-meta-r span {
    color: #039;
}

div#nav-meta-r form {
	margin:0;
	padding:0;
  display: inline;
}
div#nav-meta-r input {
	/*margin:0;
	padding:0;*/
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size:0.6875em;
  color: #039;
	vertical-align:bottom;
}
.nav-meta-r-feld {
 	background-color: #fff;
	border: 1px solid #f0f0f0;
	width: 8em;
}
.nav-meta-r-button {
 	background-color: #e0e0e0;
	border: 0;
	width: 4em;
	margin:0 1em 0 0;
}
.nav-meta-r-img {  /* Ausrichtung für Bild (= Flagge Sprchauswahl) */
  	vertical-align: middle;
}

/* Logo - Ausrichtung rechts */

div#logo	{
  font-size: 1em;
	text-align:right;
  float: right; width: 11em;
  margin: 0em; padding: 1em 0.375em 0em 0em;
  background-color: #fff;
}


/* Breadcrumb-Navigation */

ul#nav-bread {
  font-size:0.625em;
  /*clear:right;*/
	margin: 0 0 1em 0; padding: 0 0 0 1.3em;
  color: #788C96;
}
ul#nav-bread li {
  list-style: none;
  display: inline;
  margin: 0; padding: 0;
}

ul#nav-bread a, ul#nav-bread span {
  margin:; padding:;
  text-decoration: underline; font-weight: normal;
  color: #788C96;
}
* html ul#nav-bread a, * html ul#nav-bread span {  /* Korrektur fuer IE 5.x */
  /*width: 8em;
  w\idth: 6em;*/
}
ul#nav-bread a:hover {
  color: #039;
}
ul#nav-bread span	{
  text-decoration: none;
}




/* A-Navigation - Tabelle wg. exakter Ausrichtung am Hintergrundbild */

table#nav-a {
  margin: 0; padding: 0;
	background: url(../bild/titelbild.jpg) no-repeat;
	width:740px;
	height:230px;
}
table#nav-a tr {
  margin: 0; padding: 0;
}
table#nav-a td {
  margin: 0; padding: 0;
  text-align: center;
}
.table-nav-a-r1 {	/* A-Navigation - Tabelle - Klasse für 1. Zeile mit exakter Höhe */
	height:34px;
}
.table-nav-a-r2 {	/* A-Navigation - Tabelle - Klasse für 2. Zeile mit exakter Höhe */
	height:171px;
}
.table-nav-a-r3 {	/* A-Navigation - Tabelle - Klasse für 3. Zeile mit exakter Höhe */
	height:25px;
}
table#nav-a a, table#nav-a p {
  margin: 0;
	padding: 0;
  font-size:12px;    
	text-decoration: none; font-weight: bold;
  color: #039;
}

/* A-Navigation - erste Zeile mit 6 Navigationspunkten */

td#nav-a1-l a {	/* A-Navigation - linker Navigationspunkt mit Hintergrundbild (= abgerundete Ecke) */
	display:block;
	padding: 10px 0;
}
td#nav-a1-l a:hover {
  color: white;
	background: url(../bild/ecke_nav_a_lo.gif) no-repeat #039;
}
td#nav-a1-over-l p {	/* A-Navigation - linker Navigationspunkt mit Hintergrundbild (= abgerundete Ecke) - Auswahl */
	padding: 10px 0;
  color: #fff;
  background: url(../bild/ecke_nav_a_lo.gif) no-repeat #039;
}

td#nav-a1-m a {	/* A-Navigation - mittlere Navigationspunkte ohne Hintergrundbild */
	display:block;
	padding: 10px 0;
}
td#nav-a1-m a:hover {
  color: white;
	background: #039;
}
td#nav-a1-over-m p {	/* A-Navigation - mittlere Navigationspunkt ohne Hintergrundbild - Auswahl */
	padding: 10px 0;
  color: #fff;
	background: #039;
}

td#nav-a1-r a {	/* A-Navigation - rechter Navigationspunkt mit Hintergrundbild (= abgerundete Ecke) */
	display:block;
	padding: 10px 0;
}
td#nav-a1-r a:hover {
  color: white;
	background: url(../bild/ecke_nav_a_ro.gif) right top no-repeat #039;
}
td#nav-a1-over-r p {	/* A-Navigation - rechter Navigationspunkt mit Hintergrundbild (= abgerundete Ecke) - Auswahl */
	padding: 10px 0;
  color: #fff;
	background: url(../bild/ecke_nav_a_ro.gif) right top no-repeat #039;
}

/* A-Navigation - zweite Zeile mit 2 Navigationspunkten */

td#nav-a2-l {	/* linke Spalte nur zum Aufdehnen der Spalten */
	width:538px;
	display:block;
	padding: 5px 0 6px 0;
}

td#nav-a2-m {	/* A-Navigation - linker Navigationspunkt (mittlere Spalte) ohne Hintergrundbild */
	width:101px;
}
td#nav-a2-m a {
	display:block;
	padding: 5px 0 6px 0;
}
td#nav-a2-m a:hover {
  color: white;
  background: #039;
}
td#nav-a2-over-m p {
	width:101px;
	padding: 5px 0 6px 0;
  color: #fff;
	background: #039;
}

td#nav-a2-r {	/* A-Navigation - rechter Navigationspunkt (rechte Spalte) mit Hintergrundbild (= abgerundete Ecke) */
	width:101px;
}
td#nav-a2-r a {
	display:block;
	padding: 5px 0 6px 0;
}
td#nav-a2-r a:hover {
  color: white;
	background: url(../bild/ecke_nav_a_ru.gif) right bottom no-repeat #039;
}
td#nav-a2-over-r p {
	width:101px;
	padding: 5px 0 6px 0;
  color: #fff;
	background: url(../bild/ecke_nav_a_ru.gif) right bottom no-repeat #039;
}



.clearer {
  clear: both;
  line-height: 0px;
  font-size:0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
}


/* # Index-Seite ############### */

#frame-index {
  position:relative;
	width:740px;
	margin-top:0px;
	padding-bottom:0px;
	overflow:hidden;
  font-size: 100.01%;
}
#index-adresse  {
  position:relative;
	width:740px;
  font-size:1em;
  color:#039;
  margin:1em 0 0 0;
	background: url(../bild/bg_index_adress.gif) no-repeat;
	padding:0 0 6.5em 0;
	line-height:100%;
}
* html #index-adresse {  /* Korrektur fuer IE 5.x */
	padding: 0 0 3.8em 0;
	p\adding: 0 0 6.5em 0;
}
DIV.adress1, DIV.adress2, DIV.adress3, DIV.adress4  {
  position:relative;
  float:left;
	margin:0.7em 0 0 0;
}
DIV.adress1  {
	width:166px;
}
DIV.adress2  {
	width:166px;
}
DIV.adress3  {
	width:232px;
}
DIV.adress4  {
	width:167px;
}
DIV.adress1 H1 {
  font-size:0.6875em;
  font-weight:bold;
  margin:0 0 0 1em;
}
DIV.adress2 P, DIV.adress3 P, DIV.adress4 P {
  font-size:0.6875em;
  font-weight:normal;
  margin:0;
}

#index-zerti  {
  position:relative;
	width:420px;
  font-size:1em;
  float:right;
  margin:0;
	padding:0;
	text-align:right;
}
#index-zerti img {
  margin:0 1em 0 0;
	padding:0;
	vertical-align:middle;
}




/* # main area ############### */
#frame {
  position:relative;
	width:740px;
	margin-top:17px;
	padding-bottom:15px;
	background:#efefef url(../bild/bg_frame.gif) repeat-y;
	overflow:hidden;
    font-size: 100.01%;
}
#bglogo { /* in linke Spalte unten */
  position:absolute;
	width:151px;
	height:201px;
	left:0px;
	bottom:0px;
	background:#efefef url(../bild/bg_logo.gif) no-repeat;
}
/* Zertifizierungen (rechte Spalte unten) */
#zertifizierung {
  position:absolute;
	width:200px;
	height:201px;
	right:0px;
	bottom:0px;
}
DIV.zerti {
  font-size: 1em;
  color: #788C96;
  margin: 0 0 0 12px;
}
DIV.zerti img  {
	margin:0 0 0.7em 0;
}
DIV.zerti P  {
  margin:0 0 2em 0;
  font-size: 0.6875em;
  line-height: 120%;
}
DIV.zerti A  {
  text-decoration: underline;
  line-height: 120%;
  color: #039;
}
DIV.zerti A:hover  {
  color: #1995DE;
}
DIV.zerti A:visited  {
  color: #788c96;
}


#topframe {
  position:relative;
	width:740px;
	height:11px;
	line-height:0;
	font-size:0;
	background:#efefef url(../bild/bg_topframe.gif) no-repeat;
}

#col1 {
  position:relative;
  float:left;
	width:166px;
	margin:3px 24px 0 0;
}
#col2 {
  position:relative;
  float:left;
	width:335px;
	margin-top:10px;
  font-size: 1em;
}
#col3 {
  position:relative;
  float:left;
	width:180px;
	margin-top:8px;
	margin-left:14px;
	margin-bottom:250px; /* dehnt die Spalte auf für Zertifizierungslogos */
	padding-top:2px;
  border-left: 1px solid #788c96;
  font-size: 1em;
}

#bottomframe {
  position:relative;
	width:740px;
	height:20px;
	margin:0; /* ie5x margin-top:-1px */
	font-size:9px;
	color:#788c96;
	background:#efefef url(../bild/bg_bottomframe2.gif) bottom left no-repeat;
}
#bottomframe DIV.links {
	position:absolute;
	left:0px;
	top:0px;
	width:160px; /* ie5x 175px */
	text-align:right;
	padding-right:10px;
	font-weight:700;
}
#bottomframe DIV.rechts {
	position:absolute;
	left:170px;
	top:0px;
	width:575px;
}
#bottomframe img {
	vertical-align:bottom;
}

/* # linke navigation (linke Spalte) ########## */
#nav-b {
	padding:0;
	margin-left:13px;
	width:145px;
}
#nav-b UL {
  padding:0;
	margin:0;
  list-style-type: none;
}
#nav-b UL LI.active {
  border-top:1px solid #003399;
  border-bottom:1px solid #003399;
}

#nav-b UL LI A,
#nav-b UL LI A:visited,
#nav-b UL LI A.active,
#nav-b UL LI A.active:visited {
  display: block;
  width: 145px;
  padding: 7px 0 7px 0;
  font-size: 70%;
  font-weight:400;
  color: #000;
  text-decoration:none;
}

#nav-b UL LI A:hover,
#nav-b UL LI A.active,
#nav-b UL LI A.active:visited {
  color: #003399;
  font-weight:400;
}
#nav-b UL LI A.active,
#nav-b UL LI A.active:visited {
  font-weight:700;
  
}
/* # linke subnavigation (linke Spalte) ########## */
#nav-c {
  width: 115px; /* ie5x 100px */
  padding-left: 15px;
}
#nav-c UL {
  margin: 0 0 6px 0;
  list-style-type: none;
}

#nav-c UL LI A,
#nav-c UL LI A:visited,
#nav-c UL LI A.active,
#nav-c UL LI A.active:visited {
  display: block;
  width: 115px; /* ie5x 100px */
  padding: 3px 0 3px 0px;
  border:0;
  font-size:70%;
  font-weight:400;
  color: #000;
  text-decoration:none;
}

#nav-c UL LI A:hover,
#nav-c UL LI A.active,
#nav-c UL LI A.active:visited {
  color: #003399;
}
#nav-c UL LI A.active,
#nav-c UL LI A.active:visited {
  font-weight:700;
}

/* Contentbereich (mittlere Spalte) */
#col2 h1 {
  font-size: 0.6875em;
  line-height: 140%;
	color: #039;
  margin: 0 1.4375em 1.25em 0;
}
#col2 h1.a-nav {
  font-size: 1em;
  line-height: 140%;
	color: #039;
  margin: 0 1em 1em 0;
}
#col2 h2 {
  font-size: 0.6875em;
  font-weight:normal;
	line-height: 140%;
  color: #039;
  margin: 0 0 0.5em 0;
}
#col2 h2.a-nav {
  font-size: 1em;
  font-weight:normal;
	line-height: 140%;
  color: #039;
  margin: 0 0 0.5em 0;
}
#col2 p {
  font-size: 0.6875em;
	line-height: 140%;
  margin: 0 0 0.5em 0;
}
#col2 p.a-nav {
  font-size: 0.875em;
	line-height: 140%;
  margin: 0 0 0.5em 0;
}
#col2 a {
  text-decoration: underline;
  font-weight: normal;
  color: #039;
}
#col2 a.a-nav {
  text-decoration: underline;
  font-weight: normal;
  color: #039;
}
#col2 a:hover {
  color: #1995DE;
}
#col2 a:hover.a-nav {
  color: #1995DE;
}
#col2 a:visited {
  color: #788c96;
}
#col2 a:visited.a-nav {
  color: #788c96;
}
.img-l {  /* Bildcontainer mit Unterschrift im Contentbereich, links, mit Textumfluss */
  float:left;
	font-size:0.8em;
  width:11.71875em; /* Bildbreite in em = Bildbreite : 16 : 0,8  (max 190px = 14.84375em */
  color:#788c96;
	margin:0.5em 1.5em 0 0;
}
.img-l img  {
  border:1px solid #788c96;
  width:11.71875em; /* Bildbreite in em = Bildbreite : 16 : 0,8  (max 190px = 14.84375em */
	height:23.515625em;  /* Bildhöhe in em = Bildhöhe : 16 : 0,8 */
	margin:0 0 0.5em 0;
}
.img-m {  /* Bildcontainer mit Unterschrift im Contentbereich, mittig, ohne Textumfluss */
	font-size:0.8em;
  width:26.640625em; /* Bildbreite in em = Bildbreite : 16 : 0,8 (max 341px = 26.640625em */
  color:#788c96;
	margin:0.5em 0;
}
.img-m img  {
  border:1px solid #788c96;
  width:26.640625em; /* Bildbreite in em = Bildbreite : 16 : 0,8 (max 341px = 26.640625em */
	height:5.78125em;  /* Bildhöhe in em = Bildhöhe : 16 : 0,8 */
	margin:0 0 0.5em 0;
}

/* Bildformatierung für Newsarchiv */
.img-news {
  border:1px solid #788c96;
  width:10.9375em; /* Bildbreite in em = Bildbreite : 16 */
	height:7.1875em;  /* Bildhöhe in em = Bildhöhe : 16 */
	margin:0 0 1em 0;
}

/* Formatierung für Projektseite */
.projekt {
  width:20.6125em; /* Bildbreite in em = Bildbreite : 16 -0.7 (wg. padding!!!) (max 341px = 21.3125em - 0.7) */
  border:1px solid #e0e0e0;
  color:#000;
	margin:1px 0;
	background:#e0e0e0;
	padding:0.3em 0 0 0.7em;
}
.projekt span {
	font-weight:bold;
	margin:0 1em 0 0em;
}
.projekt p {
	/*padding:0.3em 0 0 0;*/
}
.img-projekt {
  border:1px solid #788c96;
  width:21.3125em; /* Bildbreite in em = Bildbreite : 16 (max 341px = 21.3125em) */
	height:4.625em;  /* Bildhöhe in em = Bildhöhe : 16 */
	margin:0;
}

/* Formatierung für D-Navigation (optional) */
#nav-d {
  padding:0 0 0 2em;
	margin:1em 0 2em 0;
  font-size: 0.6875em;
  color: #039;
	line-height: 140%;
  list-style-type: disc;
  list-style-position:outside;
}
#nav-d LI {
  padding:0;
	margin:0 0 0.2em 0;
}
#nav-d LI A {
  /*font-size: 70%;
  font-weight:400;*/
  color: #039;
  text-decoration:underline;
}
#nav-d LI A:hover {
  color: #1995DE;
}
#nav-d LI A:visited {
  color: #788c96;
}


/* Newsbereich (rechte Spalte) */
DIV.news {
  font-size: 1em;
  color: #788C96;
  margin: 0 0 15px 12px;
}
DIV.news h1 {
  font-size: 0.6875em;
  margin:0 0 0.3em 0;
  line-height: 120%;
}
DIV.news p {
  margin: 0 0 5px 0;
  font-size: 0.6875em;
  line-height: 120%;
}
DIV.news img  {
  border:1px solid #788c96;
  width:10.9375em; /* Bildbreite in em = Bildbreite : 16  (max 175px = 10.9375em */
	/*height:7.1875em; */ /* Bildhöhe in em = Bildhöhe : 16 */
	margin:0 0 0.3em 0;
}
DIV.news A  {
  margin:0.2em 0 0 0;
  font-size: 0.6875em;
  text-decoration: underline;
  line-height: 120%;
  color: #039;
}
DIV.news A:hover  {
  color: #1995DE;
}
DIV.news A:visited  {
  color: #788c96;
}
P.newsarchiv  {
  margin: 4em 0 3px 12px;
  font-size: 0.6875em;
}
P.newsarchiv A {
  text-decoration: underline;
  color: #039;
}
P.newsarchiv A:hover  {
  color: #1995DE;
}
P.newsarchiv A:visited  {
  color: #788c96;
}


/* # footer ############### */
#footer {
  position:relative;
	width:269px;
	height:13px;
	margin-top:25px;
	margin-bottom:10px;
	background:#fff url(../bild/bg_footer_claim.gif) no-repeat;
}

