.panel-body > img {
    width: 100%;
}

.panel-body > p > img {
    width: 100%;
}

.panel-body > p { }

.mobnav-submenu{
	visibility: hidden;
	position: absolute;
    left: 250px !important;
    top: initial !important;
    margin-top: -32px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
} 

.navi2:hover .mobnav-submenu {
        visibility: visible !important;
	}
	
.topnav-submenu{
	visibility: hidden;
	position: absolute;
        z-index: 1000;
        top: 45px;
        left: 0px;
        width: 230px;
        background-color: #eaeaea;
			list-style:none;
		text-decoration:none;
		padding-left:15px !important;
		padding-right:15px !important;
		line-height: 5px !important;
	}

.topnav-submenu a{
		list-style:none;
		text-decoration:none;
		color: #888888;
		font-size: 12px;
	}
	
.navtoprowdropdown:hover .topnav-submenu {
        visibility: visible !important;
	}

ul.topnav-submenu > li.nav-separator{
	visibility: hidden;
	line-height:0px !important;
}



.fixtopmob{    
	position: fixed !important;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 90;
    width: 100%;
    background-color: #ededed;
    padding-bottom: -5px;
}

.headtop{
	width: 100%;
}

.headtopimg{
	width: 100%;
}

.csc-textpic-image img{
	float: left;
}

/*---Suche button rechts----*/
.input-group-btn{
	vertical-align: bottom !important;
}

#tuevHeaderImage .owl-carousel .item div {
	width: 100%;
	padding: 8px;
}

#tuevHeaderImage .owl-carousel .item a, #tuevHeaderImage .carousel-caption a {
	text-decoration: none;
	color: #C51415 !important;
	outline: none;
}

#tuevHeaderImage .owl-carousel .item h3, #tuevHeaderImage .carousel-caption p.itemheader {
	margin: 0;
	font: bold 24px 'EB Garamond', "Times New Roman", Times, serif !important;
	color: #C51415;
}

.loginbtn { text-align: right; float: left;}

ul.kursliste {
	padding-left:0px;
	background-color: #FFF;
}

ul.kursliste li {
	color: #333;
	list-style: none;
	padding:2px;
	padding-left:10px;
}
ul.kursliste li a { color: #333; text-decoration: none;}

ul.kursliste li:hover, ul.kursliste li:hover a {
	background-color: #EEEEEE;
	color: #c61415;
}
ul.terminedirekt { margin:0 20px 0 20px; padding-left: 0 !important;}
ul.terminedirekt li { margin: 10px 0 10px 0px;
	border-bottom: 1px solid #fff;
	padding-bottom: 15px;}
ul.terminedirekt li:before { content: "" !important;}
ul.terminedirekt li a { position:absolute;display: inline-block;
	right: 55px;}

span.multiselect-native-select {
	position: relative
}
span.multiselect-native-select select {
	border: 0!important;
	clip: rect(0 0 0 0)!important;
	height: 1px!important;
	margin: -1px -1px -1px -3px!important;
	overflow: hidden!important;
	padding: 0!important;
	position: absolute!important;
	width: 1px!important;
	left: 50%;
	top: 30px
}
.multiselect-container {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0
}
.multiselect-container .input-group {
	margin: 5px
}
.multiselect-container>li {
	padding: 0
}
.multiselect-container>li>a.multiselect-all label {
	font-weight: 700
}
.multiselect-container>li.multiselect-group label {
	margin: 0;
	padding: 3px 20px 3px 20px;
	height: 100%;
	font-weight: 700
}
.multiselect-container>li.multiselect-group-clickable label {
	cursor: pointer
}
.multiselect-container>li>a {
	padding: 0
}
.multiselect-container>li>a>label {
	margin: 0;
	height: 100%;
	cursor: pointer;
	font-weight: 400;
	padding: 3px 0 3px 30px
}
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
	margin: 0
}
.multiselect-container>li>a>label>input[type=checkbox] {
	margin-bottom: 5px
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
	padding: 3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
	margin-left: -20px;
	margin-right: 0
}

.panel-body .row { margin:0;}
.panel-body .rowWithLine { margin: 10px -15px 10px -15px; border-bottom: 1px solid #ccc;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	background-color: inherit;

}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	background-color: #e6e6e6;
	background-image: none;
}

.multiselect-container a {
	color: #333 !important;
}

h2.panel-heading { margin:0;}
.modal { z-index: 10040;}

img.team-colors-memberimg {
	display: inline-block;
	width: 120px;
	float: left;
	margin-right: 15px;
}

#main h2.kursdetail {
	font: bold 18px 'EB Garamond', "Times New Roman", Times, serif;
	color: #C51415;
}


#tuevHeaderLanguageAndSocialMedia a.spriteInstagram, #tuevFooterLanguageAndSocialMedia a.spriteInstagram {
	background-position: -10px -370px;
}

.sidebarElement ul {
	padding-left: 0px;
}

.sidebarElement li {
	padding-left: 1.3em;
	list-style: none;

}
.sidebarElement li:before  {
	content: "\f101";
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.5em;
	width: 1.3em;
}

.sidebarElement li.list-group-item {
	padding-left:3em;
}

