@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 * @appdef yaml
 */

@media all
{
  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01%; }

  /* (en) reset monospaced elements to font size 16px in Gecko browsers */
  /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
  textarea, pre, tt, code {
	font-family: Arial, Verdana, monospace;  	
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 75.00%; 
  }

  h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; }
  h1 { font-size: 200% }                        /* 24px */
  h2 { font-size: 166.67% }                     /* 20px */
  h3 { font-size: 150% }                        /* 18px */
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic; } /* 14px */

  /*p { line-height: 1.5em; margin: 0 0 1em 0; }*/

  /* ### Lists | Listen  #### */

  /*ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
  li { margin-left: 1.5em; line-height: 1.5em; }*/

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic; }
  blockquote { margin: 0 0 1em 1.5em; }

  strong,b { font-weight: bold; }
  em,i { font-style:italic; }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note { background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted; }
  .important { background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted; }
  .warning { background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted; }

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { text-align:center; margin: 0.5em auto; }

  /**
   * External Links
   *
   * (de) Gestaltung von Hyperlinks
   *
   */

  a { color: blue; text-decoration:underline; }
  a:focus,
  a:hover,
  a:active {text-decoration:none;}
  
  /*#topnav a { color: #aac; font-weight: bold; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active{ text-decoration:underline; background-color: transparent; }
  
  #footer a {}
  #footer a:focus,
  #footer a:hover,
  #footer a:active { color: #fff; font-weight:bolder; text-decoration:underline; }
*/
  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff; }
  tbody th { background: #ccc; color: #333; }
  tbody th.sub { background: #ddd; color: #333; }

  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #000 solid;
  }
}

/*######################################## Alle Styles die nicht zum Standard-Layout von YAML gehören zb Flexmodule etc. ########################*/

.ganzbreit {
   	width:99%;
   	}
/*######################################## Suchefeld auf der Hauptseite ########################*/ 

form.schnellsuche {
border:medium none;
/*height:15px;*/
margin:0;
padding:0;
} 
 
#suche_feld {
border:0 solid white;
height: 16px;
width: 128px;
margin: 42px 0px 0px 0px;
padding:0;
position:absolute;
top:0;
border: 1px solid black; 
} 
 
#suche_button {
border:medium none;
left:120px;
margin:0;
padding: 2px 0px 0px 0px;
position:absolute;
} 

/* ####### Bild ####### */

.bild_100 { width:102px; }
.bild_150 { width:152px; }
.bild_200 { width:202px; }
.bild_225 { width:225px; }
.bild_300 { width:302px; }
.bild_400 { width:402px; }
.bild_645 { width:647px; }
.bild_685 { width:685px; }



/* ########## Linkliste ##########*/


div.linkliste_links {

		width:40%;
		float:left;
	margin-top:0px;
	padding-top:0px;
}
div.linkliste_rechts {

		width:40%;
		float:right;
	margin-top:0px;
	padding-top:0px;
}

ul.linkliste {
	list-style-type:none;
	/* margin-top:4px; */
	/* margin-bottom:7px; */
	margin-left:0px;
	padding-left:0px;
	/*float:left;*/
}


li.linkliste {
	/*
	margin-bottom:3px;
	line-height:120%;
	*/
	margin-left:30px;
	padding-left:0px;
}



/* ########## Tabelle ##########*/

caption.tab {
	/* Tabellenueberschrift */
	text-align:center;
	font-weight:bold;
	padding-bottom:1.0em;
}

th.tab, td.tab {
	/* Abstand vom Zellentext zum Zellenrand */
	padding:4px;
}

.tab_border_0 {
	/* "kein Rahmen" ausgewaehlt */
	border:0px;
}

.tab_border_1, .tab_border_2 {
	/* Rahmen 1 und 2 */
	border:1px solid #999999;
}

