/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 1px blue;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}





.zw{

    clear:both;

    line-height:0px;

}

/*typo*/

* {font-family: Arial, sans-serif;}

/*debug

#container {outline: 1px dotted red;}

#left, #right {outline: 1px dotted green;}

#logo, #menu, ul.gutter {outline: 1px dotted blue;}

*/

/**/

body {background: #fbf7f2;}

/* left sidebar, general */

#container, #modboxframe {width: 876px; margin: 35px auto; height: 1%;}

#modalbox {width: 100%;

           height: 1%;

           display: none;

           z-index: 50;

           position: absolute;

           top: 0;

           left: 0;

}

#modbox {padding: 5px 0 0 5px; height: 553px; width: 842px; display: block; background: transparent url(../images/boxBG.png) no-repeat; position: relative; margin:0 0 0 28px; color:#ffffff;}

#modbox  div {
	color:#fff !important;
	font-size:11px;
}

#modbox li.sprite {height: 620px; width: 840px;}

#modbox #edgeright { display:none; position: absolute; right: -5px; top: 0; width: 5px; height: 545px; background: url('../images/overlay_fade_right.png') repeat-y;}

#modbox #kamp-overlay {
	padding:10px;
}

#modbox h5 {
	margin-bottom:0px;
}

.rightMod {
	float:right;
	font-style:italic;
	margin-right:30px;
}

#modbox #edgebottom { display:none; position: absolute; left: 0; bottom: 0px; width: 845px; height: 5px; background: url('../images/overlay_fade_btm.png') repeat-x;}

#modbox .hugesidepic {background: #000000; width: 340px; height: 480px; float: none; float: left; margin: 10px 0 10px 0;}

#modbox .left  { margin: 10px 46px 10px 0px;}

#left, #right {float: left;}

#left {width: 191px; height: 577px; position: relative;}

#right {width: 685px; position: relative;}

#right #loader {position: absolute; width: 685px; height: 404px; top: 137px; z-index: 99; display: none; background: url('../images/ajax-loader.gif') no-repeat 50% 50%;}

#logo {height: 137px;}



#content {

/*padding-top doesn't work for firefox */

margin-top: 137px;

width: 685px;

height: 428px;

position: relative;}



*:first-child+html #content {

/*from margin-top to padding-top, for ie7 */

padding-top: 137px;

margin-top: 0;

}

*:first-child+html .kampdetail #right #content {

/*for ie7, correct-back as above padding-top on detail views*/

padding-top: 0;

margin-top: 137px;

}

#content.slideable {position: relative;}

#content div.pane-target {clear:left; height:420px; overflow:hidden; position:relative; width:680px;}

#modbox div.pane-target {clear:left; height:620px; overflow:hidden; position:relative; width:815px;}

#innerContent{ min-height:420px;}



/* logo */

#logo {position: absolute; width: 1214px; height: 176px; top: -35px; left: -379px; background: url('../images/hbdg_header_highlight.png') no-repeat;}

#logo a, #logo a:link {display: block; position: absolute; left: 379px; top: 35px; width: 170px; height: 130px; text-indent: -5678px; background: url('../images/css_sprite.png') no-repeat 0 -221px;}

/* menu */

#menu {position: relative; margin-top: 137px;}

#menu ul {width: 141px; margin: 0 0 0 28px;}

#menu li { text-transform: uppercase; margin-bottom: 5px; font-size: 12px; position: relative;}

#menu li a, #menu li a:link {background: #af9d85; color: #fff; display: block; text-decoration: none;  line-height: 19px; padding: 0 0 0 5px;}

/*commented out for js

/*#menu li a:hover, #menu li a:focus {background: #ec7416;}*/

#menu li ul, div.kompetenzen #menu li ul, p.dtitle {display: none;}

/* menu -searchbox */

#menu li.search legend, #menu li.search p.sendbtn {display: none;}

#menu li.search p.searchinp input {width: 136px; height: 14px; font-size: 12px; line-height: 18px; color: #958571; text-transform: uppercase; background: #fff; border-top: 1px solid #7f7f7f; border-left: 1px solid #7f7f7f; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 3px 0 0 3px;}

/* menu open element */

#menu li.slideOpen {background: #ec7416; overflow: hidden; display: list-item;}

#menu li.open {height: 284px; background: #ec7416; position: relative;} /* 236px */

