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


  
	/* --- 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 Quellenangaben 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: #ff7532; text-decoration:none; background-color: transparent; }
     a:visited  { color: #ff7532; }

	/* (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: #eb5307; }
		a:hover,
		a:active { color: #eb5307; 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 { margin-top: 10px;}

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

	/* --- Teaserbilder ------------------ */

.teaserbild {
    position: relative;
}

.bottomright { /*Bildunterschrift */
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 0.75em;
    background: #fff;
    opacity: 0.8;
    padding: 3px 5px;
}
	
  /* --- 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: #efeceb; 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;
	}
.float_left, .float-left {
		float:left;
		display:inline;
		margin: 1.5em 1em 0 0;
	}

	.float_right, .float-right {
		float:right;
		display:inline;
		margin: 1.5em 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;
	}
	
/* 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;
	}

	th, td {
		line-height: 1.5em;
		vertical-align: top;
		padding: 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;
  }
  
  
  
   /*-------Contentboxen -----------------------*/ 
  
  
    /* Editorial */
  	#editorial div {
    	padding: 5px 10px;
		background: #EFECEB; 
    }
	
	#editorial .flexible {
    margin-top: 0;
}
	
  /* 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;
  }
 
 .teaser:first-of-type {margin-top: 0;}
  
  .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: #ff7532;
  }  
  .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:  #eb5307;
    color: #fff;  
  }   

  /*aktuelle Nachrichten auf der Startseite*/
 .aktuelles a, .aktuelles a:focus, .aktuelles a:hover, .aktuelles a:active {
 color: #ff7532;
 }
  
.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;} 
	
.advertorialbild { /*Advertorials auf der Startseite*/
	float:right;
	display:inline;
	margin: .5em 1em 0 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 -----------------------*/

/*Suche im Softwarekatalog auf der Startseite */

#suchkasten {
	padding: 10px;
    background: #EFECEB;
    margin: 0px 0 10px 0;

}

/* Filtern nach Hilfearten oder Funktionsbereichen*/

.dropbtn {
    border: none;
    cursor: pointer;
	padding: 6px 10px;
	background-color: #eeeeee;
    background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
    border: 1px solid #777;
    border-radius: 0.2em;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
	margin-right: 10px;
	}

.produktfilter {
    position: relative;
    display: inline-block;
}

.produktfilter-content {
    display: none;
    position: absolute;
    background-color: #efeceb;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99;
	overflow: visible;
}

.produktfilter-content a {
    text-decoration: none;
    display: block;
	padding: 6px 10px;
	white-space: nowrap;
}

.produktfilter-content a:hover {background-color: #cbc6c1}

.produktfilter:hover .produktfilter-content {
    display: block;
}

.produktfilter:hover .dropbtn {
    background-color: #cbc6c1;
}


/*Suchfeld im Header und auf der Startseite*/

#search {
padding: 4px 10px;
}

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

#erw-search  input {
	padding: 3px 5px;
}

#erw-search  label{
padding: 3px 5px;
}
#erw-search  label input{
margin-right: 3px;;
}

/* Suchergebnisse */

.sisea-results-list { margin-top: 20px;}


/*--- Beitragslisten ----------------------------------------------------------------*/

.archivbilder{
		float:left;
		display:inline;
		margin: .5em 1em 0 0;
	}

/*--- Paginierung der Beitragslisten ----------------------------------------------------------------*/
 
  h3.archiv { font-size: 116.67%; color: #918783; } /*Auflistungen der Beitraege*/
  
  span.archiv,
  span.archiv a { 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 #ff7532;
    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: #ff7532;
    color: #fff;
    }


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

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

  .beitragmeta-right {
    display: block;
    float: right;
	}

/* Introtext */
.intro {
font-size:116.667%;
color:#444;
font-weight: bold;
}
	
/*--- Inhaltsverzeichnisse - table of content -------------------------------------------------------*/
  ol.toc {
  margin-left: 0;
  }
  
  ol.toc li {
	list-style-type:none;
	margin-left: 0;
    }
	


/*--- Kalender ------------------------------------------------------------------------*/


.event {padding-left: 180px; position:relative}

.event small {
line-height: 0.5em;
}
.eventdatum {
position:absolute;
margin-left:-180px;
width:160px;
max-width:160px;
}

.eventmeta {
	font-size:0.750em;
	line-height: 1.25em;
	}

/*hervorgehobene Veranstaltungen - Standard- und Kombieinträge bei Tagungen und Kongressen*/
.specialevent {
background-color: #EBE9E7;
margin: 1em -5px;
padding: 5px;
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;
}

.eventlogo{
		float:left;
		display:inline;
		margin-top: 50px;
		margin-left: 10px;
		max-width: 130px;
}


.eventstartlist {
list-style-type: none;
margin-left: 0;
}
.eventstartlist li {
margin-left: 0;}

/* ----------------------------------- */
/* Preistabelle */
/* ----------------------------------- */
.preistabelle  {
background: #fff;
border: 1px solid #ccc;
table-layout: fixed;
 }
 
 .preistabelle td {
 border-right: 1px solid #ccc;}
 
 .preistabelle tr:nth-child(even) {background-color: #f2f2f2}
 
 /* Tipp */

 .wrapper {
  position: relative;
  z-index: 90;
}

.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -0.8em;
  right:  -0.7em;
}

.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}​

/* Akkordion-Menü für Preismodelle im Auftragsformular */

#preismodelle dl {
    margin: 0 0 10px;
}
#preismodelle dt {
    background: #ebe9e7 none repeat scroll 0 0;
    color: #444;
    cursor: pointer;
    font-size: 1.125em;
    font-weight: normal;
    margin-bottom: 10px;
    padding: 10px 10px 9px;
    }
	
