html, body {
    margin:0;
    padding: 0;
    height: 100%; /* Seite soll über volle Höhe gehen */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #313C48;
    text-align: center;
    background: #313C48;
}

#wrapper {
    margin: auto; /* Den Container zusätzlich zentrieren */
    min-height: 100%; /* Mindesthöhe auf 100 % (bei modernen Browsern) */
    height: auto !important; /* important Behel (bei modernen Browsern */
    height: 100%; /* IE soll wie gewünscht interpretieren */
    overflow: hidden !important; /* Firefox Scrollleiste */
}


#container {
    width: 640px;
    margin: 0 auto;
    border: 0px solid #000000;
    background-image: url('/files/marina-baltica.de/pic-bin/bg_container.jpg');
    background-repeat: repeat-y;
}

#header {
    background: #ffffff;
    width: 910px;
    margin: 0 auto;
    padding: 0px;
    text-align: left;
    vertical-align: top;
    border: 0px solid #000000;
}

#main {
    background: #e6e6e6;
    width: 640px;
    border: 0px solid #000000;
}

/*Right*/

#right {
    background: #3481b9;
    width: 270px;
    color: #FFFFFF;
    font-size: 11px;
    line-height: 14px;
    text-align: left;
    padding: 0px;
    height: 100%;
 }

#right .inside {
    padding: 10px;
}

/*Navigation Header*/

.mod_navigation ul.level_1 {
    width: 910px;;
    height: 35px;
    margin: 0px;
    padding-left: 10px;
    padding-top: 0px;
    background: #e3001b;
}

#header .mod_navigation .level_1 li {
    background-image: url('/files/marina-baltica.de/pic-bin/bg_li.gif');
    background-repeat: no-repeat;
    background-position: left;
    display: block;
    float: left;
    padding-top: 8px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 9px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
}
#header .mod_navigation a.sibling,
#header .mod_navigation a,
#header .mod_navigation span {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
}

#header .mod_navigation span.active,
#header .mod_navigation .level_1 a.trail {
    background-color: #3481b9;
    color: #ffffff;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 11px;
}



/*Sub-Navigation*/

#main .mod_customnav ul.level_1 {
    height: 22px;
    position: absolute;
    top: 287px;
    left: 0px;
    margin: 0px;
    background: #e3001b;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-left: 0px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    z-index: 2;
}

#main .mod_customnav .level_1 li {
    list-style-type: none;
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
}

#main .mod_customnav .level_1 li.first {
    margin-left: -35px;
}

#main .mod_customnav .level_1 a,
#main .mod_customnav .level_1 p,
#main .mod_customnav .level_1 li {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    background: #e3001b;
    padding-top: 2px;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 2px;
    margin-left: 0px;
}

#main .mod_customnav li.active {
    background-color: #3481b9;
    padding-top: 2px;
    padding-right: 14px;
    padding-left: 14px;
    padding-bottom: 2px;
    color: #ffffff;
}
/*Top-Navigation Header*/

#header .mod_customnav ul.level_1 {
    margin: 0px;
    padding-left: 0px;
    padding-top: 0px;
    position: absolute;
    left: 825px;
    top: 44px;
}

#header .mod_customnav .level_1 li {
    list-style-type: none;
    display: block;
}

#header .mod_customnav a,
#header .mod_customnav p,
#header .mod_customnav li {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 19px;
    color: #5b81b8;
    text-decoration: none;
    text-transform: uppercase;
}

#header .mod_customnav a:hover {
    color: #9f1010;
    text-decoration: underline;
    text-transform: uppercase;
}


/*Flaggen*/
header #Sprachen {
    position: absolute;
    top: 108px;
    left: 778px;
    display: block;
    float: left;
    z-index: 1;
    width: 130px;
}

header #Sprachen li {
	float: left;
	margin-left: 10px;
}

#container #Sprachen {
	margin: 0;
	padding: 0;
	display: block;
	width: 240px;
	margin: -5px 0 0 -75px;
}

#container #Sprachen li {
	float: left;
	margin-left: 55px;
}

#Sprachen li.lang-de,
#Sprachen li.lang-en {
	width: 31px;
	height: 16px; 
	display: block;
}

#Sprachen li.lang-de,
#Sprachen li.lang-de a {
	background: url('/files/marina-baltica.de/pic-bin/flagDE.jpg');
	width: 31px;
	height: 16px; 
	display: block;
}

#Sprachen li.lang-en,
#Sprachen li.lang-en a {
	background: url('/files/marina-baltica.de/pic-bin/flagEN.jpg');
	width: 31px;
	height: 16px; 
	display: block;
}

#Sprachen li.lang-de span,
#Sprachen li.lang-en span,
#Sprachen li.lang-de a span,
#Sprachen li.lang-en a span {
	display: none;
}

