/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 724 $
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 * @appdef yaml
 */

@media all {

	/**
	* @section global typography settings
	*
	* vertical rhythm settings (based on em-unit)
	* -------------------------------------------
	* basefont-size: 14px (87.5%)
	* line-height  : 21px (factor: 1.5)
	*/

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

	/**
	* 1. Set default font family to sans-serif.
	* 2. Prevent iOS and IE text size adjust after device orientation change,
	*    without disabling user zoom.
	*/

	html {
		font-family: sans-serif; /* 1 */
		-ms-text-size-adjust: 100%; /* 2 */
		-webkit-text-size-adjust: 100%; /* 2 */
	}
	
	
	
	/**
	* (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 14px */
	/* (de) Basis-Layout erhält Standardschriftgröße von 14 Pixeln */
	body {
		font-family: Gill Sans, Arial, Helvetica, sans-serif;
		font-size: 87.5%;
		color: #313131;

		/* (en) Prevent auto-scaling of text in mobile webkit browsers */
		/* (de) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
		-webkit-text-size-adjust:100%;
	}

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

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

  h1 { font-size: 1.875em; }     /* 30px */               
  h2 { font-size: 1.5em; }       /* 24px */                  
  h3 { font-size: 1.375em; }     /* 22px */                  
  h4 { font-size: 1.25em; }      /* 20px */                
  h5 { font-size: 1.125em; }     /* 18px */              
  h6 { font-size: 1em; }         /* 16px */            

.ym-col3 h2 { font-size: 1.375em; }
.ym-col3 h3 { font-size: 1.125em; color: #B1405B; }


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

	ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; font-weight: normal;}

	ul {
		list-style-type:disc;
	}

	ol {
		/*list-style-type:decimal; */
	}

	ul ul {
		list-style-type:circle;
		margin-top:0;
	}

	ol ol {
		margin-top:0;
                margin-bottom: 0;
	}

	ol ul {
		list-style-type:circle;
		margin-top:0;
	}

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

	dt { font-weight:bold; }

	dd { margin:0 0 1.5em 0.8em; }

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

	p { line-height: 1.5em; margin: 0 0 1em 0; font-weight: normal;}
     .teaser p { margin: 0 0 0.2em 0; }
     .teaser p strong { display: block; margin: 0 0 0.5em 0; }
	 .ym-col3 .ym-cbox .contentbox  p { margin: 0 0 0.5em 0;} /*rechte Spalte*/
	 
	blockquote, cite, q {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style:italic;
	}

	blockquote {
		margin:1.5em;
		color:#666;
	}

	strong, b { font-weight:bold; }

	em, i { font-style:italic; }

	big {
		font-size:1.125em;
	}

	small {
		font-size:0.750em;
	}

	pre,
	code,
	kbd,
	tt,
	samp,
	var {
		font-size:1em;
	}
	pre {
  overflow: auto;
}


	pre {
		line-height:1.5em;
		margin:1.5em;
		color:#666;
		white-space: pre;
		white-space: pre-wrap;
		word-wrap: break-word;
	}
	pre, code {  }

	kbd, samp, var, tt {
		color:#666;
		font-weight:bold;
	}

	var, dfn { font-style:italic; }

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

	sub,
	sup {
		font-size: 0.625em;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}

	sup { top: -0.5em; }
	sub { bottom: -0.25em; }

	mark {
		background: #ff0;
		color: #000;
	}

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

    hr.foot { /*Abgrenzung der Fussnoten bei Rezensionen vom uebrigen Text */
		border: none;
		border-top: 1px solid #bcbcbc;
		background-color: transparent;
		height: 1px;
		width: 33%;
		margin-top: 2.5em;
	}


	.alert	{ /*u.a. Fehlermeldung in Formularen */
		color: #FF7129;
		background-color: #E6E7E8;
		font-weight: bold;
	}


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

	 a { color: #B1405B; text-decoration:none; background-color: transparent; }
     a:visited  { color: #B1405B; }

	/* (en) maximum constrast for tab focus - change with great care */
	/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
		a:focus { text-decoration:underline;color: #B1405B; }
		a:hover,
		a:active { color: #B1405B; text-decoration:underline; outline: 0 none; }
		


  
  footer a, footer a:visited { 
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    }
  footer a:focus, footer a:hover, footer a:active {
    color: #fff;
    text-decoration: underline;
    }
  footer a {
    float: left;
    display:inline;
    padding-right: 20px;
    }  
 
  
   #col3 h2 a,  #col3 h2  a:visited,  #col3 h2 a:hover, #col3 h2  a:active {
    text-decoration: none;
  } 
  
    :target:before { /*damit Ankerlinks nicht von der fixedbar überdeckt werden*/
	content: "";
	display: block;
	height: 40px; /* same as your fixed header height */
	margin: -40px 0 0; /* negative fixed header height */
}

	/* --- images ------------------ */

	img,
	figure {
		margin: 0;
		border: 0;
	}
	
	#sn-logo {}

	.flexible {
		margin-top: 1.5em;
		max-width: 100%;
		height: auto;
	}

	* html .flexible {	/* IE6 support */
		width: 98%;		/* 2% space for borders */
	}

	.bordered {
		margin-top: 1.5em;
		border: 2px #eee solid;
		border: 2px rgba(255,255,255,1) solid;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
		-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
		box-shadow: 0 0 3px rgba(0,0,0,.25);
	}

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

	.dimmed {
		color:#888;
	}

	.box {
		border-radius: 0.3em;
		border-width: 1px;
		border-style: solid;
		border-color: #888;
		border-color: rgba(0,0,0,.3);
		-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
		-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
		color: #444;
		color: rgba(0,0,0,.8);
		padding: 1.4286em;
		margin: 1.5em 0 0 0;
	}

	.box > *:first-child {
		margin-top: 0;
	}

	.label {
		font-family: Verdana, Geneva, sans-serif;
		padding: 1px 6px 2px;
		display: inline-block;
		vertical-align:middle;
		letter-spacing: normal;
		white-space:nowrap;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background: #06C;
		color: #fff;
		font-size: 0.75em;
		line-height: 1em;
	}

	.info {
		background:#f4f4f4;
	}

	.success {
		background:#8c8;
	}

	.warning {
		background:#cc8;
	}

	.error {
		color: #B1405B;
		font-weight:bold;
	}
	
	.red {
	    color: #ff0000;
	}
	.green {
	    color: #006600;
	}
.float_left, .float-left {
		float:left;
		display:inline;
		margin: 1em 1em 0 0;
	}

	.float_right, .float-right {
		float:right;
		display:inline;
		margin: 1em 0 0 1em;
	}

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

	.center {
		display:block;
		text-align:center;
		margin: 1.5em auto 0 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:100%;
		border-collapse:collapse;
		border-spacing: 0;
		margin: 1.3571em 0;
		border-top: 1px #ccc solid;
		border-bottom: 1px #ccc solid;
	}

	table.narrow {
		margin:  1.4286em 0 0 0;
	}

	table.narrow th,
	table.narrow td {
		padding: 0 0.5em;
		line-height: 1.4286em;
	}

	table.bordertable {
		border:1px #ccc solid;
	}
	
	table.layouttable, table.layouttable td  {border: none;}
	
	table.ohne {border: none;}

	table caption {
		font-variant:small-caps;
	}

	th, td {
		line-height: 1.5em;
		vertical-align: top;
		padding: 0.7143em 0.5em;
	}

	th *:first-child,
	td *:first-child {
		margin-top: 0;
	}

	th.nowrap,
	td.nowrap {
		white-space: nowrap;
	}

	thead th {
		text-align: left;
		color:#000;
		border-bottom:2px #000 solid;
	}

	.bordertable {
		background: #fff;
	}
	.bordertable thead th {
		background:#e0e0e0;
		border-right:1px #ccc solid;
		border-bottom:1px #ccc solid;
	}

	.bordertable tbody th[scope="row"] {
		background:#f0f0f0;
	}

	tbody th {
		text-align: left;
		border-top:1px solid #ccc;
		text-align:left;
	}

	.bordertable tbody th {
		border-right:1px solid #ccc;
	}

	tbody td {
		text-align: left;
		border-top:1px solid #ccc;
	}

	.bordertable tbody td {
		border-right:1px solid #ccc;
	}

	/* highlight row on mouse over */
	tbody tr:hover th,
	tbody tr:hover td {
		
	}
	
/*--- Tabellen in der rechten Spalte: Rzensionen, Stellenmarkt -----------------------------------------------------*/     
	
.ym-col3 .newsbox table, .ym-col3 .contentbox table,  .ym-col3 .newsbox tbody td, .ym-col3 .contentbox tbody td {
border-bottom: none;
border-top: none;
margin: 0;
padding: 0.5em 0.1em;
}	
	
	 /**
  * (en) Emphasizing external Hyperlinks via CSS
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

 /*    #main a[href^="http:"],
  	#main a[href^="https:"]
    {
    padding-left: 14px;
    background-image: url(../../images/Icon_External_Link.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
  }
 
 
 	#main .ohne a[href^="http:"],
  	#main  .ohne a[href^="https:"]    {
    	padding-left: 0;
    	background-image: none;
  }
  
   /*Werbung im Content-Bereich */
  
  #main p.content-ad a {
    padding-left: 0;
    background-image: none;
  }
   p.content-ad {
    margin-top: 5px; 
  }
 
  
/*-------Contentboxen -----------------------*/ 
  
  
  /* Vereinsrecht Wissen Startseite */
  	#editorial div {
    	padding: 5px 10px;
		background: #EFECEB; 
    }
	
	#editorial .flexible {
    margin-top: 0;
    }

    ul.wissenstart {
        color: #918783; 
        margin-top: 10px;
        margin-left: 0;
        list-style-type:none;
    }

    ul.wissenstart li {
        margin-left: 0;
        margin-bottom: 5px;
    }
	
  /* Teaser Startseiten */
  .ym-gl .ym-gbox { padding: 0; margin-right: 5px;}
  .ym-gr .ym-gbox { padding: 0; margin-left: 5px;}
  
 
 .teaser {
    margin-top: 10px;
	background: #EFECEB;
  }
  
  .ym-col3 .teaser:first-child,  .ym-col3 .newsbox:first-child  {margin-top:0; margin-bottom: 10px;}
  .ym-col1 .newsbox {margin-top: 10px;}
  .teaser h2 {
    float:left;
    width: 150px;
    height: 100px;
    margin-right: 10px;
    font-size: 1.375em;
    line-height: 130%;
    font-weight: bold;
	color: #fff;
    background: #B1405B;
  }  
  .teaser h2 a, .teaser h2 a:visited {
    display: block;
    padding: 5px 10px;
    width: 130px;
    height: 90px;
    text-decoration: none;
  } 

  .teaser h2 a, .teaser h2 a:visited {
    color: #fff;
  } 
  .teaser h2 a:focus, .teaser h2 a:hover, .teaser h2 a:active {
    background-color:  #8a3045;
    color: #fff;  
  }   

.teaser h2.blau a,
.teaser h2.blau a:focus, .teaser h2.blau a:hover, .teaser h2.blau a:active 
{background-color: #2573B9;}

#main .teaser .blau a[href^="http:"], #main .teaser .blau a[href^="https:"] {
    background-image: none;
  }

  
  div.teaser div {
    padding: 5px 10px 10px 155px;
  }  
  
  div.teaser div {height: 90px;  font-size: 0.938em;}
div.teaser ul span {color: #918783;}
div.teaser ul{
    padding: 10px 10px 10px 0px;
	margin-bottom: 0;
  } 
  
div.teaser ul li {
    margin-left: 10px;
}
  
.teaser p {padding: 0 10px 10px 10px; }
   
  
.startlist {padding-left: 70px;position:relative; list-style-type:none;}
.datum {position:absolute;
margin-left:-80px;
width:80px;
max-width:80px;
}

.contentbox .startlist {/* padding-left: 80px; */position:relative; list-style-type:none;}
.contentbox .datum {position:absolute;
margin-left:-80px;
width:80px;
max-width:80px;
}


.teaser table.layouttable {margin: 0;}

.teaser .cover { /*Cover beim Rezensions-Tipp auf der Startseite */
		float:right;
		display:inline;
		margin: 0 10px 0 5px;
		}

  
/*rechte Spalte Startseite */
  div.newsbox {
    padding: 10px;
    background: #EFECEB;
    margin: 0px 0 10px 0;
    }
	
	div.newsbox ul span, div.contentbox ul span {color: #918783;}
	div.newsbox ul, div.contentbox ul{ padding: 0;}
	div.newsbox li.startlist, div.contentbox li.startlist {margin: 0;} 
   
/*rechte Spalte  */  


.ym-col3 h4 {
    color: #918783;
	    font-size: 116.67%;
		}
   
 .cover { /*Cover bei den Rezensionen in der rechten Spalte */
		float:right;
		display:inline;
		margin: 0 10px 10px 5px;
		}
 
/*-------Breadcrumbs -----------------------*/ 


	#breadcrumb li + li:before{
 		content:  '»';
  		margin:   0 5px;
	}  
  
	ul#breadcrumb  {
		float:left; width:100%;
		list-style:none;
		margin: 0 0 10px 0;
		padding: 0;
	}

	#breadcrumb li { 
		display:inline; 
		margin:0; 
		padding:0; }




/*-------Suchen -----------------------*/

/*Suchfeld im Header*/

#search {
padding: 4px 10px;
}