/* Formatierungen */
.tab_f_not_bold { font-weight:normal; }
.tab_f_bold { font-weight:bold; }
.tab_f_left { text-align:left; }
.tab_f_center { text-align:center; }
.tab_f_right { text-align:right; }
.tab_f_justify { text-align:justify; }
.tab_f_top { vertical-align:top; }
.tab_f_middle { vertical-align:middle; }
.tab_f_bottom { vertical-align:bottom; }


div.pressefooter {
	width:100%;
	font-size:10px;
	height: 100px;

}

/* ########## Ansprechpartner  ##########*/



div.ansprechpartner {
  background: rgb(225,239,253); 
	position:relative;
	height: auto;
}

div.ansprechpartner_links {
	position:relative;
	width:48%;
	float:left;

}

div.ansprechpartner_imagemap {
	position:relative;
	width:48%;

}
div.ansprechpartner_rechts {
	position:relative;
	width:48%;
	float:right;
}




div.content {
	/* im Editmode soll alles zu sehen sein */
	overflow:visible;
}

textarea.html, textarea.texteditor, texteditor.ganzbreit {
	width:99%;
	height:400px;
}

textarea.aktuelle_meldung {
	width:99%;
	height:200px;
}

bildergalerie_dpi {
	text-align:right;
}

/* div.flextrennlinie { height:2px; } ### Probleme mit IE 6 ### */

/* ########### Dokumentstruktur-Uebersicht und farbige Flexmodulrahmen ########### */

