@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2009, 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.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media all
{

 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding: 0; }

  /* (en) Correction: margin/padding reset caused too small select boxes. */
  /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left: 0.4em; } /* LTR */
  select { padding: 1px; }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
  html { height: 100%; margin-bottom: 1px; }
  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size: 100.01%;

    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    color: #000;
    background: #fff;
    text-align: left; /* LTR */
  }

  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset, img { border: 0 solid; }

  /* (en) new standard values for lists, blockquote and cite */
  /* (de) Neue Standardwerte für Listen & Zitate */
  ul, ol, dl { margin: 0 0 1em 1em } /* LTR */
  li {
    margin-left: 0.8em; /* LTR */
    line-height: 1.5em;
  }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; } /* LTR */

  blockquote { margin: 0 0 1em 0.8em; } /* LTR */

  blockquote:before, blockquote:after,
  q:before, q:after { content: ""; }

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

 /**
  * @section base layout | Basis Layout
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #header { position:relative; }

  /* (en) Text Alignment for #topnav content */
  /* (de) Textausrichtung für #topnav Inhalte */
  #topnav { text-align: right; }  /* LTR */

  /* (en) Absolute positioning only within #header */
  /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
  #header #topnav {
    position:absolute;
    top: 10px;
    right: 10px; /* LTR */
  }

  /* (en) Backup for correct positioning */
  /* (de) Absicherung korrekte Positionierung */
  #header, #nav, #main, #footer { clear:both; }

  /* (en/de) Standard: 200 Pixel */
  #col1 { float: left; width: 190px }
  /* (en/de) Standard: 200 Pixel */
  #col2 { float:right; width: 200px }
  /* (en) Standard: center column with flexible width */
  /* (de) Standard: Flexible mittlere Spalte */
  #col3 { width:auto; margin: 0 200px }

  /* (en) Preparation for absolute positioning within content columns */
  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
  #col1_content, #col2_content, #col3_content { position:relative; }

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

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none; }

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

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns { width: 100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
  .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
  .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
  .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
    display:table-cell; vertical-align:top;
    float:none; margin:0; overflow:hidden;
  }

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

 /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */

  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print, dfn {
    position: absolute;
    left: -1000em; /* LTR */
    top: -1000em;
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: static;
    left: 0;
    top:0;
  }
  
    .hlist {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width: 100%;
    overflow: hidden;
    /* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float: left;
    display: inline;
    /* (en|de) Bugfix: IE - collapsing horizontal margins */
    position:relative;
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    line-height: 0;
  }

  .hlist ul {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left; /* LTR */
    /* (en) Left margin of the first button  */
    /* (de) Abstand des ersten Buttons vom linken Rand  */
    margin: 0 0 0 50px; /* LTR */
    padding: 0;
  }

  .hlist ul li {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left; /* LTR */
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  .hlist ul li a,
  .hlist ul li strong {
    background: transparent;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    text-decoration: none;
    width: auto;
  }

  .hlist ul li a:focus,
  .hlist ul li a:hover,
  .hlist ul li a:active  { background: #eee; color: #333; text-decoration: none; }

  .hlist ul li.active {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: #272727 url("images/shiny_buttons/background_active.png") repeat-x center right;
    border-left: 1px #444 solid;
    border-right: 1px #888 solid;
  }

  .hlist ul li.active strong,
  .hlist ul li.active a:focus,
  .hlist ul li.active a:hover,
  .hlist ul li.active a:active { background: transparent; color: #fff; text-decoration: none; }


}






@media screen, projection
{
  /**
   * (en) Formatting YAML's  basic layout elements
   * (de) Gestaltung des YAML Basis-Layouts
   */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #f2f2f2 url("../images/bg.png") repeat-y top center fixed; padding: 10px 0; }

  /* (en) Centering layout in old IE-versions */
  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body { text-align: center; }
  .page_margins { text-align:left; margin: 0 auto; 

  }

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  .page_margins { min-width: 930px; max-width: 930px;}
  .page { padding: 10px; }

  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */

  #header {
    color: #000;
    background: transparent repeat-x top left;
    
	padding:0px;
	margin:0px;
  }
  
  #load {
	  top:-500px;
	  position:absolute;
	  }
  
  #topnav { color: #aaa; background: transparent; }

  /* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */
  #nav ul { margin: 0px; }

  #main { 
  padding:10px 0; }

  #footer {
    color:#666;
    background: #f9f9f9;
    padding: 10px 20px;
    border-top: 5px #efefef solid; 
    line-height: 1.5em;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
  }

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */


  #col1 { width: 25%; }
  #col1_content { padding: 10px 10px 10px 20px; }

  #col2 { width: 25%; }
  #col2_content { padding: 10px 20px 10px 10px; }

  #col3 { margin: 0 25%; }
  #col3_content { padding: 10px; }

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

  /**
   * (en) Styling of layout specific elements
   * (de) Gestaltung layoutabhängiger Elemente
   */

  #header h1 {
    font-weight:bold;
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color:#000;
  }

  #header span { color:#999; }

  #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent;}

  #footer a { color: #676666; background:transparent; }
  #footer a:focus,
  #footer a:hover,
  #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}
  
  #footer {
	  clear:both; 
	  margin-left:10px; 
	  background-image:url(../images/bg_footer-trans.png); 
	  background-position:bottom;
	  background-repeat:no-repeat; 
	  background-color:transparent; 
	  display:block;
	  border-width:0px;
  }
  #footer_content {
	margin-top:15px;
	font-size:95%;
	color:#999;
  }
  #copy {
	float:right;  
	margin-top:-16px;
  }
  #copy a {
   color:#999;
  }