#erw-search {
	background:#EBE9E7;
	border:2px #fff solid;
	margin: 1.5em 0 1em 0;
	padding: 0;
	-webkit-box-shadow: 0 0 4px #ddd;
	-moz-box-shadow: 0 0 4px #ddd;
	box-shadow: 0 0 4px #ddd;
		}


p.suchergebnis {
padding-left: 70px;}

p.suchergebnis span.weight {
    margin-left: -70px;
    max-width: 70px;
    position: absolute;
    width: 70px;
}

/*--- Paginierung der Beitragslisten ----------------------------------------------------------------*/
 
  h3.archiv { font-size: 116.67%; color: #918783; } /*Auflistungen der Beitraege*/
  
  span.archiv,
  span.archiv a { color: #918783; } 
  
  .archivmeta  { color: #918783; }
  
  .paging {
    text-align: right;
    }

  ul .pageList {
	float:left; width:100%;
	list-style:none;
	}
	
  ul.pageList li {display:inline; margin-left: 0; }
  ul.pageList li  a, ul.pageList li a:link, ul.pageList li:visited {
	border: 1px solid #B1405B;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;}

  ul.pageList li a:hover {
    background-color: #EBE9E7;
    color: #000;
    }
	
  ul.pageList li .active{
    background-color: #B1405B;
    color: #fff;
    }


/*--- Zusatzangaben bei Beiträgen -------------------------------------------------------*/

  .beitragmeta {}
  
  .autor {font-size:116.667%;}

  .beitragmeta-right {
    display: block;
    float: right;
	}
	
/*--- Inhaltsverzeichnisse - table of content -------------------------------------------------------*/
  ol.toc {
  margin-left: 0;
  }
  
  ol.toc li {
	list-style-type:none;
	margin-left: 0;
    }
	


	
 
}