/* ////////////////////////////////////////////////////////////////////////////////////////////////////
// mynet2 FSC Style
// LeiserPublishing GmbH, www.leiserpublishing.com
// //////////////////////////////////////////////////////////////////////////////////////////////////// */


/* #############
// FSC-STYLE ###
// ############# */
/* ==================================================================================================== */
/* ## CE-ELEMENT-STYLE ## */
/* ==================================================================================================== */
/* Media distance: Media above in the middle  */
.ce-textpic.ce-center.ce-above .ce-column {
    margin: 0 5px 10px 5px;
}
/* Media distance: Media top right  */
.ce-textpic.ce-right.ce-above .ce-column {
    margin: 0 0 10px 10px;
}
/* Media distance: Media top left  */
.ce-textpic.ce-left.ce-above .ce-column {
    margin: 0 10px 10px 0;
}
/* Media distance: Media down center  */
.ce-textpic.ce-center.ce-below .ce-column {
    margin: 0 5px 10px 5px;
}
/* Media distance: Media bottom right  */
.ce-textpic.ce-right.ce-below .ce-column {
    margin: 0 0 10px 10px;
}
/* Media distance: Media bottom left  */
.ce-textpic.ce-left.ce-below .ce-column {
    margin: 0 10px 10px 0;
}
/* Media distance: Media in the text on the right  */
.ce-textpic.ce-right.ce-intext .ce-column {
    margin: 0 0 10px 20px;
}
/* Media distance: Media in the text on the left  */
.ce-textpic.ce-left.ce-intext .ce-column {
    margin: 0 20px 10px 0;
}
/* Media distance: Media next to the text on the right  */
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-row {
    margin: 0 0 0 10px;
}
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-column {
    margin: 0 0 10px 10px;
}
/* Media distance: Media next to the text on the left  */
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-row {
    margin: 0 10px 0 0;
}
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-column {
    margin: 0 10px 10px 0;
}
/* Media distance ce-row by last child */
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-row:last-child, .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-row:last-child {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/* Media distance ce-column by first child */
.ce-textpic.ce-center.ce-above .ce-column:first-child, .ce-textpic.ce-right.ce-above .ce-column:first-child,
.ce-textpic.ce-center.ce-below .ce-column:first-child, .ce-textpic.ce-right.ce-below .ce-column:first-child {
    margin-left: 0 !important;
}
/* Media distance ce-column by last child */
.ce-textpic.ce-center.ce-above .ce-column:last-child, .ce-textpic.ce-left.ce-above .ce-column:last-child,
.ce-textpic.ce-center.ce-below .ce-column:last-child, .ce-textpic.ce-left.ce-below .ce-column:last-child {
    margin-right: 0 !important;
}
/* Media max-width */
.ce-textpic.ce-center.ce-above img, .ce-textpic.ce-right.ce-above img, .ce-textpic.ce-left.ce-above img,
.ce-textpic.ce-center.ce-below img, .ce-textpic.ce-right.ce-below img, .ce-textpic.ce-left.ce-below img,
.ce-textpic.ce-right.ce-intext img, .ce-textpic.ce-left.ce-intext img, .ce-textpic.ce-right.ce-intext.ce-nowrap img,
.ce-textpic.ce-left.ce-intext.ce-nowrap img {
    max-width: 100%;
    height: auto;
}
.ce-textpic.ce-right.ce-intext .ce-gallery, .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery {
    max-width: 50%;
}
.ce-textpic.ce-left.ce-intext .ce-gallery, .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery {
    max-width: calc(50% - 10px);
}
/* frame-layout-0 definition (Standard)*/
/* frame-layout-1 definition */
.frame-layout-1 .ce-textpic, .cc-cell-row .frame-layout-1 {
    background: rgb(90,90,90);
}
.frame-layout-1 .ce-textpic .ce-bodytext {
    padding: 10px;
}
.frame-layout-1 .ce-textpic .ce-bodytext > * {
    color: rgb(249,249,249);
}
.frame-layout-1 .ce-textpic .ce-gallery,
.frame-layout-1 .ce-textpic .ce-column,
.frame-layout-1 .ce-textpic .ce-bodytext > *:last-child {
    margin-bottom: 0 !important;
}
/* frame-layout-2 definition */
.frame-layout-2 .ce-textpic, .cc-cell-row .frame-layout-2 {
    background: rgb(176,176,176);
}
.frame-layout-2 .ce-textpic .ce-bodytext {
    padding: 10px;
}
.frame-layout-2 .ce-textpic .ce-bodytext > p {
    color: rgb(0,0,0);
}
.frame-layout-2 .ce-textpic .ce-gallery,
.frame-layout-2 .ce-textpic .ce-column,
.frame-layout-2 .ce-textpic .ce-bodytext > *:last-child {
    margin-bottom: 0 !important;
}
/* frame-layout-3 definition */
.frame-layout-3 .ce-textpic, .cc-cell-row .frame-layout-3 {
    background: rgb(0,94,170);
}
.frame-layout-3 .ce-textpic .ce-bodytext {
    padding: 10px;
}
.frame-layout-3 .ce-textpic .ce-bodytext > * {
    color: rgb(249,249,249);
}
.frame-layout-3 .ce-textpic .ce-gallery,
.frame-layout-3 .ce-textpic .ce-column,
.frame-layout-3 .ce-textpic .ce-bodytext > *:last-child {
    margin-bottom: 0 !important;
}
/* frame-element 'space-befor'/'space-after' - 'extra-small', 'small', 'medium', 'large' and 'extra-large' definition */
/* Default: ...extra-small = 1em, ...small = 2em, ...medium = 3em, ...large = 4em, ...extra-large = 5em */
.frame-space-before-extra-small {
    margin-top: 1em;
}
.frame-space-before-small {
    margin-top: 2em;
}
.frame-space-before-medium {
    margin-top: 3em;
}
.frame-space-before-large {
    margin-top: 4em;
}
.frame-space-before-extra-large {
    margin-top: 5em;
}
.frame-space-after-extra-small {
    margin-bottom: 1em;
}
.frame-space-after-small {
    margin-bottom: 2em;
}
.frame-space-after-medium {
    margin-bottom: 3em;
}
.frame-space-after-large {
    margin-bottom: 4em;
}
.frame-space-after-extra-large {
    margin-bottom: 5em;
}
/* ## CONTENTELEMENTSTYLE ## */
/* ==================================================================================================== */
h1, h2, h3, h4, h5, h6, p, ol, ul, .frame ol, .frame ul, .ce-bodytext ol, .ce-bodytext ul, table, 
form, figcaption {
	font-family: 'din-regular', verdana, arial, helvetica, sans-serif;
	line-height: normal;
	text-align: left;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
h1 b, h1 b a, h1 b a.internal-link, h1 b a.external-link-new-window, h1 b a.download, h1 b a.mail,
h2 b, h2 b a, h2 b a.internal-link, h2 b a.external-link-new-window, h2 b a.download, h2 b a.mail,
h3 b, h3 b a, h3 b a.internal-link, h3 b a.external-link-new-window, h3 b a.download, h3 b a.mail,
h4 b, h4 b a, h4 b a.internal-link, h4 b a.external-link-new-window, h4 b a.download, h4 b a.mail,
h5 b, h5 b a, h5 b a.internal-link, h5 b a.external-link-new-window, h5 b a.download, h5 b a.mail,
h6 b, h6 b a, h6 b a.internal-link, h6 b a.external-link-new-window, h6 b a.download, h6 b a.mail {
	font-family: 'din-medium', verdana, arial, helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
}
h1 {
	font-size: 2.25em;
	color: rgb(0,100,176);
	margin: 0px 0px 5px 0px;
}
h1:first-child {
    margin-top: -9px;
}
td h1:first-child {
    margin-top: 0px;
}
h2 {
    font-size: 2.0em;
	color: rgb(0,100,176);
	margin: 0px 0px 5px 0px;
}
h2:first-child {
    margin-top: -7px;
}
td h2:first-child {
    margin-top: 0px;
}
h3 {
	font-size: 1.6em;
	color: rgb(0,100,176);
	margin: 0px 0px 2px 0px;
}
h3:first-child {
    margin-top: -7px;
}
td h3:first-child {
    margin-top: 0px;
}
h4 {
	font-size: 1.6em;
	color: rgb(0,100,176);
	margin: 0px 0px 2px 0px;
}
h4:first-child {
    margin-top: -7px;
}
td h4:first-child {
    margin-top: 0px;
}
h5 {
	font-size: 1.45em;
	color: rgb(0,100,176);
	margin: 0px 0px 0px 0px;
}
h5:first-child {
    margin-top: -5px;
}
td h5:first-child {
    margin-top: 0px;
}
h6 {
	font-size: 1.25em;
	color: rgb(0,100,176);
	margin: 0px 0px 0px 0px;
}
h6:first-child {
    margin-top: -3px;
}
td h6:first-child {
    margin-top: 0px;
}
/*
, form legend, form p, form label span
*/
p, ol, ul, .frame ol, .frame ul, .ce-bodytext ol, .ce-bodytext ul, table, form, figcaption {
	font-family: 'frutiger45light', verdana, arial, helvetica, sans-serif;
    margin: 0px 0px 10px 0px;
    font-size: 1.25em;
}
p i, ol i, ul i, table i, form i {
	font-family: 'frutiger45lightitalic', verdana, arial, helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
}
p b, ol b, ul b, table b, form b {
	font-family: 'frutiger55roman', verdana, arial, helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
}
p b i, ol b i, ul b i, table b i, form b i {
	font-family: 'frutiger55roman', verdana, arial, helvetica, sans-serif;
    font-weight: normal;
    font-style: italic;
}
p:first-child {
/*
    margin-top: -5px;
*/
}
span.remark {
    margin: 0;
    padding: 0;
    font-size: 0.8em;
}
td p:first-child {
    margin-top: 0px;
}
img {
}
img.headerlogo {
	display: inline;
	float: right;
	margin-left: 20px;
}
img.applogo {
    float: left;
    height: 40px;
}
img.corelogo {
    float: right;
    height: 40px;
}
.image-caption {
    font-size: 0.6875em !important;
}
ol {
    margin: 0 0 0 0;
    padding: 0 0 0 6.25em;
}
ul {
    margin: 0 0 0 0;
    padding: 0 0 0 1em;
}
ol p, ol h1, ol h2, ol h3, ol h4, ol h5, ol h6, ol pre,
ul p, ul h1, ul h2, ul h3, ul h4, ul h5, ul h6, ul pre {
    font-size: inherit;
    font-family: inherit;
}
ul, ul.disc-unorderes, ul.circle-unorderes, ul.square-unorderes, ol, ol.lower-roman-orderes,
ol.upper-roman-orderes, ol.lower-alpha-orderes, ol.upper-alpha-orderes {
	margin: 0px 0px 20px 10px;
	padding: 0px 0px 0px 9px;
	list-style-position: inside;
}
ul.disc-unorderes {
	list-style-type: disc;
}
ul.circle-unorderes {
	list-style-type: circle;
}
ul.square-unorderes {
	list-style-type: square;
}
ol.decimal {
	list-style-type: decimal;
}
ol.decimal-leading-zero {
	list-style-type: decimal-leading-zero;
}
ol.lower-roman-orderes {
	list-style-type: lower-roman;
}
ol.upper-roman-orderes {
	list-style-type: upper-roman;
}
ol.lower-greek {
	list-style-type: lower-greek;
}
ol.lower-alpha-orderes {
	list-style-type: lower-latin;
}
ol.upper-alpha-orderes {
	list-style-type: upper-latin;
}
ul li, ul.disc-unorderes li, ul.circle-unorderes li, ul.square-unorderes li {
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
ol li, ol.lower-roman-orderes li, ol.upper-roman-orderes li, ol.lower-alpha-orderes li, ol.upper-alpha-orderes li {
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
a img {
    border: 0px;
}
.footerdeclaration h1, .footerdeclaration h2, .footerdeclaration h3, .footerdeclaration h4, .footerdeclaration h5, .footerdeclaration h6, .footerdeclaration p {
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    color: rgb(90,90,90) !important;
	text-align: center;
}
blockquote {
	margin: 10px 10px 10px 10px;
	font-size: 1.25em;
	font-style: italic;
	border-left: 5px solid rgb(170,170,170);
	padding-left: 20px;
}
pre {
	background: rgb(170,170,170);
	font: 13px "Courier 10 Pitch", Courier, monospace;
	text-align: left;
	color: rgb(0,0,0) !important;
    line-height: 1.5;
	margin: 15px 0px 15px 0px;
	padding: 0.75em 20px;
	overflow: auto;
}
th, table caption {
    font-weight: bold;
}
caption p, caption h1, caption h2, caption h3, caption h4, caption h5, caption h6, caption pre,
th p, th h1, th h2, th h3, th h4, th h5, th h6, th pre,
td p, td h1, td h2, td h3, td h4, td h5, td h6, td pre {
    font-size: inherit;
}
/* content-element 'linkToTop' definition */
.ce-link-to-top {
    text-align: right;
}
.link-to-top {
    padding: 0;
    background: transparent;
    /* for triangle / angel and text */
/* Options
    padding: 5px;
    background: rgb(150,150,150);
    border-radius : 8px 8px 0 0;
    padding-bottom: calc(5px + 1.25em);
*/
}
.link-to-top a {
    text-decoration: none;
}
dfn.link-to-top-icon {
/*
    display: none;
    width: 0;
*/
}
dfn.link-to-top-icon::before {
    /* Triangle */
/*
    content: '';
    position: relative;
    top: -1em;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid rgb(230,230,230);
    clear: both;
    left: calc(50% + 20px);
    margin-left: -40px;
*/
    /* Angel */
    content: '\003C';
    display: inline-block;
    transform: rotate(90deg) scale(1.5,2);
    color: rgb(0,94,170);
    position: relative;
/* Options
    transform: rotate(90deg) scale(2,3);
    left: calc(50% + 0.6em);
    margin-left: -0.6em;
*/
    clear: both;
}
dfn.link-to-top-text {
    display: none;
/*
    position: relative;
    top: 1.25em;
    color: rgb(230,230,230);
    text-decoration: underline;
*/
}
.ce-button {
    margin:0;
    padding: 0.25em 0.5em 0.25em 0.5em;
    border: 2px solid rgb(200,200,200);
    border-radius: 5px 5px 5px 5px;
    width: auto !important;
    color: rgb(249,249,249) !important;
    background: rgb(0,100,176);
    font-size: inherit;
    font-family: inherit;
    cursor: pointer;
}
.ce-button:hover {
/*
    opacity: 0.5;
*/
    background: rgb(102,162,208);
}
.ce-button a, a.ce-button {
    /* verticl-align calc: - padding-top + - border-top */
    vertical-align: calc(-0.25em + -2px);
    text-decoration: none;
}
/* # class .ce-actions-bigbutton definition # */
.ce-actions-bigbutton {
    margin: 0;
    padding:3px 4px 3px 5px;
    border: 1px solid rgb(90,90,90);
    background-color: rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.ce-actions-bigbutton:hover {
    background-color: rgba(0, 0, 0, 0.2);
}
form.ce-hiddenform + button.ce-actions-bigbutton {
    margin: 0 5px 5px 0;
    padding:0;
    background-color: transparent;
    border: none;
    float: right;
    cursor: pointer;	
}
form.ce-hiddenform + button.ce-actions-bigbutton:hover {
}
.ce-actions-form {
    clear: none;
    display: inline;
}
.ce-actions-button {
    margin: 0 -4px 0 -4px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}


/* ##############
// TABLESTYLE ###
// ############## */
/* ==================================================================================================== */
/* # TABLE (RWD) definition # */
/* GENERAL definition */
table, caption, thead, tbody, tr, th, td,
.ce-table, .ce-table caption, .ce-table thead, .ce-table tr, .ce-table tr th, .ce-table tr td,
.ce-table-striped, .ce-table-striped caption, .ce-table-striped thead, .ce-table-striped tr, .ce-table-striped tr th, .ce-table-striped tr td,
.ce-table-bordered, .ce-table-bordered caption, .ce-table-bordered thead, .ce-table-bordered tr, .ce-table-bordered tr th, .ce-table-bordered tr td,
.ce-table-line, .ce-table-line caption, .ce-table-line thead, .ce-table-line tr, .ce-table-line tr th, .ce-table-line tr td,
.ce-table-lineup, .ce-table-lineup caption, .ce-table-lineup thead, .ce-table-lineup tr, .ce-table-lineup tr th, .ce-table-lineup tr td,
.ce-table-linedown, .ce-table-linedown caption, .ce-table-linedown thead, .ce-table-linedown tr, .ce-table-linedown tr th, .ce-table-linedown tr td {
    border-collapse: collapse;
    border: 0;
    margin:0;
    padding:0;
    background-color: transparent;
}
.ce-table-lineup thead tr:first-child th {
    border: 0;
}
table, .ce-table {
    width: 100%;
}
/* TABLESTYLE */
.ce-table caption {
    text-align: left;
    font-style: italic;
    padding: 0 0 5px 0;
}
.ce-table tr th {
    vertical-align: bottom;
    font-style: normal;
    font-weight: bold;
    padding: 5px 10px 5px 0;
}
.ce-table tr td {
    padding: 5px 10px 5px 0;
}
.ce-table tr th:last-child, .ce-table tr td:last-child {
    padding-right: 0;
}
/* Striped layout */
.ce-table-striped {
    margin: 0 0 10px 0;
}
.ce-table-striped caption {
    text-align: left;
    font-style: italic;
    padding: 0 5px 5px 10px;
}
.ce-table-striped tr th, .ce-table-striped tr td {
    padding: 5px 5px 7px 10px;
    vertical-align: text-top;
    text-align: left;
    text-indent: 0;
}
.ce-table-striped tr th:last-child, .ce-table-striped tr td:last-child {
    padding-right: 10px;
}
.ce-table-striped tr th {
    vertical-align: bottom;
    color: rgb(249,249,249);
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.4);
}
.ce-table-striped tr th:first-child {
    border-top-left-radius: 5px;
}
.ce-table-striped tr th:last-child {
    border-top-right-radius: 5px;
}
.ce-table-striped tbody tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.2);
}
.ce-table-striped tbody tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.1);
}
/* Bordered layout */
.ce-table-bordered {
    margin: 0 0 10px 0;
}
.ce-table-bordered caption {
    text-align: left;
    font-style: italic;
    padding: 0 10px 5px 10px;
}
.ce-table-bordered tr th, .ce-table-bordered tr td {
    padding: 5px 5px 7px 10px;
    vertical-align: text-top;
    text-align: left;
    text-indent: 0;
    border: 1px solid rgb(0,0,0);
}
.ce-table-bordered tr th:last-child, .ce-table-bordered tr td:last-child {
    padding-right: 10px;
}
.ce-table-bordered tr th {
    vertical-align: bottom;
}
/* Line layout */
.ce-table-line {
    margin: 0 0 10px 0;
}
.ce-table-line caption {
    text-align: left;
    font-style: italic;
    padding: 0 0 5px 0;
}
.ce-table-line tr th, .ce-table-line tr td {
    padding: 5px 0 7px 0;
    vertical-align: text-top;
    text-align: left;
    text-indent: 0;
}
.ce-table-line tr {
    border-top: 1px solid rgb(0,0,0);
}
.ce-table-line tr:last-child {
    border-bottom: 1px solid rgb(0,0,0);
}
/* Line-up layout */
.ce-table-lineup {
    margin: 0 0 10px 0;
}
.ce-table-lineup caption {
    text-align: left;
    font-style: italic;
    padding: 0 0 5px 0;
}
.ce-table-lineup tr th, .ce-table-lineup tr td {
    padding: 5px 0 7px 0;
    vertical-align: text-top;
    text-align: left;
    text-indent: 0;
}
.ce-table-lineup tbody tr {
    border-top: 1px solid rgb(0,0,0);
}
/* Line-down layout */
.ce-table-linedown {
    margin: 0 0 10px 0;
}
.ce-table-linedown caption {
    text-align: left;
    font-style: italic;
    padding: 0 5px 5px 10px;
}
.ce-table-linedown caption img {
    float: right;
    margin-left: 5px;
}
.ce-table-linedown caption button, .ce-table-linedown td button {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    float: right !important;
    background: transparent !important;
    margin-left: 5px !important;
    cursor: pointer !important;
}
.ce-table-linedown caption button img {
    margin: 0 !important;
}
.ce-table-linedown tr th, .ce-table-linedown tr td {
    padding: 5px 5px 5px 0px;
    vertical-align: bottom;
    text-align: left;
    text-indent: 0;
}
.ce-table-linedown tr th {
    color: rgb(249,249,249);
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.4);
}
.ce-table-linedown tr th:first-child {
    padding-left: 7px !important;
    border-top-left-radius: 5px;
}
.ce-table-linedown tr th:last-child {
    padding-right: 7px !important;
    border-top-right-radius: 5px;
}
.ce-table-linedown tr td {
    padding: 3px 5px 3px 0px;
    vertical-align: middle;
}
.ce-table-linedown tr td:last-child {
    padding-right: 0;
}
.ce-table-linedown tr td img {
    margin: 0 0 -3px 5px;
    padding: 0;
}
.ce-table-linedown tr td button:last-child {
    margin-left:-15px;
}
.ce-table-linedown tr th.ce-align-center, .ce-table-linedown tr td.ce-align-center {
    text-align: center;
}
.ce-table-linedown tr th.ce-align-right, .ce-table-linedown tr td.ce-align-right {
    text-align: right !important;
}
.ce-table-linedown tbody tr {
    border-bottom: 1px solid rgb(0,0,0);
}
.ce-table-linedown caption img.desabled, .ce-table-linedown tr td img.desabled {
    opacity: 0.5;
}
/* The responsive table-head */
td::before {
    display: none;
}
hr {
    height: 0px;
    margin: 10px 0px 10px 0px;
    border: 0px;
    border-top: 1px solid rgb(200,200,200);
    background: transparent;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted rgb(70,70,70);
	cursor: help;
}
address {
	display: block;
	margin: 0px 0px 40px 0px;
	/*font-size: 0.6875em;*/
}
address, address a, address a.internal-link, address a.external-link-new-window, address a.download, address a.mail {
	/*color: rgb(0,0,0) !important;/* for FF RTE */
}
ins {
	background: rgb(255,249,192);
	text-decoration: none;/*x*/
}
sub, sup {
    font-size: 0.6875em;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}


