﻿@import url('../module/ControlCenter/lib/ext_style.css'); 

/* Allgemeine Layoutdatei */
body, div, p, h1, h2, h3, h4, h5, h6, span, fieldset, legend, form, ul, li, a {
	margin: 0;
	padding: 0;
}

body {
	color: #000;
	font: 0.69em Verdana, Arial, Helvetica, Geneva, sans-serif;
	line-height: 150%;
    background: rgb(178,228,253) url(../image/body.gif) repeat-x;
}

img {
	border: 0 none;
}

a {
	color: #000;
	background: transparent;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul {
	list-style-image: url(../image/list_icon.gif);
	margin: 0 0 0 20px;
	padding: 0;
}

#scripterror {
	background: #eee;
	border: 1px dotted #f00;
	text-align: center;
	padding: 3px;
}

/* INHALT */
#container {
	position: relative;	
    width: 962px;
    margin: 0 auto;
}

#container_top {
	position: relative;	
    width: inherit;
    height: 122px;
    background: url(../image/container_top.png) no-repeat;
    margin-top: 3px;
}

#container_top h1 {
    font-size: 1.36em;
    color: rgb(172,0,0);
}

#container_top_logo {
	position: absolute;
    top: 23px;
    left: 16px;	
    width: 304px;
    height: 74px;
}

#container_top_news {
	position: absolute;
    top: 22px;
    left: 354px;	
}

#container_top_news input {
	background: transparent;
    height: 15px;
    width: 187px;
    margin-top: 7px;
    padding: 4px;
    font: 1.09em Verdana;
}

#container_top_consultation {
	position: absolute;
    top: 22px;
    left: 657px;
    width: 200px;	
    font: 1.09em;
    font-weight: bold;
}

#container_top_consultation_phone {
    position: absolute;
    left: 0;
    top: 21px;
    font-size: 1.55em;
}

#container_top_consultation_opening-time {
    position: absolute;
    left: 0;
    top: 37px;
    font-size: 1em;
}

#container_top_abo {
	position: absolute;
    top: 81px;
    right: 343px;
}

#container_top_contact {
	position: absolute;
    top: 81px;
    right: 229px;
}

#container_content {
	position: relative;	
    margin: 10px 1px 0 1px;
    width: 960px;
}

#container_content_menu {
	position: relative;	
    width: 955px;
    height: 26px;
    padding: 13px 0 0 7px;
    background: url(../image/container_content_menu.png) no-repeat;
}

#container_content_menu a {
    color: #fff;
    font: 14px Arial;
    padding: 0 4px 0 9px;
    text-decoration: none;
}

.container_content_menu-border {
    vertical-align: top;
    margin: -8px 0 0 9px;
}

.container_content_menu-arrow {
    vertical-align: top;
    margin-top: 0px;
}

#container_content_middle {
	position: relative;	
    width: 960px;
    background: url(../image/container_content_middle.png) repeat-y;
    padding-top: 10px;
}

#container_content_middle_left {
	position: relative;	
    width: 281px;
    float: left;
}

#container_content_middle_left_menu {  
    margin: 0px 10px 0 15px;  
}

#container_content_middle_left_menu_top {
	position: relative;	
    width: 256px;
    height: 11px;
    background: url(../image/container_content_middle_left_menu_top.gif) no-repeat;
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
} 

#container_content_middle_left_menu_middle { 
	position: relative;	
    width: 222px;
    padding: 0 16px 0 16px;
    border-left: 1px solid rgb(203,203,203);
    border-right: 1px solid rgb(203,203,203);
    background: rgb(251,251,251) url(../image/container_content_middle_left_menu_middle.gif) no-repeat;
}

#container_content_middle_left_menu_middle ul {
	list-style-image: url(../image/container_content_middle_left_menu_middle-arrow.gif);
	margin: 0 0 0 16px;
	padding: 0;
}

.container_content_middle_left_menu_middle-border {
    width: 237px;
    margin: 10px 0 10px -7px;
}

#container_content_middle_left_menu_bottom {
	position: relative;	
    width: 256px;
    height: 24px;
    background: url(../image/container_content_middle_left_menu_bottom.gif) no-repeat;    
}

#container_content_middle_left_offers {
    margin: 10px 10px 0 15px;
}

#container_content_middle_left_offers_top {
	position: relative;	
    width: 256px;
    height: 34px;
    background: url(../image/container_content_middle_left_offers_top.gif) no-repeat;
} 