#menu{

	padding-bottom:1px;
margin-left:-17px;
}
#menu_list{	
}
#menu_list li{
	list-style-image:none;
	list-style-type:none;
	width:193px;
	min-height:30px;
	margin-left:5px;
	line-height:250%;
}
.menu_border{
	background-image:url(../images/menu_border.png);
	background-position:bottom;
	background-repeat:no-repeat;
	width:190px;
	margin-left:3px;
	height:1px;
}
.menu_left {
	background-image:url(../images/bg_menu-trans.png);

}


#menu_list a {
	
	display:block;
	width:160px;
	min-height:30px;
	color:#000;
	text-decoration:none;
	padding-left:27px;
	margin-left:2px;
	font-size:95%;
}
.menu_last{
	background:url(../images/bg_menu_bottom-trans.png) no-repeat bottom left;
	border:none;
}
.menu_last a{
	border:none;
	background:url(../images/bg_menu_last_trans.png) no-repeat bottom left;
	
}
.u_menu a{
	background:none;
}
#menu_list a:hover {
	color: #4D87C7;	
}
#menu_list #current{
	font-weight:bold;
}

#unter_menu{
	margin-top:0px;
	padding-bottom:5px;

margin-bottom:0px;
}
#unter_menu li{
	list-style-image:none;
	list-style-type:none;
	width:175px;
	min-height:20px;
	border:none;
	background:none;
	line-height:20px;

}
#unter_menu a{
	display:block;
	width:140px;
	color:#000;
	text-decoration:none;
	padding-left:17px;	
	font-size:95%;
	border-bottom:none;
	min-height:20px;	
}

	
#nav_gesch_act {
  background:url(../images/menu/kreisgeschaeftsstelle_act-trans.png);
  color:white;
  width: 129px; /* Bildgröße 146 - padding-left 17 = 129 */
  height: 30px; /* Bildgröße 44 - padding-top 14 = 30 */
  padding-left:17px;
  padding-top:14px;
  display:block;

}
#nav_gesch_act:hover {
  background:url(../images/menu/kreisgeschaeftsstelle-trans.png);
  color:#333;
}

#nav_gesch {
  background:url(../images/menu/kreisgeschaeftsstelle-trans.png);
  width: 129px; /* Bildgröße 146 - padding-left 17 = 129 */
  height: 30px; /* Bildgröße 44 - padding-top 14 = 30 */
  padding-left:17px;
  padding-top:14px;
  color:#333;
  display:block;
}
#nav_gesch:hover {
  background:url(../images/menu/kreisgeschaeftsstelle_act-trans.png);
  color:white;
}




#nav_soz {
  background:url(../images/menu/sozialer-service-trans.png);
  width: 105px;
  height: 30px;
  padding-left:11px;
  padding-top:14px;
  color:#333;
  display:block;
}
#nav_soz:hover {
  background:url(../images/menu/sozialer-service_act-trans.png);
  color:white;
}

