/*----------------------------------------------------------------------------*/
/* Dnymanische-CSS für die WOLKE  * * * sascha.hagemann@digitalkombinat.net
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/* Reset
/*----------------------------------------------------------------------------*/

a,a:hover,p,h1,h2,h3,h4,h5,h6,li,ul,ol,pre,hr,div,form,body,html,blockquote,fieldset,input,td,tr,table {
	margin: 0px; padding: 0px; line-height: 0em;
}

/*----------------------------------------------------------------------------*/
/* HTML und BODY und <div id="body">
/*----------------------------------------------------------------------------*/

html {	
  height: 100%;
  width: 100%;
}

body {

  /* Breite */
  width: 100%;
  
  /* Höhe */
  height: 100%;
  
  /* Schriftgrösse */
  font-size: xx-small;
  
  /* Hintergrund */
  background-image: url('../../templates_Pertheswerk_NEU/images/hg_links.gif');
  background-repeat: repeat-y;
  background-position: left;
  
  /* Hintergrund */
  background-color: #FFFFFF;
  
  border: 0px solid red;
}

#body {

  /* Breite (schmaler als der body wg. Platz nach rechts für die Barrierebuttons) */
  width: 113em;

  /* Höhe */
  min-height: 100%;
  height: auto !important; /* für alle neuen standardkonformen Browser */
  height: 100%; /* für alte IEs */

  /* Schriftgrösse */
  font-size: xx-small;
  
  padding-bottom: 0px;
}

/*----------------------------------------------------------------------------*/
/* Barrierefreiheits-Funktionalität
/*----------------------------------------------------------------------------*/

/*-------------*/
/* Access-Keys
/*-------------*/

#accesskeys {
  position: relative;
  width: 112em;
	background-color: #FFFFFF;
  border: 0px solid red;
  
  /* Hintergrund */
  background-image: url('../../templates_Pertheswerk_NEU/images/hg_links.gif');
  background-repeat: repeat-y;
  background-position: left;
  
  /*border-bottom: 1px solid #00ACD3;*/
  
}

#accesskeys ul {
  margin-left: 2em;
  padding: 0.75em;
}

#accesskeys li {
  font-family: arial, sans-serif;
  color: #000033;
  font-size: 1.3em;
  line-height: 1.3em;
	display: inline;
	margin-left: 0.5em; 
}

#accesskeys li kbd, #accesskeys li a {
  font-family: arial, sans-serif;
  color: #000033;
  font-size: 1em;
  line-height: 1em;
  margin-bottom: 1.5em;
  margin-top: 0em;
}

/*--------------------------*/
/* Barrierefreiheitsbuttons
/*--------------------------*/

#accessibility {
  width: 28em;
  height: 2em;
  padding-left: 1.25em;
  margin-top: 1em;
  border: 0px solid green;
}

#accessibility img {
	border-width: 0em;
	width: 2.75em;
	height: 2.75em;
	float: left;
	margin-right: 0.65em;
}

#accessibility ul {
  list-style-type: none;
  list-style-position: outside; /* Listeneinrückung explizit outside = ausgerückt! */
  margin: 0em; 
  padding-left: 0em;
}

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

/*---------------------------------------------*/
/* rechts (Barrierebuttons, Suche, Navigation)
/*---------------------------------------------*/

#rechts {

  position: relative;
  z-index: 200;
  
  float: right;
  width: 34em;
  border-left: 0px solid #00ACD3;
  border: 0px solid red;
  
  min-height: 100%;
  height: auto !important; /* für alle neuen standardkonformen Browser */
  height: 100%; /* für alte IEs */
  
  background-image: url('../../templates_Pertheswerk_NEU/images/pertheswerk_logo_linie.gif');
  /*background-position: 0em 10.4em;*/
  background-position: 0em 0.5em;
  background-repeat: repeat-x;  

}

/*----------------------------------------------*/
/* links (gesamter Bereich Kopfzeile + Content)
/*----------------------------------------------*/

#links {

  position: relative;
  z-index: 199;

  float: right;
  width: 76em;
  
  /*overflow: hidden;*/
  
  border: 0px solid yellow;
  
  min-height: 100%;
  height: auto !important; /* für alle neuen standardkonformen Browser */
  height: 100%; /* für alte IEs */
  
  /* farbige Hintergrundstreifen */
    background-image: url('../../templates_Pertheswerk_NEU/images/hg/hg_1_xx-small.gif');
  background-position: top right;
  background-repeat: repeat-y;
    
  /* rechter Rand */
  border-right: 10px solid #00ACD3;
  
  border-left: 0px solid red;

}

/*-------------*/
/* Suche
/*-------------*/

/* Such-Feld */
#kopfzeile_suche {
  margin-top: 6em;
  margin-left: 2em;
  border: 0px solid red;
}

/*-------------*/
/* Links
/*-------------*/

#kopfzeile_links {
  height: 2em;
  float: left;
  padding-left: 2em;
  margin-top: 1.75em;
  text-align: left;
  border: 1px solid yellow;
}

/*-------------*/
/* Kopfzeile 1
/*-------------*/

#kopfzeile_kalender_links {
  width: 75.5em;
  height: 12em;
  overflow: hidden;
  border: 0px solid red;
  float: left;
  position: relative;
  z-index: 7777;
  margin-top: -4em;
}

#kopfzeile_kalender {
  float: left;
  padding-left: 1.4em;
  margin-top: 0.15em;
  border: 0px solid green;
}

#kopfzeile_kalender_hg {
  float: right;
  /*background-color: #E1F0FF;*/
  width: 25em;
  border: 0px solid red;
}

/*-------------*/
/* Kopfzeile 2
/*-------------*/

#kopfzeile_logo {
  width: 76em;
  overflow: hidden;
  height: 9em;
  border: 0px solid black;
  float: left;
  margin-left: 1px;
  margin-top: 0.5em;
  
  background-image: url('../../templates_Pertheswerk_NEU/images/pertheswerk_logo_linie.gif');
  background-position: top right;
  background-repeat: repeat-x;  
  
}

#kopfzeile_logo img {
  margin-left: 1.25em;
  border: none;
  float: left;
}

/*-----------------------------*/
/* Layout 1: Eine große Fläche
/*-----------------------------*/

div.grid_flaeche_0 {
  float: left;		
  width: 72.25em;
  margin-left: 1.5em;
  margin-top: 1em;  	
  border: 0px solid red;
  overflow: hidden;
}

/*---------------------------------------------*/
/* Layout 2: Fläche + Marginalienspalte rechts
/*---------------------------------------------*/

/* grid_flaeche_1: Hauptfläche */
div.grid_flaeche_1 {
  float: left;		
  width: 46.3em;
  margin-left: 1.5em;
  margin-top: 1em;  	
  border: 0px solid red;
  overflow: hidden;
}

