/*********************
 General
 *********************/ 
 * {
    padding: 0px;
    margin: 0px;
    font-family: Arial !important; 
    font-size: 13px;
    color: #4c5c64;
}

html, body {
    background-color: #ccc;
	background-image: url(../images/gradientBG.jpg);
	background-repeat: repeat-x;
	height: 100%;
	background-color: #72869F;
	_behavior:url("/mysite/javascript/csshover.htc");
    margin: 0px;
    padding: 0px;
}

img {
    display: inline;
    border: 0px;
}

a {
    color: #999;
    text-decoration: none;
}

a img {
    border: none;
}

.clear {
    clear: both;
}

h1 {
	font-size: 30px;
	color: #002f5f;
	font-weight: normal;
}

/***********************
 * Boxen
 **********************/

div.box {
	position: relative;
	width: 284px;
    overflow: hidden;
    margin: 0px 0px 19px 0px;
}

div.boxOverlayLeft {
    position: absolute;
    top: 0px;
    left: 0px;
	width: 4px;
    height: 4px;
	background-image: url( ../images/topImageCornerLeft.png);
	background-repeat: no-repeat;
	behavior: url(/mysite/javascript/iepngfix.htc);
	z-index: 10;
}

div.boxOverlayRight {
    position: absolute;
    top: 0px;
    right: 0px;
	width: 4px;
    height: 4px;
	background-image: url( ../images/topImageCornerRight.png);
	background-repeat: no-repeat;
	behavior: url(/mysite/javascript/iepngfix.htc);
	z-index: 10;
}

div.boxLeftBottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
	width: 4px;
    height: 4px;
	background-image: url( ../images/bottomImageCornerLeft.png);
	background-repeat: no-repeat;
	behavior: url(/mysite/javascript/iepngfix.htc);
}

div.boxTitle {
	width: 264px;
    padding: 5px 10px;
	background-image: url( ../images/boxBG.png);
	background-repeat: repeat-x;
	color: #fff;
}

div.boxRightBottom {
    position: absolute;
    bottom: 0px;
    right: 0px;
	width: 4px;
    height: 4px;
	background-image: url( ../images/bottomImageCornerRight.png);
	background-repeat: no-repeat;
	behavior: url(/mysite/javascript/iepngfix.htc);
}

div.boxImage {
}

/***********************
 * Holder
 **********************/
div#main {
	width: 980px;
	margin: 0px auto 5px auto;
	position: relative;
    head:first-child+body #top: -20px;
    z-index: 5;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
   :root #main { top: -16px; }
}

div#headerBG {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #002f5f;
	height: 100px;
	z-index: 2;
}

div#header {
	width: 980px;
	height: 100px;
}

div#socialBookmarks{
	width: 125px;
	position: absolute;
	right: 150px;
	top: 10px;
	color: #999;
	text-align: right;
	font-size: 9px;    
}

a#blogLink{
	position: absolute;
	right: 50px;
	top: 9px;    
}

div#language {
	width: 150px;
	position: absolute;
	right: 0px;;
	top: 10px;
	color: #999;
	text-align: right;
	font-size: 9px;
}

div#language a#de:hover, div#language a#en:hover {
	color: #D4D8E3;
	cursor: pointer;
}

div#language a.active {
	color: #D4D8E3;
}

div#language a.notActive {
	color: #999999;
}

div#logo {
	position: absolute;
	top: 53px;
	left: 5px;
}

div#logo a {
	width:320px;
	height: 63px;
}

div#telephone {
	position: absolute;
	top: 129px;
	left: 768px;
    background-image: url( ../images/oc_kontakt_off.jpg);
    background-position: right;
	background-repeat: repeat-y;   
    width: 194px;
    height: 16px; 
}

div#telephone:hover {
    background-image: url( ../images/oc_kontakt_on.jpg);
    background-position: right;
	background-repeat: repeat-y;   
    width: 194px;
    height: 16px; 
}

div#content {
    background-color: #fff;
    padding: 45px 5px 0px 5px;
	width: 970px;
}

div#twoColBG {
    background-image: url( ../images/twoColBG.png);
	background-repeat: repeat-y;
	width: 970px;
}

div#contentLeft {
    min-height: 400px;
    _height: 400px;
    _margin-bottom: 5px;
    width: 284px;
    float:left;
}

