/** -- Fonts ---  */
@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 Schriftgroessen auf Standardgroessee (16 Pixel) zurueksetzen */
html * { font-size:100%; }
/**
* (en) reset monospaced elements to font size 16px in all browsers
* (de) Schriftgroesse 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 erhaelt Standardschriftgroesse von 14 Pixeln */
body {
	/* font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; */
	font-family: arial, sans-serif; 
	font-size:83%; /* 87.50%; */ /* base: 14px */
	color:#444;
	/* (en) Prevent auto-scaling of text in mobile webkit browsers */
	/* (de) Automatische Schriftvergroesserung in mobilen Webkit-Browsern vermeiden */
	-webkit-text-size-adjust:100%;
}
/*--- Headings | Ueberschriften ------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
      font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	font-weight: 400;
	color:#333;
	margin:0;
	}
h1 {
	font-size:186%;
	line-height: 1.25em;
	margin: 0.85em 0 0.35em 0;
}
h2 {
	font-size:150%;
	line-height: 1.18em;
	margin: 1.3em 0 0 0;
}
h3 {
	font-size:125%;
	line-height: 1em;
	margin:1.3em 0 0 0;
}
h4 {
      font-size:118%;
	line-height: 0.85em;
	margin:1.25em 0 0 0;
}
h5 {
	font-size:100%;
	font-weight:bold;
	line-height: 1em;
	margin: 1em 0 0 0;
}
h6 {
	font-weight: bold;
	font-size:95.125%;
	line-height: 0.85em;
	margin:1em 0 0 0;
}
/* -- Sonderfaelle Ueberschriften -- */

h1.startpage {
      position:absolute;
      position: absolute; 
      top: -20px; 
     left: 80px; 
     color:#000;
    /* color:#fff; */
      font-size:0.3px;
}

h3.infotop {
	font-size:1.02em;
	line-height:1.05em;
	padding: 0.5em;
	margin: 0.5em 0 0 0;
      background:#6daddf;
      color:#fff;
    }
h3.infotop a {
	color:#444;
}
h3.infotop a:hover, h3.infotop a:active {
	color:#666;
}

h3.infotop1 {
	font-size:1.1em;
	line-height:1.05em;
	margin: -1em 0.2em 0.3em 0;
      padding: 0 0.02em 0.3em 0;
      background:transparent;
      color:#222;
      border-bottom-width: 2px;
      border-bottom-style: solid;
      border-bottom-color: #fff;
}

h3.infotop2 {
	font-size:1.125em;
       font-weight:600;
	line-height:1em;
	margin: 0.86em 0.2em 0 0;
       padding: 0 0.02em 0.1em 0;
      /* background:transparent;
      color:#0060a7; */
}

h3.infotop2 + p {
       margin-top:7px;
}

h3.infotop2 > p {
       line-height:0.8em;
}
h3.infotop2 a:hover, h3.infotop2 a:active {
	color:#efefef;
}

h2.infotop2 {
	font-size:1.28em;
	line-height:1.25em;
	margin: 1.1em 0.2em 0.3em 0;
      padding: 0 0.02em 0.3em 0;
      background:transparent;
      color:#222;
      border-bottom-width: 2px;
      border-bottom-style: solid;
      border-bottom-color: #6daddf;
}

h2.project {
	margin: 0.5em 0 0.5em 0;
        font-size: 12pt;
	font-weight: normal;
	position: relative;
	line-height: 23px;
	background: #6daddf;
	background-color: rgba(109, 173, 223, 1); 
	padding: 3px 10px;
	color: #fff;
}
/* -- Startseite blob -- */


/* --- Lists | Listen  -- */
ul,ol,dl {
	margin: 1.2em 0 0.3em 1em;}
ul {
	list-style-type:square;
}
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:1.017em; 
	line-height:1.3em;
	margin-left:0.8em;
}

#col3_content li, #col3_content li {
      font-size:100%;
}

dt { font-weight:bold; }
dd { margin:0 0 0.5em 2em; }
/* --- general text formatting | Allgemeine Textauszeichnung-- */
p {
	font-size:1.017em;
	line-height:1.29em;
	margin: 1.01em 0 0 0;
}
blockquote, cite, q {
	font-style:italic;
}
blockquote {
	margin:1.3em 0 0 1.3em;
	color:#666;
}
strong, b { font-weight:bold; }
em, i { font-style:italic; }
big {
	font-size:116.667%;
}
small {
	font-size:80%;
}
pre, code, kbd, tt, samp, var {
	font-size:100%;
}
pre {
	line-height:1.4em;
	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 #555 solid;
}
/*--- Links --- */
a {
	color:#4D87C7;
	background:transparent;
	text-decoration:none;
}
a:active { outline: none; }
/* (en) maximum constrast for tab focus - change with great care */
/* (en) Maximaler Kontrast fuer Tab Focus - aendern Sie diese Regel mit Bedacht */
a:hover, a:focus {
	background-color: transparent;
	color:#444;
	text-decoration:underline;
}
.ym-col3 a:visited {
      background-color:transparent; color:#366882;
}

