/**
 * commblue-style
 *
 * 1.2.0        2019-11-11  Nils Heldt
 *              - fehlerhafte Felder bei Produktionszahlen
 * 1.1.0        2019-10-29  Nils Heldt
 *              - Aenderungen fuer Produktionszahlen
 * 1.0.0        2019-07-09  Nils Heldt
 *              - Einfuehren der Versionierung
 *              - Produktionszahlen
 *
 * @package     contentBLUE-4-CIVD
 * @subpackage  Stylesheets
 * @author      Nils Heldt <heldt@glamus.de>
 */


/*********************************************************************************/
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, br {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

input, textarea, button, select {
    /*-webkit-appearance: none;*/
    border-radius: 0;
}

html {
    width: 100%;
    overflow-x: hidden;
}

body.commblue {
    background: none repeat scroll 0 0 #fff;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 100%;
    color: #000;
    font-family:  arial, helvetica, sans-serif;
    font-size: 14px;
    line-height: 180%;
}

body.commblue p {
    margin-top: 0;
    text-align: left;
}

body.commblue a {
    color: #012B81;
    font-weight:normal;
}

body.commblue a:link, a:visited, a:active, a:focus {
    text-decoration: none;
}

body.commblue a:hover {
    text-decoration: underline;
}

body.commblue a.more {
    background: url("/static/img/more-arrow.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 22px;
}
body.commblue ul {
    list-style: none outside none;
}

body.commblue .clear {
    border: 0 none !important;
    clear: both;
}

body.commblue .noborder {
    border: medium none !important;
}

body.commblue .hidden {
    display: inline;
    font-size: 0;
    height: 0;
    left: -999px;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: -999px;
}

body.commblue h1 {
    color: #012B81;
    font-size: 24px;
    font-weight:bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: none;
    text-align: left;
}
body.commblue .category{
    color: #012B81;
    font-size: 24px;
    font-weight:bold;
    padding-bottom: 10px;
    margin-top: -5px;
    margin-bottom: 9px;
    border-bottom: none;
}
body.commblue  b {
    font-weight:bold;
}
body.commblue h2, body.commblue h3, body.commblue h4, body.commblue .titel {
    color: #0075bb;
}

body.commblue h2 {
    color: #012B81;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding-top: 10px;
    text-align: left;
}

body.commblue h3 {
    color: #003060;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
}

body.commblue .errors, body.commblue .error, body.commblue .fehler {
    color: red;
    font-weight: bold;
}

body.commblue #content .image-left {
    float: left;
    padding: 8px 10px 5px 0px;
}

body.commblue .teaser .image-left {
    float: left;
    padding: 3px 5px 5px 0px;
}

/**************CONTAINER**************/

body.commblue #container {
    margin: 0 auto;
    background: none repeat scroll 0 0 #fff;
}
body.commblue #header-wrapper {

}
body.commblue #logo-inner,
body.commblue #footer-inner,
body.commblue #keyvisual-inner,
body.commblue #toolbar-inner{
    margin: 0 auto;
    width: 1190px;
    min-width:240px;
    border-left:2px solid #fff;
    border-right:2px solid #fff;
}
body.commblue #logo {
    height:100px;
}
body.commblue #keyvisual {
    height:150px;
    background:#012B81;
    	display: block;
    overflow: hidden;
}
body.commblue #toolbar{
    height:30px;
    background:#969495;
}
body.commblue #footer {
    height:100px;
}

body.commblue-oeffentlich #footer a{
    color:#000 !important;
}
body.commblue #logo-inner {
    height:76px;
    padding-left: 40px;
    margin-top: 15px;
    margin-bottom: 0px;
}
body.commblue #keyvisual-inner {
    height:150px;
    background:#012B81;
    display: block;
    overflow: hidden;
}
body.commblue #toolbar-inner{
    height:30px;
    background:#969495;
    z-index: 10000;
}
body.commblue #toolbar-inner a {
    color: #fff;
    border-right: 2px solid: #fff;
    font-weight: bold;
    cursor: pointer;

}
body.commblue #toolbar-inner .first a {
    margin-left: 30px;
}
body.commblue #toolbar-inner ul li {
    border-right: 2px solid #fff;
    height: 28px;
    padding-top: 2px;
    padding-right: 30px;
}
body.commblue #toolbar-inner ul li.last {
    margin-right: 30px;
    padding-left: 30px;
    float: right;
    height: 28px;
    padding-top: 2px;
    border-left: 2px solid #fff;
    border-right: none;
    padding-right: 0px;
}
body.commblue #footer-inner{
    background:#969495;
}

body.commblue #header {
    height: 199px;
    background: url("/static/img/commblue_head.jpg") no-repeat top left;
}

body.commblue #header img {
    float: right;
    padding-top: 20px;
    width: 249px;
    height: 66px;
    padding-right: 20px;
    padding-bottom:20px;
}

body.commblue #topnavi {
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 16px;
    text-transform: uppercase;
}

body.commblue #breadcrump {
    clear: both;
    float: left;#topnav > li > div
    margin-left: 320px;
    margin-right: 320px;
    padding-top: 5px;
    margin-bottom: 0px;
    height: 40px;
}

body.commblue #wrapper-content-right-left {
    margin: 0 auto;
    margin-top: 2px;
    margin-bottom: 20px;
    width: 1190px;
    min-width:240px;
}

