/*----------------------------------------------------------------------------*/
/*   CSS-Datei - (c) sascha.hagemann@digitalkombinat.net
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/*   HTML und BODY
/*----------------------------------------------------------------------------*/

html {
  padding: 0em;
  background-image: url(img/body_hg_grau.gif);
  background-repeat: repeat;
}

body {
  padding: 0em;
  margin: auto;
  width: 780px;
  border: 0px solid black;
}

/*----------------------------------------------------------------------------*/
/*   Text (normale <p>, <h1>, etc. Tags)
/*----------------------------------------------------------------------------*/

/*-- Fließtext ROT --*/
p, li {
  font-family: verdana, arial, sans-serif;
  font-size: 8pt;
  line-height: 12pt;
  font-weight: normal;
  color: #990033;
}

/*-- Fließtext WEISS --*/
h1 {
  font-family: verdana, arial, sans-serif;
  font-size: 8pt;
  line-height: 12pt;
  font-weight: normal;
  color: white;
}

/*-- Überschrift ROT --*/
h2 {
  font-family: georgia, serif, verdana, arial, sans-serif;
  font-size: 12pt;
  line-height: 12pt;
  font-weight: bold;
  color: #990033;
  font: bold 120%/1.1 Georgia, serif;
}

/*-- Überschrift WEISS --*/
h3 {
  font-family: georgia, serif, verdana, arial, sans-serif;
  font-size: 12pt;
  line-height: 12pt;
  font-weight: bold;
  color: white;
  font: bold 120%/1.1 Georgia, serif;
}

/*----------------------------------------------------------------------------*/
/*   Links I (Normale Links, im Fließtext)  ->  class='link1'
/*----------------------------------------------------------------------------*/

a.link, a.link:visited, a.link:active {
  font-family: verdana, arial, sans-serif;
  font-size: 8pt;
  line-height: 12pt;
  text-decoration: underline;
  color: #990033;
  padding: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
}

a.link:hover {
  font-family: verdana, arial, sans-serif;
  font-size: 8pt;
  line-height: 12pt;
  text-decoration: none;
  color: white;
  background-color: #990033;
}

/*----------------------------------------------------------------------------*/
/*   Links II (Navigation)  ->  class='link2'
/*----------------------------------------------------------------------------*/

a.link2, a.link2:visited, a.link2:active {
  font-family: verdana, arial, sans-serif;
  font-size: 8pt;
  line-height: 12pt;
  text-decoration: none;
  color: white;
  padding: 3px;
  padding-top: 2px;
  padding-bottom: 2px;
  letter-spacing: 0.5pt;
}


a.link2:hover {
  font-family: verdana, arial, sans-serif;
  font-size: 8pt;
  line-height: 12pt;
  text-decoration: none;
  color: white;
  font-weight: bold;
  letter-spacing: 0.5pt;
}

/*--- link2 -> fett -> als Rollover-Effekt der Navigation ---*/
a.link2_bold {
  font-family: verdana, arial, sans-serif;
  font-size: 8pt;
  line-height: 12pt;
  text-decoration: none;
  color: white;
  padding: 3px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;
  letter-spacing: 0.5pt;
}

/*----------------------------------------------------------------------------------------------------*/
/*   LINKS III (Grafiken)  ->  Rand bei Grafik-Links unterdrücken  ->  <img src='' id='grafiklink'>
/*----------------------------------------------------------------------------------------------------*/

#grafiklink {
  border-style: none;
}

/*----------------------------------------------------------------------------*/
/*   Links IV (Fußzeile)  ->  class='link_fusszeile'
/*----------------------------------------------------------------------------*/

a.link_fusszeile, a.link_fusszeile:visited, a.link_fusszeile:active {
  font-family: verdana, arial, sans-serif;
  font-size: 8pt;
  line-height: 12pt;
  text-decoration: underline;
  color: #666666;
  padding: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
}

a.link_fusszeile:hover {
  font-family: verdana, arial, sans-serif;
  font-size: 8pt;
  line-height: 12pt;
  text-decoration: none;
  color: white;
  background-color: #666666;
}

/*----------------------------------------------------------------------------*/
/*   D I V s
/*----------------------------------------------------------------------------*/

/*-----------------------------*/
/* DIV - Inhalt: Gesamte Bühne
/*-----------------------------*/

