body, div, p, ul, li, table, td, tr, a {
margin:0;
padding:0;
}

.centerContent {
width:922px;
margin: 0 auto;
padding: 0 auto;
z-index:2;
}
/***************************************************************/
/*      oberer Teil die eingaben sprachen, leistung suchfeld   */
/***************************************************************/
.eingabeBox {
width:922px;
height:30px;
position:absolute;
top: 42px;
z-index:2;
}
input.text {
font: 11px verdana;
color:#646464;
}
input.passwort {
font: 11px verdana;
color:#646464;
}
input.button {

background:transparent url(Layout-Bilder/button.jpg) no-repeat;
position:absolute;
right:-70px;
cursor:pointer;
border:0px solid #fff;
float:right;
height:22px;
width:60px;
}
td {
font: 11px verdana;
color:#646464;
}
td, input, textarea {
font-size:11px;
font:verdana;
color:#646464;
}
input,  textarea {
color:#fff;
}

.Auswahl { background-color:#fff; color:#646464; overflow: auto; border: 1px silver solid;   width:200px; border:1px solid #ddd; }


/***************************************************************/
/*           HeaderBilder der Seiten                           */
/***************************************************************/
.headerBild_Home {
position:relative;
top: -10px;
width: 922px;
height: 182px;
background-image: url(Layout-Bilder/home_big.jpg);
}
.headerBild_Unternehmen {
position:relative;
top: -10px;
width: 922px;
height: 182px;
background-image: url(Layout-Bilder/unternehmen_big.jpg);
}
.headerBild_Offshore {
position:relative;
top: -10px;
width: 922px;
height: 182px;
background-image: url(Layout-Bilder/offshore_big.jpg);
}
.headerBild_Cargohold {
position:relative;
top: -10px;
width: 922px;
height: 182px;
background-image: url(Layout-Bilder/cargohold_big.jpg);
}
.headerBild_Yacht {
position:relative;
top: -10px;
width: 922px;
height: 182px;
background-image: url(Layout-Bilder/yacht_big.jpg);
}
.headerBild_Repair {
position:relative;
top: -10px;
width: 922px;
height: 182px;
background-image: url(Layout-Bilder/repair_big.jpg);
}
.headerBild_Namen_Logo {
position:relative;
top: -10px;
width: 922px;
height: 182px;
background-image: url(Layout-Bilder/namen_logo_big.jpg);
}
.headerBild_Video {
position:relative;
top: -10px;
width: 922px;
height: 182px;
background-image: url(Layout-Bilder/video_big.jpg);
}
.headerBild_Referenzen {
position:relative;
top: -10px;
width: 922px;
height: 182px;
background-image: url(Layout-Bilder/referenzen_big.jpg);
}
.headerBild_Partner {
position:relative;
top: -10px;
width: 922px;
height: 182px;
background-image: url(Layout-Bilder/partner_big.jpg);
}
.headerBild_Kontakt {
position:relative;
top: -10px;
width: 922px;
height: 182px;
background-image: url(Layout-Bilder/kontakt_big.jpg);
}
.headerBild_Allgemein {
position:relative;
top: -10px;
width: 922px;
height: 182px;
background-image: url(Layout-Bilder/allg.jpg);
}

/***************************************************************/
/*           Hauptnavigation der Seiten                        */
/***************************************************************/
#multiNav {
height:30px;
position:relative;
z-index:100;
}

.menu, .menu ul {
list-style-type:none;
padding:0;
margin:0;
font-family:Verdana;
}

.menu li.top {
display:block;
float:left;
position:relative;
}

.menu table {
border-collapse:collapse;
width:0;
height:0;
position:absolute;
top:0;
left:0;
}

.menu li.top a.top_link {
display:block;
float:left;
height:35px;
}

.menu li.top a span {
position:absolute;
left:-9999px;
top:0;
z-index:3;
font-size:10px;
}

.menu li.p1 {
width:73px;
background:url(Layout-Bilder/Navi/homeRot.jpg) no-repeat;
}
.menu li.p2 {
width:161px;
background:url(Layout-Bilder/Navi/unternehmenRot.jpg) no-repeat;
}
.menu li.p3 {
width:180px;
background: url(Layout-Bilder/Navi/geschF-rot.jpg) no-repeat;
}
.menu li.p4 {
width:83px;
background:url(Layout-Bilder/Navi/videoRot.jpg) no-repeat;
}
.menu li.p5 {
width:136px;
background:url(Layout-Bilder/Navi/refRot.jpg) no-repeat;
}
.menu li.p6 {
width:139px;
background:url(Layout-Bilder/Navi/partnerRot.jpg) no-repeat;
}
.menu li.p7 {
width:150px;
background:url(Layout-Bilder/Navi/kontaktRot.jpg) no-repeat;
}