/* ########
// FORM ###
// ######## */
/* ==================================================================================================== */
/* ### FORM GENERAL ### */
.hiddenfields {
    display: none;
}
.ce-form-field {
    clear: both;
}
.ce-formfieldleft {
    float: left;
}
.ce-formfieldtop {
    float: none;
    min-width: 100%;
    max-width: 100%;
}
.ce-formfieldright {
    float: right;
}
.ce-formfield20 {
    min-width: 20%;
    max-width: 20%;
}
.ce-formfield30 {
    min-width: 30%;
    max-width: 30%;
}
.ce-formfield40 {
    min-width: 40%;
    max-width: 40%;
}
.ce-formfield50 {
    min-width: 50%;
    max-width: 50%;
}
.ce-formfield60 {
    min-width: 60%;
    max-width: 60%;
}
.ce-formfield70 {
    min-width: 70%;
    max-width: 70%;
}
.ce-formfield80 {
    min-width: 80%;
}
.ce-formfield90 {
    min-width: 90%;
    max-width: 90%;
}
.ce-formfield100 {
    float: none;
    min-width: 100%;
    max-width: 100%;
}
.ce-formfielcheckbox {
    position: relative;
}
.ce-formfielcheckbox input[type=checkbox] {
    position: absolute;
    float:right;
    opacity: 0;
    cursor: pointer;
    top: 0.5em;
    left: 0.5em;
    max-width: 0.5em;
    z-index: 1;
    transform: scale(2.5);
    -ms-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -webkit-transform: scale(2.5);
    -o-transform: scale(2.5);
}
.ce-checkbox {
    position: relative;
    cursor: pointer;
}
.ce-checkbox:after {
    position: absolute;
    content: '';
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
}
.ce-formfieldlabelradio {
    display: block;
    position: relative;
    cursor: pointer;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ce-formfieldlabelradio .labeltext {
    margin: 0 !important;
    padding:0 !important;
}
.ce-formfieldlabelradio input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top:0;
    right:50%;
    margin: 0.3em 0 0 0 !important;
    z-index: 1;
    transform: scale(2.5);
    -ms-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -webkit-transform: scale(2.5);
    -o-transform: scale(2.5);
}
.labeltextradio {
    position: absolute;
}
.labeltextradio:after {
    content: "";
    position: absolute;
    display: none;
}
.ce-formfieldlabelradio input:checked ~ .labeltextradio:after {
    display: block;
}
.ce-form-field .singleselect {
    position: relative;
}
.ce-form-field select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    cursor: pointer;
}
.ce-form-field select::-ms-expand {
    display: none;
}
.ce-form-field select option {
    font-size: inherit !important;
    color: inherit !important;
    padding-right: 35px;
}
/* Only Firefox */
@-moz-document url-prefix() {
    .ce-form-field input[type=color] {
        width: 100% !important;
    }
}

