/** Project: Klinger
 *
 *  @creator       Thinkin-Tags v0.5.3
 *  @framework     YAML v4.1.2
 *  @file          typography.css
 */
 
@font-face {
    font-family: 'aleobold';
    src: url('aleo-bold-webfont.eot');
    src: url('aleo-bold-webfont.eot#iefix') format('embedded-opentype'),
    url('aleo-bold-webfont.woff') format('woff'),
    url('aleo-bold-webfont.ttf') format('truetype'),
    url('aleo-bold-webfont.svg#aleobold') format('svg');
}
 
@media all {

  
	html * {
		font-size: 100.01%;
		font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	}

.Test{font-family:aleobold;}

	textarea,
	pre,
	code,
	kbd,
	samp,
	var,
	tt {
		font-family: monospace;
	}

  img, embed, object, video {
    max-width: 100%; 
    width: auto;
    height: auto; 
  }
  DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
  DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
	  float: none;
  }

	body {
		background-color: #fff;
		color: #0c3b6e;
		font-size: 95.00%;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
		font-weight: normal;
		line-height: normal;
		}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: #0c3b6e;
		font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
		font-style: normal;
		font-weight: 600;
		margin: 0 0 0.25em 0;
	}

	h1 {
		font-size: 250%;
		text-align: center;
	}

	h2 {
		font-size: 200%;
	}

	h3 {
		font-size: 150%;
	}

	h4 {
		font-size: 133.33%;
	}

	h5 {
		font-size: 116.67%;
	}

	h6 {
		color: #888;
		font-size: 116.67%;
		text-align: center;
	}
	ul,
	ol,
	dl {
		line-height: 1.5em;
  }

	ul {
		list-style-type: disc;
	}

	ul ul {
		list-style-type: circle;
	}

	ol {
		list-style-type: decimal;
	}

	ol ol {
		list-style-type: lower-latin;
	}

	li {
		line-height: 1.5em;
		margin-left: 0.8em;
	}

	dt {
		font-weight: bold;
	}

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

	p {
		line-height: 1.3;
		margin: 0 0 1em 0;
	}

	blockquote,
	cite,
	q {
		font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
		font-style: italic;
	}

	blockquote {
		color: #666;
		margin: 0 0 1em 0;
		text-align: center;
	}

	strong,
	b {
		font-weight: bold;
	}

	em,
	i {
		font-style: italic;
	}

	big {
		font-size: 116.667%;
	}

	small {
		font-size: 91.667%;
	}

	pre {
		line-height: 1.5em;
		margin: 0 0 1em 0;
	}

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

	pre,
	code {
		color: #800;
	}

	kbd,
	samp,
	var,
	tt {
		color: #666;
		font-weight: bold;
	}

	var {
		font-style: italic;
	}

	acronym,
	abbr {
		border-bottom: 1px #aaa dotted;
		cursor: help;
    font-variant: sans-serif;
  }

	sub,
	sup {
		font-size: 91.6667%;
	}

	hr {
		background: transparent;
		border: 0;
		border-bottom: 1px #eee solid;
		color: #fff;
		margin: 0 0 0.5em 0;
		padding: 0 0 0.5em 0;
	}

	a {
		background: transparent;
		color: #0c3a6e;
		text-decoration: none;
	}

	a:visited {
		color: #0c3a6e;
	}

	a:focus,
	a:hover,
	a:active {
		color: #182E7A;
		text-decoration: underline;
	}

	p.icaption_left {
		display: inline;
		float: left;
		margin: 0 1em 0.15em 0;
	}

	p.icaption_right {
		display: inline;
		float: right;
		margin: 0 0 0.15em 1em;
	}

	p.icaption_left img,
	p.icaption_right img {
		border: 1px #888 solid;
		padding: 0;
	}

	p.icaption_left strong,
	p.icaption_right strong {
		background: #eee;
		display: block;
		font-size: 91.667%;
		font-weight: normal;
		margin-top: 2px;
		overflow: hidden;
		padding: 0.3em 0.5em;
	}

	.highlight {
		color: #c30;
	}

	.dimmed {
		color: #888;
	}

	.info {
		background: #f8f8f8;
		color: #666;
		font-size: 91.7%;
		margin: 6px 0 6px 0;
		padding: 10px 0 10px 0;
	}

	.note {
		background: #efe;
		border: 2px #484 solid;
		color: #040;
		margin-bottom: 1em;
		padding: 10px;
	}

	.important {
		background: #ffe;
		border: 2px #884 solid;
		color: #440;
		margin-bottom: 1em;
		padding: 10px;
	}

	.warning {
		background: #fee;
		border: 2px #844 solid;
		color: #400;
		margin-bottom: 1em;
		padding: 10px;
	}

	.float_left {
		display: inline;
		float: left;
		margin-bottom: 0.15em;
		margin-right: 1em;
	}

	.float_right {
		display: inline;
		float: right;
		margin-bottom: 0.15em;
		margin-left: 1em;
	}

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

	table {
		height: auto;	}

	table caption {
	}

	table.full {
		width: 100%;
	}

	table.fixed {
		table-layout: fixed;
	}

	th,
	td {
		padding: 0;
	}

	thead th {
			}

	tbody th {
		text-align: left;
	}

	tbody th[scope="row"],
	tbody th.sub {

	}

	tbody td {
	vertical-align: top;
	}

	tbody tr:hover th[scope="row"],
	tbody tr:hover tbody th.sub {

	}

	tbody tr:hover td {

	}

	.topnav .ym-wbox {
		padding: 0 12px;
	}
