@font-face {
    font-family: 'colaborate-thinregular';
    src: url('fonts/ColabThi-webfont.eot');
    src: url('fonts/ColabThi-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ColabThi-webfont.woff') format('woff'), url('fonts/ColabThi-webfont.ttf') format('truetype'), url('fonts/ColabThi-webfont.svg#colaborate-thinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'colaborate-regularregular';
    src: url('fonts/ColabReg-webfont.eot');
    src: url('fonts/ColabReg-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ColabReg-webfont.woff') format('woff'), url('fonts/ColabReg-webfont.ttf') format('truetype'), url('fonts/ColabReg-webfont.svg#colaborate-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    epx890! font-family: 'colaborate-mediumregular';
    src: url('fonts/ColabMed-webfont.eot');
    src: url('fonts/ColabMed-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ColabMed-webfont.woff') format('woff'), url('fonts/ColabMed-webfont.ttf') format('truetype'), url('fonts/ColabMed-webfont.svg#colaborate-mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'colaboratelightregular';
    src: url('fonts/ColabLig-webfont.eot');
    src: url('fonts/ColabLig-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ColabLig-webfont.woff') format('woff'), url('fonts/ColabLig-webfont.ttf') format('truetype'), url('fonts/ColabLig-webfont.svg#colaboratelightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'colaborate-boldregular';
    src: url('fonts/ColabBol-webfont.eot');
    src: url('fonts/ColabBol-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ColabBol-webfont.woff') format('woff'), url('fonts/ColabBol-webfont.ttf') format('truetype'), url('fonts/ColabBol-webfont.svg#colaborate-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
* {
    padding: 0;
    margin: 0;
}
html {} 
body {
    /*background-image: url(../img/2015-01-19-BlueSoul-Landingpage.jpg);*/
    background-repeat: no-repeat;
    background-position: center top;
    background-position: left top;
    font-family: "Arial", Gadget, sans-serif;
    font-size: 14px;
    background-color: #f5f5f5;
    line-height: 20px;
}
img {
	max-width:100%;
	height:auto;
}
iframe {
	max-width:100%;
}
a, a:active, a:visited {
	color:#2B6895;
	text-decoration:none;
}
.form-error {
    border: 1px solid red !important;
}
#keyvisual-preloader {
    display: none;
}
#header {
    background-color: #f5f5f5;
    width: 100%;
}
@media (min-width:768px) {		
	#header {
		height: 90px;
	}
}

@media (min-width:992px) {
	#page.fixed-header {
		padding-top:90px;
	}
	#page.fixed-header #header {
		position: fixed;
		top: 0;
		background: #fff;
		z-index: 9;
		box-shadow: 0 0 5px 1px #ddd;
	}
}

.center {
    margin: 0 auto;
    overflow: hidden;
    font-size: 14px;
}
@media (min-width:992px) {	
	.center {
		width: 960px;
	}
}
#logo {
    overflow: hidden;
	margin:15px auto;
	text-align:center;
}
@media (min-width:768px) {		
	#logo {
		float: left;
		margin: 8px 0 0 23px;
		text-align:left;
	}
}
#contact {
	margin:15px auto;
    width: 345px;
    font-size: 10px; 
	text-align:center;
}
@media (min-width:768px) {		
	#contact {
		float: right;
		margin:15px 0 0;
	}
}
#tele {
    width: 100%;
    height: 34px;
    border-bottom: 1px solid #bababa;
    font-size: 24px;
    margin-bottom: 5px;
    font-family: 'colaborate-thinregular';
}
#teleicon {
    background-image: url(../img/tele.png);
    background-repeat: no-repeat;
    background-position: 5px 2px;
    width: 37px;
    height: 25px;
    display: inline-block;
    padding-right: 3px;
}
#tele a {
	color:#000;
	text-decoration:none;
}
#clockicon {
    background-image: url(../img/clock.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 12px;
    height: 12px;
    display: inline-block;
    padding-left: 5px;
    padding-right: 8px;
    margin-top: 6px;
}
#keyvisual {
    background-image: url(../img/keyvisual-bluesoul.jpg);
    background-repeat: no-repeat;
	background-size:cover;
	background-position-x:center;
    text-align: center;
}
#keyvisual .text {
    width: 80%;
    margin: 0 auto;
    color: #f8f8f8;
    margin-top: 20px;
	  padding: 4px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.45);
}
#keyvisual .text p {
    line-height: 25px;
    text-shadow: 1px 1px 1px #000000;

}