/* ### FIELDSETSTYLE ### */
.ce-fieldset {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    background: transparent;
    border: 0 !important;
}
.ce-fieldset legend {
    margin: 0 0 0 0;
    padding: 0 10px 0 10px;
    background: transparent;
    border: 0;
}
.fields-summarized {
    margin: 0 0 0 0 !important;
    padding: 0 10px 10px 10px !important;
    background: transparent;
    border: 0 !important;
border: 1px solid rgb(0,94,170) !important;
}
.fields-summarized legend {
    margin: 0 0 0 0;
    padding: 0 10px 0 10px;
    background: transparent;
    border: 0;
}
.ce-form-field {
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
    background: transparent;
    border: 0;
}
.ce-error-message {
    color: red !important;
}
.ce-form-field label {
    text-align: left;
    margin: 0.5em 0 0.25em 0 !important;
    font-size: 0.75em !important;
}
.ce-form-field label span.required, span.required {
    color: red !important;
    padding-left: 3px;
}
.ce-formfieldleft span.labeltext {
    padding-right: 10px;
}
.ce-formfieldright span.labeltext {
    padding-left: 10px;
}
.ce-form-field input, .ce-form-field select, .ce-form-field textarea, .ce-checkbox {
    margin:0;
    padding: 0.25em 0.5em 0.25em 0.5em;
    border: 2px solid rgb(200,200,200);
    border-radius: 4px 4px 4px 4px;
    width: calc(100% - (2*0.5em) - (2*2px));
    font-size: inherit !important;
    font-family: inherit !important;
}
.ce-form-field select, .ce-form-field input[type=search] {
    width: 100% !important;
}
.ce-form-field select {
    background: rgb(255,255,255);
}
.ce-formfield-search input[type=search] {
    width: calc(100% - 10px - 2px) !important;
}
.ce-form-field input[type=color] {
    height: 2em;
}
.ce-form-field input.nextfield {
    margin: 0 0.5em 0 0;
    width: calc(100% - (2*0.5em) - (2*2px) - 0.5em);
}
.ce-form-field .singleselect:after {
    position: absolute;
    pointer-events: none;
    content: '\203A';
    font-size: 3em;
    top: 10px;
    right: 5px;
    color: inherit !important;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    padding: 0 0 0 0;
}
.ce-form-field textarea {
    margin-top: 5px;
margin-top:0;
}
.ce-checkbox {
    width: 0.5em !important;
    height: 1em !important;
    background: rgb(249,249,249);
}
.ce-checkbox:hover {
    background: rgb(249,249,249);
}
.ce-checkbox:after {
    font-size: 1.25em;
    margin: 0.25em 0 0 0.2em;
    padding: 0;
}
.ce-formfielcheckbox input:checked ~ .ce-checkbox:after {
    content: '\2714';
}
.ce-checkboxtext {
    margin-left: 2em;
    padding-top: 0.25em;
/* NEW */
    margin-bottom: -0.25em;
}
/* NEW */
.ce-checkboxtext p {
    font-size: inherit !important;
    font-family: inherit !important;
}
.ce-formfieldlabelradio .labeltext {
    padding-left: 2em !important;
}
.labeltextradio {
    top: 0;
    left: 0;
    height: 1.1em;
    width: 1.1em;
    padding: 0.1em;
    border: 2px solid rgb(200,200,200);
    background: rgb(249,249,249);
    border-radius: 50%;
}
.ce-formfieldlabelradio:hover input ~ .labeltextradio {
/*
  background-color: #ccc;
background-color: #2196F3;
*/
}
.ce-formfieldlabelradio input:checked ~ .labeltextradio {
/*
  background-color: #2196F3;
*/
}
.ce-formfieldlabelradio .labeltextradio:after {
    top: 0.125em;
    left: 0.15em;
    width: 1em;
    height: 1em;
	border-radius: 50%;
/*
	background: white !important;
*/
background-color: black;
}
.ce-form-field img {
    float: left;
/*
    margin-right: 10px;
*/
}
.ce-captcha .captchareload {
}
.captchareload .ce-button {
    background: rgb(249,249,249);
    margin-left: 10px;
    margin-top: 3px;
}
/* Button search for INPUT type search definition */
button.search {
    border-left: none;
    border-radius: 0 5px 5px 0;
}
button.search:before {
    content: '';
    display: inline-block;
    height: 30px;
    width: 30px;
    padding-right: 10px;
    padding-bottom: 0;
    margin: -7px -5px -9px -9px;
    background: transparent url(../Icons/search_icon.svg) left -7px no-repeat;
    background-size: auto 40px;
}
/* INPUT type image definition */
.ce-formbutton input.ce-formfield100[type=image] {
    /* - 2 x border (left + right) - 2 padding (left + right) */
    min-width: calc(100% - 20px - 4px);
    max-width: calc(100% - 20px - 4px);
}
/* INPUT type file (file upload) definition */
.ce-formfield-file {
    font-size: 1.25em !important;
}
.ce-filefield {
    padding: 0 0.5em 0 0;
    border: 2px solid rgb(200,200,200);
    border-radius: 4px 4px 4px 4px;
}
/* INPUT type checkbox as switch */
.checkboxswitch[type='checkbox'] {
    position: relative;
    top: 0px;
    left: 30px;
    z-index: 0;
    -webkit-appearance: none;
}
.checkboxswitch[type='checkbox'] + label.checkboxswitchlabel {
    position: relative;
    display: block;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 24px;
    line-height: 1.3;
    padding-left: 70px;
    margin-top: -30px;
}
.checkboxswitch[type='checkbox'] + label.checkboxswitchlabel:before {
    position: absolute;
    content: '';
    left: 0px;
    width: 60px;
    height: 30px;
    margin-right: 15px;
    border-radius: 30px;
    border: 2px solid #ddd;
    background-color: #EEE;
    transition: background-color 0.5s linear;
    z-index: 5;
}
.checkboxswitch[type='checkbox'] + label.checkboxswitchlabel:after {
    position: absolute;
    content: '';
    top: 2px;
    left: 2px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #fff;
    transition: margin 0.1s linear;
    box-shadow: 0px 0px 5px #aaa;
    z-index: 10;
}
.checkboxswitch[type='checkbox']:checked + label.checkboxswitchlabel:before {
    background-color: #2b8718;
}
.checkboxswitch[type='checkbox']:checked + label.checkboxswitchlabel:after {
    margin: 0 0 0 30px;
}
.checkboxswitchlabel + .ce-checkboxtext {
    margin: 0 0 0 80px;
}
/* INPUT type checkbox as small switch */
.switchsmall[type='checkbox'] + label.checkboxswitchlabel {
    margin: -17px -15px -20px 5px;
}
.switchsmall[type='checkbox'] + label.checkboxswitchlabel:before {
    width: 32px;
    height: 16px;
    margin-right: 8px;
    border-radius: 16px;
}
.switchsmall[type='checkbox'] + label.checkboxswitchlabel:after {
    width: 16px;
    height: 16px;
    border-radius: 16px;
}
.switchsmall[type='checkbox']:checked + label.checkboxswitchlabel:after {
    margin: 0 0 0 16px;
}
.switchsmall + .checkboxswitchlabel + .ce-checkboxtext {
    margin: 0 0 0 45px;
}
/* HIDDEN form width image button */
form.ce-hiddenform {
    display: none;
    margin: 0;
    padding: 0;
    border: 0;
    width: 0;
    height: 0;
}
form.ce-hiddenform + button, button.ce-hiddenformbutton {
    margin: 0;
    margin-left: 5px;
    padding: 0;
    border: 0;
    background: transparent;
    float: right;
    cursor: pointer;
}
form.ce-hiddenform + button img, , button.ce-hiddenformbutton img {
    margin-left: 0;
}
.desable {
    opacity: 0.5;
    cursor: default !important;
}
.desable-not-allowed {
    opacity: 0.5;
    cursor: not-allowed !important;
}
/* STEPBAR */
div.form div.steplist_smallline div.steplist-step,
div.form div.steplist_smalllinenumbers div.steplist-step {
    border-bottom: 2px solid rgb(0,94,170);
margin-bottom: 5px;
}
div.form div.steplist_middleline div.steplist-step,
div.form div.steplist_middlelinenumbers div.steplist-step {
    border-bottom: 4px solid rgb(0,94,170);
margin-bottom: 5px;
}
div.form div.steplist_bigline div.steplist-step,
div.form div.steplist_biglinenumbers div.steplist-step {
    border-bottom: 6px solid rgb(0,94,170);
margin-bottom: 5px;
}
div.form div.steplist_smallnumbers div.steplist-step div,
div.form div.steplist_smalllinenumbers div.steplist-step div {
    margin: 0 auto 0 auto;
    padding: 2px;
    height: calc(0.65em + 4px);
    width: calc(0.65em + 4px);
    background: rgb(0,94,170);
    border-radius: 50%;
}
div.form div.steplist_smalllinenumbers div.steplist-step div {
    margin: 0 auto 4px auto;
}
div.form div.steplist_smallnumbers div.steplist-step div p,
div.form div.steplist_smalllinenumbers div.steplist-step div p {
    text-align: center;
    font-size: 0.65em;
    font-weight: normal;
    color: rgb(249,249,249) !important;
}
div.form div.steplist_middlenumbers div.steplist-step div,
div.form div.steplist_middlelinenumbers div.steplist-step div {
    margin: 0 auto 0 auto;
    padding: 4px;
    height: calc(1em + 4px);
    width: calc(1em + 4px);
    background: rgb(0,94,170);
    border-radius: 50%;
}
div.form div.steplist_middlelinenumbers div.steplist-step div {
    margin: 0 auto 4px auto;
}
div.form div.steplist_middlenumbers div.steplist-step div p,
div.form div.steplist_middlelinenumbers div.steplist-step div p {
    text-align: center;
margin-top: -3px;
    font-size: 1em;
    font-weight: bold;
    color: rgb(249,249,249) !important;
}
div.form div.steplist_bignumbers div.steplist-step div,
div.form div.steplist_biglinenumbers div.steplist-step div {
    margin: 0 auto 0 auto;
    padding: 5px;
    height: calc(1.2em + 5px);
    width: calc(1.2em + 5px);
    background: rgb(0,94,170);
    border-radius: 50%;
}
div.form div.steplist_biglinenumbers div.steplist-step div {
    margin: 0 auto 5px auto;
}
div.form div.steplist_bignumbers div.steplist-step div p,
div.form div.steplist_biglinenumbers div.steplist-step div p {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    color: rgb(249,249,249) !important;
}
div.form div.step-deactivated {
    opacity: 0.2;
}


