/*********************************************************************************************************************************************************
** Function:		NangThai Travel CSS.
**
** History:
** Who When       	What
** -------------------------------------------
** AH	2009.06.22	Start
**********************************************************************************************************************************************************

divXxx1
divXxx2
divXxx3

Farben:
*******

#E1D6C9; = divHeader, divFooter #E1D6C9
#E1D6C9; = divTopMenu #E1D6C9
#C8B59D; = Farbe Box Top Menü Eintrag #C8B59D
#E8E1D9; = Farbe Box Top Menü Eintrag Mouse over #E8E1D9
#E1D6C9; = Überschrift linkes Menü #E1D6C9
#E8E1D9; = Mouse over linkes Menü #E8E1D9

*********************************************************************************************************************************************************/


/* Styles fuer 2-Spalter Klassik, Variation */

* 
{
margin: 0;
padding: 0;
}

body
{
margin: 0px 0px 0px 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100.01%;
background-color: #BBA388;
color: #000;
background: #BBA388 url("Verlauf01.png") repeat-x top left fixed;
color: #000;
}

pre
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 150%;
	font-size: 60%;
}

p, li
{
font-size: 80%;
}

/* Die Farbangabe im |#divWrapper| sorgt dafuer, dass im Contentbereich eine durchgaengige Hintergrundfarbe inkl. rechter |border| angezeigt 
wird, auch wenn das Menue laenger als der Text ist ... */

#divWrapper
{
background-color: #FFF;	/* Farbe über dem Menü und Inhalt */
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border: 1px solid #000;
}

/* Wenn man sicher ist, dasz der Text IMMER laenger als das Menue oder die Farbe dieselbe wie der Hintergrund ist, kann man diesen Div
komplett streichen. Die |border|s kann man dann bei Bedarf den anderen |div|s zuweisen ... */

/* ---- */
#divHeader 
{
	background-image: url(../images/TravelLogo01.jpg);
	background-repeat: no-repeat;
	background-color: #E1D6C9; /* Farbe divHeader */
	color: #fff;
	height: 90px;
	text-align: right;
}

/* ---- */

