@charset "utf-8";


/* start: Diverses ------------------------------------------------------------ */
.no_css {
	position:absolute;
	padding:0;
	margin:0;
	height:0;
	display:none;
	visibility:hidden;
}
.clear{
	clear:both;
}
.clear-left{
	clear:left;
}
.clear-right{
	clear:right;
}

	.button, .button span {
		-moz-box-shadow:inset 0px 0px 2px 2px #6FE0FF;
		-webkit-box-shadow:inset 0px 0px 2px 2px #6FE0FF;
		box-shadow:inset 0px 0px 2px 2px #6FE0FF;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00addd), color-stop(1, #5eccea) );
		background:-moz-linear-gradient( center top, #00addd 5%, #5eccea 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00addd', endColorstr='#5eccea');
		background-color:#00addd;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		border:2px solid #0088AF;
		display:inline-block;
		color:#ffffff;
		font-family: Helvetica,Verdana,Arial;
		font-size:18px;
		font-weight:bold;
		padding:6px 25px;
		text-decoration:none;
		text-transform: uppercase;
	}
	.button:hover  span {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5eccea), color-stop(1, #00addd) );
		background:-moz-linear-gradient( center top, #5eccea 5%, #00addd 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5eccea', endColorstr='#00addd');
		background-color:#5eccea;
	}
	.button:active  span { position:relative; top:1px; }
	.button {
		-moz-box-shadow: 0px 0px 5px 0px #666;
		-webkit-box-shadow: 0px 0px 5px 0px #666;
		box-shadow: 0px 0px 5px 0px #666;
		padding:0;
		border:none;
	}


	.button-slider, .button-slider span {
		-moz-box-shadow:inset 0px 0px 5px 0px #004064;
		-webkit-box-shadow:inset 0px 0px 5px 0px #004064;
		box-shadow:inset 0px 0px 5px 0px #004064;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #004064), color-stop(1, #004064) );
		background:-moz-linear-gradient( center top, #004064 5%, #004064 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#004064', endColorstr='#004064');
		background-color:#004064;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		border:2px solid #004064;
		display:inline-block;
		color:#ffffff;
		font-family: Helvetica,Verdana,Arial;
		font-size:18px;
		font-weight:normal;
		font-style:normal;
		padding:10px 10px;
		text-decoration:none;
		text-transform: uppercase;
	}
	.button-slider:hover  span {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #002B47), color-stop(1, #004064) );
		background:-moz-linear-gradient( center top, #002B47 5%, #004064 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#002B47', endColorstr='#004064');
		background-color:#002B47;
	}
	.button-slider:active  span { position:relative; top:1px; }
	.button-slider {
		-moz-box-shadow: 0px 0px 5px 0px #666;
		-webkit-box-shadow: 0px 0px 5px 0px #666;
		box-shadow: 0px 0px 5px 0px #666;
		padding:0;
		border:none;
	}



	.button-zitate, .button-zitate span {
		/**/
		-moz-box-shadow:inset 0px 0px 2px 0px #00addd;
		-webkit-box-shadow:inset 0px 0px 2px 0px #00addd;
		box-shadow:inset 0px 0px 2px 0px #00addd;

		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00addd), color-stop(1, #5eccea) );
		background:-moz-linear-gradient( center top, #00addd 5%, #5eccea 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00addd', endColorstr='#5eccea');
		background-color:#00addd;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border:2px solid #5eccea;
		display:inline-block;
		color:#ffffff;
		font-family: Helvetica,Verdana,Arial;
		font-size:22px;
		font-weight:bold;
		padding:10px 25px;
		text-decoration:none;
		text-transform: uppercase;
	}
	.button-zitate:hover  span {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5eccea), color-stop(1, #00addd) );
		background:-moz-linear-gradient( center top, #5eccea 5%, #00addd 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5eccea', endColorstr='#00addd');
		background-color:#5eccea;
	}
	.button-zitate:active  span { position:relative; top:1px; }
	.button-zitate {
		-moz-box-shadow: 0px 0px 5px 0px #333;
		-webkit-box-shadow: 0px 0px 10px 0px #333;
		box-shadow: 0px 0px 10px 0px #333;
		padding:0;
		border:none;
	}



	.button-donate, .button-donate span {
		/**/
		-moz-box-shadow:inset 0px 0px 2px 0px #0188AD;
		-webkit-box-shadow:inset 0px 0px 2px 0px #0188AD;
		box-shadow:inset 0px 0px 2px 0px #0188AD;

		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0188AD), color-stop(1, #017493) );
		background:-moz-linear-gradient( center top, #0188AD 5%, #017493 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0188AD', endColorstr='#017493');
		background-color:#0188AD;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border:2px solid #017493;
		display:inline-block;
		color:#ffffff;
		font-family: Helvetica,Verdana,Arial;
		font-size:22px;
		font-weight:bold;
		padding:10px 25px;
		text-decoration:none;
		text-transform: uppercase;
	}
	.button-donate:hover  span {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #017493), color-stop(1, #0188AD) );
		background:-moz-linear-gradient( center top, #017493 5%, #0188AD 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#017493', endColorstr='#0188AD');
		background-color:#017493;
	}
	.button-donate:active  span { position:relative; top:1px; }
	.button-donate {
		-moz-box-shadow: 0px 0px 5px 0px #333;
		-webkit-box-shadow: 0px 0px 10px 0px #333;
		box-shadow: 0px 0px 10px 0px #333;
		padding:0;
		border:none;
	}
/* ende: Diverses ------------------------------------------------------------- */

.smb{
	position: absolute;
	right: 115px;
	top: 18px;
}

.twitter{
	margin-right: 5px;
}

/* start: body ---------------------------------------------------------------- */
html, body {
	height:100%;
	width:100%;
}
body {
	font-family: Helvetica,Verdana,Arial;
	font-size:14px;
	color: #666666;
	position:relative;
	padding:0;
	margin:0;

	background-color:#fff;
	background-image: url("../img/body_bg.jpg");
	background-position:left top;
	background-repeat:repeat-x;

	overflow-y: scroll;
}
/* ende: body ----------------------------------------------------------------- */





/* start: #ganz --------------------------------------------------------------- */
#ganz {
	position:relative;
	width:auto;
	height:auto;
	padding:0;
	margin:0 auto;
}
	#ganz .inner {
		position:relative;
		width:1200px;
		height:auto;
		padding:0;
		margin:0 auto;
	}
/* ende: #ganz ---------------------------------------------------------------- */





/* start: #head --------------------------------------------------------------- */
#head {
	position:relative;
	/*
	padding:0 110px;
	*/
	padding:0;
	margin:0 auto 25px;
}
	#head .inner {
		position:relative;
		width:auto;
		height:134px;
		padding:0;
		margin:0 auto;

		background-color:none;
		background-image: url("../img/pfeil_logo.jpg");
		background-position:left bottom;
		background-repeat:no-repeat;
	}
		#head h1 {
			position:absolute;
			left:5px;
			bottom:-10px;
			width:272px;
			height:85px;

			background-color:none;
			background-image: url("../img/logo_wins.png");
			background-position:left top;
			background-repeat:no-repeat;

			color: #00acdd;
			line-height: 20px;
			margin-bottom: 30px;
		}

		#head h1 a {
			position:absolute;
			left:5px;
			bottom:-10px;
			width:272px;
			height:85px;
			z-index: 100;
		}
			#head h1 span { display:none; }
			#head .login {
				position:absolute;
				top:15px;
				/*
				right:75px;
				*/
				right:185px;
				text-align:right;
				color:#848484;
				font: 12px Arial,Helvetica,sans-serif;
			}
				#head .login a {
					color:#848484;
					text-decoration:none;
				}
				#head .login a:hover {
					color:#848484;
					text-decoration:underline;
				}
