@charset "utf-8";
/* CSS Document */
/**************************************************************************************/
/* Layout Data for the homepage C5 Group International */
/**************************************************************************************/
/* author: 			Bernhard Lehner */
/* organization:	C5 Group AG */

/**************************************************************************************/
/* description:		Styles, Classes and IDs for the main apperance of the page */
/**************************************************************************************/

body {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
	font:Verdana;
	font-size:12px;
	z-index:0;
	background-color:#ffffff;
	/*background:url(../IMG/home/pageBG.jpg) left top repeat-y;*/
}

#pageContainer {
	position:relative;
	display:block;
	width:1200px;
	padding:0px;
	/*margin:0px 0px 0px -640px;
	left:50%;*/
	background:url(../IMG/home/synapse.jpg) right top no-repeat;
}
/***************************************************************************/
	/* LOGO */
	/***************************************************************************/
	#logoNavi {
		position:absolute;
		display:block;
		right:30px;
		top:10px;
		margin:0px;
		padding:0px;
	}	
		#logoNavi a, #logoNavi a:visited, #logoNavi a:hover {
			position:relative;
			font-size:6px;
			font-weight:normal;
			color:#ffffff;
			
			display:block;
			width:200px;
			height:80px;
			
			margin:0px;
			padding:0px;
		}
/***********************************************************************************/
	/*******************************************************************************/
	/* Header Area */
	/*******************************************************************************/
	#header {
		position:relative;
		display:block;
		width:1200px;
		height:141px;
		margin:0px;
		padding:0px;
	}
		/***************************************************************************/
		/* HEADER IMAGE */
		/***************************************************************************/
		#headerImage {
			position:relative;
			display:block;
			width:783px;
			height:141px;
			left:0px;
			top:0px;
			margin:0px;
			padding:0px;
			background:url(../IMG/home/headerIMG.jpg) left top no-repeat;
		}
		
		
