body {
    margin: 0px;
    padding: 0px;
}

.main {
    background-color: #ffffff;
    width: 100%;
}

.header {
    position: relative; top: 0px; left: 0px;
    width: 100%;
}

.header_img {
    position: relative; top: -20px; left: 0px;
    width: 100%;
}

.header_content {
    position: relative; top: 20px; left: 0px;
    width: 100%;
    display: none;
}

.header_content_mobile {
    position: relative; top: 20px; left: 0px;
    width: 100%;
}

.header_over {
    position: relative; top: 0px; left: 0px;
    width: 100%;
}

.menu {
    position: relative; top: -20px; left: 0px;
    width: 50%;
    margin: 10px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.1em;
}

#toern_menu {
    position: relative;
    display: inline-block;
}

#toern_menu a:hover {
    cursor: pointer;
}

#sub_menu_toern {
    position: absolute; top: 30px; left: -20px;
    padding: 10px;
    min-width: 170px;
    font-size: 14px;
    color: #b6b6b6;
    background-color: #ffffff;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 200;
    clear: left;
    display: none;
}

#sub_menu_toern a {
    padding: 2px;
    display: block;
}

#sub_menu_toern a:link {
    color: #878787;
}

#sub_menu_toern a:hover {
    color: #000000;
}

#sub_menu_toern a i:hover {
    color: #000000;
}

.menu a {
    color: #878787;
    text-decoration: none;
}

.menu a:link {
    color: #878787;
}

.menu a:hover {
     color: #000000;
     border: 1px;
 }

.menu a i:hover {
    color: #000000;
    border: 1px;
}

.clear{
    clear: both;
}

.news_button {
    position: absolute; top: -40px; right: 10px;
    width: 80px;
    float: right;
    margin: 20px 10px 0px 0px;
    padding: 5px;
    color: #878787;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.1em;
    background: rgb(255, 255, 255); /* fallback color */
    background: rgba(255, 255, 255, 0.9);
    border: 1px;
    border-color: #b5b5b5;
    border-style: solid;
    z-index: 100;
}

.news {
    position: absolute; top: 10px; right: 10px;
    width: 50%;
    float: right;
    margin: 0px 10px 0px 0px;
    font-family: 'Verdana', sans-serif;
    font-size: 14px;
    color: #737373;
    border: 1px;
    border-color: #b5b5b5;
    border-style: solid;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
    visibility: visible;
}

.news_01 {
    position: absolute; top: 10px; right: 10px;
    width: 50%;
    float: right;
    margin: 0px 10px 0px 0px;
    font-family: 'Verdana', sans-serif;
    font-size: 14px;
    color: #737373;
    border: 1px;
    border-color: #b5b5b5;
    border-style: solid;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
    display: none;
}

.news_button a {
    color: #878787;
    text-decoration: none;
}

.news_button a:link {
    color: #878787;
}

.news_button a:hover {
    color: #000000;
    cursor: pointer;
}

.news_header {
    background-color: #d2d2d2;
    width: 100%;
    padding: 5px;
}

.news_header_01 {
    width: 100%;
    color: #000000;
    font-weight: bold;
}

.news_date {
    float: right;
    font-size: 10px;
}

.news_text {
    width: 100%;
    padding: 10px;
}

.news_odd {
    position: relative; top: 0px; left: 0px;
    width: 100%;
    padding: 10px;
    background: rgb(255, 255, 255); /* fallback color */
    /* background: rgba(255, 255, 255, 0.9); */
}

.news_even {
    position: relative; top: 0px; left: 0px;
    width: 100%;
    padding: 10px;
    background: rgb(240, 240, 240); /* fallback color */
    /* background: rgba(240, 240, 240, 0.9); */
}

.spruch {
    position: relative; top: 0px; right: 10px;
    width: 40%;
    float: right;
    padding: 0px 10px 5px 10px;
    font-family: 'Verdana', sans-serif;
    font-style: italic;
    font-size: 12px;
    color: rgba(99, 108, 141, 0.96);
}

.spruch p {
    font-size: 10px;
}

.header_foot {
    position: relative; top: 0px; left: 0px;
    margin: 0px;
    padding: 1px;
    width: 100%;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.2em;
    word-spacing: 0.3em;
    color: #345162;
    background: #e1e1e1;
}

