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

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

/**************************************************************************************/
/* News - Elements for the News Template*/
/**************************************************************************************/
	
	/* List  View	*******************************************************************/
	#listViewContainer {
		position:relative;
		display:block;
		margin:0px;
		padding:0px;
	}
	#listView {
		position:relative;
		display:block;
		
		border:1px solid #3ba1cc;
		
		margin:6px 6px 2px 6px;
		padding:0px;
	}
		#listView h1 {
			position:relative;
			display:block;
			
			font-size:13px;
			font-weight:bold;
			color:#3ba1cc;
			
			margin:0px;
			padding:10px 0px 0px 14px;
		}
		#listView h3 {
			position:relative;
			display:block;
			
			font-size:12px;
			font-weight:bold;
			color:#3ba1cc;
			
			margin:0px;
			padding:10px 0px 0px 14px;
		}
		#listView h5 {
			position:relative;
			display:block;
			
			font-size:11px;
			font-weight:bold;
			color:#9a9a9c;
			
			margin:0px;
			padding:10px 0px 0px 14px;
		}
		#listView p {
			position:relative;
			display:block;
			
			font-size:11px;
			font-weight:normal;
			color:#9a9a9c;
			
			padding:6px 15px 0px 14px;
			margin:0px 0px 0px 0px;
		}
		#listView a, #listView a:visited {
			color:#3ba1cc;
			text-decoration:none;
		}
		#listView a:hover {
			color:#9a9a9c;
		}
		#listView #date {
			position:absolute;
			right:12px;
			top:10px;
			
			font-size:11px;
			color:#9a9a9a;
		}
		
		#listView #moreLink {
			position:relative;
			display:block;
			
			padding:8px 15px 14px 14px;
			margin:0px;
		}
			#listView #moreLink a, #listView #moreLink a:visited {
				color:#3ba1cc;
				font-size:10px;
			}
			#listView #moreLink a:hover {
				color:#9a9a9a;
			}
		
		#listView #clearer {
			clear:both;
			float:none;
		}
		
	#listViewContainer #archiveLink {
		position:relative;
		display:block;
		
		padding:16px 15px 0px 14px;
		margin:0px;
	}
		#listViewContainer #archiveLink a, #listViewContainer #archiveLink a:visited {
			color:#3ba1cc;
			font-size:11px;
		}
		#listView #archiveLink a:hover {
			color:#9a9a9a;
		}
		
		
		
	/* Detail View ********************************************************************/
	#detailView {
	}
		#detailView h1 {
			position:relative;
			display:block;
			
			font-size:13px;
			font-weight:bold;
			color:#3ba1cc;
			
			margin:0px;
			padding:15px 0px 8px 14px;
			width:480px;
		}
		#detailView h3 {
			position:relative;
			display:block;
			
			font-size:12px;
			font-weight:normal;
			color:#3ba1cc;
			
			margin:0px;
			padding:5px 0px 8px 14px;
			width:480px;
		}
		#detailView h5 {
			position:relative;
			display:block;
			
			font-size:11px;
			font-weight:bold;
			color:#9a9a9c;
			
			margin:0px;
			padding:15px 0px 0px 14px;
			width:480px;
		}
		#detailView p {
			position:relative;
			display:block;
			
			font-size:11px;
			font-weight:normal;
			color:#9a9a9c;
			
			padding:6px 15px 0px 14px;
			margin:0px 0px 0px 0px;
			width:480px;
		}
		#detailView a, #detailView a:visited {
			color:#3ba1cc;
			font-size:11px;
			text-decoration:underline;
		}
		#detailView a:hover {
			color:#9a9a9a;
		}
		#detailView ul {
			position:relative;
			display:block;
			list-style:disc;
			font-size:11px;
			width:450px;
		}
		#detailView ul li {
			color:#9a9a9c;
			margin:0px 0px 4px 0px;
		}
		#detailView #date {
			position:absolute;
			right:12px;
			top:10px;
			
			font-size:11px;
			color:#9a9a9a;
		}
		#detailView #image {
		}
		
		#detailView #clearer {
			clear:both;
			float:none;
		}
		
	#detailView #archiveLink {
		position:relative;
		display:block;
		
		padding:16px 15px 0px 14px;
		margin:20px 0px 0px 0px;
	}
		#detailView #archiveLink a, #detailView #archiveLink a:visited {
			color:#3ba1cc;
			font-size:10px;
			font-weight:normal;
			text-decoration:none;
		}
		#detailView #archiveLink a:hover {
			color:#9a9a9a;
		}

/**************************************************************************************/
/* Main Content */
/**************************************************************************************/
	#centerColumn_Content h1{
		font-size:16px;
		font-weight:normal;
		color:#62676d;
		
		position:relative;
		display:block;
		padding:0px 10px 0px 10px;
		margin:0px;
	}
	#centerColumn_Content h3 {
		font-size:11px;
		font-weight:bold;
		color:#0b3088;
		padding:10px 10px 0px 10px;
		margin:0px 0px 0px 0px;
	}
	#centerColumn_Content p {
		font-size:11px;
		font-weight:normal;
		color:#62676d;
		padding:7px 10px 0px 10px;
		margin:0px 0px 0px 0px;
	}
	
/**************************************************************************************/
/* COUNTRY SWITCH */
/**************************************************************************************/
div.c5switch {
	position:absolute;
	display:block;
	width:800px;
	height:500px;
	left:50%;
	margin:30px 0px 0px -400px;
	padding:0px;
	z-index:10;
	background:url(../IMG/blue/logoLangSwitch.jpg) right top no-repeat;
}
/* C5 Imprint Variation */
div.imprintVar {
	position:relative;
	display:block;
	width:500px;
	height:860px;
	z-index:10;
	margin-left:250px;
	margin-top:50px;
}
div.imprintVar h1 {
	font-size:11px;
	font-weight:bold;color:#0285bd;
	padding:10px 10px 0px 10px;
	margin:0px 0px 0px 0px;
}

