@charset "UTF-8";
/*
*
* @package www.familienplanung.de
* @version 2.0.0
* @id $Id: content.css 1657 2012-01-24 16:11:36Z ssh-712109 $
*
*/
@media all {
	
	/*--- Forms / Formulare ----------------------------------------------------------------------------------------- */
        input:focus, textarea:focus, select:focus { background-color: #E7E7E7; }
  	input, textarea, select { font-family: inherit; border: 1px solid #E7E7E7; border-top-color: #ACACAC; }
  	fieldset { margin: 0 0 5px 0; padding: 0; background: #F5F5F5; border: 1px solid #999999; }
  	legend { padding: 5px; background: #F5F5F5; border: 1px solid #999999; margin: 0 0 0 30px; }
  	textarea { height: 110px; }
	#col3_content input, #col3_content textarea, #col3_content select { padding: 5px; width: 60%; margin-bottom: 5px; }
	#col3_content input.submit { width: auto; }
	#col3_content fieldset label { width: 25%; display: block; float: left; }
  	#col3_content .c33r fieldset { border: 0; background: none; }
  	#col3_content .c33r fieldset label { width: 35%; }
  	#col3_content .c33r fieldset .form-block { width: 96%; clear: both; }
  	.submit { border: 0; background-color: #002a47; color: #fff; }
	/*--- Images / Bilder ----------------------------------------------------------------------------------------- */
	#col3_content img { border: 1px solid #ccc; }
        #col3_content .tx-jfmulticontent-pi1 img { border: 0; }
	#col3_content .article_functions img { border: 0; }
	#col3_content img.spacer-gif { border: 0 !important; }	
  	/*--- Tables / Tabellen ----------------------------------------------------------------------------------------- */
  	table caption { display: none; }
  	#col3_content table { width: 100%; margin: 0 0 10px 0; border-collapse: collapse; }
  	#col3_content table p { margin: 0; padding: 0 0 0.5em 0; }
  	#col3_content th, #col3_content td,
  	#col3_content table tr.odd td 
  	{ padding: 0.5em 0.5em 0.5em 0.5em; border: 1px solid #999999; background-color: #EFEFEF; }
  	#col3_content th,
  	#col3_content table tr.even td 
  	{ font-weight: normal; background-color: #ccc; }
  	#col3_content table.inline { width: auto; float: left; margin-right: 10px; }  	 

        acronym, abbr  { border-bottom: 1px dotted #999; cursor: help; }
	/*---  Überschriften ------------------------------------------------------------------------*/
  	h1,h2,h3,h4,h5,h6 { margin: 3px 0 3px 0; }
  	h1 { margin-top: 10px; }
  	.csc-firstHeader 
  	{ margin-top: 0px; margin-bottom: 15px;  }                      
  	#col2_content h1 { padding: 6px 0 0 0; margin: 0 0 3px 0; }
  	#col2_content h2 { padding: 0px 0 3px 0; }
 		
	  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
  	ul, ol, dl { margin: 1em 0 1em 0.5em; }
        .tx-jfmulticontent-pi1 ul, .tx-jfmulticontent-pi1 ol, .tx-jfmulticontent-pi1 dl { margin-left: 0.5em; }
  	ul li 
  	{ list-style-type: square; margin-bottom: 1em; }
        .tx-jfmulticontent-pi1 ul li { margin-bottom: 0; }
  	
  	.c66l .text-container ul li,
  	.c66l .tx-irfaq-answer ul li 
  	{ line-height: 135%; list-style-type: none; padding-left: 15px; background-image: url('../../images/pfeile/pfeile_intern_rechts_ohne_kreis.png'); background-position: 0 6px; background-repeat: no-repeat; }
        .c66l .ui-accordion .text-container ul li { background-image: none; list-style-type: square; padding-left: 0; }
  	
  	ul ul li { list-style-type: circle; }
  	ol li { list-style-type: decimal; }
  	ol ol li { list-style-type: lower-latin; }
	li { margin-left: 1em; }
  	dt { font-weight: bold; }
  	dd { margin: 0 0 1em 0.8em; }
  
	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
  	p { margin: 0 0 1em 0; }
        div.c33r div.csc-frame-55 p { line-height: 1.5em; }
	hr { margin: 13px 0 13px 0; padding: 0; border: 0; border-bottom: 1px dotted #ccc; height: 1px; line-height: 1%;  overflow: hidden; }
	.csc-frame-rulerAfter, .csc-frame-rulerBefore { margin: 13px 0 13px 0; border-bottom: 1px dotted #ccc; }
	.csc-frame-rulerAfter { margin-top: 1px;}
	
	hr.divider_without_border { border: 0 !important; }
	hr.divider_without_margin_top { margin-top: 0 !important; }
	hr.divider_without_margin_bottom { margin-bottom: 0 !important; }	
	hr.last { border-bottom-width: 0; }
	
	/*--- Links ----------------------------------------------------------------------------------------- */
	a.fett { display: block; font-weight: bold; }
  	a { text-decoration: none; }
  	a:focus, a:hover, a:active { text-decoration: underline; }
  	a.back_link { display: block; margin-bottom: 20px; }
  	a.anchor_link { line-height: 1%; font-size: 1%; height: 0; overflow: hidden; padding: 0; display: block; clear: both; }
  	.news-single-item a { font-weight: bold; }
  	.top { width: 100%; border-top: 1px dotted #ccc; text-align: right; }
	.top a  { margin: 3px 0 6px 0; padding: 5px; }
	
	/* back-link für alle Single-Ansichten von Extensions */
	a.back_link 
	{ background-image: url('../../images/pfeile/pfeile_intern_links.png'); background-position: center left; line-height: 100%; padding-bottom: 3px; background-repeat: no-repeat; display: block; padding-left: 20px; }
	
	/* csc-menus */
	#col3_content ul.csc-menu,  #col3_content ul.csc-menu li { margin: 0; padding: 0; list-style: none; }
	#col3_content ul.csc-menu { margin-bottom: 30px; list-style: none; }
	#col3_content .c33r ul.csc-menu { border: 1px solid #999; background: #efefef; }
	
	#col3_content .csc-menu li a
	{ padding: 4px 10px 4px 26px; display: block; border-bottom: 1px dotted #ccc; background-position: 3px 8px; background-repeat: no-repeat; }
	#col3_content .csc-menu li.last a { border-bottom-width: 0; } 
	
	/* Einstellungen der Rahmen nur für die rechte Spalte */
	#col3_content .c33r ul.csc-menu-1, #col3_content .c33r .csc-menu-3, #col3_content .c33r ul.csc-menu-def 
	{ padding: 0; margin: 0; }

        div.button-box-link a:hover { text-decoration: none; }	
	
	/* live link */	
	a.live  
	{ margin-left: 10px; }
	
	/* Formatierungen für Seiten-ID am Ende der Seite */	
	.seiten-id { color: #F7F7F7; font-size: 80%; text-align: center; }
	
	/* Standard-Optionen */
	.csc-frame .csc-frame-rulerAfter { border: 1px solid #d7d7d7; }
        #col3_content .csc-frame-frame1 { margin: 9px 0; padding: 9px; border-bottom: 1px dotted #ccc; }
	
	/* Projektbezogene Rahmen */
	/* 50 = FAQ rechte Spalte (rechte Spalte) */	
	#col3_content .c33r h1,
	#col3_content .c33r h2
	{ padding: 0 0 0 2px; margin: 0; font-weight: bold; color: #333333; }

        #col3_content .c33r div.button-box-wrapper h1,
	#col3_content .c33r div.button-box-wrapper h2 { padding: 0; }
	
	#col3_content .csc-frame-50 .csc-header,
	#col3_content .csc-frame-55 .csc-header,
	#col3_content .csc-frame-60	.csc-header,
	.section-header,
	#col3_content .c33r	.csc-header
	{ border-bottom: 1px dotted #B3B3B3; margin-bottom: 11px; }
	
	/* Einstellungen der Rahmen nur für die linke Spalte */
	#col3_content .c66l .csc-frame-50 .csc-header, 
	#col3_content .c66l .csc-frame-55 .csc-header,
	#col3_content .c66l .csc-frame-60 .csc-header,
	.c66l .section-header 
	{ margin-bottom: 7px; padding: 5px 0; }
	.c66l .csc-header .section-header { margin-bottom: 0; border-bottom: 0; padding: 0; }
	
	
	/* 60 = Link-Boxen zu BZgA-Angeboten (rechte Spalte) */
	#col3_content .c33r .csc-frame-50 .csc-textpic,
	#col3_content .c33r .csc-frame-55 .csc-textpic, 
	#col3_content .c33r .csc-frame-60 .csc-textpic,
	#col3_content .c33r .text-container
	{ padding: 10px; background: #efefef; border: 1px solid #999; margin: 0; }
	
	#col3_content .c33r .csc-frame-50 .csc-textpic p,
	#col3_content .c33r .csc-frame-55 .csc-textpic p, 
	#col3_content .c33r .csc-frame-60 .csc-textpic p,
	#col3_content .c33r .text-container p
	{ margin: 0; padding: 0; }
		
	#col3_content .c33r .csc-textpic-text .text-container,
	#col3_content .c33r .accordion .text-container
	{ border: 0; padding: 0; background: transparent; }
	
	/* Einstellungen für die verschidenen Spalten */
	#col3_content .c66l .csc-frame-50,
	#col3_content .c66l .csc-frame-55,
	#col3_content .c66l .csc-frame-60 
	{ margin-bottom: 30px; }
	
	#col3_content .csc-frame-50,	
	#col3_content .csc-frame-55,
	#col3_content .csc-frame-60
	{ margin-bottom: 11px; }

	/* Letzte Änderung unterhalb des Footers */
	#lastchange p { font-size: 85%; margin: 0 0 0 22px; }

        .important, .warning, .notice { color: red !important; }
}