#container_content_middle_left_offers_top h1 {
    color: #fff;
    font-weight: bold;
    font-size: 1em;
    padding: 10px 0 0 17px;
}

#container_content_middle_left_offers_middle { 
	position: relative;	
    width: 224px;
    padding: 12px 16px 0 16px;
    background: url(../image/container_content_middle_left_offers_middle.gif) repeat-y;
}

#container_content_middle_left_offers_middle ul {
	list-style-image: url(../image/container_content_middle_left_offers_middle-arrow.gif);
	margin: 0 0 0 16px;
	padding: 0;
}

#container_content_middle_left_offers_bottom {
	position: relative;	
    width: 256px;
    height: 24px;
    background: url(../image/container_content_middle_left_offers_bottom.gif) no-repeat;    
}

#container_content_middle_right {
	position: relative;	
    width: 645px;
    padding: 10px;
    border: 1px solid rgb(204,204,204);
    float: left;
}

/* STARTSEITE */
#container_content_middle_homepage {
	position: relative;	
    width: 930px;
    background: url(../image/container_content_middle.png) repeat-y;
    padding: 10px 15px 0 15px;
}

#container_content_middle_homepage_offer {
    position: relative;
    width: 930px;
    height: 300px;
    z-index: 1;
}

#container_content_middle_homepage_offer_details {
    position: absolute;
    top: 18px;
    right: 6px;
    width: 324px;
    height: 169px;
    padding: 16px;
    background: url(../image/container_content_middle_homepage_offer_details.png) no-repeat;
    z-index: 2;
}

#container_content_middle_homepage_offer_details h1 {
    font-size: 1.818em;
    color: rgb(203,0,0);
    font-weight: bold;
    line-height: 120%;
}

#container_content_middle_homepage_offer_details h2 {
    font-size: 1.27em;
    color: rgb(57,57,57);
    font-weight: bold;
    margin-top: 5px;
}

#container_content_middle_homepage_offer_details_button {
    position: absolute;
    bottom: 12px;
    left: 16px;
}

#container_content_middle_homepage_offer_details_price h3 {
    position: absolute;
    bottom: 12px;
    right: 16px;
    font: 2.91em Arial;
    font-weight: bold;
    color: rgb(225,14,14);
}

#container_content_middle_homepage_slider {
    margin: 10px 0 20px 0;
    height: 80px;
}

.container_content_middle_homepage_slider_element {
    position: relative;
    float: left;
    margin-right: 8px;
    z-index: 3;
}

.container_content_middle_homepage_slider_element_text {
    position: absolute;
    bottom: 0;
    width: 142px;
    height: 23px;
    background: url(../image/container_content_middle_homepage_slider_element_text.png) no-repeat;
    z-index: 4;
    font-weight: bold;
    padding: 3px 6px 0 6px;    
}

.container_content_middle_homepage_slider_element_text a {
    color: rgb(153,0,0);
    text-decoration: none;
}

#container_content_middle_homepage_content {
    position: relative;
    float: left;
    width: 557px;
}

#container_content_middle_homepage_search {
    position: relative;
    float: left;
    margin-top: -172px;
    left: 10px;
    width: 365px;
    z-index: 5;
}

#container_content_middle_homepage_search_finder {
    position: relative;
    width: 365px;
    height: 198px;
    background: url(../image/container_content_middle_homepage_search_finder.png) no-repeat;
}

#container_content_middle_homepage_search_finder_head_1 {
    position: absolute;
    top: 10px;
    left: 8px;
    color: rgb(153,0,0);
}

#container_content_middle_homepage_search_finder_head_2 {
    position: absolute;
    top: 10px;
    left: 116px;
}

#container_content_middle_homepage_search_finder_head_3 {
    position: absolute;
    top: 10px;
    left: 265px;
}

#container_content_middle_homepage_search_finder_head_4 {
    position: absolute;
    top: 10px;
    left: 315px;
}

#container_content_middle_homepage_search_finder_destination {
    position: absolute;
    top: 40px;
    left: 8px;
}

#container_content_middle_homepage_search_finder_line_1 {
    position: absolute;
    top: 80px;
    left: 8px;
}

#container_content_middle_homepage_search_finder_arrival {
    position: absolute;
    top: 100px;
    left: 8px;
}

#container_content_middle_homepage_search_finder_travel_time {
    position: absolute;
    top: 100px;
    left: 128px;
}

