/*@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200);
@import url(http://fonts.googleapis.com/css?family=Lato:100);*/

/*
	Halcyonic 1.0  by nodethirtythree + FCT
	http://nodethirtythree.com | @nodethirtythree
	Released under the Creative Commons Attribution 3.0 license (nodethirtythree.com/license)
*/

/*********************************************************************************/
/* Global                                                                        */
/*********************************************************************************/

/* yanone-kaffeesatz-200 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 200;
  src: url('/rbsd/fonts/yanone-kaffeesatz-v24-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/rbsd/fonts/yanone-kaffeesatz-v24-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/rbsd/fonts/yanone-kaffeesatz-v24-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/rbsd/fonts/yanone-kaffeesatz-v24-latin-200.woff') format('woff'), /* Modern Browsers */
       url('/rbsd/fonts/yanone-kaffeesatz-v24-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/rbsd/fonts/yanone-kaffeesatz-v24-latin-200.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-regular - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: url('/rbsd/fonts/yanone-kaffeesatz-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/rbsd/fonts/yanone-kaffeesatz-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/rbsd/fonts/yanone-kaffeesatz-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/rbsd/fonts/yanone-kaffeesatz-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/rbsd/fonts/yanone-kaffeesatz-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/rbsd/fonts/yanone-kaffeesatz-v24-latin-regular.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}


/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('/rbsd/fonts/lato-v23-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/rbsd/fonts/lato-v23-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/rbsd/fonts/lato-v23-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/rbsd/fonts/lato-v23-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/rbsd/fonts/lato-v23-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/rbsd/fonts/lato-v23-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('/rbsd/fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/rbsd/fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/rbsd/fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/rbsd/fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/rbsd/fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/rbsd/fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}




	/* Basic */

/*verstecktes Feld im Fromular*/
	.unsichtbar{
		display:none;
		}


		body
		{background: #D4D9DD url('images/bg03.jpg');

		}

		body, input, textarea, select
		{
	color: #474f51;
	font-size: 7.5pt;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.85em;
	font-weight: 300;
		}

		ul, ol, p, dl
		{
	margin: 0 0 2em 0;
		}




		section > :last-child, .last-child
		{
	margin-bottom: 0px !important;
		}

		a
		{
	text-decoration: underline;
		}

		a:hover
		{
		text-decoration: none;
		color: #000;
		}
		a:link
		{
		color: #666;
		}
		a:visited
		{
		color: #666;
		}
		a:active {
	color: #666;
		}

		/* Audio Button */
#dewbody {
	font-family:"Myriad","Myriad Pro",Georgia,Helvetica,Sans-serif;
	height:100%;
	padding:0 0 5em 0;
	margin:0;
	background:#eee;
}

#dewbody #content {
	width:50%;
	margin:auto;
}

#dewbody #players {
	background:#fff;
	overflow:auto;
}

#dewbody #players object {
	margin:20px 0 20px 50px;
}

#dewbody h1 {
	color:#456;
	margin-top:2em;
	padding:0 0 20px 10px;
	font-weight:normal;
	border-bottom:1px solid #ddd;
}

#dewbody h2 {
	font-weight:normal;
	background:#eee;
	padding:2em 10px 10px 10px;
	color:#444;
	font-size:130%;
	text-align:left;
	margin:0;
}

#dewbody p {
	margin:10px;
	padding-bottom:10px;
}

#dewbody .hint {
	color:#666;
	float:right;
	width:300px;
	text-align:left;
	margin-right:10px;
	background:#f6f6e0;
	padding:10px;
	clear:both;
}