#keyvisual .text .bigger {font-size:17px;}


#keyvisual .text .left  {
  text-align: left;
   
}
#keyvisual .text .leftlist  {
  text-align: left;
 list-style-image:url('/img/listicon.png');
   margin-left:30%;
   margin-right:10%;
   font-size: 18px;
    text-shadow: 1px 1px 1px #000000;
	font-weight: 200;
	margin-bottom:0px;
}
	
	
.telef{font-size:16px;
font-family: 'colaborate-thinregular';}

#keyvisual h1 {
    font-family: 'colaborate-thinregular';
    font-size: 44px;
    line-height: 48px;
    font-weight: normal;
    text-shadow: 1px 1px 1px #000000;
    margin-bottom: 10px;
}
#keyvisual h2 {
    font-family: 'colaborate-thinregular';
    font-size: 24px;
    line-height: normal;
    font-weight: normal;
    text-shadow: 1px 1px 1px #000000;
    margin-bottom: 10px;
    margin-top: 10px;	
}
@media (min-width:992px) {	
	#keyvisual {
		height: 900px;
	}
	#keyvisual .text {
		width: 780px;
	}
}

#content {
    background-color: #f5f5f5;
}
#content .text.lead {
    padding-top: 20px;
    font-size: 16px;
    font-weight: normal;
    margin: 0 15px;
    padding-bottom: 20px;
    line-height: 34px;
}
@media (min-width:768px) {
	#content .text.lead {
		width: 760px;
		margin: 0 auto;
	}
}

.center > .text {
	margin:0 15px;
} 
@media (min-width:992px) {
	.center > .text {	
		margin:0;
	} 
}
.textcenter {
    text-align: center;
}

.video {
	margin-bottom:40px; 
} 

.headline {
    margin-bottom: 20px;
}
.headline h2 {
    font-family: 'colaborate-thinregular';
    font-weight: normal;
    font-size: 24px;
    line-height: 24px;
}

.tworow {
	margin:65px 15px 40px;
    overflow: hidden;
}
	
.tworow .headline {
    margin-bottom: 24px;
}

.two {
	margin:0 auto;
	padding:15px 0;
   	width: 80%;
   	font-size: 14px;
    	font-style: italic;
	border-bottom:1px solid #999;
}
@media (min-width:768px) {	
	.two {
		float: left;
		margin-right: 2%;
		width: 48%;
		font-size: 14px;
		font-style: italic;
	}
	.two:last-child {
		margin-right: 0;
	}
}
@media (min-width:992px) {	
	.tworow {
		width: 100%;
		margin:65px 0 40px;
	}
	.two {
		margin-right: 40px;
		width: 439px;
		padding:0;
		border:none;
	}
}

.sign {
    text-align: right;
    margin-top: 15px;
    font-style: normal;
}
.more {
    margin-top: 26px;
}
#drawerwrap {
    margin-top: 40px;
    margin-bottom: 105px;
	padding:0 15px;
}
.drawer {
    background-color: #fff;
    overflow: hidden;
    border-bottom: solid 3px #f5f5f5;
}
.drawer p, .drawer ul {
    padding-bottom: 18px;
}
.draweheadline {
    background-color: #b9b9b9;
	cursor:pointer;
}
.draweheadline.up {
	background-color:#2B6895;
}
.draweheadline h2 {
    background-image: url(../img/drawplus.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    line-height: 26px;
    padding:5px 0 5px 54px;
    font-size: 18px;
    color: #fff;
}
.draweheadline.up h2 {
    background-image: url(../img/drawminus.png);
}
.todrawe {
    overflow: hidden;
    display: none;
    padding: 20px 55px 0 55px;
    border: solid 1px #b9b9b9;
}
.todrawe.open {
    display: block;
}
@media (min-width:992px) {		
	.drawer {
		width: 960px;
	}
	#drawerwrap {
		padding:0;
	}
	.draweheadline {
		height: 39px;
	}
	.draweheadline.up {
		background-image: url(../img/drawbg.png);
		background-repeat: repeat-x;
	}
	.draweheadline h2 {
		line-height: 29px;
	}
}

