body, html{
    background: url("../../img/xshared/bg.jpg") repeat-x left top #ACA38E;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #C7C7C7;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}

a {
    text-decoration: none;
    color: #C7C7C7;
}


a.pdf, a.swf, a.html, a.psd, a.png, a.jpeg, a.doc, a.eps {
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    height: 18px;
}

a.pdf {
    background: url("../../img/xshared/icons_small/pdf.gif") top left no-repeat transparent;
}

a.swf {
    background: url("../../img/xshared/icons_small/swf.gif") top left no-repeat transparent;
}

a.html {
    background: url("../../img/xshared/icons_small/html.gif") top left no-repeat transparent;
}

a.psd {
    background: url("../../img/xshared/icons_small/psd.gif") top left no-repeat transparent;
}

a.png {
    background: url("../../img/xshared/icons_small/png.gif") top left no-repeat transparent;
}

a.jpeg, a.eps  {
    background: url("../../img/xshared/icons_small/jpeg.gif") top left no-repeat transparent;
}

a.doc {
    background: url("../../img/xshared/icons_small/doc.gif") top left no-repeat transparent;
}

a.externalLink {
    font-size: 10px;
}


a.mailTo {
    display: block;
    padding-left: 20px;
    padding-top: 2px;
    height: 23px;
    font-size: 9px;
    background: url("../../img/xshared/mailTo_bg.gif") no-repeat top left transparent;
    background-position: 5px 0;
}


hr {
    color: #C7C7C7;
    background: #C7C7C7;
    height: 2px;
    border: none;
}

.hrDoubleLine {
    padding: 0;
    margin: 0;
    margin-bottom: 2px;
    line-height: 2px;
    height: 2px;
    border-top: 3px solid #C7C7C7;
    border-bottom: 3px solid #C7C7C7;
}

#containerAll{
    width: 820px;
    background: url("../../img/xshared/bg_shadow_left.jpg") no-repeat left top white;
    margin: 0 auto 0 auto;
}

#containerAllSub{
    background: url("../../img/xshared/bg_shadow_right.jpg") no-repeat right top transparent;
    text-align: left;
}

#containerContent {
    width: 800px;
    margin-left: 10px;
    margin-right: 10px;
}

#containerContentSub {
    margin: 10px 0px 0 20px;
    width: 760px;
}

#containerNavi {
    background-color: white;
}

#containerFooter {
    background: url("../../img/xshared/bg_shadow_bottom.jpg") no-repeat right top transparent;
    width: 816px;
    margin: 0 auto 0 auto;
}


#header {
    background: url("../../img/xshared/bg_header_bear.gif") no-repeat top right #666666;
    padding: 3px 50px 3px 20px;
    background-position: 750px 0;

    font-size: 14px;
    line-height: 16px;
}

#header_hr {
    background: url("../../img/xshared/bg_header_hr.gif") repeat-x top left transparent;
    height: 8px;
}

#head_bottomLine {
    background: url("../../img/xshared/bg_head_bottomline.jpg") repeat-x top left transparent;
    height: 35px;
    width: 760px;
}


#head {
    background: url("../../img/xshared/bg_head.jpg") repeat-x top left transparent;
    border: 1px solid #969696;
    width: 760px;
    height: 97px;
}

html>body #head {
    width: 758px;
}

#head #logo {
    margin-top: 7px;
    margin-left: 36px;
}


#navi  ul, #subnavi ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 19px;
    border-left: 1px solid #999999;
}

#navi  li {
    float: left;
    text-align: center;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

#navi li a {
    display: block;
    width: 151px;
    height: 19px;
    text-indent: -999em;
}

#navi li a#stiftung {
    width: 100px;
    background: url("../../img/deDE/nav_stifung.jpg") repeat-x top center transparent;
}


#navi li a#stiftung.active,
#navi li a#stiftung:hover {
    background: url("../../img/deDE/nav_stiftung_over.jpg") repeat-x top center transparent;
}


