/**
 * "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 */            

h2.bb { font-size:1.375em; } /* Übersichtsseiten des Branchenbuch */
h3.rezdat { font-size:1.375em} /* Übersichtsseiten der Rezensionen */

.ym-col3 .ym-cbox .contentbox h2 {font-size: 1.375em;} /*rechte Spalte H2 und H3 gleich gross*/

.slogan   { /* Bereichsüberschrift*/
    font-family: Gill Sans, Arial, Helvetica, sans-serif;
    color:#444;
    margin: 0 0 0.75em 0;
	font-weight: normal;
	font-size: 1.5em;
  }
  
   h1.slogan { 
    font-size: 1.5em;
    margin: 0 0 0.75em 0;
	} 
 
.slogan .work {
	color: #847978;
	font-size: .5em;
}

  
	/* --- 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;
		margin-bottom: 0;
	}

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

	ol ul {
		list-style-type:circle;
		margin-top:0;
		margin-bottom: 0;
	}
	
	ul ol {
		margin-top:0;
		margin-bottom: 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, .ym-col3 .ym-cbox .newsbox  p  { margin: 0 0 0.5em 0;} /*rechte Spalte*/
	 
	blockquote, cite, q {
	 font-style:italic;
	}

	blockquote {
		margin:1.5em 0 0 1.5em;
		}

	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: #C1495D; text-decoration:none; background-color: transparent; word-wrap:break-word;}
     a:visited  { color: #C1495D; }

	/* (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: #C1495D; }
		a:hover,
		a:active { color: #C1495D; 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;
	}
	

	.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);
	}

	/**
	* ----------------------------------------------------------------------- #
	*
	* Generic Content Classes
	*
	* (en) standard classes for positioning and highlighting
	* (de) Standardklassen zur Positionierung und Hervorhebung
	*
	* @section content-generic-classes
	*/
	.highlight {
		color:red;
		font-weight: bold;
	}

	.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;
	}

	.float-left {
		float:left;
		display:inline;
		margin: 1.5em 1em 0 0;
	}

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

	.center {
		display:block;
		text-align:center;
		margin: 1.5em auto 0 auto;
	}
	

	/* Scroll Back To Top-Button */
	.back-to-top {
		position: fixed;
		bottom:10px;
		right:10px;
 }

	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* 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; */
		margin-bottom: 0.5em;
	}
	
	table .center {
		text-align: center;
		margin: 0;
	}

	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"], .bordertable tbody th[scope="col"] {
		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 {
		
	}
	
	
	/* Tabelle mit den Kontaktadressen */
	/* Tabelle mit den Sponsorenlogos und Links */
	table.kontakt, table.sponsoren {
	border:none;
	}
	
	.kontakt tbody td {
		border:none;
		vertical-align:top;
	}
	
	.sponsoren tbody td  {
		border:none;
		vertical-align:middle;
		text-align:center;
	}
	
	.kontakt tbody tr:hover th,
	.kontakt tbody tr:hover td,
	.sponsoren tbody tr:hover th,
	.sponsoren tbody tr:hover td {
		background: none;
	}
	
		
	.rezunterstuetzen {
		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;
	}
	
	 /**
  * (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;
  }
 
  
   /*-------Contentboxen -----------------------*/ 
  
  
    /* Editorial */
  	#editorial div {
    	padding: 5px 10px;
		background: #EFECEB; 
    }
	
  /* 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 {margin-top:0; margin-bottom: 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: #ff7532;
  }  
  .teaser h2 a, .teaser h2 a:visited {
    display: block;
    padding: 5px 10px;
    width: 130px;
    height: 90px;
    text-decoration: none;
	word-wrap: normal;
  } 

  .teaser h2 a, .teaser h2 a:visited {
    color: #fff;
  } 
  .teaser h2 a:focus, .teaser h2 a:hover, .teaser h2 a:active {
    background-color:  #ff7532;
    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;
  }

  .teaser h2.erz a,
.teaser h2.erz a:focus, .teaser h2.erz a:hover, .teaser h2.erz a:active 
{background-color: #F5A32E;}

#main .teaser .erz a[href^="http:"], #main .teaser .erz 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;
	font-size: 0.938em;
  } 
  
div.teaser ul li { margin-left: 0px;}
div.teaser ul.studium-nav li {margin-left: 0.8em;}
  
.teaser p {padding: 0 10px 10px 10px; font-size: 0.938em;}

.teaser p + ul {
    padding-top: 0;
} 
  
.startlist {padding-left: 70px;position:relative; list-style-type:none;}
.datum {position:absolute;
margin-left:-70px;
width:70px;
max-width:70px;
}

.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 10px 5px;
		}

  
/*rechte Spalte Startseite */
  div.newsbox {
    padding: 10px;
    background: #EFECEB;
    margin: 0 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;} 
   
 