div#contentLeftHeader {
	color: #002F5F !important;
    padding: 5px 10px 4px 10px;
    background-image: url( ../images/contentLeftHeader.png);
    background-color: #DAE1E8;
	background-repeat: no-repeat;
    color:#00325F;
    display:block;
    font-weight:bold !important;
    border-bottom: 1px solid #fff;
}

div#contentRight {
	padding: 0px 0px 0px 20px;
	width: 666px;
	float:left;
}

div#content div.references {
	padding: 0px 0px 0px 15px;
	width: 671px;
	float:left;
}

div#headerImageHolder {
	position: relative;
	padding: 0px 0px 20px 0px;
}


/*****************
 * Footer
 *****************/


div#footer {
	height: 35px;
	margin: 0px auto 0px auto;
	width: 975px;
	padding-left: 5px;
	border-top: 5px solid #fff;
}

div#footer span {
	text-align: left;
	font-size: 11px;
	color: #002F5F;
	float: left;
	padding: 4px 4px 0 0;
	font-weight: bold;
}

div#footer a{
	color: #002F5F;
	font-size: 11px;
	font-weight: bold; 
}

div#footer a:hover{
	color: #002F5F;
	font-size: 11px;
}

div#footer b {
	font-size: 11px;
}

ul#footerLinks {
	list-style: none;
	float: right;
	margin-top:1px;
	_margin-top:3px;
}

ul#footerLinks li{
	float: left;
	padding-right: 4px;
	font-weight: normal;
}

ul#footerLinks li a{
	font-weight: normal;
}

/*****************
 * Typography
 *****************/
div#contentRight * {
	color: #4C5C64;
	line-height: 1.5;
	font-size: 14px;
	font-weight:normal;
}

div#contentRight p {
	margin-bottom: 15px;
}

div#contentRight a {
	color: #002F5F;
	font-size: 14px;
	font-weight: bold;
}

div#contentRight a:hover {
	text-decoration: underline;
}

div#contentRight h1 {
	color: #002F5F;
	font-size:20px;
	font-weight:normal;
	padding: 0px 0px 8px 0px;
	margin-top: -5px;
}

div#contentRight h2 {
	color: #002F5F;
	font-size: 16px;
	font-weight: bold;
	padding: 0px 0px 8px 0px;
	margin-top: -5px;
}

div#contentPadding {
	padding-right: 10px;
}


/*****************
 * Main Navi
 *****************/

ul#mainNavi {
	position: absolute;
    top: 75px;
    right: 0px;
	z-index: 5;
	list-style: none;
	height: 25px;
}

ul#mainNavi li {
    margin: 0px 8px;
	float: left; 
	height: 25px;
	line-height: 25px;
    margin-left: 10px;
	text-align: center;
    _width: 0px;
}

ul#mainNavi li:hover, ul#mainNavi li.current, ul#mainNavi li.section {
    background-color: #dae1e8;
    background-image: url(../images/hoverLeft.jpg);
	background-repeat: no-repeat;
}

ul#mainNavi li a {
    display: block;
    height: 25px;
    padding: 0px 10px;
    color: #fff;
    letter-spacing: 1px;
}

ul#mainNavi li:hover a, ul#mainNavi li.current a, ul#mainNavi li.section a {
    background-image: url(../images/hoverRight.jpg);
	background-repeat: no-repeat;
    background-position: right top;
	color: #002F5F;
}

/*****************
* Main Navi
*****************/

ul#subMenu {
	list-style: none;
	margin-top: 0px;
	padding: 0px 10px;
	font-size: 12px;
}

ul#subMenu li a span {
    display: block;
    position: absolute;
    top: 0px;
    #top: -8px;
    right: 0px;
    text-align: right;
	font-weight: normal;
	color: #66849F;
	padding: 0px;
}

ul#subMenu li a:hover span{
	color: #00325F;
}

ul#subMenu li {
    position: relative;
	line-height: 30px;
	color: #00325f;
}

ul#subMenu li p, ul#subMenu li table tbody tr td {
	color: #00325f;
}
ul#subMenu li table tr td {
	color: #00325f;
}

ul#subMenu li.current a, ul#subMenu li.section a{
	color: #00325F;
	font-weight: bold;
}

ul#subMenu li a {
	font-size: 12px;
	color: #66849f;
}

ul#subMenu li a:hover {
	color: #00325f;
}

ul#subMenu li ul li a:hover{
	color: #66849f;
}

ul#subMenu li.section a {
	color: #00325f;	
	font-weight: bold;
}

ul#subMenu li.section ul li a {
	color: #66849f;
	font-weight: normal;
}

