@charset "utf-8";
/* CSS Document */
html { font-size: 100%; }
body { 
background-color: #e6e6e6; 
color: #333/*#151515*/; 
margin:0;
padding:0;
margin-bottom:120px;
/*-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;*/
}
/*****************navigation caret - dreieck für untermenüs**************************************/
.dropdown-toggle > a::after
 {
border-color: transparent transparent transparent #151515;
border-style: solid;
border-width: 4px 0 4px 4px;
content: " ";
display: inline-block;
margin-left: 4px;
height: 0;
margin-right: 0;
vertical-align: middle;
width: 0;
}

.sidebar > .navbar-collapse.in .dropdown-toggle > a::after
 {
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 4px 0 4px 4px;
content: " ";
display: inline-block;
margin-left: 4px;
height: 0;
margin-right: 0;
vertical-align: middle;
width: 0;
}
.dropdown-toggle > a:hover::after {
border-color: transparent transparent transparent #990033;
border-style: solid;
border-width: 4px 0 4px 4px;
content: " ";
display: inline-block;
margin-left: 4px;
height: 0;
margin-right: 0;
vertical-align: middle;
width: 0;
}
.dropdown-toggle.active > a::after,
.sidebar > .navbar-collapse.in .dropdown-toggle.active > a::after {
    border-color: #990033 transparent transparent;
    border-width: 4px 4px 0;
}
/*********************************************************************/
.row { margin-top: 20px; margin-bottom: 20px; }
.nomargin { margin-top: 0px; }
main { padding-left: 20px; padding-right: 20px; }
aside { padding-left: 25px; padding-right: 0px; }
h1, .h1, h2, .h2 { margin-bottom: 20px; font-weight:300!important; }
h1, .h1 { font-size: 2em;  }
h2, .h2 { font-size: 1.5em; }

