@charset "utf-8";
/* CSS Document */
/**************************************************************************************/
/* Layout Data for the homepage ELSA - International */
/**************************************************************************************/
/* author: 		Bernhard Lehner */
/* organization:	C5 Solutions AG */

/**************************************************************************************/
/* description:		Styles, Classes and IDs for the main apperance of the page */
/**************************************************************************************/

body {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	/*font:Arial;*/
	font-size:12px;
	z-index:10;
	background:#f3f3f3;
}
/********************************************/
#pageContainer {
	position:relative;
	display:block;
	width:90%;
	min-width:800px;
	margin-left:-45%;
	padding:0px;
	left:50%;
	background:#ffffff;
	border-left:2px solid #e6e6e6;
	border-right:2px solid #e6e6e6;
	border-bottom:2px solid #e6e6e6;
	z-index:10;
}
/***********************************************************************************/
	/*******************************************************************************/
	/* Header Area */
	/*******************************************************************************/
	#header {
		position:relative;
		display:block;
		width:100%;
		height:65px;
		margin:0px;
		padding:0px;
	}
		#headerContent {
			position:relative;
			display:block;;
			width:100%;
			height:65px;
			background:url(../IMG/headerContent_BG.gif) right top repeat-x;
			margin:0px;
			padding:0px;
		}
			#headerNavi {
				position:absolute;
				display:block;
				left:10px;
				top:4px;
			}
				#headerNavi ul {
					list-style:none;
					position:relative;
					display:block;
					margin:0px;
					padding:0px;
					z-index:30;
				}
				#headerNavi ul li {
					position:relative;
					display:block;
					float:left;
					margin:0px;
					padding:0px;
				}
				#headerNavi ul li a, #headerNavi ul li a:visited {
					position:relative;
					display:block;
					background:url(../IMG/headerNaviBullet.gif) left center no-repeat;
					color:#69686b;
					font-size:10px;
					font-weight:normal;
					text-decoration:none;
					margin:0px 0px 0px 9px;
					padding:0px 0px 0px 14px;
				}
				#headerNavi ul li a:hover {
					color:#fa4f1c;
				}
				
			#headerLogo {
				position:relative;
				display:block;
				float:right;
				width:185px;
				height:65px;
				background:url(../IMG/headerLogo_BG.gif) right top repeat-x;
				margin:0px;
				padding:0px;
			}
			#headerImage {
				position:relative;
				display:block;
				font-family:"Times New Roman", Times, serif;
				font-size:19px;
				left:19px;
				top:23px;
			}
				#headerImage #orangePart {
					color:#ff5820;
				}
				#headerImage #bluePart {
					color:#0b3088;
				}
/***********************************************************************************/
	/*******************************************************************************/
	/* Main Navi */
	/*******************************************************************************/
	#mainNavi {
		position:relative;
		display:block;
		width:100%;
		height:25px;
		background:url(../IMG/mainNavi_BG.gif) left top repeat-x;
		margin:0px;
		padding:0px;
		z-index:200;
	}
		#mainNavi ul{
			list-style:none;
			position:relative;
			display:block;
			margin:0px;
			padding:0px;
		}
		#mainNavi ul li{
			position:relative;
			display:block;
			float:left;
			margin:0px;
			padding:0px 1px 0px 0px;
			background:url(../IMG/mainNaviSpacer_BG.gif) left top repeat-x;
		}
		#mainNavi ul li a, #mainNavi ul li a:visited {
			position:relative;
			display:block;
			text-decoration:none;
			color:#0b3088;
			font-weight:bold;
			font-size:12px;
			margin:0px 0px 0px 0px;
			padding:5px 20px 5px 20px;
			background:url(../IMG/mainNavi_BG.gif) left top repeat-x;
		}
		/* AKTIV */
		#mainNavi ul li a.aktivMain, #mainNavi ul li a.aktivMain:visited {
			background:url(../IMG/mainNaviHover_BG.gif) right top repeat-x;
			color:#ffffff;
		}
		/* HOVER */
		#mainNavi ul li a:hover, #mainNavi ul li a.aktivMain:hover {
			background:url(../IMG/mainNaviHover_BG.gif) right top repeat-x;
			color:#ffffff;
		}