/***********************************************************************************/
	/*******************************************************************************/
	/* Navigation Area */
	/*******************************************************************************/
	#navigation {
		position:relative;
		display:block;
		width:1200px;
		margin:0px;
		padding:0px;
	}
		/***************************************************************************/
		/* Language Navi */
		/***************************************************************************/
		#languageNavi {
			position:absolute;
			display:block;
			width:180px;
			height:20px;
			margin:0px;
			padding:0px;
			left:650px;
			top:102px;
		}
			#languageNavi ul{
				list-style:none;
				position:relative;
				display:block;
				margin:0px;
				padding:0px;
			}
			#languageNavi ul li{
				position:relative;
				display:block;
				float:left;
				margin:0px;
				padding:0px;
				border-right:1px solid #cdcdcd;
			}
			#languageNavi ul li.firstElement {
				border:none;
			}
			#languageNavi ul li a, #languageNavi ul li a:visited {
				position:relative;
				display:block;
				text-decoration:none;
				color:#cdcdcd;
				text-decoration:none;
				font-weight:normal;
				font-size:9px;
				margin:0px;
				padding:0px 6px 0px 6px;
			}
			#languageNavi ul li a:hover,
			#languageNavi ul li a.aktiv, #languageNavi ul li a.aktiv:visited, #languageNavi ul li a.aktiv:hover{
				color:#fff;
				text-decoration:underline;
			}
		
		
		/***************************************************************************/
		/* Main Navi */
		/***************************************************************************/
		#mainNavi {
			position:relative;
			display:block;
			width:900px;
			margin:6px 0px 0px 20px;
			padding:0px;
			z-index:100;
		}
			#mainNavi ul{
				list-style:none;
				position:relative;
				display:block;
				margin:0px;
				padding:0px 0px 0px 0px;
				height:46px;
			}
			#mainNavi ul li{
				position:relative;
				display:block;
				float:left;
				margin:0px;
				padding:0px 1px 0px 2px;
			}
			#mainNavi ul li a, #mainNavi ul li a:visited {
				position:relative;
				display:block;
				text-decoration:none;
				color:#3ba1cc;
				text-decoration:none;
				font-weight:normal;
				font-size:12px;
				/*font-family:Georgia, "Times New Roman", Times, serif;*/
				/*font-family:Verdana, Geneva, sans-serif;*/
				text-transform:uppercase;
				/*letter-spacing:1px;*/
				margin:0px;
				padding:13px 12px 2px 11px;
				height:15px;
			}
			#mainNavi ul li a:hover,
			#mainNavi ul li a.aktiv, #mainNavi ul li a.aktiv:visited{
				color:#9a9a9c;
			}		
		/*********************************************************************
		>>> wichtige Bestandteile fuer Drop Down Menue ! <<<
		*********************************************************************/
	
		/**************************/
		/***	First Level 	***/
		
		#mainNavi ul ul {
			width:775px;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			position:absolute;
			background-color: #f6f6f6;
			height:27px;
		}
		#mainNavi ul ul li {
			/*position:relative;*/
			display:block;
			padding:0px;
			margin:0px;
			float:left;
		}
		*html #mainNavi ul ul {
			left:0px;
		}
		#mainNavi li{
			float: left;
			position:relative;
		}
		
		*html #mainNavi li {
			display:block;
		}
		*html #mainNavi a, *html #mainNavi a:visited{
			display:block;
			float:left;
		}
		#mainNavi a, #mainNavi a:visited{
			display:block;
			text-decoration:none;
			color:#3ba1cc;
			text-decoration:none;
			font-weight:normal;
			margin:0px;
		}
		
		/**************************/
		/***	2nd Level	 	***/
	
		#mainNavi ul ul a, #mainNavi ul ul a:visited{
			font-size:11px;
			font-weight:normal;
			text-decoration:none;
			text-transform:none;
			width:100%;
			height:14px;
			padding:5px 8px 7px 8px !important;
			color:#3ba1cc;
			margin:0px 0px 0px 0px;
		}
		* html #mainNavi ul ul a, * html #mainNavi ul ul a:visited{
			float:none;
			height:14px;
		}
		
		/**************************/
		/***	3rd Level	 	***/
		#mainNavi ul ul ul a, #mainNavi ul ul ul a:visited{
			background:#ffffff;
			width:190px;
		}
		#mainNavi ul ul ul a:hover {
			background:#ffffff;
			color:#9a9a9c;
		}
	
	
		* html #mainNavi ul ul ul,
		* html #mainNavi ul ul ul li,
		* html #mainNavi ul ul ul a,
		* html #mainNavi ul ul ul a:visited{
			width:190px;
			w\idth:190px;
		}
		
		/**************************/
		/***	Hide Event		***/
		#mainNavi ul ul{
			visibility:hidden;
			position:absolute;
		}
		/* Special Position Main Navi Drop Down */
		#mainNavi ul ul#KPO {
			left:120px;
		}
		#mainNavi ul ul#Capability {
			left:120px;
		}
		#mainNavi ul ul ul{
			left:151px;
			top:0px;
			width:190px;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			border:none;
		}
		
		/**************************/
		/***	Mouse Event		***/
		#mainNavi a:hover {
			color:#9a9a9c;
			background:url(../IMG/mainNaviBG.jpg) left bottom repeat-x;
		}
		#mainNavi :hover > a {
			color:#9a9a9c;
			background:url(../IMG/mainNaviBG.jpg) left bottom repeat-x;
		}
		#mainNavi ul ul a:hover {
			background:#f6f6f6;
			color:#9a9a9c;
		}
		#mainNavi ul ul :hover > a {
			background:#f6f6f6;
			color:#9a9a9c;
		}
		
		#mainNavi ul li:hover ul,
		#mainNavi ul a:hover ul{
			visibility:visible;
			display:block;
			z-index:999;
		}
		
		#mainNavi ul :hover ul ul{
			visibility:hidden;
		}
		
		#mainNavi ul :hover ul :hover ul {
			visibility:hidden;
			z-index:999;
		}
		/***/
		#mainNavi li.aktiv ul {
			visibility:visible !important;
			display:block !important;
			z-index:10;
		}
		
		*html #mainNavi li ul {display:none;}
		*html #mainNavi li:hover ul {display:block;}
		*html #mainNavi li:hover ul ul {display:none;}
		*html #mainNavi li:hover ul li:hover ul {display:none;}
		
		#mainNavi ul ul.unternehmen {
			left:-58px;
		}
		#mainNavi ul ul.intelligenceservices {
			left:-178px;
		}
		#mainNavi ul ul.weitereservices {
			left:-359px;
		}
		#mainNavi ul ul.mehrwert {
			left:-506px;
		}
		#mainNavi ul ul.ansatz {
			left:-602px;
		}
		#mainNavi ul ul.aktuell {
			left:-697px;
		}
		/* EN */
		#mainNavi ul ul.unternehmenEN {
			left:-58px;
		}
		#mainNavi ul ul.intelligenceservicesEN {
			left:-144px;
		}
		#mainNavi ul ul.weitereservicesEN {
			left:-325px;
		}
		#mainNavi ul ul.mehrwertEN {
			left:-473px;
		}
		#mainNavi ul ul.ansatzEN {
			left:-523px;
		}
		#mainNavi ul ul.aktuellEN {
			left:-636px;
		}
		
