@charset "utf-8";

.teaserContainer {
    
}

/* Farben
    #00AEE9 aktive Navigation
    #7A9BD1 nicht aktive Navigation
    #13244F nav header / top / Schrift
    #078DB1 Teaser header
    #EBF7FC teaser body background
    
    #9BB4DC Hintergrund dunkel
    #CDDAEE Hintergrund mittel
    #F2F5FA Hintergrund hell
    */

.pagination {
    margin: 0;
}

.teaserItem {
    background-color:#EBF7FC;
}
.teaserItem h1 {
    padding: 1px 20px 1px 20px;
    background-color:#078DB1;
    line-height: inherit;
    font-size: 15px;
    border: none;
}

.teaserItem h1 a {
    color: white;
    text-decoration: none;
    text-transform: none;
}

.teaserItem p {
    padding: 1px 20px 15px 20px;
}

#content-mid article.widget-projection-widget.widget > header {
    border: none;
    background-color: #13244f;
}

#content-mid article.widget-projection-widget.widget > header h1 {
    color: white;
    padding: 0 0 0 15px;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0;
}

.dataTables_length select {
    width: auto;
}
.dataTables_filter input {
    width: 100px;
}

/* Trainer Seite */
.projection-page article.trainer {
    display: inline-block;
    width: 158px;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: top;
}
.trainer-image-container {
    width: 158px;
    height: 200px;
}
.trainer-image {
    max-width: 100%;
    max-height: 100%;
}
.trainer-name-container {
    padding: 4px 10px;
}
.trainer article h1 {
    text-transform: inherit;
}

/* Validierung knockout / jquery.validate */
label.error {
    color: red;
}


#content-left > div > article > nav > ul > li > ul > li.current {
    background-color: #00AEE9;
}

/* Bootstrap active tab ist weiß (Stört bei der Anmeldung) */

.nav-tabs > .active > a {
    background-color: inherit!important;
    color: inherit!important;
    border: inherit!important;
}

/* Bootstrap Horizontal Formulare */
.form-horizontal .control-group {
    margin-bottom: 10px;
}
.form-horizontal .control-label {
    padding-top: 2px;
    padding-bottom: 0px;
}

select {
    height: 28px;
}
.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append
{
    padding-top: 2px;
    padding-bottom: 2px;
    
}

/* Navtabs Anmeldung */

.nav-tabs li {
    background-color: #CEDBEF;
    color: #13244F;
    line-height: 13px;
    padding: 4px;
    display: block;
    cursor: pointer;
    margin: 2px;
}

.nav-tabs li.active {
    background-color: #13244F;
    color: white;
    line-height: 13px;
    padding: 4px;
    display: block;
    cursor: pointer;
    margin: 2px;
}

.nav-tabs li a {
    text-decoration: none;
    color: white;
    background-color: inherit;
    border: none;
}
.nav-tabs li a:hover {
    text-decoration: none;
    color: white;
    background-color: inherit;
    border: none;
}
.nav-tabs li:hover:not(.active) {
    background-color: #AEBBCF;
}
.nav-tabs li.active a {
    text-decoration: none;
    background-color: inherit;
    color: white;
    border: none;
}
.nav-tabs li.active a:hover {
    text-decoration: none;
    background-color: inherit;
    color: white;
    border: none;
}



/* ASP.NET Validation*/ 
.field-validation-error {
    display: block;
    color: red;
}

.validation-summary-errors {
    color: red;
}

.validation-summary-errors ul li
{
    list-style: none;
}
.validation-summary-errors ul
{
    margin-left: 0;
}

.colorOk {
    color: green;
}

.colorWarn {
    color: yellow;
}
.colorErr {
    color: red;
}

/* Veranstaltungsliste */
ul.eventList {
    margin-left: 0;
}
li.eventListItem {
    list-style-type: none;
}
li.eventListItem div {
    padding: 3px 5px 4px 15px;
}
ul li .eventListItem {
}


/* Orchard Menu */

nav ul.menu {
    margin-left: 0px;
}