#menu li.open a, #menu li.open a:link, #menu p.dtitle, #container #menu li.open a:hover, #container #menu li.open a:focus, #container #menu li.open li.act a, #container #menu li.open li.act a:link, #menu li.current a, #menu li.current a:link, #menu p.dtitle, #container #menu li.current a:hover, #container #menu li.current a:focus, #container #menu li.current li.act a, #container #menu li.current li.act a:link {background: none; font-size: 20px; line-height: 20px; font-weight: bold; padding: 5px 0 0 5px;}

#container #menu li.open ul li a:hover, #container #menu li.open li.act a, #container #menu li.open li.act a:link,#container #menu li.current ul li a:hover, #container #menu li.current li.act a, #container #menu li.current li.act a:link  {padding-top: 0;}

#menu li.open ul, #menu li.open p.dtitle, #menu li.current ul, #menu li.current p.dtitle {display: inline; margin: 0; position: relative; font-size:16px; line-height:17px }

#menu li.open ul li, #menu li.current ul li {margin-bottom: 0; font-size: 12px; text-transform: none; display: inline;}

#menu li.open ul li a:link, #menu li.open ul li a, #menu li.current ul li a:link, #menu li.current ul li a {font-weight: normal; font-size: 12px; display: block; line-height: 18px; padding: 0 0 0 25px; color: #f5b98a;}

/***menu -submenu */

/* #menu li.open ul.submenu {position: absolute; top: 25px;} */

#menu li.open ul.submenu li a, #menu li.open ul.submenu li a:link, div.sub #menu li.open a, div.sub #menu li.open a:link, div.subcoll #menu li.open a, div.subcoll #menu li.open a:link {padding-left: 5px; color: #fff; text-transform: uppercase; line-height: 14px;}

div.sub #menu li.open a, div.sub #menu li.open a:link, div.subcoll #menu li.open a, div.subcoll #menu li.open a:link {font-size: 12px; font-weight: normal;}

/*** menu -collage/list view */

#menu li.open ul.view {position: absolute; bottom: 0; left: 0;}

#menu li.open ul.view li {height: 19px;}

#container #menu li.open ul.view li a:link, #container #menu li.open ul.view li a {font-size: 12px; font-weight: normal; padding:0 0 0 25px; line-height:18px;}

#container #menu li.open ul.view li.coll a:link, #container #menu li.open ul.view li.coll a {background: url(../images/css_sprite.png) no-repeat 5px -529px;}

#container #menu li.open ul.view li.coll a.act, #container #menu li.open ul.view li.coll a:hover, #container #menu li.open ul.view li.coll a:focus {background: url(../images/css_sprite.png) no-repeat 5px -560px; font-weight: bold; color: #fff;}

#container #menu li.open ul.view li.list a:link, #container #menu li.open ul.view li.list a {background: url(../images/css_sprite.png) no-repeat 5px -591px;}

#container #menu li.open ul.view li.list a.act, #container #menu li.open ul.view li.list a:hover, #container #menu li.open ul.view li.list a:focus {background: url(../images/css_sprite.png) no-repeat 5px -621px; font-weight: bold; color: #fff;}

/* slider arrows */

div.arr {position: absolute; width: 22px; height: 130px; top: 177px; display: none;}

div.arrright {right: -20px;}

.slideable div.arrright {top: 310px;}

/* for non js: */

.slideable div.arrleft {left: 0; height: 50px;}

/**/

div.detail div.arrright {top: 310px;}

div.subcoll div.arrright {top: 158px;}

div.arr a, div.arr a:link {display: block; text-indent: -7896px; position: absolute; width: 22px; height: 50px; top: 0; left: 0;}

div.slideable div.arr {display: block;}

div.slideable div.arrleft a:link, div.slideable div.arrleft a {background: url(../images/css_sprite.png) no-repeat 5px -350px;}

div.slideable div.arrleft a:hover, div.slideable div.arrleft a:focus {background-position: 0px -350px;}

div.slideable div.arrright a:link, div.slideable div.arrright a {background: url(../images/css_sprite.png) no-repeat 1px -431px;}

div.slideable div.arrright a:hover, div.slideable div.arrright a:focus {background-position: 5px -431px;}

/* pagination thumb preview -lower left */