body.commblue #wrapper-content-right {
    float: right;
    margin-left: -300px;
    margin-top: 30px;
}

body.commblue #content {
    margin-left: 325px;
    margin-right: 325px;
}

body.commblue .subnavigation{
    margin-top: 30px;
	  border-bottom: 2px solid #fff;
}

body.commblue .subnavigation a {
    color: #3d3c3b;
	  background: url("/static/img/bg-stripe-blue.gif") repeat-y top left rgba(0, 0, 0, 0);
	  padding: 3px 0px 5px 30px;
	  margin-bottom: 3px;
	  margin-top: 2px;
	  width: 290px;
		display: block;
		font-weight: bold;
}

body.commblue #content-cleaner {
    float: left;
    width: 545px;
}

body.commblue #right-outer {
    float: right;
}

body.commblue #right {
    padding-top: 2px;
    width: 290px;
}
body.commblue #right img{
    text-align: center;
}

body.commblue #right a{
    float: right;
}

body.commblue #right h1 {
	  color: #3d3c3b;
	  background: url("/static/img/bg-teaserhead.gif") no-repeat top left rgba(0, 0, 0, 0);
	  padding: 5px 0px 7px 30px;
	  margin-bottom: 3px;
	  margin-top: 0px;
		display: block;
		font-size: 15px;
		border-top: 1px solid #a9a9a9;
		border-bottom: 1px solid #a9a9a9;
}

body.commblue #left {
    float: left;
    width: 290px;
}
body.commblue #left ul {
    border-top:1px solid #969495;
}
body.commblue #left ul li{
    border-bottom:1px solid #969495;
    padding-left: 0px;
    height: 35px;
}
body.commblue #footer-wrapper {
    background:#969495;
    color:#fff;
}
body.commblue #footer {
    clear: both;
    margin: 0 auto;
    width: 1190px;
    min-width:240px;
    padding: 10px 10px 13px 10px;
    text-align:center;
    height: auto;
    font-weight: bold;
}

body.commblue .noborder {
    border: none;
}

body.commblue #footer a{
    color:#fff;
    font-weight: bold;
}

body.commblue .hidden {
    display: inline;
    left: -999px;
    top: -999px;
    font-size: 0px;
    height: 0px;
    line-height:0px;
    margin:0px;
    overflow:hidden;
    position:absolute;
}


body.commblue .hamburger-button {
    display:none;
}

/**
 * NAVI
 */
body.commblue ul.navi {
    margin-left: 0px;
    margin-bottom: 30px;
}

body.commblue ul.navi li a {
    color: #5c5c5e;
    margin-right: 10px;
    padding-left: 30px;
    padding-top: 0px;
    font-size: 15px;
    text-transform: uppercase;
}

body.commblue ul.navi > li {
    margin-top: 0px;
    margin-bottom: 10px;
}

body.commblue ul.navi > li > ul > li {
    margin-top: 10px;
    margin-bottom: 0px;
}

/*body.commblue ul.navi > li > a {
    background: url("/static/img/topnavi-icon-grey.gif") no-repeat scroll 0px 5px rgba(0, 0, 0, 0);
    display: inline-block;
}*/

body.commblue ul.navi > li.home > a {
    background: url("/static/img/commblue-iconsprite.png") no-repeat top left;
    display: inline-block;
    height: 21px;
    background-position: 0px -231px;
}

body.commblue ul.navi > li.suche > a {
    background: url("/static/img/commblue-iconsprite.png") no-repeat top left;
    display: inline-block;
    height: 21px;
    background-position: 0px -252px;
}

body.commblue ul.navi > li.hilfe > a {
    background: url("/static/img/commblue-iconsprite.png") no-repeat top left;
    display: inline-block;
    height: 21px;
    background-position: 0px -294px;
}

body.commblue ul.navi > li.logout > a {
    background: url("/static/img/commblue-iconsprite.png") no-repeat top left;
    display: inline-block;
    height: 21px;
    background-position: 0px -168px;
}

body.commblue ul.navi > li.navi-item-topic > a {
    background: url("/static/img/commblue-iconsprite.png") no-repeat top left;
    display: inline-block;
    height: 21px;
    background-position: 0px -189px;
}

body.commblue ul.navi > li.navi-item-topic-all > a {
    background: url("/static/img/commblue-iconsprite.png") no-repeat top left;
    display: inline-block;
    height: 21px;
    background-position: 0px -210px;
}

body.commblue ul.navi > li > a.active {
}


body.commblue ul.navi > li.active > a, .navi ul > li:hover > a {
    color: #0075bb !important;
    text-decoration: none;
}

body.commblue ul.navi > li.active > a, ul.navi > li:hover > a {
    /*background: url("/static/img/commblue-iconsprite.png") no-repeat scroll 0px 5px rgba(0, 0, 0, 0);
    background-position: 0px -189px;*/
}

body.commblue ul.navi > li > ul > li > a {
    margin-left: 25px;
    display: inline-block;
    height: 21px;
    background: url("/static/img/commblue-iconsprite.png") no-repeat scroll 0px 5px rgba(0, 0, 0, 0);
    background-position: 0px -189px;
}

body.commblue ul.navi > li > ul > li > a.active {
    color: #0075bb !important;
}

/**
 * TEASER bzw. Infobereich
 */
/***********TEASER**************/