ul.menu-main-menu
{
    padding-left: 0;
    margin-top: 0;
}

ul.menu-main-menu li {
    border-top: 1px solid white;
    list-style: none;
    padding-left: 25px;
    background: #13244F;	
	color: #fff;
}
ul.menu-main-menu li a {	
	color: #ddd;
    text-decoration: none;
}

ul.menu-main-menu li ul {
    padding-left: 0;
    margin-left: -25px;
}

ul.menu-main-menu li ul li {
    border-top: 1px solid white;
    list-style: none;
    padding: 0 15px 0 40px;
	background: #7A9BD1;
	color: #13244F;
	vertical-align: baseline;
}
ul.menu-main-menu li ul li a {
	color: #fff;
    text-decoration: none;
}

/* Orchard Fußlinks */
.schlussleiste ul {
    padding-left: 0;
}
.schlussleiste ul li {
    list-style: none;
    display: inline;
}

.schlussleiste ul li+li:before{
    content: "|";
}


/* CSS Document */
body{
	margin: 0;
	background: #f4f5f7;
	font-family: TheSans;
}
#wrapper{
	width: 980px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(img/cbg.jpg) repeat-y;	
}
#container{
	width: 960px;
	margin: 0 auto;
}
#topheader{
	width: 960px;
	height: 25px;
	background: #13244F;	
}
#head-wrap{
	width: 960px;
	height: 175px;
	padding: 0;
	background: url(img/hbg.jpg) no-repeat;	
}
#head-left{
	width: 170px;
	height: 175px;
	margin: 0;
	display: inline-block;
	vertical-align:top;
	float: left;
}

#head-left img{
	padding: 20px 0 0 20px;	
}

#head-mid{
	width: 520px;
	height: 175px;
	display: inline-block;
	margin: 0 0 0 40px;
	padding: 0;
	float: left;
}
#head-mid-input-wrap-above{
	margin-top: 108px;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
}
#head-mid-input-wrap{
	margin-top: 5px;
	font-size: 13px;
}

#head-mid-input-wrap a.button {
    font-size: 11px;
    line-height: none;
    padding: 0px 10px;
    margin-left: 10px;
}

/* Anmelde/Abmeldebutton soll wohl eher weiß sein
#head-mid-input-wrap a{
	text-decoration: none;
	color: #B51621;
}
*/
.input_login_email{
	width: 185px;
	height: 19px;
	margin: 0;
	padding: 1px 0 0 55px;
	border: #c5cfdb 1px solid;
	color: #b3b5cf;
	font-weight: bold;
	font-family: TheSans;
	vertical-align: bottom;
	background: url(img/inputemailbackground.jpg) no-repeat #fff;
}
.input_login_password{
	width: 75px;
	height: 19px;
	margin: 0 0 0 10px;
	padding: 1px 0 0 70px;	
	border: #c5cfdb 1px solid;
	color: #b3b5cf;
	font-weight: bold;
	font-family: TheSans;	
	vertical-align: bottom;
	background: url(img/inputpasswortbackground.jpg) no-repeat #fff;
}
.input_login_submit{
	background: #fff;
	border: #c5cfdb 1px solid;
	margin: 0 0 0 10px;
	padding: 0 7px 0 7px;
	height: 22px;
	color: #b3b5cf;
	font-weight: bold;
	font-family: TheSans;
	display: inline-block;
	vertical-align: bottom;
	cursor: pointer;
}
#head-right{
	width: 190px;
	height: 175px;
	padding: 0;
	display: inline-block;
	margin: 0 0 0 40px;
	float: left;
}
#team-wrap{
	margin-left:-20px;
}
.team{
	float: left;
	width: 160px;
	/* height: 240px; */
	margin-left:20px;
	margin-bottom: 20px;
}
.team img{
	border: 1px solid #97d1df;
}
#head-right-top{
	width: 160px;
	height: 155px;
	font-family: TheSans;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	line-height: 31px;
	padding: 0 15px 0 15px;
	color: #fff;
	font-size: 20px;
}
#head-right-bot{
	width: 190px;
	height: 20px;
	background: #b51621;	
}
#content-wrap{
	width: 962px;
	margin: 30px 0 0 0;
	padding-bottom: 20px;
}
#content-left{
	width: 170px;
	display:inline-block;
	vertical-align: top;
	font-size: 13px;
	font-family: TheSans;
}
#content-mid{
	width: 520px;
	display:inline-block;	
	margin: 0 0 0 40px;
	vertical-align: top;
	padding: 0;
	font-family: TheSans;
	font-size: 13px;
	color: #13244f;
}
#content-mid p{
	text-align: left;	
}