/**********************************************************************************/
	/******************************************************************************/
	/* Content Container */
	/******************************************************************************/
	#contentContainer {
		position:relative;
		display:block;
		width:753px;
		min-height:494px;
		margin:23px 0px 0px 30px;
		padding:0px;
		z-index:40;
	}
	/* 	LEFT COLUMN ***************************************************************/
	#leftColumn {
		position:relative;
		display:block;
		width:230px;
		margin:0px;
		padding:0px;
		float:left;
	}
		/*******************************************************************************/
		/* Breadcrumb Navi */
		/*******************************************************************************/
		#breadcrumb {
			position:relative;
			display:block;
			width:110px;
			margin:10px 0px 0px 32px;
			padding:0px;
		}
			#breadcrumb h3 {
				position:relative;
				display:block;
				margin:0px;
				padding:11px 0px 3px 15px;
				font-size:8px;
				font-weight:normal;
				color:#9a9a9c;
			}
			#breadcrumb ul {
				list-style:none;
				position:relative;
				display:block;
				margin:2px 0px 0px 1px;
				padding:0px;
			}
			#breadcrumb ul li {
				position:relative;
				margin:0px;
				padding:0px;
				font-size:9px;
				font-weight:normal;
				color:#3ba1cc;
			}
			#breadcrumb ul li a, #breadcrumb ul li a:visited {
				position:relative;
				display:block;
				font-size:8px;
				font-weight:normal;
				color:#3ba1cc;
				text-decoration:none;
				margin:0px 0px 4px 15px;
				padding:0px 0px 0px 14px;
				background:url(../IMG/home/arrow.gif) left top no-repeat;
			}
			#breadcrumb ul li a:hover {
				color:#9a9a9c;
				text-decoration:underline;
			}	
	
	/*	CENTER COLUMN ************************************************************/
	#centerColumn {
		position:relative;
		display:block;
		width:430px;
		margin:0px 0px 0px 244px;
		padding:5px 5px 10px 1px;
		/*background:url(../IMG/home/content_BG.gif) left top no-repeat;*/
	}
		/*************************************************************************/
		/* CONTENT ELEMENTS*/
		/*************************************************************************/
		#centerColumn h1 {
			position:relative;
			display:block;
			
			font-size:14px;
			font-weight:bold;
			color:#3ba1cc;
			
			margin:0px;
			padding:14px 0px 0px 14px;
		}
		#centerColumn h2,
		#centerColumn h3,
		#centerColumn h4{
			position:relative;
			display:block;
			
			font-size:12px;
			font-weight:normal;
			color:#3ba1cc;
			
			margin:0px;
			padding:2px 0px 0px 14px;
		}
		#centerColumn h5{
			position:relative;
			display:block;
			
			font-size:12px;
			font-weight:normal;
			font-style:italic;
			color:#3ba1cc;
			
			margin:0px;
			padding:9px 0px 0px 14px;
		}
		#centerColumn h6{
			position:relative;
			display:block;
			
			font-size:10px;
			font-weight:normal;
			color:#9a9a9c;
			
			text-align:right;
			margin:0px;
			padding:2px 24px 0px 0px;
		}
		#centerColumn p {
			position:relative;
			display:block;
			
			font-size:12px;
			font-weight:normal;
			color:#9a9a9c;
			line-height:15px;
			
			padding:14px 15px 0px 14px;
			margin:0px 0px 0px 0px;
			
			text-align:left;
		}
		#centerColumn p.important {
			position:relative;
			display:block;
			
			font-size:12px;
			font-weight:normal;
			color:#9a9a9c;
			line-height:15px;
			
			padding:0px 15px 0px 14px;
			margin:14px 0px 0px 0px;
			
			border-left:4px solid #93c9e1;
			
			text-align:left;
		}
		#centerColumn a, #centerColumn a:visited {
			color:#3ba1cc;
			font-size:12px;
			text-decoration:underline;
		}
		#centerColumn a:hover {
			color:#9a9a9c;
		}
		#centerColumn ul {
			position:relative;
			margin:8px 0px 0px 0px;
			font-size:12px;
			font-weight:normal;
			color:#9a9a9c;
		}
			#centerColumn ul li {
				list-style:url(../IMG/home/bulletUL.gif);
				margin:0px 0px 2px 0px;
			}
		#centerColumn ol {
			position:relative;
			margin:8px 0px 0px 0px;
			font-size:12px;
			font-weight:normal;
			color:#9a9a9c;
		}
			#centerColumn ol li {
				margin:0px 0px 2px 0px;
			}
		/**************************************************************************/
		/* Special Content Navigation */
		/**************************************************************************/
		#contentNavi {
			position:absolute;
			display:block;
			width:190px;
			right:1px;
			/*top:190px;*/
			top:160px;
		}
			#contentNavi ul {
				position:relative;
				display:block;
				margin:0px;
				padding:0px;
				list-style:none;
			}
			#contentNavi ul li {
				position:relative;
				display:block;
				margin:0px;
				padding:0px;
			}
			#contentNavi ul li a, #contentNavi ul li a:visited {
				position:relative;
				display:block;
				background:url(../IMG/home/submit_BTN.gif) left top no-repeat;
				
				margin:0px 0px 0px 0px;
				padding:0px 0px 4px 20px;
				
				font-size:12px;
				font-weight:normal;
				color:#3ba1cc;
				
				text-decoration:none;
			}
			#contentNavi ul li a:hover {
				color:#9a9a9c;
				text-decoration:underline;
			}
	/*	Newsbox ************************************************************/
	#rightColumn {
		position:absolute;
		display:block;
		right:10px;
		top:0px;
		width:180px;
		min-height:120px;
	}
	.newsbox {
		width:230px;
		margin:12px 0px 0px 0px;
		padding:0px 0px 2px 0px;
	}
		.newsbox h1 {
			position:relative;
			display:block;
			text-align:center;
			margin:0px;
			padding:6px 0px 16px 0px;
			
			font-size:12px;
			font-weight:bold;
			color:#fff;
			letter-spacing:1px;
			
			background:url(../IMG/neutral/infobox_h1_blue.jpg) left top no-repeat;
		}
		.newsbox h2,
		.newsbox h3,
		.newsbox h4,
		.newsbox h5 {
			position:relative;
			display:block;
			text-align:left;
			margin:0px 0px 0px 0px !important;
			border:none !important;
			padding:4px 14px 6px 14px;
			color:#ffffff;
			font-size:12px;
			font-weight:normal;
			background:url(../IMG/neutral/infobox_h3_blue.jpg) left top repeat-y;
		}
		.newsbox p {
			position:relative;
			display:block;
			margin:0px 0px 0px 0px !important;
			border:none !important;
			top:0px !important;
			font-size:11px;
			line-height:14px;
			color:#9a9a9c;
			padding:4px 18px 6px 14px;
			background:url(../IMG/neutral/infobox_p_blue.jpg) left top repeat-y;
		}
		.newsbox a, .newsbox a:visited {
			color:#3ba1cc;
			text-decoration:none;
		}
		.newsbox a:hover {
			color:#9a9a9c;
		}
		.newsbox span.end {
			position:relative;
			background:url(../IMG/neutral/infobox_bg_blue.jpg) left top no-repeat;
			width:230px;
			height:15px;
			display:block;
			top:-1px;
		}
		
	/*	COSTUMER LOGIN ************************************************************/
	#customerLogin {
		position:absolute;
		display:block;
		background:url(../IMG/home/customerLogin_BG.gif) left top repeat-x;
		width:189px;
		height:110px;
		
		right:0px;
		bottom:20px;
		
		margin:0px;
		padding:1px 1px 0px 1px;
	}
		#customerLogin h3 {
			position:relative;
			display:block;
			width:172px;
			height:19px;
			margin:0px;
			padding:4px 5px 0px 12px;
			
			font-size:9px;
			font-weight:bold;
			color:#3ba1cc;
			
			background:url(../IMG/home/customerLoginHeader_BG.gif) left top repeat-x;
		}
		#customerLogin #content {
			position:relative;
			display:block;
			width:177px;
			height:90px;
			background:#ffffff;
			margin:0px;
			padding:10px 0px 0px 12px;
		}
		#customerLogin #firstRow,
		#customerLogin #secondRow{
			position:relative;
			display:block;
			padding:0px;
			margin:0px 0px 4px 0px;
			clear:both;
			float:none;
		}
		#customerLogin ul {
			list-style:none;
			margin:0px;
			padding:0px;
		}
		#customerLogin ul li {
			position:relative;
			display:block;
			margin:0px;
			padding:0px 0px 0px 10px;
			float:left;
			border-left:1px solid #d6d6d6;
		}
		#customerLogin ul li.firstElement {
			border:none;
			padding:0px 0px 0px 0px;
			margin:0px;
		}
		#customerLogin ul li a, #customerLogin ul li a:visited {
			position:relative;
			display:block;
			margin:0px;
			padding:0px 10px 0px 0px;
			
			font-size:9px;
			font-weight:normal;
			color:#3ba1cc;
			
			text-decoration:none;
		}
		#customerLogin ul li a:hover {
			color:#9a9a9c;
			text-decoration:underline;
		}
		#customerLogin form input.textInput {
			position:relative;
			display:block;
			width:140px;
			margin:0px 4px 0px 0px;
			padding:2px 2px 2px 5px;
			font-size:9px;
			font-weight:normal;
			color:#9a9a9c;
			background:#ffffff;
			border:1px solid #d6d6d6;
			
			float:left;
		}
		#customerLogin form input.helpButton {
			position:relative;
			display:block;
			width:20px;
			height:20px;
			margin:0px;
			padding:0px;
			background:url(../IMG/home/submit_BTN.gif) left bottom no-repeat;
			border:none;
			cursor:pointer;
		} 
		
			