/***********************************************************************************/
	/*******************************************************************************/
	/* Showroom Container */
	/*******************************************************************************/
	#showcroomContainer {
		position:relative;
		display:block;
		width:100%;
		margin:2px 0px 0px 0px;
		z-index:180;
	}
/* LEFT COLUMN ********************************************************************/
		/**************************************************************************/
		/* Sub Navi */
		/**************************************************************************/
		#subNavi {
			position:relative;
			display:block;
			float:left;
			width:184px;
			height:144px;
			background:url(../IMG/subNavi_BG.gif) right top no-repeat #0b3088;
			border:1px solid #001879;
			z-index:200;
		}
			/* FIRST LEVEL */
			#subNavi ul {
				list-style:none;
				position:relative;
				display:block;
				margin:0px;
				padding:0px;
			}
			#subNavi ul li {
				position:relative;
				display:block;
				/* IE Fix - list elements */
				float:left;
				margin:0px;
				padding:0px;
				width:184px;
			}
			#subNavi ul li a, #subNavi ul li a:visited {
				position:relative;
				display:block;
				text-decoration:none;
				color:#ffffff;
				font-weight:normal;
				font-size:12px;
				margin:0px;
				padding:4px 0px 4px 40px;
				
				background:url(../IMG/subNaviAnker_BG.gif) left top no-repeat;
				border-bottom:1px solid #2b4b97;
			}
			#subNavi ul li a:hover {
				background:url(../IMG/subNaviAnker_BG.gif) left top no-repeat #969696;
			}
			#subNavi ul li a.aktiv {
				background:url(../IMG/subNaviAnker_BG.gif) left top no-repeat #969696;
			}
			/* SECOND LEVEL */
			#subNavi ul ul {
				list-style:none;
				position:absolute;
				display:block;
				margin:0px;
				padding:0px 0px 0px 1px;
				left:184px;
				top:0px;
				z-index:200;
			}
			#subNavi ul ul li {
				position:relative;
				display:block;
				margin:0px;
				padding:0px;
				width:220px;
				background:url(../IMG/subNavi_SubAnker_BG.gif) left top no-repeat;
				z-index:200;
			}
			#subNavi ul ul li a, #subNavi ul ul li a:visited {
				position:relative;
				display:block;
				text-decoration:none;
				color:#ffffff;
				font-weight:normal;
				font-size:12px;
				margin:0px 0px 0px 3px;
				padding:4px 0px 4px 14px;
				border-bottom:1px solid #2b4b97;
				background:#969696;
				z-index:200;
			}
			#subNavi ul ul li a:hover {
				color:#ffffff;
				background:#0b3088;
			}
			/* HIDE EVENT */
			#subNavi ul ul {
				visibility:hidden;
			}
			/* MOUSE AND SHOW EVENT */
			#subNavi ul li:hover ul,
			#subNavi ul a:hover ul{
				visibility:visible;
			}
			
			* html #subNavi ul li:hover ul { display:block; }
			* html #subNavi ul li a:hover ul { display:block; }
		/**************************************************************************/
		/* ELSA MAP LINK BOX */
		/**************************************************************************/
		#elsaMapLink {
			position:absolute;
			display:block;
			float:left;
			width:184px;
			height:144px;
			left:0px;
			top:0px;
			z-index:400;
		}
		#elsaMapLinkText{
			display:none;
		}
		a#elsaMap, a#elsaMap:hover, a#elsaMap:visited {
			position:relative;
			display:block;
			float:left;
			width:184px;
			height:144px;
			background:url(../IMG/elsaMap_bg.gif) left top no-repeat #0b3088;
			border:1px solid #001879;
			z-index:400;
		}
