body {
        margin: 0px auto 0; 
        background: #fff;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Arial, sans-serif; 
}
.menu-toggle {display: none;}
.top-bar label {display:none}
.header-wrapper {
	background-color: #0091D7;
    margin-top: -40px;
	padding-top: 30px;
	}
.headtitle { 
	padding-left: 40px;
	color: white;
	font-weight: bold;
	margin:0;
	position: absolute;
	width: 100%;
	z-index: 200;
	top: 0px;
	}

.headtitle img {float:left;}
.header-image {
        background: url(../gbv-hof.jpg) no-repeat;
        background-position: center center;
        height: auto;
        display: block;
        width: 100%;
        margin-top:70px;
        text-align: center;
		z-index: 500;
}
.adrsmall, .adrbig {color:#333333;}
.adrsmall {font-size:0.75em;}
.headline {
    height: 387px;
    padding: 310px 0 0;
}

.head-container {
width:auto;
}
/*.headline > .head-container > h3 {*/
.headline  h3 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    color: #0091d7;
    font-size: 140%;
    font-weight: 900;
    padding: 6px 55px;
    max-width: 55%;
	word-wrap: break-word;
	text-align: left;
	float: left;
}
.headline  h3:empty
{
    display:none;
}
.featurette-divider {
        margin: 80px 0;
}
.featurette {
        overflow: hidden; 
}

.featurette-image.pull-left {
        margin-right: 40px;
}
.featurette-image.pull-right {
        margin-left: 40px;
}

.featurette-heading {
        font-size: 50px;
}

footer {
        margin: 50px 0;
}

/* RESPONSIVE CSS */

@media (max-width: 1200px) {

.headline > .container > h1 {font-size: 140px;}
.headline > .container > h2 {font-size: 63px;}
.featurette-divider {margin: 50px 0;}
.featurette-image.pull-left {margin-right: 20px;}
.featurette-image.pull-right {margin-left: 20px;}
.featurette-heading {font-size: 35px;}
.headtitle {width:1100px;}
.header-image { margin-top:50px; }

}

@media (max-width: 991px) {

.headline > .container > h1 {font-size: 105px;}
.headline > .container > h2 {font-size: 50px;}
.featurette-divider {margin: 40px 0;}
.featurette-image {max-width: 50%;}
.featurette-image.pull-left {margin-right: 10px;}
.featurette-image.pull-right {margin-left: 10px;}
.featurette-heading {font-size: 30px;}
.headtitle {width:900px;}
.header-image { margin-top:45px; }

}

@media (max-width: 768px) {
        
.container {margin: 0 15px;}
.featurette-divider {margin: 40px 0;}
.featurette-heading {font-size: 25px;}
.headtitle {width:700px;}
.header-image { margin-top:40px; }
}


@media (max-width: 668px) {
.headline > .container > h1 {font-size: 70px;}
.headline > .container > h2 {font-size: 32px;}
.featurette-divider {margin: 30px 0;}
.headtitle {width:600px;}
}

@media (max-width: 640px) {

.headline {padding: 75px 0 25px 0;}
.headline > .container > h1 {font-size: 60px;}
.headline > .container > h2 {font-size: 30px;}
.headtitle {width:600px;}

}

@media (max-width: 375px) {

.featurette-divider {margin: 10px 0;}
.featurette-image {max-width: 100%;}
.featurette-image.pull-left {margin-right: 0; margin-bottom: 10px;}
.featurette-image.pull-right {margin-left: 0; margin-bottom: 10px;}
.headtitle {width:300px;}

}

.container {
/*	background-color: rgb(225,222,213);*/
	overflow: hidden;
	height: 100%; /* for IE6 */}

#primary {
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	color: #000;
    float: left:;
    width:20%;
	background-color: rgb(225,222,213);
	height: 100%;
	padding-top: 30px;
}
ul#nav_1, ul#nav_2, ul#nav_3 {
	list-style-type: none;
	padding-left:15px;
}
#nav_1 li a {
	color: #000;
}
#nav_1 strong a {
	color: 	#0091d7;
	font-weight: 900;
}
li.nav-1st {
	margin-bottom: 7px;
}
ul#nav_1{
	padding-left:0px;
}

#content {
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	color: #000;
    float:left;
    width:60%;
	background-color: rgb(255,255,255);
	border-right: 1px solid black;
}
#content .csc-default {
margin-bottom: 35px;
}
#content ul {
/*	list-sytle-type: disc;*/
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAALUlEQVQYlWNgIAtMvN7AMPH6fyTcQIwiLIpxK0JTjF8RBNNMIZFuJNrXRIQjAI2xn9Bw5Q5EAAAAAElFTkSuQmCC");
}
/*#content li { 
    padding-left: 1em; 
    text-indent: -.7em;
}

#content li:before {
    content: "• ";
    color: #0091d7; 
} */
#secondary {
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	color: #000;
    float:left;
    width:20%;
	padding-left: 0px; 
	padding-right: 0px;
	font-size: 0.9em;
}
.adresse h1 {
	color: #000;
}