#container_content_middle_homepage_search_finder_return_journey {
    position: absolute;
    top: 100px;
    left: 230px;
}

#container_content_middle_homepage_search_finder_line_2 {
    position: absolute;
    top: 140px;
    left: 8px;
}

#container_content_middle_homepage_search_finder_advanced_search a {
    font-weight: bold;
    text-decoration: underline;
}

#container_content_middle_homepage_search_finder_search {
    position: absolute;
    bottom: 5px;
    right: 15px;
}

#container_content_middle_homepage_search_ships {
    position: relative;
    width: 365px;
    margin-top: 12px;
}

#container_content_middle_homepage_search_ships_top {
	position: relative;	
    width: 356px;
    height: 34px;
    background: url(../image/container_content_middle_homepage_search_ships_top.gif) no-repeat;
} 

#container_content_middle_homepage_search_ships_top h1 {
    color: #fff;
    font-weight: bold;
    font-size: 1em;
    padding: 10px 0 0 17px;
}

#container_content_middle_homepage_search_ships_middle { 
	position: relative;	
    width: 324px;
    padding: 12px 16px 0 16px;
    background: url(../image/container_content_middle_homepage_search_ships_middle.gif) repeat-y;
}

#container_content_middle_homepage_search_ships_bottom {
	position: relative;	
    width: 356px;
    height: 24px;
    background: url(../image/container_content_middle_homepage_search_ships_bottom.gif) no-repeat;    
}

#container_content_middle_homepage_search_ships img {
    vertical-align: middle;
    padding: 3px 3px 3px 0;
}

#container_content_middle_homepage_search_contact {
    position: relative;
    width: 365px;
    margin-top: 12px;
}

#container_content_middle_homepage_search_contact_top {
	position: relative;	
    width: 356px;
    height: 34px;
    background: url(../image/container_content_middle_homepage_search_contact_top.gif) no-repeat;
} 

#container_content_middle_homepage_search_contact_top h1 {
    color: #fff;
    font-weight: bold;
    font-size: 1em;
    padding: 10px 0 0 17px;
}

#container_content_middle_homepage_search_contact_middle { 
	position: relative;	
    width: 324px;
    padding: 12px 16px 0 16px;
    background: url(../image/container_content_middle_homepage_search_contact_middle.gif) repeat-y;
}

#container_content_middle_homepage_search_contact_bottom {
	position: relative;	
    width: 356px;
    height: 24px;
    background: url(../image/container_content_middle_homepage_search_contact_bottom.gif) no-repeat;    
}

#container_content_middle_homepage_search_contact img {
    vertical-align: middle;
    padding: 3px 3px 3px 0;
}

/* STARTSEITE ENDE */

#container_content_bottom {
	position: relative;	
    width: inherit;
    height: 20px;
    background: url(../image/container_content_bottom.png);
    z-index: -1;
}

#container_content_footer {
	position: relative;	
    width: inherit;
    height: 30px;
    color: rgb(105,105,105);
}

#container_content_footer_copy {
	position: absolute;
    left: 14px;
    top: 0;	
}

#container_content_footer_links {
	position: absolute;
    right: 14px;
    top: 0;	
}

#container_content_footer a {
    color: rgb(105,105,105);
}

.fix-div {
    clear: left; 
    line-height: 0; 
    font-size: 0; 
    padding: 0; 
    margin: 0;
}

/* DRUCKANSICHT */
#print_header {
	text-align: center;
	border-bottom: 1px solid #666;
	color: #666;
	padding: 5px;
	margin-bottom: 20px;
}

#print_header_left {
	float: left;
}

#print_header_right {
	text-align: right;
	font-size: 0.91em;
}

/* FORMULARE */
input, select, textarea { 
    border: 1px solid rgb(157,157,157);  
}

input.checkbox {
	border: 0;
	background: transparent;
}

div.page_form_cell {
	margin-top: 5px;
}	
	
#page_form_error {
	display: none; 
	color: #f00;
	font-size: 0.833em;
	border: 1px dotted #f00;
	margin-top: 15px;
	padding: 2px;
}

/* Formulare */
.mceContentBody table.form {
    width: 645px;
}

.mceContentBody table.form td {
    font-size: 1em;
}

.mceContentBody table.form td.form-cell-1 {
    width: 170px;
    vertical-align: top;
}

.mceContentBody table.form td.form-spacer {
    width: 7px;
}