h1 {
     font-family: 'Lato', sans-serif;
     font-size: 15px;
     font-weight: 400;
     letter-spacing: 0.2em;
     word-spacing: 0.2em;
     color: #345162;
     background: #e1e1e1;
 }

h2 {
    font-size: 18px;
}

.content {
    position: relative; top: 0px; left: 0px;
    margin: 0px;
    padding: 0px;
}

.content_img {
    width: 100%;
}

.content_img img {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 20%;
}

.content_img_01 {
    width: 100%;
}

.content_img_01 img {
    margin: 0px;
    padding: 0px 10px 10px 0px;
    float: left;
    width: 22%;
}

.content_img_02 {
    width: 100%;
}

.content_img_02 img {
    margin: 0px;
    padding: 0px 10px 10px 0px;
    float: left;
    width: 13%;
}

.content_img_03 {
    width: 100%;
}

.content_img_03 img {
    margin: 0px;
    padding: 0px 10px 10px 0px;
    float: left;
    width: 20%;
}

.content_img_05 {
    width: 100%;
}

.content_img_05 img {
    margin: 0px;
    padding: 10px 10px 10px 0px;
    float: left;
    width: 20%;
}

.content_img_06 {
    width: 100%;
}

.content_img_06 img {
    margin: 0px;
    padding: 0px 10px 10px 0px;
    float: left;
    width: 20%;
}

.content_img_07 {
    width: 100%;
}

.content_img_07 img {
    margin: 0px;
    padding: 0px 10px 10px 0px;
    float: left;
    width: 20%;
}

.content_img_08 {
    width: 100%;
}

.content_img_08 img {
    margin: 0px;
    padding: 0px 10px 10px 0px;
    float: left;
    width: 20%;
}

.content_img_09 {
    width: 100%;
}

.content_img_09 img {
    margin: 0px;
    padding: 0px 10px 10px 0px;
    float: left;
    width: 15%;
}

.content_text {
    margin: auto;
    padding: 50px 0px 50px 0px;
    width: 90%;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.08em;
    word-spacing: 0.2em;
    line-height: 1.4em;
}

.content_text a {
    color: #000000;
    text-decoration: none;
}

.content_text a:link {
    color: #000000;
}

.content_text a:hover {
    color: #b3b3b3;
    border: 1px;
}

.content_team {
    padding: 0px;
    margin: 0px 0px 20px 0px;
    width: 100%;
    float: left;
}

.content_team_first{
    width: 25%;
    float: left;
    display: none;
}

.content_team_img {
    width: 30%;
    float: left;
}

.content_team_img img {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.content_team_text{
    margin: -20px 0px 0px 20px;
    padding: 0px;
    width: 60%;
    float: left;
}

#map_canvas{
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 600px;
    border: 1px;
    border-color: #b5b5b5;
    border-style: solid;
}

#google_content{
    line-height:1.35;
    overflow:hidden;
    white-space:nowrap;
}

.table_left {
    padding: 0px 5px 0px 0px;
    width: 100%;
}

.table_right {
    padding: 0px 0px 0px 5px;
    width: 100%;
}

table {
    width: 100%;
    border-collapse: collapse;
}
/* Zebra striping */
tr:nth-of-type(odd) {
    background: #eee;
}
th {
    background: #333;
    color: white;
    font-weight: bold;
}
td, th {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left;
}

#bavaria_42, #dufour_38_classic, #beneteau_39, #jeanneau_42, #beneteau_43, #jeanneau_44i, #elan_45, #bavaria_30, #bavaria_31, #bavaria_33, #bavaria_38, #dufour405, #bavaria_40, #bavaria_44, #bavaria_45, #bavaria_46, #bavaria_47 {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
    width: 90%;
}

.content_img_04 {
    width: 100%;
}

.content_img_04 .img_04 {
    margin: 0px;
    padding: 0px 10px 10px 0px;
    width: 100%;
}

.content_img_04 #img_14 {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

.preise_button {
    width: 90px;
    margin: 0px;
    padding: 5px;
    color: #878787;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.1em;
    background: rgb(255, 255, 255);
    border: 1px;
    border-color: #b5b5b5;
    border-style: solid;
}