#preismodelle dt:hover {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #cdc7c5 0%, #ebe9e7 100%) repeat scroll 0 0;
}
#preismodelle dd {
    background: #ebe9e7 none repeat scroll 0 0;
    border-bottom: 10px solid #fef9f3;
    display: none;
    float: left;
    margin: -10px 0 10px;
    padding: 10px;
}
#preismodelle .button {
    display: block;
    float: right;
    height: 18px;
    text-indent: -9999px;
    width: 17px;
}
#preismodelle .closed {
    background: rgba(0, 0, 0, 0) url("images/button.png") no-repeat scroll left center;
}
#preismodelle .open {
    background: rgba(0, 0, 0, 0) url("images/button.png") no-repeat scroll right center;
}

/*Dropdown-Menu für Handlungsfelder */

.dropdown
{
margin: 3px -22px 1em 0;
width: 370px;
position: relative;
height: 17px;
text-align:left;
}
.submenu
{
background: #efeceb;
position: absolute;
top: -12px;
left: -20px;
z-index: 100;
width: inherit;
display: none;
margin-left: 0px;
padding: 40px 0 5px;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}
.dropdown li a
{
color: #444;
display: block;
font-weight: bold;
padding: 6px 15px;
cursor: pointer;
text-decoration:none;
}

.dropdown li a:hover
{
background:#194e7d;
color: #FFFFFF;
text-decoration: none;
}

a.account 
{
line-height: 16px;
color: #194e7d;
position: absolute;
z-index: 110;
display: block;
padding: 11px 0 0 20px;
height: 28px;
width: inherit;
margin: -11px 0 0 -20px;
text-decoration: none;
cursor:pointer;
}

a.account:hover {text-decoration: underline;} 

.root
{
list-style:none;
margin:0px;
padding:0px;
padding: 11px 0 0 0px;
border-top:1px solid #dedede;
}

/* ----------------------------------- */
/* Softwarekatalog */
/* Anbieterverzeichnis  + Produkte*/
/* ----------------------------------- */

/* Sortierung von a-Z */

/* surrounds entire output */
/* set a height large enough to hold longest set of entries
   when using JS to keep things from bouncing around */
div.az-outer {
   
}
/* All results for a single letter; only exists when using JS */
div.az-section {
    display:block;
    color:#444;
    margin-left:20px;
    margin-bottom:0px;
	margin-top: 10px;
}
/* Heading letter + separator for empty items */
/* Set to display:none to hide */
div.az-no-results {
    display:inline;
    color:#aaa;
}
div.az-header {
    text-align:center;
    padding:10px 0px 10px 0px;
}
/* The active letters in the header + separator */
div.az-headeritem {
    display:inline;
    color:#444;
}
/* Just the active letters; overrides rule above */
a.az-headeritem {
    color:#444;
    font-weight:bold;
    text-decoration:none;
    /* background-image:url(assets/components/siteatoz/media/images/header-bg.jpg); */
}
/* Each line of results */
div.az-item {
    display:block;
    color:#444;
    margin-left:10px;
}

div.az-item p {
margin: 0 0 0.5em;
}

/* Separator character for heading letters */
span.az-separator {
    color:#444;
    display:inline;
}
/* Anchor lines */
p.az-anchor {
    display:block;	
}
span.az-anchor-letter {
    font-family:arial,sans-serif;
    color:#444;
    font-weight:normal;
	font-size: 1.5em;
    margin:0;
}
/* Message when there are no results at all */
p.az-noData {
    color:red;
}

span.kategorien, span.kategorien a {
	color: #918783;
}


span.kategorien, span.kategorien a {
    color: #918783;
    font-size: small;
    line-height: 0.2em;
}

.premiumeintrag {
    background-color: #efeceb;
   /*  border-color: rgba(0, 0, 0, 0.3);
    border-radius: 0.3em;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; */
    padding: 5px;
	margin: 5px 20px 10px 0;
}

.premiumlogo {
	float:right;
	display:inline;
	max-width: 150px;
	margin: 5px;
}

.premiumlogo:after {
  clear:both;
  content:".";
  display:block;
  font-size:0;
  height:0;
  visibility:hidden;
}

/*Produktlisten nach Hilfearten oder Funktionsbereichen */
ul.produktliste {
list-style: none;
margin-left: 0;
}

ul.produktliste li {
margin-left: 0;
padding: 5px 5px 5px 0;
}

 ul.produktliste .premiumeintrag {
  padding: 5px;
  height: 50px;
 }
 
 ul.produktliste .premiumeintrag img  {
 max-height: 50px;
 float:right;
 }
 
 
}