@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @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 screen, projection
{
	/**
	* (en) Formatting YAML's  basic layout elements
	* (de) Gestaltung des YAML Basis-Layouts
	*/
	body,
	html { height:100% !important; padding:0;}
	/* (en) Marginal areas & page background */
	/* (de) Randbereiche & Seitenhintergrund */
	body { background: #ebf5ff url("images/bg_body.jpg") repeat-y top left; padding: 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; }

	/* (en) Layout: width, background, borders */
	/* (de) Layout: Breite, Hintergrund, Rahmen */
	.page_margins { width: 960px; background:  transparent; height:auto !important; min-height:100%; position:relative !important; /*z-index:10;*/}
	.page { padding: 0; }

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

	#header {
		color: #000;
		background: transparent;
		padding: 25px 0 0 0;
		height:151px;
		z-index:2;
	}
	
	#header #logo { position:absolute; height:151px; width:273px; padding: 0; z-index: 2; }
	
	#header_content { float:right; padding:0; height:149px; width:671px; margin-bottom: 13px; overflow:hidden;}

	#topnav { color: #aaa; background: transparent; }

	/* (en) adjustment of main navigation */
	/* (de) Anpassung der Hauptnavigation */
	#nav ul { margin-left: 20px; z-index:2; }

	#main { background:url(images/bg_slidshow.png) right top no-repeat; padding: 3px 0 0; margin-top: 20px; }
	#sidebarleft { padding:0 0 75px 26px; width: 248px;z-index:2;}

	#footer {
		color: #666;
		background: transparent;
		padding: 10px 20px 10px 15px;
		border-top: none;
		line-height: 1.5em;
		position:relative !important;
		margin:-47px 0 0 0;
		z-index:2;		
	}

	#footer_content { float:left;}
	
	