section#main li { /*list-style: none;*/}

.sidebarElement ul.multiselect-container li:before {
	content: none;
}
.sidebarElement ul.multiselect-container li {
	padding-left: 0;
}
.pollanswer { position: absolute;}
.pollitem { clear: both;}
.pollitem label { margin-left:30px; font-weight: normal;}

.loginbtn {
	font: bold 16px;
	color: #FFF;
}

.loginbtn a {color: #FFF;}

.btn-search { font-size:14px; padding: 6px 12px;}

.tipps .panel-body { border-bottom: 1px solid #C51415; }

.iconZert {
	position: absolute;
	padding: 0px 0 0px 5px;
	background-color: #c91214;
	color: #fff;
	width: 18px;
	height: 20px;
	right:16px;
}

.input-group.date { width:48%; float:left;}
.form-group .date:first-child { margin-right: 4%;}

img.kursgrafik { height:150px;width:auto; }

.panel-group.termin p {
	margin-bottom: 0;
}

.panel-body ul {
	margin-bottom:0;
}

#breadcrumb {
	padding-top:20px;
	font: bold 15px 'EB Garamond', Georgia, "Times New Roman", Times, serif;
	color: #C51415;
}

.infoavail { position:absolute; right:25px; top:12px; }

h4 {
	font: bold 18px  'EB Garamond', Georgia, "Times New Roman", Times, serif;
}

.dot {
	height: 12px;
	width: 12px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
}

.dot-red {
	background-color: #C51415;
}

.dot-green {
	background-color: #84d600;
}

.dot-yellow {
	background-color: #FFFF00;
}

.dot.dot-right {
	position: absolute;
	top: 16px;
	right: -6px;
}

#kurse {
	position: fixed; width: 100%; z-index: 100; margin-top: 6px; display: none;
}

#kurse .container-fluid {
	width: 1140px; padding-left:0;
}

#kurse .container-fluid > div {
	width: 100%;height:450px;

}

#kurse .container-fluid > div > div, #kurseMob {
	background-color: #ebebeb;
	padding: 20px;
	width: 100%;
	border: 1px solid #e2001a;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top: 0;
	max-height: calc(100vh - 150px);
	overflow-y: auto;

}

#kurse .container-fluid .areaheadline, #kurseMob .container-fluid .areaheadline {
	padding: 3px; text-align: center; color: #FFF;
}

#kurse .container-fluid .areaheadline.area1, #kurseMob .container-fluid .areaheadline.area1 {
	background-color: #e2001a;
}

#kurse .container-fluid .areaheadline.area2, #kurseMob .container-fluid .areaheadline.area2 {
	background-color: #03435e;
}

#kurse .container-fluid .areaheadline.area3, #kurseMob .container-fluid .areaheadline.area3 {
	background-color: #4c8f03;
}

#kurse .container-fluid .areaheadline.area4, #kurseMob .container-fluid .areaheadline.area4 {
	background-color: #dcad25;
}

#kurse .container-fluid .areaheadline.area9, #kurseMob .container-fluid .areaheadline.area9, #kurse .container-fluid .areaheadline.area10, #kurseMob .container-fluid .areaheadline.area10 {
	background-color: #6c3f92;
}

#noentriestext {
	display:none;
	background-color: #fff;
	border: 1px solid #b90a0d;
	padding: 10px 15px;
	border-radius:3px;
}

.inhouse {
	font-weight: bold;
	font-family: 'EB Garamond', Georgia, 'Times New Roman', Times, serif;
	background-color:#ebebeb;
	padding: 5px;
	color:#c61415;
	font-size:15px;
}

.inhouse a {
	color:#c61415;
}

.close {
	font-size: 25px;
	opacity: 1;
	color:#C51415
}
/*-----MEDIA SCREEN-----*/
@media only screen and (min-width:400px){

	.headtopimg{
		height: 150px;
	}

	.fixtop{
		background-color: #ededed;
		padding-bottom: 10px;
	}
	}

@media only screen and (min-width:983px){
	.headtop{
		height: 134px;
	}

	.headtopimg{
		height: 94px;
	}

	}

@media only screen and (min-width:1200px){
	.headtop{
		height: 114px;
	}

	.headtopimg{
		height: 114px;
	}

}



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

		#tuevHeaderImage .owl-theme .owl-controls {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			z-index: 2;
		}


	#tuevHeaderImage .owl-carousel .item div {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 8px 14px;
		padding-bottom: 30px;
		background-color: #FFF;
		background-color: rgba(255,255,255,0.8);

	}

	#tuevHeaderImage .owl-carousel .item h3 {
		font-size: 18px;
	}
}

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

	#tuevHeaderImage .owl-carousel .item div, #tuevHeaderImage .carousel-caption {
		padding: 10px 16px;
		padding-bottom: 30px;
	}

	#tuevHeaderImage .owl-carousel .item h3 {
		font-size: 24px;
	}
}

@media only screen and (min-width: 1150px) {
	#shareButtonGroup ul {
		width: 660px;
	}
}

#shareButtonGroup li {
	width: 200px;
	margin: 10px;
	float: left;
}