/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Styles fuer Homepages und Karriere-Home */
/* homepage.css - PwC Portal Projekt */
/* Version: 2006-12-13 (msc) */
/* update: 2007-11-13 C (msc) */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


/* Hinweis: Relative Positionierung wg. Portlet Reihenfolge */

/* auf homepage HR: */
p.fakeHRfff{
margin:0;padding:0;
height:2px;line-height:2px;
border-bottom:1px solid #fff;
}

#topNav{
position:relative;top:239px;left:0;z-index:30;
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* OBERER BEREICH */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* #homeTop */

#homeTop{
position:relative;top:-28px;left:0;
width:960px;height:236px;
border-bottom:3px solid #fff;
background-color:#fff;
overflow:hidden;
}



/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* #kontextSpalte */


#kontextSpalte{
position:absolute;top:0;right:0;
width:300px;height:236px;
overflow: hidden;
background-color: #930;
}

#kontextSpalte h1{
padding:16px 20px;
font-weight:normal;
color:#fff;
font-size:20px;
}


#kontextSpalte div.valignBottom,
#homeTopHR #kontextSpalte div.valignBottom{
position:absolute;bottom:0;left:0;
width:300px;
}


#kontextSpalte div.valignBottom dl,
#homeTopHR #kontextSpalte div.valignBottom dl{
position:relative;bottom:0;left:0;
padding:0 5px 15px 10px;
color:#000;
font-size:11px;line-height:130%;
}

#kontextSpalte dt{
padding:7px 0 2px 10px;
font-weight:bold;
color: #000;
}


#kontextSpalte dd{
background: url(../PwCImages/bg_homeTopT_link_grey.gif) no-repeat 0 4px;
padding:0 0 0 10px;
}


#kontextSpalte div.valignBottom h2,
#homeTopHR #kontextSpalte div.valignBottom h2{
position:relative;bottom:0;left:0;
padding:0 20px 0 19px;
color:#f60;
font-size:18px;font-weight:normal;
}


#kontextSpalte a,
#kontextSpalte a:visited{
color:#000;
text-decoration:none;
}

#kontextSpalte a:hover,
#kontextSpalte a:focus,
#kontextSpalte a:active{
text-decoration:underline;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* #keyVisual */

#keyVisual{
position:absolute;top:0;left:0;
width:960px;
height:236px;
}

#keyVisual div.flashPrint{
position:absolute;top:0;left:0;
}


#keyVisual h2{
padding:16px 36px 8px 36px;width:350px;
font-size: 18px;
}
#keyVisual p{
font-size:12px;
padding:4px 36px;width:350px;
}

#keyVisual h2 span{
color:#f60;margin-left:-16px;
font-weight:bold;
font-size: 18px;
}


#keyVisual h2 a,
#keyVisual h2 a:visited{
font-weight:normal;
font-size:18px;
color:#000;text-decoration:none;
}

#keyVisual h2 a:hover,
#keyVisual h2 a:focus,
#keyVisual h2 a:active{
text-decoration:underline;
}

#keyVisualEditorial{
float:right;
width:960px;
height:236px;
}

#keyVisual h2 a.black, 
#keyVisual h2 a:visited.black, 
#keyVisual h2 a:hover.black,
#keyVisual h2 a:active.black{
color:#000;
}

#keyVisual h2 a.white,
#keyVisual h2 a:visited.white, 
#keyVisual h2 a:hover.white,
#keyVisual h2 a:active.white{
color:#FFF;
}
 

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Unterer BEREICH */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* #homeWrapper auf Homepage deutsch/englisch + Login-Seite CMS */

#homeWrapper{
width:960px;
height:456px;
clear:both;
}

#homeWrapperCms{
width:960px;
height:200px;
clear:both;
}

#homeWrapper a,
#homeWrapper a:visited,
#homeWrapperCms a,
#homeWrapperCms a:visited,
#homeWrapperHR a,
#homeWrapperHR a:visited{
color:#000;text-decoration:none;
}


#homeWrapper a:hover,
#homeWrapper a:focus,
#homeWrapper a:active,
#homeWrapperCms a:hover,
#homeWrapperCms a:focus,
#homeWrapperCms a:active,
#homeWrapperHR a:hover,
#homeWrapperHR a:focus,
#homeWrapperHR a:active{
text-decoration:underline;
}