body.commblue .teaser {
    line-height: 180%;
    text-align: center;
}



body.commblue .teaser h3 {
    font-size: 15px;
    font-weight: 400;
    color: #003060;
    margin-bottom: 8px;
    text-transform: normal;
    text-align: left;
}

body.commblue .teaser h3 a {
    color: #003060;
}

body.commblue .teaser li {
    margin-bottom: 24px;
}

body.commblue .freier-teaser p img,
body.commblue .teaser li p img {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 0;
}
/************************/

body.commblue .neu  {
    float: right;
    margin-left: 5px;
    width:25px;
    height:14px;
    background: url("/static/img/icon-neu.png") no-repeat top left;
    text-indent: -9999999px;
}

body.commblue table.en .neu  {
	background: url(/static/img/icon-neu-en.gif) no-repeat top left;
}

body.commblue img.save  {
	float: right;
	width: 17px;
    height:17px;
    margin-left:5px;
}

a.link-favorite {
    float: right;
    margin-left: 5px;
    width:20px;
    height:20px;
    background: url("/static/img/icon-favoriten-0.png") no-repeat top left;
    text-indent: -9999999px;
}

a.link-favorite.is-favorite {
    background: url("/static/img/icon-favoriten-1.png") no-repeat top left;
}

/**
 * Liste
 */
body.commblue table.archivliste .title-wrapper {
    float: left;
    width: 75%;
}
body.commblue table.archivliste .icons {
    float:right;
}
body.commblue table.archivliste .icons a img{
    margin-left: 5px;
    float:right;
}

body.commblue table.archivliste b{
	font-weight: normal;
}

body.commblue table.archivliste {
    width: 100%;
    padding: 0px;
    border-bottom: 1px solid #a9a9a9;
    margin-bottom: 15px;
    margin-top: 15px;
}

body.commblue table.archivliste tr td.dashed {
    border-top-style:dashed;
    color: #6F6F6F;
}

body.commblue table.archivliste tr td.dashed div a {
    color: #6F6F6F;
}

body.commblue table.archivliste tr td.links {
    width: 150px;
}

body.commblue table.archivliste tr td.rechts {
}


body.commblue table.archivliste tr td,
body.commblue table.archivliste tr td.links,
body.commblue table.archivliste tr td.rechts {
    border-top: 1px solid #a9a9a9;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
}

/**
 * Liste
 */

body.commblue table.archivliste {
    width: 100%;
    padding: 0px;
    border-bottom: 1px solid #a9a9a9;
    margin-bottom: 0px;
    font-size:13px;

}

body.commblue table.archivliste a{
    font-size:13px;
}

body.commblue table.archivliste tr td.dashed {
    border-top-style:dashed;
    color: #6F6F6F;
}

body.commblue table.archivliste tr td.dashed div a {
    color: #6F6F6F;
}

body.commblue table.archivliste tr td.links {
    min-width: 125px;
    width: 150px;
}

body.commblue table.archivliste tr td.rechts {
}


body.commblue table.archivliste tr td,
body.commblue table.archivliste tr td.links,
body.commblue table.archivliste tr td.rechts {
    border-top: 1px solid #a9a9a9;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
}


/**
 * Blaettern Funktion
 */

body.commblue .pagination {
	margin-top: -13px;
	margin-bottom: -2px;
	float: right;
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
}

body.commblue .pagination span.disabled {
	color: #CCCCCC;
}

body.commblue .pagination a,
body.commblue .pagination span {
	border: 2px solid #fff;
	color: #555555;
	display: inline-block;
	margin: 2px;
	padding: 1px 10px 2px 10px;
	text-decoration: none;
	font-weight: normal;
}

body.commblue .pagination a:hover {
	border: 2px solid #012b81;
	color: #555555;
	display: inline-block;
	margin: 2px;
	text-decoration: none;
}

body.commblue .pagination span.current {
	background-color: #012b81;
	border: 2px solid #fff;
	color: #fff;
	font-weight: normal;
}

/**
 * Suchseite
 */

body.commblue input.error, body.commblue select.error, body.commblue textarea.error {
    color: #000;
    font-weight: normal;
}

body.commblue textarea, body.commblue input[type="text"], body.commblue input[type="password"], body.commblue .normalesfeld {
    color: #333;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    line-height: 26px;
    padding: 0 7px;
    border: 1px solid #cbcbcb;
}

body.commblue input[type="submit"], body.commblue input.button, body.commblue input.submitbutton, body.commblue input#abschicken {
    cursor: pointer;
	  background: none repeat scroll 0 0 #012b81;
    border: 0 none;
    color: #fff;
    padding: 4px 15px 6px 15px;
    width:auto;
    font-weight: bold;
}

body.commblue input#logout,
body.commblue input.submit {
    background: none repeat scroll 0 0 #012b81;
    border: 0 none;
    color: #fff;
    padding: 4px 15px 6px 15px;
    width:auto;
    font-weight: bold;
    margin: 10px 0px;
}

body.commblue .search table tbody tr {
    display:block;
    margin-bottom: 6px;
    padding-top: 10px;
    border-top: 1px solid #CFCFCF;
}

body.commblue table.filter {
    width: 100%;
    border-bottom: 1px solid #a9a9a9;
    margin: 5px 0 10px 0;
}

body.commblue table.filter td {

}

body.commblue table.filter td.label {
    width: 200px;
    height: 30px;
}

