body {

    margin: 0px;
    padding: 0px;

}


@font-face {
    font-family: 'Roboto';
    src: url(/fonts/Roboto/Roboto-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    src: url(/fonts/Lato/Lato-LightItalic.ttf) format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    src: url(/fonts/Lato/Lato-LightItalic.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/Lato/Lato-Light.ttf) format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/Lato/Lato-Light.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    src: url(/fonts/Lato/Lato-Hairline.ttf) format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    src: url(/fonts/Lato/Lato-Hairline.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/Lato/Lato-Light.ttf) format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/Lato/Lato-Light.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Lato/Lato-Regular.ttf) format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Lato/Lato-Regular.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/Lato/Lato-Bold.ttf) format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/Lato/Lato-Bold.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url(/fonts/Lato/Lato-Black.ttf) format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url(/fonts/Lato/Lato-Black.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


p, h1, h2 {
    padding: 0% 0% 0% 0%;
    margin: 2% 0% 1% 0%;
}


img {
    width: 100%;
}


.nofloat {
    clear: both;
}


#main {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    width: 100%;

    font-family: 'Lato', sans-serif, verdana;
}


#main h1 {
    font-size: 3em;
    font-weight: 100;
    line-height: 1.2em;
    margin-bottom: 0.6em;
}

#main h2 {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 0.5em;

}

#main ul li,
#main p{
    font-size: 1.2em;
    line-height: 1.5em;
}

td{
    font-size: 1.0em;
}

@media(max-width: 850px) {

    #main p{
        font-size: 1.8em!important;
    }

    #main .form_content2 p{
        font-size: 1.2em!important;
    }

}

/*ID's */

.center-bullet li{
    list-style: none;
    position: relative;
}

.set-table{
    margin-left: -4px;
}

ul.center-bullet li:before {
    content: "•";
    padding-right: -44px;
    position: absolute;
    left: -18px;
    top: calc(50% - 12px);
}

#header {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p1-001 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p1-002 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p1-003 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p1-004 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p1-005 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p1-006 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p2-001 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p2-002 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p2-003 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p2-004 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p2-005 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p2-006 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p3-001 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p3-002 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p3-003 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p3-004 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p3-005 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p3-006 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p4-001 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p4-002 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p4-003 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p4-004 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p4-005 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p4-006 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p5-001 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p5-002 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p5-003 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p5-004 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p5-005 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p5-006 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p6-001 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p6-002 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p6-003 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p6-004 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p6-005 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p6-006 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p7-001 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p7-002 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p7-003 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p7-004 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p7-005 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p7-006 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p8-001 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p8-002 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p8-003 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p8-004 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p8-005 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p8-006 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p9-001 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p9-002 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p9-003 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p9-004 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p9-005 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#p9-006 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#footer {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


#form {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
}


/*Optionale DIVS, die nach Bedarf verwendet werden k�nnen */


.padd {
    padding: 1%;
}


.centered-box {
    width: 80%;
    margin: 0 auto;
}


.content {
    padding: 20px;
}


.leftside {
    width: 50%;
    margin: 0;
    padding: 0%;
}

.rightside {
    float: right;
    width: 50%;
    margin: 0;
    right: 0;
    padding: 0%;
}


.content-image-left {
    width: 45%;
    margin: 0% 2% 2% 0%;
    padding: 0;
}

.content-image-right {
    width: 45%;
    margin: 0% 0% 2% 2%;
    padding: 0;
}


/*MODULE */


/*MODUL 1-spaltig */


.mod1 {
    margin: 0;
    padding: 0;
    width: 100%;
}


/*MODUL 2-spaltig */
/*2 gleich grosse Spalten a, b */


.mod2-001 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
}


.mod2-a {
    position: relative;
    float: left;
    display: block;
    width: 49%;
    margin: 1% 0% 1% 1%;
    padding: 0;

    -webkit-animation: fadeIn 1s;

    background-color: #eaeaea;
    transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.mod2-b {
    position: relative;
    float: right;
    display: block;
    width: 49%;
    margin: 1% 0% 1% 1%;
    padding: 0;

    -webkit-animation: fadeIn 1s;

    background-color: #eaeaea;
    transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}


.mod2-a:hover, .mod2-b:hover {
    background-color: #dcdbdb;

}


/*MODUL 2-spaltig 1:3 */
/*2 Spalten a, b */


.mod2-3col-1 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
}


.mod2-3col-1-a {
    position: relative;
    float: left;
    display: block;
    width: 32.3%;
    margin: 1% 0% 1% 1%;
    padding: 0;

    -webkit-animation: fadeIn 1s;

    background-color: #eaeaea;
    transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.mod2-3col-1-b {
    position: relative;
    float: right;
    display: block;
    width: 66.6%;
    margin: 1% 0% 1% 0%;
    padding: 0;

    -webkit-animation: fadeIn 1s;

    background-color: #eaeaea;
    transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}


.mod2-3col-1-a:hover, .mod2-3col-1-b:hover {
    background-color: #dcdbdb;

}


/*MODUL 3-spaltig */
/*3 gleich grosse Spalten a, b, c */


.mod3-001 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
}