/* grid_flaeche_2: Marginalspalte */
div.grid_flaeche_2 {
  float: left;		
  width: 24.25em;
  margin-left: 2.8em;
  padding-left: 1em;
  margin-top: 1em; 
  /*margin-top: 0em;*/ 	
  border: 0px solid green;  
  /*background-color: #E1F0FF;*/
  min-height: 100%;
  height: auto !important; /* für alle neuen standardkonformen Browser */
  height: 100%; /* für alte IEs */
  overflow: hidden;
}

/*--------------------------------------*/
/* Layout 3: Zwei (gleiche) Spalten
/*--------------------------------------*/

/* grid_flaeche_3: linke Spalte */
div.grid_flaeche_3 {
  float: left;		
  width: 48em;
  margin-left: 1.5em;
  margin-top: 1em;  	
  border: 0px solid red;
  overflow: hidden;
}

/* grid_flaeche_4: rechte Spalte */
div.grid_flaeche_4 {
  float: left;		
  width: 48em;
  margin-left: 2.25em;
  margin-top: 1em;  	
  border: 0px solid green;  
  overflow: hidden; 
}

/*--------------------------------------*/
/* Layout 4: Drei (gleiche) Spalten
/*--------------------------------------*/

/* grid_flaeche_5: linke Spalte */
div.grid_flaeche_5 {
  float: left;		
  width: 21.5em;
  margin-left: 1.5em;
  margin-top: 1em;  	
  border: 0px solid green;
  overflow: hidden;
}

/* grid_flaeche_6: mittlere Spalte */
div.grid_flaeche_6 {
  float: left;		
  width: 21.5em;
  margin-left: 3em;
  margin-top: 1em;  	
  border: 0px solid green;  
  overflow: hidden; 
}

/* grid_flaeche_7: rechte Spalte */
div.grid_flaeche_7 {
  float: left;		
  width: 24.25em;
  margin-left: 3em;
  margin-top: 1em;  	
  border: 0px solid green;  
  overflow: hidden; 
}

/*---------------------------------------------*/
/* Layout 5: Fläche + Marginalienspalte LINKS
/*---------------------------------------------*/

/* grid_flaeche_8: Marginalspalte */
div.grid_flaeche_8 {
  float: left;		
  width: 23.3em;
  margin-left: 1.5em;
  margin-top: 1em;  	
  border: 0px solid red;
  overflow: hidden;
}

/* grid_flaeche_9: Hauptfläche */
div.grid_flaeche_9 {
  float: left;		
  width: 47.25em;
  margin-left: 2.25em;
  margin-top: 1em;  	
  border: 0px solid green;  
  overflow: hidden; 
}

/*--------------------------------------*/
/* Layout 6: Vier (gleiche) Spalten
/*--------------------------------------*/

/* grid_flaeche_10: linke Spalte */
div.grid_flaeche_10 {
  float: left;		
  width: 22.5em;
  margin-left: 1.5em;
  margin-top: 1em;  	
  border: 0px solid green;
  overflow: hidden;
}

/* grid_flaeche_11: mittlere Spalte links */
div.grid_flaeche_11 {
  float: left;		
  width: 22.5em;
  margin-left: 2.5em;
  margin-top: 1em;  	
  border: 0px solid green;  
  overflow: hidden; 
}

/* grid_flaeche_12: mittlere Spalte rechts */
div.grid_flaeche_12 {
  float: left;		
  width: 22.5em;
  margin-left: 2.75em;
  margin-top: 1em;  	
  border: 0px solid green;  
  overflow: hidden; 
}

/* grid_flaeche_13: rechte Spalte */
div.grid_flaeche_13 {
  float: left;		
  width: 22.5em;
  margin-left: 2.75em;
  margin-top: 1em;  	
  border: 0px solid green;  
  overflow: hidden; 
}

/*-------------*/
/* Folgeseiten
/*-------------*/

#folgeseiten {
  text-align:right; 
  clear:both; 
  padding-bottom: 4.5em; 
  padding-right: 4.5em; 
  border: 0px solid red;
}

/*------------*/
/* Gretelchen
/*------------*/

#gretelchen { 
  text-align: left; 
  width: 46em;
  clear: both; 
  padding-top: 3em;
  /*padding-bottom: 2em;*/
  padding-left: 1.5em;
  border: 0px solid red;  
  padding-bottom: 60em;
}

/*-----------*/
/* div.clear
/*-----------*/

div.clear {	
  clear: both;
  height: 2.5em;
}

div.clear2 {	
  clear: both;
  height: 0em;
}

/*----------*/
/* Messages
/*----------*/

div.message_error {
  width: 19em;
  padding: 2em;
  padding-left: 2em;
  padding-bottom: 1em;
  margin-top: 1em;
  border: 1px solid red;
  margin-bottom: 1.5em;
}

div.message_success {
  width: 19em;
  padding: 2em;
  padding-left: 2em;
  padding-bottom: 1em;
  margin-top: 1em;
  border: 1px solid green;
  margin-bottom: 1.5em;
}

/*-----------------------------------------------*/
/* Abstand zwischen content-Objekten einer Seite
/*-----------------------------------------------*/

div#content {
  /*padding-bottom: 60em;*/
  border: 0px solid red;
}

/* normaler Content */
div.content {
  clear: both;
  border: 0px solid green;
  margin-left: 0em;
  padding: 0em 0em 2.5em 0em;
}



/* Einzeln platziertes Bild-Inhaltsobjekt (=show.Image) - 3 Versionen */
div.single_image {
  clear: both;
  padding: 0em;
  margin-bottom: 2.5em;
  border: 0px solid #999999;
}
div.single_image1 {
  clear: both;
  padding: 0em;
  margin-top: 0em;
  margin-bottom: 2.5em;
  border: 0px solid #999999;
}
div.single_image2 {
  clear: both;
  padding: 0em;
  margin-bottom: 2.5em;
  border: 0px solid #999999;
}



div.contentFloat{
  /* Dieser Inhalt ist nur halb so breit wie normal und schafft so platz f�r zweiten content neben ihm. */
  width: 48%; 
  padding-right: 2%; 
  margin-right: 2%;
  float: left; 
  background-image: url('../../templates_Pertheswerk_NEU/images/dotts.gif');
  background-position: top right;
  background-repeat: repeat-y;  
}

div.contentBesideFloat{
  /* Dieser Inhalt ist nur halb so breit wie normal und nimmt neben ein contentFloat platz ein. */
  width:48%;
  float:left;
}

/* PDF */
div.content_pdf {
  clear: both;
  padding-bottom: 2.5em;		
}

/* RSS */
div.content_rss {
  clear: both;
  padding-bottom: 2.5em;	
}

/* RSS-Icons (falls als Link, dann ohne Rand) */
div.content_rss img {
  border: none;
}

/*----------------------------------------------------------------------------*/
/* Darstellung von Text
/*----------------------------------------------------------------------------*/

p, tr, td, th, legend {
  font-family: Georgia, Serif;
  color: #000033;
  font-size: 1.4em;
  line-height: 1.6em;
  margin-bottom: 1.5em;
  margin-top: 0em;
}

