@charset "UTF-8";
/* CSS Document */

body{
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	min-width:300px;
}

h1{
	font-size:1.571em;
	line-height: 1.42857;
	color:#009ee0;
}

h2{
	font-size:1.571em;
	line-height: 1.42857;
	color:#009ee0;
}

a:link, a:visited{
	color:#009ee0;
}
a:hover, a:focus{
	color:#009ee0;
	text-decoration:underline;
	
}
p{
	margin:0;
}

header .top_row, #sticky_header .top_row{
	/*background-color:#009ee1;*/
	position:relative;
	box-shadow: 0px 1px 20px #000;
}

header .row, #sticky_header .row{
	position:relative;
	
}
header .bottom_row, #sticky_header .bottom_row{
	background-color:#e8f3fb;
	position:relative;
	min-height:52px;
}

header .row_alt{
	margin-left:0;
	margin-right:0;	
}
header .bottom_row{
	z-index:0;
}
header .row_alt .col-md-12, header .row_alt .col-sm-12{
	padding-left:0;
	padding-right:0;
}
/*
header .top_row{
	margin-right:0;	
	z-index:40;
}
*/
.top_row{
	margin-right: 0;
    z-index: 40;
    display: flex;
    margin-left: 0;
	background:#fff;
}


header .bottom_row .container{
	position:relative;
}
/*
.logo_wrapper{
	position:relative;
	max-width: 30%;
	margin-left:15px;
}

.logo{
	position:absolute;
	width:597px;
	max-width:100%;
	height:560px;
	background-image:url(../img/logo_hintergrund.png);
	background-size:contain;
	background-repeat:no-repeat;
}

.logo_wrapper{
	position:relative;
	float:left;
	margin-left:15px;
}
*/
.logo_wrapper { 
    flex: 1;
    width: auto;
    min-width: 200px;
}


.logo{
	position:relative;
	width:auto;
	max-width:100%;
	height:auto;
	background:#fff;
}

/*
.logo a{
	width:208px;
	max-width:36%;
	height:105px;
	position:relative;
	margin-top:12px;
	margin-left:20px;
	display:block;
}
*/
.logo a {
    width: 487.5px;
    max-width: 100%;
    /* height: 45px; */
    position: relative;
    margin-top: 6px;
    /*margin-left: 20px;*/
	/*margin-left:auto;*/
	/*margin-right:auto;*/
    margin-bottom: 6px;
    display: block;
}
/*
.navigation_wrapper{
	max-width:1520px;
	display:block;
	margin:0 auto;
}
*/
.navigation_wrapper {
    max-width: 1110px;
    display: block;
    margin: 0 auto;
    width: 100%;
    background: #009ee1;
}
.metanav_wrapper{
	flex: 1;
    /*min-width: 155px;*/
    background: #009ee1;
}
.metanav{
	background-color: #009ee1;
    border: none;
    float: right;
	/*width:190px;*/
}

.metanav ul{
	padding:0;
}

.metanav ul li{
	float:left;
	list-style:none;
	font-size:16px;
	line-height:67px;
	color:#fff;
	margin-right:0;
	margin-left:15px;
}

.metanav ul li a:link, .metanav ul li a:visited {
	color:#fff;
}
.metanav ul li a:hover, .metanav ul li a:focus {
	color:#000;
}


.navbar{
	background-color: #009ee1;
    border: none;
    float: left;
	margin-bottom:0;
	
}
.navbar-collapse.collapse {
    padding: 0;
    
}
.navbar .navbar-nav > li > a{
	line-height:57px;
	font-size:22px;
	color:#fff;
	padding-top:0;
	padding-bottom:0;
	border-left: 1px solid #fff;
}
.navbar .navbar-nav > li > a {
	line-height:67px;
    font-size: 16px;
    padding-left: 8px;
    padding-right: 8px;
}


.navbar .navbar-nav > li.first > a{
	border-left: none;
}

.navbar .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #009ee0;
    background-color: #fff;
}

.navbar .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #009ee0;
    background-color: #fff;
}

.navbar .dropdown.hover:hover > ul{
	display:block;
}

