* {
	margin: 0;
	padding: 0;
	}

body {
	color: #000;
	font: 12px Arial, helvetica, verdana;
	background-color: #fff;
}

/* Allgemein
------------------------------------------------ */
img {
	border: 0;
	}

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding-bottom: 5px;
	}


h2 {
	font-size: 12px;
	}

	

p {
	line-height: 15px;
	}
	
p.headline {
	font-weight: bold;
	}


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

a:hover {
	color: #000;
	}



table.pageTable {
	padding: 0;
	margin: 0;
	border: 0;
	border-spacing: 0px;
	border-collapse: collapse;
	text-align: left;
	}

td.pageTable {
	font: 12px Arial, helvetica, verdana;
	font-size: 12px;
	color: #000;
	padding: 2px 4px;
	}
	

.legend {
	color:#666;
	font-size: 11px;
	padding-top: 3px;
	}

.dividerLine {
	border-top: 1px solid #999;
	}


.normText {
	color: #333;
	}
	
	
.v_small {
	font-size: 11px;
	}
	
li.small {
	font-size: 9px;
	color:#666;
	}
	
	
label.buchung {
	cursor:pointer;
	padding-left: 2px;
	}

div.ticker {
	background: url(if/bodenseeschifffahrt/ticker.gif) no-repeat;
	height: 27px;
	width: 100px;
	float:left;
}

div.tickerEntries {
	background: url(if/bodenseeschifffahrt/ticker.gif) no-repeat -100px 0px;
	height: 		27px;
	float:			left;
	overflow:		hidden;
	color: 			#333;
	font: 			12px Arial, helvetica;
	line-height: 	27px;
	
}

input.tickerEntries {
	background: url(if/bodenseeschifffahrt/ticker.gif) no-repeat -100px 0px;
	height: 		27px;
	color: 			#333;
	font: 			12px Arial, helvetica;
	line-height: 	27px;
	border: 		none;
	outline: 		none;
	padding: 		0;
}

/* Erster Kopfbereich
------------------------------------------------------------- */
#area_head_1 {
	width: 945px;
	height: 57px;
	margin: 20px auto;
	text-align: left;
	font-size: 18px;
	color: #666;
}

#area_head_1 h1 {
	float: left;
	width: 199px;
	padding-top: 16px;
	font-size: 18px;
	font-weight: normal;
	color: #e20328;
}


#area_head_1_navigation ul {
	list-style: none;
}

#area_head_1_navigation li {
	float: left;
}

#area_head_1_navigation li a, #area_head_1_navigation li a:visited {
	float: left;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding: 10px 20px 0 0;
}

#area_head_1_navigation li a:hover, #area_head_1_navigation li a.active {
	color: #e20328;
}
	


/* Kopfbereich */

#area_head_2 {
	width: 945px;
	margin: 0 auto;
}


#area_head_3 {
	width: 945px;
	margin: 10px auto;
	text-align: right;
}

#area_head_3_navigation {
	float: right;
	height: 22px;
	background-color: #ccc;
	margin-bottom: 20px;
}


#area_head_3_navigation ul {
	list-style: none;
}

#area_head_3_navigation li {
	float: left;
}

#area_head_3_navigation li a, #area_head_3_navigation li a:visited {
	float: left;
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding: 4px 10px 0 10px;
}

#area_head_3_navigation li a:hover, #area_head_3_navigation li a.active {
	color: #fff;
}



/* Container */

#container {
	margin: 0 auto;
	width: 945px;
	}



/* Linke Hauptspalte 1 */

#area_left_1 {
	float: left;
	width: 224px;
	}


#area_left_1_navigation ul {
	list-style: none;
	}

#area_left_1_navigation li a {
	display: block;
	width: 200px;
	padding: 0 0 6px 11px;
	font-weight: bold;
	text-decoration: none;
	color: #e20328;
	background: url(if/bodenseeschifffahrt/bg-menue-left.gif) no-repeat 0 1px;
}

#area_left_1_navigation li a:hover, #area_left_1_navigation li a.active {
	color: #000;
	background-position: 0 -19px;
	}
	
#area_left_1_navigation li li a {
	padding: 0 0 3px 20px;
	background: url(if/bodenseeschifffahrt/bg-menue-left.gif) no-repeat 10px 1px;
	}

#area_left_1_navigation li li a:hover, #area_left_1_navigation li li a.active {
	color: #000;
	background-position: 10px -19px;
	}




#area_left_1_navigation li li li a {
	padding: 9px 0px 8px 45px;
	}

/* Hauptinhalt */

#area_content_1 {
	float: left;
	width: 497px;
	}
	
#area_content_1 ul {
	padding-left: 16px;
	margin: 0;
	list-style-type: none;
	}
	
#area_content_1 ul.characteristics {
	list-style-image: url(if/bodenseeschifffahrt/miniIcon_bulletList.gif);
	padding-left: 32px;
	}