.preise_button_01 {
    width: 90px;
    margin: 0px;
    padding: 5px;
    color: #878787;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.1em;
    background: rgb(255, 255, 255);
    border: 1px;
    border-color: #b5b5b5;
    border-style: solid;
    float: left;
}

.preise_01,  .preise_02, .preise_03, .preise_04 {
    width: 100%;
    padding: 0px 10px 10px 10px;
    border: 1px;
    border-color: #b5b5b5;
    border-style: solid;
    display: none;
}

.preise_01 span, .preise_02 span, .preise_03 span, .preise_04 span {
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
}

.preise_button a:hover {
    cursor: pointer;
}

.preise_button_01 a:hover {
    cursor: pointer;
}

.termine_button {
    width: 110px;
    margin: 0px;
    padding: 5px;
    direction: rtl;
    color: #878787;
    text-decoration: none;
    text-align: right;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.1em;
    background: rgb(255, 255, 255);
    border: 1px;
    border-color: #b5b5b5;
    border-style: solid;
    float: right;
}

.termine_01 {
    width: 100%;
    padding: 0px 10px 10px 10px;
    border: 1px;
    border-color: #b5b5b5;
    border-style: solid;
    display: none;
}

.termine_01 span {
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
}

.termine_button a:hover {
    cursor: pointer;
}

.button_line {
    width: 100%;
}

.contact_form {
    padding: 20px;
    width: 100%;
    background: rgb(240, 240, 240);
}

.main_input{
    margin-bottom: 10px;
    width: 100%;
}

.text_input {
    width: 100%;
    padding: 10px 10px 0px 10px;
    background: rgb(250, 250, 250);
    font-size: 14px;
}

.captcha {
    width: 50%;
}

.footer {
    position: relative; top: 0px; left: 0px;
    width: 100%;
    padding: 20px;
    background-color: #dfdfdf;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 1.6em;
}

.footer_menu {
    width: 33%;
    float: left;
}

.footer_menu_left {
    width: 100%;
}

.footer_menu_right {
    width: 100%;
}

.footer a {
    color: #878787;
    text-decoration: none;
}

.footer a:link {
    color: #878787;
}

.footer a:hover {
    color: #000000;
}

.footer_info {
    padding-top: 200px;
    width: 33%;
    float: left;
}

.footer_title {
    width: 100%;
    text-align: center;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px;
    border-bottom-color: #b5b5b5;
    border-bottom-style: solid;
}

.footer_count {
    width: 100%;
    padding: 10px 0px 0px 0px;
    font-size: 12px;
    text-align: center;
}

.footer_social_media {
    width: 33%;
    float: left;
    padding: 20px 0px 0px 0px;
}

.shariff {
    width: 60%;
    margin: auto;
}

/*  ------------------------------------------------------------------------------*/

@media only screen and (min-width:760px){

    .header_img {
        position: relative; top: 0px; left: 0px;
        width: 100%;
    }

    .header_content {
        position: absolute; top: 0px; left: 0px;
        width: 100%;
        display: block;
    }

    .header_content_mobile {
        position: relative; top: 20px; left: 0px;
        width: 100%;
        display: none;
    }

    .header_over {
        position: absolute; top: 0px; left: 0px;
        width: 100%;
    }

    .menu {
        position: relative; top: 0px; left: 0px;
        width: 70%;
        margin: 20px 0px 20px 0px;
        float: right;
        border: 1px;
        border-top-color: #b5b5b5;
        border-top-style: solid;
    }

    #menu_home {
        width: 5%;
        float: left;
    }

    #menu_toern {
        width: 16%;
        float: left;
    }

    #menu_yacht {
        width: 28%;
        float: left;
    }

    #menu_urlaub {
        width: 25%;
        float: left;
    }

    #menu_wandern {
        width: 20%;
        float: left;
    }

    #menu_team {
        width: 11%;
        float: left;
    }

    #menu_anreise {
        width: 16%;
        float: left;
    }

    #menu_kontakt {
        width: 16%;

        float: left;
    }

    .header_foot {
        position: relative; top: -5px; left: 0px;
    }

    h1 {
        font-size: 17px;
        word-spacing: 0.3em;
    }

    h2 {
        font-size: 20px;
    }

    .content {
        position: relative; top: -5px; left: 0px;
    }

    .content_text {
        width: 90%;
    }

    .content_img_04 .img_04 {
        margin: 0px;
        padding: 0px 10px 10px 0px;
        float: left;
        width: 28%;
    }

    .content_img_04 .img_14 {
        margin: 0px;
        padding: 0px 0px 10px 0px;
        float: left;
        width: 15%;
    }

    .content_team {
        padding: 0px;
        margin: 0px 0px 20px 0px;
        width: 50%;
        float: left;
    }

    .content_team_first{
        width: 10%;
        float: left;
        display: block;
    }

    .content_team_img {
        width: 50%;
        float: left;
    }

    .content_team_img img {
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

    .content_team_text{
        margin: -20px 0px 0px 10px;
        padding: 0px;
        width: 30%;
        float: left;
    }

    .spruch {
        width: 35%;
    }

    .news_button {
        position: absolute; top: 60%; right: 10px;
    }

    .news {
        position: absolute; top: 120%; right: 10px;
        width: 40%;
    }

    .news_01 {
        position: absolute; top: 120%; right: 10px;
        width: 40%;
    }

    .footer_menu {
        width: 33%;
        float: left;
        clear: both;
    }
}