body.commblue table.filter td.input {
    width: 310px;
    height: 30px;
    text-align: right;
}

body.commblue table.filter td.input input {
    width: 272px;
}

body.commblue table.filter td.input select {
    width: 288px;
    padding-top:3px;
    padding-bottom:3px;
}

body.commblue table.filter td.input input.dateField {
    width: 100px;
}

body.commblue table.filter td.input input.checknradio {
    width: 10px;
    border: none;
    float:left;
}

body.commblue form.search select option.firstLevel {
    padding-left: 0px;
}

body.commblue form.search select option.secondLevel {
    padding-left: 15px;
}

body.commblue form.search select option.thirthLevel {
    padding-left: 30px;
}

/* commBLUE Logout Form */

body.commblue .readonly {
    background-color: #ECECEC;
    color: #716F64;
}

body.commblue dl.zend_form {
	width: 100%;
	margin-top: -15px;
}

body.commblue dl.zend_form dt {
	float: left;
	margin: 5px 5px;
	clear: both;
	width: 150px;
}

body.commblue dl.zend_form dd {
	float: left;
	margin: 5px 5px;
	width: 220px;
}

body.commblue dl.zend_form dd input {
	width: 200px;
    margin-left: 0;
}

body.commblue dl.zend_form dd input#forgetMe {
	width: 15px;
}

body.commblue dl.zend_form dd input#rememberMe {
	width: 15px;
}

body.commblue dl.zend_form dd input#logout {
	width: 216px;
	cursor: pointer;
}


/**
 * UserProfileEditor Styles
 */

#userProfileEditForm {
	margin-bottom: 20px;
}

#userProfileEditForm div {
	clear: both;
}

#userProfileEditForm label.label {
	float: left;
	width: 150px;
}

#userProfileEditForm .standard-input {
	float: left;
	width: 280px;
	margin-bottom: 4px;
}

#userProfileEditForm input.checkbox {
	width: 15px;
	margin: 0;
}

#userProfileEditForm select.standard-input {
		width: 295px;
	  color: #333;
    font-weight: normal;
    line-height: 26px;
    padding: 4px 7px;
    border: 1px solid #cbcbcb;
    font-size: 15px;
}

#userProfileEditForm .submit-button {
	float: left;
}

#userProfileEditForm ul.errors {
	margin: 0 0 15px 150px;
	padding: 0;
	color: #FF0000;
	list-style-type: none;
	font-size: 0.85em;
	font-weight: bold;
}

div#userProfileEditor p.message {
	font-weight: bold;
}


/**
 * End UserProfileEditor Styles
 */




/**
 * ForgotPassword Styles
 */

#forgotPassword {
	width: 460px;
	margin-bottom: 20px;
}

#forgotPassword div {
	clear: both;
}

#forgotPassword label.label {
	float: left;
	width: 150px;
}

#forgotPassword .standard-input {
	float: left;
	width: 300px;
	margin-bottom: 4px;
}

#forgotPassword select.standard-input {
	width: 304px;
}

#forgotPassword .submit-button {
	float: left;
	margin-left: 150px;
}

#forgotPassword ul.errors {
	margin: 0 0 15px 150px;
	padding: 0;
	color: #FF0000;
	list-style-type: none;
	font-size: 0.85em;
	font-weight: bold;
}

div#forgotPassword p.message {
	font-weight: bold;
}


/**
 * End ForgotPassword Styles
 */


/**
 * Begin Subscription Editor Styles
 */

a.backLink {
	margin: 15px 0px;
	display: block;
	font-weight: bold;
	color: #4A8B53;
}

.readonly {
    background-color: #ECECEC;
    color: #716F64;
}

dl.zend_form {
	margin-top: 10px;
	padding-top: 20px;
	width: 100%;
}

dl.zend_form div {
	margin-bottom: 15px;
	clear: both;
	height: 25px;
}

dl.zend_form div label {
	width: 100%;
	margin-right: 25px;
	display: block;
	float: left;
}

dl.zend_form div input {
	width: 200px;
	float: left;
}

dl.zend_form div input.multiCheckbox {
	width: 15px;
	float: left;
	margin-top: 4px;
	margin-right: 10px;
}

dl.zend_form div input.checkbox {
	width: 15px;
	margin: 0;
	float: left;
}

/*dl.zend_form div input.submit {
	border: solid 1px #4A8B53;
	width: 100%;
	padding: 5px;
	background-color: #ffffff;
	cursor: pointer;
	font-weight: bold;
	color: #4A8B53;
	margin-bottom: 20px;
}*/


dl.zend_form dt#verteiler-label {
	width: 250px;
	margin: 10px 25px 0px 0px;
}

dl.zend_form dd#verteiler-element {
	width: 200px;
	float: left;
	padding: 0;
	margin: 10px 0px 15px 0px;
}

dl.zend_form dd#verteiler-element label {

}

dl.zend_form dd#verteiler-element label input {
	width: 15px;
	padding: 0;
	margin: 0;
	margin-bottom: 7px;
}


 /**
 * End Subscription Editor Styles
 */



 body.commblue .responsive-change-wrapper a {
    background-color: #0082b4;
    color: #fff;
    display: block;
    font-size: 12px;
    margin-top: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    text-transform: uppercase;
}

 body.commblue #toolbar-inner ul li {
    float:left;
    margin-right:25px;
}

