/* CSS Document */


body {
	font-size: 10px;
	margin: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #FFFFFF;
}

form {font-size: 0.9em; display: inline;}

body.navi {
	background-image: url(../images/layout/schein_Tabelle2_kurz.gif);
	background-repeat:repeat-y;
	}

body.bodyContent {
	background-image: url(../images/layout/schein_Tabelle1.gif);
	background-repeat: repeat-y;
}

a, a:link, a:visited, a:active {
	text-decoration:none;
	color: #000066;
	font-weight: bold;
}

ul.infoListe {
	list-style:decimal;
	font-weight: normal;
	color: #000066;
	text-align:left;
}

ul.infoListe li {
	padding: 2px 0px;
}

h1 {
	color: #003399;
	font-size: 1.2em;
}

td.rand0 {
	/* Rand für Zellen in angebotBuchen*/	
	border-bottom: 1px solid #cccccc;
	}

td.rand1 {
	/* Rand für Zellen in angebotBuchen*/
	border-top: none;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

table {
	border-collapse: collapse;
	background: #FFF;
}

table.mainTable {
	width: 500px;
	border: 1px solid #CCCCCC;
}

.mainLogo {
	margin-left: 20px;
}

.teacer {
	font-size: 24px;
	word-spacing: 2px;
	background: transparent none no-repeat;
	color: #003399;
	vertical-align: top;
	letter-spacing: 2px;
	margin-left: 20px;
}

.teacer2 {
	font-size: 18px;
	word-spacing: 2px;
	background: #CCCCCC;
	color: #003399;
	vertical-align: top;
	letter-spacing: 2px;
	margin-left: 20px;
}

.headLine1 {
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	padding: 5px 5px;
	border-bottom: 1px #FFCC00 solid;
	vertical-align: bottom;
	text-align:left;
}

.headLine2 {
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	padding: 5px 5px;
	vertical-align:bottom;
	border-bottom: 1px #FFCC00 solid;
	text-align:right;
}


.naviTopLine1 {
	color: #FFFFFF;
	font-size: 1.115em;
	font-weight:bolder;
	word-spacing: 2px;
	padding-left: 10px;
	vertical-align: bottom;
}

.naviTopLine1 a:link, a:visited, a:active {
	text-decoration: none;
	color: #FFFFFF;
}

.naviTopLine1 a:hover {
	text-decoration:underline;
}

.sitemapKontakt {
	color: #FFFFFF;
	font-size: 0.9em;
	word-spacing: 2px;
	padding-left: 10px;
	vertical-align: bottom;
}


.teacerSubLine {
	color: #999999;
	font-size: 12px;
	word-spacing: 2px;
	background: transparent;
	font-weight: bold;
	margin-left: 20px;
}

.teacerSubLine1 {
	color:#666666;
	font-size: 12px;
	word-spacing: 2px;
	background: transparent;
	font-weight: bold;
	margin-left: 20px;
}

.leftLogo {
	font-size: 11px;
	color: #FFFFFF;
	letter-spacing: 2px;
	background: url(../images/baukasten/schiff144x144.gif) no-repeat;
}

#teacerBackground {
	background: no-repeat url(../images/baukasten/bgSunDowner.gif);
}

.leftLogoText {
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: 2px;
	margin-left: 15px;
	margin-bottom: 20px;
	vertical-align: bottom;
}

.hinweistext {
	border: 1px dotted #F00;
	font-size:11px;
	margin-bottom: 5px;
	text-align: justify;	
}

/* ------------------------------------- */
/* ANFANG FORMAT FORM                    */
/* ------------------------------------- */
form {
	display: inline;
	padding: 5px;
	font-size: 9px;
	background-color: #FFF;
}
form p {
	clear: left;
	margin-left: 0px;
	padding: 0px;
	padding-top: 5px;
	background-color: #FFF;
}
form p label {
	color: #000066;
	float: left;
	width: 100px;
	font-weight: bold;
	padding-left: 5px;
	font-size: 0.9em;
}
input.txt {
	color: #000088;
	border-style: none;
	border-width: 1px;
	width: 100px;
	font-size: 0.9em;
}
input.btn {
	color: #FFF;
	border: 1px solid #FFF;
	background: #000066;
	margin-top:2px;
	width:102px;
	font-size: 0.9em;
}
form.selected {
	display: inline;
}
/* ------------------------------------- */
/* ENDE FORMAT FORM                      */
/* ------------------------------------- */