/**old pagin

#left ul#pagin, #left ul#pagin_det, #left ul#pagin_tble {display: none; position: absolute; top: 561px; left: 28px;}

div.slideable #left ul#pagin, div.slideable #left ul#pagin_det, #left ul#pagin_tble {display: block; width: 150px; margin-left: -3px;}

#left ul#pagin li, #left ul#pagin_det li, #left ul#pagin_tble li {display: inline; list-style-type: none; float: left; height: 10px; position: relative;}

#left ul#pagin li a, #left ul#pagin li a:link, #left ul#pagin_det li a, #left ul#pagin_det li a:link, #left ul#pagin_tble li a, #left ul#pagin_tble li a:link {display: block; position: relative; width: 10px; height: 16px; background: url(../images/css_sprite.png) -17px -34px no-repeat; text-indent: -7987px;}

#left ul#pagin_det li a.kdol, #left ul#pagin_det li a.kdol:link {background-position:-107px -34px;}

#left ul#pagin li a span.hvrd, #left ul#pagin_det li a span.hvrd, #left ul#pagin_tble li a span.hvrd {display: block; background: url(../images/css_sprite.png) -40px -34px no-repeat; width: 16px; height: 16px; position: absolute; bottom: 0; left:0; z-index: 99;}

#left ul#pagin_det li a.kdol span.hvrd {background-position: -147px -34px;}

#left ul#pagin li.act a, #left ul#pagin li a:hover, #left ul#pagin li a:focus, #left ul#pagin_det li.act a, #left ul#pagin_det li a:hover, #left ul#pagin_det li a:focus, #left ul#pagin_tble li a:hover, #left ul#pagin_tble li a:focus {background-position:3px -34px;

padding:0 3px 0 3px;}

#left ul#pagin_det li.act a.kdol, #left ul#pagin_det li a.kdol:hover, #left ul#pagin_det li a.kdol:focus {background-position:-67px -34px;}

#pagin .thumb, #pagin_det .thumb, #pagin_tble .thumb {display: none; position: absolute; background: url(../images/css_sprite.png) 0 -878px no-repeat; width: 142px; position: absolute; bottom: 9px; left: -8px; padding: 5px 7px 7px 5px; z-index: 1;}

#pagin .thumb h3, #pagin_det .thumb h3, #pagin_tble .thumb h3 {color: #fff; font-size: 10px; position: absolute; top: 7px; left: 7px;}

#pagin .thumb img, #pagin_det .thumb img, #pagin_tble .thumb img {background: black; width: 142px; height: 105px; display: block;}

/*#left ul#pagin li:hover .thumb, #left ul#pagin li:focus .thumb,  #left ul#pagin li.hovered .thumb {display: block; visibility: visible;}*/

/*end old pagin*/

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

/*new pagin thumbs, appended via js*/

/* pagination thumb preview -lower left */

.pagin {display: block; position: absolute; top: 561px; left: 28px;}

div.slideable #left .pagin {display: block; width: 150px; margin-left: -3px;}

.pagin li {display: inline; list-style-type: none; float: left; height: 10px; position: relative; margin-bottom: 3px;}

.pagin li a, .pagin li a:link {display: block; position: relative; width: 10px; height: 16px; background: url(../images/css_sprite.png) -17px -34px no-repeat; text-indent: -7987px;}

.pagin li a.kdol, .pagin li a.kdol:link {background-position:-107px -34px;}

.pagin li a span.hvrd {display: block; background: url(../images/css_sprite.png) -40px -34px no-repeat; width: 16px; height: 16px; position: absolute; bottom: 0; left:0; z-index: 99;}

.pagin li a.kdol span.hvrd {background-position: -147px -34px;}

.pagin li a:hover, .pagin li a:focus {background-position:3px -34px; padding:0 3px 0 3px;}

.pagin li.act a, .pagin li a:hover, .pagin li a:focus {background-position:3px -34px;

padding:0 3px 0 3px;}

.pagin li.act a.kdol, .pagin li a.kdol:hover, .pagin li a.kdol:focus {background-position:-67px -34px;}

.pagin .thumb {display: none; position: absolute; background: url(../images/css_sprite.png) 0 -878px no-repeat; width: 142px; position: absolute; bottom: 9px; left: -8px; padding: 5px 7px 7px 5px; z-index: 1;}