/**********************************************************************************/
	/******************************************************************************/
	/* Footer */
	/******************************************************************************/
	#footer {
		position:absolute;
		display:block;
		width:120px;
		margin:0px;
		padding:6px 0px 18px 0px;
		float:none;
		clear:both;
		left:780px;
		top:246px;
	}	
		
		/****************************************************/
		/* Footer Navigation */
		
			ul.footer {
				list-style:none;
				position:relative;
				display:block;
				margin:0px;
				padding:0px;
				left:6px;
				top:6px;
			}
			ul.footer li {
				position:relative;
				display:block;
				margin:0px;
				padding:6px 10px 0px 10px;
			}
			ul.footer li a, ul.footer li a:visited {
				position:relative;
				display:block;
				color:#3ba1cc;
				font-size:9px;
				height:15px;
				font-weight:normal;
				text-decoration:none;
			}
			ul.footer li a:hover {
				color:#cdcdcd;
				text-decoration:none;
			}
			
			
		/***************************************************************************/
		/* Quick Search Panel */
		/***************************************************************************/
		#searchPanel {
			position:relative;
			display:block;
			width:190px;
			margin:4px 0px 0px 12px;
			padding:0px 0px 0px 0px;
		}
			#searchPanel h3 {
				position:relative;
				display:block;
				margin:0px;
				padding:0px 0px 3px 4px;
				font-size:8px;
				font-weight:normal;
				color:#9a9a9c;
				text-decoration:none;
			}
			#searchPanel form {
				position:relative;
				display:block;
				margin:0px;
				padding:0px;
			}
			#searchPanel form input.quickSearchPanel {
				position:relative;
				display:block;
				width:180px;
				margin:0px 4px 0px 0px;
				padding:3px 3px 3px 3px;
				font-size:10px;
				font-weight:normal;
				color:#9a9a9c;
				background:#ffffff;
				border:1px solid #d6d6d6;
				
				float:left;
			}
			*+html #searchPanel form input.quickSearchPanel {
				width:160px;
			}
			*html #searchPanel form input.quickSearchPanel {
				width:154px;
			}
			#searchPanel form input.quickSearchPanel_BTN {
				position:relative;
				display:block;
				width:18px;
				height:20px;
				margin:0px 0px 0px 0px;
				padding:4px 0px 0px 0px;
				background:url(../IMG/home/submit_BTN.gif) left center no-repeat;
				border:none;
				cursor:pointer;
			}
		