/* Div´s für Informationsseiten */
/* _____________________________________________________________*/
#header_1 {
	position:absolute;
	left:0px;
	top:10px;
	width:480px;
	height:45px;
	z-index:1;
	vertical-align:bottom;
}

#header_text {
	position:absolute;
	left:0px;
	top:65px;
	width:480px;
	height:300px;
	z-index:2;
	vertical-align:top;
}

/*Tabelle für Informationen */
table.info_base {
	width: 100%;
	border-collapse:collapse;
	background-color:#FFF;
}

td.headerLine {
	background-image:url(../images/layout/ctRechtlicheInfo.gif);
	background-repeat:no-repeat;
	vertical-align:bottom;
	height:80px;
	text-align:left;
}

td.info {
	padding: 5px 5px;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	vertical-align:middle;
}

td.infoTxt {
	padding: 5px 30px;
	color: #000066;
	background-color: #FFF;
	font-size: 11px;
	font-weight: normal;
	vertical-align: top;
	text-align:justify;
}

td.infoTxt a {
	color: #000066;
	text-decoration: underline;
}

td.copyright {
	padding: 10px 0px;
	color: #999999;
	font-size: 10px;
	font-weight: normal;
	vertical-align: middle;
	text-align:center;
	border-top: 1px solid #CCCCCC;
	background-color: #FFF;
}

td.formKontakt {
	text-align:center;
}	

td.standartGrau {
	background-color:#CCCCCC;
}

.bildLink {
	display: inline;
	margin: 5px 10px;
	padding: 5px 10px;
	font-size: 10px;
}

.bildLinkTxt {
	color: #999999;
	font-size: 10px;
	font-weight: normal;
	vertical-align: middle;
	display: inline;
}


/* ------------------------------------- */
/* ANFANG FORMAT FORM kontaktForm        */
/* ------------------------------------- */
form.kontakt {
	background-color:#FFF;
}

form.kontakt p {
	clear: left;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	background:#FFF;
}

form.kontakt p label {
	float: left;
	width: 80px;
	font-weight: bold;
	padding: 5px 0px 5px 5px;
	font-size: 11px;
	line-height: 1.5em;
}

form.kontakt input {
	font-size: 11px;
	line-height: 1.5em;
	color: #000066;
	}

form.kontakt input.txt {
	border-bottom: 1px solid #000066;
	width: 300px;
	padding: 5px 0px;
}

form.kontakt input.txtGesperrt {
	color:#000066;
	background-color:#FFFFFF;
	border:none;
	width: 300px;
	padding: 5px 0px;
	
}

form.kontakt input.btn {
	border: 1px solid #FFCC00;
	background: #CCCCCC;
	margin: 5px 30px 5px 0px;
	color: #000066;
}

form.kontakt textarea {
	border: 1px solid #FFCC00;
	width: 300px;
	font-size: 11px;
	line-height: 1.5em;
	height: 150px;
	margin: 10px 0px 0px 0px;
	padding: 2px 5px;
}

/* ------------------------------------- */
/* ENDE FORMAT FORM kontaktForm          */
/* ------------------------------------- */


/* ------------------------------------- */
/* ANFANG FORMAT FORM kundenBuchungsForm */
/* ------------------------------------- */
form.kontaktBU {
	width: 450px;
	background-color:#FFF;
	padding: 5px 10px;
	font-size:10px;
	color:#000066;
}
form.kontaktBU p label a:visited {
	color: #000066;
	text-decoration: underline;
}