/* ------------------------------------------------------------------------------*/

@media only screen and (min-width:1200px){

    .header_img {
        position: relative; top: 0px; left: 0px;
        width: 100%;
    }

    .header_content {
        position: absolute; top: 0px; left: 0px;
        width: 100%;
        display: block;
    }

    .header_content_mobile {
        position: relative; top: 20px; left: 0px;
        width: 100%;
        display: none;
    }

    .header_over {
        position: absolute; top: 0px; left: 0px;
        width: 100%;
    }

    .menu {
        position: relative; top: 0px; left: 0px;
        width: 70%;
        margin: 20px 0px 20px 0px;
        float: right;
        border: 1px;
        border-top-color: #b5b5b5;
        border-top-style: solid;
    }

    #menu_home {
        width: 5%;
        float: left;
    }

    #menu_toern {
        width: 14%;
        float: left;
    }

    #menu_yacht {
        width: 25%;
        float: left;
    }

    #menu_urlaub {
         width: 25%;
         float: left;
     }

    #menu_wandern {
        width: 25%;
        float: left;
    }

    #menu_team {
        width: 15%;
        float: left;
    }

    #menu_anreise {
        width: 15%;
        float: left;
    }

    #menu_kontakt {
        width: 15%;
        float: left;
    }

    #sub_menu_toern a {
        padding: 2px;
        display: block;
    }

    .news_button {
        position: absolute; top: 80%; right: 10px;
    }

    .news {
        position: absolute; top: 140%; right: 10px;
        width: 30%;
    }

    .news_01 {
        position: absolute; top: 140%; right: 10px;
        width: 30%;
    }

    .header_foot {
        position: relative; top: -5px; left: 0px;
    }

    h1 {
        font-size: 21px;
        word-spacing: 0.3em;
    }

    h2 {
        font-size: 24px;
    }

    .content_text {
        width: 80%;
    }

    .content_img_04 .img_04 {
        margin: 0px;
        padding: 0px 10px 10px 0px;
        float: left;
        width: 28%;
    }

    .content_img_04 .img_14 {
        margin: 0px;
        padding: 0px 0px 10px 0px;
        float: left;
        width: 15%;
    }

    .content_team {
        padding: 0px;
        margin: 0px 0px 20px 0px;
        width: 50%;
        float: left;
    }

    .content_team_first{
        width: 20%;
        float: left;
        display: block;
    }

    .content_team_img {
        width: 40%;
        float: left;
    }

    .content_team_img img {
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

    .content_team_text{
        margin: -20px 0px 0px 20px;
        padding: 0px;
        width: 30%;
        float: left;
    }

    .spruch {
        width: 30%;
    }

    .table_left {
        padding: 0px 5px 0px 0px;
        width: 50%;
        float: left;
    }

    .table_right {
        padding: 0px 0px 0px 5px;
        width: 50%;
        float: left;
    }

    table {
        width: 100%;
        border-collapse: collapse;
    }
    /* Zebra striping */
    tr:nth-of-type(odd) {
        background: #eee;
    }
    th {
        background: #333;
        color: white;
        font-weight: bold;
    }
    td, th {
        padding: 6px;
        border: 1px solid #ccc;
        text-align: left;
    }

    .footer_menu {
        width: 40%;
        float: left;
    }

    .footer_menu_left {
        width: 60%;
        float: left;
    }

    .footer_menu_right {
        width: 40%;
        float: left;
    }

    .footer_info {
        padding-top: 0px;
        width: 20%;
        float: left;
    }

    .footer_social_media {
        width: 40%;
        text-align: center;
        padding: 20px 0px 0px 0px;
        float: left;
    }
}