/* ##################
// CARDTABLESTYLE ###
// ################## */
/* ==================================================================================================== */
/* CARDTABLESTYLE */
.cardtable {
    margin: 0px -10px 0px -10px;
}
.cardtablerow {
}
.cardtablecell {
    width: calc(100% - 10px - 20px);
    margin: 0px 10px 20px 10px;
    padding: 5px;
    min-width: 290px;
    background:rgb(249,249,249);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 1.0);
	box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 1.0);
}
.cardtablecell:hover {
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 42px 0px rgba(0, 0, 0, 0.8);
}
@media screen and (min-width: 695px) {
    .cardtablecell {
        width: calc(50% - 10px - 20px);
    }
}
@media screen and (min-width: 1020px) {
    .cardtablecell {
        width: calc(33.33% - 10px - 20px);
    }
}
@media screen and (min-width: 1340px) {
    .cardtablecell {
        width: calc(25% - 10px - 20px);
    }
}
@media screen and (min-width: 1660px) {
    .cardtablecell {
        width: calc(20% - 10px - 20px);
    }
}
@media screen and (min-width: 1980px) {
    .cardtablecell {
        width: calc(16.66% - 10px - 20px);
    }
}
.cardtablecell-outer {
}
.cardtablecell-inner {
}
.cardtablecell-content {
    height: 300px;
}
.cardtablecell-content > a {
    text-decoration: none;
}                               
.cardtablecell-content h1, .cardtablecell-content h2, .cardtablecell-content h3,
.cardtablecell-content h4, .cardtablecell-content h5, .cardtablecell-content h6 {
    margin-top: 0;
    font-size: 1.25em;
}
.cardtablecell-content p {  
    font-size: 1em;
}