.formBackground {
	padding: 20px;    
}

.contactBackground, .formBackground{
	background: #f2f5fa;
	margin-top: 20px;
}

.formBackground ol{
	margin-top: 0;
}

.formBackground li{
	margin-top: 5px;
}

#advice-validate-required-check-input_input-angaben, #advice-validate-required-check-input_input-agb{
	display: inline !important;
}

.contactLabel, .formCheckbox{
	margin-top: 10px;
	
	font-weight: normal;
	display: inline-block;
	width: 140px;
	top: 0;
	vertical-align:top;
}

.contactLabel.file{
	width: 200px;
}

.formCheckbox{
	text-align: right;
	padding-right: 10px;
	width:130px;
}

.contactInput{
	display: inline-block;
	width: 310px;
	margin-top: 10px;
	vertical-align:top;
}

.contactInput.file{
	width: 250px;
}

.contactInput input[type="text"], .contactInput input[type="password"], .contactInput textarea{
	width: 310px;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #8992a7;
}

.contactInput textarea{
	height: 150px;	
}

.contactInput select{
	padding-left: 5px;
	margin-left: -1px;
	border: 1px solid #8992a7;
}

/*
.contactSubmit, .button, .fileinput-button{
	background: #ffa600;
	width: 150px;
	height: 20px;
	border-radius: 10px;
	border: none;
	margin-top: 20px;
	margin-left: 140px;
	color: #fff;
	font-weight:bold;
	display: inline;
}
*/

.button {
	background: #ffa600;
	border-radius: 10px;
	border: none;
	color: #fff;
	font-weight:bold;
	display: inline-block;
	text-align: center;
	margin: 0;
	text-decoration: none;
    padding: 0px 20px;
}

.button:hover, .button-big:hover, .fileinput-button:hover{
	background: #ff8400;
	cursor: pointer;
    text-decoration: none;
    color: white;
}

.ajaxload{
	background: url(img/ajax_load.gif) no-repeat center left;
	padding-left: 30px;
	margin-left: 150px;
}

.weiter{
	margin-left: 20px;
}

.fileinput-button{
	margin-left: 0;
	text-align:center;
}

.button-big{
	background: #ffa600;
	width: 480px;
	border-radius: 20px;
	border: none;
	color: #fff;
	font-weight:bold;
	display: block;
	padding: 10px 20px 10px 20px;
	line-height: 20px;
	margin-top: 20px;
	text-decoration: none;
}



.validation-advice{
	display:inline-block;
	width: 330px;
	color: red;
	font-size: small;
	font-weight:bold;
}

h1, h2{
	color: #13244f;
	font-family: TheSans;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px;
	padding: 0 0 4px 0;
	font-size: 18px;
	border-bottom: #13244f 1px solid;
}
h2{	
}

b{
	font-weight: bold;	
	font-family: TheSansBold;
}


.formBackground h3 {
    margin-top: 0;    
}

h3{
	font-size: medium;
	margin: 20px 0 5px 0;
	display: inline-block;
	width: 480px;
	line-height: 20px;
}

