/* Styles für die Home Seite */

/* Breite, Abstand und Ausrichtung der Page */
#page {
	width: 96.3em;
	margin: 21px 0 26px 0;
	padding: 0;
	text-align: left;
}


/***************************************************************************************/
/* HEADER                                                                              */
/***************************************************************************************/
/* Container fuer Logo, Claim, Suche u.s.w. */
#header {
	position: relative;
	width: 96.3em;
	height: 8.1em;	
	border-bottom: #D8D8D8 1px solid;
}

/* Style fuer den Home Link des inova Logos */
#header A.homeLink {
	width: 12.1em;
	height: 7.7em;
}

/* Style fuer das INOVA Logo */
#header A.homeLink IMG.inovaLogo {
	width: 1;
	height: 1;
}

/* Style fuer den Claim neben dem Logo */
#header IMG.claim {
	margin-left: 36px;
}

/* Style fuer den englischen Claim neben dem Logo */
#header IMG.claimEN {
	margin-left: 36px;
}

/* Container für Sprach Menue, Suche und Login */
#header #servicePoint {
	position: absolute;
	top: -1.2em;
	right: 0;
	color: #9E9E9E;
	font-size: 1.1em;
	margin: .7em 0 0 0;
}

/* Style der Links im Sprach Menue */
#header #servicePoint A {
	color: #9E9E9E;
	font-size: 1em;
	text-decoration: underline;
}

/* Hover Style der Links im Sprach Menue */
#header #servicePoint A:hover {
	color: #9E9E9E;
	text-decoration: underline;
}

/* Styles des INPUT Elements im Service Point */
#header #servicePoint INPUT {
	background-color: #FFFFFF;
	color: #9E9E9E;
	border: 1px solid #E8E8E8;
}

/* Style des Form Elements der Suche */
#header #servicePoint .searchForm {
	margin: .7em 0 0 0;
	padding: 0;	
}

/* Style fuer Suche Textfeld im ServicePoint */
#header #servicePoint .searchField {
	width: 10.8em;
	margin: 0 0 0 0;
	font-size: 1.3em
}

/* Style fuer Such Go Button im ServicePoint */
#header #servicePoint .searchGoButton {
	margin: 0 0 -.4em 0;
	padding: 0;	
	border: none;
}

/* Styles fuer die grafischen Nummer und Passwd Labels */
#header #servicePoint IMG.numberPaswdLabels {
	margin: 0 0 -3px; 0;
	padding: 0;
}

/* Style des Form Elements des Logins */
#header #servicePoint .loginForm {
	margin: 0;
	padding: 0;	
}

/* Style fuer Name Textfeld im ServicePoint */
#header #servicePoint .loginNameField {
	width: 5.2em;
	margin: 0;
	font-size: 1.3em
}

/* Style fuer Passwd Textfeld im ServicePoint */
#header #servicePoint .loginPWField {
	width: 5.1em;
	margin: 0;
	font-size: 1.3em
}

/* Container fue die den Usernamen beim Lgin */
#header #servicePoint #helloUser {
	width: 14.2em;
	margin: .5em 0 0 0;
	float: left;
}

/* Style fuer Login Go Button im ServicePoint */
#header #servicePoint .loginGoButton {
	margin: .4em 0 -.4em 0;
	padding: 0;	
	border: none;
}


/***************************************************************************************/
/* MENUE                                                                               */
/***************************************************************************************/
/* Container fuer das Hauptmenue */
#mainMenue {
	width: 96.3em;
	margin: 0;
	padding: .7em 0 0 0;
}

/* Styles für die 1. Ebene des Hauptmenues */
#mainMenue #mainMenueLevel1 {
	width: 96.3em;
	margin: 0;
	background: #FFFFFF url(../img/menue_line_all.gif) repeat-x bottom;
}

/* Styles für die 2. Ebene des Hauptmenues (grau) */
#mainMenue #mainMenueLevel2 {
	width: 96.3em;
	height: 2.4em;
	margin: 0;
	background: #FFFFFF url(../img/menue_l2_hg_gray.gif) repeat-x;
}

/* Styles für die 2. Ebene des Hauptmenues (blau) */
#mainMenue #mainMenueLevel2blue {
	width: 96.3em;
	height: 2.4em;
	margin: 0;
	background: #FFFFFF url(../img/menue_l2_hg_blue.gif) repeat-x;
}

/* Styles für die 2. Ebene des Hauptmenues (gruen) */
#mainMenue #mainMenueLevel2green {
	width: 96.3em;
	height: 2.4em;
	margin: 0;
	background: #FFFFFF url(../img/menue_l2_hg_green.gif) repeat-x;
}

/* Styles für die 2. Ebene des Hauptmenues (rot) */
#mainMenue #mainMenueLevel2red {
	width: 96.3em;
	height: 2.4em;
	margin: 0;
	background: #FFFFFF url(../img/menue_l2_hg_red.gif) repeat-x;
}


/***************************************************************************************/
/* MAIN TOP CONTENT (GROSSES BILD LINKS, TEASER RECHTS                                 */
/***************************************************************************************/
/* Container für rechte und linke Hauptspalten Oben */
#mainTopContainer {
	width: 96.3em;
	margin: 0;
	padding: 0;
	clear: left;
}