#form {
    width: 80%;
    margin: 0 auto;
    background-color: #eee;
    overflow: hidden;
    margin-top: 15px;
    border-radius: 5px;
    padding: 15px 30px 15px 30px;
    color: #333333;
}
fieldset {
    border: none;
}
#form label {
    text-align: left;
	display:block;
}
.formgroup {
    overflow: hidden;
}
#step1 .formgroup {
    margin-bottom: 15px;
}
.formheadline {
    border-bottom: 1px solid #333333;
    padding-bottom: 15px;
    margin-bottom: 25px;
}
.step {
    display: none;
}
#step1 {
    display: block;
}
.next {
    cursor: pointer;
    margin: 0 auto;
    line-height: 32px;
    font-size: 19px;
    color: #fff;
    background-image: url(../img/next-btn.png);
    display: block;
    width: 99px;
    margin-bottom: 15px;
    border: none;
    overflow: hidden;
    margin-top: 22px;
}
.next:hover {background-image: url(../img/next-btnhover.png);}

.btn-group {text-align:center;}
.btn-group .button2 {
   background-image: url(../img/drawbg.png);
background-repeat: repeat;
border-radius: 4px;
    border: none;
    color: white;
    width:50%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
	line-height:39px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:20px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2), 0 2px 4px 0 rgba(0,0,0,0.5);
   
}

.btn-group .button2:hover {
   background-image: url(../img/drawbghover.png);
background-repeat: repeat;
display: inline-block;
box-shadow: 0 4px 6px 0 rgba(0,0,0,0.24), 0 2px 4px 0 rgba(0,0,0,0.5);
}

.spacing { height:20px;}