/* Rechte Spalte */

#area_right_1 {
	float: right;
	width: 224px;
	}
	

/* Fussbereich */

#area_footer_1 {
	margin: 10px auto;
	width: 945px;
	height: 20px;
	padding-top: 6px;
	font-size: 11px;
	color: #fff;
	background-color: #e20328;
	}


#footerMenu {
	display: inline;
}

#footerMenu ul {
	float: right;
	padding: 1px 4px 0 20px;
	list-style-type: none;
}

#pageMenu_1 {
	float: left;
	width: 660px;
}

#search {
	float: left;
	width: 286px;
}

#search input[type=text] {
	border: 1px solid #ccc;
	padding: 1px;
}

#pageMenu_1 ul {
	float: left;
	list-style-type: none;
	color: #e20328;
	font-size: 11px;
}
	
#pageMenu_1 li, #footerMenu li {
	display: block;
	float: left;
}

#pageMenu_1 a {
	color: #e20328;
	font-size: 11px;
	font-weight: normal;
	padding: 0px 6px 0 0;
	text-decoration: none;
	border-left: 1px solid #fff;
	}

#footerMenu a {
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	padding: 0px 6px 0 6px;
	text-decoration: none;
	border: 0;
	}

#lang_navi {
    clear:both;
    margin:8px auto;
    width:946px;
    border:1px solid white;
}


#footerMenu a:hover {
	color: #e20328;
}
	
#footerMenu a.active {
	color: #fff;
}

#pageMenu_1 a:hover {
	color: #e20328;
}

#pageMenu_1 a.active {
	color: #e20328;
	font-weight:bold;
}




/* Tools */

#of_tools ul {
	display: block;
	margin: 0;
	list-style-type: none;
	}
	
#of_tools li  {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	}


/* Formulare */

.visitorForm input, .visitorForm select, .visitorForm textarea {
	border: 1px solid #999;
	margin: 1px;
	}
	
.v_success {
	color: #fff;
	font-weight: bold;
	padding: 4px;
	background-color: #093;
	margin-bottom: 10px;
	}
	
.v_error {
	color: #FFF;
	font-weight: bold;
	padding: 4px;
	background-color: #c00;
	margin-bottom: 10px;
	}
	
.v_note {
	color: #FFF;
	font-weight: bold;
	padding: 4px;
	background-color: #00c;	
	margin-bottom: 10px;
	}










/* Klassen fuer Edit Modus */

.v_edit_title, .v_edit_normtext, .v_edit_normtext_headline, .v_edit_combi, .v_edit_legend, .v_edit_pageTable {
	background-color: #fff;
	}


.v_edit_title {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	}


.v_edit_pageTable {
	border: 0;
	font-size: 12px;
	height: 16px;
	color: #333;
	}

.v_edit_normtext, .v_edit_normtext_headline, .v_edit_combi {
	font-size: 11px;
	color: #000;
	}

.v_edit_normtext_headline {
	font-weight: bold;
	color: #000;
	}

.v_edit_legend {
	font-size: 11px;
	color: #333;
	}

.v_edit_link {
	color: #e20328;
	}

.v_yellowBg {
	background-color: #ff6;
}

/* Verschiedenes */

.clearer {
	clear: both;
	}

#adressbar {
	position: absolute;
	padding-left: 16px;
	margin-top: -190px;
	height: 190px;
	width: 220px;
	color: #fff;
	}

#adressbar a {
	color: #fff;
	}
	
	
	
/* Eventkalender Klassen */
.eventGrey	{
	color: #999; 
}



/* Ticket-Shop */
div.ticket_shop ul {
    background:url(if/bodenseeschifffahrt/shop_step_bg.gif) repeat-x;
    border:1px solid #CCC;
    height:28px;
    list-style:none;
    margin-bottom:20px;
}

div.ticket_shop ul li {
    background:url(if/bodenseeschifffahrt/shop_step_arrow.gif) no-repeat right 0;
    color:#999;
    display:block;
    float:left;
    font-weight:bold;
    height:20px;
    padding-left:7px;
    padding-right:15px;
    padding-top:7px;
}

div.ticket_shop ul li a {
    color:white;
}

div.ticket_shop ul li a.active {
    color:white;
}

div.ticket_shop_title {
    background:url(if/bodenseeschifffahrt/shop_step_bg.gif) repeat-x 0 -28px;
    border:1px solid #999;
    height:28px;
}

div.ticket_shop_title div, div.ticket_shop_title span {
    font-weight:bold;
}

div.ticket_shop_title div {
    background:url(if/bodenseeschifffahrt/shop_step_arrow.gif) no-repeat right -28px;
    float:left;
    font-size:15px;
    font-weight:bold;
    margin-right:10px;
    padding:6px 0 6px 10px;
    width:34px;
}

