/* Styles fuer Unterseiten (Variante 1) */

/* 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.2em;
	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;
}

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

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

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

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


/***************************************************************************************/
/* MAIN CONTENT DES DREISPALTIGEN TEMPLATES (LINKE, MITTLERE UND RECHTE SPALTE         */
/***************************************************************************************/
/* Hauptcontainer fuer alle Spalten */
#mainContainerThreeCol {
	width: 96.3em;
	margin: 2.1em 0 1.3em 0;
}

/************************************************/
/* LINKE SPALTE (DREISPALTIG)                   */
/************************************************/
/* Hauptcontainer der linken Spalte */
#mainContainerThreeCol #leftColumn {
	width: 19.8em;	
	float: left;
	margin: 0 1.3em 1.3em 0;
	/*background-color: #FEE7C7;*/
}

/* Style für Content in der linken Spalte */
#mainContainerThreeCol #leftColumn .leftContent {
	width: 14.8em;	
	margin: 1.6em 0 1.5em .8em;
	font-size: 1.2em;
}

/* Style für Absaetze in der linken Spalte */
#mainContainerThreeCol #leftColumn .leftContent P {
	font-size: 1em;
}

/* Style für die Headline im linken Teaser */
#mainContainerThreeCol #leftColumn H1 {
	margin: 0 0 1.1em 0;
	padding: 0;
	color: #222126;
	font-size: 1.2em;
}

/* Style für die Grafik im H1 Tag im linken Teaser */
#mainContainerThreeCol #leftColumn H1 IMG {
	margin: 0;
	padding: 0;
}

/* Grafische "inova >>>" Überschrift in der linken Spalte ausblenden */
#mainContainerThreeCol #leftColumn .gfxHeadline {
	display: none;
}

/* Grafische ">>>" Überschrift in der linken Spalte ausblenden */
#mainContainerThreeCol #leftColumn .gfxHeadlineTwo {
	display: none;
}

/************************************************/
/* MITTLERE SPALTE (DREISPALTIG)                */
/************************************************/
/* Hauptcontainer der mittleren Spalte */
#mainContainerThreeCol #midColumn {
	width: 54.2em;	
	float: left;
	margin: 0 1.3em 1.3em 0;
}

/* Wrap für alle CE's stylen */
#mainContainerThreeCol #midColumn .ceWrap {
	margin: 0 0 1.2em 0;
}

/* Styles für die Headline in der mittleren Spalte*/
#mainContainerThreeCol #midColumn H1{
	font-size: 1.5em
}

/* Style für die Alternativ Bilder des Produktbild Flashfilms */
#mainContainerThreeCol .produktImg{
	margin: 0 0 1em 0;
}

/* Grafische "inova >>>" Überschrift in der mittleren Spalte */
#mainContainerThreeCol #midColumn .gfxHeadline {
	border-bottom: 1px dashed #B0B0B0;
	margin: 0 0 1em 0;
}

/* Grafische ">>>" Überschrift in der mittleren Spalte */
#mainContainerThreeCol #midColumn .gfxHeadlineTwo {
	border-bottom: 1px dashed #B0B0B0;
	margin: 0 0 1em 0;
}

/************************************************/
/* RECHTE SPALTE (DREISPALTIG)                  */
/************************************************/
#mainContainerThreeCol #rightColumn {
	width: 19.7em;	
	float: left;
	margin: 0 0 1.3em 0;
}

/* Styles für Links in der rechten Spalte */
#mainContainerThreeCol #rightColumn A {
	font-size: 1em;
}

/* Hover Style für Links in der rechten Spalte */
#mainContainerThreeCol #rightColumn A:hover {
	font-size: 1em;
}

/* Aeusserer Teasercontainer */
#mainContainerThreeCol #rightColumn .teaserOuterContainer {
	width: 19.7em;	
	margin: 0 0 1.3em 0;
	background-color: #E9E9E9;
}