/* ende: #head ---------------------------------------------------------------- */





/* start: #navi --------------------------------------------------------------- */

#navi {
	position:absolute;
	padding:0 110px;
	margin:0 auto;

	width:980px;
	height:auto;

	top:67px;
	right:0;
	bottom:auto;
	left:0;
}
	#navi .inner {
		position:relative;
		width:auto;
		height:auto;
		padding:0;
		margin:0 auto;

		background-color:none;
	}
		#navi ul {
			padding:0;
			margin:0;
			float:right;
			list-style: none;
			line-height: 22px;
		}
			#navi ul li {
				padding:0;
				margin:0;
				float:left;
				list-style: none;
			}
				#navi ul li a {
					position:relative;
					display:inline-block;
					padding:10px 10px 6px 10px;
					margin:0;
					color:#004064;
					font-size: 14px;
					font-weight: bold;
					text-decoration:none;
					background-color:none;
				}
				#navi ul li.active a {
					color:#979797;
					background-color:#E8E8E8;
				}

				#navi a:hover {
					text-decoration:underline;
				}

				#navi ul ul {
					position:absolute;
					top:44px;
					right:0;
					padding:0;
					margin:0;
				}
					#navi ul li ul li a{
						text-transform:uppercase;
						font-size:14px;

						color:#979797;
					}
					#navi ul li ul li.active a{
						color:#00ACDD;
					}
/* ende: #navi ---------------------------------------------------------------- */





