/*------------------------------------
CSS for IAO Fraunhofer - Typo3-Cluster
--------------------------------------

Author: Sebastien-Claude MORDELLET (mordellet@fierynetworks.de)
Created: 29.03.2010

Modified by: Sebastien-Claude MORDELLET (mordellet@fierynetworks.de)
Date of modification: 29.03.2010

--- All rights reserved ---

&&&&&&&&&&&&&&&&&&&
&& DEFAULT THEME &&
&&&&&&&&&&&&&&&&&&&

-------------------------------------*/
@CHARSET "ISO-8859-1";

body {
	/*DEBUG:   background-color: #ffee00;*/
	/*CORRECT: background-color: #e9edeb;*/
	background-color: #e9edeb;
	margin: 0;
	padding: 0;
	
	font: 12px arial,helvetica,clean,sans-serif;
	color: #555;
}

/**
ul {
	border: 1px solid #ff00ee;
}
/**/
/**
li {
	border: 1px solid #ff00ee;
}
/* */
/**
div {
	border: 1px solid #ff00ee;
}
/* */

/* 
%%%%%%%%%%%%%%%%%%%%
%% PAGE STRUCTURE %%
%%%%%%%%%%%%%%%%%%%%
*/

/* --------------------------------------------
	General containers for subelements
---------------------------------------------*/
#box_page {
	width: 996px;
	/*min-height:600px;*/
	
	padding: 0;
	margin: 0 auto;
	
	background-image:url(../pics/bg-lines.gif);
	background-position: 50% 608px;
	background-repeat: no-repeat;
}

/* --------------------------------------------
	HEADER 
---------------------------------------------*/
#box_header {
	background-color: #fff;
	height: 33px;
}
#headerpane {
	width: 996px;
	padding: 0px;
	margin: 0 auto;
}
#header-content {}

/* --------------------------------------------
	CONTENT AREA 
---------------------------------------------*/
#box_content {
	background-image:url(../pics/bg-doc-silver.png);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
	min-height: 585px;
}
#background {
	z-index: 0;
	position: absolute;
	top: 184px;
	width: 996px;
	opacity: 0.6;
	filter:alpha(opacity=60);
	overflow: hidden;
}
#foreground {
	z-index: 1;
	position: relative;
	top: 0px;
	width: 996px;
}

/* --------------------------------------------
	FOOTER 
---------------------------------------------*/
#box_footer {
	background-color: #fff;
	height: 40px;
	margin-bottom: 15px;
}
#footerpane {
	width: 996px;
	padding: 0px;
	margin: 0 auto;
}
#footer-content {}


/* --------------------------------------------
	Subdivision of floating center
---------------------------------------------*/
#left_content {
	float: left;
	width: 444px;
}
#main_content {
	margin-left: 444px;
}

/* END OF PAGE STRUCTURE */


/* 
%%%%%%%%%%%%%%%%%%%%%%%%
%% CONTENT FORMATTING %%
%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* --------------------------------------------
	Navigation-Menu in HEADER-Area 
---------------------------------------------*/
#topnavi-left {
	float: left;
	width: 444px;
}
#topnavi {
	line-height: 33px;
	margin-left: 444px;
	font-size: 11px;
	
	
}
#topnavi span {
	vertical-align: middle;
	padding-right: 15px;
	text-decoration: underline;
}
#topnavi a, #topnavi a:visited, #topnavi a:hover {
	color: #555;
}


/* --------------------------------------------
	Main navigation
---------------------------------------------*/
#navigationpane {
	float: left;
	width: 222px;	
	padding: 26px 0px 0px 26px;	
}
#navi-logo {
	margin-bottom: 20px;
	padding: 0px;
}
#project-logo {
	margin-bottom: 20px;
	padding: 0px;
}
#navigation {
	padding: 0px;
}