h3, .h3 { font-size: 1.3em; font-weight:normal!important;  }
h4, .h4 { font-size: 1.1em;  }
p { font-size: 1em; 
}
hr { border-color: #eee currentcolor currentcolor; margin-bottom: 60px; margin-top: 60px; }
small, .small { font-size: 80%; }
.container { 
	background-color: rgba(255,255,255,1);
	-webkit-box-shadow: -4px 0 6px -4px rgba(0,0,0,.75), 4px 0 6px -4px rgba(0,0,0,.75);
	box-shadow:         -4px 0 6px -4px rgba(0,0,0,.75), 4px 0 6px -4px rgba(0,0,0,.75);
 } 
.container { max-width: 1280px; }
.container { width: 96.90721649484536%;  }

 .main {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: rgba(236,237,236,1);
	border-left-color: rgba(236,237,236,1);
}
.main h1 { color: #990033; font-weight: bold; }
.navbar { margin-bottom: 0px; min-height: 40px; }
.navbar-default { background-color: transparent; border-color: transparent; }
.navbar-nav > li > a { padding-bottom: 10px; padding-top: 10px; }

nav .container { background-color: #990033; }
.sidebar-header { display: block; font-size: 1.3em; padding: 10px; text-align: center; letter-spacing: 0.2em; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #e6e6e6; margin-bottom: 15px; }
/*.sidebar-nav { padding-left:20px; }*/
.nav > li > a:hover,
.nav > li > a:focus,
.sidebar .nav > li > a:hover,
.sidebar .nav > li > a:focus {
  text-decoration: none;
  background-color: #e6e6e6;
  color: #990033;
}
.navbar-toggle { background-color: rgba(255,255,255,0.3); border: 1px solid #fff; }
.icon-bar { background-color: #fff; }
.navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; }

.navbar-toggle:hover,
.navbar-toggle:focus {
  background-color: rgba(255,255,255,0.6);
}
 
.navbar-default .navbar-nav > li > a, a { color: #fff; font-weight: bold; text-decoration: none; }
address a { font-weight: normal; }

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #990033;
  background-color: #e6e6e6;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.sidebar .sidebar-nav > .active > a,
footer a.active{
  color: #990033;
  background-color: #e6e6e6;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #990033;
  background-color: #e6e6e6;
}
.custom-grid a, footer a, .row a { color: #0044cc; }
.custom-grid { color: #990033;}
#side-menu a { color:#151515; }
#side-menu span.caret { float: right; margin-top:10px; }
.well { background-color: #ECEDEC;  }
/****************************form****************************/
form { padding:10px; }
form .row {margin-top:2px; margin-bottom:2px;  background-color: #ECEDEC; align-content: center;   }
label.control-label { float: right;margin-top:2px; margin-bottom:2px;}
.internal { display: none; }
.captcha { width: 15%; min-width: 120px; display: inline; }
.form-control {
	margin-top: 2px; 
	margin-bottom: 2px;    
    color: #555;
    display: inline-block;
    font-size: inherit;
    height: 30px;
    padding: 2px 12px;
}
.checkbox { margin-top: 0px; }
.radio { margin-top: 0px; }
.row .zwtext{ margin-top: 10px; margin-bottom: 10px; background-color: #fff; font-weight:bold; }
.input-file { border-width: 0px; height:100%; background-color: transparent; }
/********************************************************/
.sidebar .navbar-collapse { padding-left: 0px; padding-right: 0px; }
.sidebar .nav > li > a { padding: 5px 5px 5px 15px; color: #151515; }
.sidebar .nav > li > ul > li > a { background: rgba(236, 237, 236, 1); }
.sidebar .nav > li.active > a { text-decoration: none; background-color: #e6e6e6; color: #990033; }

.sidebar #submenu-1 a, 
.sidebar #submenu-2 a,
.sidebar #submenu-3 a { font-weight: normal; padding-top:2px; padding-bottom:2px; padding-left:35px;}
/*.sidebar #submenu-3 li.active > a, .sidebar #submenu-4 li.active > a { color: #990033; }*/
/**************aside rechte seite ****************************************/
/*aside { background-color:rgba(204,204,204,0.1); }*/
aside p { font-size:0.9em;   }
aside p a, address a { font-size:0.9em; }
/*aside section { margin-bottom:20px;  }*/
aside hr {  margin-bottom: 30px; margin-top: 30px; }
/***********************************************************/
.thumbnail.extra > img, 
.thumbnail.extra a > img {
    margin-left: 0;
    margin-right: auto;
}

/*****************labels****************************************************/
.btn-tip { 
	background-color: #ffcc00; 
	-webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 3px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 3px 0px rgba(50, 50, 50, 0.75); 
}
a.btn-tip  { color:inherit; text-decoration: none; }
.btn { color: #000; text-shadow: none; }


/*****************carousel****************************************************/
.nopadding { padding-left:0px; padding-right:0px; margin-bottom:0px; }
.carousel .row { margin-top:0px; margin-bottom:0px; }

.carousel>.col-xs-12, .carousel>.col-sm-12, .carousel>.col-md-12, .carousel>.col-lg-12 { padding-left: 0px; padding-right: 0px; }
.carousel-indicators .active { background-color: #eee; }
.carousel-indicators {
	top: 10px;
    left: 0;
	right:0;
    list-style: outside none none;
    margin-left: 78%;
	margin-right: 2%;
    padding-left: 0;
    position: absolute;
    text-align: right;
    width: 20%;
    z-index: 15;
}
.carousel-indicators li { border: 1px solid #eee; }
.carousel-control.left {
    background-image: url("../images-carousel/arrows-m.png");
    background-repeat: no-repeat;
	display: block;
    height: 33px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    width: 16px;
    z-index: 60;
}
.carousel-control.right {
    background-image: url("../images-carousel/arrows-m.png");
    background-repeat: no-repeat;
	display: block;
    height: 33px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    width: 16px;
    z-index: 60;
}
.carousel-control.left { background-position: 0 100%; left: -3px; }
.carousel-control.right { background-position: 0 0; right: -3px; }
.carousel-control { width: 2%; }

.carousel-caption {
	background-color: rgba(255, 255, 255, 0.7);
	bottom: 20px;
	color: #151515;
	left: 58%;
	top: 3%;
	bottom: 3%;
	padding-bottom: 20px;
	padding-top: 10px;
	position: absolute;
	right: 3%;
	text-align: left;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	z-index: 10;
	padding-right: 10px;
	padding-left: 10px;
}
.carousel-caption h1 { margin-top: 5px; margin-bottom: 5px; }
.carousel-caption p { margin: 0 0 5px; }
/*******************************grüner Streifen unten *************************************/
.spacer { background-color: #990033; }
.spacer > .row { margin-bottom:5px; margin-top:5px;  }
/******************zusätzlich zu bootstrap grid 5 Spalten footer ********************/
.custom-grid div[class^="col-"] { 
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-5th-1 { 
width: 100%;
float: none;
	}
/*****************************counter***********************************************/	
#demo {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: 1fr 1fr 50px;
	-ms-grid-columns: (1fr)[12];
	grid-template: 1fr 1fr 50px/repeat(12, 1fr);
	
}
#demo div {
	grid-column: 1/-1;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
#demo .timer {
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row: 1/3;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.timer-item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.timer-item .counter {
	font-size: 3em
}
.timer-item .text {
	font-size: 1.3em;
	text-transform: uppercase
}
/*****************************tables***********************************************/	
.table { margin-bottom: 20px; max-width: 100%; width: 100%; }
.table-responsive { border: 1px solid rgba(236, 237, 236, 0.8); }
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #990033;
  vertical-align:middle;
  color:#fff;
  text-align:center;
  font-weight:bold;
}
.table caption {
    color: #333;
	  font-size: 1.6em;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: left;
}	
.table th { font-weight:normal; }	
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
    border-top: 0 none;
}
.table > thead > tr > th {
    border-bottom: 0 none;
    vertical-align: bottom;
}
.red { color: #bd0006; ; font-weight:bold; }
footer .img-responsive { display:inline-block; }
footer hr { border-color: #ccc currentcolor currentcolor; margin-top:20px; margin-bottom:20px; }
/********************spezielle aufzaehlungen ********************************/
aside ul, aside ol { padding-left:0px; }
.icon-list li {
    display: block;
    padding: 0 0 3px 20px;
    position: relative;
	font-size:0.9em!important;
}
.icon-list li a { font-size:0.9em!important; }
.icon-list li:before
{
	font-family: "Glyphicons Halflings";
	content: "\e164";
    left: 0;
    position: absolute;
    top: 2px;
}
footer address a { font-size:inherit; }
/********************************cookie********************************************/
#mycookie { position: fixed; z-index:1;bottom: 0; left: 0; right: 0; background: #ccc; background-color: rgba(0,0,0,0.9); padding: 10px; font-size: 0.9em; color:#FFF; 
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
 }
   /*#mycookie p { font-size:inherit; }
*/ @keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
#mycookie .container { /*border:0px;*/ box-shadow:none; background-color:transparent; text-align:center;}
#mycookie a { color: #999; text-decoration: underline; }
#mycookie a.btn { padding: 4px; border-radius:2px;text-decoration: none; }

/****************************************************************************/
@media (max-width: 767px) { 
	nav.sidebar, .sidebar .nav > li > ul > li > a  { background-color: #990033; }
	.sidebar .nav > li > ul > li > a { background-color: rgba(255,255,255,0.3); }
	.sidebar .nav > li > a  { color: #fff;  }
	.carousel-caption {  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); }
	.carousel-caption h1 { font-size: 1.5em; }
	.carousel-caption .btn-xs, .btn-group-xs > .btn { font-size: 80%; }
	.timer-item .counter {
	font-size: 2em
	}
.timer-item .text {
	font-size: 1em;
	}
}
	
@media (min-width: 768px) {
	.thumb { text-align: left; width: 100%; margin-right: 0; margin-left: 0; }
	.thumb1 { text-align: left; width: auto; margin-right: 0; margin-left: 0; }	
	.col-xs-5th-1 { width: 20%; float: left; }
	.navbar-collapse { padding-left: 0px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.carousel-caption { left: 45%; }
	.carousel-caption h1 { font-size: 1.7em; }
	.carousel-caption p { font-size:0.9em; }
	.carousel-caption .btn-xs, .btn-group-xs > .btn { font-size: 90%; }
	.main  { border-right:none 0px; }
}

@media (max-width: 480px) {
	body { margin-bottom:130px; }
	.carousel-caption { left: 45%;  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); }
	.carousel-caption h1 { font-size: 1em; }
	.sidebar-header { color:#fff; }
	.timer {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
}