#navi li a#ziel {
    background: url("../../img/deDE/nav_ziel.jpg") repeat-x top center transparent;
    width: 72px;
}
#navi li a#ziel.active,
#navi li a#ziel:hover {
    background: url("../../img/deDE/nav_ziel_over.jpg") repeat-x top center transparent;
}


#navi li a#engagement {
    background: url("../../img/deDE/nav_engagement.jpg") repeat-x top center transparent;
    width: 140px;
}
#navi li a#engagement.active,
#navi li a#engagement:hover {
    background: url("../../img/deDE/nav_engagement_over.jpg") repeat-x top center transparent;
}

#navi li a#geschichte {
    background: url("../../img/deDE/nav_geschichte.jpg") repeat-x top center transparent;
    width: 146px;
}
#navi li a#geschichte.active,
#navi li a#geschichte:hover {
    background: url("../../img/deDE/nav_geschichte_over.jpg") repeat-x top center transparent;
}

#navi li a#presse {
    background: url("../../img/deDE/nav_presse.jpg") repeat-x top center transparent;
    border-right: none;
    width: 77px;
}
#navi li a#presse.active,
#navi li a#presse:hover {
    background: url("../../img/deDE/nav_presse_over.jpg") repeat-x top center transparent;
}

#navi li a#fachpreise {
    background: url("../../img/deDE/nav_fachpreise.jpg") repeat-x top center transparent;
    width: 100px;
}
#navi li a#fachpreise.active,
#navi li a#fachpreise:hover {
    background: url("../../img/deDE/nav_fachpreise_over.jpg") repeat-x top center transparent;
}

#navi li a#kaiserschild {
    background: url("../../img/deDE/nav_kaiserschild.jpg") repeat-x top center transparent;
    width: 117px;
}
#navi li a#kaiserschild.active,
#navi li a#kaiserschild:hover {
    background: url("../../img/deDE/nav_kaiserschild_over.jpg") repeat-x top center transparent;
}

#subnavi {
    background: #666666;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    height: 18px;
}

#subnavi ul {
    margin-left: 20px;
    border: none;
}

#subnavi  li {
    float: left;
    color: white;
    font-weight: bold;
}

#subnavi  li a {
    color: white;
}

#subnavi ul#sub_stiftung a:hover,
#subnavi ul#sub_stiftung a.active,
#color_stiftung a:hover,
#color_stiftung a.active {
    color: #FFCC00;
} 

#subnavi ul#sub_ziel a:hover,
#subnavi ul#sub_ziel a.active,
#color_ziel a:hover,
#color_ziel a.active {
    color: #FF9900;
} 

#subnavi ul#sub_engagement a:hover,
#subnavi ul#sub_engagement a.active,
#color_engagement a:hover,
#color_engagement a.active {
    color: #99CCFF;
}

#subnavi ul#sub_geschichte a:hover,
#subnavi ul#sub_geschichte a.active,
#color_geschichte a:hover,
#color_geschichte a.active {
    color: #99CC00;
}  

#subnavi ul#sub_presse a:hover,
#subnavi ul#sub_presse a.active,
#color_presse a:hover,
#color_presse a.active {
    color: #FF4343;
} 


#contentNavigation ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 152px;
    border: 1px solid #999999;
    border-bottom: none;
}

#contentNavigation ul li {
    background: #666666;
    border-bottom: 1px solid #999999;
}

#contentNavigation ul li a {
    color: white;
    padding: 2px;
    padding-left: 20px;
    display: block;
}

#contentNavigation ul li a:hover,
#contentNavigation ul li a.active {
    font-weight: bold;
}



#contentSubNavigation ul li {
    font-weight: bold;
}

#contentFooterNavigation ul {
    background: url("../../img/xshared/bg_hr.gif") repeat-x top left transparent;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
}

#contentFooterNavigation ul li {
    padding-right: 5px;
    padding-left: 5px;
    float: left;
}
#contentFooterNavigation ul li  {
    font-weight: bold;
}



#footer {
    text-align: right;
    border-bottom: 3px solid #EBEBEB;
    height: 25px;
}

