@charset "utf-8";
/* CSS Document */
html{
	font-size:11px; 
	font-family:Arial, Helvetica, sans-serif; 
	}
	
body{
	font-size:11px; 
	font-family:Arial, Helvetica, sans-serif;
	}
a{ 
	text-decoration:none; 
	color:#000066;
	}
a:hover{ 
	text-decoration:underline; 
	color:#000066;
	}

/* Global Container */
#container{
	width: 1000px;
	}

/* Left-Area Containers */
#leftarea{ 
	float: left;
	width: 700px; /*610px; */
	}
#headerleft{ 
	background: #081063 url(../images/leftHeader.gif) top right no-repeat; 
	width: 701px; /* 611px; */
	height: 62px;
	}
#headerleftPortal{ 
	background:#081063; 
	width: 701px; /* 611px; */
	height: 62px;
	}

/* Right-Area Containers */
#rightarea{
	float:left;
	width: 300px; /* 390px; */
        min-height: 500px;
	}
#headerright{
	background: #081063; 
	margin: 0px !important; 
	width: 300px; /* 372px; */
	height: 61px; 
	}
#rightareaPortal{
	float:left;
	width: 300px;
	}


/* Flavia Logo */
#logobar{ 
	background:url(../images/logobar.gif) -72px top no-repeat; 
	width: 300px; /*390px; */
	height: 121px;
	}
#logobarPortal{ 
	background:url(../images/logobar.gif) -72px top no-repeat; 
	width: 300px; /*390px; */
	height: 121px;
	}
	
/* Right-Area headline wideview graphics */	
#wideview{ 
	background:url(../images/wideview.gif) no-repeat; 
	width: 290px; /*390px; */
	height: 34px;
	}
#wideviewEN{ 
	background:url(../images/wideviewEN.gif) no-repeat; 
	width: 290px; /*390px; */
	height: 34px;
	}
#topics{
	width: 290px; /*390px; */
	/*margin-bottom: -100px;*/
	}
	
/* Right-Area headline job graphics */	
#jobheadlineUnselected{ 
	background-image:url(../images/jobsUnSelected.gif); 
	background-repeat:no-repeat; 
	width: 290px; /*390px; */
	height: 34px;
	}
#jobheadlineSelected{ 
	background-image:url(../images/jobsUnSelected.gif); 
	/*background-image:url(../images/jobsSelected.gif);*/ 
	background-repeat:no-repeat; 
	width: 290px; /*390px; */
	height: 34px;
	}
#jobheadlineUnselectedEN{ 
	background-image:url(../images/jobsUnSelectedEN.gif); 
	background-repeat:no-repeat; 
	width: 290px; /*390px; */
	height: 34px;
	}
#jobheadlineSelectedEN{ 
	background-image:url(../images/jobsSelectedEN.gif); 
	background-repeat:no-repeat; 
	width: 290px; /*390px; */
	height: 34px;
	}
#jobs{
	}
/* Right-Area impress graphics */	
#impressSelected,
#impressUnselected{
	font-size: 11px;
	color: #787878;
	text-align:center; 
        padding-bottom: 8px;
        margin-top: -8px;
}
#impressSelected{ 
	/*background: url(../images/leftShadow.gif) repeat-y;*/ 
}

/* Right-Area Classes */

/* obsolete -> just use it for non-clickable single graphic
	.topicsBackgroundImage{ 
	background-image:url(../images/observerGraphic.gif); 
	background-repeat:no-repeat; 
	background-position: top; 
	margin-top: -45px; 
	padding-top: 45px; 
	height: 155px;
	}
*/
/* Right-Area wideview selection tabs shadows, rounded edges and border graphics */	
.topicSelector, 
.topicSelectorBackground{ 
	width: 3px;
	}
.topicSelectorBackground{ 
	background-image:url(../images/selectorBackground.gif); 
	background-repeat: repeat-y;  
	background-position:right; 
	background-color:#ffffff; 
	}
.topicSelectorBackgroundTop,
.topicSelectorBackgroundFillTop,
.topicSelectorFillTop,
.topicSelectorTop,
.topicSelectorBackgroundFillBottom,
.topicSelectorBackgroundBottom,
.topicSelectorFillBottom,
.topicSelectorBottom{
	height: 3px;
	}
.topicSelectorBackgroundTop{ 
	background-image:url(../images/selectorBackgroundTop.gif); 
	background-repeat:no-repeat; 
	background-position:right; 
	}
