/*
	Stilvorlage für die Formatierung des Tourenkalendars
	
	enthält Formatierungen für:
	
		1. Hauptgerüst der Seite
		2. Steuerelement
		3. Touren-Übersicht
		4. Touren-Details
		
*/
/* --------- 1. Hauptgerüst ------------ */
/*.kalendar_seite
{
	background-color: #F0F0FB;
	height: 100%;
}*/

.kalendar_seite #steuerelement {
	padding: 2px;
	width: 550px;
	border: 1px solid #9AB0D;
}

/* 
	AgenturInfo - Fensterchen (PopUp)
	Die Größe des PopUp-Fensters kann nur in der HTML-Vorlage (touren_hauptseite.tpl) 
	angepasst werden. z.B:
	
	<a href="JavaScript:ag_info( 200, 200,   300,    150 );">
                                 ^    ^      ^       ^
											x    y    breite  hoehe
 */
 
.ag_info {
	padding: 10px;
	padding-left: 15px;
	color: #F0F0FB;
	background: #9AB0D1;
	font: 10pt Verdana, Helvetica, sans-serif;
}

.ordering_title {
	color: #FF0000;
	font: 110% Verdana, Helvetica, sans-serif;
	text-align: center;
}

.agenturfeld{
	width: 550px;
	padding: 0px;
	margin-bottom: -18px;
	font: 75% Verdana, Helvetica, sans-serif;
	text-align: right;
	//	width: 492px;
}

	
.kopffeld {
margin: 0px;
font-family: Verdana;
}

.kopffeld h3 {
font-size:100%;
}

.input_box {
	border: 2px solid #000000;
	background: #EEEEEE;
}

.input_box td {
	color: #F0F0FB;
}

/* --------- 2. Steuerelement ------------ */
.calendar {
	width: 500px;
        background: #F0F0FB;
}

.calendar .headline {
	width: 150px;
	color: #9AB0D1;
	background: #F0F0FB;
	font: 80% Verdana, Helvetica, sans-serif;
	font-weight: bold;
}

.calendar .headline a:hover {
	color: #FF0000;
	text-decoration: none;
}

.calendar .headline .today_select {
	border-top: 1pt solid #000000;
	background: #9AB0D1;
	font: normal 65% Verdana, Geneva, Verdana, Helvetica, sans-serif;
	text-align: center;
	text-decoration: underline;
}

.next_event_select {
	background: #F0F0FB;
	font: 100% Verdana, Helvetica, sans-serif;
	text-align: left;
}

.next_event_select a {
	color: #82C4F4;
	background: #F0F0FB;
	font-size: 100%;
	text-align: center;
	text-decoration: underline;
}

/* Popup-Menü für Direktauswahl von Jahren und Monaten */
.script_driven {
	visibility: hidden; /* script_driven ist eine "interne" Klasse! - Bitte nicht ändern! */
}

.qs_months, .qs_prev_years, .qs_next_years {
	width: 50px;
	border: 1pt solid #000000;
	padding-left: 5px;
	padding-right: 5px;
	background: #77AADD;
	position: absolute;
	visibility: hidden;
	z-index: 1000;
}

.qs_months table, .qs_prev_years table, .qs_next_years table {
	font: 75% Verdana, Helvetica, sans-serif;
}

.qs_months table a, .qs_prev_years table a, .qs_next_years table a {
	width: 30px;
	display: block;
	color: #000000;
	text-decoration: none;
}

.qs_months table a:hover, .qs_prev_years table a:hover, .qs_next_years table a:hover {
	width: 30px;
	display: block;
	color: #F0F0FB;
	background: #FF0000;
}

/* --------- 3. Touren-Übersicht  ------------ */
.event_list {
	background: #FF0000;
}

.event_list .event {
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font: 80% Verdana, Helvetica, sans-serif;
}

.event_list_title {
	color: #006699;
	background: #F0F0FB;
	font: 14px Verdana, Geneva, Verdana, Helvetica, sans-serif;
}

.event_list {
	width: 550px;
	border: 1pt solid #9AB0D1;
	background: #FEFADE;
	font-family: Verdana, Helvetica, sans-serif;
	height: auto;
}

.event_list .headings {
	color: #F0F0FB;
	background: #9AB0D1;
	font: bold 60% Verdana, Helvetica, sans-serif;
}

.event_list .col_free {
	width: auto;
	padding-left: 10px;
}

.event_list .col_destination {
	width: auto;
	padding-right: 5px;
}

.event_list .col_book {
	width: 200px;
	padding-right: 5px;
}

.event_list .book {
	width: auto;
	padding-right: 5px;
	font-size: 80%;
}

.event_list .free {
	padding-left: 20px;
	padding-right: 20px;
	color: #0000FF;
	font: 80% Verdana, Helvetica, sans-serif;
}

