﻿/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	*
	{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	body, input, textarea
	{
		font-family: 'Open Sans', sans-serif;
		/*font-weight: 300;*/
	}

	body
	{
		background: #292b30 url('images/bg1.jpg');
		color: #ccc;
		font-size: 10pt;
		line-height: 1.75em;
		text-shadow: -1px -1px 1px rgba(0,0,0,0.75);
	}

	a
	{
		color: #88a9bb;
		text-decoration: underline;
	}

		a:hover
		{
			text-decoration: none;
		}

	h1,h2,h3,h4,h5,h6
	{
		color: #fff;
	}

	h2
	{
		font-family: 'Open Sans Condensed','Arial Narrow', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
	}

	p, ul
	{
		margin-bottom: 2.5em;
	}

	hr
	{
		border: 0;
		border-top: solid 1px rgba(0,0,0,0.5);
		height: 0px;
		border-bottom: solid 1px rgba(255,255,255,0.1);
		margin: 3.5em 0 3.5em 0;
	}
	
	ul.style1
	{
	}

		ul.style1 li
		{
			border-bottom: solid 1px rgba(0,0,0,0.5);
			border-top: solid 1px rgba(255,255,255,0.1);
			padding: 0.5em 0 0.5em 0;
		}
		
		ul.style1 li:first-child
		{
			border-top: 0;
			padding-top: 0;
		}
		
		ul.style1 li:last-child
		{
			border-bottom: 0;
			padding-bottom: 0;
		}
		
	ul.style2
	{
	}
	
		ul.style2 li
		{
			float: left;
			margin-left: 0.75em;
		}

		ul.style2 li:first-child
		{
			margin-left: 0;
		}

			ul.style2 li img
			{
				box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
			}

	ul.style3
	{
	}
	
		ul.style3 li
		{
			position: relative;
			padding-left: 1.5em;
			margin: 0.5em 0 0.5em 0;
		}
		
			ul.style3 li:before
			{
				content: '';
				display: block;
				position: absolute;
				left: 0;
				top: 50%;
				margin-top: -5px;
				width: 64px;
				height: 64px;
				background: url('images/sprites.png') -384px 0px no-repeat;
			}

	.date
	{
		font-style: italic;
		color: #82868c;
	}
	
	.image
	{
		display: inline-block;
		padding: 10px;
		background: rgba(0,0,0,0.15);
		border: solid 1px rgba(0,0,0,0.5);
		border-radius: 5px;
		box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3), 0px 1px 0px 0px rgba(255,255,255,0.125);
	}

	.sunken
	{
		display: inline-block;
		padding: 10px;
		background: rgba(0,0,0,0.15);
		border: solid 1px rgba(0,0,0,0.5);
		border-radius: 5px;
		box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3), 0px 1px 0px 0px rgba(255,255,255,0.125);
	}

	.sunken-fit
	{
		display: block;
		width: 100%;
	}
	
	.claim
	{
		font-family: 'Open Sans Condensed','Arial Narrow', sans-serif;
		font-weight: 600;
		font-size: 2.2em;
		line-height:1.2em;
		color:#E0E0E0;
		text-align:center;
		text-transform:uppercase;
	}
	
		.claim p
		{
			margin:0.5em 0 0.5em 0;
		}
		
		.claim p.claim-2
		{
			margin-top:0.9em;
			font-size: 0.9em;
			text-transform:none;
		}

	
	.claim-bold
	{
		color:#E1ECB7;
	}

	
	#Eisberg
	{
		display: block;
		width: 100%;
		height: 300px;
		padding: 1px 5px 1px 5px;
		background:url('../images/Eisb_Bk.png') 0px 0px repeat-x;
		border: solid 1px rgba(0,0,0,0.5);
		border-radius: 5px;
		box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.3), 0px 1px 0px 0px rgba(255,255,255,0.125);
	}

		.image img
		{
			display: block;
			width: 100%;
		}
		
	
	.FAQ-FaBlock
	{
		margin:2em 0 0 0;		
		display:block;
		font-weight: 400;
		font-size: 12pt;
		line-height:1.2em;
		color:#E0E0E0;
		text-align:left;
		text-transform:none;
	}
		/*Frage*/
		.FAQ-FaBlock h1
		{
			font-family: 'Open Sans Condensed','Arial Narrow', sans-serif;
			margin:0 0 0.5em 0;
			color:white;
			font-size:1.3em;
			font-weight:700;
		}
		
		/*Antwort Abschnitt*/
		.FAQ-FaBlock p
		{
			margin:0 0 0.5em 0;
			text-align:justify;
		}
		
		.FAQ-FaBlock ul
		{
			list-style:square;
			padding-left: 1.5em;
			margin-bottom: 1em;

		}
		
		.FAQ-FaBlock .bold
		{
			font-weight:700;
			color:#E1ECB7;

		}

			
	.Tec-Block
	{
		margin:2em 0 0 0;
		
		display:block;
		font-weight: 400;
		font-size: 11pt;
		line-height:1.2em;
		color:#E0E0E0;
		text-align:left;
		text-transform:none;
	}
		/*Frage*/
		.Tec-Block h1
		{
			font-family: 'Open Sans Condensed','Arial Narrow', sans-serif;
			margin:0 0 0.5em 0;
			color:white;
			font-size:1.2em;
			font-weight:700;
		}
		
		.Tec-Block h2
		{
			font-family: 'Open Sans Condensed','Arial Narrow', sans-serif;
			margin:0 0 0.5em 0;
			color:#D5D9B3;
			font-size:1.2em;
			font-weight:700;
			text-transform:none;
		}
		/*Antwort Abschnitt*/
		.Tec-Block p
		{
			margin:0 0 0.5em 0;
			text-align:justify;
		}
		
		.Tec-Block ul
		{
			list-style:square;
			padding-left: 1.5em;
			margin-bottom: 1em;

		}
		
		.Tec-Block a
		{
			font-weight:800;
			text-decoration:none;
			color:white;
		}
	
	.claim-right
	{
		position: relative;
		z-index: 2;
		margin: 0.5em 0 0.5em 0;
		font-size: 2.2em;
		color: rgb(240, 240, 240);
		text-align:right;
	}

	.claim-left
	{
		position:relative;
		z-index: 2;
		margin: 0.5em 0 0.5em 0;
		font-size: 2.2em;
		color:#D5D9B3;
	}

	.image-fit
	{
		display: block;
		margin: 0 0 2.5em 0;
		width: 100%;
	}
	
		.image-fit img
		{
			width: 100%;
		}
		
	.image-w80
	{
		display: block;
		margin: 0 0 2.5em 0;
		width: 100%;
		text-align:center;
	}
		
		.image-w80 img
		{
			width: 70%;
			margin:0 auto 0 auto;
		}


	.image-left
	{
		float: left;
		margin-right: 2em;
	}
		
	.button
	{
		display: inline-block;
		position: relative;
		background: url('images/bg3.jpg') 0 15% repeat-x;
		padding: 1em 2.5em 1em 1.5em;
		border-radius: 5px;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.9), inset 0px 2px 0px 0px rgba(255,255,255,0.8), inset 0px 0px 0px 2px rgba(255,255,255,0.6), 0px 2px 3px 0px rgba(0,0,0,0.35);
		text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
		color: #31424b;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.25em;
		letter-spacing: -1px;
		outline: 0;
	}
	
		.button:after
		{
			content: '';
			position: absolute;
			top: 1.35em;
			right: -32px;
			width: 64px;
			height: 64px;
			background: url('images/sprites.png') -192px 0px no-repeat;
		}
		
		.button:hover
		{
			background-position: 0 80%;
		}
		

	.button-inline
	{
		display: inline;
		position: relative;
		background: url('images/bg3.jpg') 0 15% repeat-x;
		padding: 0.5em 2.5em 0.5em 1.5em;
		border-radius: 5px;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.9), inset 0px 2px 0px 0px rgba(255,255,255,0.8), inset 0px 0px 0px 2px rgba(255,255,255,0.6), 0px 2px 3px 0px rgba(0,0,0,0.35);
		text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
		color: #31424b;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.25em;
		letter-spacing: -1px;
		outline: 0;
		width:100%;
		margin: 1em 0 1.2em 0;
	}
	
		.button-inline:after
		{
			content: '';
			position: absolute;
			top: 0.85em;
			right: -32px;
			width: 64px;
			height: 64px;
			background: url('images/sprites.png') -192px 0px no-repeat;
		}
		
		.button-inline:hover
		{
			background-position: 0 80%;
		}
	