#dewbody a {
	text-decoration:none;
	color:#369;
}

	/* Multi-use */

		.link-list
		{
		}

			.link-list li
			{
				padding: 0.2em 0 0.2em 0;
			}

			.link-list li:first-child
			{
				padding-top: 0 !important;
				border-top: 0 !important;
			}

			.link-list li:last-child
			{
				padding-bottom: 0 !important;
				border-bottom: 0 !important;
			}

			#content .link-list li
			{
				border-bottom: solid 1px #e2e6e8;
			}

			#footer .link-list li
			{
				border-top: solid 1px #e0e4e6;
				border-bottom: solid 1px #b5bec3;
			}

		.quote-list
		{
		}

			.quote-list li
			{
				padding: 1em 0 1em 0;
				overflow: hidden;
			}


			.quote-list li:first-child
			{
				padding-top: 0 !important;
				border-top: 0 !important;
			}

			.quote-list li:last-child
			{
				padding-bottom: 0 !important;
				border-bottom: 0 !important;
			}

				.quote-list li img
				{
					float: left;
				}

				.quote-list li p
				{
					margin: 0 0 0 0;
					font-size: 1.2em;
					font-style: italic;
				}

				.quote-list li span
				{
					display: block;
					margin-left: 270px;
					font-size: 0.9em;
					font-weight: 400;
				}

			#content .quote-list li
			{
				border-bottom: solid 1px #e2e6e8;
			}

			#footer .quote-list li
			{
				border-top: solid 1px #e0e4e6;
				border-bottom: solid 1px #b5bec3;
			}

		.check-list
		{
		}

			.check-list li
			{
				padding: 0.7em 0 0.7em 45px;
				font-size: 1.2em;
				background: url('images/icon-checkmark.png') 0px 1.05em no-repeat;
			}

			.check-list li:first-child
			{
				padding-top: 0 !important;
				border-top: 0 !important;
				background-position: 0 0.3em;
			}

			.check-list li:last-child
			{
				padding-bottom: 0 !important;
				border-bottom: 0 !important;
			}

			#content .check-list li
			{
				border-bottom: solid 1px #e2e6e8;
			}

			#footer .check-list li
			{
				border-top: solid 1px #e0e4e6;
				border-bottom: solid 1px #b5bec3;
			}


	}
		.feature-image
		{
			display: block;
			margin: 0 0 2em 0;
			outline: 0;
		}


			.feature-image img
			{
				display: block;
				width: 100%;

			}

		.bordered-feature-image
		{
			display: block;
			background: #fff url('images/bg04.png');
			padding: 2px;
			box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15);
			margin: 0 0 1.5em 0;
			outline: 0;
		}

			.bordered-feature-image img
			{
				display: block;
				width: 100%;
			}


		.button-big
		{
	display: inline-block;
	background: #ed391b;
	color: #FFF;
	text-decoration: none;
	font-size: 1.75em;
	font-weight: 300;
	padding: 15px 64px 15px 64px;
	outline: 0;
	border-radius: 10px;
	box-shadow: inset 0px 0px 0px 1px rgba(255,96,96,0.65), 3px 3px 3px 1px rgba(0,0,0,0.15);
	background-image: -moz-linear-gradient(top, #ed391b, #ce1a00);
	background-image: -webkit-linear-gradient(top, #ed391b, #ce1a00);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed391b), to(#ce1a00));
	background-image: -ms-linear-gradient(top, #ed391b, #ce1a00);
	background-image: -o-linear-gradient(top, #ed391b, #ce1a00);
	background-image: linear-gradient(top, #ed391b, #ce1a00);
		}

		.button-big:hover
		{
			box-shadow: inset 0px 0px 0px 1px rgba(255,128,128,0.65), 3px 3px 3px 1px rgba(0,0,0,0.15);
			background-image: -moz-linear-gradient(top, #fd492b, #de2a10);
			background-image: -webkit-linear-gradient(top, #fd492b, #de2a10);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd492b), to(#de2a10));
			background-image: -ms-linear-gradient(top, #fd492b, #de2a10);
			background-image: -o-linear-gradient(top, #fd492b, #de2a10);
			background-image: linear-gradient(top, #fd492b, #de2a10);
		}


/*********************************************************************************/
/* 1200px (>= 481px)                                                             */
/*********************************************************************************/

	@media only screen and (min-width: 481px) {

		section:last-child
		{
			margin-bottom: 0 !important;
		}

		/* Wrappers */

			#header-wrapper
			{
				background: #3B4346 url('images/bg01.jpg');
				border-bottom: solid 1px #272d30;
				box-shadow: inset 0px -1px 0px 0px #51575a;
			}

			.subpage #header-wrapper
			{
				height: 130px;
			}

			#features-wrapper
			{
				background: #353D40 url('images/bg02.jpg');
				border-bottom: solid 1px #272e31;
				padding: 45px 0 15px 0;
			}

			#content-wrapper
			{
				background: #f7f7f7 url('images/bg04.png');
				border-top: solid 1px #fff;
				padding: 0px 0 30px 0;
			}

			#footer-wrapper
			{
				padding: 30px 0 30px 0;
			}

		/* Header */

			#header
			{
				min-height: 130px;
				position: relative;
			}

				#header h1
				{
					position: absolute;
					left: 0;
					bottom: 8px;
					font-family: 'Lato', sans-serif;
					font-size: 2em;
					color: #f6f8f8;
				}

					#header h1 a
					{
						color: #fff;
						text-decoration: none;
					}

				#header nav
				{
					position: absolute;
					right: 0;
					bottom: 35px;
					font-weight: 200;
				}

					#header nav a
					{
						color: #c6c8c8;
						text-decoration: none;
						font-size: 1.4em;
						margin-left: 60px;
						outline: 0;
					}

					#header nav a:hover
					{
						color: #f6f8f8;
					}

		/* Banner */

			#banner
			{
				border-top: solid 1px #222628;
				box-shadow: inset 0px 1px 0px 0px #3e484a;
				padding: 15px 0 15px 0;
				color: #fff;
			}

				#banner .bordered-feature-image
				{
					margin-bottom: 0;
					padding: 0 0 0 0;
				}

				#banner p
				{
					font-size: 2em;
					font-weight: 200;
					line-height: 1.25em;
					padding-right: 1em;
					margin: 0 0 1em 0;
				}

		/* Features */

			#features
			{
				color: #a0a8ab;
			}

				#features h2
				{
					font-size: 1.5em;
					color: #fff;
					margin: 0 0 0.25em 0;
				}

				#features a
				{
					color: #e0e8eb;
				}

				#features strong
				{
					color: #fff;
				}

		/* Content */

			#content
			{
			}

				#content section
				{
					background: #fff;
					padding: 10px 30px 35px 30px;
					box-shadow: 2px 2px 2px 1px rgba(128,128,128,0.1);
					margin: 0 0 0 0;
				}

				#content h2
				{
					font-size: 1.8em;
					color: #373f42;
					margin: 0 0 0 0;
				}

				#content h3
				{
					color: #96a9b5;
					font-size: 1em;
				}
				#content h4
				{
					color: #373f42;
					font-size: 1.1em;
					line-height: 2.5;
				}

				#content a
				{
					color: #ED391B;
				}

				#content header
				{
					margin: 0 0 0 0;
				}

		/* Footer */

			#footer
			{
				color: #546b76;
				text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
			}

				#footer h2
				{
					font-size: 1.25em;
					color: #212f35;
					margin: 0 0 0.5em 0;

				}

					#footer h3
				{
					font-size: 1.25em;
					color: #fff;


				}

				#footer a
				{
					color: #546b76;
				}

		/* Copyright */

			#copyright
			{
				border-top: solid 1px #b5bec3;
				box-shadow: inset 0px 1px 0px 0px #e0e4e7;
				text-align: center;
				padding: 30px 0 30px 0;
				color: #8d9ca3;
				text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
			}

				#copyright a
				{
					color: #8d9ca3;
				}

	}

/*********************************************************************************/
/* 1000px (>= 481px && <= 1199px)                                                */
/*********************************************************************************/

	@media only screen and (max-width: 1099px) and (min-width: 481px) {

		/* Multi-use */

			.check-list
			{
			}

				.check-list li
				{
					font-size: 1em;
					line-height: 2em;
				}

			.quote-list
			{
			}

				.quote-list li
				{
					padding: 1em 0 1em 0;
				}

					.quote-list li img
					{
						width: 60px;
					}

					.quote-list li p
					{
						margin: 0 0 0 80px;
						font-size: 1em;
						font-style: italic;
						line-height: 1.8em;
					}

					.quote-list li span
					{
						display: block;
						margin-left: 80px;
						font-size: 0.8em;
						font-weight: 400;
						line-height: 1.8em;
					}

			.feature-image
			{
				margin: 0 0 1em 0;
			}

			.button-big
			{
				font-size: 1.5em;
				padding: 10px 35px 10px 35px;
			}

		/* Banner */

			#banner
			{
			}

				#banner p
				{
					font-size: 1.75em;
				}

		/* Header */

			#header
			{
			}

				#header h1
				{
					font-size: 2.25em;
				}

				#header nav
				{
				}

					#header nav a
					{
						font-size: 1.1em;
					}

		/* Content */

			#content
			{
			}

				#content h2
				{
					font-size: 1.4em;
				}

				#content h3
				{
					font-size: 1.1em;
				}

				#content header
				{
					margin: 0 0 1.25em 0;
				}
	}

/*********************************************************************************/
/* Mobile (<= 480px)                                                             */
/*********************************************************************************/

	@media only screen and (max-width: 480px) {

		body, input, textarea, select
		{
			font-size: 8pt;
			line-height: 1.4em;
		}

		/* Multi-use */

			.quote-list
			{
			}

				.quote-list li
				{
				}

					.quote-list li p
					{
						margin-bottom: 0.5em;
					}

					.quote-list li img
					{
						width: 150px;
					}

			.check-list
			{
			}

				.check-list li
				{
					font-size: 1em;
				}

			.button-big
			{
				font-size: 1.5em;
				padding: 10px 35px 10px 35px;
			}

		/* Wrappers */

			#header-wrapper
			{
				background: #3B4346 url('images/bg01.jpg') top center;
				border-bottom: solid 1px #272d30;
				box-shadow: inset 0px -1px 0px 0px #51575a;
				padding: 15px;
			}

			/*
				Don't want the banner? Uncomment the lines below:

				#header-wrapper { background-position: bottom center; }
				#banner { display: none !important; }
			*/

			#features-wrapper
			{
				background: #353D40 url('images/bg02.jpg');
				padding: 15px 15px 30px 15px;
			}

			#content-wrapper
			{
				background: #f7f7f7 url('images/bg04.png');
				padding: 5px;
			}

			#footer-wrapper
			{
				padding: 40px 15px 15px 15px;
			}
			/* Video Wrappers */

.responsive-video {
	position: relative;
	padding-bottom: 56%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


		/* Header */

			#header
			{
				position: relative;
				text-align: center;
				padding: 10px 0 10px 0;
			}

				#header h1
				{
					font-family: 'Lato', sans-serif;
					font-size: 1.2em;
					margin: 0.25em 0 0.6em 0;
					color: #fff;
				}

					#header h1 a
					{
						color: #fff;
						text-decoration: none;
					}

				#header nav
				{
					font-weight: 200;
					line-height: 1.75em;
				}

					#header nav a
					{
						display: inline-block;
						color: #c6c8c8;
						text-decoration: none;
						font-size: 1.1em;
						margin: 0 1em 0 1em;
					}

					#header nav a:hover
					{
						color: #f6f8f8;
					}

			#banner
			{
				position: relative;
				border-top: solid 1px #222628;
				box-shadow: inset 0px 1px 0px 0px #3e484a;
				color: #fff;
				text-align: center;
				padding: 20px 20px 10px 20px;
			}

				#banner .bordered-feature-image
				{
					display: none;
				}

				#banner p
				{
					font-size: 1.25em;
					font-weight: 200;
					line-height: 1.25em;
					margin: 0 0 1em 0;
				}

		/* Features */

			#features
			{
				color: #a0a8ab;
			}

				#features section
				{
					padding: 0 0 25px 0;
					margin: 0 0 25px 0;
					border-bottom: solid 1px #51575a;
					box-shadow: inset 0px -1px 0px 0px #272d30;
				}

				#features > div > div:last-child > section
				{
					padding-bottom: 0;
					margin-bottom: 0;
					border-bottom: 0;
					box-shadow: none;
				}

				#features h2
				{
					font-size: 1.25em;
					color: #fff;
					margin: 0 0 0.25em 0;
				}

				#features a
				{
					color: #e0e8eb;
				}

				#features strong
				{
					color: #fff;
				}

		/* Content */

			#content
			{
			}

				#content section
				{
					background: #fff;
					box-shadow: inset 0px 0px 0px 1px rgba(128,128,128,0.2);
					padding: 30px 15px 30px 15px;
					margin: 0 0 5px 0;
				}

				#content h2
				{
					font-size: 1.25em;
					color: #373f42;
					margin: 0 0 0.1em 0;
				}

				#content h3
				{
					color: #96a9b5;
					font-size: 1em;
				}

				#content a
				{
					color: #ED391B;
				}

				#content header
				{
					margin: 0 0 1.25em 0;
				}

		/* Footer */

			#footer
			{
				color: #546b76;
				text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
			}

				#footer section
				{
					margin: 0 0 40px 0;
				}

				#footer h2
				{
					font-size: 1.25em;
					color: #212f35;
					margin: 0 0 0.75em 0;
				}

				#footer a
				{
					color: #546b76;
				}

				#footer .link-list
				{
					margin: 0 0 30px 0 !important;
				}

		/* Copyright */

			#copyright
			{
				border-top: solid 1px #b5bec3;
				box-shadow: inset 0px 1px 0px 0px #e0e4e7;
				text-align: center;
				padding: 10px 30px 10px 30px;
				color: #8d9ca3;
				text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
			}

				#copyright a
				{
					color: #8d9ca3;
				}

	}
