/*** Main Body ***/
body {
background-color: #f6f6f6;
}

.blog-item {
background-color: #FFF;
border-bottom: 5px solid #CCC;
margin:5px;
}

.blog-item p, .blog-item h2 {
padding:10px;
}

.com-content-article {
background-color: #FFF;
padding:10px;
}

/*** Tabellen ***/

table  {
   font-size: 1em; 
   color:#003560;
   border-collapse:collapse;}
table caption {
   text-align: left; 
   font-size: 1.25em; 
   font-weight:bold;
   padding-bottom: 0.5em;}
table th, table td {
   padding: 0.25em;
   border: 1px solid #DDD;}
table th[scope=col] {
   border-bottom: 2px solid #DDD; 
   color:#FFF; 
   background-color:#17365c;}
table th[scope=row] {
   border-right: 2px solid #DDD; 
   color:#FFF;}


/********** Images ****************/
.float-end.item-image {
  text-align: center;
  margin-left:10px;
}

.pull-right.item-image {
  text-align: center;
}


/******** Headings *****************/
main h5 {
    font-size: 1.1em;
    padding: 0.3125em 0 0.225em 0;
    font-weight: bold;
    color: #8dae10;
    margin-left: 10px;
    text-transform: uppercase;
}

main h3 {
    font-size: 2em;
    padding: 0.3125em 0 0.225em 0;
    font-weight: bold;
    color: #17365c;
    margin-left: 10px;
}

/*********** Background ***************/
.container-header { background-image: none;
                    background-color: #003560; }

.footer { background-image: none; 
          background-color: #003560;}

/************** Menues **********************/
.metismenu-item { font-size: 1.1rem!important; }

.metismenu.mod-menu .parent>ul {
    color: #22262a;
    background-color: #ccc;
}

/* Cassiopeia Original-Unterstriche abschalten */
.container-header .mod-menu > li::after {
    display: none !important;
}

/* Menülinks */
.container-header .mod-menu > li > a {
    position: relative !important;
}

/* Dicker weißer Strich beim AKTIVEN Menüpunkt */
.container-header .mod-menu > li.current.active > a::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -4px !important;
    height: 2px !important;
    background: #ffffff !important;
    opacity: 1 !important;
}

/* Wandernder Strich bei Hover */
.container-header .mod-menu > li > a::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -4px !important;
    height: 2px !important;
    background: #ffffff !important;
    opacity: 0 !important;
    transition: opacity 0.2s ease !important;
}

/* Hover-Strich */
.container-header .mod-menu > li > a:hover::before {
    opacity: 0.45 !important;
}

/* Beim aktiven Menüpunkt keinen zusätzlichen Hover-Strich */
.container-header .mod-menu > li.current.active > a:hover::before {
    opacity: 0 !important;
}


/* Untermenü gleiche Schriftgröße wie Hauptmenü */
.container-header .mod-menu .mod-menu__sub.small,
.container-header .mod-menu .mod-menu__sub.small a {
    font-size: inherit !important;
}

/* =========================================
   Cassiopeia Dropdown-Pfeil
   weißes Dreieck ▼ / ▲
   ========================================= */

/* Original-Chevron ausblenden */
.mod-menu__toggle-sub .icon-chevron-down {
    display: none !important;
}

/* Eigenes Dreieck erzeugen */
.mod-menu__toggle-sub::after {
    content: "" !important;
    display: inline-block !important;

    width: 0 !important;
    height: 0 !important;

    margin-left: 8px !important;

    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
    border-top: 8px solid #fff !important;

    transform: none !important;
    transition: transform 0.2s ease !important;
}

/* Dropdown geöffnet: ▲ */
.mod-menu__toggle-sub[aria-expanded="true"]::after {
    transform: rotate(180deg) !important;
}


/******** Forms ***************/
.cf_label {
margin-left:10px;
vertical-align: top; 
}

.cf_comment {
margin-left:25px;
background-color: #dfe3e7;
padding: 10px;
margin: 10px;
border: dashed;
}

.cf_editfieldfixed
{
background-color:rgba(231,231,231,1);
padding:5px;
font-weight:normal!important;
border:2px solid #000;
border-radius:5px;
}

.form_item table td
{
padding-right:10px!important;
border:0px solid #FFF;
background-color:#FFF;
}

.cf_inputbox
{
display: table-cell;
background-color:rgba(214,233,198,1)!important;
border:2px solid #000;
}

form table td
{
background-color:rgba(23,53,198,0.05);
}

/************* Forms Icons ***********

a.iconedit {
   background:none;
   background-image:url(../buttons/modifyicon.png);
   width:12px; 
   height:12px; 
   display:block; 
   border:0;
   }


a.icondelete {
    background:none;
    background-image:url(../buttons/deleteicon.png);
    width:12px; 
    height:12px; 
    display:block; 
    border:0;}

a.iconcreate {background:none;
background-image:url(../buttons/createicon.png);
width:16px; height:16px; display:block; border:0;}

a.iconcopy {background:none;
background-image:url(../buttons/copyicon.png);
width:12px; height:12px; display:block; border:0;}

a.iconpdf {background:none;
background-image:url(../buttons/pdficon.png); width:12px;
height:12px; display:block; border:0;}


/******** Buttons **********/

input.buttonmittel, 
a.buttonmittel:link, 
a.buttonmittel:visited {
   display: table-cell;
   color:#FFF!important;   
   background:#17356c!important;
   width:12em; 
   height:40px; 
   display:block;  
   padding:2px;	 
   border-radius:5px;
   border:solid 1px #17356c;
   box-shadow:2px 2px 1px 1px #666;
   font-size:15px; 
   vertical-align: middle; 
   font-weight:normal;
   text-decoration:none;  
   text-align:center; 
   
}

input.buttonmittel:hover, 
a.buttonmittel:hover, 
a.buttonmittel:active, 
a.buttonmittel:focus
    {
    display: table-cell;
    font-weight:bold!important; 
    text-decoration:none; 
    background:#8dae10!important;
    border:solid 1px #8dae10;
    color:#17356c!important;
    vertical-align: middle; 
     }

input.buttonbreit,
input.buttonbreit:visited, 
a.buttonbreit:link, 
a.buttonbreit:visited 
   {
   display: table-cell; 
   color:#FFF!important;   
   background:#17356c!important;
   width:20em; 
   height:40px; 
   display:block;  
   padding:2px;	 	 
   border-radius:5px;
   border:solid 1px #17356c;
   box-shadow:2px 2px 1px 1px #666;
   font-size:15px; 
   vertical-align: middle; 
   font-weight:normal;
   text-decoration:none;  
   text-align:center; 
        }

input.buttonbreit:hover,
input.buttonbreit:active,
input.buttonbreit:focus, 
a.buttonbreit:hover,
a.buttonbreit:active,
a.buttonbreit:focus 
 {
    font-weight:bold!important; 
    text-decoration:none; 
    background:#8dae10!important;
    border:solid 1px #8dae10;
    color:#17356c!important;
    vertical-align: middle; 
     }

/************** Icons ********************

a.iconadd:link, 
a.iconadd:visited 
{
   color:#FFF!important;   
   background:#17356c!important;
   width:250px; 
   height:40px; 
   display:block;  
   padding:5px;	 
   border-radius:5px;
   border:solid 1px #17356c;
   box-shadow:2px 2px 2px 2px #666;
   font-size:15px; 
   vertical-align: middle; 
   font-weight:normal;
   text-decoration:none;  
   text-align:center; 
   
}

a.iconadd:hover, 
a.iconadd:active, 
a.iconadd:focus
   {
    font-weight:bold!important; 
    text-decoration:none; 
    background:#8dae10!important;
    border:solid 1px #8dae10;
    color:#17356c!important;
     }


/******** Continuing link **********/

.continuelink {
padding:20px;
width:auto;
background-color:#EEE;
margin:20px;
font-size:1.2em;
}

.continuelink ul li {
list-style-image:url(../images/buttons/bluearrowright.gif);
}