.topicSelectorBackgroundFillTop{ 
	background-image:url(../images/selectorBackgroundFillTop.gif); 
	background-repeat:repeat-x; 
	background-position:right; 
	}
.topicSelectorBackgroundBottom{ 
	background-image:url(../images/selectorBackgroundBottom.gif); 
	background-repeat:no-repeat; 
	background-position:right; 
	}	
.topicSelectorBackgroundFillBottom{ 
	background-image:url(../images/selectorBackgroundFillBottom.gif); 
	background-repeat:repeat-x; 
	background-position:right; 
	}
.topicSelectorFillTop,
.topicSelectorFillBottom{ 
	background-image:url(../images/transpar.gif); 
	background-repeat:repeat-x; 
	background-position:left; 
	}
.topicSelectorTop,
.topicSelectorBottom{ 
	background-image:url(../images/transpar.gif); 
	background-repeat:no-repeat; 
	background-position:right; 
	}
/* Right-Area job selection tabs shadows, rounded edges and border graphics */		
.jobSelectedTop { 
	background-image:url(../images/selectorBackgroundTop.gif); 
	background-repeat:no-repeat; 
	background-position:left; 
	height: 3px;
	}
.jobSelectedBottom { 
	background-image:url(../images/selectorBackgroundBottom.gif); 
	background-repeat:no-repeat; 
	background-position:left; 
	height: 3px;
}	
	
/* Right-Area background graphics */	
.rightBackgroundAll { 
	background-image:url(../images/rightBackgroundAll.gif); 
	background-repeat: repeat-y;
        min-height: 600px;
	}
.rightBackgroundPortal { 
	background: url(../images/portal2.jpg) no-repeat; 
	width: 300px;
	height: 552px; 
	}
/* obsolete -> use only for vertical gradient graphics 	
.rightBackground { 
	background-image:url(../images/rightBackground.gif); 
	background-repeat: repeat-x; 
	}
.rightBackgroundLast { 
	background-image:url(../images/rightBackgroundLast.gif); 
	background-repeat: repeat-x; 
	}
*/	

.leftShadow { 
	/*background-image:url(../images/leftShadow.gif);*/ 
	background-repeat:repeat-y; 
	}

.topicTextSelected, 
.jobTextSelected{
	vertical-align:middle;
	font-size: 11px;
	color:#7f7f7f; 
	line-height: 16px; 
	text-align: left; 
	background-color:#ffffff; 
	padding:4px; 
	width: 200px;
	}
.topicText,
.jobText{ 
	vertical-align:middle;
	font-size: 11px;
	line-height: 16px; 
	color:#000000; 
	text-align: left; 
	padding:4px;
	width: 200px;
	}

.jobTextSelected {
	padding:1px; 
	}
.jobText {
	padding:1px; 
	}
	
/* Wideview Keyvisuals Picture Containers*/
#picture01{
	/*background-image:url(../images/detectPic.gif); 
	background-repeat:no-repeat; 
	position: relative; 
	left: 235px; 
	bottom: 20px;
	cursor:pointer;
	width: 50px; 
	height: 50px;*/
	}
#picture02{
	/*background-image:url(../images/molyPic.gif); 
	background-repeat:no-repeat; 
	position: relative; 
	left: 235px; 
	bottom: 10px;
	cursor:pointer;
	width: 50px; 
	height: 50px; */
	}

/* Content Area Containers*/
#headline { 
	width:609px;
	height:90px; 
	}
#headlinePortal { 
	background-image: url(../images/portal1.jpg); 
	background-repeat:no-repeat; 
	height:452px; 
	width:700px;
	}
#submenu { 
	height: 24px; 
	width:540px; 
	background-color:#e5e5e5; 
	padding-left: 45px;
	}
#content{ 
	background: url(../images/contentBackground.gif) right bottom no-repeat !important; 
	padding-left: 55px; 
	padding-top: 28px; 
	padding-right: 62px; 
	/*min-height: 374px;*/
	min-height: 500px;
       height:auto !important;
	}



.contentText ul {
        padding: 6px 0 0 0;
        margin: 0 0 0 0;
        list-style-type: disc !important;
        list-style-position:inside;
        line-height: 18px;
        width: 514px;
}

.contentText ul li {
        padding: 4px;
}



.contentText p {
        width: 530px;

}