/* RIGHT COLUMN *******************************************************************/			
		/**************************************************************************/
		/* Login Container */
		/**************************************************************************/
		#login {
			position:relative;
			float:right;
			top:0px;
			display:block;
			width:184px;
			height:144px;
			background:#0b3088;
			border:1px solid #001879;
			
			margin:0px;
			padding:0px;
		}
			#login h3 {
				position:relative;
				display:block;
				margin:6px 0px 6px 16px;
				padding:0px;
				color:#ffffff;
				font-size:11px;
				font-weight:bold;
			}
			#login .loginPanel {
				 margin-left:16px; 
				 margin-bottom:2px;
				 width:80%; 
				 border:1px solid #001879; 
				 color:#666666; 
				 font-size:11px;
			}
			#login #loginNavi {
				color:#ffffff;
				margin:2px 0px 4px 10px;
				font-size:12px;
			}
			#login #loginNavi a, #login #loginNavi a:visited {
				text-decoration:none;
				color:#2170b5;
				padding:0px 6px 0px 6px;
			}
			#login #loginNavi a:hover {
				color:#ffffff;
			}
			
			#login #langSwitch {
				margin:4px 0px 4px 0px;
				font-size:11px;
				position:absolute; display:block; left:5px; top:10px; z-index:9999;
			}
			#login #langSwitch a, #login #langSwitch a:visited {
				text-decoration:none;
				display:block;
				color:#2170b5;
				padding:0px 6px 0px 6px;
				float:left;
			}
			#login #langSwitch a:hover {
				color:#ffffff;
			}
		/**************************************************************************/
		/* Link Navi */
		/**************************************************************************/
		#linkNavi {
			position:relative;
			display:block;
			float:left;
			width:184px;
			height:144px;
			background:url(../IMG/subNavi_BG.gif) right top no-repeat #0b3088;
			border:1px solid #001879;
			z-index:200;
		}
			/* FIRST LEVEL */
			#linkNavi ul {
				list-style:none;
				position:absolute;
				display:block;
				margin:0px;
				padding:0px;
				bottom:6px;
			}
			#linkNavi ul li {
				position:relative;
				display:block;
				/* IE Fix - list elements */
				float:left;
				margin:0px;
				padding:0px;
				width:184px;
			}
			#linkNavi ul li a, #linkNavi ul li a:visited {
				position:relative;
				display:block;
				text-decoration:none;
				color:#bbd4e4;
				font-weight:normal;
				font-size:12px;
				margin:0px;
				padding:4px 0px 4px 8px;
				
				/*border-top:1px solid #2b4b97;*/
			}
			#linkNavi ul li a:hover {
				color:#ffffff;
			}
			#linkNavi ul li a.aktiv {
				color:#ffffff;
			}
/* CENTER COLUMN ******************************************************************/			
		/**************************************************************************/
		/* Showroom Image Container */
		/**************************************************************************/
		#showroom {
			position:relative;
			display:block;
			height:144px;
			/*float:both;*/
			background:url(../IMG/showroom_img.jpg) left top no-repeat #0b3088;
			border:1px solid #001879;
			
			padding:0px;
			margin:0px 189px 0px 189px;
		}
/**********************************************************************************/
/* spacer beyond Showroom */
/**********************************************************************************/
		#spacerShowroom {
			position:relative;
			display:block;
			float:none;
			clear:both;
			width:100%;
			height:5px;
			background:#ff5820;
			margin:0px;
			padding:0px;
			border-top:2px solid #ffffff;
			z-index:10;
		}
/**********************************************************************************/
	/******************************************************************************/
	/* Content Container */
	/******************************************************************************/
	#contentContainer {
		position:relative;
		display:block;
		width:100%;
		height:auto !important;
		min-height:200px;
		margin:0px;
		padding:0px;
		z-index:10;
	}