/* Level-1 Navigation items */
#navigation ul {
	padding: 0px;
	list-style-type: none;
	list-style-position:inside;
}
#navigation li {
	padding: 0px;
}
#navigation a:hover {	
	background-color: #009474;
	color: #fff;
}
#navigation a {
	display: block;
	text-decoration: none;
	background-color: #fff;
	min-height: 17px;
	margin: 3px 0px 0px 0px;
	padding: 1px 10px 0px 10px;
	width: 170px;
	color: #000;
}
#subNavi a{
	display: block;
	text-decoration: none;
	background-color: #fff;
	min-height: 17px;
	margin: 0px 0px 0px 0px;
	padding: 1px 10px 0px 20px;
	width: 160px;
	color: #000;
}

#subNavi a:hover{
	text-decoration: underline;	
	background-color: #fff;
	color: #000;
}
/*
#mainNavi-item a, #mainNavi-item a:visited {
	color: #000;
	text-decoration: none;
}
#mainNavi-item a:hover {
	color: #fff;
	text-decoration: none;	
}
#mainNavi-active {
	background-color: #009474;	
	color: #fff;
	text-decoration: none;	
}
#mainNavi-active a, #mainNavi-active a:visited {
	background-color: #009474;	
	color: #fff;
	text-decoration: none;	
}

/* Level-2 Navigation items *
#subNavi-item {
	background-color: #fff;
	margin: 4px 0px;
	padding: 0px 10px;
}
#subNavi-active {
	background-color: #009474;
	margin: 4px 0px;
	padding: 0px 10px;
	
	color: #fff;
	text-decoration: none;	
}
/**/

/* --------------------------------------------
	Middle area - something like appetizers 
---------------------------------------------*/
#appetizer {
	margin-left: 222px;
}

#appetizer-box {
	margin-top: 250px;
	margin-left:250px;
	
	width: 180px;
}

#top-appetizer {
	
}

#bottom-appetizer {
	margin: 0;
	padding: 5px 5px 5px 0px;
	background-color: #009474;	
}

#bottom-appetizer ul {
	list-style: none;
	list-style-position:inside;
	/*border: 1px solid #00F;*/
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 5px;
	padding-bottom: 3px;
	width: 140px;
	
	background-color: #fff;	
}

#bottom-appetizer ul li {
	margin-bottom: 3px;
}

#bottom-appetizer a {
	text-decoration: none;
	color: #000;
}

#bottom-appetizer a:hover {
	text-decoration: underline;
}

#appetizer-mainNavi-active {

}



/* --------------------------------------------
	Content 
---------------------------------------------*/
#contentpane {
	padding: 26px 27px 0px 0px;
}
#content {	
	background-color: #fff;
	padding: 25px 10px 22px 10px;
}
#contenttitle {
	height: 96px;	
	background-color: #009474;
	color: #fff;
	vertical-align: bottom;
	
	padding: 3px 9px 8px 9px;
}

/* Content header */
#pagetitle{
	font-size: 38px;
	font-weight: bold;
	margin-bottom: 40px;
}
#subtitle {
	font-size: 10px;
	text-align: right;	
}

/* Special cross-selling area */
#highlights {
	
}

/* --------------------------------------------
	Legal information at the bottom 
---------------------------------------------*/
#legalinfo-left {
	float: left;
	width: 444px;
}
#legalinfo {
	line-height: 40px;
	margin-left: 444px;
	font-size: 11px;
}
#legalinfo span {
	vertical-align: middle;
}
#legalinfo a, #legalinfo a:visited, #legalinfo a:hover, #legalinfo a:active {
	color: #555;
	padding-left: 15px;
}

/* --------------------------------------------
	Bookmarking
---------------------------------------------*/
#bookmarks {	
	
	line-height: 55px;
	padding: 0px 10px;
	margin: 25px 25px 10px 0px;
	background-color: #fff;
}
#bookmark-label {
	float: left;
	width: 237px;
	vertical-align: middle;	
}
#bookmark-icons {
	margin-left: 267px;
	width: 237px;
	text-align: right;
	vertical-align: middle;
}

/* --------------------------------------------
	Typo3-Elements
---------------------------------------------*/

p.align-center {
	text-align: center;
}