/* start: #main --------------------------------------------------------------- */
#main {
	position:relative;
	padding:0 110px;
	margin:0 auto;
	z-index:200;

	background-image: url("../img/main_bg.jpg");
	background-position:center 20px;
	background-repeat:no-repeat;
}
	#main .inner {
		position:relative;
		width:auto;
		height:auto;
		min-height:300px;
		padding:0;
		margin:0 auto;
		background-color:#fff;
		border-bottom:1px solid transparent;
	}

#main.start {
	position:relative;
	padding:0;
	margin:0 auto;
	z-index:200;
}
	#main.start .inner {
		position:relative;
		width:auto;
		height:auto;
		min-height:300px;
		padding:0;
		margin:0 auto;
		background-color:transparent;
		border-bottom:1px solid transparent;
	}

	#main-start {
		position:relative;
		padding:0 30px;
		margin:0 auto;
		z-index:200;
	}
		#main-start .inner {
			position:relative;
			width:auto;
			height:auto;
			min-height:200px;
			padding:0;
			margin:0 auto;
			background-color:#fff !important;
			border-bottom:1px solid transparent;
		}

	#main-shadow-left,
	#main-shadow-right {
		width:13px;
		height:126px;
		bottom:20px;
		position:absolute;
	}

	#main-shadow-left {
		background:url("../img/footer_shadowleft.png") no-repeat top left;
		left:97px;
	}
	#main-shadow-right {
		background:url("../img/footer_shadowright.png") no-repeat top left;
		right:97px;
	}


		.loginbox{
			position:relative;
			width:215px;
			right:35px;
			top:30px;
			float:right;
			margin:0 0 80px 80px;
			text-align:center;
		}

			.loginbox .shadow{
				position:absolute;
				left:-40px;
				top:0px;
				background:url("../img/loginbox_shadow.png") no-repeat bottom left;
				width:40px;
				height:200px;
			}
			.loginbox .shadow-small{
				position:absolute;
				left:-40px;
				top:0px;
				background:url("../img/loginbox_shadow_small.png") no-repeat bottom left;
				width:40px;
				height:110px;
			}

			.loginbox .login{
				margin:0;
				padding:30px 0;
				background-color:#E8E8E8;
				border-bottom:#C8C8C8 1px solid;
			}

			.loginbox .join {
				margin:0;
				padding:20px 0 30px;
				background-color:#DCDCDC;
			}
				.loginbox .join strong {
					display:inline-block;
					font-size: 14px;
					font-weight: bold;
					padding-bottom: 15px;
				}

			.loginbox .donate{
				margin:0;
				padding:30px 0;
				background-color:#E8E8E8;
				border-bottom:#C8C8C8 1px solid;
			}

				.loginbox .button {
					-webkit-box-shadow: 0px 0px 5px 0px #666;
					box-shadow: 0px 0px 5px 0px #666;
				}

				.loginbox .login  .button span { padding:6px 25px; }
				.loginbox .join  .button span { padding:6px 13px; }
				.loginbox .donate  .button span { padding:6px 13px; }
/* ende: #main ---------------------------------------------------------------- */





/* start: #foot --------------------------------------------------------------- */
#foot {
	position:relative;
	padding:0;
	margin:0 auto;
	top:-20px;
	z-index:50;
	background-color:none;
}
	#foot .inner {
		position:relative;
		width:auto;
		height:auto;
		padding:80px 110px 40px;
		margin:0 auto;
		background-color:#E8E8E8;
		background-image: url("../img/footer_bg.jpg");
		background-position:center 20px;
		background-repeat:no-repeat;
	}
		#foot .logo ,
		#foot .left,
		#foot .center,
		#foot .right {
			position:relative;
			float:left;
			padding: 0 20px;
			margin:0 10px;
		}
		#foot .logo 	{ width:122px; top:-35px; padding: 0 10px  0 30px; }
		#foot .left 	{ width:210px; }
		#foot .center 	{ width:150px; border-left:1px solid #ccc; }
		#foot .right 	{ width:250px; }

		#foot .left {
			color: #8F8F8F;
			font-size: 10px;
			font-weight: bold;
			line-height: 16px;
		}

		#foot .center,
		#foot .right {
			color: #666666;
			font-size: 10px;
			line-height: 18px;
		}

		#foot h2 {
			padding:0;
			margin: 0 0 5px 0;
			color: #666666;
			font-size: 19px;
			line-height: 16px;
		}
		/*
		#foot h2 {
			padding:0;
			margin: 0 0 20px 0;
			color: #666666;
			font-size: 20px;
			line-height: 16px;
		}
		#foot h2 {
			padding:0 5px;
			margin:0;
			font-family: Helvetica,Verdana,Arial;
			font-size: 19px;
			line-height: 16px;
			color:#666666;
		}
		*/