/*-------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; }

/*-------Paginierung von Beitragslisten (Editorials) -----------------------*/


  .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 #C1495D;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;}

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


  
/*-------Branchenbuch -----------------------*/

ul.bblist {
list-style-type: none;}


/*-------Materialien -----------------------*/

ul.materialienlist {
margin-left: 0;}

li.mlist {
padding-left: 68px;
position:relative; 
list-style-type:none; 
margin-left: 0;
line-height: 1.7em;
}
.mlist .datum {position:absolute;
margin-left:-68px;
width:68px;
max-width:68px;
 color: #313131;
}

 /*---------------------------------------------------------------*/
 /*--- Stellenmarkt  ---------------------------------------------*/
 /*---------------------------------------------------------------*/
 
 /* Suchformular siehe forms.css */

ul.stellenlist {
list-style-type: none;
margin-left: 0;
background: #fff;
}

ul.stellenlist li {
padding-left: 90px;
position:relative; 
list-style-type:none; 
margin-left: 0;
border-top: 1px solid #CBC6C1;
padding: 15px 10px;
border-right: 1px solid #CBC6C1;
border-left: 1px solid #CBC6C1;
}

ul.stellenlist li:last-child {
	border-bottom: 1px solid #CBC6C1;
}

ul.stellenlist li span.stelle {
	font-weight: bold;
	font-size:  1.125em;
}

ul.stellenlist li small {
	color: #847978;
}

ul.stellenlist li img { /*Logos*/
        float:right;
		display:inline;
		margin: 0.3em 0 0 1em;
		max-height: 80px;
		max-width: 200px;
}

ul.stellenlist li:before {
    content: "";
    display: table;
}
ul.stellenlist li:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

div.stellenanzeige {
	background: #fff;
	padding: 15px 10px;
	border: 1px solid #CBC6C1;
	margin-bottom: 15px;
}

div.stellenanzeige img.logo {
    float: right;
    display: inline;
    margin: 0 0 1em 1em;
}


ul.stellendetail {
list-style-type: none;
margin-left: 0;
}

ul.stellendetail li {
padding-left: 120px;
position:relative; 
list-style-type:none; 
margin-left: 0;
}

ul.stellendetail li .detail {
position:absolute;
margin-left:-120px;
width:120px;
max-width:120px;
color: #313131;
}

/*-------socialnet Studium -----------------------*/

/*Übersichtslisten */

ul.studium-nav li.active {
font-weight: bold;
}


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

/*Suchfeld im Header*/

#search {
padding: 10px 10px;
font-weight:bold;
color: #fff;
}

#searchform input {
	padding: 0 0.7em; 
	border:1px solid #C0C0C0;
	line-height: 1em;
	height: 30px;
}

#searchform input[type=submit] {
	background: url(../../../images/layout/lupe_white.png) center no-repeat;
	text-indent: -9999px; 
	height: 30px;
	width: 30px;
	margin-right: 5px;
	}

#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;
}

.phpdigHighlight {
background-color: #FFFF00;
font-weight:bold;
}

/*-------Editorials + Lexikon-Blog -----------------------*/

h3.archiv {
    color: #918783;
    font-size: 1.125em;
}

h3.archiv p {
margin-bottom: 1.5em;
}

#editorial .flexible {margin-top: 0;}
	
/*--- Inhaltsverzeichnisse - table of content -------------------------------------------------------*/
  ol.toc {
  margin-left: 0;
  }
  
  ol.toc li {
	list-style-type:none;
	margin-left: 0;
    }
	
/*--- Zusatzangaben bei Beiträgen  ------------------------------------------------------*/

 .beitragmeta-right {
    display: block;
    float: right;
	}
	