/* Innerer Teasercontainer */
#mainContainerThreeCol #rightColumn .teaserOuterContainer .teaserContainer {
	width: 19.7em;
	margin: 0;
	padding: 0;
	background-color: #E9E9E9;
	overflow: hidden;
}

/* Aeusserer Headercontainer */
#mainContainerThreeCol #rightColumn .teaserOuterContainer .teaserContainer .headerOuterContainer {
	width: 19.7em;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #FFFFFF;
}

/* Innerer Headercontainer */
#mainContainerThreeCol #rightColumn .teaserOuterContainer .teaserContainer .headerInnerContainer {
	width: 18.9em;
	margin: 0;
	padding: .2em .3em .3em .5em;
	background-color: #FEE7C7;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #D9D9D9;
}

/* Style für Teaser Headline */
#mainContainerThreeCol #rightColumn .teaserOuterContainer .teaserContainer .headerInnerContainer H1 {
	font-size: 1.1em;
	color: #343331;
	margin: 0;
	padding: 0;
}

/* Style für den Teaser Content */
#mainContainerThreeCol #rightColumn .teaserOuterContainer .teaserContainer .teaserContent {
	margin: 0;
	padding: .6em;
}

/* CSS Styled IMG Text Klasse (csi-imagewrap) fuer Teaser anpassen */
#mainContainerThreeCol #rightColumn .teaserOuterContainer .teaserContainer .teaserContent DIV.csi-imagewrap { 
	margin: -1.2em 0 0 -.6em;
	padding: 0;
}

/* Style fuer Absaetze im Teaser */
#mainContainerThreeCol #rightColumn .teaserOuterContainer .teaserContainer .teaserContent P.bodytext {
	font-size: 1em;
	color: #222126;
	margin: 0;
	padding: 0;
}

/* Grafische "inova >>>" Überschrift in der rechten Spalte ausblenden */
#mainContainerThreeCol #rightColumn .gfxHeadline {
	display: none;
}

/* Grafische ">>>" Überschrift in der rechten Spalte ausblenden */
#mainContainerThreeCol #rightColumn .gfxHeadlineTwo {
	display: none;
}


/***************************************************************************************/
/* MAIN CONTENT DES ZWEISPALTIGEN TEMPLATES (LINKE UND MITTLERE SPALTE                 */
/***************************************************************************************/
/* Hauptcontainer fuer alle Spalten */
#mainContainerTwoCol {
	width: 96.3em;
	margin: 2.1em 0 1.3em 0;
}

/* Grafische "inova >>>" Überschrift im zweispaltigen Template ausblenden */
#mainContainerTwoCol .gfxHeadline {
	display: none;
}

/* Grafische ">>>" Überschrift im zweispaltigen Template ausblenden */
#mainContainerTwoCol .gfxHeadlineTwo {
	display: none;
}

/************************************************/
/* LINKE SPALTE (ZWEISPALTIG)                   */
/************************************************/
/* Hauptcontainer der linken Spalte */
#mainContainerTwoCol #leftColumn {
	width: 19.8em;	
	float: left;
	margin: 0 0 1.3em 0;
	/*background-color: #FEE7C7;*/
}

/* Hauptcontainer der linken Spalte (wenn kein Content vorhanden ist) */
#mainContainerTwoCol #leftColumnNoContent {
	width: 19.8em;	
	float: left;
	margin: 0 0 1.3em 0;
	background-color: #FFFFFF;
}

/* Style für Content in der linken Spalte */
#mainContainerTwoCol #leftColumn .leftContent {
	width: 14.8em;	
	margin: 1.6em 0 1.5em .8em;
	font-size: 1.2em;
}

/* Style für Absaetze in der linken Spalte */
#mainContainerTwoCol #leftColumn .leftContent P {
	font-size: 1em;
}

/* Style für die Headline im linken Teaser */
#mainContainerTwoCol #leftColumn H1 {
	margin: 0 0 1.1em 0;
	padding: 0;
	color: #222126;
	font-size: 1.2em;
}