#submit {
    background-image: url(../img/sub-btn.png);
    width: 209px;
	line-height:22px;
}
.prev {
    display: none;
}
input {
    border-radius: 5px;
    margin-bottom: 15px;
    width: 208px;
    line-height: 26px;
    height: 26px;
    border: solid 1px #808080;
    padding-left: 10px;
}
#step2 input {
  float:right;
}
#step2 .formitem,
#step3 .formitem {
  position:relative;
  display:inline-block;
}
#step2 .formitem.date,
#step3 .formitem.date{
  display:inline;
}
#step2 .formitem span{
	width:100px;
	position:absolute;
	top:0;
	left:0;
	height:26px;
}
#step2 .formitem .label1 {
  top:3.5em;
}
#step2 .formitem .label2 {
  top:6.5em;
}
#step2 .formitem .label3 {
  top:9.6em;
}
#step1 .formitem input {
    margin-bottom: 0px
}
.formitem.ErCh span {} 
#step1 .formitem.activ {
    background-color: #ccc;
}
.date {
    margin-left: 0px;
}
.date input {
    background-image: url(../img/date.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.formitem span {
    display: inline-block;
    width: 70px;
    text-align: left;
}
#step1 .formitem {
    float: left;
    width: 30%;
    height: 113px;
    margin-right: 3%;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}

#step1 .formitem:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

#step1 .formitem.ErCh {
    margin-right: 0;
}
#step1 input[type="checkbox"] {
    width: 90px;
    height: 113px;
    border: none;
    background-color: #fff;
    opacity: 0;
}
#step1 input[type="radio"] {
    width: 90px;
    height: 113px;
    border: none;
    background-color: #fff;
    opacity: 0;
	cursor:pointer;
}
.form_mobile {
	display:none;
}
#bio {} #PhMa {} #ErCh {} .bioNa {
    background-image: url(../img/bio.png);
    background-repeat: no-repeat;
    background-position: center 15px;
}
.PhMa {
    background-image: url(../img/PhMa.png);
    background-repeat: no-repeat;
    background-position: center 15px;
}
.ErCh {
    background-image: url(../img/ErCh.png);
    background-repeat: no-repeat;
    background-position: center 15px;
}
.bioNa label, .ErCh label, .PhMa label {
    position: absolute;
    font-size: 14px;
    text-align: center!important;
    left: 0;
    top: 65px;
	cursor:pointer;
	width:100%;
}
#keyvisual.bio {
    background-image: url(../img/Projektwoche_Biologie_Blue_Soul.jpg);
}
#keyvisual.physik {
    background-image: url(../img/Projektwoche_Physik_Blue_Soul.jpg);
}
#keyvisual.geo {
    background-image: url(../img/Projektwoche_Geografie_Chemie_Blue_Soul.jpg);
}
.stepcount {
    overflow: hidden;
    width: 236px;
    margin: 0 auto;
}
#step1 .stepcount {
    background-image: url(../img/stepcountrange.png);
}
#step2 .stepcount {
    background-image: url(../img/stepcountrange1.png);
}
#step3 .stepcount {
    background-image: url(../img/stepcountrange2.png);
}
.stepcount a {
    background-image: url(../img/stepcount.png);
    height: 27px;
    width: 27px;
    display: block;
    color: #fff;
    float: left;
    line-height: 27px;
    cursor: pointer;
}
.stepcount1 {
    float: left;
}
.stepcount2 {
    margin-left: 80px;
}
.stepcount3 {
    float: right !important;
}
.stepcounttext {
    margin-top: 15px;
}
.formwrap {
    border-bottom: 1px solid #808080;
    margin-bottom: 15px;
}
@media (min-width:544px) {
	#form {
		width: 320px;
	}
	#form label {
		display:inline-block;
		min-width:80px;
	}
	.formheadline {
		width: 319px;
	}
	.step {
		width: 320px;
	}	
	.formitem:last-child input {
		margin-bottom: 0px
	}
	#step1 .formitem {
		width: 90px;
		margin-right: 20px;
	}
	.bioNa label, .ErCh label, .PhMa label {
		font-size: 17px;
	}
	.date input {
		width: 135px;
		float: left;
	}
	.date:first-child input {
		margin-right: 15px;
		margin-left:7px;
	}
}


.newsblock {
    line-height: 20px;
    height: 84px;
    overflow: hidden;
    border-bottom: 1px solid #fff;
}
@media (min-width:768px) {
		
	.newsblock {
		width: 298px;
	}
}
.newsblock-img {
    float: left;
    border: 1px solid #eee;
    width: 62px;
    height: 62px;
    margin-top: 10px;
    margin-right: 10px;
}
.newsblock-img img {
    width: 100%;
}
.newsblock-txt {
    width: 224px;
    float: left;
    margin-top: 5px;
}
.footercontact p {
    margin-bottom: 5px;
    line-height: 20px;
}
.footercontact p span {
    background-image: url(../img/footer_icons.png);
    background-repeat: no-repeat;
    padding-left: 26px;
    height: 14px;
}
.icon-zip {} .icon-addr {
    background-position: -390px -30px;
}
.icon-mail {
    background-position: -360px -60px;
}
.icon-fax {
    background-position: 0px -420px;
}
.icon-tel {
    background-position: -210px -210px;
}
#footer {
    background: #2B6895;
	padding:0 15px;
}
@media (min-width:992px) {
	#footer {
		background-image: url(../img/Feature_bg3.jpg);
	    background-position-x: center;
		width: 100%;
		padding:0;
	}
}
#footer-inner {
}
@media (min-width:768px) {
	#footer-inner {
		padding-top: 45px;
	}
}
@media (min-width:992px) {
	#footer-inner {
	}
}
.footerbox {
	margin:15px auto;
    color: #fff;
    font-size: 12px;
}
.box2 {
}
.box3 {
    width: auto;
    clear:both;
}
.box3 iframe {
    width: 100%;
}
.footerbox h3 {
    margin-bottom: 20px;
    font-size: 24px;
    color: #fff;
    color: #fff;
    font-family: 'colaborate-thinregular';
    font-weight: normal;
    line-height: 24px;
}
@media (min-width:768px) {		
	.footerbox {
		float: left;
		width: 50%;
		margin:0;
	}
	.box3 {
		width: 100%;
	}
}
@media (min-width:992px) {	
	.footerbox {
		width: 295px;	
		margin-right: 37px;
	}
	.footerbox:last-child {
		margin-right: 0;
	}
	.box2 {
		width: 200px;
	}	
	.box3 {
		float: right;
		clear:none;
	}

}

