/* CUSTOM FRONTEND CSS
*********************************************/
@font-face {
	font-family: '33535gillsansmt';
	src: url('../fonts/33535gillsansmt.eot');
	src: local('33535gillsansmt'), url('../fonts/33535gillsansmt.woff') format('woff'), url('../fonts/33535gillsansmt.ttf') format('truetype');
}




html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
}

/******************************************************/
/*  GENERAL STYLES
/******************************************************/

html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background:url(../images/bg_linnen.jpg) repeat;
}
body, td, th, input, textarea, select, a, p {
	font-size: 14px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
}
h1 {
	font-size: 22px;
    margin-bottom: 4px;
}
h2 {
	font-size: 20px;
    margin-bottom: 12px;
} 
h3 {
	font-size: 18px;
    margin-bottom: 10px;
}
h4 {
	font-size: 14px;
    margin-bottom: 8px;
}
h5 {
	font-size: 12px;
    margin-bottom: 6px;
}
h6 {
    font-size: 11px;
    margin-bottom: 4px;
}
p {
	margin-top: 0;
	margin-bottom: 20px;
	line-height: 1.8em;

}
a, a:visited {
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}

ol, ul {
    margin-bottom: 15px;
    margin-top: 0;
}
ol {
    counter-reset: item;
    list-style-type: none;
	margin: 0 0 0 15px;
}
ol li:before {
    content: counter(item) "  "; 
    counter-increment: item;
}
li {
	/*padding-bottom: 0.5em;*/
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
#logo img {
	height:100px;
}
/*  FONTS
==================================================================== */

body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif!important;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	/*text-transform: uppercase;*/
}


/* COLORS
==================================================================== */
/* Color sheme

   #ae0d39  (red )
   
   #5db3bc  (blue)
   #cfe4e7  (light blue)
   
   #151515  ( black )
   #2e2e2e  ( dark grey )
   #a3a3a3  ( light gray )
   
*/ 
body {
	/*background-color: #fef7da !important;*/
	background-color:#fefec0;
}
body, p {
	color: #333;
}
h1, h2, h3, h4, h5, h6 {
	/*color: #b70043;*/
	/* color:#5db3bc;  hellblau */
	color:#ae0d39;
}
hr {
    border-color: #d1cfcf -moz-use-text-color -moz-use-text-color;
}

a, a:visited {
	color: #ae0d39;
}
a:hover {
	color: #5db3bc!important;
}

#content {
	/*background-color:#fefbea;*/
}

.container {
    background-color: #FFF;
}


/******************************************************/
/*  BASIC LAYOUT
/******************************************************/
/*
 * max. inner size: 1240px;
*/

body {
    padding-top: 0;
	padding-bottom: 0;
}


#content .item-page ul {
	margin-left: 0;
	padding-left: 12px;
	list-style: none;
}
#content .item-page ul li { 
	position: relative;
	padding-bottom: 0.5em;

}
#content .item-page ul li:before { 
     position:absolute;
     left: -0.9em;
	 top: -0.18em;
     content: url(../images/list-dot-red.png);
}



.container {
	/*border: solid 1px #e7690b;*/
	/*background:url(../images/bg_hell.jpg) repeat;*/
}
#header {
    clear: both;
    min-height: 70px;
	padding-left: 10px;
	padding-right: 10px;
}
	#header #logo {
		padding: 15px 5px 10px 10px;
		position: relative;
		float:left;
		border-bottom: 2px dotted #b70043;
	}
	#header #logo img {
		margin: 0 auto;
	}
	#header #logo p {
		margin-bottom: 0;
		margin-top: 0;
	}
	#header #logotype {
		visibility:hidden;
		display:none;
	}
	#header #logosubtype {
		visibility:hidden;
		display:none;
	}
	#header #logosubtype-border {
		border-top: 2px dotted #b70043 !important;
		
	}
	#header #logosubtype-xs {
		color:#5db3bc;
		margin-top:5px;
		font-family: '33535gillsansmt', sans-serif !important;
		font-size:16px;
		font-weight:normal;
		text-align: center;
	}









#content {
	/*background:url(../images/bg_hell.jpg) repeat;*/
}


.content-left {
	padding-left:10px;
	/*padding-right:10px;*/
}
.content-right {
	padding-left:10px;	
	padding-right:10px;
}
.content-fullwidth {
	padding-left: 10px;
	/*padding-right: 10px;*/
}
.page-header {
    border-bottom: 1px solid #eee;
    margin: 0 0 10px;
    padding-bottom: 9px;
}