ul#subMenu li.section ul li.current a {
	color: #00325f;
	font-weight: bold;
}

ul#subMenu li.section ul li a:hover {
	color: #00325f;
	font-weight: bold;
}

ul#shisubMenups li.section ul {
	display: block;
}

ul#subMenu li ul {
	list-style: none;
	padding-left: 10px;
	display: none;
}

/*****************
* Colors
*****************/

span.green {
	color: #C1EC44;	
}

/*****************
* Special Start
*****************/

div#topImage {
	width: 970px;
	margin-bottom: 10px; 
	position: relative;
	background-image: url(../images/topImageCorner.png);
	background-repeat: no-repeat;
    margin-bottom: 19px;
	behavior: url(/mysite/javascript/iepngfix.htc);
}

div#topImages {
    position: relative;
	width: 970px;
    height: 252px;
	margin-bottom: 10px; 
	position: relative;
	background-image: url(../images/topImageCorner.png);
	background-repeat: no-repeat;
    margin-bottom: 19px;
    overflow: hidden;
	behavior: url(/mysite/javascript/iepngfix.htc);
}

div#topImages img {
    position: absolute;
    top: 0px;
    left:0px;
    display: none;
	z-index: 5;
}

div#topImage img {
	width: 978px;
}


/*********************
 * Ships
 ********************/

ul#ships {
	list-style: none;
	margin-top: 0px;
	padding: 0px 10px;
	font-size: 12px;
}

ul#ships li {
	line-height: 30px;
}

ul#ships li.capacity {
	color: #66849F;
}

ul#ships li a {
	font-size: 12px;
	color: #66849f;
}

ul#ships li:hover a {
	color: #00325f;
}

ul#ships li:hover ul li a{
	color: #66849f;
}

ul#ships li.section a, ul#ships li.current a {
	color: #00325f;	
	font-weight: bold;
}

ul#ships li.current ul {
	display: block;
	line-height: 20px;
}

ul#ships li.current ul li a {
	font-weight: normal;
	color: #66849F;
}

ul#ships li.current ul li:hover a {
	font-weight: normal;
	color: #00325f;
}

ul#ships li.section ul li a {
	color: #66849f;
	font-weight: normal;
}

ul#ships li.section ul li.current a {
	color: #00325f;
	font-weight: bold;
}

ul#ships li.section ul li:hover a {
	color: #00325f;
	font-weight: bold;
}

ul#ships li.section ul, ul#ships li.current ul {
	display: block;
	padding-left: 30px;
}

ul#ships li ul {
	list-style: none;
	padding-left: 10px;
	display: none;
}

ul#ships li.section ul li, ul#ships li.current ul li {
	line-height: 20px;
}


div#rightLeftBorder {
	background-image: url(../images/RightBorderLeft.png);
	background-repeat: no-repeat;
	behavior: url(/mysite/javascript/iepngfix.htc);
}

div#headlineWrapper{
	width: 666px;
	min-height: 86px;

}

div#headline {
	width: 666px;
	float: left;
	height: 25px;
	background-color: #002F5F;
	position: relative;
}

div#headline h1 {
	width: 190px;
	float: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	padding: 0px 10px;
	color: #fff !important;
	margin: 0px !important;
}

div#characteristicButton, div#equipmentButton, div#cabinButton, div#galleryButton {
	float: left;
	color: #c1ec44; /*9cb74c;*/
	font-size: 11px;
	padding: 0px 5px;
	line-height: 24px;
	_padding-top: 7px;
	height: 24px;
	cursor: pointer;
	z-index: 10;
}

div#characteristicButton {
	width: 87px;
}

div#characteristicButton img{
	padding-left: 3px;
}

div#equipmentButton {
	width: 95px;
} 

div#equipmentButton img {
	padding-left: 3px;
} 

div#cabinButton {
	width: 136px;
} 

div#cabinButton img{
	padding-left: 3px;
} 

div#galleryButton {
	width: 81px;
}

div#galleryButton img {
	padding-left: 3px;
}

div#rightRightBorder {
	background-image: url(../images/RightBorderRight.png);
	background-repeat: no-repeat;
	behavior: url(/mysite/javascript/iepngfix.htc);
}

div#rightLeftBorder, div#rightRightBorder {
	width: 4px;
	height: 86px;
	float: left;
}

div#shipDetails {
    position: relative;
}

div#shipDetails h1 {
	color: #ffffff;
}

div#shipImage{
	height: 435px;
	width: 666px;
	background-color: #c2c2c2;
}

