@CHARSET "UTF-8";

/* START - STANDARD */
html {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: transparent url(../gfx/body.gif) 0px 1px repeat-x;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 12px;
}
.invisible {
    position: absolute;
    display: none;
    margin: 0px 0px 0px -4000px;
}
/* END - STANDARD */

/* START - PAGE CONSTRUCT */
#frame {
    margin: 0px auto;
    width: 1000px;
    background: url(../gfx/frame.gif) no-repeat;
}
#page {
    margin: 0px auto;
    padding: 1px 0px 0px 0px;
    width: 965px;
    /*background: transparent url(../gfx/header.gif) 0px 1px repeat-x;*/
}
#header {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 965px;
    height: 191px;
    background: transparent url(../gfx/slogan.gif) 631px 164px no-repeat;
}
#header img.weisseFlotteLogo {
    z-index: 50;
}
#headerImage {
    float: left;
    /* margin: 17px 0px 0px 0px; */
    margin: 17px 0px 0px -51px;
    /* width: 753px; */
    width: 804px;
    height: 84px;
    background: transparent;
    z-index: 25;
}
#headerNews .news {
    position: absolute;
    margin: 30px 0px 0px 703px;
    padding: 5px 5px 2px 5px;
    width: 250px;
    line-height: 18px;
    /* background: #f1f4f8; */
    background: #C6D3E0;
    /* border: 1px dashed #b82727; */
    border: 1px solid #b82727;
    filter:alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
    z-index: 50;
}
#headerNews p {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#headerImage ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
}
#shadow {
    float: left;
    margin: 0px 0px 0px -19px;
    padding: 0px 0px 0px 19px;
    width: 1000px;
    background: transparent url(/fileadmin/weisseflotte/assets/gfx/shadow.gif) 0px 0px repeat-y;
}
#body {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 965px;
    background: #f1f4f8 url(../gfx/mainmenu.gif) top left repeat-y;
}
#mainmenubar {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 212px;
    background: #f1f4f8 url(../gfx/mainmenu.gif) repeat-y;
}
.weisseFlotteLogo {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
}
#content {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 753px;
    /* border-top: 1px dotted #c6d3e0; */
    border-top: 1px solid #c6d3e0;
    background: #FFFFFF;
}
#sidebar {
    float: right;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 200px;
    background: #FFFFFF;
}
#main {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 553px;
    min-height: 550px;
    background: #FFFFFF url(../gfx/main.gif) repeat-y;;
}
#main .content,
#sidebar .content {
    float: left;
    margin: 0px 0px 20px 0px;
    padding: 0px 15px 0px 12px;
}
#sidebar .content {
    padding: 0px 15px 0px 25px;
}
#sidebar .content .box,
#sidebar .content .boxNoBorder {
    margin: 0px 0px 15px 0px;
    width: 150px !important;
    /* border-bottom: 1px dotted #c6d3e0; */
    border-bottom: 1px solid #c6d3e0;
}
#footer {
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 753px;
    /* border-top: 1px dotted #c6d3e0; */
    border-top: 1px solid #c6d3e0;
    background: #FFFFFF;
}
#footer span {
    float: right;
    padding: 5px 10px 5px 0px;
    color: #C6D3E0;
}
#bottom {
    float: left;
    margin: 0px 0px 0px -19px;
    padding: 0px 0px 30px 19px;
    width: 1000px;
    background: transparent url(/fileadmin/weisseflotte/assets/gfx/bottom.gif) 0px 0px no-repeat; 
}
/* END - PAGE CONSTRUCT */