/*******************NAVIGATION-Navigation-Suche**************/

/* Definition of main navigation */
#navigation-wrapper  {
    position:relative;
    width:100%;
}
#navigation  {
    margin: 0 auto;
    margin-bottom:0px;
}

#bottom-line {
	border-bottom: 1px solid #aba9aa;
}

#topnav > li > a:link,
#topnav > li > a:visited  {
    text-decoration: none;
    color: #3d3c3b;
}
#topnav > li:hover > a:link,
#topnav > li:hover > a:visited {
    color: #FFFFFF !important;
    margin-bottom: 0;
    padding-bottom: 6px;
}
#topnav > li.active > a:link,
#topnav > li.active > a:visited {
    color: #FFFFFF !important;
}
#topnav > li > a  {
    float: left;
    font-size: 15px;
    margin: 0px 2px 2px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: bold;
}
/* Definitions for dynamic flyouts of mainnav */
#topnav li {
    float:left;
}
#topnav > li > div  {
    position: absolute;
    display: block;
    width: 642px;
    max-width: 100%;
    z-index: 999;
    padding: 12px 12px 12px 12px;
    margin-left: -306px;
    margin-top: 39px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
}
#topnav > li:hover > div  {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    z-index: 999;
}
#topnav .nav-column  {
    float: left;
    width: 33%;
}
#topnav .nav-column ul {
    margin-right: 10px;
}
#topnav .nav-column li {
    width: 100%;
    display: block;
}
#topnav .nav-column li.head + li.head {
    margin-top: 9px;
}
#topnav .nav-column li.head + li.member {
    margin-top: 6px;
}
#topnav .nav-column li.member + li.member {
    margin-top: -5px;
}
#topnav .nav-column li.member + li.head {
    margin-top: 8px;
}
#topnav .nav-column li a  {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    padding-top: 4px;
    padding-bottom: 5px;
    padding-left: 6px;
    padding-right: 8px;
}
#topnav .nav-column li.member a  {
    padding-top: 5px;
    padding-bottom: 0px;
}
#topnav .nav-column li.head a {
	font-weight: bold;
}
#topnav .nav-column li.member a {
    line-height: 30px;
    margin-bottom: 0px;
    background-image: none;
}

#topnav .nav-column li.member-4 a{
    line-height: 30px;
    margin-bottom: 0px;
    background-image: none;
    font-weight: normal;
}

#topnav .nav-column li.head a.active,
#topnav .nav-column li.head a:hover  {
    background: #fff !important;
}
#topnav .nav-column li.member a.active,
#topnav .nav-column li.member-4 a.active,
#topnav .nav-column li.member a:hover,
#topnav .nav-column li.member-4 a:hover   {
 		text-decoration: underline;
}

/**Farben**/

/**Navi Blau**/
#topnav li.farbschema-orange a {background: url("/static/img/bg-stripe-blue.gif") repeat-y top left rgba(0, 0, 0, 0);}
#topnav li.farbschema-orange .nav-column li.head a:hover {color:#3d3c3b}
#topnav li.farbschema-orange:hover a,
#topnav li.farbschema-orange.active a,
#topnav>li.farbschema-orange>div,
#topnav li.farbschema-orange .nav-column li.head a.active,
#topnav li.farbschema-orange .nav-column li.head a:hover {background-color:#012b81}
#topnav li.farbschema-orange .nav-column li.head a {background:#34559a}
#topnav>li.farbschema-orange>a {margin-left:0px;padding-left:22px;padding-right:10px}
#topnav>li.farbschema-orange>div {margin-left:0}

/**Navi Grau**/
#topnav li.farbschema-gruen a{background: url("/static/img/bg-stripe-grey.gif") repeat-y top left rgba(0, 0, 0, 0);}
#topnav li.farbschema-gruen .nav-column li.head a:hover {color:#3d3c3b}
#topnav li.farbschema-gruen:hover a,
#topnav li.farbschema-gruen.active a,
#topnav>li.farbschema-gruen>div,
#topnav li.farbschema-gruen .nav-column li.head a.active,
#topnav li.farbschema-gruen .nav-column li.head a:hover {background-color:#969495}
#topnav li.farbschema-gruen .nav-column li.head a {background:#aba9aa}
#topnav>li.farbschema-gruen>a {margin-left:0px;padding-left:22px;padding-right:10px}
#topnav>li.farbschema-gruen>div {margin-left:-112px}

/**Navi Rot**/
#topnav li.farbschema-lila a{background: url("/static/img/bg-stripe-red.gif") repeat-y top left rgba(0, 0, 0, 0);}
#topnav li.farbschema-lila .nav-column li.head a:hover {color:#3d3c3b}
#topnav li.farbschema-lila:hover a,
#topnav li.farbschema-lila.active a,
#topnav>li.farbschema-lila>div,
#topnav li.farbschema-lila .nav-column li.head a.active,
#topnav li.farbschema-lila .nav-column li.head a:hover {background-color:#cf2820}
#topnav li.farbschema-lila .nav-column li.head a {background:#d9534d}
#topnav>li.farbschema-lila>a {margin-left:0px;padding-left:22px;padding-right:10px}
#topnav>li.farbschema-lila>div {margin-left:-240px}

