/*
#content li.span3 {
        background:#F8F8F8;
        padding:0px;
                padding:15px;
        width:240px;
        min-height:360px;
        margin-bottom:40px;
        border-bottom:2px solid #95a32c;
        list-style-type:none;

}
*/

#content li.span3 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #E6E9EC;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: #111677;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    color: #333333;
    list-style-type: none;
    margin-bottom: 0;
    min-height: 400px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 15px;
    width: 200px;
    color: #000000;
}



#content .span6  {
        min-height:250px;
        border-bottom:2px solid #111677;
        list-style-type:none;
}

#content .span5  {
        min-height:250px;
        border-bottom:0px solid #111677;
        list-style-type:none;
        -webkit-box-shadow: 3px 3px 5px #fffffff;
         -moz-box-shadow: 3px 3px 5px #ffffff;
         box-shadow: 5px 5px 7px #ffffff;
}


.icon-eye-open {
        font-size:200%;
        margin:0 auto;
        width:30px;
        display:block;
        margin-left:100px;
}

#mod_breadcrump,
#mod_styleswitcher h3,
#mod_styleswitcher label {
display:none;

}

/*
#mod_freiemodule_2, .span5, .topmodul {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(10, 17, 86, 0.9);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-size: auto auto;
    margin-bottom: 70px;
    margin-top: 10px;
    padding-left: 20px;
} */

#mod_freiemodule_2, .span5, .topmodul{
  /* Fallback IE 6-8 */
padding-left:20px;
margin-bottom:70px;
margin-left:50px;
    background:transparent;


padding-top:0px;
}

.span5, .topmodul{
  /* Fallback IE 6-8 */


    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    -webkit-box-shadow: 3px 3px 5px #f1f1f1;
    -moz-box-shadow: 3px 3px 5px #f1f1f1;

margin-left:50px;


    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(10, 17, 86, 0.9);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    box-shadow: 5px 5px 7px #242c36;
    margin-bottom: 50px;
    margin-top: 20px;
    padding-left: 20px;
    padding-top: 0;
}


#page {
    margin-top: 52px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
}




.topmodul h1 {
        font-size:200%;
        color:#ffffff;

}

.topmodul p {
    color: #FFFFFF;
    font-family: "Monda",Arial,Helvetica,sans-serif;
    font-size: 110%;
    line-height: 1.5em;
    margin-right: 15px;
    margin-top: 20px;
}



.topmodul a {
    color: #F7941E;
    font-family: "Monda",Arial,Helvetica,sans-serif;
    font-size: 100%;
    line-height: 1.5em;
    margin-right: 0px;
    margin-top: 20px;
    font-weight:700;
}
/*
.btn {margin-left:30%;}
*/
.btn {   vertical-align: middle;
         text-align: center;
         }

#footer .btn {margin-left:0%;}
#col3 .floatbox,
#col3 .floatbox ul {
        padding:0px;

}
/*Obere Telefonnummer inkl. Modul*/




#mod_freiemodule_6 .toptxt h2 {
    background-color: transparent;
    color: #0A1156;
    font-size: 140%;
    font-weight: 700;
    margin-top: -10px;
}

.toptxt{

    background-color: transparent;
     margin-top:60px,
    width: 100%;

}

#mod_freiemodule_6, #col1.span12 {

    background-color: transparent;
    padding-left: 0px;
    margin-top:60px,



}
/*ENDE Obere Telefonnummer inkl. Modul*/


.headline {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #E6E9EC;
    background-image: url("images/headline_wirbel_bg.jpg");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%;
}


/*
h2 {
 font-size: 22px;

    margin-top:0px;
}
*/
h2 {
    color: #0A1156;
    font-size: 17px;
    font-weight: 700;
    margin-top: 0;
}

h3 {

    margin-top:0px;
}
/*
.artikel_details li,
.artikel_liste li {

    overflow: hidden;
    padding-bottom: 16px;
    padding-left: 0px;
    margin-right:20px;
    margin-left:0px;
}
*/
.artikel_details li, .artikel_liste li {
    margin-left: 0;
    margin-right: 10px;
    overflow-x: hidden;
    overflow-y: hidden;
}

@media (min-width: 768px) and (max-width: 1024px) {

.scrollable
{
        height: 220px;
}
#content li.span3 {
    min-height: 480px;
    width: 18%;
}

}

@media (min-width: 480px) and (max-width: 768px) {
.scrollable
{

        height: 170px;
}
#content li.span3 {
    min-height: 240px;
    width: 100%;
}
}


@media  (max-width: 480px) {
.scrollable
{

        height: 120px;
}
#content li.span3 {
    min-height: 240px;
    width: 100%;
}
#head li.span3 {
        margin-top:0px;
        position:absolute;
        width:80%;
}
}


/*Liste Startseite Leistungen Modul*/

ul.wirbel li {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #E6E9EC;
    background-image: url("images/wirbel-bullet.png");
    background-origin: padding-box;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-size: auto auto;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 10px;
    padding-top: 10px;

}

ul {margin-left:0px;}

[class*="span"] {
    float: left;
    margin-left: 0px;
}

#col3_content li {
    list-style-type: none;
}