form.kontaktBU p {
	clear: left;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	background:#FFF;
}

form.kontaktBU p label {
	/*float:inherit;*/
	width: 100px;
	font-weight: bold;
	padding: 5px 0px 5px 10px;
	font-size: 11px;
	line-height: 1.3;
}

form.kontaktBU p label.opt {
	width: 490px;
	font-weight: bold;
	padding: 5px 0px 5px 10px;
	font-size: 11px;
	line-height: 1.3;
	background-color:#EDEDED;
	border-bottom: 1px solid #000066;
	margin: 2px 0px;
}

form.kontaktBU input {
	font-size: 11px;
	line-height: 1.3;
	color: #000066;
	}

form.kontaktBU input.txt {
	border: 1px solid #000066;
	width: 300px;
	padding: 2px 0px;
}

form.kontaktBU input.txtGesperrt {
	color:#000066;
	background-color:#FFFFFF;
	border:none;
	width: 60px;
	padding: 2px 0px;
	
}

form.kontaktBU input.btn {
	margin: 5px 30px 5px 0px;
	color: #000066;
	width: 100px;
}

form.kontaktBU textarea {
	border: 1px solid #000066;
	width: 300px;
	font-size: 11px;
	line-height: 1.3em;
	height: 50px;
	margin: 10px 0px 0px 0px;
	padding: 2px 5px;
}

form.kontaktBU textarea.hinweis2 {
	border: 1px solid #000066;
	width: 300px;
	font-size: 11px;
	line-height: 1.3em;
	height: 50px;
	margin: 10px 0px 0px 0px;
	padding: 2px 5px;
	background-color:#EDEDED;
}

form.kontaktBU input.txt30 {
	border: 1px solid #000066;
	width: 30px;
	padding: 2px 5px;
}

form.kontaktBU input.txt60 {
	border: 1px solid #000066;
	width: 60px;
	padding: 2px 5px;
}

form.kontaktBU input.txt100 {
	border: 1px solid #000066;
	width: 100px;
	padding: 2px 5px;
}

form.kontaktBU input.txt150 {
	border: 1px solid #000066;
	width: 150px;
	padding: 2px 5px;
}

form.kontaktBU input.txt200 {
	border: 1px solid #000066;
	width: 200px;
	padding: 2px 5px;

}

form.kontaktBU input.txt300 {
	border: 1px solid #000066;
	width: 200px;
	padding: 2px 5px;

}

form.kontaktBU select {font-size: 0.9em;}

/* ------------------------------------- */
/* ENDE FORMAT FORM kundenBuchungsForm   */
/* ------------------------------------- */


/* ------------------------------------- */
/* ANFANG FORMAT DIV´s in iFrame         */
/* ------------------------------------- */

#header_2 {
	position:absolute;
	left:0px;
	top:10px;
	width:640px;
	height:45px;
	z-index:1;
	vertical-align:bottom;
}

#header_text2 {
	position:absolute;
	left:0px;
	top:65px;
	width:640px;
	height:300px;
	z-index:2;
	vertical-align:top;
}

.headLine3 {
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	padding: 5px 5px;
	vertical-align: bottom;
	text-align:left;
}

.headLine4 {
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	padding: 5px 5px;
	vertical-align:bottom;
	text-align:right;
}

td.copyright1 {
	padding: 10px 30px;
	color: #999999;
	font-size: 10px;
	font-weight: normal;
	vertical-align: middle;
	text-align:center;
	width: 100%;
}

/* ------------------------------------- */
/* ENDE FORMAT DIV´s in iFrame           */
/* ------------------------------------- */


/* ------------------------------------- */
/* ANFANG FORMAT schiffsInfo als class   */
/* ------------------------------------- */

.schiff_tab_main {
	border: 0px;
	width: 500px;
	background-color:#FFF;
	color:#000066;
	font-size:10px;
	}
	
.schiff_Kopf {
	font-size: 11px;
	font-weight:bold;
	height: 25px;
	background-color:#99CCFF;
	color: #FFFFFF;
	vertical-align: middle;
	padding: 0px 3px;
	}