p {
  border: 0px solid yellow;
  margin: 0px;
  margin-bottom: 1em;
  margin-top: 0.75em;
}

small {
  font-family: arial, sans-serif;
  color: #000033;
  font-size: 1em;
  line-height: 1.3em;
  margin-bottom: 1.5em;
  margin-top: 0.2em;
}

p.bildunterschrift, span.bildunterschrift {
  font-family: arial, sans-serif;
  color: #000033;
  font-size: 1.2em;
  line-height: 1.3em;
  margin-bottom: 2.5em;
  margin-top: 0.2em;
  margin-left: 0.1em;
  font-weight: normal;
  clear:both; 
  border: 0px solid #000000;
}

h1 {
  font-family: arial, sans-serif;
  color: #000033;
  font-size: 2.5em;
  line-height: 0em;
  font-weight: bold;
  letter-spacing: 0em;
  margin-bottom: 0em;
  margin-top: 0em;
}

h2 { 
  font-family: arial, sans-serif;
  color: #000033;
  font-size: 2.2em;
  line-height: 0em;
  font-weight: bold;
  letter-spacing: 0em;
  margin-bottom: 0em;
  margin-top: 0em;
}

h3 {
  font-family: arial, sans-serif;
  color: #000033;
  font-size: 1.9em;
  line-height: 1.3em;
  font-weight: bold;
  letter-spacing: 0em;
  margin-bottom: 0em;
  margin-top: 1.5em;
}

h4 {
  font-family: arial, sans-serif;
  color: #000033;
  font-size: 1.5em;
  line-height: 1.1em;
  font-weight: bold;
  letter-spacing: 0em;
  margin-bottom: 0em;
  margin-top: 0em;
}

/*** kleine Spezialfälle ***/

p.umbruch {
  clear: both;
  margin: 0px;
  padding: 0px;
  line-height: 0px;
  font-size: 0px;
}

p.white {
  color: white;
}

p.underline {
  text-decoration: underline;
}

em.bunt {
  color: red;
  font-style: normal;
}

ins {
  text-decoration: none;
}

/* Bilder-Links - ohne Rahmen */
a img {
  border: none;
}

a.thickbox:hover {
    background-color: transparent !important;
}

/*------------------------------------*/
/* Links-Spezialfall-Mini-Korrekturen
/*------------------------------------*/

/* PDF-Links, RSS-Links und Sitemap-Links fehlen die Schriftgrössenangabe */
div.content_pdf a, div.content_pdf a:hover, div.content_rss a, div.content_rss a:hover {
  font-size: 1.4em;
  line-height: 1.6em;
  padding: 2px;
}

/* Links (innerhalb von Tabellen) fehlt die Zeilenhöhe */
a, a:hover {
  line-height: 1.6em;
}

/*----------------------------------------------------------------------------*/
/* Links (innerhalb der normalen Inhalts-grids)
/*----------------------------------------------------------------------------*/

/* Links im Text (und Folgeseiten und Gretelchen) */
div.grid_flaeche_0 a, div.grid_flaeche_1 a, div.grid_flaeche_2 a,
div.grid_flaeche_3 a, div.grid_flaeche_4 a, div.grid_flaeche_5 a, 
div.grid_flaeche_6 a, div.grid_flaeche_7 a, div.grid_flaeche_8 a, 
div.grid_flaeche_9 a, div.grid_flaeche_10 a, div.grid_flaeche_11 a, 
div.grid_flaeche_12 a, div.grid_flaeche_13 a, #folgeseiten a, #gretelchen a {
  font-family: Georgia, Serif;
  color: #000033;
  padding: 2px;
}

/* Hover zu Links im Text (und Folgeseiten und Gretelchen) */
div.grid_flaeche_0 a:hover, div.grid_flaeche_1 a:hover, div.grid_flaeche_2 a:hover, 
div.grid_flaeche_3 a:hover, div.grid_flaeche_4 a:hover, div.grid_flaeche_5 a:hover,
div.grid_flaeche_6 a:hover, div.grid_flaeche_7 a:hover, div.grid_flaeche_8 a:hover,
div.grid_flaeche_9 a:hover, div.grid_flaeche_10 a:hover, div.grid_flaeche_11 a:hover,
div.grid_flaeche_12 a:hover, div.grid_flaeche_13 a:hover, #folgeseiten a:hover, #gretelchen a:hover {
  color: #FFFFFF;
  background-color: #000033;
  padding: 2px;
}

/*----------------------------------------------------------------------------*/
/* <ul>-Listen (innerhalb der normalen Inhalts-grids)
/*----------------------------------------------------------------------------*/

/* ul */
div.grid_flaeche_0 ul, div.grid_flaeche_1 ul, div.grid_flaeche_2 ul,
div.grid_flaeche_3 ul, div.grid_flaeche_4 ul, div.grid_flaeche_5 ul,
div.grid_flaeche_6 ul, div.grid_flaeche_7 ul, div.grid_flaeche_8 ul, 
div.grid_flaeche_9 ul, div.grid_flaeche_10 ul, div.grid_flaeche_11 ul,
div.grid_flaeche_12 ul, div.grid_flaeche_13 ul {

  list-style-type: square;
  list-style-position: inside;
  padding-left: 0em;
  margin-left: 0em;
  padding-bottom: 1.5em;
  
  font-family: Georgia, Serif;
  color: #000033; 
}

/* ul li */
div.grid_flaeche_0 ul li, div.grid_flaeche_1 ul li, div.grid_flaeche_2 ul li,
div.grid_flaeche_3 ul li, div.grid_flaeche_4 ul li, div.grid_flaeche_5 ul li,
div.grid_flaeche_6 ul li, div.grid_flaeche_7 ul li, div.grid_flaeche_8 ul li, 
div.grid_flaeche_9 ul li, div.grid_flaeche_10 ul li, div.grid_flaeche_11 ul li,
div.grid_flaeche_12 ul li, div.grid_flaeche_13 ul li  {

  list-style-type: square;
  list-style-position: outside;
  padding: 0.25em;
  margin-left: 2em;
  
  font-family: Georgia, Serif;
  color: #000033; 
  font-size: 1.4em;
  line-height: 1.6em;    
}

/*----------------------------------------------------------------------------*/
/* <ol>-Listen (innerhalb der normalen Inhalts-grids)
/*----------------------------------------------------------------------------*/

/* ol */
div.grid_flaeche_0 ol, div.grid_flaeche_1 ol, div.grid_flaeche_2 ol,
div.grid_flaeche_3 ol, div.grid_flaeche_4 ol, div.grid_flaeche_5 ol,
div.grid_flaeche_6 ol, div.grid_flaeche_7 ol, div.grid_flaeche_8 ol, 
div.grid_flaeche_9 ol, div.grid_flaeche_10 ol, div.grid_flaeche_11 ol, 
div.grid_flaeche_12 ol, div.grid_flaeche_13 ol {

  /*list-style-position: inside;*/
  padding-left: 0em;
  margin-left: 2em;
  padding-bottom: 1.5em;
  
  font-family: Georgia, Serif;
  color: #000033; 
}