#contentPortal { 
	padding-left: 55px; 
	padding-top: 28px; 
	padding-right: 62px; 
	width: 860px;
	}
#contentStatic {
	padding-left: 55px; 
	padding-top: 26px; 
	padding-right: 62px; 
	}
#contentStaticNoSub { 
	padding-left: 55px; 
	padding-top: 0px; 
	padding-right: 62px; 
	}
#contentNoSub { 
	background: url(../images/contentBackground.gif) right bottom no-repeat !important; 
	padding-left: 55px; 
	padding-top: 0px; 
	padding-right: 62px; 
	/*min-height: 374px;*/
	min-height: 500px;
       height:auto !important;
	}
#languageSelection{ 
	font-size:10px; 
	color:#ffffff; 
	padding-left: 15px; 
	padding-top: 40px; 
	}
#headSelection{ 
	font-size:10px; 
	color:#ffffff; 
	text-align: right; 
	padding-right: 15px; 
	padding-top: 40px;
	}
	
/* MainMenu Containers */	
#mainmenu { 
	background-image: url(../images/mainmenuBackground.gif); 
	background-repeat:repeat-x;
	width: 709px;
	height: 38px; 
	}
/* MainMenu Classes */	
.itemTable{ 
	margin-left: 55px; 
	border-left: 1px solid #fff; 
	border-right: 1px solid #fff; 
	height: 28px; 
	width: 646px; /*557px*/
	}
.menuItemUnselected{ 
	text-align: center; 
	font-size:11px; 
	color: #ffffff; 
	width: 93px; 
	border-right: 1px solid #ffffff; 
	background:url(../images/triangelMenu.gif) no-repeat; 
	}
.menuItemSelected { 
	background: #ffffff; 
	text-align: center; 
	font-size:11px; 
	color: #000000; 
	width: 93px; 
	border-right: 1px solid #ffffff;
	}
p.teaserText{
	padding-left: 250px;
	clear:both; 
	width:280px;
}

/*********************************/
/** IE: **/

*html ul.HauptMenu {
 list-style-type:none;
 margin:0;
 padding:0;
 height: 28px;
 line-height: 28px;

}

*html ul.HauptMenu li {
 text-align: center; 
 font-size:11px;
 float: left;
}

*html ul.HauptMenu li a {
 text-align: center; 
 font-size:11px;
 padding-left: 30px;
 float: left;
}

*html ul.HauptMenu li a:hover {
 color: #ffa200 !important; 
 text-decoration: none !important;
}

*html .menuItemUnselected ul.HauptMenu li a {
 color: #ffffff; 
}

*html .menuItemSelected ul.HauptMenu li a {
 color: #000000; 
}

*html p.teaserText{
	padding-left: 0px;
	padding-right: 48px;
	margin-top: 12px;
	float: right;
	clear: left;
	width:300px;
}

/*********************************/
/*
*html ul.HauptMenu ul.UnterMenu {
 display: block;
 visibility: visible; 
 list-style-type:none; 
 padding:0 3px 0 3px;
 position:absolute;
 top: -999px;
 left:auto;  
 clear:both;
}

*html .menuItemUnselected ul.UnterMenu {
 background: #000066;
 border:1px solid #ffffff;
 border-top:0;
 margin:0 0 0 -1px;
 min-width: 101px;
}

*html .menuItemSelected ul.UnterMenu {
 background: #ffffff;
 border:1px solid #000066;
 border-top:0;
 margin:0 0 0 -2px;
 min-width: 103px;
}


*html .menuItemUnselected ul.UnterMenu li {
 text-align: center; 
 font-size:11px; 
 padding-left: 0px;
 float: none;
 width: 116px; 
}

*html .menuItemSelected ul.UnterMenu li {
 text-align: center; 
 font-size:11px; 
 padding-left: 0px;
 float: none;
 width: 118px; 
}


*html ul.UnterMenu li a {
 text-align: center; 
 font-size:11px; 
 padding-left: 0px;
 float: none;
}

*html ul.UnterMenu li a:hover {
 color: #ffa200 !important; 
 text-decoration: none !important;
}

*html .menuItemUnselected ul.UnterMenu li a {
 color: #ffffff; 
}

*html .menuItemSelected ul.UnterMenu li a {
 color: #000066; 
}

*html ul.HauptMenu :hover ul,
*html ul.HauptMenu a:hover ul,
*html ul.HauptMenu li:hover ul {
 top: auto !important;
}
*/
/*********************************/