div#shipImage img{
	height: 435px;
	width: 666px;	
}

span.identifier {
	color: #879fb4 !important;
}

/*********************
*  Sections
**********************/
div#sectionHolder {
	position: relative;
	top: 25px;
	_top: 0px;
}

div#sectionSpacer {
	height: 800px;
	margin-bottom: 15px;
}

div.section {
	position: absolute;
	top:0px;
	left: 0px;
	display: none;
	z-index: 2;
}

div.section img {
	padding-bottom: 12px;
}

div.sectionHolder {
	display: none;
}

div.sectionFirst {
	position: absolute;
	top: 1px;
	z-index: 5;
	display: block;
}

div.sectionTypography {

}

div.sectionTypography h2 {
	color: #002F5F;
}

div.sectionTypography p {
	color: #4C5C64;
	margin: 0px;
	padding: 0px;
}


div.galleryShowNext {
	position: absolute;
	bottom: 19px;
	right: 19px;
	top: 366px;
	z-index: 6;
	width: 17px;
	height: 19px;
	behavior: url(/mysite/javascript/iepngfix.htc);
	background-image: url(../images/galleryNextButton.png);
	
	background-repeat: no-repeat;
	cursor: pointer;
}

div.galleryShowPrevious {
	position: absolute;
	bottom: 19px;
	right: 45px;
	top: 366px;
	z-index: 6;
	width: 17px;
	height: 19px;
	behavior: url(/mysite/javascript/iepngfix.htc);
	background-image: url(../images/galleryPreviousButton.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

/*
Characteristics / Cabins And Suits
*/

div#characteristics, div#cabinsAndSuits,  div#equipment {
	color: #ffffff;
	margin-top: 5px;
	width: 666px;
	position: absolute;
	top: 416px;
    left: 0px;
	margin-top: -269px;
	z-index: 1;
	
}

div#characteristicsBGTop, div#cabinsAndSuitsBGTop, div#equipmentBGTop {
	background-image: url(../images/SteckbriefBGtop.png);
	background-repeat: no-repeat;
	width: 666px;
	height: 3px;
		_margin-bottom: -1px;
	line-height: 3px;
	font-size:3px;
	behavior: url(/mysite/javascript/iepngfix.htc);

	
}

div#characteristicsBGMiddle, div#cabinsAndSuitsBGMiddle, div#equipmentBGMiddle {
	color: #ffffff;
	background-color: #3e6485;
	background-image: url(../images/SteckbriefBG.gif);
	background-repeat: repeat-x;
	width: 666px;
	
}
div#characteristicsBGBottom, div#cabinsAndSuitsBGBottom, div#equipmentBGBottom {
	width: 666px; 
	height: 3px;
	line-height: 3px;
	font-size:3px;
	background-image: url(../images/SteckbriefBGBottom.png);
	background-repeat: no-repeat;
	behavior: url(/mysite/javascript/iepngfix.htc);
}

div#characteristicsHead, div#cabinsAndSuitsHead,div#equipmentHead {
	color: #ffffff;
	padding: 5px 10px 5px 5px;
	border-bottom: 1px solid #396082;
	font-size: 15px;
	font-weight: bold;
}

div#characteristicsBody, div#cabinsAndSuitsBody p, div#equipmentBody p {
	color: #ffffff;
	margin-bottom: 0px;
	padding: 5px;
	font-size: 13px;
}

div#characteristicsBody {
	padding: 0px;
}

div#characteristicsBodyPartOne, div#characteristicsBodyPartTwo {
border-right: solid 1px #396082;
}

div#characteristicsBodyPartOne,div#characteristicsBodyPartTwo, div#characteristicsBodyPartThree {
	width: 198px;
	padding: 5px 10px 5px 5px;
	min-height: 150px;
	color: #ffffff;
	float: left;
	font-size: 13px;
	line-height: 25px;
}

/*
Gallery
*/


div#galleryWrapper {
	position: absolute;
	top: 0px;
	right: 20px;
	width: 160px;
	height: 0px;
	overflow: hidden;
	z-index: 6;
	}
	
img#cabinsAndSuitsArrow{
	behavior: url(/mysite/javascript/iepngfix.htc);
}

div#galleryHolder {
	margin-top: 0px;
	height: 230px;
	overflow: hidden;
	margin: 5px 5px 0px 5px;
	position:relative;
}