/* START - NAVIGATION_SERVICES */
#topmenubar #services {
    float: left;
    margin: 0px 0px 0px 50px;
    padding: 0px 0px 0px 0px;
    width: 700px;
}
#topmenubar #services li {
    float: left;
    margin: 4px 15px 0px 0px;
    list-style: none;
}
#topmenubar #services li a {
    margin: 0px 6px 0px 0px;
    padding: 5px 2px 0px 5px;
    line-height: 15px;
    border-left: 1px solid #496e92;
    text-decoration: none;
    color: #496E92;
    font-family: Verdana, Helvetica, Arial;
    font-size: 11px;
    font-weight: bold;
}
#topmenubar #services li a:hover {
    color: #123E71;
    border-bottom: 4px solid #123e71;
}
#topmenubar #services li a.active {
    font-weight: bold;
    color: #123E71;
    border-bottom: 4px solid #123E71;
}
/* FRS Group */
#topmenubar #services li.extern_76 a:hover {
    color: #006C98 !important;
    border-bottom: 4px solid #006C98 !important;
    border-left: 1px solid #006C98 !important;
}
/* Weiße Flotte */
#topmenubar #services li.extern_69 a {
    color: #123E71;
    border-bottom: 4px solid #123e71 !important;
    border-left: 1px solid #123e71 !important;
}
/* Reederei Hiddensee */
#topmenubar #services li.extern_56 a:hover {
    color: #B0172B !important;
    border-bottom: 4px solid #B0172B !important;
    border-left: 1px solid #B0172B !important;
}
/* Reederei Zingst */
#topmenubar #services li.extern_71 a:hover {
    color: #FFC20E !important;
    border-bottom: 4px solid #FFC20E !important;
    border-left: 1px solid #FFC20E !important;
}
/* Seebestattungen */
#topmenubar #services li.extern_70 a:hover {
    color: #9B1B25 !important;
    border-bottom: 4px solid #9B1B25 !important;
    border-left: 1px solid #9B1B25 !important;
}
/* END - NAVIGATION_SERVICES */

/* START - NAVIGATION_MAIN */
#mainmenubar #mainmenu {
    float: left;
    margin: 0px 0px 25px 10px;
    padding: 0px 0px 0px 0px;
}
#mainmenubar #mainmenu li {
    clear: left;
    float: left;
    margin: 0px 0px 7px 0px;
    padding: 9px 0px 2px 10px;
    width: 180px;
    background: url(../gfx/menu.gif) 0px 0px no-repeat;
    border-top: 1px solid #d9dde4;
    border-left: 1px solid #d9dde4;
    list-style: none;
}
#mainmenubar #mainmenu li.active {
    background: url(../gfx/menu_active.gif) 0px 0px no-repeat;
}
#mainmenubar #mainmenu li a {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
    background: url(../gfx/menuitems.gif) 0px 3px no-repeat;
    line-height: 15px;
    text-decoration: none;
    color: #01448A;
    font-size: 12px;
    font-weight: bold;
}
#mainmenubar #mainmenu li a:hover {
    background: url(../gfx/menuitems.gif) 0px -15px no-repeat;
    color: #AE0909;
}
#mainmenubar #mainmenu li a.active {
    background: url(../gfx/menuitems.gif) 0px -15px no-repeat;
    color: #AE0909;
    font-weight: bold;
}
#mainmenubar #mainmenu li ul {
    float: left;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#mainmenubar #mainmenu li ul.subentry li {
    clear: left;
    float: left;
    margin: 0px 0px 5px 15px;
    padding: 6px 0px 0px 0px;
    width: 165px;
    background: none;
    border: none;
    border-top: 1px solid #d9dde4;
    list-style: none;
}
#mainmenubar #mainmenu li ul.subentry li a {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
    background: none;
    line-height: 15px;
    text-decoration: none;
    color: #01448A;
    font-size: 12px;
    font-weight: normal;
}
#mainmenubar #mainmenu li ul.subentry li a.active {
    color: #AE0909;
}
#mainmenubar #mainmenu li ul.subentry li a:hover {
    color: #AE0909;
}
/* END - NAVIGATION_MAIN */

/* START - NAVIGATION_FOOTER */
#footer #footer {
    float: left;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    border: none;
    width: 552px;
}
#footer #footer li {
    float: left;
    margin: 7px 15px 0px 0px;
    list-style: none;
}
#footer #footer li a {
    margin: 0px 6px 0px 0px;
    padding: 8px 2px 2px 5px;
    line-height: 15px;
    border-left: 1px solid #c6d3e0;
    text-decoration: none;
    color: #496E92;
    font-size: 11px;
    font-weight: bold;
}
#footer #footer li a:hover {
    color: #123E71;
    border-bottom: 1px solid #c6d3e0;
}
#footer #footer li a.active {
    font-weight: bold;
    color: #123E71;
    border-bottom: 1px solid #c6d3e0;
}
/* END - NAVIGATION_FOOTER */

/* START - HEADLINES */
#content #main h1.dualheadline {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 530px;
}
#content #main h1.imageheadline {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 525px;
    border: 1px solid #01448a;
}
#content #main h2 {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 530px;
}
#content #sidebar h4,
#content #sidebar h5 {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 165px;
}
/* END - HEADLINES */