#social-2 {
    margin-top: 36px;
}
.widget_social img {
    margin-right: 10px;
}
#copy {
    height: 45px;
    line-height: 45px;
    color: #fff;
    width: 100%;
    background-image: url("../img/site_layout_sprites.png");
    background-position: 50% -58px;
    background-repeat: repeat-x;
    font-family: 'colaborate-thinregular';
    letter-spacing: 1px;
    position: relative;
	text-align:center;
	margin-top:25px;
}
#back-to-top {
    width: 27px;
    height: 27px;
    background-image: url(../img/scroll_top_button.png);
    overflow: hidden;
    text-indent: -99999px;
    text-decoration: none;
    background-position: left top;
    background-repeat: no-repeat;
    position: fixed;
    right: 30px;
    bottom: 30px;
}

#back-to-top:hover {
    background-position: left bottom;
}
#step4 {
    display: none;
}
.hide-form {
    display: none !important;
}
#step4 .formwrap {
    border: none;
    margin-top: 20px;
    margin-bottom: 20px;
}
.infobutton {
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    
    -moz-user-select: none;
    /* Firefox all */
    
    -ms-user-select: none;
    /* IE 10+ */
    /* No support for these yet, use at own risk */
    
    -o-user-select: none;
    user-select: none;
    position:static !important;
    display: inline-block !important;
    float: right;
    width: 20px;
    height: 20px;
    font-size: 24px !important;
    border: 1px solid #0C8BF2;
    border-radius: 50px;
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    color: #0C8BF2;
}
.infobutton:hover:after{
	font-family: "Arial", Gadget, sans-serif;
	font-weight: normal;
	font-size: 12px;
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    color: #fff;
    content: attr(tooltip);
    padding: 5px 15px;
    z-index: 98;
    width: 220px;
    position: absolute;
}

ul, ol, li {margin:0.5em 0;padding:0;}
ol {padding-left:2.5em;}

.headli {
    list-style-type: none;
}
.l2list {
    margin-left: 25px;
    list-style-type: disc;
}
.footer-headlink {
    color: white;
    text-decoration: none;
}
.footer-headlink:hover {
    text-decoration: underline;
}

@media (min-width:768px) {
	.impressum .sleft,
	.impressum .floatleft {
		float: left;
	}

	.impressum .sright,
	.impressum .floatright {
		float: right;
	}

	.impressum .floatleft,
	.impressum .floatright {
		width: 480px;
	}

	.impressum .sleft,
	.impressum .sright {
		width: 240px;
	}
}

.impressum .clear {
	clear: both;
}

.impressum #keyvisual {
	background-position: 0px;
}
@media (min-width:768px) {
	.impressum #keyvisual {
		height:200px;
	}
}

.impressum #keyvisual h1 {
	margin-top: 75px;
}

.impressum #content {
	margin-top: 40px;
}
.impressum .height1,
.impressum .height2,
.impressum .height3 {
	margin: 15px 0;
}

@media (min-width:768px) {
	.impressum .height1,
	.impressum .height2,
	.impressum .height3 {
		margin: 0;
	}

	.impressum .height1 {
		height: 380px;
	}

	.impressum .height2 {
		height: 560px;
	}

	.impressum .height3 {
		height: 280px;
	}
}
	
#footer a,
#footer a:active,
#footer a:visited {
	color: #fff;
	text-decoration: none;
}

.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-21by9{padding-bottom:42.85714%}
.embed-responsive-16by9{padding-bottom:56.25%}
.embed-responsive-4by3{padding-bottom:75%}
.embed-responsive-1by1{padding-bottom:100%}