div.flexuebersicht { margin-bottom:12px; }
h3.flexuebersicht { }
div.flexuebersicht_zeile { border-left:16px solid #000000; padding-left:10px; margin-bottom:2px; }
span.flexuebersicht_flextext { color:#808080; }

div.flexrahmen { border:0px solid #000000; border-left-width:5px; border-top-width:5px; padding-left:10px; padding-top:10px; }
/* IE 6 Bugfix fuer Textareas, die bei Texteingabe ihre Groesse aendern; Loesung fuer Bug: 1) textarea mit absoluten Breitenangaben versehen (700px) oder 2) Eltern-div mit (beliebiger) Breitenangabe versehen; 97.75% statt 100% weil der IE doof ist (97.75=100%, 100%=zu breit) */
* html div.flexrahmen { width:97.75%; }

/* #### Schwarz: unbekannt ### */
div.flexrahmen_unknown { border-color:#000000; }

/* #### Dunkelgrau: Spezialmodule ### */
div.flexrahmen_special { border-color:#808080; }

/* #### Gelb:    Überschriften ### */
div.flexrahmen_h1 { border-color:#ffff00; }
div.flexrahmen_h2 { border-color:#ffc000; }
div.flexrahmen_h3 { border-color:#ff8000; }

/* #### Rot:     Bildmodule ### */
div.flexrahmen_bild { border-color:#ff0000; }
div.flexrahmen_bild_galerie { border-color:#c00000; }
div.flexrahmen_bild_spezial { border-color:#ffc0c0; }

/* #### Blau:    Verweise ### */
div.flexrahmen_link { border-color:#0000ff; }
div.flexrahmen_link_anker { border-color:#8080ff; }
div.flexrahmen_linkliste { border-color:#00c0c0; }
div.flexrahmen_linkliste_2 { border-color:#c0ffff; }



/* #### Grün:    Listen/Tabellen ### */
div.flexrahmen_liste { border-color:#00ff00; }
div.flexrahmen_tabelle { border-color:#00c000; }

/* #### Violett:   Texte ### */
/* div.flexrahmen_text_block { border-color:#c000c0; } */
div.flexrahmen_text_perl { border-color:#ff00ff; }
div.flexrahmen_text_ewe { border-color:#ff40ff; }
div.flexrahmen_text_ewe_admin { border-color:#ff80ff; }
div.flexrahmen_text_html { border-color:#ff80ff; }

/* #### Hellgrau:    Seitenformatierungen ### */
div.flexrahmen_format { border-color:#c0c0c0; }



/* ####### Liste - Editmode ####### */

div.liste_ebene2 {
	width:85%;
	margin-left:15%;
}

/* ####### Tabellenmodul - Editmode ####### */

td.tab_col1 { font-weight:bold; vertical-align:top; padding-right:20px; }
td.tab_col2 { vertical-align:top; margin-bottom:5px; }

input.tab_textinput { margin:0px; padding:0px; padding-left:2px; }
input.tab_checkbox { margin:0px; padding:0px; } /* Checkboxen haben sonst "komische" Einrueckungen */
select.tab_dropdown { }
input.tab_button { }

/* damit Fett-Icon oben ist (statt mittig) im Vergleich zu den 3 Icons rechts daneben */
td.tab_v_toolbar { vertical-align:top; }

/* Abstand zwischen den Formatierungs-Icons */
img.tab_v_toolbar { margin-right:2px; margin-bottom:2px; }
img.tab_h_toolbar { margin-right:2px; }

/* Cursorverhalten saemtlicher IMG-Tags der Tabelle wie bei Links */
img.tab { cursor:pointer; }

/* horizontale/vertikale Zentrierung der Icons (Verschieben, Loeschen), Abstaende zu anderen Elementen */
table.tab_h_icons { margin-top:5px; margin-bottom:5px; width:100%; }
table.tab_v_icons { margin-left:5px; margin-right:5px; }
td.tab_h_icons { text-align:center; vertical-align:bottom; }
td.tab_v_icons { text-align:right; vertical-align:middle; }

/* Abstand zwischen Icon "Loeschen" und Icons zum Verschieben */
span.tab_h_icons { margin-left:10px; margin-right:10px; }
div.tab_v_icons { margin-top:10px; margin-bottom:10px; }

/* sonstige Abstaende */
div.tab_col_width { margin-bottom:5px; }

textarea.tab { font-size:11px; margin-top:3px; } /* overflow:auto, damit IE vertikalen Scrollbalken nur bei Bedarf anzeigt */
.tab_textarea_size_1 { width:148px; height:52px; } /* 148px = Minimum, damit Toolbar auch im Firefox nicht "umgebrochen" wird */
.tab_textarea_size_2 { width:200px; height:104px; }
.tab_textarea_size_3 { width:300px; height:208px; }

/*###############################Textfarbe für Texteditor#####################################*/

.color_blue {
color:#9acaf4;
}

/*###############################Schriftgrößemaps Flexmodul#####################################*/

.sizeem {
font-size:1em;
}

/*###############################Schriftfarbe Navigation#####################################*/

.aktiv {
background-color: #9acaf4;
/*font-weight: bold;*/
}

/*###############################Mapsabstand#####################################*/

.maps {
margin:50px 0px 0px 0px;
}

/*###############################Bayernübersichtskarte#####################################*/

.bayernkarte {
margin:50px 0px 0px 90px;
}

/*###############################Bilder allgemein#####################################*/

/* damit Bilduntertitel umgebrochen wird */
.bild_r2_100 { width:100px; }
.bild_r2_100_ohne { width:100px; }
.bild_r2_200 { width:202px; }
.bild_r2_200_ohne { width:200px; }
.bild_r2_400 { width:402px; }
.bild_r2_400_ohne { width:400px; }
.bild_r2_658 { width:658px; }
.bild_r2_658_ohne { width:658px; }

.bild_links {
	float:left;
	margin-right:30px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.bild_mitte {
	margin-left:auto;
	margin-right:auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

table.bild_links, table.bild_mitte, table.bild_rechts {
	/* damit Bilduntertitel umgebrochen wird */
	width:1px;
  padding: 10px 10px 10px 10px;
  }

.bild_rechts {
	float:right;
	margin-left:10px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.bild_imtext {
	/* (zusaetzlich zu .bild_links/.bild_rechts benoetigter) Abstand zu umfliessenden "Sachen", wenn Bild mit Textumfluss eingebunden wurde */
	margin-bottom:10px;
	margin-top: 30px;
}

.bild_rahmen {
	padding:0px;
	/*background-color:#ffffff;*/
}

.bild_inhalt {
	border:0px;
	margin:0px 0px 0px 0px;
	/* transparente Bilder haben die gleiche Hintergrundfarbe wie der Seiteninhalt */
	/* background-color:#FFFFFF; */
}
	

.bild_untertitel_links {
	text-align:left;
}

.bild_untertitel_mitte {
	text-align:center;
}

.bild_untertitel_rechts {
	text-align:right;
}

.bild_untertitel a {
	/* text-decoration:none; */
	/* color:#606060; */
}

/* ########## Bildergalerie ##########*/

/* 202*3=606; 647-606=41;  */

div.bildergalerie_5 {
	width:102px; /* 100 vom Bild + 1 fuern Rahmen links + 1 fuern Rahmen rechts */
	float:left;
}
div.bildergalerie_5_mitte_links {
	margin-left:30px; /* */
	margin-right:15px;
}
div.bildergalerie_5_mitte {
	margin-left:15px; /* */
	margin-right:15px;
}
div.bildergalerie_5_mitte_rechts {
	margin-left:15px; /* */
	margin-right:30px;
}



div.bildergalerie_4 {
	width:152px; /* 200 vom Bild + 1 fuern Rahmen links + 1 fuern Rahmen rechts */
	float:left;
}
div.bildergalerie_4_mitte_links {
	margin-left:10px; /* */
	margin-right:5px;
}
div.bildergalerie_4_mitte_rechts {
	margin-left:5px; /* */
	margin-right:10px;
}

/*Bildergalerie für 3 Bilder */
div.bildergalerie_3 {
	width:228px; /* 200 vom Bild + 1 fuern Rahmen links + 1 fuern Rahmen rechts */
	float:left;
	margin: 5px 5px 5px 5px;
}

div.bildergalerie_3_mitte {
	margin-left:1px; 
	margin-right:1px;
	padding: 50px 50px 50px 50px;
}
/*Bildergalerie für 2 Bilder*/
div.bildergalerie_2 {
	width:334px; /* 300 vom Bild + 2 fuern Rahmen */
	float:left;
	margin-left:5px;
	margin-bottom:30px;
}

div.bildergalerie_2_links {
	margin-right:42px; /* 650 Pixel Platz, minus 2*302 Pixel fuer die Bilder = 46 Pixel Abstand rechts */
}

div.bildergalerie_2 a, div.bildergalerie_3 a {
	/* text-decoration:none; */
	/* color:#606060; */
}

/* ########## Bildergalerie TEST ########## */

div.bildergalerie {
	margin-top:40px;
	margin-bottom:40px;
}

table.bildergalerie {
	width:100%;
}

table.bildergalerie td {
	vertical-align:top;
}

td.bildergalerie_r2_2_bild1, td.bildergalerie_r2_2_bild2, td.bildergalerie_r1_2_bild1, td.bildergalerie_r1_2_bild2 {
	width:50%;
}

td.bildergalerie_r2_3_bild1, td.bildergalerie_r2_3_bild2, td.bildergalerie_r2_3_bild3, td.bildergalerie_r1_3_bild1, td.bildergalerie_r1_3_bild2, td.bildergalerie_r1_3_bild3 {
	width:33%;
}

td.bildergalerie_r2_2_bild2 table { margin-left:auto; }
td.bildergalerie_r2_3_bild2 table { margin-left:auto; margin-right:auto; }
td.bildergalerie_r2_3_bild3 table { margin-left:auto; }

td.bildergalerie_r1_2_bild1 table, td.bildergalerie_r1_2_bild2 table, td.bildergalerie_r1_3_bild1 table, td.bildergalerie_r1_3_bild2 table, td.bildergalerie_r1_3_bild3 table { margin-left:auto; margin-right:auto; }

table.bildergalerie_innen {
	/* ermutigt zum Zeilenumbruch in der Bildunterschrift */
	width:1px;
}

td.bildergalerie_bild_rahmen {
	padding:0px;
	background-color:#FFFFFF;
}

img.bildergalerie_bild_inhalt {
	border:0px;
	margin:1px;
	/* transparente Bilder haben die gleiche Hintergrundfarbe wie der Seiteninhalt */
	background-color:rgb(246,246,246);
}

img.bildergalerie_bild_inhalt_ohne {
	border:0px;
	margin:0px;
	/* transparente Bilder haben die gleiche Hintergrundfarbe wie der Seiteninhalt */
	background-color:rgb(246,246,246);
}


div.bildergalerie_untertitel {
	background-color:rgb(225,239,253);
	margin:0px;
	padding:10px 7px 10px 7px;
	text-align:left;
	/* konstante Schriftgroesse */
	font-size:10px;
}

div.bildergalerie_untertitel a {
	text-decoration:none;
	color:#606060;
}


.bild_links {
	float:left;
	margin-right:10px;
}

.bild_mitte {
	margin-left:auto;
	margin-right:auto;
}

table.bild_links, table.bild_mitte, table.bild_rechts {
	/* damit Bilduntertitel umgebrochen wird */
	width:1px;
}

.bild_rechts {
	float:right;
	margin-left:10px;
}

.bild_imtext {
	margin-bottom:10px;
}
	
.bild_rahmen {
	padding:0px;
	background-color:#FFFFFF;
}

.bild_inhalt {
	border:0px;
	margin:1px;
	/* transparente Bilder haben die gleiche Hintergrundfarbe wie der Seiteninhalt */
	background-color:#000000;
}

.bild_inhalt_ohne {
	border:0px;
	margin:0px;
	/* transparente Bilder haben die gleiche Hintergrundfarbe wie der Seiteninhalt */
	background-color:rgb(225,239,253);
}
	
.bild_untertitel {
	border:none;
	background-color:rgb(225,239,253);
	margin:0px;
	padding:10px 7px 10px 7px;
	text-align:right;
	/* konstante Schriftgroesse */
	font-size:11px;
}


.bild_untertitel_ohne_100 {
	border:none;
	background-color:rgb(225,239,253);
	margin:0px;
	padding:10px 7px 10px 7px;
	text-align:right;
	/* konstante Schriftgroesse */
	font-size:11px;
	width: 86px;
}

.bild_untertitel_ohne_200 {
	border:none;
	background-color:rgb(225,239,253);
	margin:0px;
	padding:10px 7px 10px 7px;
	text-align:right;
	/* konstante Schriftgroesse */
	font-size:11px;
	width: 186px;
}

.bild_untertitel_ohne_400 {
	border:none;
	background-color:rgb(225,239,253);
	margin:0px;
	padding:10px 7px 10px 7px;
	/* konstante Schriftgroesse */
	font-size:11px;
	width: 386px
}

.bild_untertitel_ohne_685 {
	border:none;
	background-color:rgb(225,239,253);
	margin:0px;
	padding:10px 7px 10px 7px;
	text-align:right;
	/* konstante Schriftgroesse */
	font-size:11px;
	width: 671px
}

.bild_untertitel_ohne {
	border:none;
	background-color:rgb(225,239,253);
	margin:0px;
	padding:10px 7px 10px 7px;
	text-align:right;
	/* konstante Schriftgroesse */
	font-size:11px;
}

.bild_untertitel_links {
	text-align:left;
}

.bild_untertitel_mitte {
	text-align:left;
}

.bild_untertitel_rechts {
	text-align:right;
}

.bild_untertitel a {
	text-decoration:none;
	color:#606060;
}
/* ########## Liste ##########*/

ul.liste_ebene1, ol.liste_ebene1, ul.liste_ebene2, ol.liste_ebene2 {
	/* margin-top:4px; */
	/* margin-bottom:5px; */
	/* IE 6 & Firefox 1.5: margin-left und padding-left auf 0 lassen, damits rechts eines floats immer noch so aussieht; NICHT AENDERN! (margin-left des li verwenden!) */
	margin-left:0px;
	padding-left:0px;
}

li.liste_ebene1 {
	/* IE 6 & Firefox 1.5: margin-left rueckt Punkte UND Text gleichmaessig ein; bei [IE6:15px/Firefox1.5:13px] ist Listensymbol am linken Container-Rand -> nur Werte >= [IE6:15px/Firefox1.5:13px] verwenden! */
	margin-left:30px; /* Listenpunkt (bzw. -symbol) ca. 15 Pixel eingerueckt */
	/* nur positives Padding veraendert Abstand zwischen Punkt und Text; Minimum somit = [IE6:10px/Firefox1.5:8px] Pixel Abstand bei padding-left:0px */
	padding-left:0px; /* ca. 10 Pixel Abstand zwischen Listenpunkt und Text */
}

li.liste_ebene2 {
	margin-left:25px; /* Listenpunkt (bzw. -symbol) ca. 10 Pixel eingerueckt */
	padding-left:0px;
}

/* ########## Menuebene 2 oben ##########*/

li.menu1 {
background-color:#9acaf4;
}


/* ######################## Teaser Hauptseite ################################*/
  
.sechser_oben_links{
position:absolute;
top:0px;
left:0px;
background-color: #d9d4d1;
width:185px;
height:300px;
padding: 10px 15px 10px 10px;
text-align: left;
font-size: 10px; 
margin: 0px 0px 0px 0px;
}

.sechser_oben_mitte{
position:absolute;
top:0px;
left:220px;
background-color: #d9d4d1;
width:185px;
height:300px;
padding: 10px 15px 10px 10px;
text-align: left;
font-size: 10px; 
margin: 0px 0px 0px 0px;
}

.sechser_oben_rechts{
position:absolute;
top:0px;
left:440px;
background-color: #d9d4d1;
width:185px;
height:300px;
padding: 10px 15px 10px 10px;
text-align: left;
font-size: 10px; 
margin: 0px 0px 0px 0px;
}

.sechser_unten_links{
position:absolute;
top:330px;
left:0px;
background-color: #d9d4d1;
width:185px;
height:320px;
padding: 10px 15px 10px 10px;
text-align: left;
font-size: 10px; 
margin: 0px 0px 0px 0px;
}

.sechser_unten_mitte{
position:absolute;
top:330px;
left:220px;
background-color: #d9d4d1;
width:185px;
height:320px;
padding: 10px 15px 10px 10px;
text-align: left;
font-size: 10px; 
margin: 0px 0px 0px 0px;
} 

.sechser_unten_rechts{
position:absolute;
top:330px;
left:440px;
background-color: #d9d4d1;
width:185px;
height:320px;
padding: 10px 15px 10px 10px;
text-align: left;
font-size: 10px; 
margin: 0px 0px 0px 0px;

}

/*############################### Linkfarbe im Teaser Hauptseite #######################*/
.linkteasermain {
text-decoration:none;
color:#1589ec;
font-weight:bold;
}

/*############################# Bildabstand im Teaser Hauptseite #######################*/
.picteasermain {
padding-bottom: 20px;
}

/*############################ Überschrift Teaser Hauptseite ###########################*/
.ueschriftteasermain {
font-weight:bold;
}

/*############################ Bildergallerie Bild ###########################*/
.bild_gallerie {
padding: 0 0 20px 0px;
}

.bild_gallerie_unten {
padding: 20px 40px 0 0;
width:180px;
float:left;
}

/*############################ Bildergallerie Bildunterschrift ###########################*/
.bild_gallerie_unterschrift {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 2px;
background-color: #e0eeee;
width: 218px;
}

.bild_gallerie_unterschrift_unten {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 2px;
background-color: #e0eeee;
width: 178px;
}

/*############################ Sonderlocke Bildergalerie rechts ###########################*/
 .c60l {float: left; }
 .c40r {float: right; margin-left: -5px; }

 .c60l { width: 60%; }
 .c40r { width: 40%; }