div.imprintVar h3 {
	font-size:11px;
	font-weight:bold;
	color:#9b9b9b;
	padding:10px 10px 0px 10px;
	margin:0px 0px 0px 0px;
}
div.imprintVar p {
	font-size:11px;
	color:#666;
	line-height:15px;
	padding-bottom:10px;
}
div.imprintVar a, div imprintVar a:visited {
	color:#0285bd;
	text-decoration:none;
}
div.imprintVar a:hover {
	color:#9b9b9b;
}
/* C5 Country Switch */
div.c5countrySwitch {
	position:relative;
	display:block;
	width:500px;
	height:460px;
	background:url(../card/europaKarte.jpg) left bottom no-repeat;
	z-index:10;
	margin-left:250px;
	margin-top:50px;
}
div.c5countrySwitch h3 {
	font-size:11px;
	font-weight:bold;
	color:#9b9b9b;
	padding:10px 10px 0px 10px;
	margin:0px 0px 0px 0px;
}
div.c5countrySwitch p {
	font-size:11px;
	color:#666;
	line-height:15px;
	padding-bottom:10px;
}
a.germany {
	position:absolute; width:83px; height:112px; background:none; display:block; z-index:999; left:253px; top:180px; color:#ffffff;
}
a.germany:hover {
	display:block; background:url(../card/deutschlandBTN.gif) left top no-repeat;
}
a.swiss {
	position:absolute; width:45px; height:27px; background:none; display:block; z-index:999; left:251px; top:287px; color:#d1cfd0;
}
a.swiss:hover {
	display:block; background:url(../card/schweizBTN.gif) left top no-repeat;
}
/* C5 Group Switch */
div.c5groupSwitch {
	position:relative;
	width:280px;
	height:460px;
	float:left;
	z-index:20;
	margin-top:50px;
}
div.c5groupSwitch h3 {
	font-size:11px;
	font-weight:bold;
	color:#9b9b9b;
	padding:10px 10px 0px 10px;
	margin:0px 0px 0px 0px;
}

div.c5groupSwitch ul {
	position:relative;
	display:block;
	color:#9b9b9b;
	margin:10px 0px 0px 0px;
	font-size:11px;
	padding:0px 0px 0px 10px;
	list-style:none;
}
div.c5groupSwitch ul li {
	margin:0px;	
	padding:0px;
}
div.c5groupSwitch ul li a, div.c5groupSwitch ul li a:visited {
	color:#0285bd;
	background:url(../card/arrowHome.jpg) left top no-repeat;
	text-decoration:none;
	margin:0px;
	padding:3px 0px 0px 12px;
}
div.c5groupSwitch ul li a:hover {
	color:#9b9b9b;
}
/* C5 Group Switch Footer Navigation */
ul.footerNaviCountrySwitch {
	position:relative;
	display:block;
	color:#9b9b9b;
	margin:0px 0px 0px 0px;
	font-size:11px;
	padding:0px 0px 0px 10px;
	list-style:none;
}
ul.footerNaviCountrySwitch li {
	margin:0px; padding:0px;
}
ul.footerNaviCountrySwitch li a, ul.footerNaviCountrySwitch li a:visited {
	color:#0285bd;
	background:url(../card/arrowHome.jpg) left top no-repeat;
	text-decoration:none;
	margin:0px;
	padding:3px 0px 0px 12px;
}
ul.footerNaviCountrySwitch li a:hover {
	color:#9b9b9b;
}




/********************************************************/
/* SPECIAL TAB NAVIGATION in INFOBOX */
/********************************************************/
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 	display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	position:relative;
	margin:0px;
	padding:0px;
	width:240px;
}
.tabberlive {
	position:relative;
	margin:0px;
	padding:0px;
	width:240px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
	position:relative;
	display:block;
	padding:0px;
	margin:0px 0px 0px 9px;
	display:block;
	width:214px;
	height:20px;
}
ul.tabernav {
	position:relative;
	list-style:none;
	display:block;
	text-align:center;
}
ul.tabbernav li
{
	 list-style: none;
	 margin: 0;
	 padding:0;
	 display: inline;
	 float:left;
}

ul.tabbernav li a
{
	display:block;
	font-size:11px;
	padding:0px 9px 12px 9px;
	margin:0px;
 	color:#aaa !important;
 	text-decoration: none !important;
}

ul.tabbernav li a:link { text-decoration:underline; }
ul.tabbernav li a:visited { text-decoration:underline; }

ul.tabbernav li a:hover
{
	 text-decoration:underline !important;
}

ul.tabbernav li.tabberactive a
{
	text-decoration:underline !important;
}

ul.tabbernav li.tabberactive a:hover
{
	text-decoration:underline !important;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 overflow:auto;
 position:relative;
 margin:0px;
 padding:0px;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {

}
.tabberlive .tabbertab h3 {
 	border:none !important;
	margin:0px !important;
}
.tabberlive .tabbertab p {
	border:none !important;
	margin:0px !important;
	top:-1px !important;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:auto;
 /*overflow:auto;*/
}
/* Thumb Symbols */
.thumbs {
	position:relative;
	display:block;
}



/* E-Mail Formular Verbaende */
fieldset {display:block; border:none !important; padding:10px 0px 10px 0px !important;}
label { color:#9A9A9C; display:block; font-size:12px; font-weight:normal; line-height:17px; margin:0; padding:14px 15px 0 10px; position:relative; text-align:left;}
input {margin-left:10px;}
textarea {margin-left:10px;}
input#mailformformtype_mail{margin-left:10px; margin-top:14px;}