#footer ul {
    list-style-type: none;
    margin: 0px;
    margin-top: 5px;
    padding: 0px;
    float: right;
    margin-right: 25px;
}

#footer ul li {
    display: block;
    float: left;
    color: #EBEBEB;
}

#footer ul li a {
    color: #EBEBEB;
}

#footer ul li a.active {
    font-weight: bold;
}


#content {
    background: white;
    overflow: auto;

    color: #999999;

    width: 780px;
    height: 370px;
}
#content td {
    font-size: 12px;
    color: #999999;
}


#content a {
    color: #999999;
}

#content a.blue {
    color: #7E93C8;
}


#containerCol {
    margin-top: 20px;
    background: url("../../img/xshared/bg_content.gif") repeat-y top left transparent;
}

#content #col1,
#content #col2,
#content #col3,
#content #col2Double {
    height: 70%;
    float: left;
}

#content #col1 {
    width: 156px;
}

#content #col2 {
    width: 442px;
    margin-left: 3px;
    margin-right: 3px;
}

#content #col2Double {
    background: #fff;
    width: 595px;
    margin-left: 3px;
    margin-right: 3px;
}

#content #col3 {
    width: 153px;
    margin-left: 3px;
}

.containerNews, .containerBox {
    border: 1px solid #999999;
    width: 152px;
}

html>body .containerNews {
    width: 150px;
}

.news, .box {
    width: 141px;
    overflow: hidden;
    margin: 4px;
    font-size: 11px;
    border: 1px solid #9F9F9F;
    background: url("../../img/xshared/box/head_silver.gif") no-repeat top left transparent;
}


html>body .news {
    width: 140px;
}


#color_engagement .box {
    background: url("../../img/xshared/box/head_blue.gif") repeat-x top left transparent;
}
#color_geschichte .box {
    background: url("../../img/xshared/box/head_green.gif") repeat-x top left transparent;
}
#color_presse .box {
    background: url("../../img/xshared/box/head_red.gif") repeat-x top left transparent;
}
#color_stiftung .box {
    background: url("../../img/xshared/box/head_yellow.gif") repeat-x top left transparent;
}
#color_ziel .box {
    background: url("../../img/xshared/box/head_orange.gif") repeat-x top left transparent;
}

#color_kaiserschild .box {
    background: url("../../img/xshared/box/head_dark_green.gif") repeat-x top left transparent;
}


.box {
    background: url("../../img/xshared/box/head_yellow.gif") repeat-x top left transparent;
}

.boxSilver {
    background: url("../../img/xshared/box/head_silver.gif") repeat-x top left transparent;
}

.box p {
    margin: 0px;
    padding: 4px;
    background: #F3F3F3;
}

.box h2 {
    margin: 0px;
    margin-top: 7px;
    padding: 0px;
}
.news h2 {
    margin: 4px;
    font-weight: bold;
    font-size: 11px;
    padding-bottom: 5px;
    background: url("../../img/xshared/bg_hr.gif") repeat-x bottom left transparent;
}

.news p {
    margin: 4px;
    padding-bottom: 5px;
    background: url("../../img/xshared/bg_hr.gif") repeat-x bottom left transparent;
}
.news a, .box a {
    display: block;
    margin: 4px;
    font-weight: bold;
    /*background: url("../../img/xshared/box/more_button.gif") no-repeat right transparent;*/
}

.news .newsTitle {
    background: url("../../img/deDE/box/title_news.jpg") repeat-x bottom left transparent;
    height: 45px;
    margin-top: 8px;
}


.info {
    background: #EBEBEB;
    padding: 10px;
    padding-right: 	5px;
    font-weight: bold;
    margin: 0px;
    border-top: 3px solid #C7C7C7;
    border-bottom: 3px solid #C7C7C7;
}	

#content h1 {
    margin: 0px;
    padding-left: 10px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    background: #999999;
}

#content #col2 p {
    padding-left: 10px;
    padding-right: 5px;
}

#content #col2 ol li {
    margin-bottom: 10px;
}