.buehne {
  width: 785px;
  height: 555px;
  border: 0px solid red;
}

/*--------------------------*/
/* DIV - Kopfzeile mit Logo
/*--------------------------*/

.kopfzeile {
  width: 775px;
  height: 155px;
  margin-top: -3px;
  padding: 0px;
  background-image: url(img/kopfzeile_rot.gif);
  background-repeat: no-repeat;
  background-position: left;
  border: 0px solid red;
  float: left;
}

/*------------------------------*/
/* DIV - Kopfzeile: Überschrift
/*------------------------------*/

#kopfzeile_ueberschrift {
  text-align: left;
  margin-top: 18px;
  padding-left: 160px;
  width: 500px;
  height: 30px;
  border: 0px solid blue;
  float: left;
}

/*-- IE-Umbrüche am Tag-Beginn unterdrücken --*/
#kopfzeile_ueberschrift h3 {
  margin: 0em;
  padding: 0em;
}

/*-----------------------*/
/* DIV - Kopfzeile: Text
/*-----------------------*/

#kopfzeile_text {
  text-align: left;
  margin-top: 0px;
  padding-left: 160px;
  width: 500px;
  height: 80px;
  border: 0px solid blue;
  float: left;
}

/*-- IE-Umbrüche am Tag-Beginn unterdrücken --*/
#kopfzeile_text h1 {
  margin: 0em;
  padding: 0em;
}

/*---------------------------------------------------------*/
/* DIV - 5 Navigationsfelder zwischen Kopfzeile und Inhalt
/*---------------------------------------------------------*/

#navigation1 {
  text-align: left;
  width: 131px;
  height: 25px;
  padding-left: 28px;
  margin-left: 0px;
  float: left;
  background-image: url(img/buttons/5rot/1.gif);
  background-repeat: no-repeat;
  background-position: left;
  border: 0px solid red;
}

#navigation2 {
  text-align: left;
  width: 131px;
  height: 25px;
  padding-left: 28px;
  margin-left: -4px;
  float: left;
  background-image: url(img/buttons/5rot/2.gif);
  background-repeat: no-repeat;
  background-position: left;
  border: 0px solid red;
}

#navigation3 {
  text-align: left;
  width: 131px;
  height: 25px;
  padding-left: 28px;
  margin-left: -4px;
  float: left;
  background-image: url(img/buttons/5rot/3.gif);
  background-repeat: no-repeat;
  background-position: left;
}

#navigation4 {
  text-align: left;
  width: 131px;
  height: 25px;
  padding-left: 28px;
  margin-left: -4px;
  float: left;
  background-image: url(img/buttons/5rot/4.gif);
  background-repeat: no-repeat;
  background-position: left;
}

#navigation5 {
  text-align: left;
  width: 131px;
  height: 25px;
  padding-left: 28px;
  margin-left: -4px;
  float: left;
  background-image: url(img/buttons/5rot/5.gif);
  background-repeat: no-repeat;
  background-position: left;
}

/*-- IE-Umbrüche am Tag-Beginn unterdrücken --*/
#navigation1 a {
  margin: 0em;
  padding: 0em;
}

#navigation2 a {
  margin: 0em;
  padding: 0em;
}

#navigation3 a {
  margin: 0em;
  padding: 0em;
}

#navigation4 a {
  margin: 0em;
  padding: 0em;
}

/*-------------------------------*/
/* DIV - Inhalt: Gesamter Rahmen
/*-------------------------------*/

.inhalt {
  text-align: left;
  width: 720px;
  /*height: 328px;*/
  padding-top: 10px;
  padding-left: 28px;
  padding-right: 28px;
  padding-bottom: 15px;
  margin-top: 0px;
  background-image: url(img/buehne.gif);
  background-repeat: repeat;
  background-position: top left;
  border: 0px solid green;
  float: left;
}

.inhalt_oben {
  text-align: left;
  width: 720px;
  height: 12px;
  padding-top: 0px;
  padding-left: 28px;
  padding-right: 28px;
  margin-top: 5px;
  overflow: hidden;
  background-image: url(img/buehne_oben.gif);
  background-repeat: no-repeat;
  background-position: top left;
  border: 0px solid green;
  float: left;
}

