html, body {
    width: 100%;
    font-family: verdana;
    font-size: 0.8em;
    padding: 0;
    margin: 0;
}
h1 {
    font-size:1.6em;
}
h2 {
    font-size:1.3em;
}
h3 {
    font-size:1.1em;
}
h4 {
    font-size:0.9em;
}
h5 {
    font-size:0.8em;
}
h6 {
    font-size:0.7em;
}
.header1 {
    font-size:1.6em;
    color:#8E8678;
}
.header1fett {
    font-size:1.1em;
    color:#8E8678;
}
img {
    border-width: 0;
}
.hide, .hidden {
    visibility: hidden;
    display: none;
}
input {
    font-size: 1.12em;
}
.LayerSite {
    position: relative;
    float: left;
    width: 96em;
}
.Layerinhaltsbereich p {
    color:#000000;
}
.Layerinhaltsbereich a {
    color:#000000;
    text-decoration:underline;
}
.Layerinhaltsbereich a:hover {
    color:#000000;
    text-decoration:none;
}

/* HeadLine Styles */
.LayerHeadLine {
    position: relative;
    float: left;
    width: 96em;
    height: 7.4em;
    border-bottom-style: solid;
    border-bottom-width: 0.4em;
    border-bottom-color: #dd7a00;
    z-index: 12;
    display:none;
}
.LayerHeadLine img.logo {
    position: relative;
    float: left;
    height: 7.4em;
    width: 22em;
}
.LayerHeadLine ul.HeadMenu {
    position: relative;
    float: left;
    width: 56em;
    margin: 0;
    padding: 0;
    margin-top: 5.5em;
    list-style-type: none;
    z-index: 2;
}
.LayerHeadLine ul.HeadMenu li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 0.5em;
    padding-right: 0.5em;
    color: #8e8678;
    font-weight: bold;
    border-right-style: solid;
    border-right-width: 0.025em;
    border-right-color: #8e8678; 
}
.LayerHeadLine ul.HeadMenu li.last {
    border-right-style: none;
}
.LayerHeadLine ul.HeadMenu li a {
    color: #8e8678;
    font-weight: bold;
    text-decoration: underline;
}
.LayerHeadLine ul.HeadMenu li a:hover {
    text-decoration: none;
}
.LayerHeadRightTools {
    position: relative;
    float: left;
    width: 18em;
    z-index: 4;
}
.LayerHeadRightTools .websearch {
    position: relative;
    float: left;
    margin-top: 2.25em;
    padding-bottom: 1em;
}
.LayerHeadRightTools .websearch input.searchInput {
    position: relative;
    float: left;
    background-color: #8e8678;
    color: #FFFFFF;
    height: 1.1em;
    width: 13.95em;
    margin: 0em;
    padding: 0em;
    padding-left: 0.25em;
    border-style: solid;
    border-width: 0.2em 0em 0.2em 0.2em;
    border-color: #d2cfc9;
    overflow: hidden;
}
.LayerHeadRightTools .websearch input.searchButton {
    position: relative;
    float: left;
    height: 1.45em;
    width: 1.65em;
}
.LayerHeadRightTools .quicklinks {
    position: relative;
    float: left;
    z-index: 5;
}
.LayerHeadRightTools .quicklinks a.opener {
    position: relative;
    float: left;
    color: #FFFFFF;
    text-decoration: none;
}
.LayerHeadRightTools .quicklinks .opener img.icon {
    position: relative;
    float: left;
    font-size: 1.15em;
    height: 1.45em;
    width: 1.65em;
}
.LayerHeadRightTools .quicklinks .opener span {
    position: relative;
    float: left;
    background-color: #8e8678;
    height: 1.25em;
    width: 15.65em;
    margin: 0em;
    padding: 0em;
    padding-left: 0.25em;
    border-style: solid;
    border-width: 0.2em 0em 0.2em 0.2em;
    border-color: #d2cfc9;
    overflow: hidden;
    color: #FFFFFF;
}
.LayerHeadRightTools .quicklinks ul.quicklist {
    clear: both;
    position: absolute;
    float: left;
    top: 1.65em;
    width: 17em;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    padding-top: 0.5em;
    padding-bottom: 1em;
    padding-left: 1em;
    list-style-type: none;
    background-image:url();
    /*background-color: #8e8678;*/    
    z-index: 9;
/*    filter:alpha(opacity=90);
    -moz-opacity:.9;*/
    opacity: .90;
}
.LayerHeadRightTools .quicklinks ul.quicklist a {
    color: #FFFFFF;
    text-decoration: none;
}
.LayerHeadRightTools .quicklinks ul.quicklist a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
.LayerHeader {
    position: relative;
    float: left;
    width: 96em;
    height: 15.6em;
    z-index: 9;
    margin-bottom: 0.5em;
    display:none;
}
/* HeadLine Styles */
/* HeadImage Menu */
.LayerHeader img.HeaderImage {
    position: absolute;
    width: 96em;
    z-index: 0;
}
.LayerHeader .HeadMenu {
    position: absolute;
    top: 1.65em;
    left: 0;
    width: 22em;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    z-index: 4;
/*     height:9.2em; */
    height:14em;
}
.LayerHeader .HeadMenu ul.headmenu {
    padding: 0;
    margin: 0;
    margin-top: 1em;
    margin-right: 1em;
    background-color: #756F63;
    min-height:7.6em;
}
.LayerHeader .HeadMenu ul.headmenu li {
    clear: both;
    height: 1.8em;
    border-style: solid;
    border-width: 0 0 0.1em 0;
    border-color: #FFFFFF;
    background-image: url();
    background-repeat: no-repeat;
    background-position: left top;
}
.LayerHeader .HeadMenu ul.headmenu a {
    float: left;
    width: 17em;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 1.1em;
    padding-left: 2em;
    padding-bottom:0;
    padding-right:0;
    padding-top:0.2em;
    margin: 0;
}
ul.headmenu ul.lvl2 {
    position: absolute;
    top: 1.1em;
    left: 21em;
    width: 16em;
    min-height: 20.3em;
    margin: 0;
    padding: 0;
    padding-left: 0.25em;
    border-left-style: solid;
    border-left-color: #FFFFFF;
    border-left-width: 0.25em;
    list-style-type: none;
    background-color: #756F63;
}
.LayerHeader .HeadMenu ul.headmenu ul.lvl2 li {
    border: 0;
    margin: 0;
    padding: 0;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    background-image: none;
}
.LayerHeader .HeadMenu ul.headmenu ul.lvl2 li a {
    margin: 0;
    padding: 0;
    width: auto;
}
.LayerHeader .HeadMenu ul.headmenu ul.lvl2 li a:hover{
    text-decoration:underline;
}
/* menu 1 */
.LayerHeader li.aktmp1, .LayerHeader .mp1 ul.lvl2 { background-color: #003466; }
/* menu 2 */
.LayerHeader li.aktmp2, .LayerHeader .mp2 ul.lvl2 { background-color: #396CD5; }
/* menu 3 */
.LayerHeader li.aktmp3, .LayerHeader .mp3 ul.lvl2 { background-color: #87011A; }
/* menu 4 */
.LayerHeader li.aktmp4 { background-color: #ece3d1; }
.LayerHeader .mp4 ul.lvl2 { background-color: #ece3d1; }
.LayerHeader .HeadMenu ul.headmenu li.aktmp4 a { color: #727064; }
.LayerHeader .HeadMenu ul.headmenu li.aktmp4 ul.lvl2 a { color: #727064; }
/* menu 5 */
.LayerHeader li.aktmp5 { background-color: #FFFFFF; }
.LayerHeader .mp5 ul.lvl2 { background-color: #8F877A; }
.LayerHeader .HeadMenu ul.headmenu li.aktmp5 a { color: #727064; }
.LayerHeader .HeadMenu ul.headmenu li.aktmp5 ul.lvl2 a { color: #FFFFFF; }
/* menu 6 */
.LayerHeader li.aktmp6, .LayerHeader .mp6 ul.lvl2 { background-color: #285C96; }
/* menu 7 */
.LayerHeader li.aktmp7, .LayerHeader .mp7 ul.lvl2, .LayerHeader .HeadMenu ul.headmenu li.aktmp7 a { background-color: #FFE844; color: #666666; }
/* menu 8 */
.LayerHeader li.aktmp8, .LayerHeader .mp8 ul.lvl2 { background-color: #D1282B; }
/* menu 9 */
.LayerHeader li.aktmp9 { background-color: #FFFFFF; }
.LayerHeader .mp9 ul.lvl2 { background-color: #8F877A; }
.LayerHeader .HeadMenu ul.headmenu li.aktmp9 a { color: #727064; }
.LayerHeader .HeadMenu ul.headmenu li.aktmp9 ul.lvl2 a { color: #FFFFFF; }
/* menu 10 */
.LayerHeader li.aktmp10, .LayerHeader .mp10 ul.lvl2 { background-color: #ffaa13; }
/* menu 11 */
.LayerHeader li.aktmp11, .LayerHeader .mp11 ul.lvl2 { background-color: #00CCFF; }
/* HeadImage Menu */
 
/* Content Styles */
.LayerContent {
    position: relative;
    float: left;
    width: 96em;
    min-height: 31em;
    z-index: 2;
}
.ContLeft {
    position: relative;
    float: left;
    width: 22em;
    padding-top: 5em;
    min-height: 17em;
    margin-bottom: 9em;
    z-index:2;
    display:none;
}
.ContInhaltTop {
    position: relative;
    float: left;
    width: 74em;
    margin-bottom: 0.5em;
    z-index:2;
    display:none;
}
/* Breadcrump */
ul.Breadcrump {
    position: relative;
    float: left;
    width: 56em;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.Breadcrump li {
    position: relative;
    float: left;
    color: #CC6600;
    margin: 0;
    padding: 0;
    margin-right: 0.5em;
}
ul.Breadcrump li a {
    color: #8D8777;
    padding-right: 0.5em;
    border-right-style: solid;
    border-right-width: 0.025em;
    border-right-color: #8E8679;
    text-decoration:underline;
}
ul.Breadcrump li a:hover {
    color: #8D8777;
    padding-right: 0.5em;
    border-right-style: solid;
    border-right-width: 0.025em;
    border-right-color: #8E8679;
    text-decoration:none;
}
/* Breadcrump */
.ContInhalt {
    position: relative;
    float: left;
    width: 54em;
    min-height: 35em;
    margin-right: 2em;
}
.ContRight {
    position: relative;
    float: left;
    width:18em;
    display:none;
}
/* Content Styles */
/* Footer Styles*/
.LayerFooter {
    position: relative;
    float: left;
    width: 96em;
    border-top-style: solid;
    border-top-width: 0.025em;
    border-top-color: #dddad6;
    border-bottom-style: solid;
    border-bottom-width: 0.4em;
    border-bottom-color: #dd7a00;
    text-align: right;
    z-index:4;
    display:none;
}
.LayerFooter .impressum {
    position: absolute;
    text-align: left;
    clear: both;
    top: -9em;
    left: 0;
}
.LayerFooter ul.menu {
    color: #8E8678;
    position: relative;
    float: right;
    margin: 0;
    padding: 0;
    padding-top: 1em;
    padding-bottom: 1em;
    list-style-type: none;
}
.LayerFooter ul.menu li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    margin-left: 0.5em;
    padding-right: 0.5em;
    border-right-width: 0.025em;
    border-right-style: solid;
    border-right-color: #8e8678;
}
.LayerFooter ul.menu li.last {
    margin: 0;
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding: 0;
    border-right-width: 0em;
}
.LayerFooter ul.menu li a {
    color: #8e8678;
    text-decoration: underline;
}
.LayerFooter ul.menu li a:hover {
    color: #8e8678;
    text-decoration: none;
}
/* Footer Styles*/
/* impressum */
.impressum { 
    position: relative;
    float: left;
    color: #8e8678;
    text-decoration: none;
    margin-left: 1em;
    vertical-align: bottom;
}
.impressum a {
    color: #8e8678;
    text-decoration: underline;
}
.impressum a:hover {
    color: #8e8678;
    text-decoration: none;
}
/* impressum */
/*
 * Content Styles
*/
/* menu Line*/
.menuline {
    position: relative;
    float: left;
    width: 54em;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #8e8678;
    text-align: right;
    margin-top: 1em;
    margin-bottom: 2em;
    display:none;
}
.menuline img.icon{
    height: 1.56em;
}
/* menu Line*/
/* news.zone */
.newszoneBox {
    position: relative;
    float: left;
    padding: 0.5em;
    background-color: #d2cfc9;
    margin-bottom: 1em;
    width:17em;
    z-index: 1;
}
.newszoneBox ul.menu {
    position: absolute;
    top: 0.75em;
    right: 0.5em;
    margin: 0;
    padding: 0;
    padding-bottom: 0.25em;
    list-style-type: none;
    width: 8.5em;
    text-align: right;
    border-bottom: 0.1em #e9e7e4 solid;
    z-index: 9;
    overflow: hidden;
}
.newszoneBox ul.menu li {
    position: relative;
    float: right;
    margin: 0;
    padding: 0;
    padding-left: 0.25em;
}
.newszoneBox ul.menu li a img {
    height: 0.9em;
    width: 0.9em;
    background-color: #8e8678;
}
.newszoneBox ul.menu li a.selected img {
    background-color: #CC6600;
}
.newszoneBox h2 {
    position: relative;
    float: left;
    font-size: 1em;
/*    width: 8.2em; */
    text-align: center;
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    border: 0.1em #e9e7e4 solid;
    border-bottom-width: 0;
    background-color: #cc6600;
    padding-left:0.5em;
    padding-right:0.5em;
}
.newszoneBox h3 {
    font-size: 1em;
    margin: 0;
    padding: 0;
}
.newszoneBox .navi {
    position: relative;
    float: left;
    width: 8.3em;
    height: 1.8em;
    text-align: right;
    color: #FFFFFF;
    border-bottom: 0.1em #e9e7e4 solid;
}
.newszoneBox a.more {
    color: #cc6600;
    text-decoration: none;
}
.newszoneBox a.more:hover {
    text-decoration: underline;
}
.newszoneBox .contentdiv {
/*    position: absolute;
    top: 0;
    left: 0;
    width: 15.8em;
    min-height: 5.9em;
    background-color: #D2CFC9;
    padding: 0.5em;
    border: 0.1em #e9e7e4 solid;
    border-top-width: 0em;
*/
    BORDER-RIGHT: #e9e7e4 0.1em solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #e9e7e4 0em solid; PADDING-LEFT: 0.5em; MIN-HEIGHT: 5.9em; LEFT: 0px; PADDING-BOTTOM: 0.5em; BORDER-LEFT: #e9e7e4 0.1em solid; WIDTH: 15.8em; PADDING-TOP: 0.5em; BORDER-BOTTOM: #e9e7e4 0.1em solid; POSITION: relative; TOP: 0px; BACKGROUND-COLOR: #d2cfc9
}
.newszoneBox #newszoneslider {
    position: relative;
    float: left;
    width: 17em;
    height: 7em;
    overflow: hidden;
}

.newszoneBox .service-text {
    float:left;
    min-height:7em;
/*    overflow:hidden; */
    position:relative;
    width:17em;
}
/* news.zone */
/* service.zone */
.servicezoneBox {
    position: relative;
    float: left;
    width: 17em;
    padding: 0.5em;
/*    margin-top: 1em; */
    margin-bottom: 1em;
    background-color: #d2cfc9;
}
.servicezoneBox ul.menu {
    position: relative;
    float: left;
    width: 17em;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.servicezoneBox ul.menu li a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
.servicezoneBox ul.menu li {
    position: relative;
    float: left;
    width: 8.5em;
    margin: 0;
    padding: 0;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    text-align: center;
    border-bottom: 0.1em #e9e7e4 solid;
}
.servicezoneBox ul.menu li.aktiv {
    width: 8.3em;
    border: 0.1em #e9e7e4 solid;
    border-bottom-width: 0;
    background-color: #cc6600;
}
.servicezoneBox ul.menu li.aktiv a {
    color: #FFFFFF;
}
.servicezoneBox h2 {
    font-size: 1em;
    margin: 0;
    padding: 0;
}
.servicezoneBox h3 {
    font-size: 1em;
    margin: 0;
    padding: 0;
}
.servicezoneBox .navi {
    position: relative;
    float: left;
    width: 8.3em;
    height: 1.8em;
    text-align: right;
    color: #FFFFFF;
    border-bottom: 0.1em #e9e7e4 solid;
}
.servicezoneBox a.more {
    color: #cc6600;
    text-decoration: none;
}
.servicezoneBox a.more:hover {
    text-decoration: underline;
}
.servicezoneBox .contentdiv {
    position: relative;
    float: left;
    border: 0.1em #e9e7e4 solid;
    border-top-width: 0em;
    background-color: #D2CFC9;
    z-index: 1;
}
.servicezoneBox .contentdiv .text {
    position: relative;
    float: left;
    width: 15.8em;
    padding: 0.5em;
}
.servicezoneBox .contentdiv a {
    color:#cc6600;
    text-decoration:underline;
}
.servicezoneBox .contentdiv a:hover {
    color:#cc6600;
    text-decoration:none;
}
.servicezoneBox .contentdiv ul.contmenu {
    position: relative;
    float: left;
    width: 16.8em;
    margin-top: 1em;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.servicezoneBox .contentdiv ul.contmenu li {
    width: 15.3em;
    margin-top: 0.25em;
    padding-bottom: 0.25em;
    padding-left: 1.5em;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url();
    border-bottom: 0.1em #e9e7e4 solid;
}
.servicezoneBox .contentdiv ul.contmenu li a {
    color: #000000;
    text-decoration: none;
}
.servicezoneBox .contentdiv ul.contmenu li a:hover {
    color: #000000;
    text-decoration: underline;
}
/* service.zone */
/* Newsliste */
.newsbox {
    position: relative;
    float: left;
    width: 54em;
}
.newsbox img.label {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    height: 1.86em;
}
.newsbox h3 {
    font-size: 1em;
    margin: 0;
    padding: 0;
    padding-bottom: 0.5em;
}
.newsbox .news {
    position: relative;
    float: left;
    width: 54em;
    margin-bottom: 1em;
}
.newsbox .bild {
    position: relative;
    float: left;
    width: 13.4em;
    padding: 0.25em;
    margin-right: 1em;
    background-color: #90867A;
}
.newsbox .bild img {
    width: 13.3em;
}
.newsbox .text {
    position: relative;
    float: left;
    width: 39em;
}
.newsbox a.more {
    color: #cc6600;
    text-decoration: none;
}
.newsbox a.more:hover {
    text-decoration: underline;
}
/* Newsliste */
/* Bild links, Bild oben, und Text */
.bild12mtext {
    position: relative;
    float: left;
    width: 54em;
    margin-top: 1em;
}
.bild12mtext .spalte1{
    position: relative;
    float: left;
    width: 14em;
    padding-top:0.8em;
}
.bild12mtext .spalte1 img.bild {
    width: 14em;
}
.bild12mtext .spalte2{
    position: relative;
    float: left;
    width: 39em;
    margin-left: 1em;
}
.bild12mtext .spalte2 img.bild {
    width: 39em;
}
.bild12mtext .spalte2 img.label {
    height: 1.96em;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}
.bild12mtext .text{
    position: relative;
    float: left;
    width: 39em;
}
/* Bild links, Bild oben, und Text */
 
/* Styles von Alter Website */
.Layerinhaltsbereich {
    float:left;
    position:relative;
    left:0px;
    width:100%;
    padding-bottom:20px;
    z-index:1;
}
 
.ContRight {
    min-height:400px;
}
 
/* Banner ANFANG */
#LayerBanner {
    position:relative;
    float:right;
    z-index:15;
}

#LayerBannerSchifffahrt  {
    position: absolute; 
/*    float: left;  */
    margin-left: 0px;
    left: 0px;
    top: 0px;
    z-index: 15;
    height:7.4em;
}

#LayerBannerSpalte1, #LayerBannerSpalte2 {
    position:relative;
    float:left;
}
/* Banner ENDE */
 
/*SKIPLINKS*/
.skiplink a {
    position: absolute;
    top: -20px;
    left: 0;
    padding: 0 5px;
    background-color: white;
    font-size: 12px;
    z-index: 500;
    width:10em;
    color: #dd7801;
    font-weight: bold;
}
.skiplink a:focus {top: 0px;}
 

/* Styles von alter Site START */
.LayerSpalte11 {
    position:relative;
    float:left;
    left:0px;
    top:0px;
    width:155px;
    z-index:8;
}
.LayerSpalte22 {
    position:relative;
    float:left;
    left:20px;
    top:0px;
    width:335px;
    z-index:8;
}
/* Styles von alter Site ENDE */
 
.logoslinks {
    position:relative;
    padding:2em;
    padding-top:12em;
    text-align:center;
    width:16.5em;
}
.LayerGaleriePic {
    position:relative;
    float:left;
    width:105px;
    height:100px;
    left:0px;
    top:0px;
    padding-right:5px;
    padding-bottom:10px;
    z-index:5;
}
 

/* neu */
.headernewsbox {
BORDER-RIGHT: #e9e7e4 0.1em solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #e9e7e4 0.1em solid; PADDING-LEFT: 0.5em; FONT-SIZE: 1em; FLOAT: left; PADDING-BOTTOM: 0.25em; MARGIN: 0px; BORDER-LEFT: #e9e7e4 0.1em solid; COLOR: #ffffff; PADDING-TOP: 0.25em; BORDER-BOTTOM: #e9e7e4 0px solid; POSITION: relative; BACKGROUND-COLOR: #FFAA13; TEXT-ALIGN: center;
font-weight:bold;
}
.newszoneBox .contentdiv ul {
padding:1em 0 1em 1.5em;
margin:0;
}
.newszoneBox .contentdiv li {
padding:0 0 0.5em 0;
margin:0;
}
.newszoneBox .contentdiv a {
color:#000000;
text-decoration:underline;
}
.newszoneBox .contentdiv a:hover {
color:#000000;
text-decoration:none;
}
/* neu */
 
.LayerClear {
    clear:both;
float:none;
position:relative;
width:90%;
}