.schiff_Kopf2 {

	font-size: 11px;
	font-weight:bold;
	height: 25px;
	color:#FFFFFF;
	vertical-align: middle;
	background-color:#99CCFF;
	padding: 0px 3px;
	}
	
.schiff_Kopf a, a:visited, a:active  {
	color: #FFFFFF;
	text-decoration:none;
	}
.schiff_Kopf a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}

.schiff_Info {
	width: 290px;
	height:200px;
	text-align:left;
	vertical-align: top;
	padding: 2px 5px 2px 5px;
	border-left: 1px solid #cccccc;
	}
	
.schiff_Daten {
	padding: 0px 0px;
	text-align: left;
	vertical-align: top;
	/*border-left: 1px solid #cccccc;*/
}

.lineFarbe {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;	
	display:block;
	background-color:#EDEDED;
	padding: 0px 3px;
}

.lineFarbe1 {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	display:block;
	background-color:#FFFFFF;
	padding: 0px 3px;
}

.schiffsBild {
	border: none;
	vertical-align:top;
	padding: 2px;
	
}

.reiseInfo {
	padding: 0px 10px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

p.textBlock {
	font-size:11px;
	margin: 5px;
	color: #000066;
	padding: 5px;
	text-align: justify;
}

p.textBlock a:link, a:visited {
	color: #000066;
	text-decoration: underline;
}

.abschlussLinie {
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #CCCCCC;	
}

.seitenLinkAbstand {
	text-align: right;
	padding: 5px 3px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background:#EDEDED;
	width: 500px;
}

/* ------------------------------------- */
/* ENDE FORMAT schiffsInfo als class     */
/* ------------------------------------- */

/* ------------------------------------- */
/* ANFANG FORMAT navigationsLeiste       */
/* ANFANG dsAnzeiger                     */
/* ------------------------------------- */
.tabelleNav1 {
	border-top: 1px solid #FFFFFF;
/*	border-bottom: 1px solid #FFFFFF; */
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 20px;
}
td.left {
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #EDEDED;
}
td.left1 {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #EDEDED;
}
td.right1 {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #EDEDED;
}
td.right {
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #EDEDED;
}
.navBox {/*
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	*/
}
.navBox td {
	padding: 0px 10px;
}

/* Auswahlmenu */
form.frmAuswahl select {
	width: 200px;
	font-size: 9px;
}

/* ------------------------------------- */
/* ENDE FORMAT navigationsLeiste         */
/* ------------------------------------- */

/* ------------------------------------- */
/* ANFANG FORMAT angebote2()             */
/* ------------------------------------- */
#tabele1 {border-bottom: 1px solid #CCCCCC;}
#angebot {
	color: #003399;
	font-size: 11px;
	font-weight: bold;
	width: 380px;
	height: 20px;
	background-color:#99CCFF;
	vertical-align: middle;
	/*border-left: 1px solid #99CCFF;*/
	/*border-right: 1px solid #99CCFF;*/
	border-top: 1px solid #99CCFF;
	padding: 0px 0px 0px 3px;
} 
#angebot a:visited a:active a {
	color: #003399; 
	text-decoration:none;
}
#angebot a:hover {
	color: #003399;
	text-decoration: underline;
}
#angebot a {
	color: #003399;
}
#datum {
	font-size: 11px;
	height: 20px;
	background-color: #99CCFF;
	color: #003399;
	text-align: right;
	vertical-align: middle;
	border-right: 1px solid #99CCFF;
	border-top: 1px solid #99CCFF;
	padding: 0px 3px 0px 0px;
}
#datum1 {
	display:inline;
	font-size: 12px;
	background-color:#99CCFF;
	color: #FFF;
	text-align: right;
	vertical-align: middle;
	padding: 0px 3px;
	}
#datum2 {
	display:inline;
	font-size:10px;
	}