#nav_soz_act {
  background:url(../images/menu/sozialer-service_act-trans.png);
  color:white;
  width: 105px;
  height: 30px;
  padding-left:11px;
  padding-top:14px;
  display:block;
}
#nav_soz_act:hover {
  background:url(../images/menu/sozialer-service-trans.png);
  color:#333;
}



#nav_rett {
  background:url(../images/menu/rettungsdienst-trans.png);
  width: 98px;
  height: 30px;
  padding-left:15px;
  padding-top:14px;
  color:#333;
  display:block;
}
#nav_rett:hover {
  background:url(../images/menu/rettungsdienst_act-trans.png);
  color:white;
}

#nav_rett_act {
  background:url(../images/menu/rettungsdienst_act-trans.png);
  color:white;
  width: 98px;
  height: 30px;
  padding-left:15px;
  padding-top:14px;
  display:block;
}
#nav_rett_act:hover {
  background:url(../images/menu/rettungsdienst-trans.png);
  color:#333;
}



#nav_bereit {
  background:url(../images/menu/bereitschaft-trans.png);
  width: 94px;
  height: 30px;
  padding-left:11px;
  padding-top:14px;
  color:#333;
  display:block;
}
#nav_bereit:hover {
  background:url(../images/menu/bereitschaft_act-trans.png);
  color:white;
}

#nav_bereit_act {
  background:url(../images/menu/bereitschaft_act-trans.png);
  color:white;
  width: 94px;
  height: 30px;
  padding-left:11px;
  padding-top:14px;
  display:block;
}
#nav_bereit_act:hover {
  background:url(../images/menu/bereitschaft-trans.png);
  color:#333;
}




#nav_jrk {
  background:url(../images/menu/jrk-trans.png);
  width: 102px;
  height: 30px;
  padding-left:8px;
  padding-top:14px;
  color:#333;
  display:block;
}
#nav_jrk:hover {
  background:url(../images/menu/jrk_act-trans.png);
  color:white;
}

#nav_jrk_act {
  background:url(../images/menu/jrk_act-trans.png);
  color:white;
  width: 102px;
  height: 30px;
  padding-left:8px;
  padding-top:14px;
  display:block;
}
#nav_jrk_act:hover {
  background:url(../images/menu/jrk-trans.png);
  color:#333;
}



#nav_wasser {
  background:url(../images/menu/wasserwacht-trans.png);
  width: 89px;
  height: 30px;
  padding-left:8px;
  padding-top:14px;
  color:#333;
  display:block;
}
#nav_wasser:hover {
  background:url(../images/menu/wasserwacht_act-trans.png);
  color:white;
}

#nav_wasser_act {
  background:url(../images/menu/wasserwacht_act-trans.png);
  color:white;
  width: 89px;
  height: 30px;
  padding-left:8px;
  padding-top:14px;
  display:block;
}
#nav_wasser_act:hover {
  background:url(../images/menu/wasserwacht-trans.png);
  color:#333;
}



#nav_museum {
  background:url(../images/menu/museum-trans.png);
  width: 57px;
  height: 30px;
  padding-left:10px;
  padding-top:14px;
  color:#333;
  display:block;
}
#nav_museum:hover {
  background:url(../images/menu/museum_act-trans.png);
  color:white;
}

#nav_museum_act {
  background:url(../images/menu/museum_act-trans.png);
  color:white;
  width: 57px;
  height: 30px;
  padding-left:10px;
  padding-top:14px;
  display:block;
}
#nav_museum_act:hover {
  background:url(../images/menu/museum-trans.png);
  color:#333;
}

#nav_search {
  background:url(../images/menu/suche-trans.png);
  width: 141px;
  height: 42px;
  padding-left:7px;
  padding-top:5px;
  color:#333;
  display:block;
}


#nav_search input{
	width:87px;
	height:17px;
	border:none;
	padding-left:4px;
	padding-top:5px;
	margin-left:7px;
	background-color:transparent;
	background-image:url(../images/menu/search_bar.png);
}

#nav_search .send{
	margin-top:3px;
	background-image:url(../images/menu/search.png);
	background-position-x:center;
	background-position-y:center;
	background-repeat:no-repeat;
	width:30px;
	height:30px;

}
input:active {
	border:none
}
#blut_search {
  background:url(../images/blut-trans.png);
  background-repeat:no-repeat;
  width: 189px;
  height: 90px;
  color:#333;
  display:block;
  padding-left:70px;
  padding-top:46px;
}