/*	.button-small
	{
		font-size: 1.0em;
		display:inline;
	}

		
	section.kb .button
	{
		display: inline-block;
		position: relative;
		background: url('images/bg3.jpg') 0 15% repeat-x;
		padding: 0.5em 3em 0.5em 2em;
		border-radius: 5px;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.9), inset 0px 2px 0px 0px rgba(255,255,255,0.8), inset 0px 0px 0px 2px rgba(255,255,255,0.6), 0px 2px 3px 0px rgba(0,0,0,0.35);
		text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
		color: #31424b;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.25em;
		letter-spacing: -1px;
		outline: 0;
	}
	
		section.kb .button:after
		{
			content: '';
			position: absolute;
			top: 0.8em;
			right: -32px;
			width: 64px;
			height: 64px;
			background: url('images/sprites.png') -192px 0px no-repeat;
		}
		
		section.kb .button:hover
		{
			background-position: 0 80%;
		}
		*/
			
	.button-big
	{
		padding: 0.8em 2.1em 0.8em 1em;
		font-size: 2em;
	}
	
		.button-big:after
		{
			background-position: -128px;
			top: 0.85em;
			right: -24px;
		}

	.box-cta
	{
		position: relative;
		background: url('images/bg2.jpg') center center repeat-x;
		border-radius: 5px;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.6), inset 0px 2px 0px 0px rgba(255,255,255,0.2), inset 0px 0px 0px 2px rgba(255,255,255,0.1), 0px 2px 5px 0px rgba(0,0,0,0.2);
		padding: 3.25em 2.5em 3.25em 2.5em;
	}
	
		.box-cta:after
		{
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background: url('images/highlight.png') center center no-repeat;
			background-size: 100% 175%;
			z-index: 1;
		}
	
		.box-cta h2
		{
			position: relative;
			z-index: 2;
			margin: 0 0 0.5em 0;
			font-size: 2.5em;
			color:#EBEBEB;
		}
		
		.box-cta p
		{
			position: relative;
			z-index: 2;
			font-family: 'Open Sans Condensed', sans-serif;
			font-weight: 400;
			color:#EBEBEB;
			text-transform: uppercase;
			font-size: 1.6em;
			margin: 0;
		}
		
		.box-cta .button
		{
			position: relative;
			z-index: 2;
		}
		

	.box-featured-post
	{
		position: relative;
	}

		.box-featured-post h2
		{
			margin: 0 0 1.25em 0;
		}

		.box-featured-post .date
		{
			position: absolute;
			right: 0;
			top: 0;
		}

	.box-more-posts
	{
		position: relative;
	}

		.box-more-posts .image
		{
			width: 30%;
			float: left;
		}

		.box-more-posts h2
		{
			margin: 0 0 1.25em 0;
		}
	
		.box-more-posts article
		{
			clear: both;
			margin: 0 0 3em 0;
		}
	
			.box-more-posts article div
			{
				margin-left: 35%;
			}

			.box-more-posts article p
			{
				margin: 0 0 0.5em 0;
			}