/* ol li */
div.grid_flaeche_0 ol li, div.grid_flaeche_1 ol li, div.grid_flaeche_2 ol li,
div.grid_flaeche_3 ol li, div.grid_flaeche_4 ol li, div.grid_flaeche_5 ol li,
div.grid_flaeche_6 ol li, div.grid_flaeche_7 ol li, div.grid_flaeche_8 ol li, 
div.grid_flaeche_9 ol li, div.grid_flaeche_10 ol li, div.grid_flaeche_11 ol li, 
div.grid_flaeche_12 ol li, div.grid_flaeche_13 ol li  {

  /*list-style-position: outside;*/
  padding: 0.25em;
  margin-left: 2em;
  
  font-family: Georgia, Serif;
  color: #000033; 
  font-size: 1.4em;
  line-height: 1.6em;    
}

/* Vergrößerung bei Verschachtelung unterdrücken */
div.grid_flaeche_0 ul li ul li, div.grid_flaeche_1 ul li ul li, div.grid_flaeche_2 ul li ul li,
div.grid_flaeche_3 ul li ul li, div.grid_flaeche_4 ul li ul li, div.grid_flaeche_5 ul li ul li,
div.grid_flaeche_0 ol li ol li, div.grid_flaeche_1 ol li ol li, div.grid_flaeche_2 ol li ol li,
div.grid_flaeche_3 ol li ol li, div.grid_flaeche_4 ol li ol li, div.grid_flaeche_5 ol li ol li {
  font-size: 1em;
}

/*----------------------------------------------------------------------------*/
/* SPEZIALFALL: Kopfzeilen-Links (zu Sitemap/Impressum/Kontakt)
/*----------------------------------------------------------------------------*/

#kopfzeile_links a {
  font-family: georgia, serif;
  color: #00ACD3;
  background-color: #FFFFFF;
  font-size: 1.2em;
  line-height: 1.2em;
  padding: 2px;
}

#kopfzeile_links a:hover {
  color: #FFFFFF;
  background-color: #00ACD3;
  text-decoration: none;
  padding: 2px;
}

/*----------------------------------------------------------------------------*/
/* Sitemap
/*----------------------------------------------------------------------------*/

#sitemap {
  padding-bottom: 2em;
}

/* Listenelement <li> */
#sitemap li {
  list-style-position: outside;
}

/* Links <a> */
#sitemap a {
  font-family: georgia, serif;
  color: #000033;
  font-size: 1em;
  line-height: 1em;
  text-decoration: underline;
}

/* Hover */
#sitemap a:hover {
  color: #FFFFFF;
  background-color: #000033;
  text-decoration: none;
}

/* ol / ul */
#sitemap ol, #sitemap ul {
  list-style-type: none;
  list-style-position: inside;
  margin: 0em;
  padding: 0em;
  font-family: Georgia, Serif;
  color: #000033;
  font-size: 1.4em;
}

/* Verhindern, da� Schrift bei verschachtelten Listen "w�chst" */
div.grid_flaeche_0 #sitemap ol li ol, div.grid_flaeche_1 #sitemap ol li ol,
div.grid_flaeche_0 #sitemap ul li ul, div.grid_flaeche_1 #sitemap ul li ul {
  font-size: 1em;
}

/* li */
#sitemap li {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0.25em;
  margin-left: 2em;
  font-family: Georgia, Serif;
  color: #000033; 
  font-size: 1em; 
}

/* Darstellung der Listen mit Links zu auf Seiten platzierten Inhalten */
#sitemap li.showContent, #sitemap ol, #sitemap ul {
  list-style-type: decimal;
  list-style-position: outside;
}

/* Darstellung der Links zu auf Seiten platzierten Inhalten */
li.showContent a {
  color: #666666;
}

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



/*----------------------------------------------------------------------------*/
/* Formular-Elemente
/*----------------------------------------------------------------------------*/

/* Allgemein */
input, select, textarea {
  font-family: georgia, serif;
  font-size: 1.1em;
  line-height: 1.2em;

  padding: 0.25em;
  margin-bottom: 0.25em;

  color: #00ACD3;
  background-color: #FFFFFF;

  border: 1px solid #E1F0FF;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

/* Radiobutton / Chebox */
input.checkbox {
  border: 0px solid red;
  margin-top: 0.25em;
}

input.radio {
  border: 0px solid red;
  margin-top: 0.75em;
}

/* Buttons */
input.button, input.submit {
  font-family: georgia, serif;
  font-size: 1.2em;
  line-height: 1.2em;

  padding: 0.25em;
  height: 2.25em;

  color: #000033;
  background-color: #E9E9E9;

  border: 1px solid white;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

/* Eingabefeld f.d. Suche */
input.query {
  font-size: 1.2em;
  padding: 0.3em;
  position: relative;
  left: 0em;
  top: 0em;
  font-family: georgia, serif;
  width: 15.5em;
  border: 1px inset #00ACD3;
  color: #00ACD3;
  background-color: white;
}

input.query:hover, input.query:focus {
  color: white;
  background-color: #00ACD3;
}

#kopfzeile_suche button {
  text-align: center;
  font-size: 1em;
  padding: 0em;
  position: relative;
  left: 0em;
  top: 0em;
  height: 2.5em;
  width: 2.5em;
  background-color: #00ACD3;
  border: 1px outset #00ACD3;
  font-family: georgia, serif;
  color: white;
}

/* Kopfzeile: Suche-Button
#kopfzeile_suche input.button {
  height: 2.25em;
  padding: 0.25em;
  padding-top: 0.2em;
  margin-left: 0.5em;
  margin-top: 0.5em;
  width: 5em;
  background-color: #E9E9E9;
} */


/* Kontaktformular in Marginalienspalenbreite */
div#kontaktformular .inputtypetext, div#kontaktformular .textarea {
  width: 14.5em;
  overflow: hidden;
}

div#kontaktformular .checkbox {
  background-color: #E1F0FF;
}

/* Kontaktformular für die Einrichtungen */
div#kontaktformularEinrichtungen .inputtypetext, div#kontaktformularEinrichtungen .textarea {
  width: 29em;
  overflow: hidden;
}

div#kontaktformularEinrichtungen .checkbox {
  background-color: #E1F0FF;
}


/*----------------------------------------------------------------------------*/
/* <hr /> ausblenden
/*----------------------------------------------------------------------------*/

hr {
  display: none;
}

/*----------------------------------------------------------------------------*/
/* Bilder umfliessen
/*----------------------------------------------------------------------------*/

/* Bild als Absatz */
img.articleImage0 {
	clear: both;
}

/* Bild rechts */
img.articleImage1 {
    margin-right: 0px;
}

/* Bild links */
img.articleImage2 {
    margin-right: 0px;
}

img.lupe {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0;
}

img.articleImage0, img.articleImage1, img.articleImage2 {
	margin-bottom: 1em;
}