#content-right{
	width: 184px;
	display:inline-block;	
	margin: 0 0 0 40px;
	font-family: TheSans;
	font-size: 13px;
}
#footer{
	width: 980px;
	margin: 0 auto;
	padding: 15px 10px 0 30px;
	font-family: TheSans;
	font-size: 11px;
	background: url(img/cbgbot.jpg) top no-repeat;
	letter-spacing: 1px;	
}
.onelinebox{
	padding: 0 15px 0 15px;
	line-height: 22px;
	font-family: TheSans;
	font-weight: bold;
}
.eventheader{
	text-transform: uppercase;
	font-weight: bold;
}
.dark{
	background: #13244F;	
	color: #fff;
}
.darktext{
	color: #13244F !important;
}
.semilight{
	background: #9BB4DC;
	color: #13244F;
	vertical-align: baseline;
}
.semilight a{
	color: #fff;
}
.light{
	background: #CDDAEE;	
	color: #13244F;
	vertical-align: middle;
	font-family: TheSansLight;
	font-weight: normal;
}
.lucid{
	background: #F2F5FA;
	color: #13244F;
	font-family: TheSansLight;
	font-weight: normal;
}
.semidark, .semidark a{
	background: #7b9cd2;
	color: #fff;
	text-decoration: none;
}
.semigreen{
	background: #118eb2;
	color: #fff;	
}
.red, .red a{
	background: #b51621;
	color: #fff;
	text-decoration:none;	
}
.indent{
	padding: 0 25px 0 25px;
}
.nav{
	margin: 0 0 1px 0;
}

.contentblock {
    margin-top: 20px;
    margin-bottom: 20px;
}
.lightbackground{
	background: #F1F8FD;
	padding: 15px 15px 15px 20px;
}
.semibackground{
	background: #cddaee;
	padding: 15px;
}
.lightbackground ul{
	padding-left: 20px;
	margin: 0;
}
ul li{
	list-style: square;	
}
.navseperated{
	margin: 44px 0 0 0;	
}
.textboxright{
	background: #f1f8fd;
	font-family: TheSans;
	font-size: 12px;
	line-height: 1.8;
	color: #4e5b7b;
	padding: 0px 15px 0px 15px;
	margin: 0 0 10px 0;	
}
.textboxright p{
	background: #f1f8fd;
	padding: 10px 0 10px 0;
	margin: 0;
}
.logout, .logout:hover, .logout:active{
	background: none;
	display: inline;
	border: none;
	padding: 0;
	color: #B51621;
	cursor: pointer;
}
.progress{
	height: 12px;
	text-align: left;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: white url(img/progress_bar.gif) 0 -14px repeat-x;
	border: 1px solid #B6B6B6;
}
.bar{
	display: block;
	height: 100%;
	background: url(img/progress_bar.gif) 0 0 repeat-x;
}
.schlussleiste{
	margin-top: 55px;
	margin-left: 210px;
	color: #06a1e1;
	text-transform: uppercase;
	font-family: TheSansBold;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: smaller;	
}
.schlussleiste a{
	color: #06a1e1;
	text-transform: uppercase;
	font-family: TheSansBold;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: smaller;	
	text-decoration: none;
}
.schlussleiste a:hover{
	text-decoration: underline;
}
.trainerbildlinks{
	display: inline-block;
	width: 160px;
	vertical-align: top;
}
.trainerbildlinks img{
	border: 1px solid #97D1DF;
}
.trainertextrechts{
	display: inline-block;
	margin-left: 40px;
	width: 320px;
}
.raeume{
	margin-left: -23px;
	margin-top: -23px;
	width: 520px;
}
.raeume img{
	margin-left: 23px;
	margin-top: 23px;
	border: 1px solid #97D1DF;
}

.file-row{
	width: 100%;
	margin-top: 10px;
}

.file-name{
	padding: 8px 10px;
	display: inline-block;
}

.fileinput-button{
	position: relative;
	display: inline-block;
	margin-top: 10px;
	float: none;
}

.file-progress{
	padding: 8px 10px;
	line-height: 20px;
}

/* Bootstrap-Overwrite */


select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	/*font-weight: bold;*/
	font-family: TheSans;
	font-size: 13px;
	/*color: black;
	line-height:normal;
	margin:0;
	padding:1px 5px 1px 5px;
	vertical-align: baseline;
	height: 19px;
        */
}