/* #################
// MODAL MESSAGE ###
// ################# */
/* ==================================================================================================== */
.ModalMessageBoard {
    top: 65px;
    right: 25px;
	width: 300px;
/* Optional
    font-family: Verdana, Sans-Serif;
*/
}
.ModalMessageBoard .ModalMessage > div {
    margin: 0 0 5px 0;
	padding: 5px;
    border-radius: 5px;
    background-color: rgba(0,80,0,1);
}
.ModalMessage > div h1, .ModalMessage > div h2, .ModalMessage > div h3,
.ModalMessage > div h4, .ModalMessage > div h5, .ModalMessage > div h6,
.ModalMessage > div p {
    margin: 0px 3px 3px 3px;
    padding: 0;
	font-size: 0.8em;
	line-height: 1em;
    color: rgba(255,255,255,0.4);
}
.ModalMessageBoard .ModalMessage > div.errorMessage {
    background-color: rgba(110,0,0,1);

}
.ModalMessageBoard .ModalMessage > div.successfullyMessage {
    background-color: rgba(0,80,0,1);
}


/* ################
// MODAL DIALOG ###
// ################ */
/* ==================================================================================================== */
.modalDialog {
    background-color: rgba(0, 0, 0, 0.6);
/* Optional
    font-family: Verdana, Sans-Serif;
*/
}
.modalDialog > div {
    margin: 0;
    padding: 6px 10px 6px 10px;
    width: 300px;
    border-radius: 5px;
    background-color: rgb(220,220,220);
}
.modalDialog > div h1, .modalDialog > div h2, .modalDialog > div h3,
.modalDialog > div h4, .modalDialog > div h5, .modalDialog > div h6,
.modalDialog > div p {
    margin: 0px 3px 3px 3px;
    padding: 0;
}
.modalDialog > div h1, .modalDialog > div h2, .modalDialog > div h3,
.modalDialog > div h4, .modalDialog > div h5, .modalDialog > div h6 {
	font-size: 1em;
	line-height: 1.25em;
    color: rgb(0,100,176);
}
.modalDialog > div p {
	font-size: 0.9em;
	line-height: 1.1em;
    color: rgb(60,60,60);
}