/**********************************************************************************/
	/******************************************************************************/
	/* Company Claim */
	/******************************************************************************/
	#companyClaim {
		position:absolute;
		display:block;
		width:200px;
		left:210px;
		top:424px;
	}
		#companyClaim h3 {
			position:relative;
			display:block;
			text-align:left;
			font-size:10px;
			font-weight:bold;
			color:#cdcdcd;
			margin:0px;
			padding:10px 0px 2px 0px;
		}
		#companyClaim p {
			position:relative;
			display:block;
			margin:0px;
			padding:0px 0px 0px 0px;
			
			font-size:9px;
			font-weight:normal;
			color:#cdcdcd;
			text-align:left;
		}
/**********************************************************************************/		
	/******************************************************************************/
	/* Copyright */
	/******************************************************************************/
	#copyright {
		position:absolute;
		display:block;
		width:400px;
		bottom:2px;
		left:296px;
		margin:0px;
		font-size:9px;
		color:#cccccc;
		text-align:left;
	}
/**********************************************************************************/
	/******************************************************************************/
	/* Cleaner */
	/******************************************************************************/
	.cleaner {
		position:relative;
		display:block;
		clear:both;
		float:none;
		width:100%;
		height:0px;
	}
/**********************************************************************************/
	/******************************************************************************/
	/* Synapsen Anker */
	/******************************************************************************/
	a.synapse1 {
		position:absolute;
		width:14px;
		height:14px;
		right:280px;
		top:150px;
		z-index:1950;
	}
	a.synapse2 {
		position:absolute;
		width:14px;
		height:14px;
		right:226px;
		top:200px;
		z-index:2960;
	}
	a.synapse3 {
		position:absolute;
		width:14px;
		height:14px;
		right:200px;
		top:286px;
		z-index:3970;
	}
	a.synapse4 {
		position:absolute;
		width:14px;
		height:14px;
		right:206px;
		top:366px;
		z-index:4980;
	}
	a.synapse5 {
		position:absolute;
		width:14px;
		height:14px;
		right:232px;
		top:432px;
		z-index:5990;
	}
