@charset "utf-8";
/* 	CSS Document
	www.siemer-jachtservice.de
	Autor: eMotivo GmbH - www.emotivo.de
	02/2013
*/
@font-face {
    font-family: 'Genericons';
    src: url('fonts/font/genericons-regular-webfont.eot');
    src: url('fonts/font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/font/genericons-regular-webfont.woff') format('woff'),
         url('fonts/font/genericons-regular-webfont.ttf') format('truetype'),
         url('fonts/font/genericons-regular-webfont.svg#genericonsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { padding: 0; margin: 0; -webkit-text-size-adjust: none; }
body { font-family: Arial, Helvetica, sans-serif; color: #1c1c1c; font-size: 12px;  }
img { border: none; }
a { border: none; }
ol { padding-left: 20px; }
a.facebook { text-decoration: none; }
#bg{ height: auto; left: 0; min-height: 100%; min-width: 1024px; position: fixed; top: 0; width: 100%; z-index:1; }
.mobilemenu, #mobilemenu-icon, #footer_mobile { display: none; }

#page { width: 940px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); background-color: #fff; margin:auto; height: auto; position:relative; z-index: 3; padding-top: 30px; margin-bottom: 20px; }
#page #header { width: 940px; height: 130px; position: relative; }
#page #header #logo { width: 201px; height: 117px; position:absolute; top: 0px; left: 55px; }
#page #header #navigation { width: 602px; height:30px; position:absolute; top: 80px; left: 303px;  }
#page #header #navigation ul { list-style: none; }
#page #header #navigation ul li { float: left;  }
#page #header #navigation ul li a { display: block; height: 22px; padding: 8px 11px 0px 11px; color: #fff; border-right: 2px solid #fff; text-decoration: none; background-color: #3b6085;}
#page #header #navigation ul li a:hover, #page #header #navigation ul li a.active { background-color: #193857; }
#page #slider { width: 100%; position:relative; }
#page #slider .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
#page #slider .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
#page #slider .rslides li:first-child { position: relative; display: block; float: left; }
#page #slider .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
#page #slider .rslides a:hover:before { content: '\f442'; font-family: 'Genericons'; font-size: 150px; position: absolute; bottom: 12px; right: 12px; z-index: 99999; color: rgba(255,255,255,0.5); }

#page #content_left { width: 195px; float: left; padding: 20px 15px 0px 60px; }

#page #content_left ul { list-style: none; padding-bottom: 20px; }
#page #content_left ul li a { display: block; width: 190px; height: 20px; text-align: right; border-bottom: 1px solid #3b6085; color: #1c1c1c; text-decoration: none; padding: 6px 5px 0px 0px; }
#page #content_left ul li a:hover, #page #content_left ul li a.active { background-color: #3b6085; color: #fff; }

#page #content_left ul.subnavi { list-style: none; padding-bottom: 10px; }
#page #content_left ul.subnavi li a { display: block; width: 190px; height: 20px; text-align: right; border-bottom: 1px solid #efefef; color: #1c1c1c; text-decoration: none; padding: 6px 5px 0px 0px; }
#page #content_left ul.subnavi li a:hover, #page #content_left ul.subnavi li a.active { background-color: #efefef;  }
#page #content_left p { padding-bottom: 10px; text-align:right; font-size: 11px; }
#page #content_left a { color: #1c1c1c; text-decoration: underline; }
#page #content_left a.facebook { text-decoration: none; }
#page #content_left a:hover { text-decoration: none; }
#page #content_left img { padding-bottom: 20px; }
#page #content_left a.navigation { display: block; width: 190px; height: 20px; text-align: right; background-color: #193857; color: #fff; text-decoration: none; padding: 6px 5px 0px 0px;  font-size: 12px;}

#page #content_right { width: 600px; float: left; padding: 20px 0px 0px 32px; }
#page #content_right h1 { color: #193857; font-size: 16px; padding-bottom: 10px; }
#page #content_right h2 { color: #193857; font-size: 15px; padding-bottom: 10px; }
#page #content_right h4 { color: #193857; font-size: 13px; padding-bottom: 5px; }
#page #content_right p { padding-bottom: 10px; line-height: 18px; }
#page #content_right a { color: #1c1c1c; text-decoration: underline; }
#page #content_right a:hover { text-decoration: none; }
#page #content_right ul { padding-left: 20px; padding-bottom: 20px; }
#page #content_right ul li { padding-bottom: 5px; }
#page #content_right img.image_right { float: right; padding: 0px 0px 15px 15px; }
#page #content_right img.image_left { float: left; padding: 0px 15px 15px 0px; }
#page #content_right img.reihe { padding-right: 5px; padding-bottom: 5px; }
#page #content_right img.reiheinvisible { display: none; }
#page #content_right img.reihe a { border: none; }

#page #content_right table.formular { width: 100%; }
#page #content_right table.formular td { vertical-align: top; }

#page #content_right table.formular input.textfield { width: 130px;  background-color: #fff; border: 1px solid #c9d0d3; padding: 2px 5px 2px 5px; }
#page #content_right table.formular input.textfield_error { width: 130px; background-color: #ffb8b8; border: 1px solid #ff2e2e; color: #ff2e2e; padding: 2px 5px 2px 5px; }
#page #content_right table.formular input.halblang{ width: 112px; background-color: #fff; border: 1px solid #c9d0d3; padding: 2px 5px 2px 5px;}
#page #content_right table.formular input.kurz{ width:53px; background-color: #fff; border: 1px solid #c9d0d3; padding: 2px 5px 2px 5px;}
#page #content_right table.formular input.kurz_error{ width:53px; background-color: #ffb8b8; border: 1px solid #ff2e2e; color: #ff2e2e; padding: 2px 5px 2px 5px;}
#page #content_right textarea.textarea { width: 90%; height: 80px; background-color: #fff; border: 1px solid #c9d0d3;padding: 2px 5px 0px 5px; font-family: Arial;  }
#page #content_right .list_boot { width: 600px; margin-bottom: 20px; border-bottom: 1px solid #c9d0d3;}

#page #content_right .box_30 { width: 30%; float: left; font-size: 10px; padding-right: 3%; }
#page #content_right .box_30 img {  max-width: 100%; }
#page #content_right .box_30 table { width: 100%; padding-top: 15px;  }
#page #content_right table.infos { background: #FFFFFF; width: 100%; margin-bottom: 20px;  }
#page #content_right table.infos td { padding: 2px 2px 2px 2px; }
#page #content_right table.infos tr:nth-child(odd) td { background: #F5F5F5; }
#page #content_right table.infos2 { background: #FFFFFF; margin-bottom: 10px;  }
#page #content_right table.infos2 td { padding: 2px 2px 2px 2px; }
#page #content_right table.infos2 tr:nth-child(odd) td { background: #F5F5F5; }

#footer { max-width: 860px; height:32px; background-color: #fff; position:relative; margin:auto; z-index: 3; text-align: right; padding: 20px 40px 0px 40px; }
#footer a { color: #1c1c1c; text-decoration: underline; }
#footer a:hover { text-decoration: none; }
.clear { clear:both; }
.msg_erfolg { width: 530px; border: 1px dotted #4b680b; background-color: #e5f1cb; color: #4b680b; padding: 10px 10px 10px 10px; margin-bottom: 20px; }
.msg_error { width: 530px; border: 1px dotted #9a0000; background-color: #fdcccc; color: #9a0000; padding: 10px 10px 10px 10px; margin-bottom: 20px; }

.image img {
    margin-bottom: 5px;
}

.video-conent {
    position: relative;
}

.video-play {
    position: absolute;
    bottom: 34%;
    width: 100px;
    left: 42%;
    cursor:pointer;
}
.video-play svg path {
    fill:#3b6085;
}

.weisser-kreis {
    position: absolute;
    bottom: 35%;
    width: 90px;
    height: 90px;
    left: 43%;
    background: #fff;
    border-radius: 60px;
}

.stoerer-yacht-chartern {
    text-decoration: none!important;
    background: #de182c;
    color: #fff !important;
    padding: 16px;
    width: 145px;
    display: block;  
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
.stoerer-yacht-chartern:hover {
    background: #cf1729;
}

@media (max-width: 940px) {
    .video-play {
        width: 80px;
        bottom: 36%;
    }
    .weisser-kreis {
        width: 70px;
        height: 70px;
        bottom: 37%;
    }
}
@media (max-width: 450px) {
    .video-play {
        width: 70px;
        bottom: 31%;
    }
    .weisser-kreis {
        width: 60px;
        height: 60px;
        bottom: 32%;
    }
}
@media (max-width: 380px) {
    .video-play {
        left: 38%;
    }
    .weisser-kreis {
        left: 39%;
    }
}