/* LEFT COLUMN Content ************************************************************/
		/**************************************************************************/
		/* Left Column - NEWS  */
		/**************************************************************************/
		#leftColumn_News {
			position:relative;
			display:block;
			float:left;
			width:185px;
			height:100%;
			padding:10px 0px 10px 0px;
		}
/* RIGHT COLUMN Content ***********************************************************/
		/**************************************************************************/
		/* Right Column - ELSA Partners*/
		/**************************************************************************/
		#rightColumn_ElsaPartner {
			position:absolute;
			display:block;
			/*float:right;*/
			right:0px;
			width:185px;
			height:100%;
			top:0px;
			padding:10px 0px 10px 0px;
		}
/* CENTER COLUMN Content **********************************************************/
		/**************************************************************************/
		/* Center Column - Main Content*/
		/**************************************************************************/
		#centerColumn_Content {
			position:relative;
			display:block;
			/*float:both;*/
			height:auto !important;
			min-height:310px;
			padding:10px 0px 10px 0px;
			margin:0px 185px 0px 185px;
			border-left:1px solid #e7e7e7;
			border-right:1px solid #e7e7e7;
		}
			#centerColumn_Content #contentSpacer {
				position:relative;
				display:block;
				width:100%;
				height:1px;
				background:#d2d2d2;
				margin:16px 0px 10px 0px;
			}
/**********************************************************************************/		
	/******************************************************************************/
	/* Advertisment Spacer */
	/******************************************************************************/
	#advertisementSpacer {
		position:relative;
			display:block;
			float:none;
			clear:both;
			width:100%;
			height:14px;
			background:#0b3088;
			margin:0px;
			padding:0px;
			border-top:2px solid #ffffff;
	}
/**********************************************************************************/
	/******************************************************************************/
	/* Footer */
	/******************************************************************************/
	#footer {
		position:relative;
		display:block;
		width:100%;
		height:100%;
		min-height:62px;
		margin:0px;
		padding:0px;
		float:none;
		clear:both;border-top:2px solid #ffffff;
		background:#033486;
	}
		#footer #footerNavi {
			position:relative;
			display:block;
			margin:9px 0px 0px 20px;
		}
		#footer #footerNavi ul {
			list-style:none;
			position:relative;
			display:block;
			margin:0px;
			padding:0px;
			z-index:30;
		}
		#footer #footerNavi ul li {
			position:relative;
			display:block;
			float:left;
			margin:0px;
			padding:0px;
		}
		#footer #footerNavi ul li a, #footer #footerNavi ul li a:visited {
			position:relative;
			display:block;
			color:#ffffff;
			font-size:11px;
			font-weight:normal;
			text-decoration:none;
			padding-right:10px;
		}
		#footer #footerNavi ul li a:hover {
			color:#2170b5;
		}
/**********************************************************************************/		
	/******************************************************************************/
	/* Partners */
	/******************************************************************************/
	#partners {
		position:absolute;
		display:block;
		width:500px;
		height:62px;
		left:50%;
		top:0px;
		margin:0px 0px 0px -240px;
		padding:0px;
	}
		#partners .sponsors {
			position:relative;
			display:block;
			margin:0px;
			padding:0px;
			float:left;
		}
		#partners p {
			display:none;
		}
/**********************************************************************************/		
	/******************************************************************************/
	/* Copyright */
	/******************************************************************************/
	#copyright {
		position:absolute;
		right:20px;
		top:11px;
		display:block;
		margin:0px;;
		font-size:11px;
		color:#ffffff;
		text-align:right;
	}	
/**********************************************************************************/
	/******************************************************************************/
	/* Cleaner */
	/******************************************************************************/
	.cleaner {
		position:relative;
		display:block;
		clear:both;
		float:none;
		width:100%;
		height:0px;
	}
/**********************************************************************************/

