/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * central stylesheet - layout example "flexible-grids"
 *
 * @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
 */

/* Google Font API */
/* @import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:700); */

/* import core styles | Basis-Stylesheets einbinden */
@import url(yaml/core/base.min.css);


/* import screen layout | Screen-Layout einbinden */
@import url(yaml/navigation/hlist.css);
@import url(yaml/navigation/vlist.css);
@import url(yaml/forms/gray-theme.css);

@import url(yaml/screen/typography.css);
@import url(yaml/screen/screen-FULLPAGE-layout.css);

/* import print layout | Druck-Layout einbinden */
@import url(yaml/print/print.css);

/* hlist.css - Anpassungen */

@media all {
  .ym-hlist {
    background: #000033;
  }
  .ym-hlist ul li a, .ym-hlist ul li strong {
    color: #9999cc;
  }
  .ym-hlist ul li a:focus,
  .ym-hlist ul li a:hover,
  .ym-hlist ul li a:active {
    color: #9999cc;
    background: #666699;
  }
  .ym-hlist ul li.active {
    background: #666699;
    color: #9999cc;
  }
  .ym-hlist ul li.active strong,
  .ym-hlist ul li.active a:focus,
  .ym-hlist ul li.active a:hover,
  .ym-hlist ul li.active a:active {
    color: #ccccff;
  }
  .ym-searchform .ym-searchfield {
    border: solid 1px #9999cc;
  }
  .ym-searchform .ym-searchbutton {
    background: #666699;
    color: #ccccff;
  }
}

/* vlist.css - Anpassungen */

@media all {
  .ym-vlist ul {
    border-top: 2px #ccccff solid;
    border-bottom: 2px #ccccff solid;
  }
  .ym-vlist li {
    background-color: #ffffff;
  }
  .ym-vlist a,
  .ym-vlist strong,
  .ym-vlist span {
    border-bottom: 1px #ccccff solid;
  }
  .ym-vlist a,
  .ym-vlist a:visited {
    color: #333366;
  }
  .ym-vlist li span {
    border-bottom: 1px #ccccff solid;
  }
  .ym-vlist li.active {
    color: #ffffff;
    background-color: #333366;
  }
  .ym-vlist li a:focus,
  .ym-vlist li a:hover,
  .ym-vlist li a:active {
    background-color: #888899;
    color: #ffffff;
  }
  .ym-vlist li ul li a,
  .ym-vlist li ul li a:visited {
    background-color: #f8f8ff;
    color: #333344;
  }
  .ym-vlist li ul li a:focus,
  .ym-vlist li ul li a:hover,
  .ym-vlist li ul li a:active {
    background-color: #888899;
    color: #ffffff;
  }
  .ym-vlist li ul li ul li a,
  .ym-vlist li ul li ul li a:visited {
    background-color: #f0f0ff;
    color: #222233;
  }
  .ym-vlist li ul li ul li a:focus,
  .ym-vlist li ul li ul li a:hover,
  .ym-vlist li ul li ul li a:active {
    background-color: #888899;
    color: #ffffff;
  }
  .ym-vlist li ul li ul li ul li a,
  .ym-vlist li ul li ul li ul li a:visited {
    background-color: #e8e8f9;
    color: #111122;
  }
  .ym-vlist li ul li ul li ul li a:focus,
  .ym-vlist li ul li ul li ul li a:hover,
  .ym-vlist li ul li ul li ul li a:active {
    background-color: #888899;
    color: #ffffff;
  }
  .ym-vtitle {
    color: #333366;
    background-color: #ffffff;
    border-top: 2px #ccccff solid;
  }
  .ym-vtitle + ul {
    border-top: 4px #888899 solid;
  }
}

/* Google Fonts lokale Einbindung */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/DroidSans-Bold.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/DroidSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/DroidSans-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/DroidSans-Bold.woff') format('woff'), /* Modern Browsers */
       url('fonts/DroidSans-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/DroidSans-Bold.svg#DroidSans') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/DroidSerif.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/DroidSerif.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/DroidSerif.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/DroidSerif.woff') format('woff'), /* Modern Browsers */
       url('fonts/DroidSerif.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/DroidSerif.svg#DroidSerif') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/DroidSerif-Bold.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/DroidSerif-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/DroidSerif-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/DroidSerif-Bold.woff') format('woff'), /* Modern Browsers */
       url('fonts/DroidSerif-Bold') format('truetype'), /* Safari, Android, iOS */
       url('fonts/DroidSerif-Bold.svg#DroidSerif-Bold') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Droid Serif';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/DroidSerif-Italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/DroidSerif-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/DroidSerif-Italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/DroidSerif-Italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/DroidSerif-Italic') format('truetype'), /* Safari, Android, iOS */
       url('fonts/DroidSerif-Italic.svg#DroidSerif-Italic') format('svg'); /* Legacy iOS */
}

/* screen-FULLPAGE-layout.css - Anpassungen */

  .ym-searchform,
  nav .ym-hlist ul,
  nav .ym-hlist li {
    float: left;
  }



  /*--- Headings | Ueberschriften ------------------------------------------------------------------------*/
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Droid Sans", Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #161e21;
    margin: 0;
  }

  h1 {
    /* font-size: 48px; */
    font-size: 342.85714%;
    line-height: 0.875;
    margin: 0 0 0.4375em 0;
  }

  h2 {
    /* font-size: 24px; */
    font-size: 171.42857%;
    line-height: 0.875;
    margin: 0 0 0.875em 0;
  }

  h3 {
    /* font-size: 21px; */
    font-size: 150%;
    line-height: 1;
    margin: 0 0 1em 0;
  }

  h4 {
    /* font-size: 18px; */
    font-size: 128.57143%;
    line-height: 1.16667;
    margin: 0 0 1.16667em 0;
  }

  h5 {
    /* font-size: 14px; */
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
  }

  h6 {
    /* font-size: 14px; */
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
  }

/* Basic Element Styling */

  header {
    background: #333366;
    color: #ccccff;
  }
  header h1 {
    background: transparent;
    color: #9999cc;
  }
  header h2 {
    background: transparent;
    color: #ccccff;
  }
  nav {
    background: #000033;
  }
  footer {
    background: #000033;
    color: #ccccff;
  }

@media screen and (max-width: 480px) {
  header h2 {
    font-size: 1.0em;
    line-height: 1em;
    margin: 0;
  }
}

/* info.box Element Styling */
  .box {
    border-color: #999999;
  }
  .info {
    background: #ccccff;
  }

  .success {
    background: #ccffcc;
  }

nav.center {
    display: block;
    margin-left: auto;
    margin-right: auto }

/* Tag cloud */

	.tags ul{
		margin:1em 0;
		padding:.5em 10px;
		text-align:center;
		background:#9999cc
		}
	.tags li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
		}
	.tags li a{
		text-decoration:none;
		color:#fff;
		padding:0 2px;	
		}
	.tags li a:hover{	
		color:#cff400;
		}		

	.tag1{font-size:90%;}
	.tag2{font-size:100%;}
	.tag3{font-size:110%;}
	.tag4{font-size:120%;}
	.tag5{font-size:130%;}

  .warning {
    background: #fa8072;
  }