#info {
	font-family:"Courier New", Courier, mono;
	font-size:12px;
	width: 285px;
	height: 20px;
	background-color:#003399;
	color:#FFFFFF;
	text-align: left;
	vertical-align: middle;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #FFFFFF;
	padding: 0px 0px 0px 3px;
	}
#textLinks {
	left: 285px;
	width: 60px;
	height: 20px;
	background-color: #3366CC;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	font-size: 0.9em;
	padding: 0px 0px 0px 3px;
}
#textRechts {
	left: 345px;
	width: 60px;
	height: 20px; 
	background-color: #3366CC;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	font-size: 0.9em;
}
#textRechts2 {
	left: 405px;
	width: 60px;
	height: 20px;
	background-color: #3366CC;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding: 0px 3px 0px 0px;
	font-size: 0.9em;
}
#textLableOrange {
	background-color: #FFCB4F;
	color: #003399;
	text-align: left;
	vertical-align: middle;
	font-size: 10px;
	font-weight:bold;
	padding: 2px;
	height: 12px;
}
#route {
	font-family:"Courier New", Courier, mono;
	font-size:12px;
	color:#000066;
	left: 0px;
	width: 285px;
	height: 90px;
	text-align:left;
	vertical-align: top;
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;	
	padding: 0px 0px 0px 3px;
}
#kabine {
	font-family:"Courier New", Courier, mono;
	font-size:12px;
	left: 285px;
	width: 60px;
	height:90px;
	text-align:left;
	vertical-align: top;
	background-color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 0px 0px 0px 3px;
}
#preis1 {
	font-family:"Courier New", Courier, mono;
	font-size:12px;
	left: 345px;
	width: 60px;
	height:90px;
	text-align:right;
	vertical-align: top;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
#preis2 {
	font-family:"Courier New", Courier, mono;
	font-size:12px;
	left: 405px;
	width: 60px;
	height:90px;
	text-align:right;
	vertical-align: top;
	background-color: #FFFFFF;
	color: #FF0000;
	font-weight:bold;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 0px 3px 0px 0px;
}
#footer1 {
	width: 500px;
	height: 25px;
	color: #036;
	border: 1px solid #CCCCCC;
	background-color: #EDEDED;
	text-align: right;
	vertical-align: middle;
	padding: 0px 3px;
}
#footer1 a {
	color: #036;
	vertical-align:middle;
	text-decoration: none;
}
#imgFormat {
	border: 0px;
	vertical-align:middle;
	display:inline;
	}
/* ------------------------------------- */
/* ENDE FORMAT angebote2()               */
/* ------------------------------------- */

/* ------------------------------------- */
/* BEGINN FORMAT SONSTIGE                 */
/* ------------------------------------- */
.preisRed {color: #FF0000;
		   font-size:12px;
}


/* @group SchiffsDeteils */
	#shipDetails h3 {font-size:11px; font-weight:bold;}
	#shipDetails {width: 498px;border: 1px solid #CCC; color:#000066;}
	#shipDetails h1{background-color:#99CCFF; color:#fff;font-size:11px; padding:0 3px;margin:0; height:25px; vertical-align:middle;}
	#sdLeft {float: left; width: 210px;}
	#sdLeft h3 {display: block;}
	#sdRight {float:right;width: 210px;}
	#sdListe{ padding: 0 10px;}
	#sdDivListe table {margin:0; padding:0; width:100%;}
	#sdDivListe td {border-bottom: 1px solid #ccc; padding:5px 5px 2px 5px; background:#fff;border-right:none;border-top:none;}
	#sdDivListe td.right {text-align:right; width:60px;} 
	#sdBottom {padding-top: 5px;}
	#sdBottom table {margin:0; padding:0; width:100%;}
	#sdBottom td { width:50%;border-bottom: 1px solid #ccc; padding:5px 5px 2px 5px; border-right:none; border-top:none; background:#fff;}
	#sdBottom td.right {text-align:right;}
	#sdBottom p{text-align:justify;}
	.clearer {clear:both;}

/* @end */