#blut-input input{
	background-image:url(../images/blut_input-trans.png);
	width:101px;
	height:20px;
	border:none;
	background-color:transparent;
	padding-left:5px;
	padding-top:3px;
}




  /* #col1 becomes the main column | #col1 wird zur Hauptinhaltsspalte */
  #col1 { width: 730px; float:right;}
  #col1_content { padding: 10px 20px 10px 10px; 
  margin-right:20px;
  }

  /* #col2 is turned off | #col2 abschalten */
  #col2 { display:none; }

  /* #col3 becomes the left column | #col3 wird zur linken Spalte */
  #col3 { width:195px; margin-left: 0; margin-right: 75%; }
  #col3_content { padding: 10px 10px 10px 20px; }

  /* Graphic-free column dividers between #col1 and #col3 | Grafikfreier Spaltentrenner zw. #col1 und #col3*/
  #col3 { margin-right:200px;}
  #main {padding: 1em 0}

  .c57l {
		float:left;
	    display:table-cell; vertical-align:top;
    float:none; margin:0; overflow:hidden;
	
	
  }

  .c200r{
	width:193px;
	float:right;
	    display:table-cell; vertical-align:top;
    float:none; margin:0; overflow:hidden;

  }

#col1_content {
	padding:0px; margin:0px; margin-top:1px; margin-left:19px;
	overflow:hidden;
}

#col1_header {
	padding:0px; 
	margin:0px; 
	margin-left:31px; 
	background-image: url(../images/banner/kreisgeschaeftsstelle.png); 
	background-repeat:no-repeat; 
	height:154px; 
	display:block;
}

}