.inhalt_unten {
  text-align: left;
  width: 720px;
  height: 12px;
  padding-top: 0px;
  padding-left: 28px;
  padding-right: 28px;
  margin-top: 0px;
  overflow: hidden;   
  background-image: url(img/buehne_unten.gif);
  background-repeat: no-repeat;
  background-position: top left;
  border: 0px solid green;
  float: left;
}

/*-------------------------------*/
/* DIVs: 2 Spalten
/*-------------------------------*/

#spalte_links {
  width: 260px;
  /*height: 295px;*/
  float: left;
  border: 0px solid yellow;
  overflow: hidden;
  padding-bottom: 15px;
}

#spalte_rechts {
  margin-left: 50px;
  width: 260px;
  /*height: 295px;*/ 
  float: left;
  border: 0px solid yellow;
  overflow: hidden;
}

#marginalienspalte {
  margin-left: 52px;
  width: 90px;
  /*height: 295px;*/ 
  float: left;
  border: 0px solid yellow;
  overflow: hidden;
}

.marginalienspalte_inhalt_bottom {
  padding-top: 275px;
  /*text-align: right;*/
}

/*---------------------------*/
/* DIV - Inhalt: Überschrift
/*---------------------------*/

.inhalt_ueberschrift_links {
  text-align: left;
  width: 710px;
  height: 25px;
  padding-bottom: 10px;
  border: 0px solid green;
  float: left;
}

.inhalt_ueberschrift_rechts {
  text-align: left;
  width: 710px;
  height: 25px;
  padding-bottom: 10px;
  border: 0px solid green;
  float: left;
}

/*-- IE-Umbrüche am Tag-Beginn unterdrücken --*/
.inhalt_ueberschrift_links h2 {
  margin: 0em;
  padding: 0em;
}

.inhalt_ueberschrift_rechts h2 {
  margin: 0em;
  padding: 0em;
}

/*--------------------------------*/
/* DIV - Inhalt: Text LINKE SEITE
/*--------------------------------*/

.inhalt_text_links {
  width: 260px;
  /*height: 260px;*/
  float: left;
  border: 0px solid #000033;
  overflow: hidden;
}

/*-- IE-Umbrüche am Tag-Beginn unterdrücken --*/
.inhalt_text_links p, .inhalt_text_links li {
  margin: 0em;
  padding: 0em;
}

/*---------------------------------*/
/* DIV - Inhalt: Text RECHTE SEITE
/*---------------------------------*/

.inhalt_text_rechts {
  width: 260px;
  /*height: 260px;*/
  float: left;
  border: 0px solid red;
  overflow: hidden;
}

/*-- IE-Umbrüche am Tag-Beginn unterdrücken --*/
.inhalt_text_rechts p, .inhalt_text_rechts li {
  margin: 0em;
  padding: 0em;
}

/*---------------------------------*/
/* DIV - Inhalt: Bild RECHTE SEITE
/*---------------------------------*/

.inhalt_bild_rechts {
  /*margin-left: 120px;*/
  /*width: 360px;*/
  /*height: 290px;*/
  float: left;
  border: 1px solid #000033;
  overflow: hidden;
}

/*----------------*/
/* DIV - Fußzeile
/*----------------*/

.fusszeile {
  text-align: right;
  width: 760px;
  height: 20px;
  margin-top: 0px;
  border: 0px solid green;
  padding-right: 10px;
  float: left;
  padding-bottom: 25px; 
}

/*-------------------------*/
/* DIV - Mitarbeiter-Fotos
/*-------------------------*/

.mitarbeiter {
  clear: left;
  vertical-align: bottom;
  padding-bottom: 35px;
  border: 0px solid green;
}

.mitarbeiter_foto {
  float: left;
  padding-bottom: 15px;  
  border: 0px solid red;
}

.mitarbeiter_text {
  float: left;
  margin-left: 10px;
  margin-top: 80px;
  border: 0px solid yellow;
}

.mitarbeiter_text_zweizeilig {
  float: left;
  margin-left: 10px;
  margin-top: 64px;
  border: 0px solid yellow;
}

.mitarbeiter_text_dreizeilig {
  float: left;
  margin-left: 10px;
  margin-top: 48px;
  border: 0px solid yellow;
}

.mitarbeiter_text_vierzeilig {
  float: left;
  margin-left: 10px;
  margin-top: 32px;
  border: 0px solid yellow;
}

/*----------------------------------------------------------------------------*/
/*   Ende
/*----------------------------------------------------------------------------*/