/* Style für die Grafik im H1 Tag im linken Teaser */
#mainContainerTwoCol #leftColumn H1 IMG {
	margin: 0;
	padding: 0;
}

/************************************************/
/* MITTLERE SPALTE ZWEISPALTIG                  */
/************************************************/
/* Hauptcontainer der mittleren Spalte */
#mainContainerTwoCol #midColumn {
	width: 76.5em;	
	float: left;
	margin: 0 0 1.3em 0;
}

/* Style fue die Headlines in der mittleren Spalte */
#mainContainerTwoCol #midColumn H1{
	font-size: 1.5em
}

/* Container für Produkt Boxen der Variante 1 */
#mainContainerTwoCol #midColumn .produktBoxContainerV1 {
	position: relative;
	width: 36.9em;
	height: 24.2em;
	float: left;
	margin: 0 0 1.3em 1.3em;
	padding: 0;
	background-color: #E9E9E9;
}

/* Styles für das Bild in den Produkt Boxen */
#mainContainerTwoCol #midColumn .produktBoxContainerV1 IMG.produktBoxImg {
	float: left;
	margin: 0;
}

/* Container für den Content in den Produkt Boxen */
#mainContainerTwoCol #midColumn .produktBoxContainerV1 .produktBoxContent {
	width: 11.9em;
	height: 22.7em;
	float: left;
	font-size: 1em;
	margin: .3em 0 0 .4em;
	padding: 0;
	overflow: hidden;
}

/* Style der Absätze im Content Container */
#mainContainerTwoCol #midColumn .produktBoxContainerV1 .produktBoxContent P {
	font-size: 1em;
}

/* Styles für die Headline in den Produkt Boxen */
#mainContainerTwoCol #midColumn .produktBoxContainerV1 .produktBoxContent H1 {
	margin: -.2em 0 .3em 0;
	color: #222126;
}

/* Styles für den Link unten Rechts in den Produkt Boxen */
#mainContainerTwoCol #midColumn .produktBoxContainerV1 IMG.produktBoxLink  {
	position: absolute;
	bottom: .3em;
	right: .5em;
}

/* Container für Produkt Boxen der Variante 2 */
#mainContainerTwoCol #midColumn .produktBoxContainerV2 {
	position: relative;
	width: 36.9em;
	height: 24.2em;
	float: left;
	margin: 0 0 1.3em 1.3em;
	padding: 0;
	background-color: #E9E9E9;
}

/* Styles für das Bild in den Produkt Boxen */
#mainContainerTwoCol #midColumn .produktBoxContainerV2 IMG.produktBoxImg {
	float: left;
	margin: 0;
}

/* Container für den Content in den Produkt Boxen */
#mainContainerTwoCol #midColumn .produktBoxContainerV2 .produktBoxContent {
	width: 11.9em;
	height: 22.5em;
	float: left;
	font-size: 1em;
	margin: .2em 0 0 .4em;
	padding: 0;
	overflow: hidden;
}

/* Style der Absätze im Content Container */
#mainContainerTwoCol #midColumn .produktBoxContainerV2 .produktBoxContent P {
	font-size: 1em;
}

/* Styles für die Headline in den Produkt Boxen */
#mainContainerTwoCol #midColumn .produktBoxContainerV2 .produktBoxContent H1 {
	margin: -.2em 0 .3em 0;
	color: #222126;
	font-size: 1.8em;
	text-align: center;
}

/* Styles für die Headline in den Produkt Boxen */
#mainContainerTwoCol #midColumn .produktBoxContainerV2 .produktBoxContent H2 {
	margin: -.5em 0 .1em 0;
	color: #222126;
	font-size: 1.1em;
	text-align: center;
}

/* Styles für den Link unten Rechts in den Produkt Boxen */
#mainContainerTwoCol #midColumn .produktBoxContainerV2 IMG.produktBoxLink  {
	position: absolute;
	bottom: .3em;
	right: .5em;
}


/***************************************************************************************/
/* 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;
}