/** FIREFOX: **/

/*********************************/


ul.HauptMenu {
 list-style-type:none;
 margin:0;
 padding:0;
 height: 28px;
 line-height: 28px;
}

ul.HauptMenu li,
ul.HauptMenu li a {
 text-align: center; 
 font-size:11px; 
}

ul.HauptMenu li a:hover {
 color: #ffa200 !important; 
 text-decoration: none !important;
}

.menuItemUnselected ul.HauptMenu li a {
 color: #ffffff; 
}

.menuItemSelected ul.HauptMenu li a {
 color: #000000; 
}



/*********************************/
/*
ul.UnterMenu {
 display: none;
 visibility: hidden; 
 position:absolute;
 list-style-type:none; 
 padding:0 3px 0 3px;
}

.menuItemUnselected ul.UnterMenu {
 background: #000066;
 border:1px solid #ffffff;
 border-top:0;
 margin:0 0 0 -1px;
 min-width: 101px;
}

.menuItemSelected ul.UnterMenu {
 background: #ffffff;
 border:1px solid #000066;
 border-top:0;
 margin:0 0 0 -2px;
 min-width: 103px;
}

ul.UnterMenu li,
ul.UnterMenu li a {
 text-align: center; 
 font-size:11px; 
}

ul.UnterMenu li a:hover {
 color: #ffa200 !important; 
 text-decoration: none !important;
}

.menuItemUnselected ul.UnterMenu li a {
 color: #ffffff; 
}

.menuItemSelected ul.UnterMenu li a {
 color: #000066; 
}


ul.HauptMenu :hover ul,
ul.HauptMenu a:hover ul,
ul.HauptMenu li:hover ul,
ul.HauptMenu :hover ul.UnterMenu,
ul.HauptMenu a:hover ul.UnterMenu,
ul.HauptMenu li:hover ul.UnterMenu {
 visibility: visible; 
 display:block;
}
*/
/*********************************/


/* Content Area Classes*/
.introText{
	float: right; 
	margin-top: -30px;
	}
.contentText { 
	font-size:12px; 
	color:#000000; 
	text-align:justify; 
	padding-right: 50px; 
	}
.contentText p { 
	line-height:18px; 
	}
.submenuItems { 
	font-size:11px;  
	padding-left: 8px; 
	padding-right: 8px; 
	background-color:#ffffff;
	}
.impressTextLink { 
	color: #787878;
	}
a:hover.languageTextLink { 
	color: #ffa200; 
	text-decoration:none;
	}
.languageTextLink { 
	color: #ffffff; 
	padding: 5px;
	}
.languageTextLinkSelected { 
	color: #ffa200; 
	padding: 5px;
	}
.submenuTextLink { 
	color: #000066;
	}
.menuTextLink { 
	color: #ffffff;
	}
a:hover.menuTextLink { 
	color: #ffa200; 
	text-decoration:none;
	}
.menuTextLinkSelected { 
	color: #787878;
	}
a:hover.menuTextLinkSelected { 
	color: #787878; 
	text-decoration:none; 
	cursor: default;
	}
a:hover.submenuTextLink { 
	color: #ffa200; 
	text-decoration:none;
	}
a.wideTextLinkSelected { 
	color: #bababa;
	text-decoration:none;
	}
a:hover.wideTextLinkSelected { 
	color: #bababa;
	text-decoration:none;
	cursor: default;
	}
a.jobTextLinkSelected {
	color: #bababa; 
	text-decoration:none;
	}
a:hover.jobTextLinkSelected { 
	color: #bababa; 
	text-decoration:none; 
	cursor: default;
	}

/* DHTML elements */
.disabledElement { 
	visibility: hidden; 
	display:none;
	}
.enabledElement { 
	visibility: visible; 
	display:block;
	}
.hiddenElement { 
	visibility: hidden; 
	}
.visibleElement { 
	visibility: visible; 
	}
/* different initial spacer heights depending on the jobitems diplayed */
#spacer0{height: 140px;}
#spacer1{height: 140px;}
#spacer2{height: 120px;}
#spacer3{height: 100px;}
#spacer4{height: 80px;}
#spacer5{height: 60px;}



#Special { 
 background:url(../images/rightBackgroundAll2.gif) repeat-y; 
 border: 1px solid #dadada;
}