ul.dropdown-menu .dropdown-menu {
        left: 100%;
    top: -7px;
    border-radius: 0px 4px 4px 0;
	-webkit-box-shadow: 4px 0px 6px -4px rgba(0,0,0,.175) inset;
    box-shadow: 4px 0px 6px -4px rgba(0,0,0,.175) inset;
    border-left: 1px solid #009ee0;
}
.dropdown-menu{
	border:none;
}
.dropdown-menu>li {
   	border-bottom:1px solid #006400;
}
.dropdown-menu>li.last {
   	border-bottom:none;
}
.dropdown-menu>li>a {
    font-weight: 400;
    color: #009ee0;
	font-size:16px;
	line-height:26px;
	padding: 3px 15px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #009ee0;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #006400;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #009ee0;
}

.visual{
	display:block;
	position:relative;
}

.visual img{
	width:100%;
}

.flexslider .spresponsive_caption {
    position: absolute;
    width: 100%;
    height: auto;
    display: block;
    bottom: 0;
    background: rgba(255,255,255,0.3);
	color:#fff;
	padding-top:10px;
	padding-bottom:20px;
	
}



.image > .caption .container, .flexslider .spresponsive_caption .container{
	max-width:100%;
}

.image > .caption .container{
	padding:0;
}

.image > .caption .caption-center{
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.image > .caption h1, .flexslider .spresponsive_caption h1{
	font-size:3.214em;
	line-height: 1.42857;
	color:#fff;
}

.flexslider .spresponsive_caption div div{
	margin-right:120px;
}


#main{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+20,e6e6e6+40,e6e6e6+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 20%, #e6e6e6 40%, #e6e6e6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 20%,#e6e6e6 40%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 20%,#e6e6e6 40%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
	
	padding-bottom:40px;
	z-index: 30;
    position: relative;
}

hr{
	background:url(../img/Trenn_Icon_Linie.png);
	background-repeat:repeat-x;
	background-size:8px 34px;
	height:34px;
	border:none;
	position:relative;	
	margin-right:68px;
}

hr:after{
	background:url(../img/Trenn_Icon_Kontur.png);
	background-size:68px 34px;
	content:"";
	height:34px;
	border:none;	
	position:absolute;
	width:68px;
	right:-68px;
}

#main .csc-textpic-scalable {
    clear: left;
    margin-bottom: 20px;
    overflow: hidden;
    display: block;
}


footer{
	background-color:#5D7F40;
	color:#fff;
}

footer .container .row {
    margin-top: 0px;
    padding-top: 20px;
    border-top: none;
	padding-bottom:20px;
}

footer .container .row > div {
	padding-bottom:20px;
}

footer a:link, footer a:visited{
	color:#fff;
}

footer a:hover{
	color:#fff;
	text-decoration:underline;
}


#sticky_header{
	position:fixed;
	top:-100px;
	width:100%;
	transition: all ease-in 0s 0s; 
	z-index:9999;
}

#sticky_header.show_sticky{
	top:0;
	transition: all ease-in 0.5s 0s; 
}

/*
#sticky_header .logo_wrapper {
	max-width:none;
	width: 330px;
	position: absolute;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100%;
}
	
#sticky_header .logo a {
	width: 94px;
	max-width:none;
	height: auto;
	margin-top: 5px;
	margin-left: 40px;	
}
*/
.caret-r {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	border-left: 5px dashed;
	border-left: 5px solid\9;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	left:auto;
	right:0;
	position: absolute;
    margin-top: 8px;
    margin-right: 15px;
}
.navbar li{
	padding:0;
}
.col-lg-auto{
	width:auto;
}

.breadcrump{
	line-height:52px;
	color: #666666;
	font-size:14px;
	position: absolute;
    z-index: 20;
}

.breadcrump a:link, .breadcrump a:visited{
	color: #666666;
	text-decoration:underline;
	margin-right: 10px;
}

.breadcrump span {
    font-size: 12px;
    top: 0px;
    position: absolute;
    margin-left: -9px;
}