.menu li a#home  {
width:73px;
background:url(Layout-Bilder/Navi/home.jpg) no-repeat;
}
.menu li a#unternehmen  {
width:161px;
background:url(Layout-Bilder/Navi/unternehmen.jpg) no-repeat;
}
.menu li a#geschaeftsfelder  {
width:180px;
background: url(Layout-Bilder/Navi/geschF.jpg) no-repeat;
}
.menu li a#video  {
width:83px;
background:url(Layout-Bilder/Navi/video.jpg) no-repeat;
}
.menu li a#referenz  {
width:136px; background:url(Layout-Bilder/Navi/ref.jpg) no-repeat;
}
.menu li a#partner  {
width:139px;
background:url(Layout-Bilder/Navi/partner.jpg) no-repeat;
}
.menu li a#kontakt  {
width:150px;
background:url(Layout-Bilder/Navi/kontakt.jpg) no-repeat;
}

.menu li a#Rothome  {
width:73px;
background:url(Layout-Bilder/Navi/homeRot.jpg) no-repeat;
}
.menu li a#Rotunternehmen  {
width:161px;
background:url(Layout-Bilder/Navi/unternehmenRot.jpg) no-repeat;
}
.menu li a#Rotgeschaeftsfelder  {
width:180px;
background: url(Layout-Bilder/Navi/geschF-Rot.jpg) no-repeat;
}
.menu li a#Rotvideo  {
width:83px;
background:url(Layout-Bilder/Navi/videoRot.jpg) no-repeat;
}
.menu li a#Rotreferenz  {
width:136px; background:url(Layout-Bilder/Navi/refRot.jpg) no-repeat;
}
.menu li a#Rotpartner  {
width:139px;
background:url(Layout-Bilder/Navi/partnerRot.jpg) no-repeat;
}
.menu li a#Rotkontakt  {
width:150px;
background:url(Layout-Bilder/Navi/kontaktRot.jpg) no-repeat;
}


.menu a:hover {
visibility:visible;
}
.menu li:hover {
position:relative; z-index:200;
}


.menu li a#home:hover, .menu li:hover a#home,
.menu li a#unternehmen:hover, .menu li:hover a#unternehmen,
.menu li a#geschaeftsfelder:hover, .menu li:hover a#geschaeftsfelder,
.menu li a#video:hover, .menu li:hover a#video,
.menu li a#referenz:hover, .menu li:hover a#referenz,
.menu li a#partner:hover, .menu li:hover a#partner,
.menu li a#kontakt:hover, .menu li:hover a#kontakt {

background:transparent;
}


.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {
left:16px;
top:25px;
background: #fff;
padding:3px 0;
border:1px solid #888;
white-space:nowrap;
width:127px;
height:auto;
}