#sprachen_home {
    overflow: hidden;
    padding-left:20px;
}
#main #sprachen_home a {
    float: left;
    width: 70px;
    display: block;
    color: #313C48;
    text-align: left;
    font-weight: normal;
    text-decoration: none;
}
#sprachen_home a span {
    display: block;
    margin-bottom: 3px;
}


/*Überschriften*/

h1 {
    color: #E2001A;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    line-height: 33px;
    text-align: left;
    padding-left: 20px;
    paddign-top: 0px;
    margin: 0px;
    height: 35px;
    width: 620px;
    background: #ffffff;
}

h3 {
    font-weight: bold;
    text-align: left;
    padding-left: 20px;
    padding-bottom: 20px;
    font-size: 12px;
}
/*Content*/

#main .inside p,
#main .inside .ce_table {
    padding-right: 20px;
    padding-left: 20px;
    width: 600px;
    text-align: left;
    font-size: 12px;
}

#main .head_image {
    padding: 0px;
    margin: 0px;
    height: 310px;
}

#justfade {
    padding: 0px;
    margin: 0px;
    height: 310px;
    position: relative;
    top: 0px;
    left:-320px;
}

#header .head_image {
    padding: 0px;
    margin: 0px;
    height: 109px;
}

.caption {
    display: block;
    font-size: 10px;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

.image_nebeneinander {
    padding-right: 20px;
    padding-bottom: 0px;
    margin: 0px;
}

.image_container.float_right {
    margin: 20px;
}

#main .inside .legende p {
    display: block;
    float: left;
    font-size: 10px;
    line-height: 10px;
    padding-right: 0px;
    padding-left: 20px;
    margin: 0px;
    text-align: left;
    vertical-align: top;
    padding-top: 0px;
    padding-bottom: 15px;
    width: 290px;
}

#main a {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #9F1010;
    text-decoration: none;
}

#main a:hover {
    text-decoration: underline;
}

/* Tabellen*/
#main .ce_table table {
    width: 100%;
    background-color: #d9d9d9;
    border-collapse: collapse;
}
#main .ce_table thead {
    background-color: #f6f6f6;
}
#main .ce_table tr.odd {
    background-color: #f6f6f6;
}
#main .ce_table td,
#main .ce_table th {
    padding-right: 20px;
    padding-top:3px;
    padding-bottom: 3px;
    padding-left: 3px;
    vertical-align:top;
    text-align: left;
}

/*Kontakt*/

#main .inside .formbody {
    padding-right: 20px;
    padding-left: 20px;
    width: 390px;
    text-align: left;
    font-size: 12px;
}

#main .inside label.mandatory,
#main .inside label.text {
    display: block;
    float: left;
    padding-top: 5px;
    width: 120px;
}

#main input.text,
#main textarea {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #bfbfbf;
    margin-bottom: 5px;
    padding: 3px;
    width: 260px;
    font: Arial, Helvetica, sans-serif;
}

#main fieldset {
    border: 1px solid #bfbfbf;
}

#main legend {
    color: #818181;
}

#main .submit_container {
    float: right;
}

#main input.submit {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #bfbfbf;
    padding: 5px;
    margin-bottom: 20px;
}

#main textarea.text {
    text-align: left;
    font: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#main p.error {
    color: #ff0000;
    font: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    margin: 0 0 0 100px;
    padding: 0;
}

#main input.mandatory.error {
    border: 1px solid #ff0000;
    margin-left: 120px;
}

/* Slider rechte Seite*/

#right_box {
    background: #ffffff;
    width: 250px;
    height: 100%;
    padding: 9px;
    display: block;
}

#right .slider_right_box {
    width: 232px;
    height: 174px;
}

#right h2.right_box {
    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 9px;
    margin: 0px;
}

#right .p_right_box {
    color: #000000;
    font-size: 11px;
    line-height: 14px;
    text-align: left;
    padding: 0px 9px 0px 9px;
    margin: 0px;
    width: 232px;
}

#right .a_right_container {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

#right .a_right_container:hover {
    color: #9f1010;
    font-weight: bold;
    text-decoration: underline;
}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
    border: 1px solid #fff;
    background: #fff;
    width: 248px;
    height: 15px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    left: 10px;
    top: 0px;
    width: 248px;
    overflow: hidden;
}
ul.newsticker { /* that's your list */
    position: relative;
    left: 248px;
    font: bold 10px Verdana;
    list-style-type: none;
    margin: 0;
    padding: 0;

}
ul.newsticker li {
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0;
    background: #fff;
}
ul.newsticker a {
    white-space: nowrap;
    padding: 0;
    color: #3581b8;
    font: bold 10px Verdana;
    text-decoration: none;
    margin: 0 50px 0 0;
}
ul.newsticker span {
    margin: 0 10px 0 0;
}

/* wetter */

#wetter {
    float: right;
    margin-right: 20px;
    position: absolute;
    top: 360px;
    left: 500px;
}