.toolbar {
    line-height: 52px;
    color: #666666;
    font-size: 20px;
	right:15px;
    position: absolute;
    z-index: 20;
}

.toolbar .icon{
    float:left;
	margin-left:16px;
}

.row.main .sidebar {
    margin-top: 42px;
}
.panel-group {
    margin-bottom: 0;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
    background-color:transparent; 
    border: none;
    -webkit-box-shadow:none;
    box-shadow: none;
	border-bottom:1px solid #666666;
	clear:left;
	float: left;
    width: 100%;
}
.panel .panel-heading {
    background-color:transparent; 
    padding: 0;
    font-size: 14px;
    border: none;
}

.panel .panel-heading h4{
    float:left;
}
.panel .panel-heading h4:after{
    content:"\f0ab";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left:10px;
	color:#666666;
}
.panel .panel-heading .collapsed h4:after{
    content:"\f0a9";
}

.collapsing {
    clear: both;
}

.panel .panel-body {   
    padding: 0 0 15px;
    border: none !important;
	clear:left;
}
#main .img-intext-left .img-wrap{
    float: left;
    margin-right: 20px;
	max-width:50%;
	margin-bottom:10px;
}
#main .img-intext-right .img-wrap{
    float: right;
    margin-left: 20px;
	max-width:50%;
	margin-bottom:10px;
}
#main .img-center.img-above .img-wrap{ 
    max-width: 100%;
    margin: auto;
    margin-bottom: 10px;
}

#main .img-left.img-above .img-wrap{ 
    max-width: 100%;
    margin-bottom: 10px;
}

#main .img-right.img-above .img-wrap{ 
    max-width: 100%;
	margin-left:auto;
	margin-right:0;
    margin-bottom: 10px;
}
#main .img-center.img-below .img-wrap{ 
    max-width: 100%;
    margin: auto;
    margin-top: 10px;
}
#main .img-right.img-below .img-wrap{ 
    max-width: 100%;
	margin-left:auto;
	margin-right:0;
    margin-top: 10px;
}
#main .img-left.img-below .img-wrap{ 
    max-width: 100%;
    margin-top: 10px;
}

#main .img-beside.img-beside-right .img-wrap {
    float: right;
    margin-left: 20px;
}
#main .img-beside.img-beside-left .img-wrap { 
    float: left;
    margin-right: 20px;
}
#main .img-beside .text {
    float: none;
    width: auto;
    overflow: hidden;
}

#main .img-above .flexslider{
	float:left;
	margi
}

#main .img-above .text{
	clear:left;
}

ul.csc-menu, .csc-sitemap ul{
    padding: 0;
}

ul.csc-menu li, .csc-sitemap ul li{
    list-style:none;
}

.csc-sitemap ul li ul{
    padding: 0px 20px 8px;
}

#main table{
	width: 100%;
    margin-bottom: 20px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th,
table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th {
    padding: 4px 8px 4px 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top:none;
}

.table>tbody>tr:nth-child(odd), table>tbody>tr:nth-child(odd){
	background:#fff;
}
.table>tbody>tr:nth-child(even), table>tbody>tr:nth-child(even){
	background:#e6e6e6 ;
}

.table>thead>tr>th, table>thead>tr>th {
	background:#e6e6e6 ;
    vertical-align: bottom;
    border-bottom:none;
}

table.responsive{
	width:100%;
}

.text-red{
	color:#f00;
}

figure.image{
	position:relative;
}


/***** Powermail Formular Extension *****/
.powermail_form h3{
	display:none;
}

.powermail_form .powermail_legend{
	display:none;
}

.powermail_form .powermail_label {
    display: block;
    float: left;
    padding-bottom: 2px;
    padding-top: 5px;
	width:100%;
}

.powermail_form .powermail_input, .powermail_form .powermail_textarea {
    border: 1px solid #e6e6e6;
    padding: 5px;
    width: 95%;
	font-size: 12px;
}
.powermail_form .powermail_date{
	border: 1px solid #e6e6e6;
    padding: 5px;
	font-size: 12px;
}
.powermail_form ul.parsley-errors-list{
	list-style:none;
	color:#ff0000;
	padding: 0;
}
.powermail_form ul.parsley-errors-list li{
	padding: 4px 0 6px;
}