div.ticket_shop_title span {
    display:block;
    font-size:13px;
    font-weight:bold;
    padding:7px 0 6px 10px;
}

div.ticket_shop_content {
    background:#E8E8E8;
    
    border-left:1px solid #999 !important;
    border-right:1px solid #999 !important;
    border-top:0;
}

div.ticket_shop_content table {
    border:0;
 padding:0; margin:0; border-spacing:0px;
}

div.ticket_shop_content .mandatory_field {
    padding:0 0 3px 10px;
}

div.ticket_shop_content .content_border, div.ticket_shop_content .select_border {
    padding:5px;
}

div.ticket_shop_content .box_light {
    background:#FEFEFE;
}

div.ticket_shop_content .box_light td {
    padding: 4px 8px;
}

div.ticket_shop_content .select_border select {
    width:200px;
}

div.ticket_shop_content .select_border label {
    display:block;
    float:left;
    padding-top:2px;
    width:70px;
}



div.ticket_shop_content td {
    font-size:12px;
    padding:2px 8px;
}

div.ticket_shop_content {
    border:1px solid #E8E8E8;
}

div.ticket_shop_content th {
    font-size:12px;
    padding:8px 8px 2px 8px;
    text-align: left;
}

div.ticket_shop_content .chooseRow {
	cursor: pointer;
}

div.ticket_shop_content .disabledRow td {
	color: #999;
}


div.ticket_shop_content .col1, div.ticket_shop_content .col1_input, div.ticket_shop_content .col2, div.ticket_shop_content .col3 {
    float:left;
    height: 12px;
    padding:7px;
}

div.ticket_shop_content table tr td.min_row {
    height:5px;
}

div.ticket_shop_content table tr td {
    vertical-align:top;
}

div.ticket_shop_content table tr th {
    font-weight:normal;
}

div.ticket_shop_content table tr td.ticket_text {
    padding-top:5px;
}

div.ticket_shop_content table tr td.ticket_text p {
    font-size:11px;
}

div.ticket_shop_content table .line {
    border-bottom:1px solid #999;
}

div.ticket_shop_content table .tline {
    border-top:1px solid #999;
}

div.ticket_shop_content .col1 {
    width:60px;
}

div.ticket_shop_content .col1_input {
    padding:4px;
    width:66px;
}

div.ticket_shop_content .col1_input input, div.ticket_shop_content table tr td input {
    border:1px solid #999;
    padding:2px;
    width:55px;
}

div.ticket_shop_content .col2 {
    width:299px;
}

div.ticket_shop_content .col2 span {
    font-size: 10px;
}


div.ticket_shop_content .col3 {
    text-align:right;
    width:55px;
}

div.ticket_shop_content hr {
    border:0;
    color: #999;
    background-color: #999;
    height: 1px;
    clear:left;
}

div.ticket_shop_content address {
    padding:10px;
}

div.ticket_shop_content address label {
    display:block;
    float:left;
    font-style:normal;
    padding:5px 0 0 0;
    width:120px;
}

div.ticket_shop_content address input, div.ticket_shop_content address select, div.ticket_shop_content textarea, div.ticket_shop_content table input {
    border:1px solid #999;
    margin-top:3px;
    padding:2px;
    width:315px;
}

 div.ticket_shop_content table input {
    margin:0;
 }

div.ticket_shop_content textarea {
    width:439px;
}

div.ticket_shop_content .reduction {
    height:20px;
    padding-top:7px;
    text-align:center;
}

div.ticket_shop_content .discount {
    padding-top:7px;
    text-align:center;
}


div.ticket_shop_content .reduction label {
    padding:0 30px 0 5px;
}

div.ticket_shop_content .button {
    clear:both;
    height:22px;
    margin:auto;
    padding:5px 0;
    width:210px;
}

div.ticket_shop_content .button input {
    background:#CCC;
    border:1px solid #999;
    padding:3px;
    width:100px;
    cursor: pointer;
}

div.ticket_shop_content .public_transport {
    border:0;
    float:left;
}

div.ticket_shop_content .public_transport_l {
    padding-left:5px;
    width:30px;
}

div.ticket_shop_content .button input.disabled {
    color: #999;
    cursor: default;
}

div.ticket_shop_content .left {
    float:left;
}

div.ticket_shop_content .right {
    float:right;
}

div.ticket_shop_error, div.ticket_shop_success {
    border:1px solid #999;
    border-top:0;
    color:white;
    font-weight:bold;
    padding:8px 0 8px 0;
    text-align:center;
}

div.ticket_shop_error {
    background:#990000 url(if/bodenseeschifffahrt/shop_error.gif) repeat-x 0 0;
}

div.ticket_shop_success {
    background:#006600 url(if/bodenseeschifffahrt/shop_success.gif) repeat-x 0 0;
}

.agb {
    margin-right:5px;
}