/*######### 2 Spaltig #########################################################################################*/

.element2cols { overflow:hidden !important;}
.element2cols .col1, .element2cols .col2 { width:48% !important; float:left !important;}
.element2cols .col1 { margin-right:2% !important;}
.element2cols .col2 { margin-left: 2% !important;}

.element2cols .csc-default {
    margin: 0;
}

.element2cols h3 {
    background: transparent;
    border-bottom: 0 solid #17662e;
    color: #50849c;
    font-size: 31px;
    font-weight: normal;
    margin: 0 0 15px;
    padding: 0px 15px 0px 0px;
    text-align: left;
    hyphens: auto;
    line-height: 1.33;
}
.element2cols a {
    background: transparent;
    color: #c40a1b;
    padding: 0 0px 0 0;
}  
.element2cols p {
    margin: 0 0 10px 0;
}

/*######### 3 Spaltig #########################################################################################*/

.element3cols { overflow:hidden;
                font-size: 17px;
              }
.element3cols .col1, .element3cols .col2, .element3cols .col3 { width:32.5%; float:left; }
.element3cols .col1 { margin-right:1%; }
.element3cols .col2 { margin-right:0; }
.element3cols .col3 { margin-left: 1%; }

.element3cols .csc-default {
    margin: 0;
}
.element3cols h3 {
    background: transparent;
    border-bottom: 0 solid #17662e;
    color: #196ea3;
    font-size: 17px;
    font-weight: lighter;
    margin: 0 0 15px;
    padding: 6px 15px 0px 0px;
    text-align: left;
}
.element3cols p a {
    background: transparent url("../images/hg_link_pfeil.png") no-repeat scroll right 0px top 8px;
    color: #d9642b;
    padding: 0 25px 0 0;
}   
.element3cols p {
    margin: 0 0 20px 0;
}

/*######### 3 Spaltig asymetrisch #########################################################################################*/

.element3cols_asym { overflow:hidden;
                font-size: 17px;
              }
.element3cols_asym .col1 { width:36%; float:left; }
.element3cols_asym .col2 { width:26%; float:left; }
.element3cols_asym .col3 { width:36%; float:left; }
.element3cols_asym .col1 { margin-right:1%; }
.element3cols_asym .col2 { margin-right:0; }
.element3cols_asym .col3 { margin-left: 1%; }

.element3cols_asym .csc-default {
    margin: 0;
}
.element3cols_asym h3 {
    background: transparent;
    border-bottom: 0 solid #17662e;
    color: #196ea3;
    font-size: 17px;
    font-weight: lighter;
    margin: 0 0 15px;
    padding: 6px 15px 0px 0px;
    text-align: left;
}
.element3cols_asym p a {
    background: transparent url("../images/hg_link_pfeil.png") no-repeat scroll right 0px top 8px;
    color: #d9642b;
    padding: 0 25px 0 0;
}   
.element3cols_asym p {
    margin: 0 0 20px 0;
}


/*########### 4 Spaltig #######################################################################################*/

.element4cols { overflow:hidden;
                font-size: 17px;
              }
.element4cols .col1, .element4cols .col2, .element4cols .col3, .element4cols .col4 { width:23.8%; float:left; }
.element4cols .col1 { margin-right:1%; }
.element4cols .col2 { margin-right:1%; }
.element4cols .col3 { margin-left: 0%; }
.element4cols .col4 { margin-left: 1%; }

.element4cols h3,
.element4cols h3 a {
    background: transparent;
    border-bottom: 0 solid #17662e;
    color: #196ea3;
    font-size: 24px;
    font-weight: lighter;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}

.element4cols .csc-default {
    margin: 0 0 10px 0;
}

/*########### 5 Spaltig #######################################################################################*/

.element5cols { overflow:hidden;
                font-size: 17px;
              }
.element5cols .col1, .element5cols .col2, .element5cols .col3, .element5cols .col4, .element5cols .col5 { width:19.2%; float:left; }
.element5cols .col1 { margin-right: 1%; }
.element5cols .col2 { margin-right: 1%; }
.element5cols .col3 { margin-right: 1%; }
.element5cols .col4 { margin-right: 0%; }
.element5cols .col5 { margin-left: 1%; }

