/**
 * "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.2
 * @revision        $Revision: 1.3 $
 * @lastmodified    $Date: 2013-08-12 08:44:11 $
 * @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%; }
/**
* (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:"Open Sans", Arial, Helvetica, sans-serif;
	/*font-size:87.50%;  base: 14px */
    font-size:75.00%;
	color:#424242;
	/* (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 ------------------------------------------------------------------------*/
  
header h1.header_title{
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:260%;
    margin: 0;
    padding:0;}
  

.ym-col1 h1,.ym-col1 h2,.ym-col1 h3,
.ym-col1 h4,.ym-col1 h5,.ym-col1 h6,  
.ym-col2 h1,.ym-col2 h2,.ym-col2 h3
.ym-col2 h4,.ym-col2 h5,.ym-col2 h6{
    display:block;
    margin: 0 0 0.25em 0;}

/*Rand H1-H3*/
.ym-col1 h1,.ym-col1 h2,.ym-col1 h3,
.ym-col2 h1,.ym-col2 h2,.ym-col2 h3{
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    font-weight:normal;
    padding:5px 0;
    clear:left;
    color: #00509e;}
  
.ym-col1 h1,.ym-col1 h2,
.ym-col2 h1,.ym-col2 h2{
    color: #00509e;
    border-bottom:0;}
  
.ym-col1 .quickbox h1,.ym-col1 .quickbox h2,
.ym-col2 .quickbox h1,.ym-col2 .quickbox h2{
	font-weight:normal;
	clear:left;
	color: #fff;
	border-bottom:0;
	padding:5px 7px;
	background: #00509e;
	background: -moz-linear-gradient(top,  #00509e 0%, #009ec3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00509e), color-stop(100%,#009ec3));
	background: -webkit-linear-gradient(top,  #00509e 0%,#009ec3 100%);
	background: -o-linear-gradient(top,  #00509e 0%,#009ec3 100%);
	background: -ms-linear-gradient(top,  #00509e 0%,#009ec3 100%);
	background: linear-gradient(to bottom,  #00509e 0%,#009ec3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00509e', endColorstr='#009ec3',GradientType=0 );}
  
/*Rand H4-H6*/
.ym-col1 h4,.ym-col1 h5,.ym-col1 h6,
.ym-col2 h4,.ym-col2 h5,.ym-col2 h6{
   	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	padding:5px 0;
    clear:left;
    color: #00509e;
    border-bottom:0;}

.ym-col1 h1,.ym-col2 h1 { font-size: 120%;}
.ym-col1 h2,.ym-col2 h2 { font-size: 140%;}
.ym-col1 h3,.ym-col2 h3 { font-size: 140%;}
.ym-col1 h4,.ym-col2 h4 { font-size: 100%;}
.ym-col1 h5,.ym-col2 h5 { font-size: 90%;}
.ym-col1 h6,.ym-col2 h5 { font-size: 90%;}

/*Content H1-H6*/
.ym-col3 h1,
.ym-col3 h2,
.ym-col3 h3,
.ym-col3 h4,
.ym-col3 h5,
.ym-col3 h6{
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
    font-weight:normal;
    margin: 0 0 0.5em 0;
    display:block;
    padding:5px 0;
    color: #00509e;
    border:0;}

.ym-col3 .ym-cbox-content h1,
.ym-col3 .ym-cbox-content h2 { font-size: 170%;margin: 0 0 0.75em 0;font-weight:normal;}
.ym-col3 .ym-cbox-content h3 { font-size: 130%;}
.ym-col3 .ym-cbox-content h4 { font-size: 130%;}
.ym-col3 .ym-cbox-content h5 { font-size: 120%;}
.ym-col3 .ym-cbox-content h6 { font-size: 100%;}

.ym-col3 .ym-cbox-content h3 a:hover{color:#000 !important;}
  
.ym-col3 .ym-cbox-content h2.articlelist-listview-title,
.ym-col3 .ym-cbox-content h2.articlelist-listview-title,
.ym-col3 .ym-cbox-content h3.articlelist-listview-title,
.ym-col3 .ym-cbox-content h3.articlelist-listview-title{
	margin:0 0 0.5em 0;
	padding:0;} 
	  
.ym-col3 .ym-cbox-content h3.ui-accordion-header{font-size:100%;margin:0 0 0.5em;}

/* --- Lists | Listen  -------------------------------------------------------------------------------- */
ul,
ol,
dl {
	font-size:1em;
	line-height:1.5em;
	margin:0.5em 0 1em 1em;}

ul {list-style-type:disc;}

ol {list-style-type:decimal;}

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

ol ol {
	list-style-type:lower-latin;
	margin-top:0;}

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

li {
	font-size:1em;
	line-height:1.5em;
	list-style-type:square;
	margin-left:0.8em;}
	
.ym-col3 li{font-size:1.1em;}
#gc_sitemap li{font-size:1em !important;}	
	
.ym-col3 li{font-size:1.1em;}
.gcarticle-gallery li.gcarticle-gallery-row{list-style-type:none;}

#gc_sitemap li{font-size:1em;}	

dt { font-weight:bold; }

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

/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
p {
	font-size:1.1em;
	line-height:1.5em;
	/*margin: 1.5em 0 0 0; yaml abstand nach oben*/
    margin: 0em 0 1em;}

blockquote, cite, q {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;}

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

strong, b { font-weight:bold; }

em, i { font-style:italic; }

big {font-size:116.667%;}

small{font-size:85.71%;}

pre,
code,
kbd,
tt,
samp,
var {font-size:100%;}

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

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: 75%;
	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.75em 0;
	padding:0 0 0.75em 0;
	border:0;
	border-bottom:1px #eee solid;}

/*--- Links ----------------------------------------------------------------------------------------- */
a,
a:link,
a:visited{
	color:#00509e;
	background:transparent;
	text-decoration:underline;}

a:active { outline: none; }

/* (en) maximum constrast for tab focus - change with great care */
/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
a:hover,
a:focus,
a:active{
	color:#000;
	text-decoration:none;}		
	
/* --- images ------------------ */
img,
figure {margin: 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:#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 {
	padding: 2px 6px 2px;
	display: inline-block;
	vertical-align:middle;
	letter-spacing: normal;
	white-space:nowrap;
    font-size:0.9em;
	background: #eee;
    margin-bottom:1px;
	color: #666;
    line-height: 1.4em;
    /*
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
	line-height: 12px;     
    */}

.info {background:#f4f4f4;}

.success {background:#8c8;}

.warning {background:#cc8;}

.error {background:#c88;}

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

/**
* ------------------------------------------------------------------------------------------------- #
*
* 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.gcarticle-documenttable tbody td {
	text-align: left;
	border-top:1px solid #b6b6b6;
	border-left:none;
	border-right:none;
	border-bottom:none;}

table {
	width:100%;
	border-collapse:collapse;
	margin: 1.3571em 0 0 0;
	color:#4f4f4f;
	font-size:1.1em;
	border-top: 1px #b6b6b6 solid;
	border-bottom: 1px #b6b6b6 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 #b6b6b6 solid;}

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

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

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

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

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

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

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

/* highlight row on mouse over */
tbody tr:hover th,
tbody tr:hover td {background:#f8f8f8;}
}