.mod3-a {
    position: relative;
    float: left;
    display: block;
    width: 32.3%;
    margin: 1% 0% 1% 1%;
    padding: 0;

    -webkit-animation: fadeIn 1s;

    background-color: #eaeaea;
    transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.mod3-b {
    position: relative;
    float: left;
    display: block;
    width: 32.3%;
    margin: 1% 0% 1% 1%;
    padding: 0;

    -webkit-animation: fadeIn 1s;

    background-color: #eaeaea;
    transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.mod3-c {
    position: relative;
    float: right;
    display: block;
    width: 32.3%;
    margin: 1% 0% 1% 1%;
    padding: 0;
    clear: right;

    -webkit-animation: fadeIn 1s;

    background-color: #eaeaea;
    transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}


.mod3-a:hover, .mod3-b:hover, .mod3-c:hover {
    background-color: #dcdbdb;

}


/*MODUL 4-spaltig */
/*4 gleich grosse Spalten a, b, c, d */


.mod4-001 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
}


.mod4-a {
    position: relative;
    float: left;
    display: block;
    width: 23.75%;
    margin: 1% 0% 1% 1%;
    padding: 0;

    -webkit-animation: fadeIn 1s;

    background-color: #eaeaea;
    transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.mod4-b {
    position: relative;
    float: left;
    display: block;
    width: 23.75%;
    margin: 1% 0% 1% 1%;
    padding: 0;

    -webkit-animation: fadeIn 1s;

    background-color: #eaeaea;
    transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.mod4-c {
    position: relative;
    float: left;
    display: block;
    width: 23.75%;
    margin: 1% 0% 1% 1%;
    padding: 0;

    -webkit-animation: fadeIn 1s;

    background-color: #eaeaea;
    transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.mod4-d {
    position: relative;
    float: left;
    display: block;
    width: 23.75%;
    margin: 1% 1% 1% 1%;
    padding: 0;
    clear: right;


    -webkit-animation: fadeIn 1s;

    background-color: #eaeaea;
    transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}


.mod4-a:hover, .mod4-b:hover, .mod4-c:hover, .mod4-d:hover {
    background-color: #dcdbdb;

}


/*Sub-Navigation */


.navi-sub {

    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    color: black;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 2%;
    margin-top: 2%;
}


.navi-sub li a {
    margin: 0;

    color: black;
    text-decoration: none;
    padding: 0% 2% 0% 2%;
    background-color: none;


    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


.navi-sub li a:hover {
    margin: 0%;

    padding: 0% 2% 0% 2%;
    color: grey;
    text-decoration: none;
    background-color: none;
}


.navi-sub ul {
    list-style-type: none;
    padding: 0%;
    margin: 0%;
    width: 100%;

}

.navi-sub li {
    width: auto;
    height: auto;
    list-style-type: none;
    padding: 0%;
    margin: 0%;
    display: inline;
}


.navi-sub a#current {
    color: grey;

}


.logo {
    position: relative;
    float: right;
}

.logo img {
    width: auto;
}


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


    .mod4-a {
        position: relative;
        float: left;
        display: block;
        width: 48.5%;
        margin: 1% 0% 1% 1%;
        padding: 0;
    }

    .mod4-b {
        position: relative;
        float: left;
        display: block;
        width: 48.5%;
        margin: 1% 0% 1% 1%;
        padding: 0;
        clear: right;
    }

    .mod4-c {
        position: relative;
        float: left;
        display: block;
        width: 48.5%;
        margin: 0% 0% 1% 1%;
        padding: 0;
    }

    .mod4-d {
        position: relative;
        float: right;
        display: block;
        width: 48.5%;
        margin: 0% 1% 1% 1%;
        padding: 0;
        clear: right;
    }


}


@media screen and (max-width: 1000px) and (orientation: portrait) {


    #main h1,
    #main h2,
    #main p,
    li {
        text-align: center;
    }

    #main p{
        font-size: 1.8em;
    }

    .leftside {
        width: 100%;
        padding: 0%;
    }

    .rightside {
        width: 100%;
        padding: 0%;
    }


    .content-image-left {
        width: 100%;
        padding: 0%;
        margin: 0% 0% 2% 0%;
    }

    .content-image-right {
        width: 100%;
        padding: 0%;
        margin: 0% 0% 2% 0%;
    }


    .mod4-a {
        position: relative;
        float: left;
        display: block;
        width: 98%;
        margin: 1% 1% 0% 1%;
        padding: 0px;
    }

    .mod4-b {
        position: relative;
        float: left;
        display: block;
        width: 98%;
        margin: 1% 1% 0% 1%;
        padding: 0px;
    }

    .mod4-c {
        position: relative;
        float: right;
        display: block;
        width: 98%;
        margin: 1% 1% 0% 1%;
        padding: 0px;
    }

    .mod4-d {
        position: relative;
        float: right;
        display: block;
        width: 98%;
        margin: 1% 1% 1% 1%;
        clear: both;
    }


    .mod2-a {
        position: relative;
        float: left;
        display: block;
        width: 98%;
        margin: 1% 1% 0% 1%;
        padding: 0px;
    }

    .mod2-b {
        position: relative;
        float: left;
        display: block;
        width: 98%;
        margin: 1% 1% 0% 1%;
        padding: 0px;
        clear: both;
    }


    .mod2-3col-1-a {
        position: relative;
        display: block;
        width: 98%;
        margin: 1% 1% 0% 1%;
        padding: 0;
    }

    .mod2-3col-1-b {
        position: relative;
        display: block;
        width: 98%;
        margin: 1% 1% 0% 1%;
        padding: 0;
        clear: both;
    }


    .mod3-a {
        position: relative;
        float: left;
        display: block;
        width: 98%;
        margin: 1% 1% 0% 1%;
        padding: 0px;
    }

    .mod3-b {
        position: relative;
        float: left;
        display: block;
        width: 98%;
        margin: 1% 1% 0% 1%;
        padding: 0px;
    }

    .mod3-c {
        position: relative;
        float: right;
        display: block;
        width: 98%;
        margin: 1% 1% 1% 1%;
        clear: both;
    }


    .logo {
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
        text-align: center;
    }


    .navi {

        text-align: center;
    }

    .navi-sub {

        text-align: center;
    }


}