#contactForm dd {
    background: #F3F3F3;
    margin: 0px;
    padding: 5px;
    padding-left: 20px;
    border-bottom: 4px solid white;
}
#contactForm input, #contactForm textarea {
    float: right;
    width: 255px;
    text-indent: 4px;
    height: 18px;
    border: none;
    background: url("../../img/deDE/kontakt/form_bg.gif") no-repeat top left transparent;
}

#contactForm input.submit {
    font-size: 11px;
    font-weight: bold;
    color: #999999;
    height: 20px;
    width: 150px;
    float: right;
    border: none;
    background: url("../../img/deDE/kontakt/submit.gif") no-repeat left transparent;
    background-position: 131px 3px;
}


#contactForm .left {
    float: left;
    width: 130px;
}

.gallery
{
    background: #999999;
    float: left;
    width: 429px;
    _width: 443px;
    text-align: center;
    padding-left: 13px;
    border-top: 5px solid #999999;
    border-bottom: 5px solid #999999;
    margin-bottom: 10px;
}

.gallery a
{
    display: block;
    width: 100px;
    height: 67px;
    border: 2px solid #FFFFFF;
    float: left;
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.gallery a:hover
{
    opacity: 1;
    filter: alpha(opacity=100);
}

.gallery a img
{
    border: none;
    text-decoration: none;
}


.list-table {
    background: #fff;
    border-collapse: collapse;
}

.order-table .info {
    font-size: 10px !important;
}

.order-wrap {
    float: left;
    margin: 1px 1px 0px 0px;
}

.order-desc,
.order-desc-act,
.order-asc,
.order-asc-act {
    display: block;
    width: 6px;
    height: 4px;
    background: transparent url(../../img/xshared/arrow-asset.gif);
    margin: 1px;
    padding: 0;
    overflow: hidden;
}

.order-desc {
    background-position: 0px 4px;
}

.order-desc-act {
    background-position: 0px -4px;
}

.order-asc {
    background-position: 0px 8px;
}

.order-asc-act {
    background-position: 0px 0px;
}

#content #filter-table .list-table td {
    padding: 1px;
}


#content .list-table td {
    border: 1px dotted #999;
    /*border-top: 1px dotted #999;*/
    font-size: 11px;
    padding: 3px;
}

.NB-HRS-Layer {
    background: #ffffff;
    width: 100px;
    height: 100px;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
}

#fold-price-map {
    background: transparent url(../../img/deDE/engagement/fachpreis_2010.jpg) 0 0 no-repeat;
    height: 366px;
    position: relative;
}

#fold-price-map .detail-link {
    width: 20px;
    height: 20px;
    background: transparent url(../../img/xshared/clear.gif);
    display: block;
    position: absolute;
    cursor: pointer;
}

.detail-content {
    display: none;
}

#detail-1 {
    top: 97px;
    left: 196px;
}

#detail-2 {
    top: 117px;
    left: 46px;
}

#detail-3 {
    top: 144px;
    left: 24px;
}

#detail-4 {
    top: 136px;
    left: 55px;
}

#detail-5 {
    top: 141px;
    left: 158px;
}

#detail-6 {
    top: 157px;
    left: 207px;
}

#detail-7 {
    top: 175px;
    left: 30px;
}

#detail-8 {
    top: 203px;
    left: 58px;
}

#detail-9 {
    top: 218px;
    left: 150px;
}

#detail-10 {
    top: 268px;
    left: 132px;
}

#detail-11 {
    top: 276px;
    left: 156px;
}

#detail-12 {
    top: 159px;
    left: 36px;
}

#detail-13 {
    top: 270px;
    left: 216px;
}

#detail-14 {
    top: 325px;
    left: 250px;
}

#detail-15 {
    top: 65px;
    left: 55px;
}

#detail-16 {
    top: 285px;
    left: 187px;
}

#detail-17 {
    top: 260px;
    left: 273px;
}

#fold-price-map-detail {
    position: absolute;
    top: 13px;
    left: 255px;
    font-size:10px;
    line-height: 12px;
}