/**********************************************************************************/
	/******************************************************************************/
	/* Special Anker */
	/******************************************************************************/
	ul.specialLinks {
		position:relative;
		margin:0px;
		padding:12px;
	}
		ul.specialLinks li {
			position:absolute;
			display:block;
			background:url(../IMG/neutral/specialLinkBG.jpg) left top repeat-x;
			margin:0px !important;
			list-style:none !important;
			list-style-image:none !important;
			padding:0px !important;
		}
		ul.specialLinks li span.specialLinkLC {
			position:relative;
			display:block;
			float:left;
			width:8px;
			height:40px;
			background:url(../IMG/neutral/specialLinkLC.jpg) left top no-repeat;
		}
		ul.specialLinks li a,
		ul.specialLinks li a:visited {
			position:relative;
			display:block;
			color:#3ba1cc;
			text-decoration:none !important;
			font-weight:bold;
			font-size:11px !important;
			margin:0px;
			padding:9px 20px 18px 11px;
			height:40px;
			width:430px;
			background:url(../IMG/neutral/specialLinkRC.jpg) right top no-repeat;
			text-align:center;
		}
		* html ul.specialLinks li a {
			width:406px;
			padding:9px 20px 18px 1px;
		}
/**********************************************************************************/
	/******************************************************************************/
	/* Image Wrap */
	/******************************************************************************/
	
	div.csc-textpic-imagewrap {
		padding:20px 0px 0px 15px;
	}