*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {    
    width:100%;
    min-height:100%;
    margin:0px 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width:100%;
      overflow-y: scroll;
    overflow-x: hidden;
}
img, video {
    width: auto;
    max-width: 100%;
    height:auto;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

hr {
height: 1px;
border: 0px;
background: #ddd;    
}
h1,h2,h3,h4 {
    margin:10px 0px;    
}
b.trenner {margin-bottom:5px; display:inline-block;}
span.textsmall {font-size:12px;}
span a.pwView {font-size:20px; padding-left:5px; text-decoration:none !important; color:#000 !important;}

iframe, object, embed {
    min-width:400px; min-height:400px; border-width:0px; margin-top:30px;
    max-width:100% !important;
}

  .left {float:left; max-width: 50%;}
  .right {float:right;}
   .left + .left {margin-left:40px;}
   .clear {clear:both;}
  .errorText, .error, .error-text {color:#cc0000; font-weight:bold;}
  .successText, .success-text {color:#00cc00; font-weight:bold;}
  .hidden {display:none !important;}
  input.focus, textarea.focus, div.box.focus {background-color: #ffffcc !important;}

@media screen and (max-width: 1023px)
{
   .left + .left {margin-left:0px;} 
   .left {float:none !important; max-width: 100%;}
   
   footer .left {float: left !important;}
   footer .left + .left {margin-left:40px;} 

}
  
.small {min-width:30px !important; width:30px;}
.sNumber {min-width:80px !important; width:80px;}
.mNumber {min-width:100px !important; width:100px;}
.middle {min-width:160px !important; width:160px;}
.normal {min-width:250px !important; width:250px;}
.big {min-width:700px !important; width:700px !important;}
.bigX {min-width:800px !important; width:800px !important;}
.input_size_70 {min-width:70px !important; width:70px;}
.vtop {vertical-align: top !important;}
.vbottom {vertical-align: bottom !important;}
.vmiddle {vertical-align: middle !important;}
.relative {position:relative;}
.relative .inputIcon {
    position:absolute; right:5px; top:5px; z-index:3;
}


.relative-right {position:absolute; right:0px; bottom:0px; z-index:3;}
.box.left {
    width: 320px;
    height:380px;
    overflow:auto;
    border:1px solid #999999;
    background:#fff;
    margin:10px 10px;
    padding:10px 10px;    
}

.box.left h2,
.box.left h3 {
 color:#1b9eda;
}
.box.left {background: #f4efef;}

@media screen and (max-width: 1023px)
{
    .box.left {
        width: 100% !important; 
        box-sizing: border-box;
        margin:10px 0px;
        float:none;
        display:inline-block;
              height:auto;
    }
}

@media screen and (max-width: 767px)
{
    .box.left {
        width: 100% !important; 
        box-sizing: border-box;
        margin:10px 0px;
        float:none;
        display:inline-block;
           height:auto;
    }
}
.parent-wrapper {
  height: 100%;
  width: 100%;
  border: 1px solid black;
}
.parent {
  display: flex;
  font-size: 0;
  flex-wrap: wrap;
  margin: -10px 0 0 -10px;
}
.child {
  display: inline-block;
  background: blue;
  margin: 10px 0 0 10px;
  flex-grow: 1;
  height: 100px;
}

.infobox {
    border:2px solid #ff9900;
    color:inherit;
    padding: 10px 10px;
    margin:20px 0px;
    width:auto;
    display:inline-block;
    font-size:14px;   
}

.ohneAbstand {
 margin:0px 0px;
}

.fullWidth {
    width:100%;
    min-width:100%;
    max-width:100%;
}

textarea.smallHeight {
     min-height:84px !important;
     max-height:168px !important;
}
.text-red {color: #990000 !important;}
.text-green {color: #009900 !important;}
  
i.icon {
width: 18px;
height: 18px;
text-align: center;
display: inline-block;
font-size: 14px;
line-height: 14px;
font-style: normal;
background-color: #fff;
border:2px solid #ff0000;

}

i.icon.warning {
    color: #ff0000 !important;
    cursor: pointer;
}
fieldset .historie {display: none;}
input[readonly], input[type='checkbox'][readonly], textarea[readonly] {cursor:not-allowed;}
input.vorlage_name, p.checkbox_vorlage_aktiv {display:none;}

select[readonly] {
    pointer-events: none;
    cursor: not-allowed;
}
 input[type='checkbox'][readonly] {
    pointer-events: none;
}
  
div.checkboxIcon {
padding: 5px 5px;
margin-bottom: 10px;
border: 1px solid #999 !important;
color: #00FF00;
background-color: #eee;
width:14px;
height:14px;
line-height:14px;
text-align:center;
}  

body.fs-background {
    font-size:16px; font-family:"Ubuntu", Arial,Sans-Serif;
    background-color:#CCCCCC;
    color:#000000;
    /* Die alte Syntax, veraltet und mit Präfix versehen, für alte Browser */
 
background: -prefix-linear-gradient(top, #1b9eda, #CCCCCC); 
/* Die neue Syntax, die von Browsern benötigt wird, die dem Standard folgen (Opera 12.1,
   IE 10, Firefox 16, Chrome 26, Safari 6.1), ohne Präfix */
background: linear-gradient(to bottom, #1b9eda, #CCCCCC);
background-attachment: fixed;
}

@media screen and (max-width: 800px) {
    body.fs-background {
        font-size:14px;
    }
}

div.fs-wrapper {
    margin:60px auto;
    width: 90%;
    max-width:100%;
    padding: 15px 15px;
    max-width:100%;
    background-color:#ffffff;
    border:1px solid #cccccc;
    position:relative;
    z-index:1;
}

form, div.ergebnisliste, div.ergebnisliste, div.container {
    padding: 0px 10px 10px 10px;
}
div.ergebnisliste span.auflistung {
    margin:3px 0px;
    display:inline-block;
}

div.fs-wrapper fieldset {
    margin: 0px 0px;
    margin-bottom:10px;
    padding: 5px 10px;
    width:80%;       
}
  input[type="text"], input[type="date"],
  input[type="password"], input[type="email"], textarea, select,
  label.uploadLabel {min-width: 350px; font-size:14px; max-width:100%;}
  input[placeholder], textarea[paceholder] {
    font-size: 14px;
  }

  input[type="date"] + input[type="date"] {margin-left: 10px;}

form.moreWidth input[type="text"],
form.moreWidth input[type="date"],
form.moreWidth input[type="password"],
form.moreWidth input[type="email"], 
form.moreWidth textarea,
form.moreWidth select, form.moreWidth label.uploadLabel,
form.moreWidth fieldset.radioSelect
{min-width: 500px; font-size:14px; max-width:100%;}

div.fs-wrapper form.moreWidth fieldset.radioSelect {
    margin: 0px 0px;
    padding: 5px 5px;
    width:1px;
    display:inline-block;
    background: #ddd;
}

div.fs-wrapper form.moreWidth fieldset.radioSelect input,
div.fs-wrapper form.moreWidth fieldset.radioSelect label
{
    width:auto;
    max-width:100%;
    display:inline-block;
    cursor:pointer; 
    margin:0px 0px;
}

div.fs-wrapper form.moreWidth fieldset.radioSelect label {padding:3px; opacity:0.4; text-shadow:1px 1px 1px transparent;}
div.fs-wrapper form.moreWidth fieldset.radioSelect input[type="radio"] + label ~
input[type="radio"] {
  margin-left:5px;
}
div.fs-wrapper form.moreWidth fieldset.radioSelect ~ div#a2 {display:none;}

div.fs-wrapper form.moreWidth fieldset.radioSelect input[type="radio"]:checked + label {
  opacity:1;
  font-weight:bold;
}

div.fs-wrapper form.moreWidth fieldset.radioSelect {
    margin: 0px 0px;
    padding: 5px 5px;
    width:1px;
    display:inline-block;
    background: #ddd;
}

div.fs-wrapper form.moreWidth fieldset.radioSelect input,
div.fs-wrapper form.moreWidth fieldset.radioSelect label
{
    width:auto;
    max-width:100%;
    display:inline-block;
    cursor:pointer;
    margin:0px 0px;
}

div.radioSelect {
    margin: 0px 0px;
    margin-bottom:10px;
    padding: 5px 10px;
}

div.radioSelect {min-width: 620px; font-size:14px; max-width:100%;}

div.radioSelect {
    margin: 0px 0px;
    padding: 0px 0px;
    display:inline-block;
}

div.radioSelect input {
    display:none;

}
div.radioSelect label
{
    width:auto;
    max-width:100%;
    display:inline-block;
    cursor:pointer;
    margin:0px 0px;
    border:1px solid #000;
}

div.radioSelect label {padding:5px; opacity:0.5; font-weight:bold;}
div.radioSelect input[type="radio"] + label ~
input[type="radio"] {
  margin-left:10px;
}

div.radioSelect label ~ label {
      margin-left:10px;
      margin-bottom:10px;
}

div.radioSelect ~ div#a2 {display:none;}
div.radioSelect input[type="radio"]:checked + label,
div.radioSelect input[type="radio"]:hover + label{
  opacity:1;
}

div.radioSelect input[type="radio"]#zustimmung:checked + label,
div.radioSelect input[type="radio"]#zustimmung:hover + label {
color:#fff;
background-color:#009900;
}

div.radioSelect input[type="radio"]#ablehnung:checked + label,
div.radioSelect input[type="radio"]#ablehnung:hover + label
{
color:#fff;
background-color:#990000;
}

div.radioSelect input[type="radio"]#keine_auswahl:checked + label,
div.radioSelect input[type="radio"]#keine_auswahl:hover + label
{
    color:#ffffff;
    background-color:#333333;
}

div.radioSelect input[type="radio"]#enthaltung:checked + label,
div.radioSelect input[type="radio"]#enthaltung:hover + label {
    color:#ffffff;
    background-color:#999;
}

div.radioSelect input[type="radio"]#vertagung:checked + label,
div.radioSelect input[type="radio"]#vertagung:hover + label
{
    color:#fff;
    background-color:#1b9eda;
}

div.radioSelect input[type="radio"]#kenntnis:checked + label,
div.radioSelect input[type="radio"]#kenntnis:hover + label
{
    color:#fff;
    background-color:#009999;
}

div.checkboxSelect {
    margin: 0px 0px 10px 0px;
    padding: 5px 5px;
    width:auto;
    display:block;
}

div.checkboxSelect input,
div.checkboxSelect label
{
    width:auto;
    max-width:100%;
    display:inline-block;
    cursor:pointer;
    margin:0px 0px;
}
div.checkboxSelect label {padding:5px; opacity:1; font-weight:bold;}
div.checkboxSelect label + input[type="checkbox"]  {margin-left:10px;}
div.fs-wrapper form div.area {margin-bottom:30px; position:relative;}
  table input[type="text"], table input[type="date"], table input[type="password"], table input[type="email"], table input[type="file"], table textarea, table select { min-width:1px !important;}
  textarea {resize:vertical; max-height:500px; max-width:350px; min-height:170px;}

  textarea.box.text-edit {
    max-height: none !important;
    font-size:16px; font-family:"Ubuntu", Arial,Sans-Serif;
  }

  input[type="text"], input[type="password"], input[type="email"], textarea, select {padding:5px 5px;}

  select ~ input[type="submit"], select ~ button[type="submit"],
  input[type="text"] ~ input[type="submit"] {margin-left:10px;}

  @media screen and (max-width: 980px) {
    input[type="date"] + input[type="date"], select ~ input[type="submit"], select ~ button[type="submit"] {
        margin-left: 0px;
        margin-top:10px;
    }

    div.radioSelect {
        min-width:0px;
        width:auto;
        margin-top:10px;
    }
    div.radioSelect label {width:48%;}
   /* div.radioSelect label ~ label {margin-left:5px; margin-top:0px;} */

     div.radioSelect label:nth-child(even) {margin-left:0px; margin-right:5px;}
   /*  div.radioSelect label:nth-child(odd) {background: #FFF} */

   div.fs-wrapper fieldset {
    width:100%;
   }
  }
 div.form-item {margin-bottom:10px;}
  input, select, label.uploadLabel {border:1px solid #999999;}
  input:read-only, input:disabled, textarea[readonly], select[readonly] {background-color:transparent; border:1px solid #999999;}
  input:-moz-read-only, input:disabled {background-color:transparent; border:1px solid #999999;}
 
  input[type="submit"]:disabled, 
  input[type="submit"][readonly],
  button[readonly],
  button:disabled,
  div.form-item select[readonly],
 div.form-item select[readonly] option{
       cursor: not-allowed !important;
    }

 div.form-item select[readonly], div.form-item input[type="text"][readonly] {background-color:#ddd;}
  .errorText, .error-text {color:#cc0000; font-weight:bold;}

  input[type="text"],
  input[type="date"],
  input[type="password"],
  input[type="email"],
  select,
  label {height:29px; max-width:100%;}  
  input[type="submit"], input[type="reset"] {cursor:pointer; padding:5px 5px; vertical-align: bottom;}
  input[type="file"] { padding:2px 5px;}
  div.csvimport_infotext {display:none;}
  a.csvimport_infos {color:#990000;}
  div.csvimport_infotext.open {display:block;}
  select, input[type="date"] {border-radius:0px; background-color:#ffffff;}
  textarea.height-small {min-height:130px; max-height:260px;}
    label.uploadLabel {
        padding:5px 5px;
        margin-bottom:5px;       
        cursor:pointer;
    }
      label.uploadLabel input[type="file"] {display:none;}
      label.uploadLabel i + span {
        margin-left: 5px;
        max-width: 80%;
        display: inline-block;
        overflow: hidden;
        vertical-align: top;
    }

    input[type="submit"].relative-right {
        border-color:transparent;
        border-left-color:#999999;
       background-color:#fff;    
    }
    
    input[type="submit"].relative-right:hover {
        background-color:#ddd;    
    }
    
    input[type="submit"] + input[type="submit"],
    input[type="submit"] ~ input[type="submit"],
    input[type="file"] + input[type="submit"],
    input[type="file"] ~ input[type="submit"],
    input[type="file"] ~ input[type="submit"] ~ a
    {margin-left:10px;}


  form textarea.h2z {min-height:30px; height: 40px;}
  form textarea.h3z {min-height:30px; height: 60px;}
  form textarea.h4z {min-height:30px; height: 80px;}
  form textarea.h5z {min-height:30px; height: 100px;}
  form textarea.h6z {min-height:30px; height: 120px;}
  form textarea.h2z, 
  form textarea.h3z, 
  form textarea.h4z, 
  form textarea.h5z, 
  form textarea.h6z {      
      max-height:300px;      
}
   input[type="date"] {
       min-width: 160px;
       box-sizing: border-box;
       font-size: 13px;
}

label {
    width:700px;    
    display:block;
    margin-bottom:5px;
}

form input, form textarea, form select, form select option {
    color:#000;
}

@media screen and (max-width: 1023px)
{
    form input[type="text"],
    form input[type="date"],
    form input[type="password"],
    form input[type="email"],
    form textarea,
    form select,
    form label.uploadLabel
    {
        max-width:100% !important;
        width:90%;
        min-width:1px !important;
    }

    div.popup-window form input[type="text"],
    div.popup-window form input[type="date"],
    div.popup-window form input[type="password"],
    div.popup-windowform input[type="email"],
    div.popup-window form textarea,
    div.popup-window form select,
    div.popup-window form label.uploadLabel
    {
        width:100% !important;
    }
}

table tr td label {
    width:100%; height:100%; cursor:pointer;
    margin:0px 0px;
}
table tr td label > input[type=checkbox] {cursor:pointer;}
div.table-overflow {margin-bottom:30px;}

input:focus, textarea:focus {
    outline: none !important;
   background-color: #ffffcc;
   box-shadow:none;
}
textarea:focus {border:1px solid #999999;}
input[type="submit"].button-blue {
    color: #fff;
    background-color: #1b9eda;
    border-color:#000;
}

form fieldset .box {
padding: 5px 5px;
margin-bottom: 10px;
cursor: not-allowed;
border: 1px solid #999 !important;
color: #000000;
background-color: #eee;
min-height: 61px;
}

form fieldset textarea.box {
 cursor:pointer !important;
}

form fieldset.relative .edit {
    font-size:30px;
    position:absolute;
    bottom:30px;
    right:20px;
    opacity:0;
    cursor:pointer !important;
    z-index:5;
}

form fieldset.relative:hover .edit {
    opacity:1;
}


form fieldset.relative textarea:focus {
  outline: none !important;
  background-color: #ffffcc;
}
@media screen and (max-width: 800px) {

    input[type="text"], textarea, select, input[type="submit"], label {
        font-size:14px;
    }
}

div.dokumente a {
    color: #0778a4;
    margin:10px 0px;
    text-decoration:none;
    display:inline-block;
}

div.dokumente .icon-loeschen {
    margin-left: 3px; display:inline-block;
    background:transparent; border:0px solid transparent;
    cursor:pointer;
    color:#ff0000;    
}
div.dokumente a:hover {
    text-decoration:underline;
}
div.fs-wrapper h2 {
    margin: 15px auto;
}
 
div.fs-wrapper .left h2 {
	hyphens: auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

div.fs-wrapper div.fs-block-center {width:100%; text-align:center; margin-bottom:20px;}
div.fs-wrapper div.fs-block-center > table {margin-left:auto; margin-right:auto;}

@media only screen and (min-width: 1000px) {    
    div.fs-wrapper img {max-width:100%;}
}

@media only screen and (max-width: 1200px) {
    
div.fs-wrapper { border-width:0px;}        
}

div.fs-wrapper img.previewImg {
    width:auto !important;
    height:auto !important;
    position:relative;
    max-width:188px;
    display: block;
margin-bottom: 10px;
}

div.fs-wrapper img.previewImg {
    width:auto !important;
    height:auto !important;
    position:relative;
    max-width:188px;
    display: block;
margin-bottom: 10px;
}

div.fs-wrapper img.previewImg[src=""] {
   display: none !important;
}

@media only screen and (max-width: 768px) {
    
div.fs-wrapper img.previewImg {
    max-width:100%;
}

}
div.fs-wrapper .formularcontent input[type=submit] {margin-top:10px; cursor:pointer; vertical-align:middle;}
div.fs-wrapper .formularcontent input[type=submit]:hover {color:#ffffff; background-color:#1b9eda;}
div.fs-wrapper .formularcontent div.row {margin-top:0px; margin-bottom:15px;}
div.fs-wrapper .formularcontent div.row div {margin-top:0px; margin-bottom:5px;}
div.fs-wrapper .formularcontent input {
background: #ffffff none repeat scroll 0 0;
    border: 1px solid #333333;
    color: #000000;
    outline: medium none;
    padding: 10px 10px;
    height:35px;
    line-height: 50%;
}

div.fs-wrapper .formularcontent label {height:auto !important;}
header .banner > img {max-width:100%; height:auto; margin:auto auto;}
nav#navigation, div.content, div.footer {
margin:auto auto;
}

nav {margin-bottom: 0px; background: #ddd; padding: 0px 15px; min-height:48px;}
nav::after {
    clear: both;
    content: "";
    display: block;
}
nav#navigation ul {margin:0px 0px;}
nav ul li a {text-decoration:none !important; outline:none !important;}
nav ul li a:focus {color:#000;}	
	nav ul {
	list-style: none;
	position: relative;
	z-index:800;
    padding:0px 0px;
}
nav ul li {
	float: left;
    position:relative;
}

nav ul li a {
display: block;
padding: 15px 20px;
color:#000;
text-decoration: none;
}

nav ul.button li a.nav-button {
color: #000;
padding:0px 0px;
}
nav ul li:hover {
	background:#1b9eda;
}
nav ul li:hover a {
color:#ffffff;
}

nav ul li.login {
	background:#1b9eda;
}

nav ul li.login a, nav ul li.login a:hover {
	color:#ffffff;
}

  @media screen and (max-width: 767px) {
     nav#navigation ul li:hover {background-color:#fff; }
     nav#navigation ul li:hover > a {color: #1b9eda;}
     nav ul.button li a.nav-button { color: #000;}
     nav#navigation ul li:hover > a.logout {color:#fff;}
  }

a.nav-button {outline:none;}
nav.mobile-small ul.button {margin:10px 0px;}
nav ul.button li:hover {background-color:transparent; }
	nav ul ul li {
		float: none; 
		border-top: 1px solid #cccccc;
		position: relative;
        white-space: nowrap;
	}
	
	nav ul ul li:last-child {
		border-bottom: 1px solid #cccccc;
	}
	nav ul ul li a {
		padding: 15px 30px;
		color: #ffffff;
        outline:none;
	}	
nav ul ul ul {
	position: absolute; left: 100%; top:0;
}

nav ul ul.submenu, nav ul ul.submenu ul.submenu2, nav ul ul.submenu ul.submenu2 ul.submenu3,
nav ul ul.submenu ul.submenu2 ul.submenu3 ul.submenu4 {
    display:none;
	background:rgba(1, 185, 237, 1);
	padding: 0;
	position: absolute; top: 100%;    
}

nav ul ul.submenu ul {
	background:rgba(1, 185, 237, 1);
    
}
nav ul ul.submenu ul.submenu2 {top: -1px; border:0px solid #000; }
nav ul ul.submenu ul.submenu2 ul.submenu3 {top: -1px; border:0px solid #000; }
nav ul li:hover ul.submenu,
nav ul li ul.submenu li:hover ul.submenu2,
nav ul li ul.submenu li ul.submenu2 li:hover ul.submenu3,
nav ul li ul.submenu li ul.submenu2 li ul.submenu3 li:hover ul.submenu4 {
    display: block;
}

/* Button iphone/Tablet etc. */ /* Button iphone/Tablet etc. */ /* Button iphone/Tablet etc. */ /* Button iphone/Tablet etc. */
/* Button iphone/Tablet etc. */ /* Button iphone/Tablet etc. */ /* Button iphone/Tablet etc. */ /* Button iphone/Tablet etc. */
/* Button iphone/Tablet etc. */ /* Button iphone/Tablet etc. */ /* Button iphone/Tablet etc. */ /* Button iphone/Tablet etc. */

@media only screen and (max-width: 765px) {
nav ul ul.submenu2,
nav ul ul.submenu3,
nav ul ul.submenu4 {
        position:static !important;
        left:0;
        top:0;
        display:block !important;
}

nav#navigation ul li:hover > a {color:inherit !important;}
nav ul ul.submenu, nav ul ul.submenu ul.submenu2, nav ul ul.submenu ul.submenu2 ul.submenu3, nav ul ul.submenu ul.submenu2 ul.submenu3 ul.submenu4 {background:transparent !important;}
}

nav ul.button {
  text-align:right;
  width:auto;
  float:right;
}
nav#navigation ul.button li {padding:0px 0px; margin:0px 0px;}
header nav ul.button button {
   background-color: #f3f3f3;
   height: 30px;
   margin: 5px;
   width: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor:pointer;

}
header nav ul.button button > span {display:block; border:1px solid #333333; margin:3px 0px;}
header nav ul li a i.fa-navicon {
    display: block;
}
header nav ul li a i.fa {
    display: block;
    font-size: 35px;
    padding-bottom: 5px;
}
.desktop {display:block;}
.mobile {display:none;}
.mobile-small {display:none;}
nav .fa.fa-times {display:none;}
.popup-window {
display: none;
left: 0;
margin: 0 auto;
right: 0;
max-width:90%;
width:500px;
opacity: 1;
top: 25%;
background-color:#ffffff;
color:#000000;
border:1px solid #ccc;
z-index:1005;
position:fixed;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.popup-window .popup-content {
padding:20px 20px;
}

.popup-window .popup-content > hr {margin:10px 0px; background-color:#333333;}
.popup-window .popup-content .popup-close {
position: absolute;
right: 5px;
top: 5px;
font-size:20px;
}
.popup-window .popup-content .popup-close > a {
    color:#333;
}
.popup-content input, .popup-content textarea, .popup-content select
{max-width:100%; min-width:100%; box-sizing: border-box; }
.popup-overlay {
display: none;
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index:1000;
}
a.logout {
    background: #ff0000 !important;
    color:#fff;    
}
a.logout:hover, a.logout:active, a.logout:focus {
    background: linear-gradient(to bottom, #ff0000, #990000) !important;     
}
section.main {
    min-height:300px;
}
footer {
    background: #cccccc none repeat scroll 0 0;
    margin-top:50px;
    width:100%;
}

footer div.content {padding: 15px 15px;}
footer div.scroll-to-top { padding:0px 10px; }
footer div.scroll-to-top a { color:#000000;}

table.brieftabelle {width:100%;}
table.brieftabelle input[type=text], table.brieftabelle textarea {
    box-sizing: border-box;
    width: 100%;
}

table.brieftabelle td {width:10% !important;}
table.brieftabelle td ~ td {width:90% !important;}
div.form-item label {    
    width: 200px;
    display:inline-block;
    max-width:100%;
}

table tr td div.form-item label {
  width: auto !important;
  max-width: none;
}
table tr td label.uploadLabel {
    margin:0px 0px !important;
}
label.uploadLabel input.button-upload { background-color: #ddd; box-sizing: border-box;height: 100%;}
label.uploadLabel input.button-upload:not([disabled]):hover {background-color: #999;}
.pointer-not-allowed {cursor: not-allowed !important};
div.form-item input, div.form-item select {    
    display:inline-block;
    max-width:100%;
}
select.autoSubmit + input[type="submit"] {display:none;}

  input[type="text"].error, input[type="file"].error, select.error, textarea.error {
      color:#ff0000 !important;
      border-color:#ff0000 !important;
      border-style: solid;
      border-width: 1px;
  }
div.form-item:after {
    clear:both;
    content: "";
    height:0px;    
}

th, td {
    padding: 10px 10px;
    vertical-align:middle;
}
table, td, th {
    border: 1px solid #999999;
    text-align: left;
}
table {
    border-collapse: collapse; 
     max-width:100%;
}
table.minWidth {
    min-width:600px;
    max-width:100%;
}
.table-overflow { overflow-x:auto;}
th, td {
    text-align: left;
}
table td > input[type="text"],
table td > input[type="password"],
table input[type="file"], table td > textarea, table td > button
{margin:0px 0px;}

table.center, th.center, td.center {
    text-align:center;
}

table td > input[type="submit"], table td > button {
    background-color:#fff;
}
table tr:nth-child(even) {background: #f4efef;}
table tr:nth-child(odd) {background: #DDD;}
table tr:not(.noFirst):first-child {background: #1b9eda;}
table tr:first-child th {color:#fff !important;}

/* Large desktop */
@media screen and (min-width: 1200px) { 
}
@media screen and (min-width: 979px) and (max-width: 1199px) { 
.mobile-small {display:none;}
.desktop {display:block;}
.mobile {display:none;}  
}

@media screen and (min-width: 766px) and (max-width: 979px) {
.mobile-small {display:block;}
.desktop {display:none;}
.mobile {display:none;}

nav#navigation {
    position: absolute;
    left: 15px;
    right: 15px;
    border-top:1px solid #343843;
    border-bottom:1px solid #343843;
    padding:0px 0px;
    z-index:800;
}
        
nav ul.main-menu {
background-color: #ddd;    
}
    
nav ul.main-menu li {
float:none; 
}
nav ul.main-menu li a {
padding:10px 10px;
}

nav ul ul.submenu {position:static; display:block; background-color:transparent;}
nav ul ul.submenu li a {color:#000000; font-size:14px;}

nav ul.main-menu li > ul.submenu li {padding-left:5px;}
nav ul.main-menu li:hover > ul.submenu li {
    background: #ddd;
}

nav ul.main-menu li > ul.submenu li:hover {
    background: #343843;
}
nav ul ul li {
    border-top: 0px solid #cccccc;
}
}

/* Landscape phone to portrait tablet */
@media screen and (max-width: 767px) {
nav#navigation {
    position: absolute;
    left: 15px;
    right: 15px;
    border-top:1px solid #343843;
    border-bottom:1px solid #343843;
    padding:0px 0px;

}
.mobile-small {display:block;}
.desktop {display:none;}
.mobile {display:none;}
nav ul.main-menu li > ul.submenu li {padding-left:5px;}
nav ul.main-menu li:hover > ul.submenu li {
    background: #ddd;
}
    
nav ul.main-menu li {
float:none; 
}

nav ul.main-menu li a {
padding:10px 10px;
}
  
nav ul ul.submenu {position:static; display:block; background-color:transparent;}
nav ul ul.submenu li a {color:#000000; font-size:14px;}

nav ul.main-menu li:hover > ul.submenu li {
    background: #ddd;
}
nav ul.main-menu li > ul.submenu li:hover {
    background: #343843;
}
nav ul ul li {
    border-top: 0px solid #cccccc;
}

}

/* Landscape phones and down */
@media screen and (max-width: 480px) {
.desktop {display:none;}
.mobile {display:block;}
    
nav#navigation {
    position: absolute;
    left: 15px;
    right: 15px;
    border-top:1px solid #343843;
    border-bottom:1px solid #343843;
    padding:0px 0px;
    z-index:800;
}
    
nav ul.main-menu li > ul.submenu li {padding-left:5px;}
nav ul.main-menu li:hover > ul.submenu li {
    background: #ddd;
}
    
nav ul.main-menu li {
float:none; 
}
nav ul.main-menu li a {
padding:10px 10px;
}

nav ul ul.submenu {position:static; display:block; background-color:transparent;}
nav ul ul.submenu li a {color:#000000; font-size:14px;}
nav ul.main-menu li:hover > ul.submenu li {
    background: #ddd;
}
nav ul.main-menu li > ul.submenu li:hover {
    background: #343843;
}
nav ul ul li {
    border-top: 0px solid #ddd;
}

}

footer a {color:#0778a4; text-decoration:none;}
footer a:hover { text-decoration:underline;}
.accordion-area {margin:20px 0px;}
.panel {
border-top:1px solid #ffffff;
}
.panel .panel-heading {cursor:pointer;}
.panel-collapse {
    margin: 0;
}
.panel-collapse {
    display: none;
    padding-right: 35px;
}
.panel-active .panel-collapse {
    display: block;
}

@media screen and (max-width: 768px) {
.panel-heading {
    min-height: 50px;
}
.panel {
    width: 90%;
}
}

.panel-heading {
    background: #0778a4 none repeat scroll 0 0;
    padding: 10px 0;
    color:#ffffff;
}
.panel-heading .panel-title {margin:0px 5px;}
.panel-heading .panel-title a {
    display: block;
}
.panel-heading .panel-title a.opener > i {
    float: right;
    font-size: 24px;
    line-height: 24px;
    padding: 0 20px;
}

.panel-body {margin:20px 0px;}
.panel-body p {
    padding: 15px 0;
}
/* --------------------------- */
/* Start css für Terminanzeige */
/* --------------------------- */
.termin-right { float:right; }
.termin-left { float:left; }
.termin-clear {clear:both;}
.terminbox {
background-color:#d9dadb;
width:920px;
padding:10px 10px;
font-size:14px;
}
.terminbox .termin {
margin-bottom:5px;
clear:both;
}
.terminbox .termin:last-child {margin-bottom:0px;}
.terminbox .termin .termin-row {width: 900px; height:inherit;}
.terminbox .termin .termin-date {margin-bottom:5px;}
.terminbox .termin .termin-headline {
min-height:20px;
line-height:20px;
}
.terminbox .termin .termin-headline a {color:#1c7fbd; outline:none; text-decoration:none;}
.terminbox .termin .termin-headline {background-color:#FFFFFF; width:910px; padding:5px 5px;}
.terminbox .termin .termin-details {background-color:#FFFFFF; width:910px; padding:5px 5px;}
.terminbox .termin-details {display:none; min-height:80px; max-height:130px; overflow:hidden;}
.terminbox .termin .termin-headline span.termin-left,
.terminbox .termin .termin-details .termin-row span.termin-left {
display:block;
width:170px;
}
.terminbox .termin .termin-headline span.termin-right,
.terminbox .termin .termin-details .termin-row span.termin-right {
display:block;
width:730px;
}
/* -------------------------- */
/* Ende css für Terminanzeige */
/* -------------------------- */