.powermail_form .powermail_fieldwrap{
	margin-top:5px;
}
.powermail_form .mandatory{
	padding-left:5px;
}

.powermail_form input:invalid, .powermail_form textarea:invalid{
	background-color:#fff;
}

.powermail_form .powermail_select{
    padding: 0 12px 0 2px;
	border: 1px solid #e6e6e6;
	background:#fff;
}
.powermail_form .powermail_select option{
    padding: 3px 0 3px 4px;
}

.powermail_form .powermail_submit{
	margin-top:15px;
}

.powermail_form .powermail_fieldset{
    display: table-cell;

}

.powermail_form .powermail_message.powermail_message_error{
	background:none;
	border: none;
}

.powermail_form .powermail_message {
	min-height:auto;
	background-color:transparent;
	padding: 0 !important;
	
}

.powermail_form .powermail_message li:before {
	content:"" !important;	
}

.powermail_form .parsley-errors-list {
    display: none !important;
}

.powermail_form .powermail_fieldwrap_file{
	margin-bottom: 15px;
}

.powermail_form .powermail_fieldwrap_radio{
	margin-bottom: 15px;
}

.powermail_form .powermail_radio_legend{
	margin-bottom: 5px;
}

.powermail_form .powermail_radio_inner {
    margin-bottom: 5px;
}
.powermail_form .powermail_fieldwrap_file > label{
	margin-bottom: 5px;
}
.powermail_radio_inner > label {
    margin-left: 5px;
}
.powermail_field.powermail_submit {
    background: #006400;
    border: medium none;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding: 12px;
}


/***** Personenregister *****/

#main table.personenregister-table {
    width: auto;
}

table.personenregister-table tr {
    background: transparent !important;
}

table.personenregister-table td {
    padding: 0 10px 0 0;
}

.personenregister-abschnitt{
	margin-bottom:30px;
}

@media (max-width:1500px) {
	.metanav ul li {
		font-size: 16px;	
		margin-right: 6px;
		margin-left: 5px;
	}
	.metanav {
		width: auto;
		margin-right: 20px;
	}
	.metanav ul li {
		font-size: 16px;
		margin-right: 6px;
		margin-left: 5px;
	}
	
	.navbar .navbar-nav > li > a {
		font-size: 16px;
		padding-left: 8px;
		padding-right: 8px;
	}
	.dropdown-menu>li>a {
		font-size: 16px;
	}
	
}
@media (max-width:1200px) {
	.image > .caption h1, .flexslider .spresponsive_caption h1{
		font-size:2.429em;
		line-height: 1.42857;
		
	}
	.logo_wrapper {
		min-width: 170px;
	}
}