.adresse, .hotline, .news{
	padding: 5px 10px;
	border-bottom: 3px solid #fff;
}
.adresse {
	background-color: rgb(225, 222, 213);
}
.news {
	background-color: rgb(156, 193, 105);
}
#c42 h1.title {
color: rgb(0, 156, 65)!important;
}
.hotline {
	background-color: rgb(237, 105, 83);
	color: #fff;
}
.adresse h1.title,.news h1.title, .hotline h1.title {
	font-size: 1em;
	font-weight: 600;
}
.news h1.title, .hotline h1.title {
	color: #fff;
}
#footer {
    clear:both;
}
.ui-accordion  h1.title { display:none;}
.tx-jfmulticontent-pi1 { margin-top:15px; }
.ui-widget-content .ui-icon {
    background-image: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
 {
    background: #0091d7;
    border: none;
    color: #fff;
    font-weight: bold;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
    text-decoration: none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #fff;
    text-decoration: none;
}
.ui-widget-content {
    background: none;
    border: none;
}

div.csc-textpic-border div.csc-textpic-imagewrap img {
    border: 1px solid black;
    padding: 0;
}
div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c  {
    float: left;
    text-align: center;
    width: 100%;
	font-weight: bold;
	color: #0091d7;
}
form h3 { display: none;}

legend.powermail_legend  { display: none;}


.ui-accordion-content h6 {
	color: #000;
	margin-top: 0;
}
p.funktion {
	color: #000;
	margin-top: 0;
}
.ui-accordion-content .contenttable {
	table-layout: fixed;
	min-width: 100%;
}
.ui-accordion-content .contenttable td.imgRow {
	width: 140px;
}
.ui-accordion-content .contenttable td.nameRow {
	width: auto;
}
.ui-accordion-content .contenttable td.telRow {
	width: 200px;
}
/* powermail */

.tx-powermail label { width: 200px;}
.powermail_check_outer, .powermail_radio_outer { padding-left: 200px;}
div.formError { color: red; padding-top: 20px; margin-left: 40px;}
div.powermail_check_inner  div.formErrorContent {margin-left: 80px; color: red;}
div.powermail_check_outer div.formErrorContent {margin-left: 250px; color: red;}

form input[type=text], form input[type=submit], form textarea  {
	border-bottom-color: #b3b3b3;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #b3b3b3;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #b3b3b3;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #b3b3b3;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-style: solid;
    border-top-width: 1px;
	background: #fff;
}
form input[type=text], form textarea  {
	width: 300px;
}

form input[type=submit] {
	margin: 10px 0 0 203px;
}
form legend {
    float: left;
    font-weight: bold;
    width: 200px;
}
table thead th {
	color: white;
	background-color: #0091d7;
	margin: 2px;
}

table td {
    vertical-align: top;
}
.ui-accordion .ui-accordion-content  table img{
float:left;
 margin-right: 45px;
}
.important {
	margin: 10px 0 10px 0;
	padding: 10px;
	background: #ed6953;
	color: white;

}
p.important , div.important {
	margin: 10px 0 10px 0;
	padding: 10px;
	background: #ed6953;
	color: white;

}
p.bgblau , div.bgblau, span.bgblau {
color: #0091d7;
}

#c56, #c55 { display:none;}
/* Bildreihen */
.csc-space-after-25 .csc-textpic-image { display: none;}
.csc-space-after-25 .csc-textpic-first { display: block;}
/*div.csc-space-after-25 div.csc-textpic-imagerow  {display: none;}

div.csc-space-after-25 div.csc-textpic-center-inner:first-child  {display: block;}
*/

/*  mobile / responsive */
nav {   visibility: hidden; height: 0;}
/*
@media only screen and (min-width: 320px) and (max-width: 768px) {
    #primary { display: none; }
    #mobile { visibility: visible; }
} */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .header-wrapper:before { width: 100%; display: block; content: "Herunterziehen für die Navigation"; padding: 0.75em 1.5em; margin: -1em -1.5em 1em; color: #878787; text-shadow: 0 1px 1px rgba(255, 255, 255, 1); border-bottom: 1px solid #a6a6a6; background-origin: content-box; text-indent: 22px;
        background-color: #e3e3e3;
        background-image: url(images/pull.png), url(images/down.png);
        background-position: right center, left center;
        background-repeat: no-repeat;
    }
} */
@media screen and (max-width: 1024px){

	.ui-accordion .ui-accordion-content  table img{
		margin-right: 25px;
	}
}
@media screen and (max-width: 768px){
	#primary {
		width: 30%;
		float: left;
		height: 440px;}
	#content {width: 70%; float:right}
	#secondary {
		float: none;
		padding: 0 0 32768px;
		margin-top: 440px;
		width: 30%;
	}
	.tx-powermail label { width: 100px;}
	.powermail_check_outer, .powermail_radio_outer { padding-left: 100px;}
	.container { margin-left: 0;}
	.header-image .headline {padding-top:175px;}
	.header-image {height: 287px; margin-top: 50px}
	.headtitle img {  height: 130px;}
	.headtitle { 
		padding-bottom: 8px;
		padding-right: 20%;
		padding-top: 8px;
		width:650px;
		}
	.ui-accordion .ui-accordion-content  table img{
		margin-right: 25px;
	}
	
}