/* START - TEXT */
#main .content p,
#main .content span,
#sidebar .content p,
#sidebar .content span {
    /*
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    */
    line-height: 19px;
}
#main .content a.arrow,
#main .content a.external-arrow,
#main .content a.download-arrow,
#main .content a.mail-arrow,
#headerNews p a {
    padding: 0px 0px 0px 12px;
    background: url(../gfx/arrow.gif) 0px 4px no-repeat;
}
#main .content p a,
#main .content span a,
#sidebar .content p a,
#sidebar .content span a,
#headerNews p a {
    color: #AE0909;
    text-decoration: none;
}
#main .content p a:hover,
#main .content span a:hover,
#sidebar .content p a:hover,
#sidebar .content span a:hover,
#headerNews p a:hover {
    text-decoration: underline;
}
#main .content p {
    margin: 5px 0px 5px 0px;
}
#sidebar .content p {
    margin: 5px 0px 5px 0px;
    font-size: 11px;
    line-height: 16px;
}
#sidebar .content p a.arrow,
#sidebar .content span a.arrow {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 8px;
    font-size: 11px;
    background: transparent url(../gfx/link.gif) -2px 5px no-repeat;
}
#sidebar .content p a,
#sidebar .content span a {
    display: inline;
    padding: 0px 0px 0px 0px;
    background: none;
}
#main .content hr {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    color: #FFFFF;
    /* border-top: 1px dotted #c6d3e0; */
    border-top: 1px solid #c6d3e0;
}
/* END - TEXT */

/* START - TEASER */
#main .content .block {
    float: left;
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 263px;
}
#main .content .block .teaserLeft,
#main .content .block .teaserRight {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 255px;
    /* background: #f1f4f8; */
    background: #c6d3e0;
    /* border: 1px dotted #e2e5ea; */
    /* border: 1px dotted #01448a; */
    border: 1px solid #01448a;
}
#main .content .block .teaserLeft {
    float: left;
}
#main .content .block .teaserRight {
    float: right;
}
#main .content .block .teaserLeft p a.arrow,
#main .content .block .teaserRight p a.arrow {
    padding: 5px 0px 0px 8px;
    display: block;
    font-size: 11px;
    background: transparent url(../gfx/link.gif) -2px 10px no-repeat;
}
#main .content .block h3 {
    margin: 5px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
}
#main .content .block .csc-textpic img {
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
}
#main .content .block p {
    margin: 0px 10px 5px 10px;
    padding: 0px 0px 0px 0px;
}
#main .content .block p a {
    padding: 0px 0px 0px 8px;
    display: block;
    font-size: 11px;
    background: transparent url(../gfx/link.gif) -2px 5px no-repeat;
}
/* END - TEASER */

/* START - IMAGES */
#main .content div.csc-textpic img,
#sidebar .content div.csc-textpic img {
    border: 1px solid #01448A !important;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#main .content div.csc-textpic ul,
#main .content div.csc-textpic ul li a:hover,
#main .content div.csc-textpic ul li a:active {
    width: 253px;
}
#main .content .csc-textpic-caption,
#sidebar .content .csc-textpic-caption {
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #999999;
}
#sidebar .content .box a img {
    margin: 0px 0px 5px 0px;
}
#sidebar .content .boxNoBorder a img {
    margin: 10px 0px 10px 0px;
    border: none !important;
}
/* END - IMAGES */

/* START - FAHRPLAN */
#main .content .fahrplan table {
    float: left;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    border: 1px solid #c6d3e0;
    border-spacing: 1px;
}
#main .content .fahrplan table tr th,
#main .content .fahrplan table tr td {
    display: table-cell;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 2px 5px;
    line-height: 21px;
    text-align: left;
    vertical-align: top;
}
#main .content .fahrplan table tr.align-right th,
#main .content .fahrplan table tr.align-right td,
#main .content .fahrplan table tr th.align-right,
#main .content .fahrplan table tr td.align-right {
    padding: 2px 5px 2px 0px;
    text-align: right;
}
#main .content .fahrplan table tr th {
    padding: 0px 0px 2px 5px;
    background: transparent url(../gfx/table.gif) repeat-x;
    color: #FFFFFF;
    font-weight: bold;
}
#main .content .fahrplan table tr th p,
#main .content .fahrplan table tr td p {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 21px;
}
#main .content .fahrplan table tr td hr {
    float: left;
    padding: 0px 0px 0px 0px;
    width: 99%;
    color: #FFFFFF;
    /* border-top: 1px dotted #c6d3e0; */
    border-top: 1px solid #c6d3e0;
}
/* END - FAHRPLAN */