/************************************************/
/* MAIN TOP CONTENT LINKS                       */
/************************************************/
/* Container für linke Hauptspalte */
#mainTopLeft {
	width: 54.2em;
	float: left;
}

/* Grafische "inova >>>" Überschrift in der linken Hauptspalte */
#mainTopLeft .gfxHeadline {
	border-bottom: 1px dashed #B0B0B0;
	margin: .4em 0 1.3em 0;
}

/* Grafische ">>>" Überschrift in der linken Hauptspalte */
#mainTopLeft .gfxHeadlineTwo {
	border-bottom: 1px dashed #B0B0B0;
	margin: .4em 0 1.3em 0;
}

/* Container für das gross Startbild */
#mainTopLeft #startImg {
	position: relative;
	overflow: hidden;
}

/* halbtransparenter Layer über dem Startbild */
#mainTopLeft #startImg #bildLayer {
	position: absolute;
	width: 18.1em;
	height: 39.6em;
	top: 0;
	right: 0;
	margin: 0;
	padding: .3em;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	background-color: #FFFFFF;
	z-index:2;
	border: #B0B0B0 dashed 1px;
	border: #B0B0B0 dashed 1px;
	overflow: hidden;
}

/* Style fuer die Headline im halbtransparenten Layer */
#mainTopLeft #bildLayer H1 {
	margin: 0 0 .2em 0;
	font-size: 2.1em;
}

/* Style fuer die grafische Headline*/
#mainTopLeft #bildLayer H1 IMG{
	margin: 0;
}

/* Style fuer Absaetze im halbtransparenten Layer*/
#mainTopLeft #bildLayer P.bodytext {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 19px;
	color: #333333;
}

/************************************************/
/* MAIN TOP CONTENT RECHTS                      */
/************************************************/
/* Container für rechte Hauptspalte */
#mainTopRight {
	width: 39.5em;
	float: left;
	margin: 0 0 0 2.6em;
}

/* Grafische "inova >>>" Überschrift in der linken Hauptspalte */
#mainTopRight .gfxHeadline {
	border-bottom: 1px dashed #B0B0B0;	
	margin: .4em 0 1.3em 0;
}

/* Grafische ">>>" Überschrift in der linken Hauptspalte */
#mainTopLeft .gfxHeadlineTwo {
	border-bottom: 1px dashed #B0B0B0;
	margin: .4em 0 1.3em 0;
}

/* Container für Teaser Boxen auf der Startseite (rechte Hauptspalte) */
#mainTopRight .teaserBoxContainer {
	position: relative;
	width: 39.5em;
	height: 12.6em;
	margin: 0 0 1.3em 0;
	padding: 0;
	background-color: #FEF2E2;
}

/* Styles für das Bild in den Teaser Boxen */
#mainTopRight .teaserBoxContainer IMG.teaserBoxImg {
	float: left;
	margin: 0;
	border: 1px solid #E5E3E4;
}

/* Container für den Content in den Teaser Boxen */
#mainTopRight .teaserBoxContainer .teaserBoxContent {
	width: 21.8em;
	/*height: 11.8em;*/
	height: 11.3em;
	float: left;
	margin: .3em 0 0 .5em;
	padding: 0;
	overflow: hidden;
}

/* Styles für den Header in den Teaser Boxen */
#mainTopRight .teaserBoxContainer .teaserBoxContent H1 {
	margin: 0 0 .2em 0;
	color: #666;
	line-height: 14px;
}

/* Styles für den Sub Header in den Teaser Boxen */
#mainTopRight .teaserBoxContainer .teaserBoxContent H2 {
	font-size: 1.1em;
	margin: 0 0 .2em 0;
	color: #FCA11F;
}

/* Styles für den Link unten Rechts in den Teaser Boxen */
#mainTopRight .teaserBoxContainer IMG.teaserBoxLink  {
	position: absolute;
	bottom: .2em;
	right: .3em;
}


/***************************************************************************************/
/* CONTENT UNTEN (NEWS, UNTERE TEASER)                                                 */
/***************************************************************************************/
/* Container für rechte und linke Spalten Unten */
#bottomContainer {
	width: 96.3em;
	margin: 0;
	padding: 0;
	clear: left;
}

/************************************************/
/* CONTENT UNTEN LINKS (NEWS, KLEINER TEASER    */
/************************************************/
/* Container für linke Spalte Unten*/
#bottomLeft {
	width: 54.2em;
	float: left;
	margin: 0 0 1.2em 0;
}

/* Grafische "inova >>>" Überschrift in der linken Hauptspalte */
#bottomLeft .gfxHeadline {
	border-bottom: 1px dashed #B0B0B0;	
	margin: .4em 0 1.3em 0;
}

/* Grafische ">>>" Überschrift in der linken Hauptspalte */
#mainTopLeft .gfxHeadlineTwo {
	border-bottom: 1px dashed #B0B0B0;
	margin: .4em 0 1.3em 0;
}

