/*(c) TN com2 GmbH 2005*/

/* --------------------------------------------------------------------
							HTML TAGS
 --------------------------------------------------------------------*/
html, body {font-family: Arial, "Times New Roman", Times, serif; }
body, td {font-size: .85em;}
* html td {f\ont-size: 100%;} /* wird nicht zugewiesen in: IE5, IE5.5, Konq3.2, Safari1.2, Mozilla */
html:lang(de) td, html:lang(en) td  {f\ont-size: 100%;}  /* +Mozilla !!ACHTUNG: LANG Attribut im BODY nötig!!!*/


html, body {
	height: 100%;
	margin: 0;
   padding: 0;
	text-align: center; /* gesamtpositionierung für IE<6 */
}

body { background: #fff url(../images/chrome/mainbg.gif) repeat-y center top; }

input:focus, SELECT:focus, TEXTAREA:focus {
	border: 1px solid #8C280E;
}

form {margin:0px; display: inline}/* entfernen des abstandes bei Form-Elementen */
th {text-align: left; font-weight: 700; }
img {border:none;}

/*  allgemeine HEADliNE-Styles -  Größe bezieht sich immer auf Elternelement */
h1 {display: none;}
h2 {font-size: 1.3em; color: #010A40; font-style: italic; font-weight: bold; margin: 0 0 30px 0}
h3 {font-size: 1.2em; color: #010A40; font-weight: bold;}
h4 {font-size: 1em; font-weight: bold; color: #000; display: inline;}


hr{ height:1px; color: #3B87A3; background: #3B87A3; border: none}

/* -------------------------------------------------------------------------------
							STANDARD CLASSES
 -------------------------------------------------------------------------------------*/

.smaller{font-size:.8em;} /* bezieht sich immer auf Elternelement */
.concierge{font-family: Edwardian, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; font-size: 130%;}

a:link, a:visited { color : #2D6071; text-decoration: none;}
a:hover, a:active { color: #2D6071; text-decoration: underline;}	

/* ---------------- TABELLEn OPTIK 1 -----------------*/

table.optic1{ border-bottom: 1px solid #040f4f;}
	table.optic1 td { padding: 2px 5px;  border-bottom: 1px solid #040f4f;}
	table.optic1 th { padding: 2px 5px;  background: #F3E623 url(../images/chrome/tablehead.gif) repeat-x bottom; height: 25px; color: #040f4f; text-align: left; border-bottom: 2px solid #040f4f; border-top: 1px solid #A4A4A5;}
	td.highlighted { font-weight: bold; background: #FEFEF5;} 
 
 
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								

table#head { width:100%; background: #fff url(../images/chrome/headbg.gif) repeat-x} /*tabelle mit head-teasern*/
table#head td{ text-align: center; }

table#content { width:775px; margin: 0 auto; text-align: left;} /*tabelle mit head-teasern*/
table#content td { vertical-align: top; }
	#content td#menu { padding: 75px 0 0 0; }
	#content td#data { padding: 30px 39px 40px 24px; background: url(../images/chrome/databg.gif) no-repeat; line-height: 140%; }

/*--------------------------------- leftnav -----------------------------------------*/

		#content td#menu ul { padding:0; margin: 0; list-style: none; }
			#content td#menu li { padding:0; margin: 0 0 5px 0; list-style: none; }
				#content td#menu li ul { margin: 2px 7px 7px 37px; }
					#content td#menu li li { margin:0; }

/*------------------------ links		 --------------------------------------*/

				td#menu a:link, td#menu a:hover, td#menu a:active, td#menu a:visited {
					font-size: 1.1em;
					color: #040F4F;
					text-transform: uppercase;
					font-weight: bold;
					border-bottom: 1px solid #fff; /* hover hat border-bottom => würde sonst springen */
					letter-spacing: -1px;
					text-decoration: none;
					padding: 0 0 0 18px; /* abstand für bullet */
					background: url(../images/chrome/nav1-icon.gif) no-repeat -50px 2px; /*ausserhalb sichtbereich: kein flackern beim anzeigen*/
					_display: block;  d\isplay: inline; /* damit padding im ie5 und 5.5 funzt */
					_width: 99%; w\idth: auto; /* wenn displ:block leerzeile im ie5.0 => so nicht */
				}
				td#menu a:hover, td#menu a:active,
				td#menu li.active a:link, td#menu li.active a:hover, td#menu li.active a:active, td#menu li.active a:visited {
					border-bottom: 1px solid #EEE000;
					background-position: 0 2px;
				}

/*------------------------ links	2te ebene	 --------------------------------------*/

						td#menu li li a:link, td#menu li li a:hover, td#menu li li a:active, td#menu li li a:visited {
							font-size: 0.95em;
							color: #040F4F;
							text-transform: none;
							font-weight: bold;
							border-bottom: 1px solid #fff; /* hover hat border-bottom => würde sonst springen */
							letter-spacing: normal;
							text-decoration: none;
							padding: 0; /* abstand für bullet */
							background: url(../images/chrome/nav1-icon.gif) no-repeat -50px 2px; /*ausserhalb sichtbereich: kein flackern beim anzeigen*/
							_display: block;  d\isplay: inline; /* damit padding im ie5 und 5.5 funzt */
							_width: 99%; w\idth: auto; /* wenn displ:block leerzeile im ie5.0 => so nicht */
						}
						td#menu li.active li a:link, td#menu li.active li a:hover, td#menu li.active li a:active, td#menu li.active li a:visited {
							background-position: -50px 2px;
							border-bottom: 1px solid #fff;
						}
						td#menu li li a:hover, td#menu li li a:active,
						td#menu li li.active a:link, td#menu li li.active a:hover, td#menu li li.active a:active, td#menu li li.active a:visited {
							border-bottom: 1px solid #EEE000;
							background-position: -50px 2px;
						}				
				
				
/* ---------------------------- footer ----------------------------------------- */
				
#footer{
	list-style: none;
	margin: 0;
	padding: 0;
	bottom: 20px;
	left: 0;
	background: #040F4F;
   position: expression("absolute");
	top: expression(parseInt(document.body.clientHeight + document.body.scrollTop - 35+"px")); /* ie5 needs that */
   t\op: expression(parseInt(document.documentElement.clientHeight + document.documentElement.scrollTop - 35+"px")); /* ie6 needs that */
	height: 16px;
	min-width: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#footer[id] { position: fixed; /* moz */ }

#footer { color: #eee000; font-size: 0.85em; text-align: left;}

	#footer ul { padding:0; margin: 0 auto; list-style: none; width:775px;}
		#footer li { padding: 0 5px; margin: 0; list-style: none; border-right: 1px solid #eee000; display: inline;}
		#footer li.spacer { padding-left: 180px; }
		
			#footer a:link, #footer a:visited, #footer a:active, #footer a:hover { 
				 color: #eee000;
				 text-decoration: none;
			}
			#footer a:active, #footer a:hover { color: #fff; }
			
			
			
/*#####################################################################################################
                                    SPECIAL FÜR TEXTBROWSER
------------------------------------------------------------------------------------------------------*/	

.textonly{	display:none;} /* Element erscheint nur, wenn im Textbrowser.. */