a img.articleImage0, a img.articleImage1, a img.articleImage2 {
    cursor: pointer;
}

/* Bild als Absatz */
/*img.articleImage0 {
  / *width: 150px;* /
  margin-right: 0px;
	padding-top: 1em;
	padding-bottom: 1em;
	clear: both;
}
*/
/* Bild rechts */
/*img.articleImage1 {
  / *width: 150px;* /
  margin-right: 0px;
	padding-top: 0.5em;
	padding-left: 1.5em;
	padding-bottom: 0.75em;
	float: right;
	/ *clear: both;* /
}
*/
/* Bild links */
/*img.articleImage2 {
  / *width: 150px;* /
  margin-right: 0px;
	padding-top: 0.5em;
	padding-right: 1.5em;
	padding-bottom: 0.75em;
	float: left;
	/ *clear: both;* /
}
*/
/* Containerboxen, die die Lupe und das Bild enthalten */
span.articleImage2 {
	margin-top: 0.5em !important;
    float: left;
    margin-right: 1.5em !important;
}

span.articleImage1 {
	margin-top: 0.5em !important;
    float: right;
    margin-left: 1.5em !important;
}

span.articleImage0 {
	margin-top: 1em !important;
    clear: both;
}

span.articleImage0, span.articleImage1, span.articleImage2 {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

/*----------------------------------------------------------------------------*/
/* Tabellen
/*----------------------------------------------------------------------------*/

table {
  margin-top: 0.25em;
  border-collapse: collapse;
  margin-left: 1px;
  border: 0px solid red;
  margin-bottom: 1.5em;
}

tr, td, th, thead, tbody, tfoot, caption {
  font-family: Georgia, Serif;
  color: #000033;
  margin-bottom: 1.5em;
  border: 1px solid #B6B6B6;
  font-size: 1.1em;
  line-height: 1.6em;
}

thead {
  font-weight: bold;
}

tbody { 
}

tfoot { 
  font-weight: bold;
}

caption { 
  font-weight: bold;
}

td {
  padding: 0.5em;
}

th {
  padding: 0.5em;
}

/*----------------------------------------------------------------------------*/
/* Termine
/*----------------------------------------------------------------------------*/

div.content_termin {
  float: left;
  padding-bottom: 2.5em;
  width: 46.2em;	
  border: 0px solid red;
  margin-top: -1.5em;
}

div.content_terminbeschreibung {
  clear: both;
  padding-top: 0em;
  width: 46em;
}

/* Termin-Bild (in Marginalienspaltenbreite) */
img.terminbild {
  float: left;
  width: 21em;	
  margin-left: 2em; 
}
 
/* Tabelle */
div.content_termin table {
  float: left; 
  margin-right: 1em; 
  width: 45.8em;
  margin-bottom: 1.5em;
}

div.content_termin ul {
    font-size: 1.4em;
}

div.content_termin ul li {
    margin-left: 1em;
    padding-left: 0.5em;
    padding-bottom: 1em;
}

/* Tabellen-Hintergrundfarben je nach Terminkategorie */
/*
tr.terminkategorie1 { background-color: ##E1F0FF; }
tr.terminkategorie2 { background-color: #F8DBDE; }
tr.terminkategorie3 { background-color: #DAF9B0; }
tr.terminkategorie4 { background-color: #FDEAC4; }
tr.terminkategorie5 { background-color: #F6D4E7; }
*/

/*----------------------------------------------------------------------------*/
/* Person
/*----------------------------------------------------------------------------*/

div.content_person {
  float: left;
  padding-bottom: 2.5em;
  width: 71.5em;	
  border: 0px solid red;
}

/* Bild */
div.content_person_bild {
  float: left;
  margin-left: 3em; 
}

/* Tabelle */
div.content_person table {
  float: left; 
  margin-right: 1em; 
  width: 49.5em;
  margin-bottom: 1.5em;
}

/*----------------------------------------------------------------------------*/
/* Firma
/*----------------------------------------------------------------------------*/

div.content_company {
  float: left;
  padding-bottom: 2.5em;
  width: 71.5em;	
  border: 0px solid red;
}

/* Bild */
div.content_company_bild {
  float: left;
  margin-left: 3em; 
}

/* Tabelle */
div.content_company table {
  float: left; 
  margin-right: 1em; 
  width: 49.5em;
  margin-bottom: 1.5em;
}

/*---------------------------------------*/
/* SPEZIALFALL: Seite durchsuchen
/*---------------------------------------*/

/* Rahmen um das Suchformular */
div.suchformular {
  width: 43em;
  padding: 1.5em;
  padding-bottom: 0.5em;
  border: 1px solid #B6B6B6;
  margin-bottom: 1em;
}

/* volle Breite des Suchformulars wiederherstellen */
div.suchformular p {
  margin: 0em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

/* Rahmen um jeden gefundenen Treffer */
div.suchergebnis {
  width: 43em;
  margin-bottom: 1em;
  padding: 0.5em 1.5em 0em 1.5em;
  border: 1px solid #B6B6B6;
}

/* Vorschau des gefundenen Suchergebnisses grau
   + volle Breite der Suchergebnis-Spalte wiederherstellen */
div.suchergebnis p {
  margin: 0em;
  color: #666666;
  padding-bottom: 1em;
}

/* Beschreibung zum gefundenen Suchergebnis */
div.suchergebnis p small {
  margin: 0em;
  color: #666666;
  padding-bottom: 1em;
  font-style: italic;
}

/* Gefundenes Suchwort rot markieren */ 
em.suchergebnis {
  color: red;
  font-style: italic;
  font-weight: normal;
}
em.suchergebnis2 {
  color: red;
  font-style: normal;
  font-weight: normal;
}

/*----------------------------------------------------------------------------*/
/* SPEZIALFALL: Forum
/*----------------------------------------------------------------------------*/

#forum {
  line-height:1em;
  margin:2em;
}

/*----------------------------------------------------------------------------*/
/* SPEZIALFALL: 360-Grad-Panorama
/*----------------------------------------------------------------------------*/

/* DIV des eigentlichen Panoramas */
#panorama {
  float: left; 
  width: 50em; 
  border: 0px solid green;
  margin: 0em;
}

/* Anzeige der Bildgr��e */
#panorama_imagesize {
  clear: left; 
  margin-left: 0.5em;
}

/* Bedienungsanleitung / Hinweis Digitalkombinat */
#panorama_bedienungsanleitung, #panorama_digitalkombinat  {
  clear: left; 
  width: 50em; 
  margin-top: 2em; 
  margin-bottom: 2em;
  margin-left: 0.25em;
  border: 0px solid red;
}

/* Men� Variante 1: Einspaltig */
#panorama_menue_einspaltig {
  float: left; 
  width: 16em; 
  margin-left: 4em; 
  margin-top: 1em;
  overflow: hidden; 
  border: 0px solid red;
}