/**Navi Gruen**/
#topnav li.farbschema-braun a {background: url("/static/img/bg-stripe-green.gif") repeat-y top left rgba(0, 0, 0, 0);}
#topnav li.farbschema-braun .nav-column li.head a:hover {color:#3d3c3b}
#topnav li.farbschema-braun:hover a,
#topnav li.farbschema-braun.active a,
#topnav>li.farbschema-braun>div,
#topnav li.farbschema-braun .nav-column li.head a.active,
#topnav li.farbschema-braun .nav-column li.head a:hover {background-color:#539b33}
#topnav li.farbschema-braun .nav-column li.head a {background:#75af5c}
#topnav>li.farbschema-braun>a {margin-left:0px;padding-left:22px;padding-right:10px}
#topnav>li.farbschema-braun>div {margin-left:-270px}

/**Navi Hellblau**/
#topnav li.farbschema-blau a {background: url("/static/img/bg-stripe-lightblue.gif") repeat-y top left rgba(0, 0, 0, 0);}
#topnav li.farbschema-blau .nav-column li.head a:hover {color:#3d3c3b}
#topnav li.farbschema-blau:hover a,
#topnav li.farbschema-blau.active a,
#topnav>li.farbschema-blau>div,
#topnav li.farbschema-blau .nav-column li.head a.active,
#topnav li.farbschema-blau .nav-column li.head a:hover {background-color:#abc9e1;}
#topnav li.farbschema-blau .nav-column li.head a {background:#bcd4e7}
#topnav>li.farbschema-blau > a {margin-left:0px;padding-left:22px;padding-right:10px}
#topnav>li.farbschema-blau > div {margin-left:-306px}

.liste-extranet-dashboard  li {
    padding: 0 !important;
    float: none !important;
}

.liste-extranet-dashboard  ul > li > ul  label {
    padding-left: 15px;
}

.liste-extranet-dashboard  ul > li > ul  li {
    box-shadow: none !important;
    margin-bottom: 10px;
}

.liste-extranet-dashboard  ul > li label {
    margin-bottom: 10px;
}

.liste-extranet-dashboard  li.level-2 label {
    padding-left: 18px;
    padding-top: 0px;
    padding-bottom: -3px;
    margin: 0px;
}

.liste-extranet-dashboard  ul.level-3 {
    margin-top: 5px;
    border-left: 2px solid #fff;
    margin-left: -2px;
    padding-left: 2px;
}

.liste-extranet-dashboard  ul.level-3 li{
    border-left: #fff;
}

.liste-extranet-dashboard  li.level-3 label{
    padding-left: 18px;
    font-size: 13px;
}