/************************************************/
/* NEWS UNTEN LINKS                             */
/************************************************/
/* oberer left floatender Container für News */
#bottomLeft #oberNewsContainer {
	width: 21.6em;
	margin: 0;
	padding: 0;
	float: left;
}

/************************************************/
/* KLEINER TEASER UNTEN LINKS                   */
/************************************************/
/* oberer left floatender Container den kleinen Teaser unten links */
#bottomLeft #kleinTeaserContainer {
	float: left;
	margin: 0 0 0 1.2em;
	padding: 0;
}

/* Container für Teaser Boxen auf der Startseite (links unten) */
#bottomLeft #kleinTeaserContainer .teaserBoxContainer {
	position: relative;
	width: 31.4em;
	height: 12.6em;
	margin: 0;
	padding: 0;
	background-color: #FEF2E2;
}

/* Styles für das Bild in den Teaser Boxen (links unten) */
#bottomLeft #kleinTeaserContainer .teaserBoxContainer IMG.teaserBoxImg {
	float: left;
	margin: 0;
	border: 1px solid #E5E3E4;
}

/* Container für den Content in den Teaser Boxen (links unten) */
#bottomLeft #kleinTeaserContainer .teaserBoxContainer .teaserBoxContent {
	width: 17.9em;
	/*height: 11.8em;*/
	height: 11.3em;
	float: left;
	margin: .3em 0 0 .5em;
	padding: 0;
	overflow: hidden;
}

/* Styles für den Content in den Teaser Boxen (links unten) */
#bottomLeft #kleinTeaserContainer .teaserBoxContainer .teaserBoxContent H1 {
	margin: 0 0 .2em 0;
	color: #666;
	line-height: 14px;
}

/* Styles für den Header in den Teaser Boxen (links unten) */
#bottomLeft #kleinTeaserContainer .teaserBoxContainer .teaserBoxContent H2 {
	font-size: 1.1em;
	margin: 0 0 .4em 0;
	color: #FCA11F;
}

/* Styles für den Link unten Rechts in den Teaser Boxen */
#bottomLeft .teaserBoxContainer IMG.teaserBoxLink  {
	position: absolute;
	bottom: .2em;
	right: .3em;
}

/************************************************/
/* CONTENT UNTEN RECHTS (TEASER)                */
/************************************************/
/* Container für rechte Spalte Unten */
#bottomRight {
	width: 39.5em;
	margin: 0 0 1.2em 2.6em;
	float: left;
}

/* Grafische "inova >>>" Überschrift in der linken Hauptspalte */
#bottomRight .gfxHeadline {
	border-bottom: 1px dashed #B0B0B0;	
	margin: .4em 0 1.3em 0;
}

/* Grafische ">>>" Überschrift in der linken Hauptspalte */
#mainTopLeft .gfxHeadlineTwo {
	border-bottom: 1px dashed #B0B0B0;
	margin: .4em 0 1.3em 0;
}

/* Container für Teaser Boxen auf der Startseite (rechts unten) */
#bottomRight .teaserBoxContainer {
	position: relative;
	width: 39.5em;
	height: 12.6em;
	margin: 0;
	padding: 0;
	background-color: #FEF2E2;
}

/* Styles für das Bild in den Teaser Boxen (rechts unten) */
#bottomRight .teaserBoxContainer IMG.teaserBoxImg {
	float: left;
	margin: 0;
	border: 1px solid #E5E3E4;
}

/* Container für den Content in den Teaser Boxen (rechts unten) */
#bottomRight .teaserBoxContainer .teaserBoxContent {
	width: 21.8em;
	/*height: 11.8em;*/
	height: 11.3em;
	float: left;
	margin: .3em 0 0 .5em;
	padding: 0;
	overflow: hidden;
}

/* Styles für den Content in den Teaser Boxen (rechts unten) */
#bottomRight .teaserBoxContainer .teaserBoxContent H1 {
	margin: 0 0 .2em 0;
	color: #666;
	line-height: 14px;
}

/* Styles für den Header in den Teaser Boxen (rechts unten) */
#bottomRight .teaserBoxContainer .teaserBoxContent H2 {
	font-size: 1.1em;
	margin: 0 0 .4em 0;
	color: #FCA11F;
}

/* Styles für den Link unten Rechts in den Teaser Boxen */
#bottomRight .teaserBoxContainer IMG.teaserBoxLink  {
	position: absolute;
	bottom: .2em;
	right: .3em;
}


/************************************************/
/* FOOTER                                       */
/************************************************/
/* Container für Footer */
#footer {
	position: relative;
	width: 96.3em;
	height: 3.1em;
	clear: left;
	background: url(../img/footer_verlauf.jpg) repeat-x;
}

#footer IMG.copyright {
	margin: 1.1em 0 0 1em
}

#footer #footerMenue {
	position: absolute;
	top: .7em;
	right: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #9A9A9A;
}

#footer #footerMenue A {
	font-size: 1em;
	color: #9A9A9A;
}

#footer #footerMenue A:hover {
	color: #000000;
}

#footer .freecall {
	color: #F7A11A;
	font-weight: bold;
}