/* --- images ------------------ */
img,figure {
	margin: 0;
}
.flexible {
	margin-top: 1.1em;
	max-width: 100%;
	height: auto;
}
* html .flexible {	/* IE6 support */
	width: 98%;		/* 2% space for borders */
}
.ym-col3 img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.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: #ddd;
	border-color: rgba(ddd,ddd,ddd,.2);
	/* -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.333em;
	margin: 1.5em 0 0.5em 0;
}
.box > *:first-child {
	margin-top: 0;
}

.menu-right {
     margin-top:0.85em;
     padding-left:0.22em;
     }

.newsbox {
  	border-radius: 0.3em;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd;
	border-color: rgba(ddd,ddd,ddd,.2);
	color: #444;
	color: rgba(0,0,0,.8);
	padding: 1em;
	margin: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
}
/* .newsbox-left {
	float:left;
}
.newsbox-right {
	float:right;
} */
/* .newsbox h4 {
	margin-top:0!important;
	margin-bottom:0;
	padding: 2px;
} */
 .newsbox p { 
		margin-top:6px;
}
 .newsbox img {
		float:left;
		padding:0;
		width:100%;
}  
.ym-gbox-right h4 {
	margin-bottom:0;
}

.gridbox {
/*	background:#efefef;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd; */
	margin:0.8em 0 0.2em 0;
	
}

.gridbox .ym-gbox-left {
	background:#f4f4f4;
	padding-left:0;
	padding-right:0;
	margin-right:.5em;
	border:1px solid #ddd;
}
.gridbox .ym-gbox-right {
	background:#eee;
	padding-left:0;
	padding-right:0;
	margin-left:.5em;
	border:1px solid #ddd;
}
.gridbox h4 {
	background:#6cacde;
	color:#fff;
	padding:.75em 1em;margin:0;
        line-height:1.05em;
}
.gridbox ul, .gridbox p {
	padding:1.5em;
	margin: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: 10px;
	line-height: 12px;
}
.info {
	background:#f4f4f4;
}
.success {
	background:#8c8;
}
.warning {
	background:#ffcc66;
}
.error {
	background:#993300;
	color:#fff;
}
.lightblue {
      /* background:#6dadda; */
     background:#d6edff;
     /* color:#fff; */
      border:none;
}

.lightblue a {
      color:#fff;
 }
.darkblue {
      background:#0060a7;
      color:#fff;
      border:none;
}

.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
.float-left {
	float:left;
	display:inline;
	margin: 1em 1em 0 0;
}
.float-right {
	float:right;
	display:inline;
	margin: 1em 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 fuer die Tabellenbreite und Gestaltungsvorschriften fuer Tabellen
* @section content-tables
*/
table {
	width:100%;
	border-collapse:collapse;
	margin: 1.3571em 0 0 0;
	color:#333;
	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 caption {
	font-variant:small-caps;
        font-weight:600;
        font-size:120%;
        padding: 0.6em;
}
th, td {
	line-height: 1.40em;
	vertical-align: top;
	padding: 0.6em 0.4em;
}

th p, td p, th li, td li {
      font-size:98%;
      line-height:1.40em;
}

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 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;
	background:#dcdcdc;
}
.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 {
	background:#f8f8f8;
} */
/* --- Zebra Tables simple, no CSS3 --- */
/* abgeloest von table.zebra */

/* tr.even {
	background:#fcfcfc;
}
tr.odd {
	background:#f2f2f2;
} */

/* Elemente zentrieren */

tr.ctr, th.ctr, td.ctr  {
	text-align:center;
}

tr.right, th.right, td.right {
	text-align:right;
}
th.right td {
	text-align:right;
}

tbody th.right {
      text-align:right!important;
}

tbody th.right td {
      text-align:right!important;
}

col.ctr {
     display:table-column;
     text-align:center!important;
}

col.right {
     display:table-column;
     text-align:right!important;
}
col.right td {
     text-align:right;
}

/* -- table no lines -- */

table.nolines, table.nolines th, table.nolines td, table.nolines tbody th, table.nolines thead {
	border: none;
}

/* -- Zebratabellen -- */

table.zebra tbody tr:nth-child(odd) {
  background: #f4f4f4;
}


/* Multicolumns (3) */
div.multicol3 {
	column-count: 3;
	column-gap: 20px;
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	height: 250px;
}
}