/* Menue Variante 2: Zweispaltig */
#panorama_menue_zweispaltig_one {
  float: left; 
  width: 20em;
  margin-left: 0.25em; 
  margin-top: 1em; 
  margin-bottom: 2em;
  border: 0px solid red;
}

#panorama_menue_zweispaltig_two {
  float: left; 
  width: 20em; 
  margin-left: 3em; 
  margin-top: 1em; 
  margin-bottom: 2em;
  border: 0px solid red;
}

/* Buttons */
input.panorama {
  border: none;
	padding: 0px;
	margin-bottom: 0px;  
	width: 1.75em;
	height: 1.75em;
}

pre {
  color:#990000;
  background-color:white;
}

/*----------------------------------------------------------------------------*/
/* SPEZIALFALL: Bildergalerie
/*----------------------------------------------------------------------------*/

div.galerie {
  width: 50em;
  padding-top: 1.5em;
}

/* Div um jedes einzelnes Bild mit Abstand nach rechts */
div.galeriebild {
  float: left;		
  margin-right: 1.5em;	
  border: 0px solid green;
}

/* Bildunterschrift */
p.galerie_bildunterschrift {
  width: 35em;
  padding-bottom: 1em;
}

/*--------------------------*/
/* Bildergalerie 2er-Layout
/*--------------------------*/

/* Mini-Vorschau gestaucht */
span.galeriebild_SMALL_2 img {	
  width: 23em;
  padding-bottom: 1.5em;
}

/* Grossbildansicht */
span.galeriebild_BIG_2 img {
  padding-bottom: 0.5em;
  padding-right: 50em;  /* um den Umbruch zu erwzingen */
}

/*--------------------------*/
/* Bildergalerie 3er-Layout
/*--------------------------*/

/* Mini-Vorschau gestaucht */
span.galeriebild_SMALL_3 img {	
  width: 15em;
  padding-bottom: 1.5em;
}

/* Grossbildansicht */
span.galeriebild_BIG_3 img {
  padding-bottom: 0.5em;
  padding-right: 50em;  /* um den Umbruch zu erwzingen */
}

/*--------------------------*/
/* Bildergalerie 4er-Layout
/*--------------------------*/

/* Mini-Vorschau gestaucht */
span.galeriebild_SMALL_4 img {	
  width: 10.75em;
  padding-bottom: 1.5em;
}

/* Grossbildansicht */
span.galeriebild_BIG_4 img {
  padding-bottom: 0.5em;
  padding-right: 50em;  /* um den Umbruch zu erwzingen */
}

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









/*----------------------------------------------------------------------------*/
/*  Kalender
/*----------------------------------------------------------------------------*/


/*-------------------------*/
/*  Tabelle des Kalenders
/*-------------------------*/

#kopfzeile_kalender table {
  height: 12em;
  width: 22.75em;
  margin: 0px;
  padding: 0px;
  border: 1px solid #E1F0FF;
  border-collapse: collapse;
  /* background-color: #FFFFFF; */
}

#kopfzeile_kalender table tr, 
#kopfzeile_kalender table td, 
#kopfzeile_kalender table th, 
#kopfzeile_kalender table thead, 
#kopfzeile_kalender table tbody, 
#kopfzeile_kalender table tfoot, 
#kopfzeile_kalender table caption {
  font-family: verdana, arial, sans-serif, georgia, serif;
  font-size: 1em;
  line-height: 4px;
  color: #00ACD3;
  border: 0px solid #E1F0FF;
  border-top: 0px solid #E1F0FF;
  border-bottom: 0px solid #E1F0FF;
  border-right: 1px solid #E1F0FF;
  border-left: 1px solid #E1F0FF;
  /*margin: 3px;
  padding: 3px;*/
}

#kopfzeile_kalender table td {
  width: 1em;
  height: 0.4em;
}

/* Monatsname */

p.kalendermonat {  
  font-family: georgia, serif, arial, sans-serif;
  font-family: arial;
  font-size: 1.2em /*1em*/;
  line-height: 4px;
  font-weight: bold;
  color: #00ACD3;
  margin: 0px;
  margin-left: 0em;
  padding: 2px;
  padding-left: 5px;
}

#kopfzeile_kalender table td.kalendermonat {
  /*background-color: #ffffff;*/
  width: 100%;
  height: 1.5em;
  border: 1px solid #E1F0FF;
  border-top: 0px solid #E1F0FF;
  border-bottom: 1px solid #E1F0FF;
  border-right: 0px solid #E1F0FF;
  border-left: 0px solid #E1F0FF;
}

/* Blätter-Pfeile */

a.kalenderback,a.kalenderback:visited, a.kalenderback:active,
a.kalenderforward,a.kalenderforward:visited, a.kalenderforward:active {  
  text-decoration: none;
  color: #00ACD3;
  background-color: #E1F0FF;    line-height: 4px;
  margin: 0px;
  padding: 0px;
}

a.kalenderback:hover, a.kalenderforward:hover {  
  text-decoration: none;
  color: #FFFFFF;
  background-color: #00ACD3;
  line-height: 4px;
  margin: 0px;
  padding: 0px;
}


/**** Veranstaltungsstyles *************/

a.kalendereventVeranstaltung,a.kalendereventVeranstaltung:visited, a.kalendereventVeranstaltung:active { 
  font-family: verdana, arial, sans-serif, georgia, serif; 
  text-decoration: underline;
  color: #00ACD3;  

  line-height: 4px;
  font-weight: normal;
}

a.kalendereventVeranstaltung:hover { 
  font-family: verdana, arial, sans-serif, georgia, serif; 
  text-decoration: none;
  color: #ffffff; 
  background-color: #00ACD3;
  line-height: 4px; 
}

a.kalendereventMulti,a.kalendereventMulti:visited, a.kalendereventMulti:active {  
  text-decoration: underline;
  color: #00ACD3; 
  line-height: 4px; 
}

a.kalendereventMulti:hover {  
  text-decoration: none;
  color: #ffffff; 
  background-color: #00ACD3;  
  line-height: 4px;
}

a.kalendereventMusikveranstaltung,a.kalendereventMusikveranstaltung:visited, a.kalendereventMusikveranstaltung:active {  
  text-decoration: underline;
  color: #000080;  
  line-height: 4px;
}

a.kalendereventMusikveranstaltung:hover {  
  text-decoration: none;
  color: #ffffff; 
  background-color: #000080; 
  line-height: 4px;
}

a.kalendereventMesse,a.kalendereventMesse:visited, a.kalendereventMesse:active {  
  text-decoration: underline;
  color: #008000;  
  line-height: 4px;
}

a.kalendereventMesse:hover {  
  text-decoration: none;
  color: #ffffff; 
  background-color: #008000;  
  line-height: 4px;
}

a.kalendereventAusstellung,a.kalendereventAusstellung:visited, a.kalendereventAusstellung:active {  
  text-decoration: underline;
  color: #800000;  
  line-height: 4px;
}

a.kalendereventAusstellung:hover {  
  text-decoration: none;
  color: #ffffff; 
  background-color:#800000;  
  line-height: 4px;
}