button {
    font-family: TheSans;
	font-size: 13px;
}
/*
select{
	height: 23px;
}

input[type="submit"]{
	font-size: 13px;
}
*/

/* Popover Anpassung */
h3.popover-title{
	width: auto;
	font-size: 13px;
}

/* Custom Nav Tabs & Tab Content */
ul.custom-nav-tabs{
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 10px;
}

.custom-nav-tabs li{
	list-style:none;
	display: inline-block;
	margin-right: 2px;
}

.custom-nav-tabs a{
	background: #CEDBEF;
	color: #13244F;
	line-height: 13px;
	padding: 13px;
	display: block;
	cursor: pointer;
}

.custom-nav-tabs a:hover{
	text-decoration: none;
}

.custom-nav-tabs li.active a{
	background: #13244F;
	color: #fff;
}

.custom-nav-tabs li a.error{
	background: #B51621;
	color: #fff;
}

.tab-content .formBackground{
	margin: 0;
}

/* Custom Accordion */
.teilnehmer-add-container{
	display: inline-block;
	padding: 13px;
	background: #F2F5FA;
	margin-top: 20px;
	margin-left: 10px;
	cursor: pointer;
}

.custom-accordion .accordion-group{
	border: 0;
}

.custom-accordion .accordion-heading a{
	background: #13244F;
	color: #fff;
	line-height: 13px;
	padding: 13px;
	display: block;
	cursor: pointer;
}

.custom-accordion .accordion-heading a.error{
	background: #B51621;
}

.custom-accordion .accordion-heading a:hover{
	text-decoration: none;
}

.custom-accordion .accordion-group{
	margin-top: 10px;
}

/* Fineuploader */
#bewerbungsdateien-uploader{
	margin-top: 20px;
}

.qq-upload-button{
	width: 200px;
	background: #13244F;
	font-family: TheSans;
}

.qq-upload-list li {
	list-style: none;
	background: #F2F5FA;
	margin-top: 3px;
}

.qq-upload-file, .qq-upload-status-text {
	font-family: TheSans;
	font-size: 13px;
}

.qq-progress-bar{
	background: #13244F;
	border-radius: 0;
}

@font-face {
    font-family: 'TheSans';
    src: url('../Content/font/thesans-webfont.eot');
    src: url('../Content/font/thesans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Content/font/thesans-webfont.woff') format('woff'),
         url('../Content/font/thesans-webfont.ttf') format('truetype'),
         url('../Content/font/thesans-webfont.svg#TheSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TheSansLight';
    src: url('../Content/font/thesans-3-light-webfont.eot');
    src: url('../Content/font/thesans-3-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Content/font/thesans-3-light-webfont.woff') format('woff'),
         url('../Content/font/thesans-3-light-webfont.ttf') format('truetype'),
         url('../Content/font/thesans-3-light-webfont.svg#TheSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TheSansBold';
    src: url('../Content/font/thesans-7-bold-webfont.eot');
    src: url('../Content/font/thesans-7-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Content/font/thesans-7-bold-webfont.woff') format('woff'),
         url('../Content/font/thesans-7-bold-webfont.ttf') format('truetype'),
         url('../Content/font/thesans-7-bold-webfont.svg#TheSansBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'TheSans';
    src: url('../Content/font/thesanssemibold-webfont.eot');
    src: url('../Content/font/thesanssemibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Content/font/thesanssemibold-webfont.woff') format('woff'),
         url('../Content/font/thesanssemibold-webfont.ttf') format('truetype'),
         url('../Content/font/thesanssemibold-webfont.svg#TheSansSemiBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TheSans';
    src: url('../Content/font/thesanssemibolditalic-webfont.eot');
    src: url('../Content/font/thesanssemibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Content/font/thesanssemibolditalic-webfont.woff') format('woff'),
         url('../Content/font/thesanssemibolditalic-webfont.ttf') format('truetype'),
         url('../Content/font/thesanssemibolditalic-webfont.svg#TheSansSemiBold') format('svg');
    font-weight: bold;
    font-style: italic;
}