/*** 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: #DDD;
}

/******** 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);
}