#homeLogin,
#homeLogOut{
float:left;
width:300px;height:200px;
background-color:#ffc991;
}

#homeLogin h3,
#homeLogOut h3{
font-size:12px;
padding:12px 5px 5px 20px;
color:#930;
}

#homeLogin p,
#homeLogOut p{
font-size:12px;line-height:140%;
padding:0 5px 2px 20px;
}
#homeLogOut p{
margin-top:10px;
}

#homeLogin form{
font-size:11px;
padding:6px 5px 8px 20px;
}

#homeLogin form label{
font-size:11px;
display:block;float:left;
width:60px;padding:3px 0;
}
#homeLogin form input{
margin:10px 10px 3px 0;
}
#homeLogin form input.inputFeld{
font-size:11px;
display:block;float:left;
width:128px;
margin:0 10px 3px 0;
border:1px solid #7F9DB9;
padding:2px;
}
#homeLogin input.inputFeld:focus{
border:1px solid #f60;
} 

/* CSS Buttons andere Farben in Home Login */
#homeLogin input.cssBtn{
margin-top:7px;
background-color:#f60;
}
#homeLogin input.cssBtn:hover,
#homeLogin input.cssBtnHovr{
margin-top:7px;
background-color:#930;
}

#homeLogin p a{
margin-left:-13px;
padding:0 12px;
background:#ffc991 url(../PwCImages/bg_linkPfeil_ffc991.gif) no-repeat 0 3px;
}

#homeWrapper #homeContent{
float:left;
width:960px;
height:456px;
overflow: hidden;
}

#homeContentCms{
border-left: 3px solid #FFFFFF;
float:right;
width:656px;
height:200px;
overflow: hidden;
}

/* home content left right */
#hcLeft,
#hcRight{
padding-top:7px;
float:left;
width:326px;
}
#hcLeft{
width:322px;
}

#homeContent h3, #homeContentCms h3 { font-size:18px; font-weight: normal; padding-top:5px; color:#F60; } 
#homeContent h4, #homeContentCms h4 { font-size:12px; padding:8px 5px 0 1px; color:#A0A0A0; }
#homeContent h5, #homeContentCms h5 { font-size:12px; font-weight:normal; padding:0 5px 4px 0; color:#A0A0A0; }

#homeContent .linkpfeilCont { font-size:13px; font-weight:bold; color:#f60; margin:0; }
#homeContent p.linkpfeilEndeL { padding-top:8px; } /* Linkpfeil und Link am Ende einer Liste */
#homeContent p.linkpfeilEndeC { padding-top:4px; } /* Linkpfeil und Link am Ende eines Absatzes */
#homeContent p a { margin: 0 0 0 -1px; } 

/* ThemaEins  */ 
#homeContent .ThemaEins { padding-top:10px; }
#homeContent .ThemaEins h3 { padding-bottom:8px; } 
#homeContent .ThemaEins img { margin:10px 20px 0 0; } 

/* ThemaZwei */ 
#homeContent .ThemaZwei { padding-top:24px; }
#homeContent .ThemaZwei h5 { border-bottom:#CCC solid 1px; }
#homeContent .ThemaZwei img { margin:12px 0 14px 0; }

/* Topthemen */ 
#homeContent .Topthemen { padding-top:10px; }
#homeContent .TopthemenContent { margin-left:10px; } 

/* Reitermodul und Banner */ 
#homeContent #tabbed { padding-top:20px; }
#homeContent .Banner { padding-top:24px; } 
 
#homeContent dl,
#homeContentCms dl{
padding:5px 5px 1px 17px;
}
#homeContent dt,
#homeContentCms dt{
padding:0 0 0 10px;
color:#930;
}

#homeContent dd,
#homeContent li,
#homeContentCms dd,
#homeContentCms li{
padding:0 0 8px 10px;
background:#fff url(../PwCImages/bg_linkPfeil_fff.gif) no-repeat 0 4px;
}

#homeContent ul,
#homeContentCms ul{
list-style-type:none;
padding:5px 5px 1px 17px;
}

#homeContent img.banner,
#homeContentCms img.banner{
margin:5px 5px 3px 27px;
}

#homeContent p.bannerLink
#homeContentCms p.bannerLink{
margin:5px 5px 3px 27px;
}


/*  XXXXXXXXXXXXXXXXXXX  Bullets fuer HomeLight  XXXXXXXXXXXXXXXXXXX  */
#homeContent .testing ul,
#homeContentCms .testing ul{
list-style-type: disc;
margin:5px 0px 5px 10px;
}