/* ################
// MODAL WINDOW ###
// ################ */
/* ==================================================================================================== */
.modalWindow {
    background-color: rgba(0, 0, 0, 0.6);
/* Optional
    font-family: Verdana, Sans-Serif;
*/
}
.modalWindow > div {
    margin: 0;
    padding: 6px 10px 6px 10px;
    width: 440px;
    border-radius: 5px;
    background-color: rgb(220,220,220);
}
.modalWindow > div h1, .modalWindow > div h2, .modalWindow > div h3,
.modalWindow > div h4, .modalWindow > div h5, .modalWindow > div h6,
.modalWindow > div p {
    margin: 0px 3px 3px 3px;
    padding: 0;
}
.modalWindow > div h1, .modalWindow > div h2, .modalWindow > div h3,
.modalWindow > div h4, .modalWindow > div h5, .modalWindow > div h6 {
	font-size: 1em;
	line-height: 1.25em;
    color: rgb(0,100,176);
}
.modalWindow > div p {
	font-size: 0.9em;
	line-height: 1.1em;
    color: rgb(60,60,60);
}
.closeModalWindow {
    top: 2px;
    right: 2px;
    width: 22px;
    line-height: 22px;
	font-size: 1em;
    font-weight: Bold;
    text-align: Center;
    background-color: rgb(255,0,0);
    color: rgb(249,249,249);
    border-radius: 11px;
/* Optional
    box-shadow: 1px 1px 3px #000000;
*/
}
.closeModalWindow:hover {
/* Optional
    background-color: #00D9FF;
*/
}