/*	#wasserzeichen{ height:302px; width:707px; background:url(images/wasserzeichen.png) no-repeat right bottom; position:fixed; bottom:0; right:0;z-index:1;}*/

	#wasserzeichen { bottom: 0; height: 283px; min-width: 1285px; position: fixed; width: 100%; z-index: -1; }
	#wasserzeichen img { display: block; float: right; }
	
	div#iconincms { left:905px; position:absolute;}
	#footer a.iconincms {
		background: url("images/incms_icon.png") no-repeat scroll left top transparent;
		cursor: pointer;
		display: block;
		float: right;
		height: 11px;
		margin: 3px 5px 0 0;
		text-indent: -5000px;
		width: 40px;
	}

	* html #footer  a.iconincms {
		background-image:none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/layouts_advanced/images/incms_icon.png', sizingMethod='image');
	}



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

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


	#col1 { width: 671px; float: right; background:url(images/bg_content.png) repeat-x left bottom; min-height:500px; }
	#col1_content { padding: 13px 18px 16px 18px; z-index:2; }

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

	/* #col3 becomes the left column | #col3 wird zur linken Spalte */
	#col3 { width:274px; margin-left: 0; margin-right: 671px; }
	#col3_content { padding: 0 0 10px 13px; position: relative; bottom: 3px; z-index:2; }



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

	/**
	* (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 ul li{ float:left; list-style:none; }

	#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: #333;
		text-decoration:underline;
	}
	
	#footer a:focus,
	#footer a:hover,
	#footer a:active {
		color: #333;
		text-decoration: underline;
	}
}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @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 screen, projection
{
	
}
@charset "UTF-8";
/* CSS Document */

	/****************************************************************************************************************************************/
	/* mod_raster */
	
	.raster
	{
		width: 100%;
		overflow:hidden;
	}
	
	.raster_left
	{
		float: left;
		margin: 0 20px 0 0;
	}
	.raster_right
	{
		float: right;
		margin: 0;
		padding:0;
	}
	
	/****************************************************************************************************************************************/
	/* mod_myform */	
	.myform { margin: 10px 0 0 0 ; display: block; float: none; clear: none; }
	
	.myformchild { margin-bottom: 20px;	}
	
	.myform label { font-weight: normal; }
	
	.myform .x-form-radio-group label { font-weight: normal; }
	
	
	#col1_content .x-panel-body { background:none;}
	
	/****************************************************************************************************************************************/
	/* mod_gallery */	
	#slideshowpro { margin: 0 0 20px 0; }
	
	/****************************************************************************************************************************************/
	/* mod_mediaplayer */	
	#mediaplayer { margin: 0 0 20px 0; }		
		
	
	/* flexi spezial*/	
	.flexispezial {color:#3e01a1; border:1px solid #8f92d4; position:relative; background: #ebf5ff; }
	.flexispezial:hover { background: #f4f9ff; }
	.flexispezial .img { height:141px;}
	.flexispezial .content { padding:0 0 0 14px}
	.flexispezial a.link {height:100%; left:0; position:absolute; text-indent:-5000px; top:0; width:100%;}
	.flexispezial a { color:#3e01a1; text-decoration:none;}
	.flexispezial a:hover,
	.flexispezial a:visited,
	.flexispezial a:active{ text-decoration:none;}
	
	.flexispezial .img_spezial { background: #fff; text-align: center; }
	
	/* flexi bannerbild*/
	
	.bannerbild_rund { z-index: 2147483647; }
	
	.bannerbild_rund a { background: url(images/runder_rahmen.png) no-repeat top left transparent; width: 671px; height: 149px; overflow: hidden; z-index: 2147483647; display: block; }
	
	.bannerbild_rund .slideshow { z-index: -1; }
		
	/****************************************************************************************************************************************/
	
	
		
@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-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) $
 * @appdef yaml
 */

@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:"Lucida Sans Unicode", "Lucida Grande", sans-serif
	}

	/* (en) base layout gets standard font size 13px */
	/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
	body {
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 81.25%;
		color: #333;
	}

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

	h1, h2, h3, h4, h5, h6 {
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-weight: normal;
		color: #333;
		margin: 0 0 0.25em 0;
	}

	h1 { font-size: 192.30%; }                       /* 25px */
	h2 { font-size: 138.461%; }                       /* 18px */
	h3 { font-size: 115.38%; }                       /* 15px */
	
	h4 { font-size: 133.33%; }                    /* 16px */
	h5 { font-size: 116.67%; }                    /* 14px */
	h6 { font-size: 116.67%; }                    /* 14px */
	
	.flexispezial h1 { font-size:215.38%; color:#3e01a1; margin-bottom:-4px;  }
	.flexispezial h2 { font-size:130.76%; color:#3e01a1; margin-bottom:-8px;  }
	
 	#sidebarleft h1 { font-size:107.69%; color:#3e01a1; margin-bottom:12px;}


	/* --- 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; }

	#footer_content p { font-size:92.30%; color:#333333}
	
	blockquote, cite,q {
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-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 #fff solid;
	}

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

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

	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; }
	
	/* Custom Styles */
	.Rot{ color:#fc0200; }
	.RotGross{ color:#fc0200; font-weight:bold; font-size:120%; }
	
	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* 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; }
	*/

	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* 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://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;
	}
	*/
}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @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
{
	.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 */
		background: #c0c0c0;
		border-top: 1px #333 solid;
		border-bottom: 1px #333 solid;
		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;
		border-left: 1px #aaa solid;
		border-right: 1px #fff solid;
	}

	.hlist ul li {
		border-left: 1px #fff solid;
		border-right: 1px #aaa solid;
		/* (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 {
		background: transparent;
		color: #000;
		display: block;
		font-size: 1em;
		font-weight: bold;
		margin: 0;
		padding: 0.5em 0.8em 0.5em 0.8em;
		text-decoration: none;
		width: auto;
	}

	.hlist ul li a:focus,
	.hlist ul li a:hover,
	.hlist ul li a:active,
	.hlist ul li a.active,
	.hlist ul li a.rootlinelink { 
		background: #eee; 
		color: #333; 
		text-decoration: none; 
	}
}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @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
{
	.vlist {
		width: 100%;
		overflow: hidden;
		margin: 0 0 75px 0;
		list-style-type: none;
	}

	.vlist ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.vlist li {
		float: left; /* LTR */
		width: 100%;
		list-style-type: none;
		margin:0 0 11px 0;
		padding: 0;
		background:url(images/bg_nav_level1.png) no-repeat left 0;

	}

	.vlist a {
		display: block;
		padding: 3px 0px 3px 10%;
		text-decoration: none;
		color:#2f009e;
	
	}

	/* active list element */
	.vlist li.active {
		font-weight: normal;
	}

	/* Level 1 */
	.vlist li a { width: 90%; padding:6px 0 5px 17px; font-size:107.69%%; font-weight:bold; } /* LTR */

	.vlist li:focus,
	.vlist li:hover,
	.vlist li:active,
	.vlist li.active,
	.vlist li.rootlinelink {
		background:url(images/bg_nav_level1.png) left -31px no-repeat;
	}
	

	.vlist li a:hover,
	.vlist li a:active,
	.vlist li a.active,
	.vlist li a.rootlinelink {
		color: #fff;
		text-decoration: none;
	}

	/* Level 2 */
	.vlist ul li ul {float:left;  margin-top: -1px; padding-top: 10px;background: url(images/bg_nav_level2.png) repeat-y left top; width:100%;} 
	.vlist ul li ul li  { background:none; margin:0 0 1px 3px;} 
	.vlist ul li ul li.last {  background:url(images/bg_nav_level2_end.png) no-repeat left bottom; margin:0; padding-bottom:4px;}
	.vlist ul li ul li.last a {margin-left:3px;}

	.vlist ul li ul li a { width: 80%; padding:4px 15px 3px 31px; color: #333;} /* LTR */

	.vlist ul li ul li a:focus,
	.vlist ul li ul li a:hover,
	.vlist ul li ul li a:active,
	.vlist ul li ul li a.active,
	.vlist ul li ul li a.rootlinelink {
		background: #74a2e0;
		color: #fff;
		
	}
	
	.vlist ul li ul li:focus,
	.vlist ul li ul li:hover,
	.vlist ul li ul li:active,
	.vlist ul li ul li.active,
	.vlist ul li ul li.rootlinelink {
		background: none;
		
	}
	
	.vlist ul li ul li.last:focus,
	.vlist ul li ul li.last:hover,
	.vlist ul li ul li.last:active,
	.vlist ul li ul li.last.active,
	.vlist ul li ul li.last.rootlinelink {
		background:url(images/bg_nav_level2_end.png) no-repeat left bottom; margin:0;
		
	}

	/* Level 3 */
	.vlist ul li ul li ul { background:none ; border: none; margin:0; padding:4px 0 3px 0 ;} 
	.vlist ul li ul li ul li  { background:none;margin:0 0 1px 0;} 
	
	.vlist ul li ul li ul li a { width: 70%; padding:4px 22px 3px 50px; background:none;} /* LTR */

	.vlist li ul li ul li a:focus,
	.vlist li ul li ul li a:hover,
	.vlist li ul li ul li a.active,
	.vlist li ul li ul li a.rootlinelink  {
		background-color:#74a2e0;
		color: #fff;
		text-decoration: none;
	}

	/* Level 4 */
	.vlist li ul li ul li ul li a { width: 60%; padding-left: 40%; background-color: #e8e8e8; color: #111;  } /* LTR */

	.vlist li ul li ul li ul li a:focus,
	.vlist li ul li ul li ul li a:hover,
	.vlist li ul li ul li ul li a:active,
	.vlist li ul li ul li ul li a.active,
	.vlist li ul li ul li ul li a.rootlinelink {
		background-color: #F90;
		color: #fff;
		text-decoration: none;
	}
	
	
	
	.vlist ul li ul li.mietartikel {
	  border-top: #FFFFFF solid 3px;

    margin-top: 8px;
    padding-top: 10px;
	}
}