.liste-extranet-dashboard .smartphone-no-script ul li.has-children > label span.icon{
    background: url("/static/img/navarrow-down.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);
    display: block;
    float: right;
    height: 14px;
    width: 14px;
}

.liste-extranet-dashboard .smartphone-no-script ul li.has-children > label.active span.icon{
    background: url("/static/img/navarrow-up.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);
    display: block;
    float: right;
    height: 14px;
    width: 14px;
}

.liste-extranet-dashboard .smartphone-no-script ul li.has-children.active > ul {
    display: block;
    position: unset;
}

.liste-extranet-dashboard .smartphone-script ul.level-1 ul {
    position: relative !important;
}

.liste-extranet-dashboard .smartphone-script ul li label {
    width: 80%;
    display: inline-block;
}

.liste-extranet-dashboard .smartphone-script ul > li > ul li.active > label, .liste-extranet-dashboard .smartphone-script > li:hover > label {
    background: none;
}

.liste-extranet-dashboard .smartphone-script .controls {
    float:right;
    height: 14px;
    width: 14px;
}

.liste-extranet-dashboard .smartphone-script .smartphone-minus {
    background: url("/static/img/navarrow-up.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);
    margin-top: 6px;
}
.liste-extranet-dashboard .smartphone-script .smartphone-plus {
    background: url("/static/img/navarrow-down.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);
    margin-top: 6px;
}

.liste-extranet-dashboard .smartphone-script li.level-2 .smartphone-minus,
.liste-extranet-dashboard .smartphone-script li.level-2 .smartphone-plus{
    margin-top: 9px;
}

.liste-extranet-dashboard .smartphone {
   display:block !important;
}
.liste-extranet-dashboard #smartphone-hauptnavigation ul.first-level{
    width: 100%
    float: none;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    padding: 10px 0px 10px 0px;
    position: relative;
    right: 0px;
    background-color: #fff;
    z-index: 0;
}

.liste-extranet-dashboard .smartphone li{
    width:100%;
    border-top:1px solid #fff;
}
.liste-extranet-dashboard .smartphone ul li.farbschema-orange {
    background: url("/static/img/bg-stripe-blue.gif") repeat-y top left rgba(0, 0, 0, 0);
}
.liste-extranet-dashboard .smartphone ul li.farbschema-gruen {
    background: url("/static/img/bg-stripe-grey.gif") repeat-y top left rgba(0, 0, 0, 0);
}
.liste-extranet-dashboard .smartphone ul li.farbschema-lila {
    background: url("/static/img/bg-stripe-red.gif") repeat-y top left rgba(0, 0, 0, 0);
}
.liste-extranet-dashboard .smartphone ul li.farbschema-braun {
    background: url("/static/img/bg-stripe-green.gif") repeat-y top left rgba(0, 0, 0, 0);
}
.liste-extranet-dashboard .smartphone ul li.farbschema-blau {
    background: url("/static/img/bg-stripe-lightblue.gif") repeat-y top left rgba(0, 0, 0, 0);
}

.liste-extranet-dashboard .smartphone label,
.liste-extranet-dashboard .smartphone label.active {
    color:#3d3c3b;
    text-decoration:none;
    display:inline-block;
    float:left;
}

.liste-extranet-dashboard .smartphone ul.first-level > li > div > label{
    padding-left: 20px;
    width:60% !important;
    font-weight: bold;
    font-size: 15px ;
    padding-top: 15px;
    padding-bottom: 10px;
}


.liste-extranet-dashboard .smartphone ul li.farbschema-orange ul.second-level > li{
        background: #012b81;
        display: inline-block;
        position: relative;
        z-index:98;
    }

.liste-extranet-dashboard .smartphone ul li.farbschema-gruen ul.second-level > li{
        background: #969495;
        display: inline-block;
        position: relative;
        z-index:98;
}

.liste-extranet-dashboard .smartphone ul li.farbschema-lila ul.second-level > li{
        background: #cf2820;
        display: inline-block;
        position: relative;
        z-index:98;
}

.liste-extranet-dashboard .smartphone ul li.farbschema-braun ul.second-level > li{
        background: #539b33;
        display: inline-block;
        position: relative;
        z-index:98;
}

.liste-extranet-dashboard .smartphone ul li.farbschema-blau ul.second-level > li{
        background: #abc9e1;
        display: inline-block;
        position: relative;
        z-index:98;
}




.liste-extranet-dashboard .smartphone ul.second-level > li > div > label{
    padding-left: 0px;
    width:60% !important;
    font-weight: bold;
    font-size: 15px ;
    padding-top: 20px;
    padding-bottom: 5px;
    color: #fff;
}


.liste-extranet-dashboard .smartphone ul.third-level > li{
    display: block;
    position: relative;
    z-index:99;
}

.liste-extranet-dashboard .smartphone ul.third-level > li > div > label{
    padding-left: 20px;
    width:70% !important;
    color: #fff;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 5px;
}

.liste-extranet-dashboard .smartphone ul.first-level > li > div > label{
    color:#3d3c3b !important;
}

.liste-extranet-dashboard .smartphone ul li ul{
    /*display:none;*/

}
/*.liste-extranet-dashboard .smartphone-no-script ul li.active > ul {
    display:block;
}

.liste-extranet-dashboard .smartphone-no-script ul li.active ul li.active > ul {
    display:block;
}

.liste-extranet-dashboard .smartphone-no-script span.plus{
    width:20%;
    height:20px;
    background:red;
    display:block;
    float:right;
}

.liste-extranet-dashboard .smartphone-no-script span.minus{
    width:20%;
    height:20px;
    background:orange;
    display:block;
    float:right;
}*/
.liste-extranet-dashboard .smartphone ul.forth-level > li > div > label{
    padding-left: 0px;
    width:80% !important;
    font-size: 15px ;
    padding-top: 20px;
    padding-bottom: 5px;
    color: #fff;
    margin-left: 15%;
    text-transform:uppercase;
}
.liste-extranet-dashboard input {
    margin-top:2px;
    margin-right:7px;
}


/********************************/

.liste-extranet-dashboard .smartphone-script ul.first-level > li > div > label {
    margin-left:2.5%;
    /*width:60% !important;*/
    display:inline-block;
}

.liste-extranet-dashboard .smartphone-script ul.second-level > li > div > label{
    margin-left:5%;
    /*width:60% !important;*/
    display:inline-block;
}

.liste-extranet-dashboard .smartphone-script ul.third-level > li > div > label{
    margin-left:7.5%;
    /*width:60% !important;*/
    display:inline-block;
}

.liste-extranet-dashboard .smartphone-script span.smartphone-plus{
    width:29px;
    height:55px !important;
    content:'+';
    display:inline-block;
    /*float:right;*/
    cursor:pointer;
    /*background: rgba(255, 255, 255, 0.50);
    -ms-filter: "progid:D:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff)";*/
    max-height: 100%;
    text-align: center;
    float:right;
    background:url("/static/img/smartphone-navi-plus.png") no-repeat scroll center center;
    padding-right: 25px;
}

.liste-extranet-dashboard .smartphone-script span.smartphone-minus{
    width:29px;
    height:55px !important;
    /*content:'-';
    color:white;*/
    display:inline-block;
    /*float:right;*/
    cursor:pointer;
    font-size: 24px;
    /*background: rgba(255, 255, 255, 0.50);
    -ms-filter: "progid:D:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff)";*/
    max-height: 100%;
    text-align: center;
    float:right;
    background:url("/static/img/smartphone-navi-minus.png") no-repeat scroll center center ;
    padding-right: 25px;
}

.liste-extranet-dashboard .configuration {
    float:right;
    width:26px;
    height:26px;
    background: url("/static/img/einstellungen.png") no-repeat center center;
    display:inline-block;
    background-size: 22px auto;
}
.liste-extranet-dashboard .configuration.active {
    background: url("/static/img/einstellung-aktiv.png") no-repeat center center #012B81;
    background-size: 22px auto;
}
.liste-extranet-dashboard .configuration-filter {
    float:right;
    width:26px;
    height:26px;
    background: url("/static/img/filter.png") no-repeat center center;
    display:inline-block;
    margin-right:10px;
    background-size: 24px auto;
}
.liste-extranet-dashboard .configuration-filter.active {
    background: url("/static/img/filter-aktiv.png") no-repeat center center #012B81;
    background-size: 24px auto;
}

.liste-extranet-dashboard .filter {
    width:100%;
    margin-bottom:20px;
}
.liste-extranet-dashboard .filter ul{
    margin-top:10px;
}

.liste-extranet-dashboard .filter ul li  {
    padding-left:10px !important;
    margin-bottom:2px;
    background: #969495;
    color:#fff;
}

.liste-extranet-dashboard .filter ul li.active {
    background: #abc9e1
}

.liste-extranet-dashboard .filter ul li  a{
    color:#fff;
}

.liste-extranet-dashboard  ul.first-level {
    width: 100% float: none;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    padding: 10px 0px 10px 0px;
    position: relative;
    right: 0px;
    background-color: #fff;
    z-index: 0;
}

.category + .bild-left {
    width: 90px;
    float: left;
    margin-right: 10px;
    margin-top:7px;
}


/* BEGINN: Produktionszahlen */

.produktionszahlen {
    width: 1190px;
    margin-left: -325px;
}


@media screen and (max-width: 1194px) {
    .produktionszahlen {
        width: calc(100% + 325px);
    }
}

@media screen and (max-width: 980px) {
    .produktionszahlen {
        width: 100%;
        margin-left: 0;
    }
}

.produktionszahlen-load {
    top: 0;
    left: 0;
    z-index: 99999;
    display: block;
    position: fixed;
    height: 100%;
    width: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.75);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#55ffffff, endColorstr=#55ffffff)";
}

@keyframes produktionszahlen-spinner {
  to {transform: rotate(360deg);}
}

.produktionszahlen-spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #333;
  animation: produktionszahlen-spinner .6s linear infinite;
}

.produktionszahlen select {
    height: 30px;
    padding: 0px 6px;
    margin: 10px 0;
    width: 50%;
    box-sizing: border-box;
    border-color: #b0b0b0;
}

.produktionszahlen table,
.produktionszahlen th,
.produktionszahlen td {
    text-align: center;
    white-space: nowrap;
}

.produktionszahlen .description {
    background-color: #F0F0F0;
    text-align: right;
}

.produktionszahlen th.description {
    text-align: center;
}

.produktionszahlen .caravans {
    background-color: #E8E8E8;
}

.produktionszahlen .motorcaravans {
    background-color: #E0E0E0;
}

.produktionszahlen td,
.produktionszahlen th {
    padding: 5px;
    box-sizing: border-box;
    vertical-align: middle;
}

.produktionszahlen th,
.produktionszahlen .sum {
    font-weight: bold;
}

.produktionszahlen .sum {
    text-align: right;
}

.produktionszahlen .motorcaravans.sum,
.produktionszahlen .caravans.sum {
    padding-right: 13px;
}

.produktionszahlen table input {
    padding: 0;
    margin: 0;
    max-width: 80px;
    text-align: right;
}

.produktionszahlen .table-container {
    width: 100%;
    overflow-x: auto;
}

.produktionszahlen .table-container > table {
    word-break: normal;
}

.produktionszahlen input:-moz-read-only {
    background-color: rgb(235, 235, 228);
}

.produktionszahlen input:read-only {
    background-color: rgb(235, 235, 228);
}

.produktionszahlen .status-1 > a {
    color: green;
}

.produktionszahlen .status-2 > a {
    color: orange;
}

.produktionszahlen .status-3 > a {
    color: red;
}

.produktionszahlen .submit {
    float: left;
}

.produktionszahlen .submit + .submit {
    margin-left: 15px;
}


@media screen and (max-width: 390px) {
    .produktionszahlen .submit {
        float: none;
        display: block;
    }

    .produktionszahlen .submit + .submit {
        margin-left: 0;
    }
}



.produktionszahlen .back {
    margin-bottom: 15px;
    display: inline-block;
}

.commblue .produktionszahlen > h1 {
    padding-bottom: 0;
}

.commblue .produktionszahlen > h2 {
    padding-top: 0;
}

.produktionszahlen .erfolg {
    color: green;
}

.produktionszahlen .download {
    display: inline-block;
    background: none repeat scroll 0 0 #012b81;
    border: 0 none;
    color: #fff;
    padding: 4px 15px 6px 15px;
    width: auto;
    margin: 10px 0px;
    text-decoration: none !important;
    font: 400 13.3333px Arial;
    font-weight: bold;
}

.produktionszahlen-unvollstaendig {
    background: #012B81;
    color: white;
    padding: 10px;
    margin: 0 0 25px 0;
}

body.commblue .produktionszahlen-unvollstaendig a {
    color: white;
    font-weight: bold;
}

.fehler + #form-produktionszahlen {
    margin-top: 20px;
}

.produktionszahlen .empty {
    background-color: #fce4e4;
    border: 1px solid #cc0033 !important;
}

.produktionszahlen #produktiongesamtcaravan.empty,
.produktionszahlen #produktiongesamtreisemobile.empty {
    border: 1px solid #cbcbcb !important;
    background-color: white;
}

/* ENDE: Produktionszahlen */


body.commblue #wrapper-content-right {
    max-width: 100%;
}