#divTopMenu
{
padding: 3px 0 4px 0;
text-align: right;
background-color: #E1D6C9; /* Farbe divTopMenu */
color: #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

#divTopMenu ul li
{
display: inline;
margin-right: 10px;
}

#divTopMenu a
{
text-decoration: none;
font-weight: normal;
padding: 1px 10px 2px 10px;
background-color: #C8B59D;
color: #000;
}

#divTopMenu a:hover
{
background-color: #E8E1D9;
color: #000;
}

/* ---- */

#divMenu
{
float: left;
width: 200px; /*Width of left column*/
margin-left: -900px; /*Set left margin to -(MainContainerWidth)*/
margin-top: 10px;
background-color: #FFF;
color: #000;
}

#divMenu ul
{
border: 0px solid #000;
margin: 5px;
}

#divMenu ul li
{
list-style-type: none;
}

#divMenu a
{
display: block;
text-decoration: none;
width: 183px;
margin: 0px 0px 0px 0px;
padding: 1px 0 2px 5px;
font-weight: normal;
background-color: #FFF;
color: #000;
border-top: 0px solid #000;
border-right: 0px solid #000;
border-bottom: 1px solid #BDBDBD;
}

#divMenu a:hover
{
background-color: #E8E1D9;
color: #000;
}

#divMenu ul
{
	margin-bottom: 20px;
}

.MenuLeftHeader
{
display: block;
text-decoration: none;
width: 183px;
margin: 0px;
padding: 1px 0 2px 5px;
font-weight: bold;
background-color: #E1D6C9;
color: #000;
text-align: center;
}
/* ---- */

#divContent
{
margin-left: 220px; /*Set left margin to LeftColumnWidth*/
margin-right: 20px;
}

#divContentWrapper
{
background-color: #FFF;
color: #000;
float: left;
width: 100%;
margin-top: 10px;
}

#divContent p
{
line-height: 150%;
padding: 0px 0px 10px 0px;
}

#divContent h1, h2, h3
{
padding: 0px 0px 20px 0px;
}

/* ---- */

.breaker
{
clear: both;
}

#divFooter
{
	background: #E1D6C9; /* Farbe divFooter */
	padding: 1px 0;
	text-align: center;
	border-top: 1px solid #000;
}

#divFooter p
{
	padding: 8px 15px;
	color: #000;
}

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

#divFooter a:hover
{
	background-color: transparent;
	text-decoration: underline;
	color: #000;
}

/* ---- */

#main .invis, hr
{
	display: none;
}

/*
** NangThai.
*/

ul.hotelList 		{ border:1px solid #FF0F00; float: left; 	margin: 0 0 0 0px; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; }


p.productListCol1 		{ border:0px solid #FF0000; width: 100px; 	float: left; 	margin: 0 0 0 0px; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; }
ul.productListCol2 		{ border:0px solid #00FF00; 				float: left; 	margin: 0 0 0 0px; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; line-height: 1.8; }
p.productListCol3 		{ border:0px solid #0F0FF0; width: 120px; 	float: right; 	margin: 0 0 0 0px; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; text-align: right; }

ul.ListRight			{ border:0px solid #F000FF; width: 114px; 	float: right; 	margin: 0 0 0 0px; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; text-align: right; }
li.HotelName			{ font-weight:bold; }

ul.ShortOrder			{ padding: 0 0 18px 0; margin: 0 0 10px 0; }
.imgFrame				{ border-width:1px; border-style:solid; border-color:#000000; }
.imgNoFrame				{ border-width:0px; border-style:solid; border-color:#000000; }

div.clearLeft			{ clear: left; }
div.lineClear			{ clear: left; line-height:1px; border-top:1px solid #E1D6C9; margin: 0px 0 12px 0; padding: 0px; vertical-align: middle; background-color: #FCFFA2 }
div.line				{ line-height:1px; border-top:1px solid #E1D6C9; margin: 0px 0 12px 0; padding: 0px; vertical-align: middle; background-color: #FCFFA2 }
div.lineNoPrint			{ line-height:1px; border-top:1px solid #E1D6C9; margin: 0px 0 12px 0; padding: 0px; vertical-align: middle; background-color: #FCFFA2 }

p.productListNav 		{ border:0px solid #0000FF; margin: 0 0 0 0px; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; text-align: right; }

.productListNav a		{ color:#0000FF; text-decoration:none; }
.productListNav a:hover	{ color:#0000FF; text-decoration:underline; }

p.productListLink 			{ border:0px solid #0000FF; margin: 0 0 0 0px; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; text-align: right; }

.productListLink a			{ color:#0000FF; text-decoration:none; }
.productListLink a:hover	{ color:#0000FF; text-decoration:underline; }

p.productListPage		{ display:none; }
span.hide					{ display:none; }

p.pageSize				{}

#divHeader li
{
	float:right;
	list-style-type: none;
}

img.divHeaderFlags
{
	padding: 5px;
	border: 0;
}

/*
** Teaser für linkes und rechtes Menü.
*/

.teaser
{
	width: 183px;
	background-color: #fff;
	color: #000;
	border: solid 1px #000;
	margin: 0 5px 10px 5px;
}

.teaser ul li
{
	border: 0px solid #000;
}

.teaser h4
{
	padding: 3px 0 3px 5px;
	background-color: #E1D6C9;
	color: #000;
	text-align: center;
}

#divMenu select
{
	margin-top: -5px;
	margin-left: 5px;
	margin-bottom: 10px;
	font-size: 80%;
}

/*********************************************************************************************************************************************************
** Neue Styles.
*/

#divContent hr { line-height:2px; border-top:1px solid #E1D6C9; margin: 10px 0 10px 0; vertical-align: middle; }

div.listTopCategory ul	{ width: 10em; float: left; margin: 0 0 10px 0px; list-style-type: none; }

div.listTopCategory ul a			{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;		border:0px solid #000000; 	}
div.listTopCategory ul a:link		{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; 		border:0px solid #000000;	}
div.listTopCategory ul a:visited	{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; 		border:0px solid #000000;	}
div.listTopCategory ul a:active		{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; 		border:0px solid #000000;	}
div.listTopCategory ul a:hover		{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000099; text-decoration:underline; border:0px solid #000000;	}

p.location
{
	padding: 0px;
	margin: 0px;
	background: #E1D6C9;
	border: 1px solid #C8B59D;
}

p.debug 				{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#FF0000; font-weight:bold; font-size: 10px;	border:0px solid #000000; margin: 0px; padding: 0px;	}

#divContent a			{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;		border:0px solid #000000; 	}
#divContent a:link		{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; 		border:0px solid #000000;	}
#divContent a:visited	{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; 		border:0px solid #000000;	}
#divContent a:active	{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; 		border:0px solid #000000;	}
#divContent a:hover		{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000099; text-decoration:underline; border:0px solid #000000;	}

div.sqlStatistics		{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#0000FF; font-weight:normal; font-size: 11px;	border:0px solid #000000; margin: 0px; padding: 0px; text-align: center; }
div.sqlErrors			{ font-family: Verdana, Arial, Helvetica, sans-serif; color:red; font-weight:bold; font-size: 11px;	border:0px solid #000000; margin: 0px; padding: 0px; text-align: center; }

span.addHotel			{ color:#0A8B00; font-weight:bold; font-size: 90%; }

/*
** Ende Neue Styles.
*********************************************************************************************************************************************************/

fieldset 
{
	font: 0.8em "Helvetica Neue", helvetica, arial, sans-serif;
	color: #666;
	background-color: #F0EBE5;
	padding: 10px 5px 5px 5px;
	border: solid 1px #d3d3d3;
	width: 400px;
	margin-top: 10px;
}
	
legend 
{
	color: #666;
	font-weight: bold;
	font-variant: small-caps;
	background-color: #E1D6C9;
	padding: 2px 6px;
	margin-bottom: 8px;
}

label.require
{
	font-weight: bold;
	line-height: normal;
	text-align: right;
	margin-right: 10px;
	position: relative;
	display: block;
	float: left;
	width: 125px;
}

label.optional
{
	font-weight: normal;
	line-height: normal;
	text-align: right;
	margin-right: 10px;
	position: relative;
	display: block;
	float: left;
	width: 125px;
}

label.requireError
{
	font-weight: bold;
	line-height: normal;
	text-align: right;
	margin-right: 10px;
	position: relative;
	display: block;
	float: left;
	width: 125px;
	color: #F00;
}

p.error
{
	font-size: 13px;
	color: #F00;
}

label.fieldLabel
{
	display: inline;
	float: none;
}

input.formInputText  
{
	font-size: .8em;
	color: #666;
	padding: 2px;
	margin-right: 5px;
	margin-bottom: 5px;
}
	
select.formSelect 
{
	color: #666;
	padding: 2px;
	margin-right: 5px;
	margin-bottom: 5px;
}

#printonly,
#printonly hr
{
	display:none;
}