/******************************************************/
/*  SIDEBAR
/******************************************************/

.sidebar {
	margin-top:70px;
	/*margin-bottom:20px;*/
}
.sidebar ul {
	margin-left: 0;
	padding-left: 12px;
	list-style: none;
	
}
.sidebar ul li {
	position: relative;
	padding-bottom: 0.3em;
}
.sidebar ul li:before { 
     position:absolute;
     left: -0.9em;
	 top: -0.18em;
     content: url(../images/list-dot-red.png);
}

/******************************************************/
/*  MAIN MENU
/******************************************************/

.navbar {
	border: none;
	margin-bottom: 0;
	margin-top:25px;
	margin-left:8px;
	position: relative;
	border-top:none !important;
	/*border-bottom: 2px dotted #b70043 !important;*/
}
.navbar-inner {
	background-color: #ffffff;
	background-image: none;
	border:none;
	box-shadow: none;
	margin-bottom: 0;
	/*border-bottom: 1px solid rgba(255,255,255,.3);*/
	/*text-transform: uppercase;*/
	font-family: 'Montserrat', sans-serif;
	padding-left:0;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
	background-color: transparent !important;
	color: #ae0d39;
}
.navbar-default .navbar-nav > li > a {
	color: #ae0d39 !important;
}
.navbar .nav > li > a {
	color: #b70043;
	font-size:14px;
	font-weight:normal;
	padding: 10px 20px;
}
.navbar .nav li a {
	/*font-size: 13px;*/
	/*-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;*/
	display:block;
	background:url(../images/menu_pic01.png) no-repeat;
	background-position: 0 12px;
}
.navbar .nav li a:hover,
.navbar .nav li a:focus,
.navbar .nav li a.active,
.navbar .nav li .active a:hover {
	outline: 0;
	background:url(../images/menu_pic02.png) no-repeat;
	background-position: 0 12px;
	color: #5db3bc !important;
}
.navbar .nav > li.current > a,
.navbar .nav > li.current > a:hover, 
.navbar .nav > li.current > a:focus {
	background-color: #ffffff;
	color: #5db3bc !important;
	box-shadow: none;
}
.navbar .nav-collapse ul li:first-child  a {
	border-top: none !important;
}

/* second level */
.navbar .nav ul.nav-child {
	padding: 0 0 0 20px;
	list-style:none;
}
.navbar .nav ul.nav-child > li > a,
.navbar .nav ul.nav-child > li > a:link,
.navbar .nav ul.nav-child > li > a:visited,
.navbar .nav ul.nav-child > li > a:focus,
.navbar .nav ul.nav-child > li > a:hover,
.navbar .nav ul.nav-child > li > a:active {
	background:none;
	color: #b70043;
	font-size:12px;
	font-weight:normal;
	padding: 0 10px 10px;
}
.navbar .navbar-collapse ul.nav.menu li ul {
	display:none;
}
.navbar .navbar-collapse ul.nav.menu li:hover ul,
.navbar .navbar-collapse ul.nav.menu li.active ul {
	display:block;
}
.navbar.navbar-default div.navbar-collapse.sidebar-navbar-collapse.collapse ul.nav.menu.navbar-nav li.active.deeper.parent a
{
	color:#ae0d39; /* rot */
}
.navbar.navbar-default div.navbar-collapse.sidebar-navbar-collapse.collapse ul.nav.menu.navbar-nav li.active.deeper.parent ul.nav-child li.current.active a {
	color:#5db3bc !important;  /* blau */
}

/* Smartphone only */
.navbar-default {
    background-color: #ffffff;
    border-color: #ae0d39;
}
.navbar-toggle {
    margin-right: 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border:none;
	border-bottom:dotted 2px;
    border-color: #ae0d39;
}
.navbar-default .navbar-toggle {
    border-color: #ae0d39;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ae0d39;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #cfe4e7;
}


/* tablet, desktop */
@media (min-width: 768px) {

	.navbar {
		border: none;
		margin-bottom: 0;
		margin-top:25px;
		margin-left:0;
		position: relative;
		border-top:none !important;
		/*border-bottom: 2px dotted #b70043 !important;*/
	}
	.navbar-default {
		background-color: transparent !important;
		border:none;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border:none;
	}	
	.navbar .nav-collapse.collapse ul {
		/*float:right;*/
	}
}

