@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: 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%;
  	 	color: #333;
	}
	



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

	.element h1,
	.element h2,
	.element h3,
	.element h4,
	.element h5,
	.element h6 {
		font-family:  Arial, Helvetica, sans-serif;
	    font-weight:bold;
	    color:#333;
	    margin: 0 0 0.3em 0;
		line-height: 1.1em;		
	}

	.element h1 { font-size: 180%;font-weight:bold;}			    /* 30px */
	.element h2 { font-size: 126%;font-style:normal; }                       			    /* 24px */
	.element h3 { font-size: 115%; }              /* 18px */
	.element h4 { font-size: 133.33%; }                    /* 16px */
	.element h5 { font-size: 116.67%; }                    /* 14px */
	.element h6 { font-size: 116.67%; }                    /* 14px */
	

	div.intro {font-weight:bold;color:#666666;line-height: 1.4em;}
	
	/* --- Lists | Listen  -------------------------------------------------------------------------------- */
	
	.element ul, 
	.element ol, 
	.element dl {
		line-height: 1.5em; 
		margin: 0 0 1em 1em; 
	}

	.element ul li {
		list-style-type: none; 
		list-style-position:inside;
	}
	
	.element div.text ul li , div.code ul li {
		list-style-type: disc; 
		list-style-position:outside;
	}	
	
		
	.element ul ul li { list-style-type: circle; }
	.element ol li { list-style-type: decimal; }
	.element ol ol li { list-style-type: lower-latin; }

	.element li { margin-left: 0.8em; line-height: 1.5em; }
	.element dt { font-weight: bold; }
	.element dd { margin: 0 0 1em 0.8em; }


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

	.element p { 
		line-height: 1.3em; 
		margin: 0 0 1em 0;
		color:#000;
	/*	font-size: 115%; */
		}

	.element blockquote, cite,q {
	font-family:  Arial, Helvetica, 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 #eee solid;
	}


	/* --- General link formatting | Allgemeine Linkauszeichnung ------------------------------------------ */
	

	
	.element a, 
	.element a:visited{
		text-decoration:none;
	/*	background:transparent;  */
		color:#5e5e5e;
		font-weight:normal;
	}
	
	.element a:hover, 
	.element a:focus{
		color:#999;
	}
	.element a:active{
		color: #999;
	}
	
	.element a img{
		border:0px;
	}

	.element .text p a {text-decoration:underline;}
	
	.element div.text ul li a, p a, .code li a {text-decoration:underline!important;}
	.element div.text ul li a:hover,p a:hover  {text-decoration:underline;color:#000000;}

	/* --- Link icons | Link-Bildchen ------------------------------------------ */
	
	
	.element .link a {background-image:url('/cms/img/ico_link_r.png'); }
	.element .link_internal a{background-image:url('/cms/img/ico_link.png'); }
	.element .link_external a{background-image:url('/cms/img/ico_link.png');}
	.element .link_mail a{background-image:url('/cms/img/ico_mail_sewo.png');}
	.element .link_download a{background-image:url('/cms/img/ico_download_sewo_r.png');}
	.element .link_movie a {background-image:url('/cms/common/standard/img/icon_movie.gif');}
	.element .link_web a{background-image:url('/cms/img/ico_web.png');}
	.element .link_phone span{background-image:url('/cms/img/ico_phone.png');}
	.element .link_person span{background-image:url('/cms/common/standard/img/icon_person.gif');}
	.element .link_function span{background-image:url('/cms/img/ico_function.png');}
	
	
	#col1  a.link {background-image:url('/cms/img/ico_link.png'); color:#fe4040; text-decoration:none; }
	.link_toggle{
		background-image:url('/cms/img/ico_link_r.png'); 
		background-repeat: no-repeat;		
		background-position:0px -0px;
		color: #5E5E5E; 
		text-decoration:none; 
		padding-left:20px;
		font-weight:normal;
		display:block;
		}
	
	a.link_toggle:hover {color: #999;}
	
	
	#col1  a.link,
	.element .link a,
	.element .link_internal a,
	.element .link_external a,
	.element .link_mail a,
	.element .link_download a,
	.element .link_movie a,
	.element .link_web a,
	.element .link_phone span,
	.element .link_function span,
	.element .link_person span{
		background-repeat:no-repeat;
		padding:0px 0px 5px 20px;	
		line-height:1.6em;
	}
	

/*------ col 2 box  style -------*/	
 #col3 .link a {display:block;background-position:0px 2px;} 
 
 .hidecol2 #col3 .link a {display:inline;background-position:0px 2px;} 
 
 #col2 .link a, 
 #col2 .link_download a,
 #col2 .link_mail a {
	 	background-image:url('/cms/img/ico_link_r.png'); 
		background-repeat:no-repeat;
		padding:0px 0px 5px 20px;		
		line-height:1.2em;
		display:block;
		*float:left;
		*width:100%;
		}
		
 #col2 .link_download a{background-image:url('/cms/img/ico_download_sewo_r.png');}
 
 #col2 .link_mail a{background-image:url('/cms/img/ico_mail_sewo.png');}
 
 
 
 
 
	/* --- 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; }
	.clear_right{clear:right;}
	.clear_left{clear:left;}
	.clear_both, .clearfloat{clear:both;}
	.center { display:block; text-align:center; margin: 0.5em auto; }
	.overflowhidden{overflow:hidden;}
	
	.legenda_bild, .Quelle {font-style:italic; color:#666666;margin-top: 5px;}
	p.quelle {font-style:italic; color:#666666;margin-top: 5px;}
	
	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* TABLES
	*
	* (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 ZEWO standar ------------------------------------------ */

	.element table.sample { width: 100%; border-collapse:collapse; margin-bottom: 0.5em; border-top: 2px #888 solid; border-bottom: 2px #888 solid; }
	.element table caption { font-variant:small-caps; }
	.element table.full, .element table.sample { width: 100%; }
	.element table.fixed { table-layout:fixed; }
	
	.element table.sample th, .element table.sample td { padding: 0.5em; }
	.element table.sample thead th { color: #000; border-bottom: 2px #800 solid;text-align:left; }
	.element table.sample tbody th { background: #e0e0e0; color: #333; }
	.element table.sample tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }
	
	.element table.sample tbody th { border-bottom: 1px solid #eee; text-align: left;font-weight:bold; vertical-align:top; }
	.element table.sample tbody td { border-bottom: 1px solid #eee; vertical-align:top;}

/* ------------------------ table Extranet ZEWO ------------------------------------------ */

	.extranet .element table.sample { width: 100%; border-collapse:collapse; margin-bottom: 0.5em; border-top: 1px #fff solid; border-bottom: 25px #7FB8CA solid; }
	.extranet .element table caption { font-variant:small-caps; }
	.extranet .element table.full, .element table.sample { width: 100%; }
	.extranet .element table.fixed { table-layout:fixed; }
		
	.extranet .element table.sample th, .element table.sample td { padding: 0.5em; }
	.extranet .element table.sample thead th { color: #000; border-bottom: 1px #fff solid;  text-align:left;}
	.extranet .element table.sample tbody th { background: #7FB8CA; color: #ffffff; }
	.extranet .element table.sample tbody th[scope="row"], tbody th.sub { background: #B2D6E6; }
		
	.extranet .element table.sample tbody th { border-bottom: 1px solid #eee; text-align: left;font-weight:bold; vertical-align:top;  }
	.extranet .element table.sample tbody td { border-bottom: 1px solid #eee; background: #B2D6E6; vertical-align:top; }


/* ------------------------ table Extranet ZEWO Weiss ------------------------------------------ */

	.extranet .element table.sample_w { width: 100%; border-collapse:collapse; margin-bottom: 0.5em; border-top: 1px #fff solid; border-bottom: 25px #7FB8CA solid; }
	.extranet .element table caption { font-variant:small-caps; }
	.extranet .element table.full, .element table.sample_w { width: 100%; }
	.extranet .element table.fixed { table-layout:fixed; }
		
	.extranet .element table.sample_w th, .element table.sample_w td { padding: 0.5em; }
	.extranet .element table.sample_w thead th { color: #000; border-bottom: 1px #fff solid; text-align:left;}
	.extranet .element table.sample_w tbody th { background: #7FB8CA; color: #ffffff; }
	.extranet .element table.sample_w tbody th[scope="row"], tbody th.sub { background: #B2D6E6; }
		
	.extranet .element table.sample_w tbody th { border-bottom: 1px solid #eee; text-align: left;font-weight:bold; vertical-align:top;  }
	.extranet .element table.sample_w tbody td { border-bottom: 1px solid #eee; background: #ffffff; vertical-align:top; }	



	
}