@media all
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  *
  * @section content-global-settings
  */

  /* (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 all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

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

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#a70b0f;
    margin: 0 0 0.25em 0;
  }

  h1 { font-size: 150%;padding-bottom:20px;padding-top:10px; }                       /* 30px */
  h2 { font-size: 140%; }                       /* 24px */
  h3 { font-size: 110%; padding-bottom:10px; }                       /* 18px */
  h4 { font-size: 133.33%; }                    /* 16px */
  h5 { font-size: 116.67%; }                    /* 14px */
  h6 { font-size: 116.67%; }                    /* 14px */

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
  ul li { list-style-type: disc; }
  ul ul li { list-style-type: circle; }

  ol li { list-style-type: decimal; }
  ol ol li { list-style-type: lower-latin; }

  li { margin-left: 0.8em; line-height: 1.5em; }

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

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

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

  .align-right {
	  text-align:right;
}
  .align-center {
	  text-align:center;  
}

  blockquote, cite,q {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin: 0 0 1em 1.6em; color: #666; }

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

  pre, code, kbd, tt, samp, var { font-size: 100%; }
  pre, code { color: #800; }
  pre { line-height: 1.5em; margin: 0 0 1em 0; }
  kbd, samp, var { color: #666; }
  var { font-style: italic; }

  acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }

  sub, sup { font-size: 91.6667%; }

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

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

  a { color: #4D87C7; background:transparent; text-decoration:none; }
  a:visited  { color: #036; }

  a:focus,
  a:hover,
  a:active { color:#182E7A; text-decoration:underline; }

  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  p.icaption_left { float:left; display:inline; margin: 0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin: 0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border: 1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }

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

  .highlight { color: #f60; }
  .dimmed { color: #888; }

  .info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }

  .note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
  .important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
  .warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }

  .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 { display:block; text-align:center; margin: 0.5em auto; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * 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; border-top: 2px #888 solid; border-bottom: 2px #888 solid; }
  table caption { font-variant:small-caps; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 0.5em; }
  thead th { color: #000; border-bottom: 2px #800 solid; }
  tbody th { background: #e0e0e0; color: #333; }
  tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }

  tbody th { border-bottom: 1px solid #fff; text-align: left; }
  tbody td { border-bottom: 1px solid #eee; }

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background: #f0e8e8; }
  tbody tr:hover td { background: #fff8f8; }


 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Pfadmenu
  *
  *
  * @section path_menu
  */

  .pfad {
	  font-weight:bold;
	  color:#333;
	  text-decoration:none;
  }
  .pfad:hover {
	  text-decoration:underline;
	  color: #a70b0f;
  }
  
  #pfad_active {
	  color: #a70b0f;

  }
  #pfad_active:hover {
	  color: #333;
  }

#f_menu {
	position:relative;
	top:130px;
	left:15px; 
}


/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Boxen
  *
  *
  * @section box
  */

	.box {
		width:193px;
		margin-bottom:20px;
	}
	.box2 {
	}
	.box_header {
		height:7px;
		background:url(../images/bg_sidebar_top-trans.png) no-repeat top left;
	}
	.box_footer {
		height:7px;
		padding-top:-9px;
		background:url(../images/bg_sidebar_bottom-trans.png) no-repeat bottom left;
	}
	.box h2 {
		padding-top:16px;
		padding-left:17px;
		font-weight:bold;
		height:21px;
		font-size:80%;
		color:white;
		background:url(../images/service_angebot-trans.png) no-repeat top left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	.box p {
		margin:0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:small;
	}
	.box_under{ 
	  padding-top:5px;
	  background:url(../images/bg_sidebar_middle-trans.png);
	}
	.box_content{ 
	  padding:3px;
	  margin:9px;
	  margin-bottom:0px;
	  margin-top:0px;
	  background-color:white;
	}
	.box_angebot_content{ 
	  padding-top:0px;
	  padding-bottom:0;
	  padding-left:5px;
	  padding-right:5px;
	  margin:8px;
	  margin-bottom:0px;
	  margin-top:0px;
	  background-color:white;
	}
	.box_angebot_content p{
		margin:0px;
		padding:0px;
	}
	.box_content img{
		float:left;
		padding-right:5px;
		padding-left:0px;
	}
	.box_content p{
		clear:left;
	}

	
	.subcl{
			  background:url(../images/bg_content_middle-trans.png);
	width:470px;
	}
	
	.subcl_header{
			  background:url(../images/bg_content_top-trans.png);
			  height:20px;
	}
	
	.subcl_footer{
			  background:url(../images/bg_content_bottom-trans.png) no-repeat bottom left;
		height:20px;
	}
	.subcl{
		padding:0px;
		margin:0px;
		padding-bottom:10px;
		padding-top:5px; 
		padding-left:23px; 
		padding-right:12px;
	}

.text_small{
	font-size:2px;
}

.news-amenu-item-year {
	font-weight: bold;
	padding: 2px;
	background-color: #ffffff;
	color:#dede;
	list-style-type:none;
}
.csc-textpic-caption {
	font-size:8pt;
}
.news-single-imgcaption {
	padding:3px;
	clear:both;
	width:200px;
	font-size:8pt;
	padding:5px;
}
  /* FORMS */
/*
			legend {
				padding-left:5px;
				padding-right:5px;
				border: 0px;
				
			}
			label {
				padding-left:10px;
				padding-right:10px;
				border: 0px;
				width:150px;
				float:left;
				display:block;
				line-height:25px;
			}
			input{
				
			}

			fieldset {
				border:0px;
				padding-left:10px;
				padding-right:10px;
				padding-top:30px;
				padding-bottom:10px;
				border: none;
			}*/
#mailform select
{
  	position:   	relative;
  	top:   	  	-1.4em;
  	left:   	8em;
  	display:  	block;
  	width:  	8em;
  	border:  	1px solid #a5acb2;
}

#mailform label
{
  	float:   	left;
  	display:   	block;
  	width:   	15em;
  	clear:   	left;  /* Zeilenumbruch */
  	margin-top:   	-1em;
  	font-weight:   	bold;
}

#mailform input
{
  	position:   	relative;
  	top:   	  	-1.4em;
  	left:   	6em;
  	display:   	block;
  	border:  	1px solid #a5acb2;
  	padding:  	2px;
	margin:5px;
	background:  	#fff;
}
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */

 /**
  * (en) Emphasizing external Hyperlinks via CSS
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  /*
  #main a[href^="http://drk.curo-design.de"],
  #main a[href^="https://drk.curo-design.de"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */
}
.csc-uploads csc-uploads-2 {
width:400px;
width:100%;
}

.csc-uploads, .csc-uploads-3 {
width:400px;
width:100%;
}
.tr-even {
width:400px;
width:100%;
}



#sp_199, #sp_200, #sp_231 {
    font-weight:bold;
}

.news-single-img {
	padding: 10px 10px 10px 15px;
}