/* ende: #foot ---------------------------------------------------------------- */






/* start: SPLASHSCREEN -------------------------------------------------------- */
#main.splash {
	position: relative;
	padding: 0;
	margin: 0;
}
	#main.splash .inner {
		position: relative;
		padding: 0;
		margin: 0;
	}

.splashscreen {
	position: relative;
	padding: 0;
	margin: 0;

	z-index: 100;
}
	.splashscreen-inner {
		position: relative;
		padding: 0;
		margin: 0;
		height: 628px;
		min-height: 628px;
		background-color: none;
		background-position: center center;
		background-repeat: no-repeat;
		z-index: 100;
	}

		.splashscreen_close {
			position: absolute;
			top: 20px;
			right: 20px;
			top: 20px;
			right: 85px;
			padding: 10px 35px 10px 0px;
			font-size: 16px;
			font-weight: bold;
			color: #fff;
			background-image: url("../img/splashscreen_close.png");
			background-position: right center;
			background-repeat: no-repeat;
			z-index: 300;
		}
		.splashscreen_close:hover {
			color: #fff;
		}

		.splashscreen_bg_left,
		.splashscreen_bg_right {
			width: 50%;
			height: 100%;
			background-repeat: repeat-x;
			background-position: center center;
		}
		.splashscreen_bg_left {
			float: left;
		}
		.splashscreen_bg_right {
			float: right;
		}

		.splashscreen_footer {
			position: absolute;
			top: auto;
			right: 0;
			bottom: 50px;
			left: 0;
			padding: 30px;
			background-color: #096F9E;
			background-color: rgba(0, 0, 0, 0.4);
		}

		.splashscreen_footer h1,
		.splashscreen_footer h2 {
			padding: 5px 0 5px 0 !important;
			margin: 0 !important;
			width: auto;
		}
		.splashscreen_footer h2 {
			color: #fff;
		}

		.splashscreen_footer-left {
			float: left;
			width: 50%;
		}
		.splashscreen_footer-right {
			float: right;
			width: 50%;
		}
/* ende: SPLASHSCREEN --------------------------------------------------------- */

/* START KC INSERT *******************************************************************************/
.pub_frame_wrapper.fe{
	margin-right: 310px;
	margin-left: 30px;
}
.pub_frame_wrapper.fe h2{
	margin: 0 0 30px 0 !important;
}
.pub_frame_wrapper.fe p{
	margin: 0 0 15px 0 !important;
}
.pub_frame_wrapper{
	margin-top: 20px;
	margin-bottom: 20px;
	/*border: 1px solid #ccc;*/
	background-color: #f2f2f2;
}
.pub_frame_wrapper .file-down
{
	text-align: right;
	padding: 13px 50px 0 0 !important;
	background-position: right center !important;
	margin-right: 20px !important;
	margin-left: 20px !important;
	margin-bottom: 13px !important;
}
.pub_frame_inner{
	padding: 20px;
}
.pub_frame_abstract p{
	margin: 0 !important;
}
.pub_frame_img{
	/*
	width: 210px;
	height: 297px;
	*/
	width: 120px;
	height: 170px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;

	/*background-position: center center !important;*/
	/*background: no-repeat #f2f2f2;*/
	/*border: 1px dashed #979797;*/
	float: left;
	margin-right: 20px;
}
.goToKc{
	color: #fff;
	background-color: #00acdd;
	padding: 10px;
	display: block;
	text-align: center;
	font-size: 18px;
}
.goToKc:hover{
	color: #fff;
}
.infoText{
	display: block;
	padding: 10px;
	text-align: center;
	font-style: italic;
}
.infoText > img{
	margin: 0 !important;
	margin-bottom: -3px !important;
	display: inline-block;
	margin-left: 5px !important;
}
.pb{
	padding-bottom: 1px;
}
/* END KC INSERT *******************************************************************************/

/* START COLLAPSABLES **************************************************************************/

.collapse{
	margin-bottom: 15px;
}
.collapse .headline-box{
	position: relative;
}
.collapse .headline-box:after{
	content: '\25B2';
	position: absolute;
	top: 22px;
	right: 25px;
	font-size: 20px;
	content: '\25BC';
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.collapse .headline-box.closed:after{
	content: '\25BC';
	position: absolute;
	top: 22px;
	right: 25px;
	font-size: 20px;
	
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.collapse > *{
	display: none;
}
.collapse > .headline-box{
	display: block;
}
.collapse > .headline-box > span{
	position: absolute;
	right: 55px;
	top: 26px;
	font-size: 12px;
}

/* END COLLAPSABLES ****************************************************************************/

.answertext_applicationForm{
	padding-top: 30px;
}