#homeContent .testing li,
#homeContentCms .testing li{
background-image: none;
list-style-type: disc;
padding: 0px;  margin-left: 0px;
}


/* Modul 2x Bild-Teaser */
#homeContent dl.hcBildUndTeaser dt,
#homeContentCms dl.hcBildUndTeaser dt{
float:left;
}
#homeContent dl.hcBildUndTeaser dd,
#homeContentCms dl.hcBildUndTeaser dd{
min-height:60px;
margin-left:100px;
margin-bottom: 10px;
}

/*  XXXXXXXXXXXXXXXXXXX   fuer Editorial Startseite  XXXXXXXXXXXXXXXXXXX  */
#homeContentCms .welcomeContainer{
margin: 18px 20px 10px 20px;
}

#homeContentCms .welcomeHeadline{
font-size:20px;
padding: 0px;
color:#930;
}

#contentHTML{
padding: 18px 20px 20px 20px;
float:left;
width:620px;
height: 200px;
overflow: hidden;
}





/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Besonderheiten auf HR = Human Resources = Karriere */

body.humanRes #topNav{
position:relative;top:0;left:0;z-index:30;
}

/* + + + + + + + + + + + + + + + + + + */
/* oben */

#homeTopHR{
position:relative;top:0;left:0;
width:960px;
height:236px;
border-bottom:3px solid #fff;
background-color:#fff;
}

#homeTopHR #kontextSpalte{
position:absolute;top:0;right:0;
width:300px;height:236px;
overflow:hidden;
background-color: #F0F0F0;
}

#homeTopHR #kontextSpalte h1{
padding:16px 20px 12px 20px;
font-weight:normal;
color: #993300;
}

#homeTopHR #keyVisual{
position:absolute;top:0;left:0;
width:960px;
height:236px;
} 

#homeTopHR #keyVisual h2 a,
#homeTopHR #keyVisual p{
color:#fff;
}



#homeTopHR #keyVisual h2{
font-size: 18px;
}

/* Flash Modul auf Human Resources HR */
#flashModHR{
width:657px;height:200px;
}

#homeTopHR #keyVisual h2 a.black,
#homeTopHR #keyVisual h2 a:visited.black,
#homeTopHR #keyVisual h2 a:hover.black,
#homeTopHR #keyVisual h2 a:active.black{
color:#000;
}

#homeTopHR #keyVisual h2 a.white,
#homeTopHR #keyVisual h2 a:visited.white,
#homeTopHR #keyVisual h2 a:hover.white,
#homeTopHR #keyVisual h2 a:active.white{
color:#FFF;
}


/* + + + + + + + + + + + + + + + + + + */
/* unten */

#homeWrapperHR{
width:960px;
height:456px;
clear:both;
}
#homeWrapperHR #homeContent{
float:left;
width:960px;
height:456px;
overflow: hidden;
}

#homeHRKontext{
float:right;
width:300px;height:200px;
overflow:hidden;
background-color:#ffc991;
}

#homeHRKontext h3{
font-size:11px;
padding:12px 20px 0 19px;
color:#930;
}

#homeHRKontext p{
font-size:11px;
padding:8px 5px 4px 19px;
}

/* fakeBtn ist ein A HREF Element, das aehnlich aussieht wie ein cssBtnLink, 
aber einen Pfeil vorangestellt hat und onHover unterstrichen ist */
#homeHRKontext a.fakeBtn,
#homeHRKontext a.fakeBtn:visited{
background:#f60 url(../PwCImages/bg_linkPfeil_bold_fff_on_f60.gif) no-repeat 8px 7px;
margin:0 10px 0 0;
padding:3px 8px 3px 18px;
color:#fff;
font-weight:bold;text-decoration:none;
}

#homeHRKontext a.fakeBtn:hover{
text-decoration:underline;
}



#homeHRKontext dl{
margin:3px 9px;
padding:0;
color:#fff;
font-size:11px;line-height:130%;
}
#homeHRKontext dt{
padding:0 0 1px 10px;
color:#930;
}
#homeHRKontext dd{
margin:0;
background:#ffc991 url(../PwCImages/bg_linkPfeil_ffc991.gif) no-repeat 0 4px;
padding:0 0 3px 10px;
}