.mceContentBody table.form td.form-cell-2 {
    width: 468px;
    vertical-align: top;
}

/* TinyMCE */
/* Überschrift 1 */
.mceContentBody h1 {
    font-size: 1.36em;
    color: rgb(172,0,0);
}

/* Überschrift 2 */
.mceContentBody h2 {
    font-size: 1em;
    color: rgb(172,0,0);
}

/* Tabelle 1 Spalte */
.mceContentBody table.tab {
    width: 645px;
}

.mceContentBody table.tab th, table.tab td {
    font-size: 1em;
}

.mceContentBody table.tab th {
    background: url(../image/tab-th.gif) no-repeat;
    height: 42px;
    text-align: left;
    vertical-align: top;
}

.mceContentBody table.tab th h1 {
    padding: 10px 0 0 17px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
}    

.mceContentBody table.tab td {
    background: rgb(230,230,230);
    padding: 14px;
}

/* Tabelle 2 Spalten */
.mceContentBody table.tab-2-spalten {
    width: 645px;
}

.mceContentBody table.tab-2-spalten th, table.tab-2-spalten td {
    font-size: 1em;
}

.mceContentBody table.tab-2-spalten th {
    background: url(../image/tab-th.gif) no-repeat;
    height: 42px;
    text-align: left;
    vertical-align: top;
}

.mceContentBody table.tab-2-spalten th h1 {
    padding: 10px 0 0 17px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
}    

.mceContentBody table.tab-2-spalten h2 {
    color: rgb(153,0,0);
    font-size: 1em;
    font-weight: bold;
}    

.mceContentBody table.tab-2-spalten td.tab-2-spalten-header-1 {
    width: 319px;
    font: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
}

.mceContentBody table.tab-2-spalten td.tab-2-spalten-header-2 {
    width: 319px;
    font: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
}

.mceContentBody table.tab-2-spalten td.tab-2-spalten-cell-1 {
    background: rgb(230,230,230);
    padding: 14px;
    vertical-align: top;
}

.mceContentBody table.tab-2-spalten td.tab-2-spalten-spacer {
    width: 7px;
}

.mceContentBody table.tab-2-spalten td.tab-2-spalten-cell-2 {
    background: rgb(230,230,230);
    padding: 14px;
    vertical-align: top;
}

/* TinyMCE (Startseite) */
/* Tabelle 1 Spalte (Startseite)*/
.mceContentBody table.startseite-tab {
    width: 557px;
}

.mceContentBody table.startseite-tab th, table.startseite-tab td {
    font-size: 1em;
}

.mceContentBody table.startseite-tab th {
    background: url(../image/startseite-tab-th.gif) no-repeat;
    height: 42px;
    text-align: left;
    vertical-align: top;
}

.mceContentBody table.startseite-tab th h1 {
    padding: 10px 0 0 17px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
}    

.mceContentBody table.startseite-tab td {
    background: rgb(230,230,230);
    padding: 14px;
}

/* Tabelle 2 Spalten (Startseite)*/
.mceContentBody table.startseite-tab-2-spalten {
    width: 557px;
}

.mceContentBody table.startseite-tab-2-spalten th, table.startseite-tab-2-spalten td {
    font-size: 1em;
}

.mceContentBody table.startseite-tab-2-spalten th {
    background: url(../image/startseite-tab-th.gif) no-repeat;
    height: 42px;
    text-align: left;
    vertical-align: top;
}

.mceContentBody table.startseite-tab-2-spalten th h1 {
    padding: 10px 0 0 17px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
}    

.mceContentBody table.startseite-tab-2-spalten h2 {
    color: rgb(153,0,0);
    font-size: 1em;
    font-weight: bold;
}    

.mceContentBody table.startseite-tab-2-spalten td.startseite-tab-2-spalten-header-1 {
    width: 275px;
    font: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
}

.mceContentBody table.startseite-tab-2-spalten td.startseite-tab-2-spalten-header-2 {
    width: 275px;
    font: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
}

.mceContentBody table.startseite-tab-2-spalten td.startseite-tab-2-spalten-cell-1 {
    background: rgb(230,230,230);
    padding: 14px;
}

.mceContentBody table.startseite-tab-2-spalten td.startseite-tab-2-spalten-spacer {
    width: 7px;
}

.mceContentBody table.startseite-tab-2-spalten td.startseite-tab-2-spalten-cell-2 {
    background: rgb(230,230,230);
    padding: 14px;
}