.menu :hover ul.sub li {
display:block;
height:20px;
position:relative;
text-align:left;
float:left;
width:110px;
}
.menu :hover ul.sub li a {
display:block;
font-size:11px;
height:20px;
width:120px;
line-height:20px;
text-indent:5px;
color:#000;
text-decoration:none;
border:3px solid #fff;
border-width:0 0 0 3px;
}
.menu :hover ul.sub li a.fly {}
.menu :hover ul.sub li a:hover {
background:#E70C12;
color:#fff;
}
/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul{
left:90px;
top:-4px;
background: #fff;
padding:3px 0;
border:1px solid #888;
white-space:nowrap;
width:93px;
z-index:200;
height:auto;
z-index:300;
}
/***************************************************************/
/*           Hauptcontent-Box der einzelnen Seiten             */
/***************************************************************/
div.contenBox {
position: relative;
top: 30px;
width: 922px;
height:380px;
}
div.contenBox2 {
position: relative;
top: 30px;
width: 922px;
height:330px;
}
div.contenBox3 {
position: relative;
top: 30px;
width: 922px;
height:260px;
}
div.contenBox4 {
position: relative;
top: 20px;
width: 922px;
height:362px;
background-color: #E8E8E8;
}
div.contenBox5 {
position: relative;
top: 30px;
width: 922px;
height:510px;
}
div.contenBox6 {
position: relative;
top: 30px;
width: 922px;
height:50px;
}
div.contenBox7 {
position: relative;
top: 30px;
width: 922px;
height:1640px;
}
.content {
width:640px;
position:relative;
top:5px;
left:-130px;
height: 250px;
background-color: #fff;
overflow : auto;
scrollbar-base-color : #838383;
scrollbar-3dlight-color : #838383;
scrollbar-highlight-color : #E2E2E2;
scrollbar-face-color : #bebebe;
scrollbar-arrow-color : #F0F0F0;
scrollbar-shadow-color : #727272;
scrollbar-darkshadow-color : #bebebe;
scrollbar-track-color : #cbcbcb;
}
/***************************************************************/
/*           Content-Boxen Home                                      */
/***************************************************************/
div.box1 {
float:left;
width:273px;
height:161px;
padding:0;
margin:0;
}
.box1_1 {
float:right;
position:relative;
right:478px;
width:160px;
height:161px;
background-color: #E8E8E8;
padding:0;
margin:0;
}
div.box2 {
float:left;
position:relative;
left:202px;
width:273px;
height:161px;
padding:0;
margin:0;
}
div.box2_2 {
float:right;
position:relative;
right:-158px;
width:160px;
height:161px;
background-color: #E8E8E8;
padding:0;
margin:0;
}
div.box3 {
position:relative;
top:29px;
float:left;
width:273px;
height:161px;
padding:0;
margin:0;
}
div.box3_3 {
float:right;
position:relative;
top:29px;
right:478px;
width:160px;
height:161px;
background-color: #E8E8E8;
padding:0;
margin:0;
}
div.box4 {
float:left;
position:relative;
top:29px;
left:202px;
width:273px;
height:161px;
padding:0;
margin:0;
}
#box4_4 {
float:right;
position:relative;
top:29px;
right:-158px;
width:160px;
height:161px;
background-color: #E8E8E8;
padding:0;
margin:0;
}
/***************************************************************/
/*       Content Texte Unternehmen, Geschäftsfelder usw.       */
/***************************************************************/
div.Text {
width:440px;
position:relative;
top:5px;
left:-130px;
padding:0;
}
div.Text p {
font:12px Verdana;
color:#646464;
text-align:left;
line-height:15px;
}
div.Text2 {
width:720px;
position:relative;
top:5px;
left:10px;
}
div.Text2 p {
font:12px Verdana;
color:#646464;
text-align:left;
line-height:15px;
}
.eMail{
float:right;
width:400px;
position:relative;
right:80px;
}
.partnerLinks {
float:right;
font:12px Verdana;
color:#646464;
left:-40px;
position:relative;
top:-60px;
}
.partnerLinks a {
text-decoration:none;
color:#646464;
}
/***************************************************************/
/*                  Content Video                              */
/***************************************************************/
div.Video {
float:left;
position:relative;
top:10px;
left:15px;
}
.videoLinks {
float:right;
font:12px Verdana;
color:#646464;
position:relative;
left:-40px;
top:40px;
}
.videoLinks a {
text-decoration:none;
color:#646464;
}

/***************************************************************/
/*            Textkonfiguration + Text-Box                     */
/***************************************************************/
.textBox {
position: absolute;
left: 0px;
top: 0px;
padding:10px 0 5px 10px;
width: 147px;
height:151px;
}
.textBox p {
font:12px Verdana;
color:#646464;
text-align:left
}
/*****************************************************************/
/* Untere Seitenteil: Linie, login, Copyright, AGB und Impressum */
/*****************************************************************/

.LinieLang {
position:relative;
height:150px;
width:922px;
}

.eingabeBox_Unten {
width:922px;
position:relative;
top: -30px;
height:5px;
font:11px Verdana;
color:#646464;
margin:0 auto;
}

div.navi_unten{
width:300px;
position:relative;
right:329px;
top:-26px;
}

#nav,#nav ul {
padding:0 0 5px 0px;
margin:0;
list-style:none;
font: 12px verdana;
color:#646464;
position:relative;
z-index:200;;
}
#nav {
height:25px;
padding:2px;


}

#nav table {
border-collapse:collapse;
}
#nav li {
float:left;
padding:0 0 0 5px;
margin-left: 11px;

}
#nav li li {
float:none;
}
/* a hack für IE5 und IE6 */
#nav li a li {
float:left;
}

#nav li a {
display:block;
float:left;
color:#000;
height:25px;
padding-right:5px;
line-height:25px;  /*anordnung der links nach oben und unten*/
font: 12px verdana;
color:#646464;
text-decoration:none;
white-space:nowrap;
}

#nav li li a {
height:20px;
line-height:20px;
float:none;
}

#nav li:hover {
position:relative;
z-index:300;
}

#nav a:hover {
position:relative;
z-index:300;
text-decoration:none;
color: #E70C12;
font-weight: 3em;
}