a.kalendereventKongress,a.kalendereventKongress:visited, a.kalendereventKongress:active {  
  text-decoration: underline;
  color: #00ff80;  
  line-height: 4px;
}

a.kalendereventKongress:hover {  
  text-decoration: none;
  color: #ffffff; 
  background-color: #00ff80;  
  line-height: 4px;
}

a.kalendereventTagung,a.kalendereventTagung:visited, a.kalendereventTagung:active {  
  text-decoration: underline;
  color: #ff0080;  
  line-height: 4px;
}

a.kalendereventTagung:hover {  
  text-decoration: none;
  color: #ffffff; 
  background-color: #ff0080; 
  line-height: 4px;
}

a.kalendereventComedy,a.kalendereventComedy:visited, a.kalendereventComedy:active {  
  text-decoration: underline;
  color: #0080ff;  
  line-height: 4px;
}

a.kalendereventComedy:hover {  
  text-decoration: none;
  color: #ffffff; 
  background-color: #0080ff; 
  line-height: 4px;
}

a.kalendereventKabarett,a.kalendereventKabarett:visited, a.kalendereventKabarett:active {  
  text-decoration: underline;
  color: #ff8000;  
  line-height: 4px;
}

a.kalendereventKabarett:hover {  
  text-decoration: none;
  color: #ffffff; 
  background-color: #ff8000; 
  line-height: 4px;
}

a.kalendereventTheater,a.kalendereventTheater:visited, a.kalendereventTheater:active {  
  text-decoration: underline;
  color: #8000ff;  
  line-height: 4px;
}

a.kalendereventTheater:hover {  
  text-decoration: none;
  color: #ffffff; 
  background-color: #8000ff;  
  line-height: 4px;
}

a.kalendereventMusical,a.kalendereventMusical:visited, a.kalendereventMusical:active {  
  text-decoration: underline;
  color: #80ff00;  
  line-height: 4px;
}

a.kalendereventMusical:hover {  
  text-decoration: none;
  color: #ffffff; 
  background-color: #80ff00;  
  line-height: 4px; 
}

/**************************************************************************/

a.kalendereventKinderveranstaltung,a.kalendereventKinderveranstaltung:visited, a.kalendereventKinderveranstaltung:active {  
  text-decoration: underline;
  color: #008080;  
}

a.kalendereventKinderveranstaltung:hover {  
  text-decoration: none;
  color: #ffffff; 
  background-color: #008080;  
}

a.kalendereventOper,a.kalendereventOper:visited, a.kalendereventOper:active {  
  text-decoration: underline;
  color: #800080;  
}

a.kalendereventOper:hover {  
  text-decoration: none;
  color: #ffffff; 
  background-color: #800080;  
}

a.kalendereventVortrag,a.kalendereventVortrag:visited, a.kalendereventVortrag:active {  
  text-decoration: underline;
  color: #808000;  
}

a.kalendereventVortrag:hover {  
  text-decoration: none;
  color: #ffffff; 
  background-color: #808000; 
}

a.kalendereventParty,a.kalendereventParty:visited, a.kalendereventParty:active {  
  text-decoration: underline;
  color: #0000ff;  
}

a.kalendereventParty:hover {  
  text-decoration: none;
  color: #ffffff; 
  background-color: #0000ff;  
}

/*----------------------------------------------------------------------------*/
/* Neue Javascript-Navigation
/*----------------------------------------------------------------------------*/

#navigation {
  width: 40em;
  border: 0px solid red;
  margin-top: 7.25em;
  margin-left: -10px;
  position: absolute;
  z-index: 9999;
  
  /* Navi-Ende: Unterste weiße Kante */
  /* border-bottom: 1px solid white; */
}

#navigation1 {
  clear: both;
}

#navigation2 {
  clear: both;
}

#navigation img {
  margin: 0em;
  padding: 0em;
  vertical-align: middle;
  margin-right: -0.5em;
}

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

#navigation1 ul, #navigation2 ul {
  list-style-type: none;
  margin: 0em;
  padding: 0em;
}

#navigation2 ul {
  border-bottom: 1px solid white;
}

#navigation1 ul li, #navigation2 ul li {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-top: 1px solid white;
}

#navigation1 ul li ul li, #navigation2 ul li ul li {
  padding-bottom: 0em;
}

/*------ Navi: Linke Rahmenfarben ----------------------------*/

ul li#pw_13988 {
   border-left: 10px solid #00ACD3;
}

ul li#ae_13535 {
   border-left: 10px solid #DA172A;
}

ul li#ae_14161 {
   border-left: 10px solid #7FB539;
}

ul li#ae_14157 {
   border-left: 10px solid #E49F15;
}

ul li#ae_14159 {
   border-left: 10px solid #D90F81;
}

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

#navigation1 li a, #navigation2 li a {
  cursor: pointer;
  font-family: georgia, serif;
  color: #00ACD3;
  font-size: 1.4em;
  line-height: 1.3em;
  font-weight: normal;
  text-decoration: none;

  margin: 0em;
  padding: 2px; 
  padding-left: 4px; 
  padding-right: 4px;
}

#navigation1 li a.active, #navigation2 li a.active {
	font-weight: bold;
}

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

/* Einrückung von Listen-Elementen (insbes. von kinderlosen ohne auf/zuklapp-Pfeil) */
#navigation1 li, #navigation2 li {
  padding-left: 2.5em;
  border: 0px solid red;
  width: 44em;
}

/* Einrückung-Ausnahme: Die ersten <li>-Elemente wieder zurück nach links rücken,
   um die gesamte Navigation näher an die schmalen Farbstreifen zu rücken */
li#pw_13988, li#ae_13535, li#ae_14161, li#ae_14157, li#ae_14159 {
  padding-left: 1em;
}

#navigation1 li.childless, #navigation1 li.childlessactive, #navigation2 li.childless, #navigation2 li.childlessactive {
  padding-left: 4em;
}

/* ***** Seb.: Icons für Navigation */
#navigation1 li.childless {
  background-image: url('../../templates_Pertheswerk_NEU/images/page1.gif');
  background-position: 2.5em 0.4em;
  background-repeat: no-repeat;
  padding-left: 4.5em;
}

#navigation1 li.childlessactive {
  background-image: url('../../templates_Pertheswerk_NEU/images/page2.gif');
  background-position: 2.5em 0.4em;
  background-repeat: no-repeat;
  padding-left: 4.5em;
}

#navigation2 li.childless {
  background-image: url('../../templates_Pertheswerk_NEU/images/haus1.gif');
  background-position: 2.5em 0.4em;
  background-repeat: no-repeat;
  padding-left: 4.5em;
}

#navigation2 li.childlessactive {
  background-image: url('../../templates_Pertheswerk_NEU/images/haus2.gif');
  background-position: 2.5em 0.4em;
  background-repeat: no-repeat;
  padding-left: 4.5em;
}

/* ***** */

/* hover */

