@charset "utf-8";

html { height:101%; }

#printHeader, #printFooter { display:none; }

/* FONT SECTION */
body { font:12px Arial,Helvetica,sans-serif; }
h2 { font-size:20px;font-weight:bold; }
div.pageTitle h2 { font-weight:normal;letter-spacing:1px; }
div.wrapper.bottom > footer .copyright { font-size:10px; }
div.wrapper.bottom > footer div ul { font-size:10px; }
div.contentframe { font-size:12px;line-height:18px; }

article .category { font-size:10px; }
article .date { font-size:10px; }
article h1 { font-size:18px; }
article h2 { font-size:14px; }
article a.more { font-weight:bold; }
article footer .author { font-size:10px;font-style:italic; }
article footer .tags { margin:10px;font-size:10px;font-weight:bold; }

aside section header { font-weight:bold; }
aside section.tags a.s1 { font-size:10px; }
aside section.tags a.s2 { font-size:12px; }
aside section.tags a.s3 { font-size:14px; }
aside section.tags a.s4 { font-size:16px;font-weight:bold; }
aside section.tags a.s5 { font-size:18px;font-weight:bold; }
aside section.tags a.s6 { font-size:20px;font-weight:bold; }

#searchForm input { line-height:20px; }

/* ==================== */

body { background:#000; }

div.wrapper { background: #fff url(img/bg-top.png) bottom repeat-x; }
div.wrapper.bottom { background: #000 url(img/bg-bottom.png) top repeat-x;padding-bottom:20px; }

div.wrapper > header { position:relative;display:block;margin:0px auto;width:980px;height:90px; }
div.wrapper > header h1 { position:absolute;top:28px;left:20px; }
div.wrapper > header h1 a { display:block;background:transparent url(img/hhpberlin-logo.png) no-repeat;height:40px;width:140px;text-indent:-9999px; }

div.pageTitle a, div.pageTitle h2 { display:inline-block;vertical-align:middle;margin-bottom:17px; }
div.pageTitle a { margin-right:5px; }

nav { position:absolute;top:25px;right:15px;width:220px;height:44px; }
nav ul { list-style:none; }
nav ul li { float:left;margin:5px;width:34px;height:34px; }

a.icon { background:url(img/hhp2010-icons.png) 34px 0 no-repeat;display:block;width:34px;height:34px;text-indent:-9999px;overflow:hidden; }
a.icon-default { width:0px;margin-right:0; }
a.icon-un { background-position: 0 0; }
a.icon-re { background-position: -34px 0; }
a.icon-ne { background-position: -68px 0; }
a.icon-wi { background-position: -102px 0; }
a.icon-jo { background-position: -136px 0; }
a.icon-un:hover, a.icon-un.solid { background-position: 0 -34px; }
a.icon-re:hover, a.icon-re.solid { background-position: -34px -34px; }
a.icon-ne:hover, a.icon-ne.solid { background-position: -68px -34px; }
a.icon-wi:hover, a.icon-wi.solid { background-position: -102px -34px; }
a.icon-jo:hover, a.icon-jo.solid { background-position: -136px -34px; }

div.wrapper.bottom > footer { display:block;margin:0 auto;width:980px;color:#ccc;background:transparent url(img/bg-footer.png) top no-repeat }
div.wrapper.bottom > footer a { color:#ccc;text-decoration:none; }
div.wrapper.bottom > footer a:hover { text-decoration:underline; }
div.wrapper.bottom > footer a.logo { display:inline-block;background:transparent url(img/logo-hhpberlin-footer.png) no-repeat;height:26px;width:346px;text-indent:-9999px; }
div.wrapper.bottom > footer .copyright { text-align:center; }
div.wrapper.bottom > footer div  { padding:40px 0; }
div.wrapper.bottom > footer div ul { list-style-type:disc;list-style-position:outside;color:#ccc; }
div.wrapper.bottom > footer div ul li { margin-left:15px;}

div.contentframe { position:relative;margin:0 auto;width:980px;background:#ebebeb url(img/bg-content.png) repeat-y; }
div.contentframe.top { position:absolute;top:-4px;left:0;width:980px;height:4px;background:transparent url(img/bg-content-top.png) no-repeat; }
div.contentframe.bottom { position:absolute;bottom:-5px;left:0;width:980px;height:5px;background:transparent url(img/bg-content-bottom.png) no-repeat; }

div.content { padding:16px 10px 15px 10px;background:transparent url(img/bg-content-wave.png) top center no-repeat; }

article { background:#fff;border:1px solid #7f7f7f;margin-bottom:10px;  }
article .category { background:#7f7f7f;border-bottom:1px solid #7f7f7f;color:#fff;padding:3px 10px;position:relative; }
article .category a { text-decoration:none;color:#fff; }
article .category a:hover { text-decoration:underline; }
article .category a.button { text-decoration:none;font-size:10px;margin:4px 10px;vertical-align:top;position:absolute;top:0;right:0;width:auto;height:auto; }
article .category a.button span { background:url(img/buttons-WI.png) 0 0 no-repeat;display:inline-block;margin-top:-2px;width:17px;height:17px;vertical-align:middle; }
article .category a.button.btnBack span { background-position:0 0px; }
article .date { margin:5px 10px -10px 10px;color:#ccc; }
article h1 { margin:10px;line-height:1.2em; }
article h1 a { text-decoration:none;color:#000; }
article h1 a:hover { text-decoration:underline; }
article h2 { margin:0 10px 20px; }
article h3 { margin:15px 10px -5px; }
article h4 { margin:0 10px 5px; }
article h5 { margin:0 10px 5px; }
article p { margin:10px;line-height:1.4em; }
article p.teaser { font-weight:bold;margin-bottom:10px; }
article p.small { font-size:10px; }
article a { color:#000; }
article a.more { text-decoration:none;color:#ccc; }
article a.more:hover { text-decoration:underline; }
article ul { margin:10px;position:relative;left:10px;padding-right:10px; }
article li { margin:0 0 5px 15px; }
article footer { clear:both; }
article footer .author { color:#999;text-align:right;margin:10px; }
article footer .tags { margin:10px; }
article footer .functions { border-top:1px solid #7f7f7f;padding:6px 5px 0; }
article div.embed { margin:0 10px;padding:5px;text-align:center;float:right;border:1px solid #7f7f7f; }

article .functions a.button { text-decoration:none;font-size:10px;margin:5px 5px 0px;vertical-align:top; }
article .functions a.button span { background:url(img/buttons-WI.png) 0 0 no-repeat;display:inline-block;margin-top:-2px;width:17px;height:17px;vertical-align:middle; }
article .functions a.button.btnBack span { background-position:0 0px; }
article .functions a.button.btnLike span { background-position:0 -17px; }
article .functions a.button.btnSend span { background-position:0 -34px; }
article .functions a.button.btnPrint span { background-position:0 -51px; }
article .functions a.button.btnDownload span { background-position:0 -68px; }
.fb_iframe_widget { top:-3px; }

.container_16 article.kontakt { width:938px; }

.ditto_item .teaser { font-style:normal; }
.ditto_item .content { display:none;background:transparent;padding:0;}

aside { margin-bottom:10px; }
aside section { background:#fff;border:1px solid #000;border-width:0 1px; }
aside section.first { border-width:1px 1px 0 1px; }
aside section.last { border-width:0px 1px 1px 1px; }
aside section header { border:1px solid #000;border-width:0 0 1px 0;background:#7f7f7f;color:#fff;padding:3px 5px; }
aside section ul { list-style-type:none; }
aside section ul li { padding:5px;border:1px solid #000;border-width:0 0 1px 0; }
aside section ul li a { text-decoration:none;color:#000;display:block; }
aside section ul li:hover { background:#000;color:#fff; }
aside section ul li:hover a { color:#fff; }
aside section.tags ul { padding:5px;text-align:center; }
aside section.tags ul li { display:inline-block;border:none;padding:0; }
aside section.tags a { text-decoration:none;color:#000;padding:1px; }
aside section.tags li:hover a { color:#fff; }

#asideNewsArchiv a { padding:0 10px; }
#asideTestimonials img { width:80px;height:100px;float:left;margin:5px 5px 0px 0;border:1px solid #7f7f7f; }
#asideTestimonials p.author { margin:0;font-size:10px;color:#7f7f7f;text-align:right; }

#searchForm { margin-top:0px;position:relative; }
#searchForm input { position:relative;top:-3px;height:18px;width:172px;margin-right:10px;border:1px solid #7f7f7f;background:#fff;padding:1px; }
#searchForm button.icon.search { background:url(img/icon-search.png) no-repeat;width:34px;height:34px;border:none;text-indent:-9999px;overflow:hidden;cursor:pointer; }

.articleImage img { border:1px solid #7f7f7f; }
.newsArticleImage { float:left;margin:0 10px; }
.newsArticleImage img { border:1px solid #7f7f7f; }
.articleTeaserImage { float:left;margin-right:10px;margin-bottom:5px;width:80px;height:80px;border:1px solid #7f7f7f; }
a > .articleTeaserImage { margin-left:10px;margin-bottom:0px; }

article.kontakt header { border:none;border-bottom:1px solid #7f7f7f;padding:5px 10px;color:#7f7f7f;font-weight:bold;font-size:10px; }
article.kontakt footer { display:none;border:none;border-top:1px solid #7f7f7f; }
article.kontakt .articleContent { padding:5px; }
article.kontakt .articleContent > img { float:left;width:226px;height:226px;margin:5px;border:1px solid #7f7f7f; }
article.kontakt .articleContent div { float:left;margin:5px; }


.articleList article { opacity:0.7; }
.articleList article:hover { opacity:1; }
.articleList article a { text-decoration:none; }
.articleList p.total { margin-bottom:10px; }

.unternehmen section { position:relative;display:block;height:520px;background:#fff;border:1px solid #7f7f7f;overflow:hidden; }
.unternehmen .boxContainer { position:absolute;height:240px;margin-top:40px;width:918px;top:0;left:0;padding:10px;vertical-align:bottom; }
.unternehmen .boxContainer div.item { position:static;display:inline;width:270px;height:190px;border:1px solid #7f7f7f;overflow:hidden; }
.unternehmen .boxContainer div.item img { width:270px;height:190px; }
.unternehmen .boxContainer div.item div.headline { position:absolute;bottom:0;left:0;width:100%;height:auto;background:rgba(0,0,0,0.7);color:#fff;}
.unternehmen .boxContainer div.item div.headline p { margin:10px;font-weight:bold; }
.unternehmen .boxContainer div.item div.headline p.teaser { display:none;margin-top:-10px;font-weight:normal; }
.unternehmen div.boxBread { position:absolute;height:30px;width:100%;top:5px;left:5px;color:#000; }
.unternehmen div.boxBread a { color:#000;text-decoration:none; }
.unternehmen div.boxBread a:hover { text-decoration:underline; }
.unternehmen figure { position:absolute;display:block;margin:10px;border:1px solid #000;bottom:10px; }
.unternehmen figure a { text-decoration:none; }
.unternehmen figure img { display:block; }
.unternehmen figure div { position:absolute;bottom:0;left:0;height:auto;display:block;padding:5px;background:rgba(0,0,0,0.7);color:#fff;}
.unternehmen figure p { padding:0;margin:0; }
.unternehmen figure p.detail { display:none; }
.unternehmen figure.active p.detail { display:block; }
.unternehmen .articleContainer { position:absolute;left:0;bottom:0;width:938px;height:220px;overflow:hidden;vertical-align:top;background:rgba(0,0,0,0.7); }
.unternehmen .articleContainer .articleRow { position:relative;width:9999px;height:200px; }
.unternehmen .articleContainer article { display:inline-block;vertical-align:top;border:0;background:transparent;height:200px;width:898px;padding:10px 20px;color:#fff; } 
.unternehmen .articleContainer article.narrow { width:429px; }
.unternehmen .articleContainer article p { margin:10px 0; }
.unternehmen .articleContainer .navi { position:absolute;bottom:0;left:0;width:100%;height:25px; }
.unternehmen .articleContainer .navi a { position:absolute;width:20px;height:19px;background:url(img/icon-unternehmen-pfeil.png) no-repeat; }
.unternehmen .articleContainer .navi a.disabled { opacity:0.3;cursor:default; }
.unternehmen .articleContainer .navi a.prev { bottom:5px;left:5px;background-position:-20px 0px; }
.unternehmen .articleContainer .navi a.next { bottom:5px;right:5px;background-position:0px 0px; }

.wissen .elastic { width:950px; margin-left:5px;margin-right:5px;padding-top:23px; }
.wissen ul { width:181px;height:232px;margin:0 5px;overflow-y:auto;float:left;border:1px solid #7f7f7f;list-style-type:none;padding:0;background:#fff;opacity:0.7; }
.wissen ul:hover { opacity:1 !important; }
.wissen ul.wiTagLocation { width:160px; }
.wissen ul.wiTagYear { width:100px; }
.wissen ul.wiTagService { width:180px; }
.wissen ul.wiTagSubject { width:230px; }
.wissen ul.wiTagType { width:220px; }
.wissen li { padding:5px;padding-right:25px;border-bottom:1px solid #7f7f7f;cursor:pointer;position:relative; }
.nwissen li:last-child { border:0; }
.wissen li span { position:absolute;top:5px;right:5px;width:auto;height:auto; }
.wissen li:hover, .wissen li.active { background-color:#4073B8;color:#fff; }

.wissen .title { position:absolute;top:0;left:0;width:181px;background:#9fb9dc;border:1px solid #7f7f7f;padding:2px 5px; }
.wissen .title.location { left:5px;width:150px; }
.wissen .title.year { left:177px;width:90px; }
.wissen .title.service { left:289px;width:170px; }
.wissen .title.subject { left:481px;width:220px; }
.wissen .title.type { left:723px;width:210px; }

/* Ort weglassen vom 8.12.11 JCK */

.wissen .title.location { display:none; }
.wissen .title.year { left:5px;width:90px; }
.wissen .title.service { left:117px;width:258px; }
.wissen .title.subject { left:397px;width:257px; }
.wissen .title.type { left:676px;width:257px; }
.wissen ul.wiTagLocation { display:none; }
.wissen ul.wiTagYear { width:100px; }
.wissen ul.wiTagService { width:268px; }
.wissen ul.wiTagSubject { width:267px; }
.wissen ul.wiTagType { width:267px; }


.wissen #total { margin-top:10px;margin-bottom:10px;}
.wissen .results {  }
.wissen .results article { border:1px solid #7f7f7f; }
.wissen .results article a { color:#000;text-decoration:none; }
.wissen .results article:hover { opacity:1 !important; }
.wissen .results article:hover h1 { color:#4073B8; }
.wissen .results article:hover p { color:#4073B8; }
.wissen .results .boxes .grid_4 { width:300px; }

/* SEARCH */
.ajaxSearch_result { border:1px solid #7f7f7f;background:#fff;margin:10px 0;padding:10px; }
.ajaxSearch_resultLink { color:#000;font-weight:bold; }
.ajaxSearch_paging a { color:#000; }

/* TABS */
ul.tabs { list-style:none;margin:0 !important;padding:0;height:25px;border-bottom:1px solid #7f7f7f;border-bottom:0px; }
ul.tabs li { float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important; }
ul.tabs a { background: url(/img/global/tabs.png) no-repeat -652px 0;background:#eee;font-size:11px;display:block;height: 24px;line-height:25px;width: 232px;text-align:center;text-decoration:none;color:#000;padding:0px;margin:0px;position:relative;border:1px solid #7f7f7f;border-bottom:0; }
ul.tabs a:active { outline:none; }
ul.tabs a:hover { background-position: -652px -31px;background:#F29400;color:#fff; }
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-position: -652px -62px;background:#F29400;cursor:default !important;color:#fff !important; }
ul.tabs a.w1 {  }
ul.tabs a.w1:hover {  }
ul.tabs a.w1.current {  }
ul.tabs a.w2 { border-width:1px 0; }
ul.tabs a.w2:hover {  }
ul.tabs a.w2.current { }
ul.tabs a.w3 {  }
ul.tabs a.w3:hover {  }
ul.tabs a.w3.current {  }

div.panes { border:1px solid #7f7f7f; }
div.panes div.pane { display:none; }

/* SPOTLIGHTS */
.spotlights { height:338px;  }
div.scrollable { position:relative;overflow:hidden;width:636px;height:262px;display:inline-block;vertical-align:middle; }
div.scrollable div.items { position:absolute;width:20000px; }
div.scrollable div.items div { float:left;position:relative;margin:30px 5px;border:1px solid #ccc;width:200px;height:200px;overflow:hidden;cursor:pointer; }
div.scrollable div.items div img { position:absolute;top:0px;left:-42px;width:283px;height:200px; }
div.scrollable div.items div p { position:absolute;bottom:0;left:0;width:180px;padding:10px;background:rgba(0,0,0,.7);color:#fff;font-weight:bold;line-height:normal; }

div.spotlights a.browse { display:inline-block;width:22px;height:22px;vertical-align:middle;cursor:pointer;margin:4px; }
div.spotlights a.prevPage { background:url(img/ref-arrow-prev.png) no-repeat;margin-left:5px; }
div.spotlights a.nextPage { background:url(img/ref-arrow-next.png) no-repeat; }
div.spotlights a.disabled { opacity:0.5;cursor:default; }

/* SEDCARD */
.sedcard { border:1px solid #7f7f7f;margin-top:10px;background:#fff; }
.sedcard img { margin:10px 0 10px 10px;float:left;border:1px solid #7f7f7f; }
.sedcard .data { margin:10px;float:left;width:326px; }
.sedcard .data.wide { margin:10px;float:left;width:auto; }
.sedcard .data a { color:#7f7f7f;text-decoration:none; }
.sedcard .data a:hover { text-decoration:underline; }
.sedcard .data p.birdsEye { margin-top:5px; }
.sedcard .data h3 { font-size:18px;font-weight:normal; }
.sedcard .data h4 { margin:0px 0px 10px; } 
.sedcard .data p { clear:both; }
.sedcard .data p span { float:left;height:100%;width:75px;color:#7f7f7f; }
.sedcard .description { margin:0 10px 10px 10px; }

/*
 * FLEXIGRID
 */
.flexigrid .bDiv { overflow:hidden !important; }
.flexigrid div.pDiv input { height:10px !important;top:-2px !important; }
.flexigrid div.pDiv div.pDiv2 { margin-bottom:1px !important; }
.flexigrid div.pDiv div.pButton { margin-top:2px !important; }
.flexigrid div.hDiv th { cursor:pointer !important; }
.flexigrid div.bDiv tr:hover td, 
.flexigrid div.bDiv tr:hover td.sorted,
.flexigrid div.bDiv tr.trOver td.sorted, 
.flexigrid div.bDiv tr.trOver td { background:#F29400 !important;color:#fff !important; }
.flexigrid div.bDiv tr.trSelected:hover td, 
.flexigrid div.bDiv tr.trSelected:hover td.sorted,
.flexigrid div.bDiv tr.trOver.trSelected td.sorted, 
.flexigrid div.bDiv tr.trOver.trSelected td,
.flexigrid tr.trSelected td.sorted, 
.flexigrid tr.trSelected td { background:#F29400 !important;color:#fff !important; }
.flexigrid .pPrev { background-image:url(img/hhp-prev.gif) !important; }
.flexigrid .pNext { background-image:url(img/hhp-next.gif) !important; }
.flexigrid .pFirst { background-image:url(img/hhp-first.gif) !important; }
.flexigrid .pLast { background-image:url(img/hhp-last.gif) !important; }
.flexigrid .pReload { background-image:url(img/hhp-load.png) !important; }
.flexigrid .pcontrol input { font-size:10px; }

/*
 * BING MAPS
 */
.bingMap { position:relative;top:0;left:0;height:338px;width:698px; }

/*
 * JOB ACCORDION
 */
div.accordion { position:relative;height:490px;width:938px;margin:0 10px;overflow:hidden;margin-bottom:20px;border:1px solid #7f7f7f; }
div.accordion div.pane { position:absolute;top:0px;left:0px;height:490px;float:left;width:313px;overflow:hidden; }
div.accordion div.pane a { display:block;width:100%;height:100%; }
div.accordion div.pane div.headline { position:absolute;bottom:0;left:0;width:520px;height:auto;background:rgba(0,0,0,0.7);color:#fff;font-weight:normal;font-size:18px;padding:20px 10px; }
div.accordion div.pane div.headline span.active { display:none;line-height:1.25em; }
div.accordion a { color:#fff;text-decoration:none; }
#pane1 { left:0px;background:url(img/img-jobs-student.jpg) no-repeat; }
#pane2 { left:313px;background:url(img/img-jobs-absolvent.jpg) no-repeat; }
#pane3 { left:626px;background:url(img/img-jobs-berufserfahren.jpg) no-repeat; }

/* SUPERSTARTSEITE */
.teaserboxen div.grid_4 { height:180px;border:1px solid #7f7f7f;width:218px;overflow:hidden; }
.teaserboxen div a { position:absolute;width:200px;height:auto;bottom:0;left:0;background:rgba(0,0,0,0.7);color:#fff;text-decoration:none;padding:10px; }
.teaserboxen div a h2 { font-weight:normal;font-size:18px;  }
.teaserboxen div a p { display:none;margin-top:5px; }

.diashow { overflow:hidden;border:1px solid #7f7f7f; }
.diashow img { position:absolute;top:0;left:0;height:480px;width:940px; }

.content nav { position:absolute;top:20px;right:20px;z-index:100; }

/* */
.languageAlert { margin-bottom:20px;text-align:center; }
.languageAlert h3 { font-size:16px; }
.languageAlert p { font-weight:bold; }
.modal { position:absolute;top:67px;left:0;width:400px;height:auto;background:#fff;text-align:center;padding:20px;border:1px solid #7f7f7f; }
.modal a { position:absolute;top:5px;right:5px;width:auto;height:auto;font-weight:bold;text-decoration:none;color:#000; }