@media (max-width:991px) {
	header .top_row {
		position: fixed;
		width: 100%;
		margin: 0;
		top: 0;
		box-shadow: 0px -9px 20px 10px #000;
		z-index: 40;
		background-color: #009ee1;
		display:block;
	}
	/*
	.logo_wrapper {
		max-width:none;
		width: 330px;
		margin-left:0;
		position:absolute;
		overflow:hidden;
		height:100%;
	}
	*/
	.logo_wrapper {
		max-width: none;
		width: 200px;
		margin-left: 0;
		position: absolute;
		overflow: hidden;
		height: 100%;
		background:#fff;
	}
	
	.logo a {
		/*
		width: 94px;
		max-width:none;
		height: auto;
		margin-top: 5px;
		margin-left: 40px;	
		*/
	}
	
	#sticky_header{
		display:none;
	}
	
	header {
		padding-top: 57px;
	}
	.clear-col-sm{
		clear:left;
	}
	.image > .caption h1, .flexslider .spresponsive_caption h1{
		font-size:2.143em;
		line-height: 1.42857;		
	}
	.navbar-collapse.in {
		overflow-y: auto;
		position: fixed;
		height:100%;
		width: 100%;
		left: 0;
		padding-bottom:57px;
	}
	.navbar li.col-sm-4{
		padding:0 15px;
	}
	.navbar .navbar-nav > li > a {
		border-left: none;
	}
	.dropdown-menu {
		display: block;
		clear:left;
		position:relative;
		background: none;
    	box-shadow: none;
	}
	.dropdown-menu>li>a {
		white-space: normal;
	}
	
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
		text-decoration: none;
		color: #009ee0;
		background-color: #fff;
	}
	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
		color: #ffffff;
		text-decoration: none;
		outline: 0;
		background-color: #95cc67;
	}
	
	.navigation_wrapper {
		float: right;
		width:auto;
	}
	.metanav_wrapper {
    flex: 1;
    min-width: 0px;
    background: #009ee1;
    float: right;
    width: auto;
}
	
	ul.dropdown-menu .dropdown-menu {
		left: 0;
		top: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-left: none;
		border-top: 1px solid #009ee0;
		border-bottom: 1px solid #009ee0;
		
	}
	.caret-r {
    	display: none;
	}
	
	.dropdown-menu>li>a {
		font-weight: 400;
		color: #fff;
		font-size: 18px;
		line-height: 26px;
		padding: 3px 15px;
	}
	
	ul.dropdown-menu .dropdown-menu>li>a {
		padding: 3px 30px;
	}
	
	.navbar-nav {
		margin: 0px -15px;
		background:#009ee0;
	}
	
	.navbar .navbar-nav > li > a {
		font-size: 20px;
		padding-left: 8px;
		padding-right: 8px;
		border-bottom: 1px solid #fff;
		width: 100%;
		line-height: 47px;
		margin-top: 10px;
	}
		
	.metanav {
		float: left;
	}
	.navbar {
		float: right;
	}
	
	.navbar-toggle {
		border:none;
		border-radius: 0;
		height: 67px;
		margin:0;
		padding-right:20px;
	}
	
	.col-lg-auto{
		width:inherit;
	}
	.col-sm-4 {
		/*width: 33.33333%;*/
	}
	
	.row.main .sidebar {
		margin-top: 42px;
		clear: left;
		float: left;
		width: 100%;
	}
	
	#inhalt_rechts {
		margin-top: 30px !important;
	}
	
}

@media (max-width:768px) {
	
	
	
	.image > .caption h1, .flexslider .spresponsive_caption h1{
		font-size:1.857em;
		line-height: 1.42857;
		
	}
	
	.navbar-collapse.in {
		position: absolute;
		
	}
	
	
	
	/* Max width evt. auch kleiner möglich (550px) */
	
	header {
		padding-top: 0; 
		overflow:visible;
	}
	
	header .top_row {
		position: relative; 
	}
	.logo_wrapper{
		width: 100%;
    	margin-top: 0;
		position:relative;
	}
	
	.metanav_wrapper {
		float: left;
		width: auto;
	}
	
	
	.navbar {
		position:inherit;
	}
	.navbar-collapse.in {
		height:auto;
	}
	.navbar li.col-sm-4 {
		padding: 0 15px;
		width: 100%;
		clear: left;
	}
	header .row{
		margin:0;
	}
	header .row .col-sm-12{
		padding:0;
	}
	
	.navigation_wrapper {
		float: right;
		/*width: 100%;*/
		width:auto;
	}
	.metanav {
		width: auto;
		margin-left: 20px;
	}
	.navbar {
		float: right;
	}
	
	#main .img-intext-left .img-wrap, #main .img-intext-right .img-wrap{
		float:none;
		margin-right: 0;
		max-width:none;
		margin-left: 0;
	}
	
	#main .img-beside.img-beside-right .img-wrap, #main .img-beside.img-beside-left .img-wrap, #main .img-beside .text  {
		margin-left:0;
		margin-right:0;
		float:none;
		overflow:auto;
	}

	#main .img-beside.img-beside-right .img-wrap, #main .img-beside.img-beside-left .img-wrap {	
		margin-bottom: 20px;
	}


	
}
@media (max-width:440px) {
	
	.col-xs-6 {
		width: 100%;
	}
	
	
}