.topnav a {font-family: aleobold;}
	.flexible {
		max-width: 100%;
		max-height: auto;
	}

	.bordered {
		border: 4px #fff solid;
		box-shadow: 0 0 4px rgba(0,0,0,.5);
	}

	blockquote.box p {
		font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		margin: 0;
		padding: 0;
	}
	
  #header h1 {
	 font-size: 400%;
	 font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	 font-style: italic;
	 font-weight: bold;
	 text-shadow: black 0.1em 0.1em 0.2em
   }   
/* **************** Navigation links ******************** */

  /* Vertikale Navigation links ab 2. Ebene */
  

  .nav1, .nav1act, .nav1cur { 
  	font-size: 140%;
 	  padding-left:10px; 	
 	  line-height: 1;
  }
  .nav1, .nav1 a, .nav1 a:hover, .nav1act, .nav1act a, .nav1act a:hover, .nav1cur, .nav1cur a,
  .nav2, .nav2 a, .nav2 a:hover, .nav2act, .nav2act a, .nav2act a:hover, .nav2cur, .nav2cur a,
  .nav3, .nav3 a, .nav3 a:hover, .nav3act, .nav3act a, .nav3act a:hover, .nav3cur, .nav3cur a,
  .nav4, .nav4 a, .nav4 a:hover, .nav4act, .nav4act a, .nav4act a:hover, .nav4cur, .nav4cur a  {   
    list-style-type: none;
    text-decoration: none;
  }
  .nav1cur a, .nav1 a:hover, .nav1act a:hover,
  .nav2cur a, .nav2 a:hover, .nav2act a:hover,
  .nav3cur a, .nav3 a:hover, .nav3act a:hover,
  .nav4cur a, .nav4 a:hover, .nav4act a:hover {
    list-style-type:none;
    background: linear-gradient(left, #ffffff 0%, #9eb1c5 100%, #9eb1c5 100%); 
    background: -moz-linear-gradient(left, #ffffff 0%, #9eb1c5 100%, #9eb1c5 100%); 
    background: -webkit-linear-gradient(left, #ffffff 0%, #9eb1c5 100%, #9eb1c5 100%); 
    background: -ms-linear-gradient(left, #ffffff 0%, #9eb1c5 100%, #9eb1c5 100%); 
    background: -o-linear-gradient(left, #ffffff 0%, #9eb1c5 100%, #9eb1c5 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#9eb1c5,GradientType=1);  
    -webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;
		border-radius: 0.2em;
    text-decoration:none;
  }
  .ps-level1 ul li {
 	  margin-left: 12px;  	
 	  padding-left: 6px;
 	  font-size: 125%;
 	  margin-bottom: 0;  	lineheight: 1;
  }  
  .ps-level2 ul {
  	margin-bottom: 0px;
  }
  .ps-level2 ul li {
 	  margin-left: 20px;  	
 	  padding-left: 12px; 
 	  font-size: 106%;  	lineheight: 1;
  }
  .ps-level3 ul {
  	margin-bottom:0px;  
  }
  .ps-level3 ul li {
    margin-left: 28px;
    padding-left: 22px; 
    font-size: 100%;  	lineheight: 1;
  }
  .ps-level4 ul {
  	margin-bottom: 2px;
  }
  .ps-level4 ul li {
    margin-left: 35px;
    padding-left: 30px; 
    font-size: 92%;  	lineheight: 1;
  }
  
  /* --- Mail Formular ----------------------- */
   
  .csc-mailform fieldset {
  	border: solid 1px #aaa;
	  -webkit-border-radius: 0.5em;
  	-moz-border-radius: 0.5em;
  	border-radius: 0.5em;
  }
  div.csc-mailform fieldset li {
    padding: .15em;
    margin-bottom: .15em;	
  }       

    /* --- FlexSlider ----------------------- 
  .flexslider .slides img { 
  	width:100%; height: auto; margin-bottom: .5em;
  }
 /* Korrektur: Springen FlexSlider unter FireFox */   
  .slides li:after {
    content: ".";
    position:absolute;
    top:0;
    left:0;
    z-index:-1000;
  }  	
  .flexslider .slides img
{
  max-width: 100%; 
  width: 100%;
  display: block;
}
  	
/* --- Mail Spamschutz ------------------ */
  .unsichtbar {display:none;}

  .align-right { text-align: right; }
  .align-left { text-align: left; }
  .align-justify { text-align: justify; }
  .align-center { text-align: center; }	
  .csc-frame-frame1{
	  border: 1px solid #222;
    padding: 4px;
	}  
	.csc-frame-rulerBefore {border-top: 1px solid #eee; padding-top: 5px;}
	.csc-frame-rulerAfter {border-bottom: 1px solid #eee; margin-bottom: 5px; }
/* --- WFQBE-Query ------------------ */	
  .prodPict {
   	max_width: 500px;
   	height: auto;
   	margin: 4px 12px 0 0;
    }
  .prodTable {
   	display: table;
    table-layout: fixed;
   	}
  .prodTable tr{
  	margin: 15px 0 15px 0;
    }
  .browseTable {
    border-top: 1px solid #eee;
    empty-cells: show;
   	}
  a.wfqbe_link {
   	color: #2568b6;
   	font-weight: 500;
   	}	
table.wfqbe_table_results{
border: solid 1px black collapse; 
margin:1em;
margin-left: 0;
width: 100%;
}
.wfqbe_table_results th {border: solid 0.06em black; 
			padding: 0.2em;
			background-color: #AAAAAA;
    }
.wfqbe_table_results td {border: solid 0.06em black;
          padding: 0.35em; 
		  text-align:left;
    }			
caption{
caption-side:bottom;
/*color:#FF0000;*/
}

.wfqbe_odd{
background-color:#FFFFFF;
}

.wfqbe_even{
background-color:#EEEEEE;
  }
.wfqbe_pruef {
	border: 1px solid #aaaaaa;
	padding: 5px 15px 5px 15px;
	}
.wfqbe_mat {
		border: 1px solid #aaaaaa;
		padding: 5px 15px 5px 15px;
	}
.wfqbe_zul {
	border: 1px solid #aaaaaa;
	padding: 5px 15px 5px 15px;
	}
}