#navigation1 a:hover, #navigation2 a:hover {
  cursor: pointer;
}

ul#pw_13988 a:hover, li#pw_13988 a:hover {
  background-color: #00ACD3;
  color: #ffffff;
}

ul#ae_13535 a:hover, li#ae_13535 a:hover {
  background-color: #DA172A;
  color: #ffffff;
}

ul#ae_14161 a:hover, li#ae_14161 a:hover {
  background-color: #7FB539;
  color: #ffffff;
}

ul#ae_14157 a:hover, li#ae_14157 a:hover {
  background-color: #E49F15;
  color: #ffffff;
}

ul#ae_14159 a:hover, li#ae_14159 a:hover {
  background-color: #D90F81;
  color: #ffffff;
}

/*----------------------------------------------------------------------------*/
/* ENDE - Javascript-Navigation
/*----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------*/
/* Subnavigation
/*----------------------------------------------------------------------------*/

/* Das Elternelement von #subnavigation (also div#content) bekommt 
   Positionsangaben, um #subnavigation dazu absolut positionieren zu können! */
   
div#content {
  position: relative;
  float: left;
  width: 100%;
  border: 0px solid yellow;
  margin: 0.5em 0em 0em 0em;
  position: relative;
  z-index: 6;
}

#subnavigation {
  float: right;
  width: 25.7em;
  padding: 0em;
  margin: 0em;
  margin-right: 0em;
  margin-top: 0em;
  overflow: hidden;
  border: 0px solid yellow;
  position: relative;
  z-index: 7;
}

/* Liste <ul> */
#subnavigation ul {
  margin: 0em;
  padding: 0em;
  padding-bottom: 3em;
  list-style-type: none;
  list-style-position: outside;
  position: relative;
  width: 25.7em;
}

#subnavigation li {
	height: 2.7em;
	width: 25.7em;
	display: block;
	line-height: 2.7em;
	/*background-color: #E3F0FD;*/
	border-bottom: 1px solid white;
}

#subnavigation li a {
  font-family: georgia, serif;
  color: #00ACD3;
  font-size: 1.4em;
  font-weight: normal;
  letter-spacing: 0.0em;
  line-height: 2em;
  text-decoration: none;
  position: relative;
  margin-left: 1.5em;

  display: block;
  margin: 0px;
  padding: 0px;
  padding-left: 1em;
  height: 100%;
}

#subnavigation li a.active {
	font-weight: bold;
	letter-spacing: -0.02em;
}

#subnavigation li a:hover {
	/*background-color: #FFFFFF;*/
}

/*----------------------------------------------------------------------------*/
/* ENDE - Subnavigation
/*----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------*/
/* Einrichtungsseiten: Kopfzeile mit Schriftzug & Foto
/*----------------------------------------------------------------------------*/

div#EinrichtungsKopfzeile {
  width: 100%;
  height: 125px;
  border: 0px solid red;
  overflow: hidden;
  margin: 0em;
  padding: 0em;
  margin-top: 1.5em;
  float: left;
}

div#Hausfoto {
  float: right;
  width: 210px;
  margin-right: 1.1em;
  overflow: hidden;
  border: 0px solid red;
}

div#Schriftzug {
  float: right;
  padding: 2em 4.5em 0em 1.5em;
  border: 0px solid red;
}

/*----------------------------------------------------------------------------*/
/* ENDE - Einrichtungsseiten: Kopfzeile mit Schriftzug & Foto
/*----------------------------------------------------------------------------*/

/* Google-Maps */
div.Googlemap {
  padding-bottom: 1.5em;
}

div.content table {
  margin-bottom: 1.5em;
}

/*----------------------------------------------------------------------------*/
/* a-Klasse "a.nohover" für verlinkte Bilder, um hg-hover zu unterbinden
/*----------------------------------------------------------------------------*/

div.grid_flaeche_0 a.nohover:hover, div.grid_flaeche_1 a.nohover:hover, div.grid_flaeche_2 a.nohover:hover, 
div.grid_flaeche_3 a.nohover:hover, div.grid_flaeche_4 a.nohover:hover, div.grid_flaeche_5 a.nohover:hover,
div.grid_flaeche_6 a.nohover:hover, div.grid_flaeche_7 a.nohover:hover, div.grid_flaeche_8 a.nohover:hover,
div.grid_flaeche_9 a.nohover:hover, div.grid_flaeche_10 a.nohover:hover, div.grid_flaeche_11 a.nohover:hover,
div.grid_flaeche_12 a.nohover:hover, div.grid_flaeche_13 a.nohover:hover,
a.nohover, a.nohover:hover {
  color: #FFFFFF;
  background-color: #FFFFFF;
}

div.grid_flaeche_0 a.nohoverstartseite:hover, div.grid_flaeche_1 a.nohoverstartseite:hover, div.grid_flaeche_2 a.nohoverstartseite:hover, 
div.grid_flaeche_3 a.nohoverstartseite:hover, div.grid_flaeche_4 a.nohoverstartseite:hover, div.grid_flaeche_5 a.nohoverstartseite:hover,
div.grid_flaeche_6 a.nohoverstartseite:hover, div.grid_flaeche_7 a.nohoverstartseite:hover, div.grid_flaeche_8 a.nohoverstartseite:hover,
div.grid_flaeche_9 a.nohoverstartseite:hover, div.grid_flaeche_10 a.nohoverstartseite:hover, div.grid_flaeche_11 a.nohoverstartseite:hover,
div.grid_flaeche_12 a.nohoverstartseite:hover, div.grid_flaeche_13 a.nohoverstartseite:hover,
a.nohoverstartseite, a.nohoverstartseite:hover {
  color: #E1F0FF;
  background-color: #E1F0FF;
  padding: 2px;
  margin: 0em;
  margin-right: 1em;
  margin-bottom: 1em;
  border: 0px solid red;
	float: left;
}

/*----------------------------------------------*/
/* Bestellformular Infomaterial                 */
/*----------------------------------------------*/

div#bestellformular img.infomaterial {
  border: 1px solid #00ACD3;
  margin-right: 1.5em;
  float: left;
}

div#bestellformular .checkbox {
  margin-top: 1em;
  margin-right: 0.25em;
}

div.infomaterial {
  float: left;
  margin: 2em 0em 1.5em 0em;
  border: 0px solid #00ACD3;
  width: 46em;
}

div.infomaterial a, div.infomaterial a:hover {
}

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

#accesskeys li a {
  padding: 0em;
}

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

div.googleAnfahrt {
  clear: both;
  padding-bottom: 4em;
}

div.googleAnfahrt h2{
  padding-bottom: 0.75em;
}

/*----------------------------------------------*/
/* Einrichtungs-Liste unterhalb der GoogleMaps  */
/*----------------------------------------------*/

ul#einrichtungsliste li {
  margin-bottom: 1em;
}

/* Listen gerade/ungerade farbig wechseln */
li.gerade {
  background-color:#ECECEC;
    padding: 5px;
}
li.ungerade {
  padding: 5px;
}

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