/**  
 * @title       Default Screen Stylesheet for the Invita AG Website
 * @author      Larsen
 * @copyright   wysiwyg* Software Design GmbH, Düsseldorf, Germany
 * @since       2008-06-02
 * @version     0.9
 */ 



/*///////////////////////   G E N E R A L   ///////////////////////*/
	
	
	body {
		background-color: #fbfbfb;
		color: #666666;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Geneva, Tahoma, Arial, sans-serif;
		font-size: 11px;
		margin: 0px;
		padding: 0px;
		*text-align: center; /* Hack für IE 5.5 */
		}
	
	div#bodyContent {
		background: url('../_img/body_bg.gif') left top repeat-y;
		margin: 0px auto 0px auto;
		overflow: hidden;
		padding: 0px 0px 0px 0px;
		position: relative;
		*text-align: left; /* Neutralisiert den IE 5.5 Hack für alle folgenden Elemente */
		width: 966px;
		}




/*/////////////////////   H E A D   A R E A   /////////////////////*/
	
	
	div#headArea {
		}
	
	div#headArea div#headContent {
		border-top: 1px solid #e5e5e5;
		overflow: hidden;
		margin: 59px 35px 0px 35px;
		}
	
	div#headArea div#headContent h2,
	div#headArea div#headContent h6 {
		display: none;
		}
	
	div#headArea div#headContent div#logoArea {
		position: absolute;
		right: 35px;
		top: 18px;
		z-index: 98;
		}
	
	div#headArea div#headContent div#logoArea img#logoPic {
		background: url('../_img/invita-logo.gif') left top no-repeat;
		border: none;
		height: 37px;
		width: 162px;
		}
	
	div#headArea div#headContent img.headImage {
		display: block;
		margin: 25px 0px 0px 0px;
		}




/*/////////////////////   P A G E   A R E A   /////////////////////*/
	
	
	div#pageArea {
		margin: 32px 0px 38px 0px;
		}
	
	div#pageArea div#pageContent {
		background: url('../_img/pageContent_bg.gif') left top repeat-y;
		clear: both;
		margin: 0px 3px 0px 35px;
		overflow: hidden;
		position: relative; /* Base to adjust elements */
		_zoom: 1.0;
		}
	
	div#pageArea div#pageContent div.spalte {
		float: left;
		margin: -14px 25px -14px 0px;
		width: 282px;
		}
	
	
	/*////////// GENERIC SETTINGS //////////*/
	/* Valid for all Elements within the pageArea, no matter if inside the fullArea, the mainArea or the sideArea */
		
		h1 {
			clear: both;
			font-size: 16px;
			font-weight: normal;
			line-height: 20px;
			margin: 12px 0px 12px 0px;
			text-transform: uppercase;
			}
		
		h1 em {
			color: #333333;
			font-style: normal;
			font-weight: normal;
			}
		
		h2 {
			font-size: 16px;
			font-weight: normal;
			line-height: 20px;
			margin: 16px 0px 16px 0px;
			}
		
		h3 {
			font-size: 14px;
			font-weight: bold;
			line-height: 16px;
			margin: 16px 0px 16px 0px;
			}
		
		h4 {
			font-size: 11px;
			font-weight: bold;
			line-height: 16px;
			margin: 16px 0px 16px 0px;
			}
		
		h5 {
			font-size: 11px;
			font-weight: bold;
			line-height: 16px;
			margin: 16px 0px -16px 0px;
			}
		
		h6 {
			font-size: 11px;
			font-weight: normal;
			line-height: 16px;
			margin: 16px 0px -12px 0px;
			}
		
		p {
			font-size: 11px;
			line-height: 16px;
			margin: 16px 0px 16px 0px;
			}
		
		em {
			color: #afafaf;
			font-style: normal;
			font-weight: normal;
			}
		
		strong {
			font-style: normal;
			font-weight: bold;
			}
		
		a {
			color: #b0003e;
			padding: 0px;
			text-decoration: none;
			}
		
		a:hover {
			text-decoration: underline;
			}
		
		ul {
			list-style-position: outside;
			list-style-type: square;
			margin: 16px 0px 16px 0px;
			padding-left: 15px;
			_padding-left: 17px;
			}
		
		ul li {
			margin: 6px 0px 6px 0px;
			}
		
		ul.linkList {
			list-style: none;
			margin: 16px 0px 16px 0px;
			padding: 0px;
			}
		
		ul.linkList li {
			margin: 6px 0px 6px 0px;
			}
		
		ol {
			list-style-type: decimal;
			list-style-position: outside;
			margin: 16px 0px 16px 0px;
			padding-left: 19px;
			_padding-left: 24px;
			}
		
		ol li {
			margin: 6px 0px 6px 0px;
			}