.element5cols h3,
.element5cols h3 a {
    background: transparent;
    border-bottom: 0 solid #17662e;
    color: #196ea3;
    font-size: 24px;
    font-weight: lighter;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}

/*######### 2 Spaltig eingerückt#########################################################################################*/

.element2cols_eg { overflow:hidden;
                font-size: 16px;
                line-height: 1.5;
              }
.element2cols_eg { overflow:hidden;}
.element2cols_eg .col1 { width:66%; float:left; }
.element2cols_eg .col2 { width:25%; float:left; }
.element2cols_eg .col1 { margin-right: 5%; }
.element2cols_eg .col2 { margin-rigth: 0%; }

.element2cols_eg .csc-default {
    margin: 0;
}
.element2cols_eg h3 {
    background: transparent;
    border-bottom: 1px solid #9c9c9c;
    color: #575756;
    font-size: 25px;
    font-weight: lighter;
    margin: 0 0 15px -20px;
    padding: 6px 15px 0px 20px;
    text-align: left;
    text-transform: uppercase;
    width: 80%;

}
  
.element2cols_eg p {
    margin: 0 20px 20px 0;
}

.element2cols_eg .contenttable td, .element2cols_eg .contenttable th {
    border: 0;
    padding: 0;
}

/*##################################################################################################*/

.elementwhite { 
  background: #fff;
  font-size: 20px;
  overflow:hidden;
  padding: 10px 20px;
  line-height: 1.7;
    
}
.elementwhite a {
    background: transparent url("../images/bb_pfeil_white.png") no-repeat scroll right 0px top 11px;
    color: #5a4f4f;
    padding: 7px 35px 7px 0px;
}

.elementblue {
    background: #e1e7ea;
    font-size: 20px;
    overflow: hidden;
    padding: 0px 20px 10px 20px;
    margin: 0 -15px;
}
#seite1 .elementblue {
    margin: 0;
}


.elementblue a {
    background: transparent url("../images/bb_pfeil_white.png") no-repeat scroll right 0px top 11px;
    background: transparent;
    color: #5a4f4f;
    padding: 7px 35px 7px 0px;
}

.elementblue blockquote a {
    color: #c51a1b;
}

.elementblue h2 {
    margin: 0 -20px 30px -20px;
}
.elementblue h3 {
    background: transparent;
    color: #5a4f4f;
    margin: 10px 15px 15px -20px;
    padding: 7px 35px 7px 20px;
    display: inline-block;
    font-weight: lighter;
}
.elementblue .contenttable td, .elementblue .contenttable th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 0px solid rgba(0, 0, 0, 0.2);
    padding: 5px 0 8px 0px;
    vertical-align: top;
}

.page-wrapper-inhalt .element2cols .csc-default, 
.page-wrapper-inhalt .element3cols .csc-default, 
.page-wrapper-inhalt .elementblue .csc-default {
    margin: 0 0 0px 0;
    clear: both;
}

.elementhellblau {
    background: #f0f5f8;
    font-size: 20px;
    overflow: hidden;
    padding: 40px 388px 30px 388px;
    width: 1000px;
    left: 50%;
    margin: 0 0 20px -390px;
}

#c1586 .elementhellblau {
    background: #e1ebf0 transparent;
    padding: 40px 388px 40px 388px;
}
#c1607 .elementhellblau {
    padding: 20px 388px 20px 388px;
}

.elementdunkelblau {
    background: #1b577a;
    color: #ffffff;
    font-size: 23px;
    overflow: hidden;
    padding: 40px 158px 40px 388px;
    width: 1180px;
    left: 50%;
    margin: 0 0 40px -390px;
}


@media only screen and (max-width: 640px) { 

* {
    text-align: center; 
}    
.element3cols .col1, .element3cols .col2, .element3cols .col3 {
    width: 99%; 
    float: left; 
    text-align: center;
}
.element3cols h3 {
    margin: 0 0 15px;
    padding: 6px 0px 0px 0px;
    text-align: center;
}
.morelink {
    float: none;
}
.element4cols .col1, .element4cols .col2, .element4cols .col3, .element4cols .col4 {
    width: 99%; 
    float: left; 
    text-align: center;
}
}