div#galleryInnerWrapper {
	background: transparent url( ../images/backgroundGallery.png) no-repeat top left;
	behavior: url(/mysite/javascript/iepngfix.htc);
	height: 265px;
	z-index: 6;
	margin-top: -5px;
}


div#gallery {

}

div.galleryMini {
	width: 71px;
	height: 40px;
	float: left;
	margin: 3px 2px;
	_margin: 2px 1px;
	cursor: pointer;
	position: relative;
	z-index:10;
}

div#scrollerWrapper {
	text-align: right;
	height: 17px;
	width: 160px;
	position:absolute
}

div#galleryMiniShowPrevious {
	background-image: url(../images/GalleryWrapperArrowLeft.png);
	background-repeat: no-repeat;
	behavior: url(/mysite/javascript/iepngfix.htc);
	width: 7px;
	height: 12px;
	left: 130px;
	top: 4px;
	cursor: pointer;
	position:absolute;
	z-index:11;
}

div#galleryMiniShowNext {
	background-image: url(../images/GalleryWrapperArrowRight.png);
	background-repeat: no-repeat;
	behavior: url(/mysite/javascript/iepngfix.htc);
	width: 7px;
	height: 12px;
	margin-right: 7px;
	margin-top: 4px;
	cursor: pointer;
	position:absolute;
	top 4px;
	right: 2px;
	z-index:11;
}


div.scrollNumbers {
	height: 11px;
	font-size: 11px;
	width: 15px;
	line-height: 11px;
 	background-color: #CFD0D3;
	color: #002354;
	border: 1px solid #002354;
	float: left;
	margin: 4px 1px 1px 1px;
	text-align: center;
}

div.galleryShowNext {
	position: absolute;
	bottom: 19px;
	left: 630px;
	top: 366px;
	z-index: 6;
	width: 17px;
	height: 19px;
	behavior: url(/mysite/javascript/iepngfix.htc);
	background-image: url(../images/galleryNextButton.png);
	
	background-repeat: no-repeat;
	cursor: pointer;
}

div.galleryShowPrevious {
	position: absolute;
	bottom: 19px;
	left: 605px;
	top: 366px;
	z-index: 6;
	width: 17px;
	height: 19px;
	behavior: url(/mysite/javascript/iepngfix.htc);
	background-image: url(../images/galleryPreviousButton.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

/*
References
*/

ul#referencesNames {
	list-style: none;
	padding: 5px 10px 0px 10px;
	font-size: 12px;
	font-weight: normal;
}

ul#referencesNames li {
	line-height: 20px;
	font-size: 12px;
	color: #00325f;
}
div#referencesBGWrapper {
	top: 20px;
	bottom: 20px;
	left: 20px;
	right: 20px;
	position: absolute;
	z-index: 2;
}

div#referencesBG {
	background-color: #e3e9ed;
	width: 100%;
	height: 100%;
}

div#imageBoxes {
	margin-bottom: -10px;
	margin-left: -5px;
	
}

div.imageBox {
	position: relative;
	z-index: 4;
	float: left;
	margin: 0px 0px 10px 5px;
	width: 152px;
	height: 86px;
	padding: 5px;
	background-image: url(../images/ReferenzenBoxen.png);
	behavior: url(/mysite/javascript/iepngfix.htc);
}

/***********************
 * Contact Form
 **********************/
div#content h1#kontaktTitle {
	line-height: 20px;
}

form {
	padding-bottom: 20px;
}

fieldset {
	border: 0px;
}

div#content ul {
	list-style: none;
}

.middleColumn{
	padding-bottom: 10px;
}

label.left {
	float: left;
	width: 120px;
}

label.right {
	width: 120px;
}

p.checkbox {
	margin-left: 120px;
	width: 300px;
	 
}

p.checkbox input {
	width: 20px;
}

input {
	width: 300px;
	border: 1px solid #D5D9E4;
}

div.Actions input {
	margin-left: 120px;
}
textarea {
	width: 300px;
	border: 1px solid #D5D9E4;
}

input:hover, textarea:hover {
	border: 1px solid #002F5F;
}

/***********************
 * Login Form
 **********************/

label.right {
	width: 170px;
}

input#MemberLoginForm_LoginForm_Remember {
	width: 13px;
}


form#MemberLoginForm_LoginForm {
	margin-top: 30px;
}

div.captcha span {
	display: block;
	line-height: 20px;
	height: 20px;
	float: left;
	margin-top: 10px;
}

img#cryptogram {
	float: left;
	margin-top: 10px;
}