/*
'***********************************************************************************************************************
'* Autor:					Jean-Marc Bolfing
'* Erstellt am :        	04.06.2003
'* Letzte Aenderung am: 	23.03.2005
'* Kurzbeschreibung:    	CSS file for booking section
'***********************************************************************************************************************
'* Korrekturen / Aenderungen (wer, wann, was)
'* WB	23.03.2005	neue classe kalender
'* WB	30.06.2004	neue classe hinweis_basket
'* WB	28.06.2004	dd_standard neu: 146px	
'***********************************************************************************************************************
'* Bemerkung:	Für Produktion im body KEIN background-image!        
'***********************************************************************************************************************
*/

/*------------------------------------------------ Links within Body ------------------------------------------------*/

a:link {color: #3170B3;	text-decoration: underline;}
a:visited {color:#7A95B1; text-decoration: underline;}
a:hover{color: #CC0000; text-decoration: underline;}
a:active {color: #7A95B1; text-decoration: underline;}

.navklein {font-size : 10px; text-transform : lowercase;}
.navklein a:link{color:#3170B3; text-decoration: none; }
.navklein a:visited{color:#7A95B1; text-decoration: none; }
.navklein a:hover{color: #3170B3; text-decoration: underline; }
.navklein a:active{color : #7A95B1; text-decoration: underline;}

.border {font-size: 10px; color:#000000; }
.border a:link {color:#000000;}
.border a:visited {color:#000000;}
.border a:hover {color:#000000;}
.border a:active {color:#000000;}

/*------------------------------------------- Body-Elements ------------------------------------------*/
BODY {
	background-color: #ffffff;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	margin-left : 0px;
	margin-top: 0px;
	margin: 0px;
	color : #4E4E4E;
	/*text-align : center;*/
}

TD,TH {
	font-family: Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 11px;
	color : #4E4E4E;
}

H1 {
	font-size: 12px;
	font-weight : bold;
	margin-bottom : 0px;
	color : #000000;
}
	
H2 {
	font-size:11px;
	font-weight : bold;
	margin-top : 8px;
	margin-bottom : 0px;
	color : #000000;
}

H3 {
	font-size:11px;
	font-weight : normal;
	margin-left : 0px;
	margin-top: 0px;
	margin: 0px;
	color : #000000;
}

/*--------------------------------------------------- Classes -----------------------------------------------*/
.haupttitel
{	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size : 14px;
	height : 20px;
	margin-top : 5px;
	margin-bottom : 5px;
	color : #000000;
}
.untertitel
{	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size : 10px;
	color : #000000;
	text-transform : uppercase;
	height : 20px;
	margin-top : 5px;
	margin-bottom : 5px;
}
.ueberschrift
{	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	color : #000000;
	height : 16px;
}

.bar {																/* Balken oben in Tabelle normal   */		
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color : #3170B3;
	height : 18px;
}	
.barrot	{																	/* Sonderangebote   */		
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color : #DF0031;	
	height : 18px;
}	
	
.bg1 {																		/*Hintergrund für Tabelle mit blauem Rahmen*/
	font-size: 11px;
	color: #FFFFFF;
	background-color : #3170B3;
	height : 18px;
}	

.bg2 {																		/*Hintergrund für Tabelle mit rotem Rahmen*/
	font-size: 11px;
	color: #FFFFFF;
	background-color : #DF0031;
	/*background-color : #E6463F;*/
	height : 18px;
}	

.bg3 {																		/*Hintergrund für Infoboxen*/
	background-color : #F2F4B2;
	height : 18px;
}	
.bg4 {																		/*Hintergrund für Infoboxen weiss*/
	font-size: 11px;
	color: #4E4E4E;
	background-color : #FFFFFF;
	vertical-align : top;
}	
.bg5 {																			/*Hintergrund für blaue Tabelle Inhalt*/
	font-size:11px; 
	color: #4E4E4E; 
	background-color : #FFF7E7; 
	vertical-align : top;
}
.bg5_minipr {																			/*Hintergrund für Suchseite Minipreis*/
	background-repeat : no-repeat;
	background-image : url("../images/main_hg_mini.gif");		
	/*vertical-align : top;*/
}
.bg5_minipr_nn47 {																			/*Hintergrund für Suchseite Minipreis  Netscape 4 */
	background-color : #FFED66;	
}
.bg5_ski {																			/*Hintergrund für Suchseite Skiferien*/
	background-repeat : no-repeat;
	background-image : url(../images/main_hg_ski.gif);		
	vertical-align : top;
}
.bg5_ski_nn47{																	/*Hintergrund für Suchseite Skiferien Netscape 4 )*/
	background-color : #B3CCE7;	
	vertical-align : top;
}
.bg6 {																		/*Hintergrund für Infoboxen und Residenzensuche*/
	background-color : #E3E695;
	height : 18px;
}	
.c1
{
	background-color:#359935;
}
.cal_avbl {																		/*Kalender: frei */
	font-size:11px; 
	background-color : #E2F8E1;
}
.cal_rqst {																		/*Kalender: auf Anfrage*/
	font-size:11px; 
	background-color : #FFC46F;
}
.cal_navl {																		/*Kalender: nicht buchbar*/
	font-size:11px; 
	background-color : #F9CADA;
}
.cal_past {																		/*Kalender: Termine in der Vergangenheit */
	font-size:11px; 
	color: #999999; 
	background-color : #E4E4E4;
}
.cal_eig_eign {																	/*Kalender Eigentum: Eigenbelegung */
	font-size:11px; 
	background-color : #CCFF00;
}
.frame_side {																		/*Rahmen von Tabellen auf Startseite*/
	font-size:11px; 
	color: #FFFFFF; 
	background-color : #999999;
}	
.frame_tipp_side {																		/*Rahmen von Teaser auf Startseite*/
	font-size:11px; 
	color: #FFFFFF; 
	background-color : #4E4E4E;
}	
.frame_top_srch{																	/*Oberer Rahmen von Suchmasken)*/
	height : 31px;
	background-repeat : no-repeat;
	background-image : url(../images/main_top_hg.gif);				
}
.frame_top_ski{																	/*Oberer Rahmen von Suchmaske Ski)*/
	height : 31px;
	background-repeat : no-repeat;
	background-image : url(../images/main_top_hg_ski.jpg);		
}
.frame_top_simple{																	/*Oberer Rahmen von )*/
	height : 29px;
	background-repeat : no-repeat;
	background-image : url(../images/search_top_hg.gif);		
}
.frame_bot_simple{																	/*Unterer Rahmen von Suchmasken)*/
	height : 36px;
	background-repeat : no-repeat;
	background-image : url(../images/search_bot_hg.gif);   		
}	

.frame_bot_srch{																	/*Unterer Rahmen von Suchmasken)*/
	height : 29px;
	background-repeat : no-repeat;
	background-image : url(../images/main_bot_hg.gif);   		
}
		

.c_frame{														/*Macht einen Rahmen um Infoboxen. Aktivieren, falls gewünscht */
	/*
	font-size: 11px;
	color: #FFFFFF;
	background-color : #1C3F65;
	height : 18px;
	*/
}

.copyright {
	font-family:Verdana, Arial; 
	Font-Size:9px;
	text-align:center;
}

.stepred {																/* Buchungsablauf Schritt 1 bis 4 aktiv */											
	font-size:11px; color:#CC0000; vertical-align : middle;
} 
.stepgrey {																/* Buchungsablauf Schritt 1 bis 4 inaktiv */
	font-size:11px; color:#999999; vertical-align : middle;
} 
.countryname {
	text-align:left; 
	vertical-align: middle; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color : #4E4E4E; 
	font-weight : bold; 
	border : 1px solid #3170B3;
}

.picturename {
	text-align:left; 
	vertical-align: middle; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-style: normal; 
	color : #4E4E4E; 
}

.bg_highlight_main { 
	background-color:#FFCC66;
	color:#FFFFFF;
	
}

.durchstreichen {
	text-decoration: line-through;
}
/* ---------------------------------------------------- Forms -----------------------------------------------*/
form td {																				
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
    width: 70%;
}
input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
    width: 122px;
}
select	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10px;
}
.dd_destination {																/* Breite Drop-Down Boxen Destinationen */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	width : 166px;
}
.dd_standard {																/* Breite Drop-Down Boxen andere */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	width : 146px;
}
.checks {
	background-color : #FFFFFF;
	border : 1px none;
}
.button	 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size : 11px;
}

/* --------------------------------------------------- Dividers -------------------------------------------*/
.punktl { 				 
	background-image: url("../images/punktl_1C3F65.gif");
}
.punktl_vertical { 				 
	background-image: url("../images/punktl_1C3F65_vert.gif");
}
.punktl_2 { 				 
	background-image: url("../images/punktl_1C3F65_2px.gif");
	background-color : #FFFFFF;
}
.trennl { 
	background-image: url("../images/trennl_999999.gif");
}

/* ------------------------------------------------ Images  (various) ----------------------------------------*/
.backthumb {													/* Hintergrundbild Thumbnail */
	background-image : url(../images/back_thumb79.gif); 
	background-repeat : no-repeat; 
	width : 79px; height : 66px;
}
.backpic {													/* Hintergrundbild Grosse Bilder */
	background-image : url(../images/shadow.gif); 
	background-repeat : no-repeat; 
	width : 241px; height : 198px;
}

img.border{
	border: 1px solid #000000;
}

.step1_off{
	background : #FFFFFF url(images/1_off.gif) no-repeat center;
	}
.step1_on{
	background : #FFFFFF url(images/1_on.gif) no-repeat center;
	}
.step2_off{
	background : #FFFFFF url(images/2_off.gif) no-repeat center;
	}
.step2_on{
	background : #FFFFFF url(images/2_on.gif) no-repeat center;
	}	
.step3_off{
	background : #FFFFFF url(images/3_off.gif) no-repeat center;
	}
.step3_on{
	background : #FFFFFF url(images/3_on.gif) no-repeat center;
	}

/*--------------------------------------------- Navigation ---------------------------------------------*/

.home{font-family: Arial, Helvetica, sans-serif; font-weight : bold; background-color : #B5CFE7; width: auto; height: 18px; font-size: 12px; margin-left: 10px;}
.home a:link{color:#183C63; text-decoration: none;}
.home a:visited{color:#183C63; text-decoration: none;}
.home a:hover{color: #183C63; text-decoration: none; }
.home a:active{color : #183C63; text-decoration: none;}

.nav{font-family:  Arial, Helvetica, sans-serif; font-weight : normal; 	width: auto; height: 18px; 	font-size: 12px; margin-left: 10px;}
.nav a:link{color:#FFFFFF; text-decoration: none;}
.nav a:visited{color:#FFFFFF; text-decoration: none;}
.nav a:hover{color: #FFF5BD; text-decoration: none; background-color: #639ACE; background-image: url(../images/pfeil_navi.gif); background-repeat : no-repeat; width: auto;}
.nav a:active{color : #FFCC66; text-decoration: none; }

.toplink {font-family : Arial, Helvetica, sans-serif; font-size : 11px;} /* navigation oben */
a.toplink:link {color:#FFFFFF;	text-decoration : none;	vertical-align:middle;}
a.toplink:visited {color:#FFFFFF; text-decoration : none; vertical-align:middle;}
a.toplink:hover {color: #FFCC66; text-decoration : none; vertical-align:middle;}
a.toplink:active {color : #FFCC66; text-decoration : none; vertical-align:middle;}

.navmainline /* BLOCK element - keep SEPARATE from INLINE elements*/
{
	width: auto;
	height: 20px;
	font-size: 11px;
	margin-left: 10px;
}

.navmain_cell /* INLINE  element */
{
	margin-left: 10.5px;
	background-color : #3170B3;
	height: 20px;
}

.punktlinie
{
	background-image: url("../images/punktlinie_navi.gif");
	background-repeat: no-repeat;
	background-color: #3170B3;
	width : 155px;
}

.navi_titel /* Ueberschrift der Navigationsrubriken  element */
{
	font-size : 16px;
	color : #DEE339;
	font-weight: lighter;
	font-family :  Arial, Helvetica, sans-serif;
}

.schnellsuche
{
	font-family :  Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000000;
	/*background : url(../images/schnellsuche_higru.gif) no-repeat;*/
}

.input_schnellsuche
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	border-style: solid; 
	border-color: #000000;
	border-width: 1px; 
	width: 105px;
}

.input_schnellsuche_nn47
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	border-style: solid; 
	border-color: #000000;
	/*border-width: 1px; */
	width: 90px;
}

.secondrow
{
	background-color : #FFCC66;
}

.bgimage_top { 
	background-image: url("../images/ecke_re_wi.jpg");
	background-repeat: no-repeat;
	background-color: #3170B3;
	color: #FFFFFF;
}
.bgimage_top_so { 
	background-image: url("../images/ecke_re_so.jpg");
	background-repeat: no-repeat;
	background-color: #3170B3;
	color: #FFFFFF;
}
.bgimage_top_wi { 
	background-image: url("../images/ecke_re_wi.jpg");
	background-repeat: no-repeat;
	background-color: #3170B3;
	color: #FFFFFF;
}
.bgcolor_top { 
	background-color: #3170B3;
	color: #FFFFFF;
}

.bgimage_divider { 
	background-repeat: no-repeat;
	background-image: url("../images/ecke_balken_wi.gif");
	background-color: #FFCC66;
}
.bgimage_divider_wi { 
	background-repeat: no-repeat;
	background-image: url("../images/ecke_balken_wi.gif");
	background-color: #FFCC66;
}
.bgimage_divider_so { 
	background-repeat: no-repeat;
	background-image: url("../images/ecke_balken_so.gif");
	background-color: #FFCC66;
}
.bgcolor_divider { 
	background-color: #FFCC66;
}
.black { 
	background-color: #000000;
}
.toplink_countrychange {
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 11px;
	color: #FFFFFF;}

.kalender
	{
	top: 0px;
	left: 0px;
	display:none;
	border:1px solid #DF0031;
	background-color: #FFFFFF;
	
	}