/******************************************************/
/*  BREADCRUMBS
/******************************************************/
.breadcrumb,
.breadcrumb a {
    background-color: transparent;
    border-radius: 4px;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 8px 0;
	font-size: 11px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: ">";
}
.breadcrumb > .active {
	color: #999;
  
}
.breadcrumb li span.divider {
	display:none;
	height:0;
}
.breadcrumb li a.pathway {
	color:#b70043;
	
}

.breadcrumb li.active span {
	  color: #5db3bc;
}


/******************************************************/
/*  CONTENT MODULES
/******************************************************/


/* News Box 
----------------------------------------- */
.newsbox-wrapper {
	padding-left:12px;
	padding-right:22px;
}

.newsbox {
	/*background-color: #FFC;*/
	padding:10px;
	/*box-shadow: 4px 4px 4px silver;*/
}

.article-separator {
	display:block;
	height:1px;
	background: #CCC;
	margin:10px 0;
}

.newsbox ul {
	list-style:none;
	padding:0;
	margin:0;
}

.bt-cs h3 {
    background: rgba(0, 0, 0, 0) url("../images/bg-header.png") repeat-x scroll 0 0;
	border-top:  1px solid #beeff4;
    border-left: 1px solid #beeff4;
	border-right: 1px solid #beeff4;
	border-bottom: none;
    color: #ae0d39;
    height: 37px;
    line-height: 37px;
    margin: 0 !important;
    text-indent: 10px;
    text-transform: uppercase;
}

html body.front.willkommen div.container div#content.row div.col-sm-10 div.newsbox-wrapper div.newsbox div#btcontentslider112.bt-cs.bt-csbt-cs div.slides_container {
	background-color:#e9f4f8;
	border: 1px solid #beeff4 !important;
}
.bt-cs .bt-inner .bt-title {
    clear: both;
    color: #ae0d39;
    display: inline-block;
    font-weight: bold;
    line-height: 150%;
    text-transform: uppercase;
}



/* Bottom Boxes
----------------------------------------- */
.bottom-wrapper {
	padding-left:10px;
	padding-right:10px;
}

.bottom {
	padding:10px;
}
.bottom p {
	padding-left:15px;
}


/* OS ImageGallery Free
----------------------------------------- */
.bottom .fancybox img {
	width:100%;
	height:auto;
}
.imageGallery .rowImages .fancybox .overlay {
    background: url("../images/fancybox_overlay.png") repeat scroll 0 0 transparent !important;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.imageGallery .rowImages .fancybox h3 {
    bottom: 0;
    color: #ae0d39;
    font: 300 21px "Roboto",Arial,sans-serif;
    height: 30px;
    left: 0;
    letter-spacing: -1px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: none;
    top: 0;
}
.imageGallery .rowImages .fancybox .overlay .lens {
    background-image: url("../images/zoom.png") !important;
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}


/* Contact Form
----------------------------------------- */
.contact .contact-form {
	margin-bottom:20px;
}
.contact .page-header h2 {
	color:#333;
	text-transform:none;
}
.contact h3 {
	display:none;
}
.contact .form-validate.form-horizontal fieldset legend {
	font-size:1.1em;
	margin-top:7px;
}
.contact dl.contact-address.dl-horizontal dt,
.contact #contact-form.form-horizontal .control-label label {
    font-weight: 400;
	color:#999;
}
.contact dl.contact-address.dl-horizontal dt,
.contact .form-horizontal .control-label {
    width: 20%;
	display: inline-block;
	padding-right:10px;
}
.contact dl.contact-position.dl-horizontal dd,
.contact dl.contact-address.dl-horizontal dd {
    margin-left: 22%;
}
.contact .form-horizontal .controls {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
	width:70%;
}
.contact .form-horizontal textarea#jform_contact_message {
	margin-top:7px;
}
.contact .form-horizontal input#jform_contact_name,
.contact .form-horizontal input#jform_contact_email,
.contact .form-horizontal input#jform_contact_emailmsg,
.contact .form-horizontal fieldset div.control-group div.controls textarea#jform_contact_message {
    display: inline-block;
    vertical-align: middle;
	width:100%;
}
.contact .btn-primary.validate {
    background-color: #5db3bc;
    background-image: linear-gradient(to bottom, #5db3bc, #66c5f2);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.contact dl.contact-position.dl-horizontal dt {
	display:none;
}

.contact dl.contact-position.dl-horizontal dt {
	display:none;
}
.contact .form-horizontal.well fieldset div.control-group div.controls {
	padding-bottom:15px;
}

/******************************************************/
/*  BOTTOM AREA
/******************************************************/
/* Footer */
#footer {
	/*background-color: #e7690b;*/
	/*border-top: 2px dotted #b70043 !important;*/
	/*margin:0 35px;*/
	margin:20px 38px 0 0;
	padding: 0;
	color: #A3A3A3!important;
}
#footer a {
	/*color: #FFF!important;*/
}
#footer a:hover {
	/*color: #FFFFFF!important;*/
}
#footer span {
	color: #545454!important;
}


