@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

 */

/* * /@import url(/fileadmin/yaml/screen/content_default.css); /* */
@media all {


/*---  Fonts-Größen ------------------------------------------------------------------------*/

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


  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  	body { 
	  	font-family: Verdana,Arial,Helvetica,sans-serif; 
	  	font-size: 70.00%; 
	  	color: #333333; 
  	}
  	
  	
  	/*--- Tables / Tabellen ----------------------------------------------------------------------------------------- */
  	#col3_content table { font-size: 100%; width: 96%; margin: 0 10px; border-collapse: collapse; }
  	#col3_content th, #col3_content td { padding:0.5em 0.5em 0 0.5em; border: 1px solid #ffffff; background-color: #efefef; }
  	#col3_content th { font-weight: normal; background-color: #ec1d26; color: #ffffff; }
  	
	/*---  Überschriften ------------------------------------------------------------------------*/

  	h1,h2,h3,h4,h5,h6 { 
	  	color:#222222; 
	  	margin: 0 0 0.25em 0; 
	}

  	h1 { 
	  	font-size: 120%; 
	  	margin-top: 10px; 
  	}
  
  	.csc-firstHeader { 
	  	margin-top: 0px; 
	  	margin-bottom: 15px;  
  	}                      

  	h2, h3 { 
  		font-size: 110%; 
  	}            
  	           
  	h4, h5, h6 { 
  		font-size: 100%; 
  	}                    
  
  	#col2_content h1 {
  		color: #CC3366;
	  	text-transform: uppercase;
	  	font-weight: bold;
	  	padding: 6px 0 0 0;
	  	margin: 0 0 3px 0;
	}
	
  	#col2_content h2 {
		padding: 0px 0 3px 0;
	}
 
	  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

  	#col3_content ul, ol, dl { 
		line-height: 1.5em; 
		margin: 0 0 1em 3em; 
	}
	
  	#col3_content ul li { 
		list-style-type: square; 
		margin-bottom: 1em;  
	}
	
  	#col3_content ul ul li { 
		list-style-type: circle; 
	}

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

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

  	#col3_content dt { 
		font-weight: bold; 
	}
	
  	#col3_content dd { 
		margin: 0 0 1em 0.8em; 
	}
  
	  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

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

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

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

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

  	a, a:link, a:visited { 	
	  	color: #000066; 
	  	background:transparent; 
	  	text-decoration:none; 
  	}
  	

  	a:focus,
  	a:hover,
  	a:active { 
  		text-decoration:underline; 
  	}
  	
 

  	#footer a { 
		color: black;  
	}

	/* to-top-Link im Content-Bereich */
	
	.top a  {
		background: transparent;
	    color: #000066;
	    font-size: 0.9em;
	    margin: 3px 0 6px 0;
	    padding: 2px;
	    text-decoration: none;
	    border-top: 1px dotted #d7d7d7;
	    width: 100%;
	    display: block;
	    text-align: right;
  	}
	
	.top a:hover { 
		background: #eee; 
		text-decoration: underline; 
	}	
	
	a.anchor_link { line-height: 1%; }
	
	/* csc-menus */

	/* csc-menu-1 > menü der unterseiten */
	#col3_content .csc-menu-1 a { 
		display: block; 
		color: #000066; 
		font-weight: bold;
		background: url(/fileadmin/shared/images/liste.gif) no-repeat;
		background-position: 4px 6px; 
	}
	
	#col3_content ul.csc-menu-1 { 
		margin:0; 
		padding: 0; 
		margin-bottom: 10px; 
	}
	
	#col3_content .csc-menu-1 li { 
		list-style: none; 
		margin-left: 0; 
		margin-bottom: 0; 
		line-height: 200%; 
		border-bottom: 2px solid white; 
	}
	
	#col3_content .csc-menu-1 li a { 
		padding-left: 20px; 
	}

	/* csc-menu csc-menu-def > Menü ausgesuchter Seiten */
	#col3_content .csc-menu-def a { 
		display: block; 
		color: #000066; 
		font-weight: bold; 
		background: url(/fileadmin/shared/images/liste.gif) no-repeat; 
		background-position: 4px 6px; 
	}
	
	#col3_content ul.csc-menu-def { 
		margin:0; 
		padding: 0; 
		margin-bottom: 10px; 
	}
	
	#col3_content .csc-menu-def li { 
		list-style: none; 
		margin-left: 0; 
		margin-bottom: 0; 
		line-height: 200%; 
		border-bottom: 2px solid white; 
	}
	
	#col3_content .csc-menu-def li a { 
		padding-left: 20px; 
	}
	
	/* page sections menu */

	#col3_content .csc-menu-3 a { 
		display: block; 
		color: #000066; 
		font-weight: bold; 
		background: url(/fileadmin/shared/images/liste.gif) no-repeat; 
		background-position: 4px 6px; 
	}
	
	#col3_content ul.csc-menu-3 { 
		margin: 0; 
		padding: 0; 
		margin-bottom: 10px;
	}
	
	#col3_content .csc-menu-3 li { 
		list-style: none; 
		margin-left: 0; 
		margin-bottom: 0; 
		line-height: 200%; 
		border-bottom: 2px solid white;
	}
	
	#col3_content .csc-menu-3 li a { 
		padding-left: 20px; 
	}

	/* 80-20 Temaplalte */
	
	.c80l { 
		float: left; 
		width: 80%; 
	}
	
	.c20r { 
		float:right; 
		width: 20%;
		margin-left: -5px; 
	}

	/* live link */	
	
	a.live  { 
		margin-left: 10px;  
		font-size: 9px; 
		color: #999; 
	}
	
	/* Border just around the image */
	
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 1px solid #d7d7d7;
	}


	.csc-textpic-caption {
		font-style: italic;
		font-size: 90%;	
	}

	.csc-textpic-caption IMG {
		padding: 5px;	
	}

	/* Formatierungen fuer Teaser auf Portalseite (nur familienplanung.de) */
    
	.teaser-bodytext {
		font-weight            : normal;
		height				   : 220px;
	}
	
	.teaser-h2, .teaser-h1, .teaser-bodytext, .teaser-linktext {
		padding: 0.4em;
	}

	.teaser-linktext {
		font-weight: bold;
		color: black; 
	}


	.teaser-linktext:hover {
		text-decoration: underline;
    }

	.teaser-bodytext:hover, .teaser-h2:hover {
		cursor: pointer;
	}

	.teaser-h1 {
		height: 20px;
		display: block;
		text-transform: uppercase;
	}
	
	
	/* Formatierungen für Seiten-ID am Ende der Seite */
	
	.seiten-id {
	 color: #F7F7F7; 
	 font-size: 80%;
	 text-align: center; 	
		
	}
	
	

	
	
	
}