/*--- Kommentare auf den Beitragsseiten - Quip ------------------------------------------------------*/

.quip a { text-decoration: none; }
.quip a:hover { text-decoration: underline; }

.quip-comment form, .quip-comment p { padding: 0; margin: 0;}
div.quip-comment {
    padding: 10px;
}
li.quip-comment {
    background: transparent;
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.quip-comment-list {
    counter-reset: counter;
    margin: 0;
    padding: 0;
}
ul.quip-comment-list > li  {
	display: block;
	line-height: 25px;
	margin: 12px 0 8px;
	padding: 0 0 0 50px;
	position: relative;
	}

ul.quip-comment-list > li:before  {
	color: #CCCCCC;
	content: counter(counter);
	counter-increment: counter;
	font: bold 28px/1 'Noto Sans', sans-serif;
	left: 10px;
	margin: -16px 0 0;
	position: absolute;
	top: 50%;
}

 ul.quip-comment-list li {
 	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	background-color: #ebe9e7;
} 

ul.quip-children {
    margin: 0;
}
ul.quip-comment-list li.quip-comment-alt,
.quip-comment-alt {
    background-color: #ffffff;
}

ul.quip-comment-list li.quip-comment-admin {
	background-color: #FFFFE1;
}
.quip-comment-body {
    padding: 5px 7px;

}
.quip-comment-text p {
    padding-top: 1em;
}
.quip-unapproved, .quip-unapproved a {
    color: #a4a4a4;
	border: 1px solid red;
}
.quip-comment-createdon {
    font-style: italic;
    font-size: small;
}

 div.contentbox div.quip ul span {color: #444;}
  

.quip-comment-createdon a { color: #777; }
.quip-comment-author, .quip-comment-author a { color: #444; font-weight: bold; }
.quip-comment-author strong { color: #444; }

.quip-reply-link {
    font-size: 11px;
    float: left;
}
.quip-break { clear: left; }

.quip-error {
    color: red;
    font-size: .9em;
}
.quip-success {
    color: green;
}
.quip-clear {
    clear: both;
}

.quip-comment-right {
    float: right;
}
.quip-comment-options {
    clear: right;
    margin-top: 2px;
    text-align: right;
    font-size: 11px;
}
.quip-comment-options a {
    color: #777;
}
.quip-avatar {
    float: right;
    padding: 3px;
    margin: 2px;
    border: 1px solid #ccc;
}

/* add comment */
.quip-add-comment p {
    color: #888;
    margin-bottom: .2em;
}
span.quip-allowed-tags {
    font-weight: normal;
    font-size: 11px;
    font-style: normal;
    float: right;
    }
.quip-add-comment .textarea {
    width:auto;
}
.quip-add-comment textarea {
    width: 100%;
    padding:0;
}
.quip-add-comment input[type=text] {
    width: 50%;
    float: left;
    border: 1px solid #888;
    padding: 5px;
    margin-bottom: 5px;
    }
.quip-add-comment label {
    width: 20%;
    float: left;
    }
.quip-fld br { clear: both; }

div.quip-comment input[type=submit] {
    cursor: pointer;
}
.quip-preview {
    border-bottom: 1px solid #d4d4d4;
    padding: 7px 7px;
    background-color: #f2f2f2;
}


.quip-fld-checkbox   input[type=checkbox]{
	 width: 10%;
    float: left;
}

.quip-fld-checkbox   label{
	float: right;
	width: 90%
}

 /*---------------------------------------------------------------*/
 /*--- Akkordions in der rechten Spalte  -------------------------*/
 /*---------------------------------------------------------------*/

#container dl {
    margin: 0 0 10px 0;
}

#container dt {
	font-size: 1.375em;
	font-weight: normal;
	color: #444;
	background: #ebe9e7;
	/* width:290px; */
	padding:10px 10px 9px 10px;
	cursor:pointer;
	margin-bottom: 10px;
}

#container dt:hover {
	background: #ebe9e7;
	background: -moz-linear-gradient(top, #cdc7c5 0%, #ebe9e7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdc7c5), color-stop(100%, #ebe9e7));
	background: -webkit-linear-gradient(top, #cdc7c5 0%, #ebe9e7 100%);
	background: -o-linear-gradient(top, #cdc7c5 0%, #ebe9e7 100%);
	background: -ms-linear-gradient(top, #cdc7c5 0%, #ebe9e7 100%);
	background: linear-gradient(top, #cdc7c5 0%, #ebe9e7 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdc7c5', endColorstr='#ebe9e7', GradientType=0 );
 }


#container dd {
	display:none;
	background:#ebe9e7;
	margin: -10px 0 10px 0;
	float:left;
	padding:10px;
	border-bottom: 10px solid #fff;
	width: 100%;
}

#container dd .rubriksuche {
	width: 240px;
}


#container .button {
	float:right;
	display:block;
	height:18px;
	width:17px;
	text-indent:-9999px;
}

#container .initial-open {display:block;}

#container .closed { background:url(../../../images/layout/button.png) left no-repeat; }

#container .open { background:url(../../../images/layout/button.png) right no-repeat; } 


 .cover { /*Cover bei den Rezensionen in der rechten Spalte */
		float:right;
		display:inline;
		margin: 0 10px 10px 5px;
		}

 /*---------------------------------------------------------------*/
 /*--- Lexikon  --------------------------------------------------*/
 /*---------------------------------------------------------------*/
 
 /* Suchformular siehe forms.css */
 
 /* Suchergebnisse bei Lexikon-Suche */
 /* im Abkürzungsverzeichnis werden die Definitionslisten verwendet*/
 
ul.lexresults,
dl.lexresults {
	list-style: none;
 }
 
 ul.lexresults li {
	margin-bottom: 0.5em;
	margin-left: 1em;
	text-indent: -1em;
	font-size: 1.125em;
	line-height: 1.375em;
 }
 
 
ul.lexresults li small {
		font-size:0.750em;
	}

dl.lexresults {
   display: flex; flex-wrap: wrap;
}

dl.lexresults dt {
	width: 150px; 
	font-weight: normal;
	font-size: 1.125em;
	line-height: 1.375em;
	margin-left: 0;
   }

 dl.lexresults dd { 
	width: calc(100% - 160px);
	margin-left: 0;
	font-size: 1.125em;
	line-height: 1.375em;
	margin-bottom: 0.5em;
 }

  /*Pagination der Suchergebnisse */
  ul.lexresults .pagination,
  dl.lexresults .pagination  { 
  margin-left: -1em;
  margin-bottom: 0.5em;
  width: 100%;
  }

 
 /* Definition am Anfang der Lexikonartikel */
.definition {
font-size: 1.125em;
}

 /* Metadaten am Anfang der Lexikonartikel */
.metadaten {
font-size:0.750em;
}

.metadaten p {
	margin-bottom: 0;
}

.metadaten p:last-of-type {
	margin-bottom: 	1em;
}

/*Autoreninformation und Publikationsdatum am Anfang */
.autordatum {
  font-size: 0.750em;
}

.autordatum p {
  margin-bottom: 0;
}

.autordatum p:last-of-type {
  margin-bottom: 1em;
}


/* Überblick, Inhaltsverzeichnis bei Lexikonartikeln*/

ol.toclex, ol.toclex ol{ list-style-type: none; }


/* Bilder */

figure.imgright {
	max-width: 300px;
	width: -webkit-min-content;
	width: -moz-min-content;
	width: min-content;
	float:right;
	display:inline;
	margin: 0 0 1em 1em;
	text-align: center; 
}

figure.imgright figcaption {
 display: inline-block; 
  text-align: left;
  font-size:0.9em;
  padding-top: 0.3em;
	}
	
figure.imgcenter {
	display: table;
	text-align:center;
	margin: 1.5em auto 1em auto;
}

figure.imgcenter figcaption {
    display: table-caption;
    caption-side: bottom;
  text-align: left;
  font-size:0.9em;
  padding-top: 0.3em;
	}
	
figure.imgcenter img {
    display: block;
    width: 100%;
}
	
/* Tabellen */

table.lextable {
		border:1px #ccc solid;
	}
	
table.lextable caption {
		font-variant: normal;
		font-size:0.9em;
		padding-bottom: 0.3em;
	}

	.lextable th, .lextable td {
		line-height: 1.3em;
		vertical-align: top;
		padding: 0.5em;
	}

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

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

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

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

/* Kasten zur Hervorhebung */

.kastencaption {
    font-size:0.9em;
    padding-top: 0.3em;
    margin-right: 1em;
}

.kasten {
    border: 1px #ccc solid;
    background: #fff;
    padding: 0.5em;
}

.kasten ol, .kasten ul {
    margin-bottom: 0;
}

/* Quellenangaben und Literatur  mit hängendem Einzug */

.quelle {
 text-indent: -1.5em;
 margin-left: 1.5em;
}

a.quelle_ref::before {
  /* Sprungmarken zum Quellenverzeichnis*/
  content: "\f063";
  /*Pfeil nach unten*/
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  white-space: nowrap;
}


/* Links zu anderen Lexikonartikeln */
a.lexlink-aktiv, a.lexlink-inaktiv {
	/* white-space: nowrap; */
}

a.lexlink-aktiv::before {
  content: "\f061";
  /*Pfeil */
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  white-space: nowrap;
  margin-right: 2px;
}

a.lexlink-aktiv:hover::before {
  text-decoration: none;
}

a.lexlink-inaktiv::before {
  content: "\f340";
  /*Pfeil */
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  white-space: nowrap;
  margin-right: 3px;
}

a.lexlink-inaktiv:hover:before {
  text-decoration: none;
}

/* A-Z-Index */

.abcindex {
	font-size: 1.125em;	
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Auflistung von Lexikonartikeln */

.AutorlistArtikel {
	list-style: none;
	font-size:0.750em;
	display: flex;
	flex-wrap: wrap;
}
.AutorlistArtikel li {
	padding: 0 0 0 3px;
}
.AutorlistArtikel li::after { /*mit Trennstrich */
	content: " \2223 ";
}
.AutorlistArtikel li:last-child::after {
	content: "";
}

/* Schlagwortliste in der rechten Spalte der Detailseite */

 ul.taglist {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0 !important;
  margin-left: 0;
}

ul.taglist li {
  margin-right: 15px;
  margin-left: 0;
}

ul.taglist li:after {
  content: "";
}

 /*---------------------------------------------------------------*/
 /*--- Recherche  ------------------------------------------------*/
 /*---------------------------------------------------------------*/
 
dl.rechercheresults {
	margin-left: 0;
}

/* Gruppentitel */
dt.ressource { 
	color:#444;
    margin: 0.5em 0 0.25em 0;
	font-weight: normal;
	font-size: 1.5em; 
}

dt.typ, dt.typextern {
	font-weight: normal;
	font-style: italic;
	margin-left: 0.5em;
	margin-top: 0.5em;
}

.rechercheresults dd { 
	margin:0 0 0 2em; 
	display: list-item;
	list-style: disc;
	line-height: 1.375em;
	}
	
.rechercheresults a.more {
	font-weight: bold;
	margin-left: 0.5em;
}
 
 

 /*---------------------------------------------------------------*/
 /*--- Rezensionen -----------------------------------------------*/
 /*---------------------------------------------------------------*/
 
 /* Suchformular siehe forms.css */
 
/* Suchergebnisse bei Lexikon-Suche */
 /* im Abkürzungsverzeichnis werden die Definitionslisten verwendet*/
 
ul.rezresults, ul.rezresultsstart
 {
	list-style: none;
 }
 
 ul.rezresults li {
	margin-bottom: 1em;
	margin-left: 0;
	font-size: 1.125em;
	line-height: 1.375em;
 }
 
 
ul.rezresults li small {
	font-size:0.750em;
	line-height: 0.75em;	
	}

ul.rezresultsstart li {
	margin-bottom: 1em;
	margin-left: 0;
	
}

	
/*Pagination der Suchergebnisse */
  ul.rezresults .pagination,
  ul.rezresultsstart .pagination  { 
	  margin-left: -1em;
	  margin-bottom: 0.5em;
	  width: 100%;
  }

/* Daten für einzelne Rezensionsseiten */

.rezcover {
	float:left;
	display:inline;
	margin: 20px 20px 20px 0;
	max-width: 170px;
	max-height: 260px;
}

/* Tipp auf der Startseite der Rezensionen */

.starttipp {
	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,.75);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.75);
	box-shadow: 0 0 3px rgba(0,0,0,.75);
	padding: 10px;
	margin-bottom: 1.5em;	
}

}