/* ------------------------------------------------------------------------------*/

@media only screen and (min-width:1200px){

    .header_img {
        position: relative; top: 0px; left: 0px;
        width: 100%;
    }

    .header_content {
        position: absolute; top: 0px; left: 0px;
        width: 100%;
        display: block;
    }

    .header_content_mobile {
        position: relative; top: 20px; left: 0px;
        width: 100%;
        display: none;
    }

    .header_over {
        position: absolute; top: 0px; left: 0px;
        width: 100%;
    }

    .menu {
        position: relative; top: 0px; left: 0px;
        width: 70%;
        margin: 30px 0px 20px 0px;
        float: right;
        border: 1px;
        border-top-color: #b5b5b5;
        border-top-style: solid;
    }

    #menu_home {
        width: 4%;
        float: left;
    }

    #menu_toern {
        width: 12%;
        float: left;
    }

    #menu_yacht {
        width: 21%;
        float: left;
    }

    #menu_urlaub {
        width: 18%;
        float: left;
    }

    #menu_wandern {
        width: 14%;
        float: left;
    }

    #menu_team {
        width: 8%;
        float: left;
    }

    #menu_anreise {
        width: 11%;
        float: left;
        clear: none;
    }

    #menu_kontakt {
        width: 10%;
        float: left;
        clear: none;
    }

    #toern_menu {
        position: relative;
        display: inline-block;
    }

    .news_button {
        position: absolute; top: 110%; right: 10px;
    }

    .news {
        position: absolute; top: 180%; right: 10px;
        width: 30%;
    }

    .news_01 {
        position: absolute; top: 180%; right: 10px;
        width: 30%;
    }

    .header_foot {
        position: relative; top: -5px; left: 0px;
        text-align: center;
    }

    h1 {
        font-size: 26px;
        word-spacing: 0.3em;
        padding: 10px;
        margin: 0px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 20px;
    }

    .content_text {
        width: 70%;
    }

    .content_img_04 .img_04 {
        margin: 0px;
        padding: 0px 10px 10px 0px;
        float: left;
        width: 20%;
    }

    .content_img_04 .img_14 {
        margin: 0px;
        padding: 0px 0px 10px 0px;
        float: left;
        width: 10%;
    }

    .content_team {
        padding: 0px;
        margin: 0px 0px 20px 0px;
        width: 50%;
        float: left;
    }

    .content_team_first{
        width: 25%;
        float: left;
        display: block;
    }

    .content_team_img {
        width: 35%;
        float: left;
    }

    .content_team_img img {
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

    .content_team_text{
        margin: -20px 0px 0px 20px;
        padding: 0px;
        width: 30%;
        float: left;
    }

    #map_canvas{
        margin: 20px 0px 0px 0px;
        height: 900px;
    }

    .table_left {
        padding: 0px 5px 0px 0px;
        width: 50%;
        float: left;
    }

    .table_right {
        padding: 0px 0px 0px 20px;
        width: 50%;
        float: left;
    }

    #bavaria_42, #dufour_38_classic, #beneteau_39, #jeanneau_42, #beneteau_43, #jeanneau_44i, #elan_45, #bavaria_30, #bavaria_31, #bavaria_33, #bavaria_38, #dufour405, #bavaria_40, #bavaria_44, #bavaria_45, #bavaria_46, #bavaria_47 {
        width: 80%;
    }

    .spruch {
        width: 25%;
    }

    .footer_menu {
        width: 40%;
        float: left;
    }

    .footer_menu_left {
        width: 60%;
        float: left;
    }

    .footer_menu_right {
        width: 40%;
        float: left;
    }

    .footer_info {
        padding-top: 0px;
        width: 20%;
        float: left;
    }

    .footer_social_media {
        width: 40%;
        float: left;
        padding: 20px 0px 0px 0px;
    }
}