.event_list .event {
	font: 70% Verdana, Helvetica, sans-serif;
	vertical-align: middle;
}

.event_list a {
	width: 20pt;
	color: black;
	text-decoration: none;
}

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

.event_list .date {
	padding: 1px;
	padding-left: 3px;
	color: #000000;
	font-size: 8pt;
	vertical-align: middle;
}

.event_list .duration {
	padding: 1px;
	font-size: 8pt;
	text-align: center;
	vertical-align: middle;
}

.event_list .duration_einzel {
	padding: 1px;
	padding-left: 20px;
	font-size: 8pt;
	text-align: center;
	vertical-align: middle;
}

.event_list .dest_area {
	width: 75px;
	padding: 1px;
	white-space: nowrap;
	font-size: 8pt;
	vertical-align: middle;
}

.event_list .info {
	width: 16px;
	margin: 0px;
	padding: 1px;
	padding-top: 0px;
	white-space: nowrap;
	font-size: 8pt;
	vertical-align: middle;
}

.event_list .info  a {
	padding: 0px;
	margin: 0px;
	width: 2px;
}

.event_list img {
	padding: 0px;
	margin: 0px;
}

.event_list .col_route {
	width: 300px;
	padding: 1px;
}

.event_list .route {
	width: 300px;
	padding: 1px;
	padding-left: 2px;
	font-size: 8pt;
	vertical-align: middle;
}

.event_list .book {
	width: 200px;
	padding: 1px;
	width: 75px;
}

.event_list .book, .event_list .book a, .event_list .book  a:hover {
	padding-top: 0px;
	white-space: nowrap;
	color: 597297;
	font-size: 8pt;
	vertical-align: middle;
}

.event_list .col_boat {
	padding: 1px;
	text-align: left;
}

.event_list .boat {
	color: black;
	font-size: 8pt;
	padding: 1px;
	padding-left: 1px;
	white-space: nowrap;
	vertical-align: middle;	
	text-align: left;
}

.event_list .boat a {
	color: black;
}

/*.event_list .boat a:link {
	color: black;
	font-size: 8pt;
	font-weight: normal;
	vertical-align: middle;	
}

.event_list .boat, .event_list .boat a, .event_list .boat a:hover, .event_list .boat a:visited, .event_list .boat a:active {
	color: black;
	font-size: 8pt;
	font-weight: normal;
	vertical-align: middle;
}*/


.event_list .col_free {
	padding: 1px;
	text-align: left;
}

.event_list .free {
	padding: 1px;
	color: #FF0000;
	font-size: 8pt;
	text-align: right;
	vertical-align: middle;
}

.event_list .error_message {
	margin-left: auto;
	margin-right: auto;
	padding: 10pt;
	background: #EAF0FF;
	font: 80% Verdana, Helvetica, sans-serif;
}

	
.line_color0 {
	padding-top: 0px;
	padding-bottom: 0px;
	background: #F0F0FB;
	height: 25px; /* gerade Zeilen */
}

.line_color1 {
	padding-top: 0px;
	padding-bottom: 0pt;
	background: #D9E2F0;
	height: 25px; /* ungerade Zeilen */
}

	
/* --------- 4. Touren-Details  ------------ */
.event_info {
	width: 400px;
	border: 1px solid #9AB0D1
	background: #F0F0FB;
	font: 100% Verdana, Helvetica, sans-serif;
	height: auto;
}

.event_info .headings {
	padding: 5pt 5pt 5pt 5pt;
	color: #F0F0FB;
	background: #9AB0D1;
	font: bold 70% Verdana, Helvetica, sans-serif;
}

.event_info .title {
	border-bottom: 1pt solid #9AB0D1;
	width: 100%;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
}

.event_info .date {
	width: 100pt;
	border-bottom: 1pt solid #9AB0D1;
	color: #F0F0FB;
	background: #FF00FF;
	font: 80% Verdana, Helvetica, sans-serif;
}

.event_info .description {
	padding: 8pt 8pt 8pt 8pt;
	font: 70% Verdana, Helvetica, sans-serif;
        color: #000000;
}

.kalendar_seite, .kalendar_seite #kopffeld {
	margin: 0px;
}

.calendar .headline a:link, .calendar .headline a:visited {
	color: #F0F0FB;
	text-decoration: none;
}

.event_list .col_event {
	width: auto;
}

.event_list .col_status, .event_list .col_prices {
	padding: 1px;
	width: 200px;
	text-align: center;
}

.event_list .status, .event_list .prices {
	padding: 1px;
	width: 200px;
	color: #CC0000;
	font-size: 8pt;
        font-weight: bolder;
	vertical-align: middle;
	text-align: center;
}

event_list .col_info, event_list .col_book, .event_list .col_date, .event_list .col_duration, .event_list .col_date, .event_list .col_dest_area {
	padding: 1px;
}