@media screen and (max-width: 668px) {
html, body { overflow-x: hidden; }
#primary {	display: none;}
#secondary {	
	width: 100%;
	float:right; 
	margin:auto;
	padding: 0 0;

}
#content  {	
	width: 100%;
	min-width:300px;
	margin-top:80px;
	border: none;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 0.5em!important;
}
.ui-accordion .ui-accordion-content  table img{
	float:left;
	margin-right: 15px;

}
/*
.ui-accordion .ui-accordion-content  table tr:first-child{
     width:100px;
}
.ui-accordion .ui-accordion-content  table td p {
     clear: both;
}*/
.ui-accordion .ui-accordion-content  table td{
font-size: 0.8em;
}
.col-lg-6 .col-sm-6 {
	padding-left: 8px;
	padding-right: 8px;
}
.headtitle { 
	width:100%;
	background: #0091d7;
    top: 40px;
	padding-right: 20%;
	padding-bottom: 15px;
	padding-top: 5px;
}
.header-wrapper {     
	margin-top: -10px;
    padding-top: 30px;
}
.header-image {	
    display: none;
    height: 1px;
}
.headtitle img { 
	height: 40px;
/*	padding-right: 20%; */
}

#content img {
	max-width: 85%;
	height: auto;
}
#content  {
	max-width: 98%;
}
#c37 img {
display: none;
}
#c56, #c55 { display: block;}

/* Menu Struktur */
nav {
  visibility: visible;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  background: #3c4451;
  z-index: 0;
  width: 250px;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#content-move {
  position: absolute;
  -webkit-transition: -webkit-transform 0.2s linear;
  -moz-transition: -moz-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  -ms-transition: -ms-transform 0.2s linear;
  transition: transform 0.2s linear;
}
.top-bar {
  position: fixed;
  width: 100%;
  z-index: 5;
  top:0px;
  left: 0px;
  height: 30px;
}
.top-bar label {
  display: block;
  width: 100%;
  position: inherit;
  padding: 8px 20px;
  color: #fff;
  background: #2d333d;
  font-size: 1.6em;
  text-align: left;
}
.top-bar label span{
	font-size: 0.6em;
	display: block;
	position:absolute;
	top: 15px; left: 50px;
}
#menu-toggle:checked ~ #content-move {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(250px,0,0);
  -moz-transform: translate3d(250px,0,0);
  -ms-transform: translate3d(250px,0,0);
  -o-transform: translate3d(250px,0,0);
  transform: translate3d(250px,0,0);
}
#menu-toggle ~ #content-move {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
nav li a {
  color: #fff;
  display: block;
  padding: 0 5px 0 25px;
  text-decoration: none;
  line-height: 2.2em;
  overflow: hidden;
  border-bottom: 1px solid #2d333d;
}
nav ul li {
  border-top: 1px solid #3c4451;
}
nav ul li:hover a{
  cursor: pointer;
  background: #0091d7;
  color: #eee;
}
nav ul ul li a {
	color: #eee;
	padding: 0 5px 0 45px;
    margin: 0;
} 
nav ul ul li a:hover {
	background: #fff;
	color: #2d333d;
}

/* Menüstruktur Ende */

/* formulare */
form input[type="text"], form textarea {
}
.powermail_fieldset label {
 /*   display: block; */
}
.tx-powermail label {
    width: 200px;
}
form legend {
    float: none;
}
.powermail_radio_inner  label , .powermail_radio_outer label{
    display: block-inner!important;
}
.powermail_fieldwrap  {max-width: 99%;}
.powermail_check_outer, .powermail_radio_outer {
    padding-left: 30px;
}
form input[type="submit"] {
    margin: 10px 0 0 53px;
}


#c46 h1.title, #c47 h1.title, #c48 h1.title {
	font-size: 18px!important;
}
}


@media screen and (max-width: 568px) and (orientation : portrait) {
.ui-accordion .ui-accordion-content  table tr:first-child{
     width:100px;
}
.ui-accordion .ui-accordion-content  table td p {
     clear: both;
}
.csc-textpic-imagewrap { float: none;}
.csc-firstHeader {display: none;}
}