/*IE Hack - Compensating wrong box measurements*/
*html .topicTextSelected { padding-left: 10px; padding-right: 0px; width: 250px; text-align: left;}
*html .jobTextSelected { padding-left: 10px; padding-right: 0px; width: 250px; text-align: left;}
*html #mainmenu { width: 700px; margin-right: -10px; height: 38px; background: url(../images/mainmenuBackground.gif) repeat-x; }
*html #submenu { height: 24px; width:588px; background-color:#e5e5e5; padding-left: 45px;}
*html #leftarea{ width: 700px; margin-right: -4px; float: left;}
*html #rightarea{ width: 300px; margin-left: -4px; float: left;}
*html #container{ width: 994px;}
*html #contentStatic { width: 700px; margin-right: -10px; height:400px;}
*html #contentNoSub { width: 700px; margin-right: -10px; height:400px;}
*html #content { width: 700px; margin-right: -10px; height:400px;}
*html .itemTable { margin-left: 55px; border-right: 1px solid #fff; border-left: 1px solid #fff; height: 28px; width: 639px;}
*html .menuItemUnselected{ 
	text-align: center; 
	font-size:11px; 
	color: #ffffff; 
	width: 104px; 
	border-right: 1px solid #ffffff; 
	background:url(../images/triangelMenu.gif) no-repeat; 
	}
*html .menuItemSelected { 
	background: #ffffff; 
	text-align: center; 
	font-size:11px; 
	color: #000000; 
	width: 104px; 
	border-right: 1px solid #ffffff;
	}
*html #logobar { background-image:url(../images/logobar.gif); background-repeat:no-repeat; width: 300px; height: 121px;}
*html #headline { height:90px; width:609px; margin-right: -4px;}
*html .topicText { line-height: 16px; font-size:11px; color:#000000; font-family:Arial, Helvetica, sans-serif; padding-left: 10px; padding-right: 0px; width: 250px; text-align: left;}
*html .jobText { line-height: 16px; font-size:11px; color:#000000; font-family:Arial, Helvetica, sans-serif; padding-left: 10px; padding-right: 0px; width: 250px; text-align: left;}
*html .introText {float: right; margin-top: 0px; font-family:Geneva, Arial, Helvetica, sans-serif;}
*html #headlinePortal { background-image: url(../images/portal1.jpg); background-repeat:no-repeat; height:452px; width:700px;}






/** kompetenz anpassen: **/
/*
#xUnItem_1 {
 width: 105px !important;
}

#xUnItem_1 ul.UnterMenu {
 margin:0 0 0 -1px !important;
 min-width: 101px !important;
}

#xSelItem_1 {
 width: 102px !important;
}

#xSelItem_1 ul.UnterMenu {
 margin:0 0 0 -2px !important;
 min-width: 110px !important;
}
*/

/** kontakt anpassen: **/
/*
#xUnItem_5 {
 width: 95px !important;
}

#xUnItem_5 ul.UnterMenu {
 margin:0 0 0 -1px !important;
 min-width: 101px !important;
}

#xSelItem_5 {
 width: 96px !important;
}

#xSelItem_5 ul.UnterMenu {
 margin:0 0 0 -2px !important;
 min-width: 103px !important;
}
*/



/** IE: kompetenz anpassen: **/
/*
*html #xUnItem_1 {
 width: 130px !important;
}

*html #xUnItem_1 ul.UnterMenu {
 margin:0 0 0 -1px !important;
 min-width: 130px !important;
}

*html #xSelItem_1 {
 width: 130px !important;
}

*html #xSelItem_1 ul.UnterMenu {
 margin:0 0 0 -2px !important;
 min-width: 113px !important;
}

*/
/** IE: kontakt anpassen: **/
/*
*html #xUnItem_5 {
 width: 130px !important;
}

*html #xUnItem_5 ul.UnterMenu {
 margin:0 0 0 -1px !important;
 min-width: 92px !important;
}

*html #xSelItem_5 {
 width: 130px !important;
}

*html #xSelItem_5 ul.UnterMenu {
 margin:0 0 0 -2px !important;
 min-width: 101px !important;
}
*/






#NameFlavia {
 float:left; 
 margin:10px 0 0 15px; 
 background:#ddd; 
 width:295px; 
 height:133px; 
 padding:0;
}

*html #NameFlavia {
 float:left; 
 margin:10px 0 0 10px; 
 background:#ddd; 
 width:290px; 
 height:133px; 
 padding:0;
}