/* START - KARRIERE */
#main .content .career ul {
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
}
#main .content .career ul li {
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 0px 15px;
    background: url(../gfx/arrow.gif) 0px 6px no-repeat;
    line-height: 20px;
}
/* END - KARRIERE */

/* START - TWITTER */
#sidebar .content ul.wttwitter_feed {
    margin: -10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    width: 180px;
    list-style-type: none;
}
#sidebar .content ul.wttwitter_feed li {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 55px !important;
    width: 120px;
    font-size: 11px;
    overflow: hidden;
}
/* END - TWITTER */

/* START - SITEMAP PLUGIN */
.tx-flseositemap-pi1 ul {
    clear: both;
    float: left;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    list-style-type: none;
}
.tx-flseositemap-pi1 ul li {
    margin: 5px 0px 0px 0px;
}
.tx-flseositemap-pi1 a {
    padding-left: 15px;
    background: url(../gfx/arrow.gif) no-repeat 0px 4px;
    color: #AE0909;
    color: #01448A;
}
.tx-flseositemap-pi1 a:hover {
    text-decoration: none;
    color: #AE0909;
}
.tx-flseositemap-pi1 .list .deep0 {
    margin: 10px 0px 0px 0px !important;
}
.tx-flseositemap-pi1 .list .deep0 .deep0 {}
.tx-flseositemap-pi1 .list .deep1 .deep1 {
    padding-left: 15px;
}
.tx-flseositemap-pi1 .list .deep2 .deep1 {
    padding-left: 0;
}
.tx-flseositemap-pi1 .list .deep2 .deep2 {
    padding-left: 15px;
}
/* END - SITEMAP PLUGIN */

/* START - FLOTTE */
#main .content .fleet {
    float: left;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    border: 1px solid #c6d3e0;
    border-spacing: 1px;
}
#main .content .fleet h6 {
    margin: 1px 1px 0px 1px;
    padding: 0px 0px 2px 5px;
    background: transparent url(../gfx/table.gif) repeat-x;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 21px;
}
#main .content .fleet .csc-textpic {
    margin: 0px 0px 0px 0px;
    padding: 0px 8px 0px 0px;
}
#main .content .fleet table tr td {
    display: table-cell;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 2px 5px;
    line-height: 21px;
    text-align: left;
    vertical-align: top;
}
#main .content .fleet table tr.align-right td,
#main .content .fleet table tr td.align-right {
    padding: 2px 5px 2px 0px;
    text-align: right;
}

#main .content .fleet table tr td p {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 21px;
}
#main .content .fleet table tr td hr {
    float: left;
    padding: 0px 0px 0px 0px;
    width: 99%;
    color: #FFFFFF;
    /* border-top: 1px dotted #c6d3e0; */
    border-top: 1px solid #c6d3e0;
}
/* END - FLOTTE */

/* START - KONTAKT */
#main .content .fleet form {
    margin: 10px 0px 10px 0px;
}
#main .content .fleet label {
    clear: left;
    float: left;
    margin: 0px 0px 5px 5px;
    width: 150px;
    height: 20px;
}
#main .content .fleet input,
#main .content .fleet textarea {
    float: left;
    margin: 0px 0px 5px 5px;
    width: 200px;
}
#main .content .fleet .csc-mailform-check {
    float: left;
    margin: 0px 10px 5px 5px;
    width: 15px;
}
#main .content .fleet span.csc-mailform-label {
    float: left !important;
    margin: -3px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
}
#main .content .fleet input.csc-mailform-submit {
    clear: left;
    float: left;
    margin: 0px 0px 10px 160px;
    padding: 2px 10px 0px 10px;
    width: auto;
    border: none;
    background: #AE0909;
    color: #FFFFFF;
    font-weight: bold;
}
/* END - KONTAKT */



/* START - FLOTTE OVERLAY */
#flotte {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 47px;
    background: transparent url(../gfx/schiffe/flotte.png) no-repeat scroll center bottom;
    overflow: hidden;
    z-index: 500;
}
/* END - FLOTTE OVERLAY */