@media all {
html { height: 101%; }

body {
	margin:0px; padding:0px;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	line-height: 1.9em;
	color:#333333;
	height: 101%;
	background:#ffffff;
}
/* Unterdrückung der gepunkteten Linie bei Links */
a, a:hover, a:active, a:focus {outline: none;}

a, a:hover, a:active, a:focus { outline: medium none; }
a { color: #a20b37; text-decoration: none; }

/* ############################################################################################################################### */
/*  */

/* ######################################################################################################### */
/* ##### Gestaltung der Headlines #####   font-family: 'Marcellus', serif; */
/* ######################################################################################################### */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Open Sans', sans-serif!important; line-height: 1.5!important; }

h1, .h1 { font-size:32px!important; color:#a20b37;!important; margin-top: 00px!important; margin-bottom: 5px!important; font-weight:400!important; }
h2, .h2 { font-size:28px!important; color:#a20b37;!important; margin-top: 0px!important; margin-bottom: 10px!important; font-weight:400!important; }
h3, .h3 { font-size:18px!important; color:#a20b37;!important; margin-top: 0px!important; margin-bottom: 10px!important; font-weight:600!important; }
h4, .h4 { font-size:18px!important; color:#a20b37;!important; margin-top:  0px!important; margin-bottom:  0px!important;  font-weight:400!important; line-height:2.0!important; }
/* ############################################################################################################################### */

.jsn-text-center { display:none; }

.page-header {
    padding-bottom: 0px;
    margin: 0px 0px 0px 0px;
    border-bottom: 0px solid #EEE;
}

.page-header h2 { font-size:16px!important; color:#333!important; margin-top: 0px!important; margin-bottom: 0px!important; font-weight:700!important; }

div.items-row { padding-top:40px; border-bottom: 1px solid #e7e7e7; }

.rechtliches h3 { font-size:18px!important; color:#333!important; margin-top: 20px!important; margin-bottom: 0px!important; font-weight:400!important; }
.rechtliches p { font-size:14px;   }
a span.rechtliches { font-size:13px!important;   }
a:hover span.rechtliches { color:#a20b37!important;  }




ul.liste { list-style: url(../images/liste.png); }
ul.liste3 { list-style: url(../images/liste3.png); }
ul.liste_ohne { list-style:none; margin:0px; padding:0px; list-style-position:outside; margin-left:10px; }
.line li { padding-bottom:14px; line-height:1.3; }



hr {
    margin-top: 20px;
    margin-bottom: 10px;
    border-right: 0px none;
    border-width: 1px 0px 0px;
    border-style: solid none none;
    border-color: #ccc -moz-use-text-color -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}



/* ######################################################################################################### */
/* ##### Grundeinstellungen ##### */
/* ######################################################################################################### */

.col-lg-1 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-2 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-3 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-4 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-5 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-6 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-7 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-8 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-9 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-10 { background:none; min-height:5px; margin:0px; padding:0px;}
.col-lg-11 { background:none; min-height:5px; margin:0px; padding:0px;}
/*.col-lg-12 { background:#FFFFFF; min-height:5px; margin:0px; padding:0px;}  */
.col-lg-12 { background:none; min-height:5px; margin:0px; padding:0px;}

.grau { background: #e7e7e7; }
.weiss { background:#ffffff;}
.rot { background:#a20b37;}

.container-fluid { background:#fffff!important; margin:0px!important; padding:0px!important; }
.container { padding:0px; max-width:1020px!important; background:none; }
.row { margin:0px!important;  }





.footerstand { display:block; margin-top:40px; background:#ffffff; border-top:1px solid #999; text-align:center; }
.footer-default { width:100%; text-align:left; line-height:auto;  font-size:13px; margin-top:20px; }
.inhalte { padding:50px 0px 50px 20px; float:left;}
.claim { padding:55px 30px 0px 0px; }
.claim h2 { text-align:right; line-height:1.0em!important; margin:0px; padding-right:0px; }
.claim h3 { text-align:right; line-height:1.0em!important; margin:0px; padding-right:0px; }
.claim h4 { font-size:16px!important; font-weight:400!important; text-align:right; line-height:1.3em!important; margin:0px; padding-right:0px; }

/* ######################################################################################################### */
/* ##### Anpassung der Bootstrap Navigation ##### */
/* ######################################################################################################### */

.bottomnavi_container { float:left; width:160px; height:auto; border:0px solid red; margin:0px 15px 0px 30px; }
.menu_bottomnavi1 h3 { color:#000000!important; font-size:12px; margin-bottom:5px;}
ul.menu_bottomnavi1  li { list-style-type:none!important; display:inline!important; }
.menu_bottomnavi1>ul li a{ color:#000000; font-size:12px; list-style-type:none!important; }
.menu_bottomnavi1>ul li a:hover{ color:#d3132f}


/* ######################################################################################################### */
/* ##### Ende der Anpassung der Bootstrap Navigation ##### */
/* ######################################################################################################### */



/* ######################################################################################################### */
/* ##### Anpassung der Bootstrap Navigation Topnavigation ##### */
/* ######################################################################################################### */

.topnavi { position:relative;  height: 20px; margin-top:100px; }

.menu_topnavi { font-family: 'Open Sans', sans-serif; color: #666; font-size: 13px; } /* ##### Gestaltung der Topnavi  ##### */
.menu_topnavi a { color: #333; } /* ##### Farbe der Topnavi  ##### */
.menu_topnavi a:hover { color: #a20b37; } /* ##### Farbe der Topnavi  ##### */

.menu_topnavi li { display: inline!important; list-style-type: none; line-height: 20px; } /* ##### Gestaltung des Menüpunktes der Topnavi ##### */
.menu_topnavi li a { display: inline!important; padding-left:8px; padding-right:8px; } /* ##### Gestaltung des Menüpunktes der Topnavi ##### */
.menu_topnavi li a:hover { background:#eeeeee; } /* ##### Gestaltung des Rollovers der Topnavi ##### */
.menu_topnavi li:after {  color:#333; content: "|"; margin-left: 0px; } /* ##### Trenner der Topnavi ##### */
.menu_topnavi li:last-child:after { content:""; margin-left:-5px; } /* ##### Deaktiviert den Trenner an der letzten Position der Topnavi ##### */

.menu_topnavi > .current.active a { color: #d3132f!important; } /* ##### Aktiver Zustand der Topnavi  ##### */


/* ######################################################################################################### */
/* ##### Anpassung der Bootstrap Navigation Topnavigation ##### */
/* ######################################################################################################### */

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 5px;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
}

.col-sm-9, .col-md-9, .col-lg-9 { padding-left: 20px;}


.suche { min-height:60px!important;}
.schatten { position:relative; width:100%; top:13px; z-index:50; opacity: 0.5; height:13px; background:url(../images/schatten.png) repeat-x; margin-top:0px;}




.navbar { /* ##### Gestaltung der Hauptnavigation  ##### */
	background:none;
	filter:none;
	border:none;
	min-height:40px;!important;
	margin:0px;
	border-radius:none!important;
	background:#ffffff;
	padding-left:0px;
	padding-right:0px!important;
	box-shadow:none;
	border-bottom:1px solid #e7e7e7; 
}

.navbar .nav > li > a { color:#000000; text-shadow:none; padding-left:12px; padding-right:12px; margin-left:0px!important; margin-right:0px!important; } /* ##### Gestaltung der Links der Hauptnavigation  ##### */
 

 
.navbar .nav > li > a:hover {  /* ##### Gestaltung des Rollovers der Hauptnavigation  ##### */
	background:#a20b37;
	color:#ffffff;
	/*
	box-shadow:	inset  0  20px 20px -20px #a20b37, 
				inset  0 -20px 20px -20px #a20b37;  */
}

.navbar .nav > a { /* ##### Aktiver Zustand der Hauptnavigation  ##### */
	background:#a20b37;
	color:#ffffff!important;
}
.navbar .nav .active > a { /* ##### Aktiver Zustand der Hauptnavigation  ##### */
	background:#f7f7f7;
	color:#a20b37!important;
	text-decoration:underline; 
	
}
.navbar .nav .active > a:hover { /* ##### Aktiver Zustand der Hauptnavigation  ##### */
	background:#ffffff;
	color:#a20b37!important;
}


.caret { color:#a20b37; }



.navbar .nav .active > a:hover { background:none; }
* { border-radius: 0 !important; -moz-border-radius: 0 !important; }

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: transparent;
  font-weight:700;
  border-color: none;
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
}







.dropdown-toggle > li > a { background:none;}


.dropdown-menu {
	background:#ffffff;
	filter:none;
	border:none;
	box-shadow:none;
	margin-top:0px;
	min-width:100%;
	padding:0px;
}

.dropdown-menu > li > a { /* ##### Gestaltung der Dropdown Box ##### */
    display: block;
    padding: 10px 25px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
	background:#e7e7e7;
	border-bottom:1px solid #e2ddd0; 
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {  /* ##### Gestaltung des Rollovers der Dropdowns ##### */
	color: #a20b37;
    text-decoration: none;
 	background:#e3e3e3;
}

.dropdown-menu li:hover .sub-menu { visibility: visible; } /* ##### Öffnung der Dropdowns beim Rollover ##### */
.dropdown:hover .dropdown-menu { display: block; }/* ##### Öffnung der Dropdowns beim Rollover ##### */

.dropdown-menu > .current.active a { color: #ffffff!important; background:#a20b37!important; } /* ##### Aktiver Zustand des Dropdowns  ##### */
.dropdown-menu > .current.active a:hover {  color: #ffffff!important; }
/* ######################################################################################################### */
/* ##### Overrides ##### */
/* ######################################################################################################### */



.carousel-caption .btn {
    display: none;
}
.carousel-indicators {
    bottom: 10px;
}
.carousel-indicators {
    position: absolute;
    bottom: 0px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0px;
    margin-left: -30%;
    text-align: center;
    list-style: outside none none;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #a20b37;
    border-radius: 10px;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0px;
    background-color: #FFF;
}

.carousel-control {
    position: absolute;
    top: 55%;
    right: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #FFF;
    text-align: center;
    background: none repeat scroll 0% 0% #222;
    border: 0px solid #FFF;
    border-radius: 23px!important;
    opacity: 0.5;
}

.carousel-control.left {
    left: 20px;
    right: auto;
	top:55%;
}

.carousel-control.right {
    right: 20px;
    left: auto;
    background-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
}

 /*  Anpassung der linken Navigation   */

.linkeNavi > .nav > li > a {													/*  linke Navi 1. Ebene normaler Zustand    */
    position: relative; display: block; padding: 15px 3px;
	width:90%; color:#333333;
}
.linkeNavi > .nav > li > a:hover { color:#ffffff; background:#a20b37; }			/*  linke Navi 1. Ebene rollover Zustand    */
li.deeper.parent a { color:#333333; }											/*  linke Navi 1. Ebene normaler Zustand  wenn Unterpunkte vorhanden sind   */

li.current.active a { color:#a20b37; text-decoration:underline;}				/*  linke Navi 1. Ebene aktiver Zustand ohne Unterpunkte    */ 
li.current.active.deeper.parent a { 
	color:#a20b37; text-decoration:underline;									/*  linke Navi 1. Ebene aktiver Zustand mit vorhandenen Unterpunkten    */ 
} 											
li.active.deeper.parent a { color:#a20b37; }									/*  linke Navi 1. Ebene aktiver Zustand wenn Unterpunkt gedrückt   */ 
li.active.deeper.parent a:hover { color:#ffffff; }								/*  linke Navi 1. Ebene rollover bei aktiven Punkt oder Unterpunkt  */ 
	


ul.nav-child.unstyled.small {													/*  linke Navi 2. Ebene normaler Zustand    */ 
	position: relative; display: block; padding: 5px 20px; width:98%; 
}
ul.nav-child.unstyled.small li {												/*  linke Navi 2. Ebene Abstand der Listenpunkte   */ 
	padding-bottom:5px;
}

.linkeNavi ul { list-style: url(../images/pfeil_subnavi.png); }					/*  linke Navi 2. Ebene Pfeile   */ 
li.current.active.deeper.parent ul.nav-child.unstyled.small a { 				/*  linke Navi 2. Ebene Farbe bei normalem Zustand   */
	color:#333333; text-decoration:none; 
} 
li.current.active.deeper.parent ul.nav-child.unstyled.small a:hover { 				/*  linke Navi 2. Ebene Farbe bei normalem Zustand   */
	color:#a20b37; text-decoration:none; 
}
					 
ul.nav-child.unstyled.small a { color:#333333; padding-bottom:10px;   }			/*  linke Navi 2. Ebene normaler Zustand    */
ul.nav-child.unstyled.small a:hover { color:#a20b37; text-decoration:none; }	/*  linke Navi 2. Ebene rollover Zustand    */

li.active.deeper.parent > ul.nav-child.unstyled.small > li.current.active a { 	/*  linke Navi 2. Ebene aktiver Zustand    */ 
	color:#a20b37; text-decoration:underline;
} 	


.jsn-master .jsn-input-medium-fluid {
    width: 70%; padding:10px; line-height:2.0;
	}
.jsn-master .jsn-input-xlarge-fluid
{
  width: 73%; resize:vertical; 
}

#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group.ui-state-highlight {
    background-color: #fff4f9;
    border-color: #faddea;
}
.btn-primary {
    background-image: linear-gradient(to bottom, #d20f0f 0%, #a20b37 100%);
    background-repeat: repeat-x;
    border-color: #d20f0f;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary
{
  color: #ffffff;
  background-color: #a20b37;
}





/*---linkeNavi > .nav > li > .current > .active a { color:#ffffff; background:blue; }   */
.mobnavi {
	display:none; 	
}
.mobile-content { display:none; }
.mobile-claim { display:none; }






















}

@media (max-width: 1199px) {

.navbar .nav > li > a { color:#000000; text-shadow:none;  padding-left:10px; padding-right:10px; margin-left:0px!important; margin-right:0px!important; }
.claim { padding:75px 0px 0px 0px;  }
}

@media (max-width: 992px) {

.topnavi { display:none; }
.standard-navi { display:none; }
.mobnavi { display: block;}
.mobilnavi { display:block; text-align:left; margin-left:20px; margin-top:30px; }
.mobile-content { display:none; }

.inhalte { padding:20px 0px 50px 0px; float:left;}
.claim { padding:55px 0px 0px 0px;  display:none; }
.mobile-claim { display:block; padding:25px 0px 0px 20px;}
.xxxclaim h2 { text-align:right; line-height:1.0em!important; margin:0px; padding-right:0px; }
.xxxclaim h3 { text-align:right; line-height:1.0em!important; margin:0px; padding-right:0px; font-size:12px!important; }
.xxxclaim h4 { font-size:14px!important; font-weight:400!important; text-align:right; line-height:1.3em!important; margin:0px; padding-right:0px; }

}

@media (max-width: 766px) {

.h1 { margin:0!important; font-size:20px!important; padding:10px!important;}
a:hover { color:#333; text-decoration:none; }
a:focus { color:#333; text-decoration:none; }
a:active { color:#333; text-decoration:none; }
a:visited { color:#333; text-decoration:none; }



.container { margin-left:5px; margin-right:5px; }
.normal { background:none; width:300px; height:30px; }

ul.nav.menu_mobile_topnavi { background:#fff; padding:20px;  }
ul.nav.menu_mobile_hauptnavi { background:#fff; padding:20px;  }

li.deeper.parent a {
    color: #a20b37; background:#fafafa; 
}
li.deeper.parent a:hover {
    color: #a20b37; background:#fafafa; text-decoration:underline;
}
li.current.active.deeper.parent a:hover {
    color: #a20b37; text-decoration: underline;
}
ul.nav-child.unstyled.small a {
	list-style:none; 
    color: #333;
    padding-bottom: 10px;
	background:#ffffff;
}
ul.nav-child.unstyled.small a:hover { color: #a20b37; text-decoration: underline; }

ul.nav-child.unstyled.small {
    position: relative;
    display: block;
    padding: 5px 20px;
    width: 98%;
	list-style:none; 
}
.mobilnavi { display:block; text-align:left; margin-left:5px; margin-top:5px; }
}