.pagin .thumb h3 {color: #000; font-size: 13px; position: absolute; top: 7px; left: 7px;}

.pagin .thumb img {background: black; width: 142px; height: 105px; display: block;}

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

/** sort/filter submenu */

#menu li.open ul#sortfilter {position: relative; width: 121px; padding: 0; display: block;}

#menu li.open ul#sortfilter li.filterby {position: absolute; width: 131px; background: #fff url(../images/css_sprite.png) repeat-x 0 1px; margin-left: 5px;}

#menu li.open ul#sortfilter li.filtermedien {z-index: 60; top: 15px;}

#menu li.open ul#sortfilter li.filterbranchen {top: 20px;}

#menu li.open ul#sortfilter li.filterby ul {display: none; line-height: 12px; background: #fff;  width: 131px; padding-bottom: 2px; z-index:100;}

#menu li.open ul#sortfilter li.filterby:hover ul {display: block;}

#menu li.open ul#sortfilter li.filterby a, #menu li.open ul#sortfilter li.filterby a:link {color: #91816d; padding: 0; width: 121px; padding: 0 5px; line-height: 14px; text-transform: uppercase;}

#menu li.open ul#sortfilter li.filterby a.filterhead, #menu li.open ul#sortfilter li.filterby a.filterhead:link {background: url(../images/css_sprite.png) no-repeat 118px -682px; color: #EC7416; height: 20px; line-height: 20px; text-transform: none;}

#menu li.open ul#sortfilter li.filterby a.filterhead:hover, #menu li.open ul#sortfilter li.filterby a.filterhead:focus, #menu li.open ul#sortfilter li.filterby:hover a.filterhead {background: #fff url(../images/css_sprite.png) repeat-x 117px 652px;}

#menu li.open ul#sortfilter li.filterby a:hover, #menu li.open ul#sortfilter li.filterby a:focus {font-size: 12px;}

/*#menu li.open ul#sortfilter li.filterby:hover ul, #menu li.open ul#sortfilter li.filterby:focus ul {display: block;}*/

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

/* gutter & content typo */ 

#content h3 {font-size: 22px; line-height: 25px; font-weight: normal; color: #ec7416;} /* 33px & 34 */

#content h3 a, #content h3 a:link {color: #ec7416; text-decoration: none; text-indent: 0; margin: 7px 0 7px -14px; position: relative;}

#content h3 span {background: #ec7416; color: #fff; text-transform: uppercase;font-weight: bold; margin-right: 3px; padding: 0 4px;}

#content h3 span.bgbeige {background: #FBF7F2; color:#EC7416; line-height:26px;}

#content h3 span span {padding: 0 1px;}

/*******special >>de<<Gelmini***/

#content h3 span.prede {padding: 0; margin: 0; font-weight: normal; line-height: 34px; background: none;}

/*******special linebreak padding**/

#content h3 br {margin: 0 5px 0 0;}

#content h3 span span.nl {padding: 0 5px; margin: 0; line-height: 34px;}

/*******end specials**/

#content h3 a:hover {background: none;}

#content h3 a:hover span {background: #000;}

#content, #modbox {font-size: 12px; color: #91816d; line-height: 14px; }

ul.gutter h3, ul.gutter p {margin-right: 35px;}

div.news ul.gutter h3 {margin-right: -14px;}

ul.gutter li a, ul.gutter li a:link {

    display: block;

    top: 0;

    left: 0;

    z-index: 1;

    /*width: 100%;

    height: 100%;*/

    /*

    text-indent: -9999px;

    position: absolute;

    */

}

ul.gutter li a:hover {background:url(../images/hbdg_mo_highlight.png) repeat transparent;}

ul.gutter li.descr a.hdnb:hover {background: none;}

/*gutter layout*/



ul.sprites {width: 99999px;}

 /* wide enough?*/

.slideable li.sprite {width: 685px; height: 411px; float: left; position: relative;}

ul.gutter { position: relative; float: left; width: 685px; margin-bottom: 18px;}

ul.gutter li {float: left; margin: 0 7px 7px 0; position: relative;}

ul.gutter li img {width: 130px;}

ul.gutter li, ul.gutter li.descr, ul.gutter li.cl2.descr, ul.gutter li.cl3.descr {height: 130px;}

ul.gutter li.cl1 {width: 130px;}

ul.gutter li.cl2, ul.gutter li.cl2 img, img.headpicsquare {width: 267px; height: 267px;}

ul.gutter li.cl3, ul.gutter li.cl3 img,.downloadsDetail img {width: 404px; height: 404px;}

ul.gutter li.cl5 {width: 678px;}

ul.gutter li.cl5 img {width: 678px; height: 267px;}

ul.gtr2 li {height: 267px;}

ul.gtr2 li.descr h3 {margin: -14px 35px 7px 14px;}

ul.gtr2 li.descr p {margin: 0 35px 7px 7px;}

ul.gtr4 li.descr {position: absolute; margin: 267px 0 0 274px; top: 0; left: 0;}

ul.gtr5 li.descr {position: absolute; margin: 267px 35px 0 411px; top: 0; left: 0;}

ul.gutter li.lb, ul.gutter li.lb2 {position: absolute; margin: 274px 7px 0 0; float: none; top: 0; left: 0;}

ul.gutter li.lb2 {margin-left: 137px;}

ul.gutter li.bt {margin-left: 274px;}

ul.gtr6 li.cl2.descr {height: 130px;}

ul.gutter li.lrb {position: absolute; float: right; top: 137px; right:0;}

ul.gutter li.full, ul.gutter li.full img {width: 678px; height: 404px;}

/* list view -tables typo & layout */

div.listcontent #right #content {margin-top: 113px;}

table.list {text-align: left; width: 678px;}

table.list td {padding-left: 5px; font-weight: normal; line-height: 22px; background: #FBF7F2;}

table.list th.header {height: 26px;}

table.list th p {

    line-height: 22px;

    background: url('../images/_bg.gif') 0 -5px;

    background-position:right;

    background-repeat:no-repeat;

    background-color:#fff;

}

table.list th.headerSortUp p{

    background: url('../images/_asc.gif') 0 -5px;

    background-position:right;

    background-repeat:no-repeat;

    background-color:#fff;

}

table.list th.headerSortDown p{

    background: url('../images/_desc.gif') 0 -5px;

    background-position:right;

    background-repeat:no-repeat;

    background-color:#fff;

}

table.list a, table.list a:link {text-decoration: none; font-weight: normal; color: #91816d;}

table.list th.header a, table.list th a:link {padding: 0 27px 0 5px; color: #efb384; font-weight:bold;color: #ec7416;}

table.list th.header a:hover,

table.list th a:focus,

#content table.list th.headerSortDown a,

#content table.list th.headerSortDown a:link

{color: #ec7416; background: url(../images/css_sprite.png) no-repeat 100% -654px; font-weight: bold; }

#content table.list th.headerSortUp a,

#content table.list th.headerSortUp a:link,

#content table.list th.headerSortDown a:hover,

#content table.list th.headerSortDown a:focus {color: #ec7416; background: url(../images/css_sprite.png) no-repeat 100% -684px; font-weight: bold;}

#content table.list th.headerSortUp a:hover,

#content table.list th.headerSortUp a:focus

{background: url(../images/css_sprite.png) no-repeat 100% -654px;}

table.list td.tcone a, table.list td.tcone a {font-weight: bold;}

table.list td.tctwo, table.list td.tcthree {font-style: italic; width: 137px;}

table.list td.tcone, table.list td.tckampagn {width: 274px;}

table.list td.tcfour {width: 130px;}

table#downloadslist td.tcone {width: 404px;}

/* detail page */

.detail #content, .detail #content div.pane-target, .detail #content div.pane-target li.sprite {height: 611px;}

.newsdetail #content, .newsdetail #content div.pane-target, .newsdetail #content div.pane-target li.sprite {min-height:100px; height: auto !important; height:100px;}

/* .detail #footer {display: none; visibility: hidden;} */

div.detail #menu ul.view {display: none;}

#menu p.dtitle {color: #EFB384; font-weight: normal; padding-top:2px !important; display:block !important;}

div.nohead #content {margin-top: 0;}

div.detail #content h3 {position: relative; z-index: 60; margin: -7px 0 15px 0; color: #fff; text-transform: uppercase; background: #EC7416; display: inline-block; padding: 0 5px; font-weight: bold;}

div.newsdetail #content h3 {background: none; color: #EC7416; font-weight: normal; padding: 0;}



/**kontakt page h3 **/

div.kontakt #content ul.gutter h3, .downloads-detail h3,.awards-detail h3{width: auto; margin: 7px 0 12px -14px;}

/***special impressum lowered h3 **/

div.impressum #content h3 {margin: 0 0 18px;}

div.detail #content img.wideheadpic {width: 678px; height: 130px;}

div.detail #content p {line-height: 18px; margin-bottom: 18px;}

.morebox p {margin-bottom: 0px !important; line-height:15px;}

/*** detail page -supplemental info */

ul#supinfo, div.detail #pane-target #footer, div.detail #cont-kampdetail > div #footer, #modbox #footer {display: block; visibility: visible; width: 411px; float:left; margin-bottom: 35px;}

ul#supinfo h5, div.detail div.morebox h5 a, #modbox h5 {font-size: 25px; line-height: 25px; text-transform: uppercase; font-weight: normal; color: white; text-decoration: none;}

.newsdetail ul#supinfo h5, .newsdetail div.morebox h5 {color: #91816d;}

ul#supinfo h5 span, div.detail div.morebox h5 span, #modbox h5 span {font-weight: bold;}

ul#supinfo h5 span.nmbr, div.detail div.morebox h5 span.nmbr, #modbox h5 span.nmbr {font-weight: normal; font-size: 20px; margin-left: 5px;}

ul#supinfo ul li {padding: 4px 0;}

ul#supinfo a, ul#supinfo a:link {text-decoration: none; line-height: 18px; font-weight: bold; color: #fff; }

li.related {margin-top: 18px;}

li.supcampaign li a, li.supcampaign li a:link, li.related li a span, li.related li a:link span {padding: 3px 4px;}

li.supcampaign li a, li.supcampaign li a:link {background: #EC7416;}

ul#supinfo li.related li a, ul#supinfo li.related li a:link {color: #91816d;}

li.related li a span {background: #AF9D85; color: #fff; margin-right: 4px;}

/***detail page -social bookmarks */

ul#socials {clear:both;}

.detail #content div.pane-target #socials {position:absolute; bottom: 21px; left:412px;}

.detail.historie #content div.pane-target #socials {bottom:auto; left:auto;}

.detail #modbox #socials {position:absolute; bottom:-3px; left:580px;}

.detail #content div.pane-target #footer, .detail #modbox #footer {display: block; visibility: visible; top: 19px; width: 300px; clear: both;}

/* #footer.horz { top: 0px !important;} */

.detail #modbox #footer {left: 180px;}

ul.solo {margin-left: 411px;}

ul#socials li { list-style-type:none; display:inline; float:left; height:25px; width:25px; margin-right: 5px;}

ul#socials li a, ul#socials li a:link {height:25px; width:25px; display: block; text-indent: -999999px; background: url(../images/css_sprite.png) 0 -803px no-repeat;}

ul#socials li.bb a, ul#socials li.bb a:link {background-position: -30px -803px;}

ul#socials li.cc a, ul#socials li.cc a:link {background-position: -60px -803px;}

ul#socials li.dd a, ul#socials li.dd a:link {background-position: -90px -803px;}

ul#socials li.ee a, ul#socials li.ee a:link {background-position: -120px -803px;}

ul#socials li.ff a, ul#socials li.ff a:link {background-position: -150px -803px;}

/****detail page -social bookmarks***hovers*/

ul#socials li.aa a:hover, ul#socials li.aa a:focus {background-position: 0 -833px;}

ul#socials li.bb a:hover, ul#socials li.bb a:focus {background-position: -30px -833px;}

ul#socials li.cc a:hover, ul#socials li.cc a:focus {background-position: -60px -833px;}

ul#socials li.dd a:hover, ul#socials li.dd a:focus {background-position: -90px -833px;}

ul#socials li.ee a:hover, ul#socials li.ee a:focus {background-position: -120px -833px;}

ul#socials li.ff a:hover, ul#socials li.ff a:focus {background-position: -150px -833px;}

/*contact form*/

div.detail #content li.contactform {position: relative;}

div.detail #content li.contactform p {margin-bottom: 5px; position: relative;}

li.contactform h4 {text-transform: uppercase;}

li.contactform p label {position: absolute; left: 5px; top: 1px; color: #fff;}

li.contactform p input, li.contactform p textarea {width: 496px; height: 17px; font-size: 12px; line-height: 17px; color: #fff; background: #AF9D85; border: none; padding: 3px 0 0 45px;}

li.contactform p.cemail, li.contactform p.cphone {display: block; float: left; width: 267px; margin: 0;}

li.contactform p.cemail input {width: 222px;}

li.contactform p.cphone input {width: 217px; padding: 2px 0 0 50px;}

li.contactform p.cphone {margin: 0 0 0 7px;}

li.contactform p.betreff {clear: both;}

li.contactform p.cattach input[type="text"] {width: 360px;}

li.contactform p.cattach a#attachment {background: #EC7416; display: block; width: 130px; margin-left: 411px; color: #fff; text-indent: 5px; padding-top: 2px; height: 18px;}

li.contactform p textarea {height: 65px; line-height: 18px; padding: 0 0 0 45px;}

div.detail #content li.contactform p.cbutton {position: absolute; right: 0; bottom: 0; margin: 0; width: 125px; height: 117px; right: 5px;}

li.contactform p.cbutton input[type="submit"] {width: 130px; height: 117px; background: #EC7416; color: #EC7416; cursor: pointer;}

li.contactform p.cbutton input[type="submit"]:hover {background: #000;}

li.contactform p.cbutton span {position: absolute; top: 7px; left: 5px; color: #fff; text-transform: uppercase; font-size: 18px; line-height: 18px; cursor: pointer;}

li.contactform p.cbutton span span {position: relative; top: 0; left: 0; font-weight: bold;}

/*agentur subpages*/

/********** historie page */

div.historie #content {margin-top:25px;}

img.hugeheadpic {height: 307px; width: 678px; margin-bottom: 15px;}

div.historie #content h3 {display: block; float: left; height: 200px; width: 137px; background: none; color: #EC7416; font-weight: normal; margin: 0;}

div.historie #content p {max-width: 678px;}

div.historie div.arrright {top: 310px;}

/*********** philosophie page... */

img.headpicsquare {float: left; margin: 0 7px 15px 0;}

img.hugeleft {width: 404px; height: 404px;}

/* div.sub #content h3 {float: left; background: none; padding: 0;} */

div.sub #content h3 span {padding: 0 5px 0 5px;}

div.sub #content h3 span span {padding: 0 1px;}

div.mission #content h3 {width: 280px;}

div.philosophie #content h3 {width: 425px;}

/********** zahlen & fakten page ***/

div.zahlfakten #content h3 {width: 678px; margin: 0 0 7px 0}

div.zahlfakten #content img.wideheadpic {height: 195px;}

/****kampagne & kompetenzen detail page **/

div.kampdetail img.hugeheadpic, div.kompetdetail img.hugeheadpic {height: 243px; margin: 0;}

div.kampdetail #content h3, div.newsdetail #content h3, div.kompetdetail #content h3 {display: inline; top: -11px; width: 404px;}

div.kampdetail #content h3 span, div.kompetdetail #content h3 span {padding: 0 1px;}

div.kompetdetail #content h3 span {width: 15px;}

div.newsdetail #content h3, div.kompetdetail #content h3 {width: 678px;}

div.detail div.textleft, div.kampdetail img.hugesidepic {width: 404px;}

div.kampdetail img.hugesidepic {height: 519px; float: left;}

div.kampdetail div.textright {width: 271px; margin: 20px 0 0 7px; float: left;}

div.kampdetail #content div.textright h3 {position: relative; left: -14px;}

div.detail div.morebox {position: absolute; float: right; top: 278px; right: 7px; width: 267px; z-index:10;}

div.detail #content div.morebox p, #modbox p {line-height: 14px; margin: 0 0 2px; color: white;}

div.detail div.morebox div {margin-bottom: 7px; padding: 10px 5px 3px 10px;}

div.detail div.morebox div {
  min-height:250px;
  height:auto !important;
  height:250px;
}

div.kompetdetail #content div.morebox div p {margin: 2px 0 8px;}

div.detail div.morebox div.mbbottom {position: relative;}

div.detail div.morebox div.mbbottom a, div.detail div.morebox div.mbbottom a:link {left: 5px; color: #fff; text-decoration: none; font-weight: bold;}

div.detail p a, div.detail p a:link {text-decoration: none; color: #91816d;}

div.kompetdetail div.morebox div.mbbottom {background: #AF9D85;}

/* div.kampdetail #content #footer, div.kampdetail #content ul#socials, div.kompetdetail #content #footer,  div.kompetdetail #content ul#socials, .detail #content div.pane-target ul#socials,  .detail #content div.pane-target #footer {margin-top: 25px;} */

.newsdetail #content div.pane-target ul#socials {margin-top: 0; position: relative; bottom: 0; left: 0;}

/*footer below content right*/

#footer {position: relative; top: -4px;}

div.listcontent #footer {top: 20px;}

#footer a, #footer a:link {font-size: 12px; line-height: 12px; text-decoration: none; color: #91816d; background: url(../images/css_sprite.png) no-repeat 0 -714px; padding-left: 12px; margin: 0 7px 0 0;}

.detail #modbox #footer a.xbge {color: white; background-position: 0 -772px}

#footer a span, #footer a:link span {text-transform: uppercase; font-weight: bold;}

#footer a span span, #footer a:link span span {text-transform: none; font-weight: normal;}

#footer a.xor, #footer a.xor:link {color: #ec7416; background-image: url(../images/css_sprite.png) 0 -745px;}

div.ac_results {z-index: 102;}

div.ac_results li {font-size: 35px; line-height: 40px; text-transform: uppercase; padding-left: 4px; position: relative; cursor:pointer;}

div.ac_results li.ac_even {background: #fff;}

div.ac_results li img {height: 25px; width: 25px; margin: auto 5px;}

div.ac_results li.ac_odd {background: #AF9D85; color:#fff;}

div.ac_results li.ac_over {font-weight: bold; background: #EC7416;}

div.ac_results li span {position: absolute; right: 6px; top: 6px; font-size: 12px; text-align: right; font-weight: normal; line-height: 16px;}

div.ac_results li span.bottom {top: 20px;}

div.ac_results li strong{}

div#sr_overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; z-index: 100;}



div.textright div.jScrollPaneContent {
	display:block;
	height:130px;
	width:267px;
	/*margin-top:-5px;*/
	overflow:auto;
  line-height:18px;
}
div.textleft div.jScrollPaneContent {
	display:block;
	height:197px;
	overflow:auto;
	margin-bottom:13px !important;
  line-height:18px;
}

div.textleft {
	margin-top:47px;
}

.flRight{
    float:right;
}
.flLeft{
    float:left;
}
.taCenter{
    text-align:center;
	margin-top:10px;
	width:811px;
	line-height:456px;
}

.taCenter  img{
	vertical-align:middle;
}

.socialsRight{
padding-right:92px;
}
.closeOverlay{
    width:25px;
    height:25px;
    position:absolute;
    z-index:10000000;
    top:6px;
    cursor:pointer;
}

.thumbTitle{
    height:30px;
    background-color:#fff;
}

.pagin .thumbDetail {
    display: none;
    position: absolute;
    background: url(../images/css_sprite.png) 0 -858px no-repeat;
    width: 342px;
    position: absolute;
    bottom: 9px;
    left: -8px;
    padding: 5px 7px 7px 5px;
    z-index: 1;
    height:142px;
}

.pagin .thumbDetail span.thumbTitle {
    background-color:#fff;
    color: #000;
    font-size: 13px;
    position: absolute;
    top: 0px;
    left: 0px;
    height:13px;
    padding:2px;
}

.pagin .thumbDetail img {
    background: black;
    width: 142px;
    height: 105px;
    display: block;
    bottom:3px;
    margin-top:20px;
}
.karriereInner p.karriereContent{
    height:235px;
    margin-right:0px;
}

li.contactform p input[type=file]{

   /* height: 20px;
    width:230px;
    float:left;
    display:block;
    margin-left:155px;
    background:#AF9D85 none repeat scroll 0 0;
    margin-top: 0px;
    padding-top: 0px;
	*/
    background:#AF9D85 none repeat scroll 0 0;
	display:block;
float: left;
height:20px;
margin-left: 0;
margin-top: 0;
padding-left: 0;
padding-top: 0;
width:481px;
}

*:first-child+html #content li.contactform p input[type=file] {margin: -20px 0 0 60px;}

li.contactform p.file {

    clear:both;

    display:block;

    float:left;

    height:20px;

    background:#AF9D85 none repeat scroll 0 0;

        

}

li.contactform p.file label{

    height:20px;

    width:60px;

    display:block;

    float:left;

    position:relative;

    margin-left:0px;

    

}

.jobcontact #subject{

    height:40px;

}

.textJobs .jScrollPaneDrag{

    background-color: #AF9D85;

   

}

#kamp-coll li img {

    cursor: pointer;

}

.newsContent{

    padding-right:10px;

    padding-left:10px;

}

.innerTopBuffer{

    height:26px;

}

.downloadsDetail .downloadsCont{

    height:260px;

    display:block;

    float:left;

    width:270px;

    

}

.downloadsDetail .downloadsCont p{

    margin-left:10px;

}

.downloadsDetail a{

    float:left;

    display:block;

    background-color:#EC7416;

    height:134px;

    color:#fff;

    font-size:19px;

    text-decoration:none;

    padding:5px;

    line-height:20px;

    width:255px;

    font-weight:200;

    margin-left:5px;

}

.downloadsDetail a:hover{

    background-color:#000;

    

}

.downloadsDetail p span{

    display:inline-block;

    width:90px;

}

p.downloadsContent{

    padding-top:10px;

    padding-bottom:20px;

}

table.list td.downloadlistTitle{

    width:500px;

}

table.downloadslist .italic{

    font-style:italic;

}

.awards-detail h3{

    float:left;

    width:386px;

}

.awards-detail p{



}

.pdfCase {
	margin-top:10px;
	margin-left:10px;
	margin-right:5px;
	padding:3px 25px !important;
	position:relative;
}

.pdfCase .thepdf {
	position:absolute;
	left:-10px;
	top:-5px;
}


.pdfCase a {
	font-weight:bold;
	text-decoration:none !important;
}

.morebox  .ovl img {
	margin-top:5px;
}