/*////////////////////   N A V I G A T I O N   ////////////////////*/
	
	
	div#navigationArea {
		left: 35px;
		position: absolute;
		top: 30px;
		z-index: 99;
		}
	
	div#navigationArea div#navigationContent {
		
		}
	
	
	/* MAIN NAVIGATION */
		
		div#navigationArea div#navigationContent ul#mainNavigation {
			list-style: none;
			margin: 0px;
			overflow: hidden;
			padding: 0px;
			}
		
		div#navigationArea div#navigationContent ul#mainNavigation li {
			display: inline; /* @bugfix ie6 double margin */
			float: left;
			list-style: none;
			margin: 0px 0px 0px 0px;
			padding: 0px;
			position: relative; /* @bugfix ie6 position of child ul */
			}
		
		div#navigationArea div#navigationContent ul#mainNavigation li a {
			border-color: #ffffff #ffffff #e5e5e5 #ffffff;
			border-style: solid;
			border-width: 1px 0px 1px 0px;
			color: #666666;
			display: block;
			_float: left;
			font-weight: normal;
			height: 22px;
			padding: 6px 10px 0px 10px;
			text-decoration: none;
			}
		
		div#navigationArea div#navigationContent ul#mainNavigation li a:hover {
			color: #b0003e;
			}
		
		div#navigationArea div#navigationContent ul#mainNavigation li.actualPosition {
			
			}
		
		div#navigationArea div#navigationContent ul#mainNavigation li.actualPosition a {
			border-color: #e5e5e5 #e5e5e5 #ffffff #e5e5e5;
			border-style: solid;
			border-width: 1px;
			color: #b0003e;
			}




/*////////////////////////   F O O T E R   ////////////////////////*/
	
	
	div#footerArea {
		background: #fbfbfb url('../_img/footer_bg.gif') left top no-repeat;
		clear: both;
		color: #cccccc;
		overflow: hidden;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 8px 0px;
		_zoom: 1.0;
		}
	
	div#footerArea div#footerContent {
		
		}
	
	div#footerArea div#footerContent p#legalText {
		float: right;
		font-size: 10px;
		margin: 5px 3px 5px 0px;
		text-align: right;
		}
	
	div#footerArea div#footerContent ul#metaNavigation {
		float: left;
		list-style: none;
		margin: 0px 0px 0px -7px;
		padding: 0px;
		}
	
	div#footerArea div#footerContent ul#metaNavigation li {
		float: left;
		}
	
	div#footerArea div#footerContent ul#metaNavigation li a {
		border-right: 1px solid #cccccc;
		color: #999999;
		font-size: 10px;
		padding: 0px 10px 0px 10px;
		}
	
	div#footerArea div#footerContent ul#metaNavigation li:last-child a {
		border-right: none;
		}




/*//////////////////////   S P E C I A L S   //////////////////////*/
	
	
	a.backLink {
		background: url('../_img/icon_backLink.gif') left center no-repeat;
		bottom: -14px;
		padding: 0px 0px 0px 16px;
		position: absolute;
		}
	
	
	/* FAQs */
		
		body#faq div#pageArea div#pageContent {
			background-image: url('../_img/faq_pageContent_bg.gif');
			}
		
		body#faq div#pageArea div#pageContent div.faqSpalte {
			float: left;
			margin: -14px 25px -14px 0px;
			width: 589px;
			}
		
		body#faq div#pageArea div#pageContent div.faqSpalte dl {
			margin: 4px 0px 12px 0px;
			}
		
		body#faq div#pageArea div#pageContent div.faqSpalte dl dt {
			border-top: 1px solid #e5e5e5;
			margin: 0px 0px 0px 0px;
			padding: 12px 0px 0px 0px;
			}
		
		body#faq div#pageArea div#pageContent div.faqSpalte dl dd {
			margin: 0px 0px 16px 0px;
			padding: 0px 0px 24px 25px;
			}
	
	
	body#kontakt div.adresse {
		margin-top: 32px;
		}
	
	
	/* Liste der Beteiligungen auf der Posrtfolio-Seite */
		
		body#unsere-portfoliounternehmen ul#beteiligungen {
			list-style: none;
			margin: 11px 0px 16px 0px;
			padding: 0px;
			}
		
		body#unsere-portfoliounternehmen ul#beteiligungen li {
			background-position: center center;
			background-repeat: no-repeat;
			border-top: 1px solid #e5e5e5;
			height: 32px;
			margin: 0px 0px -10px 0px;
			padding: 5px 0px 0px 0px;
			}
		
		body#unsere-portfoliounternehmen ul#beteiligungen li#haupt {
			background-image: url('../_img/logo_haupt.gif');
			}
		
		body#unsere-portfoliounternehmen ul#beteiligungen li#allegropharm {
			background-image: url('../_img/logo_allegropharm.gif');
			}
		
		body#unsere-portfoliounternehmen ul#beteiligungen li#eab {
			background-image: url('../_img/logo_eab.jpg');
			}
		
		body#unsere-portfoliounternehmen ul#beteiligungen li#enzimas {
			background-image: url('../_img/logo_enzimas.gif');
			}
		
		body#unsere-portfoliounternehmen ul#beteiligungen li#hci {
			background-image: url('../_img/logo_hci.gif');
			}
		
		body#unsere-portfoliounternehmen ul#beteiligungen li a {
			display: block;
			height: 32px;
			}
			
		body#unsere-portfoliounternehmen div.spalte img {
			margin-top:14px;
			}
			
		body#unsere-portfoliounternehmen div.spalte a img {
			border: none;
			}


/*/////////////////////   S H A D O W B O X   /////////////////////*/
/*/////////// Additional Stuff related to the Shadowbox ///////////*/
	
	
	div.hidden {
		display: none;
		}