/*  Information, Customer Service, Extras, My Account  */

#footer p {
	margin-bottom: 0;	
}
#footer .footer-left {
	padding:10px 15px 35px 5px;
}
#footer .footer-right {	
	padding: 10px 15px 35px 5px;
}

/* Copyright */
#footer .footer-left p,
#footer .footer-left p a {
	font-size:12px !important;
}

/* footer menu */
#footermenu {
	padding-left:20px;
	padding-right:20px;
}
	#footermenu li {
		display: inline;
		list-style-type: decimal;
	}
	#footermenu li a {
		display: inline;
		font-size:12px;
		line-height: 1.8em;
		padding:0 15px;
		color: #ae0d39;
	}
	#footermenu li a:hover {
		background:none;
		text-decoration:none;
		color: #5db3bc !important;
	}



/* MEDIA QUERIES
*********************************************/

/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */



/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	body {
		padding-top: 15px;
		padding-bottom:15px;
	}

	#logo img {
		height: auto;
	}

	#header #logo {
		border:none;
	}
	#header #logotype {
		visibility:visible;
		display:block;
		color:#ae0d39;
		margin-top:45px;
		padding-bottom:5px;
		font-family: '33535gillsansmt', sans-serif !important;
		font-size:23px;
		border-bottom: 2px dotted #b70043 !important;
		text-align:right;
	}	
	#header #logosubtype {
		visibility:visible;
		display:block;
		color:#5db3bc;
		margin-top:5px;
		font-family: '33535gillsansmt', sans-serif !important;
		font-size:20px;
		font-weight:normal;
		text-align:right;
	}

	
	.newsbox-wrapper {
		padding-left:40px;
	}
	.content-left {
		padding-left:40px;
	}
	.content-right {
		padding-right:40px;
	}
	.content-fullwidth {
		padding-left: 40px;
		padding-right: 40px;
	}
	#header {
		/*padding-left: 40px;
		padding-right: 40px;*/
	}

	.navbar {
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		-khtml-border-radius: 0px;
	}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	h1 {
		font-size: 22px;
		margin-bottom: 14px;
	}
	#header #logo {
		padding: 15px 5px 10px 0;
		position: relative;
	}
	.newsbox-wrapper {
		padding-left:40px;
	}
	.content-left {
		padding-left:40px;
	}
	.content-right {
		padding-right:40px;
	}
	.content-fullwidth {
		padding-left: 40px;
		padding-right: 40px;
	}
	#header {
		padding-left: 15px;
		padding-right: 20px;
	}
	.page-header {
		border-bottom: 1px solid #eee;
		margin: 20px 0 30px;
		padding-bottom: 9px;
	}



	
	/* Modul AudioPlayer AllVideo */
	.avPlayerWrapper.avAudio {
		width:50% !important;
	}
	/* Modul AudioPlayer AllVideo */
	.avPlayerWrapper.avAudio {
		width:50% !important;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	h1 {
		font-size: 22px;
		margin-bottom: 0;
	}

	#header #logo {
		padding: 15px 5px 10px 0;
		position: relative;
	}

	.newsbox-wrapper {
		padding-left:40px;
	}
	.content-left {
		padding-left:40px;
	}
	.content-right {
		padding-right:20px;
	}
	.content-fullwidth {
		padding-left: 40px;
		padding-right: 40px;
	}
	#header {
		padding-left: 15px;
		padding-right: 20px;
	}
	.page-header {
		border-bottom: 1px solid #5db3bc;
		margin: 20px 0 30px;
		padding-bottom: 9px;
	}
	/* Modul AudioPlayer AllVideo */
	.avPlayerWrapper.avAudio {
		width:50% !important;
	}
}