/* Standart-CSS für Hansekontor */

/*Wichtige Farben
	Dunkelblau=#003366
	Blau2=#507dab
	Blau3=#7ea4ca
	Blau4=#b5cce4
	Blau5=#cfe0f1
	Blau6=#ebf4fd
	Rot=#bc172e

	Textfarben:
	Blau=#003366F
	Rot=#bc172e
	Weiß=#ffffff
*/


/* Allgemeine Angaben */

body, div, p, h1, h2, h3,
span, a, td, table, tr, img {
	margin:0px;
	padding:0px;
}

html, body {
	font-size:10px;
	color:#003366;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	text-align:left;
	

	
}

html {
	height:100%;
}

/* Allgemeine Angaben Ende */


/* Hauptgerüst */

#outer {
	position:absolute;
	width:770px;
	margin-left:50%;
	left:-385px;
	height:100%;
}
#fl_layer{
	position:absolute;
	top: 23px;
	left: 194px;
	width: 418px;
	height: 106px;
	z-index: 55;
} 


.haupttabelle {
	width:770px;
	height:100%;
}

td, tr {
	vertical-align:top;
	font-size:10px;
	color:#003366;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Hauptgerüst - Ende */



/* Kopfbereich */

.head {
	background-image:url(img/head.jpg);
	height:153px;
	width:612px;
}

.headnewsbox {
	background-image:url(img/bg_newshead.gif);
	height:153px;
	width:158px;
}

.menuehead {
	margin-left:326px;
	margin-top:4px;
}

.menuehead div {
	color:#b5cce4;
}

.menuehead div {
	color:#b5cce4;
	float:left;
	margin-right:12px;
}

.menuehead2 {
	margin-left:260px;
	padding-top:117px;
}

.menuehead2 div {
	color:#cfe0f1;
}

.menuehead2 div {
	color:#cfe0f1;
	float:left;
	margin-right:12px;
}

/* Kopfbereich - Ende */



/* Menuelinks */

.menuebereich {
	width:194px;
	background-color:#bdd1e7;
	background-image:url(img/bg_left.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.menuebutton {
	margin-bottom:30px;
}

.menuetext {
	position:absolute; 
	top:159px; 
	left:11px;
}

.menuetext div {
	margin-bottom:13px;
}

.submenueeinrueckung {
	margin-left:15px;
}

/* Menuelinks - Ende */



/* Newsbox */

.newsbox {
	margin-bottom:20px; 
	margin-left:11px; 
	width:169px;
}

.newsbox div {
	margin-bottom:10px;
}

/* Newsbox */



/* Bereichrechts */

.bereichrechts {
	width:158px;
	background-color:#bdd1e7;
	background-image:url(img/bg_right.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.logoleiste div {
	margin-bottom:20px;

}

.iconleisterechts {
	width:156px;
	margin:0px 0px 0px 1px;
}

.iconleisterechts div {
	width:156px;
	height:119px;
	margin:0px 0px 20px 0px;
}

/* Bereichrechts - Ende */


/* Schnellsuche */

.selectschnellsuche {
	height:19px;
	width:148px;
	font-size:10px;
	color:#bc172e;
}

.textfeldschnellsuche {
	height:19px;
	width:122px;
	font-size:10px;
	color:#bc172e;
}

.schnellsuchebereich {
	width:158px;
	background-color:#bdd1e7;
	background-image:url(img/bg_right.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.submitsuchen {
	height:19px; 
	width:74px; 
	background-image:url(img/submitsuchen.gif);
	color:#ffffff;
	font-weight:bold;
	font-size:10px;
	background-color:#003366;
	border:0px;
	text-align:left;
	padding-left:5px;
	letter-spacing:1px;
	cursor:pointer;
}

/* Schnellsuche - Ende */



/* Inhalt */

.inhaltbereich {
	width:418px;
	background-color:#eef4fa;
}

.headline {
	color:#bc172e;
	height:25px;
	margin:15px 0px 0px 18px;
	width:345px;
}

.headline div {
	float:left;
}

.headlineteil1 {
	font-size:9px;
}

.headlineteil2 {
	font-size:11px; 
	font-weight:bold; 
	margin-top:2px;
}

.fliesstext {
	width:378px;
	margin:10px 18px 20px 18px;
	text-align:left;
}

.fliesstextklein {
	text-align:justify;
	font-size:9px; 
		
}


p {
	margin-bottom:20px;
}

.rahmenbilder {
	border:1px solid #507dab;
}

.inhaltelementbildtext {
	width:378px;
}

.inhaltelementbildtext div {
	float:left;
}

.textintextbox {
	margin:5px 0px 0px 2px;
}

.textintextbox p {
	margin-bottom:11px;
}

.vorzurueckoben {
	margin:0px 0px 20px 18px;
}


li {
	list-style:square;
	margin-bottom:8px;
}
/* Inhalt - Ende */



/* Fussbereich */

.fussbereich {
	background-image:url(img/footer.gif);
	height:63px;
	width:770px;
}

.gesamterfusstext {
	margin:30px 0 0 0px;
}

.fusstext1 {
	float:left; 
	margin-right:124px;  
}

.fusstext2 {
	color:#507dab;
}

/* Fussbereich - Ende */



/* Links */

.linkblau {
	color:#507dab;
	text-decoration:none;
}


.linkweisszuhellblau:link, .linkweisszuhellblau:visited {
	color:#ffffff;
	text-decoration:none;
} 

.linkweisszuhellblau:hover, .linkweisszuhellblau:active {
	color:#cfe0f1;
	text-decoration:none
} 

.linkhellblauzuweiss:link, .linkhellblauzuweiss:visited {
	color:#b5cce4;
	text-decoration:none;
} 

.linkhellblauzuweiss:hover, .linkhellblauzuweiss:active {
	color:#ffffff;
	text-decoration:none
} 

.linkblauunterstrichen {
	color:#003366;
	text-decoration:underline;
}

.linkblaufett {
	color:#003366;
	text-decoration:none;
	font-weight:bold;
}

.linkweiss {
	color:#ffffff;
	text-decoration:none;
}

.linkweissfest {
	color:#ffffff;
}

/* Links - Ende */



/* Kontaktformular */


/* Kontaktformular - Ende */


/* Navi Links */

.linkrot {
	text-decoration:none;
	color:#f0cc60;
	
}

.linkrot2 {
	text-decoration:none;
	color:#fca8a9;
	
}

div.navtopitem{
	width:194px;
	height:25px;
	background-image:url(img/button_off.gif);
	background-position:left top;
	background-repeat:no-repeat;

}
div.navsubitem{
	width:194px;
	height:25px;
	background-image:url(img/subbutton_off.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
div.navssubitem{
	width:194px;
	height:25px;
	background-image:url(img/ssubnav_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

div.navspace{
	height: 1px;
	font-size:1px;
}

a {
	color:#003366;
	text-decoration:underline;
}

a.toplink{
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 2px;
/*	vertical-align:text-bottom;*/
	color:#ffffff;
	font-size:11px;
	width:194px;
	height: 25px;
	text-decoration:none;
	background-image:url(img/button_off.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
/*	display:block;*/
}
a.toplink:hover{
	background-image:url(img/button_on.gif);
	background-position: left bottom;
	background-repeat:no-repeat;
}
/* Active Link */
a.toplinka{
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 2px;
	color:#ffffff;
	font-size:11px;
	width:194px;
	height: 25px;
	min-height: 25px;
	text-decoration:none;
	background-image:url(img/button_on.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
/*	display:block;*/
}

a.sublink{
	padding-left: 32px;
	padding-top: 3px;
	padding-bottom: 2px;
	color:#FFFFFF;
	font-size:11px;
	width:194px;
	height: 25px;
	min-height: 25px;
	text-decoration:none;
	background-image:url(img/subbutton_off.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
/*	display:block;*/
}
a.sublink:hover{
	background-image:url(img/subbutton_on.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}
/* Active Link */
a.sublinka{
	padding-left: 32px;
	padding-top: 3px;
	padding-bottom: 2px;
	color:#FFFFFF;
	font-size:11px;
	width:194px;
	height: 25px;
	min-height: 25px;
	text-decoration:none;
	background-image:url(img/subbutton_on.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
/*	display:block;*/
}
a.sublinkasub{
	padding-left: 32px;
	padding-top: 3px;
	padding-bottom: 2px;
	color:#FFFFFF;
	font-size:11px;
	width:194px;
	height: 25px;
	min-height: 25px;
	text-decoration:none;
	background-image:url(img/subbutton_off.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
/*	display:block;*/
}

a.ssublink{
	padding-left: 32px;
	padding-top: 3px;
	padding-bottom: 2px;
	color:#ffffff;
	font-size:11px;
	width:194px;
	height: 25px;
	min-height: 25px;
	text-decoration:none;
	background-image:url(img/subbutton_off.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
/*	display:block;*/
}
a.ssublink:hover{
	background-image:url(img/subbutton_on.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}
a.ssublinka{
	padding-left: 32px;
	padding-top: 3px;
	padding-bottom: 2px;
	color:#ffffff;
	font-size:11px;
	width:194px;
	height: 25px;
	min-height: 25px;
	text-decoration:none;
	background-image:url(img/subbutton_on.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
/*	display:block;*/
}



/* END Navi Links */







/* Kontaktformular */

.textfeld {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003366;
	height:16px;
	width:165px;
	border:1px solid #003366;
	background-color:#b5cce4;
	padding-left:3px;
}

.textbereich {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003366;
	width:165px;
	border:1px solid #003366;
	background-color:#b5cce4;
	height:50px;
	padding-left:3px;
}

.schalftflaechesenden {
	height:18px;
	width:187px;
	font-size:10px;
	color:#ffffff;
	background-color:#bc172e;
	border-bottom:1px #740212 solid;
	border-left:#d8aeb4 1px solid;
	border-right:1px #740212 solid;
	border-top:#d8aeb4 1px solid;
	letter-spacing:1px;
	margin:0 0 0 161px;
	cursor:pointer;
}

.kontakttext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003366;
	padding-bottom:3px;
}


/* Kontaktformular - Ende */



/* Buchungsformular */
.mitteilung {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003366;
	padding-bottom:3px;
	background-color:#b5cce4;
	width:201px;
	height:100px;
}


.textfeldradio {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003366;
	height:20px;
	width:20px;
	border:1px solid #003366;
	background-color:#b5cce4;
}


.textfeldbuchung {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003366;
	height:16px;
	width:201px;
	border:1px solid #003366;
	background-color:#b5cce4;
	padding-left:3px;
}

.textfeldbuchung1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003366;
	height:16px;
	width:80px;
	border:1px solid #003366;
	background-color:#b5cce4;
	padding-left:3px;
}

.textfeldbuchung2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003366;
	height:16px;
	width:40px;
	border:1px solid #003366;
	background-color:#b5cce4;
	padding-left:3px;
}

.textfeldbuchung3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003366;
	height:16px;
	width:50px;
	border:1px solid #003366;
	background-color:#b5cce4;
	padding-left:3px;
}

.textfeldformbuchung {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003366;
	height:16px;
	width:200px;
	border:1px solid #003366;
	background-color:#b5cce4;
	padding-left:3px;
}

.textfeldformbuchung1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003366;
	height:16px;
	width:80px;
	border:1px solid #003366;
	background-color:#b5cce4;
	padding-left:3px;
}

.textfeldformbuchungdatum {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003366;
	height:16px;
	width:200px;
	border:1px solid #003366;
	background-color:#b5cce4;
	padding-left:3px;
}

.textfeldformbuchungdatum1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003366;
	height:16px;
	width:170px;
	border:1px solid #003366;
	background-color:#b5cce4;
	padding-left:3px;
}

.textformbuchung {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003366;
	height:16px;
	width:100px;
	border:1px solid #003366;
	background-color:#b5cce4;
	padding-left:3px;
}


.textfeldformbuchungklein {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003366;
	height:16px;
	width:55px;
	border:1px solid #003366;
	background-color:#b5cce4;
	padding-left:3px;
}

.schalftflaechesendenbuchung, .schalftflaechesendenlogin {
	height:18px;
	font-size:10px;
	color:#ffffff;
	background-color:#bc172e;
	border-bottom:1px #740212 solid;
	border-left:#d8aeb4 1px solid;
	border-right:1px #740212 solid;
	border-top:#d8aeb4 1px solid;
	letter-spacing:1px;
	cursor:pointer;
}

.schalftflaechesendenbuchung {
	width:200px;
	margin:0 0 0 161px;
	
}


.schalftflaechesendenlogin {
	width:80px;
	margin:0 0 0 151px;
}



/* Buchungsformular - Ende */


.tabellezeiten, .tabellecalender, .tabellepreise {
	width:375px;
}

.tabellezeiten td {
	text-align:center;
	height:20px;
	vertical-align:middle;
}

.tabellecalender td {
	text-align:center;
	height:20px;
	vertical-align:middle;
	background-color:#b5cce4;
}

.tabellepreise td {
	text-align:center;
	height:20px;
	vertical-align:middle;
}


.txtrot{
	color: #bc172e;
}

.tabellekreuzfahrten {
	width:700px;
}

.tabellekreuzfahrten td {
	padding:2px;
}