#nav :hover ul {
left:0;
top:22px;
}

/* Ein anderer hack für IE5 and IE6 */
#nav a:hover ul {
left:2px;
}

#nav ul {
position:absolute;
left:-9999px;
top:-9999px;
}

#nav li:hover li:hover > ul {
left:-20px;       /*abstände zwischen den Unteruntermenüfenstern*/
margin-left:100%; /*positioniert die das Unteruntermenue */
top:0px;          /*link des Unteruntermenüs wird mit 0px direkt rechts neben Untermenü angelegt */
}


#nav li:hover > ul ul {
position:absolute;
left:-9999px;
top:-9999px;
width:auto;
}

/* zeigt folgenden pfad */
#nav li:hover > a {
text-decoration:none;
color:#E70C12;
}


/* IE5 und IE6 benötigen dies um das ausklappen zu gewährleisten*/
/* zeigt negstes level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul {
left:100%;
top:8px;
}

/* lässt die unter menüs versteckt beim hoverefekt */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul {
}

.container {
        width: 922px;
        margin: 0 auto;
        position: relative;
}
ul.topnav {

        width:200px;
        height:18px;
        list-style: none;
        font: 12px Verdana;
        color: #646464;
        padding:0;
        margin-top:13px;

}
ul.topnav li {
        position: relative;
        margin:0;
        padding:0;
}
ul.topnav li a{
        font: 12px Verdana;
        padding:  4px;
        color: #646464;
        padding:0 0 0 0;
        margin:0 0 0 0;
        text-decoration: none;
}
ul.topnav li a:hover{
        color: #E70C12;
}
ul.topnav li span {

        width: 200px;
        height: 18px;
        float: right;
        border: 1px silver solid;
        background: url(Layout-Bilder/pfeil.jpg) no-repeat center;
        position:relative;
        top:-13px;
        left:0px;
        padding:0 0 0 0;
        margin:0 0 0 0;
}

ul.topnav li ul.subnav {
        background-color: #fff;
        list-style: none;
        position: absolute;
        right: 0px; top: 6px;
        border: 1px silver solid;
        display: none;
        width: 100% !important;
        margin:0;
        padding:0;
}
ul.topnav li ul.subnav li{
        clear: both;}
ul.topnav li ul.subnav li a {
        float:left;
        font:10pt Verdana;
        width: 195px;
        left:0px;
        padding:3px 0 3px 3px;
        position:relative;
        text-align:left;
}
ul.topnav li ul.subnav li a:hover {

        background-color:#E70C12;
        color:#fff;
}

ul.topnav2 {
        position:relative;
        width:330px;
        height:18px;
        list-style: none;
        font: 12px Verdana;
        color: #646464;
        padding:0;
        margin-top:13px;
}
ul.topnav2 li {
        position:relative;
        margin:0;
        padding:0;

}
ul.topnav2 li a{
        font: 10pt Verdana;
        color: #646464;
        padding:0 0 0 0;
        margin:0 0 0 0;
        text-decoration: none;
        position:relative;
        top:2px;
}
ul.topnav2 li a:hover{
        color: #E70C12;
}
ul.topnav2 li span {
        width: 330px;
        height: 18px;
        float: right;
        background: url(Layout-Bilder/pfeil2.jpg) no-repeat center;
        border: 1px silver solid;
        position:relative;
        top:-13px;
        left:0px;
        padding:0 0 0 0;
        margin:0 0 0 0;
}

ul.topnav2 li ul.subnav2 {
        float:none;
        background-color: #fff;
        list-style: none;
        position: absolute;
        right: 0px; top: 6px;
        border: 1px silver solid;
        display: none;
        width: 100% !important;
        height:332px;
        overflow-y : auto;
        overflow-x : hidden;
        scrollbar-arrow-color:;
        scrollbar-base-color:;
        scrollbar-darkshadow-color:;
        scrollbar-track-color:;
        scrollbar-face-color:;
        scrollbar-shadow-color:;
        scrollbar-highlight-color:;
        scrollbar-3d-light-color:;
        margin:0;
        padding:0;

}
ul.topnav2 li ul.subnav2 li{
        clear: both;
}
ul.topnav2 li ul.subnav2 li a {
        float:left;
        font:10pt Verdana;
        width: 100%;
        left:0px;
        padding:0 0 3px 5px;
        position:relative;
        text-align:left;
}
ul.topnav2 li ul.subnav2 li a:hover {

        background-color:#E70C12;
        color:#fff;
}
#ref {
        width:918px auto;
        position:relative;
        top:5px;
        padding:0;
}