﻿/* <!-- rde-dm:attribute mode="write" attribute="request:rdeResponseMimetype" op="set" value="text/css"/ --> */
/*********** Basics ***********/
* { 
    margin: 0; 
    padding: 0;
}
body {
    font-family: 'Lucida Grande', 'Lucida Sans', Verdana, Tahoma, sans-serif;
    font-size: 11pt;
    text-align: center;
}
/*html, body {height: 100%;}*/
#nonFooter {
}
body #wrapper {
    margin: 0 auto 0 auto; 
    text-align: left;  
}
#nonFooter .tbfooter {
    height: 0px;
    font-size: 0;
}
#nonFooter .tbopen {
    height: 10px;
}
#footStick {
}
/***  Clearing  ***************************/  
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clr {
    clear: both;
    line-height: 0.0;
    font-size: 0;
    height: 0;
}
/***************************/
img, fieldset, button {
     border: none;
}
address, abbr, acronym {
    font-style: normal;
    text-decoration: none;
}
.hide {display: none !important;}
.print {display: block;}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
p {
    margin-bottom: 0.6em;
}
.article p {
    text-align: justify;
}
b.highlight {
    font-weight: normal;
}
.Konzern b.highlight {
    color: #1374AD;
}
.Bildung b.highlight {
    color: #BD5500;
}
.Gesundheit b.highlight {
    color: #497A00;
}
/******* Headlines ***********/
/* Content */
h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    color: #222934;
}
h1 { /* h1 nur fuer Sitelogo */
    font-size: 18pt;
}
h1 img {display:none; }
h2 {
    font-size: 16pt;
    padding: 0 0 0.15em 0;
}
h3 {
    font-size: 14pt;
    padding: 1.8em 0 0.6em 0;
}
h4, h5, h6 {font-weight: bold;padding-bottom:0.3em;text-transform:none;}
h4.blob {
    margin-bottom: 0.6em;
}
/* Sider */
    
    .sider h2, .sider h3, .sider h4, .sider h5 {
        color: #909499;
    }
    .sider h2 {
        padding: 0 0 0.3em 0;
    }
/*********** AREAS ***********/
/* Skiplinks, Farbbalken */
#top {
    position: relative; 
    top: 3.8em;
    margin-bottom: -10px;
    z-index: 2;
    height: 10px;
}
    #top ul {
        display: block;    
        width: 1024px; 
        height: 8px;
        margin: 0px auto 0px auto; 
        text-align: left;
        background-position: 2px 2px;
        background-repeat: no-repeat;
    }
    #top li {display: none;}
    
/* toolBoxArea */
#toolBoxArea {
    display:none;
}
#toolBoxArea.noJS {
    width: 992px;
}
    
    .tbfooter {
    }
    .tbfooter .arrow {
        margin: 0 auto;
        display: block;    
        width: 1022px; 
        height: 10px;
        border-left: 2px solid #777C82;
        background: url(/images_layout_extern/ic_toolbox_up.gif) #40454D 955px 100% no-repeat;
    }
    
    
    #toolBoxArea .tbcontent {
        padding: 18px 15px 2px 71px;
    }
    
    #toolBoxArea .linkBox,
    #toolBoxArea .newsBox {
        float: left;
        width: 303px;
        padding-right: 15px;
    }
    #toolBoxArea h2 {
        padding-bottom: 0.25em;
    }
    #toolBoxArea .linkBox h2,
    #toolBoxArea .newsBox h2{
        /*padding-left: 9px;*/
        color: #909499;
    }
    
    #toolBoxArea .toolBox {
        float: right;
        width: 240px;
    }
    #toolBoxArea .toolBox h2 {
        padding-left: 7px;
        color: #909499;
    }
    #toolBoxArea li {
        margin-bottom: 9px;
        padding-left: 9px;
        background: url(/images_layout_extern/list_item_darkbg.gif) 0 0.25em no-repeat;
    }
    #toolBoxArea li.parent {
        background: url(/images_layout_extern/list_item_back_darkbg.gif) 0 0.25em no-repeat;
    }
    #toolBoxArea dt {
        padding-left: 9px;
        background: url(/images_layout_extern/list_item_darkbg.gif) 0 0.25em no-repeat;
    }
    #toolBoxArea dd {
        padding-left: 9px;
    }
    #toolBoxArea label {
        text-transform: uppercase;
        font-family: Helvetica, Arial, Verdana, sans-serif;
        color: #F3F4F6;
    }
    
    #toolBoxArea .toolBox ul {
        float: left;
        padding-left: 8px;
        width: 231px;
    }
    #toolBoxArea .toolBox li {
        padding-left: 23px;
    }
        #toolBoxArea .toolBox li.sitemap {
            background: url(/images_layout_extern/ic_tools_sitemap.gif) 0 0 no-repeat;
        }
        #toolBoxArea .toolBox li.size {
            background: url(/images_layout_extern/ic_tools_size.gif) 0 0 no-repeat;
        }
        #toolBoxArea .toolBox li.lang {
            background: url(/images_layout_extern/ic_tools_language.gif) 0 0 no-repeat;
        }
        #toolBoxArea .toolBox li.rec {
            background: url() 0 0 no-repeat;
        }
        #toolBoxArea .toolBox li.search {
            background: url(/images_layout_extern/ic_tools_search.gif) 0 0 no-repeat;
        }
    
    #toolBoxArea label {
        float: left;
    }    
    #toolBoxArea select {
        float: right;
        width: 93px;
    }
    #toolBoxArea select, 
    #toolBoxArea input.text {
        padding: 1px;
    }
    #toolBoxArea li.search select
    {
        margin-top: 7px;
        width: 208px;
    }
    #toolBoxArea li.sitemap select
    {
        width: 208px;
    }
    #toolBoxArea li.search input.text {
        margin-right: 8px;
        width: 157px;
    }

/* Breadcrumb */
#breadcrumbArea {
    display:none;  
}
    #breadcrumbArea ul.menu {
        float:left;
        padding: 0.95em 0 0 79px; 
        width: 658px;
        height: 1.3em;
        overflow: hidden;
    }
    #breadcrumbArea li {
        display: inline;
        color: #AEB1B5;
        text-transform: uppercase;
        font-family: Helvetica, Arial, Verdana, sans-serif;
    }
    #breadcrumbArea a {
        padding-right: 13px; 
        margin-right: 3px; 
        background: url(/images_layout_extern/ic_link_darkbg.gif) 100% 50% no-repeat;
        font-family: Helvetica, Arial, Verdana, sans-serif;
    }
    
    #breadcrumbArea a#toolbox_opener {
        float: right;
        padding: 0.95em 39px 0 0;
        text-transform: uppercase;
        background: url(/images_layout_extern/ic_toolbox_down.gif) 100% 0 no-repeat;
    }
    #breadcrumbArea a#toolbox_opener.open {
        background: none;
    }
    

/* content */
#contentWrapper {
    float: left;
    width: 100%;
}
#contentWrapper .contentWrapFooter {
}
#contentArea { 
}
    
    #people { 
        display:none;
    }
    
     
    #contentArea address p {
        padding-left: 9px;
    }     
    #contentArea address .txt_head {
        margin-bottom: 0.2em;
    }
    
    #contentArea ul {
        margin: 0 0 0.6em 8px;
    }     
    #contentArea ul li {
         text-align: left;
    }
    #contentArea ul li ul {
        margin-bottom:0;
    }

    #contentArea ol {
        list-style: decimal;
        margin: 0 0 0.6em 22px;
        padding-left: 8px; 
    }     
    #contentArea ol li {
        padding-left: 0px;
        margin-left: 8px;
    } 
/* Seitenlogo */
#logoArea {
    float: left;
    width: 100%;
}
h1 {
  height: 61px;
}
#logoArea h1 a {
    display:none;
}
.langsel_pos {
    display: none;
}
/* Footer Navigation */
#metaNavArea {
    margin: 0pt auto;
    text-align: left;
    width: 1024px;
    position: relative;
    padding: 20px 0 5px 0;
}
    #metaNavArea ul.menu {
        margin-left: 758px;
    }
    #metaNavArea a {
        margin-left: 10px;
        line-height: 1.0;
        text-transform: uppercase;
        font-family: Helvetica, Arial, Verdana, sans-serif;
    }
    
    #metaNavArea #l_top {
        position: relative; 
        top: -1.35em; 
        left: -710px;
    }
    
    #metaNavArea img.wappen {
        position: absolute;
        right: 55px;
        bottom: 5px;
    }
    
/* Seite */
.sider {
    display:none !important;
}/* => ielte7 */
/* Hautpnavigation */
/*********** Sonstige Links ***********/
.sider {
    display:none;
}
a.noLine,
a:visited.noLine,
a:hover.noLine,
a:focus.noLine,
a:active.noLine {
    border-bottom: none !important;
}
a, a:link, a:visited {
    text-decoration: none;
    color: #f3f4f6;
}
a:focus, a:hover, a:active {
    color: #999da2;
}
.menu,
.menu li {
    list-style: none;
    margin: 0;
}
.menu a  {
    text-transform: uppercase;
    font-family: Helvetica, Arial, Verdana, sans-serif;
}
#contentArea .contentBox .menu {
    /*margin: 0;*/
}
#contentArea .contentBox .menu li {
    padding: 0 0 0 12px; 
    text-align:left;
}
#contentArea .contentBox .menu a,
#contentArea .contentBox .menu a:visited,
#contentArea .contentBox .menu a:focus,
#contentArea .contentBox .menu a:hover,
#contentArea .contentBox .menu a:active {
    text-decoration: none; 
    border: none;
}
#contentArea a.arrowLink {
    background-position: 0pt 0.2em;
    background-repeat: no-repeat;
    padding-left: 10px;
}
    .Bildung #contentArea a.arrowLink {
        background-image: url(/images_layout_extern/ic_faq_link_edu.gif);
    }
    .Konzern #contentArea a.arrowLink {
        background-image: url(/images_layout_extern/ic_faq_link.gif);
    }
    .Gesundheit #contentArea a.arrowLink {
        background-image: url(/images_layout_extern/ic_faq_link_health.gif);
    }
.Bildung #contentArea a {
    color: #bd5500;
    border-bottom: 1px dotted #ed822a;
} 
.Bildung #contentArea a:visited {
    color: #bd5500;
    border-bottom: none;
} 
.Bildung #contentArea a:focus,
.Bildung #contentArea a:hover,
.Bildung #contentArea a:active {
    color: #ed822a;
    border-bottom: 1px dotted #bd5500;
} 
.Bildung #contentArea .contentBox .menu li {
    background-image: url(/images_layout_extern/ic_link_edu.gif);
}
.Konzern #contentArea a {
    color: #1374ad;
    border-bottom: 1px dotted #299fe5;
} 
.Konzern #contentArea a:visited {
    color: #1374ad;
    border-bottom: none;
} 
.Konzern #contentArea a:focus,
.Konzern #contentArea a:hover,
.Konzern #contentArea a:active {
    color: #299fe5;
    border-bottom: 1px dotted #1374ad;
} 
.Gesundheit #contentArea a {
    color: #497a00;
    border-bottom: 1px dotted #6bb300;
} 
.Gesundheit #contentArea a:visited {
    color: #497a00;
    border-bottom: none;
} 
.Gesundheit #contentArea a:focus,
.Gesundheit #contentArea a:hover,
.Gesundheit #contentArea a:active {
    color: #6bb300;
    border-bottom: 1px dotted #497a00;
} 
.Gesundheit #contentArea .contentBox .menu li {
    background-image: url();
}
.Bildung #contentArea h3 a,
.Konzern #contentArea h3 a,
.Gesundheit #contentArea h3 a {
    border: none;
}
/* contentboxes */
.contentBox {
}
.contentBox.full {
    clear: both;
}
.contentBox.half {
    width: 40%;
    float: left; 
}
    .contentBox.half.left {
        padding-right: 20px;
        clear: left;
    }
    .contentBox.half.right {
        padding-right: 0px;
        clear: none;
    }
    /* verschachtelt: half innerhalb von full*/
    .contentBox.full .contentBox.half {
        padding-top: 20px;
        padding-bottom: 0px;
    }
    .contentBox.full .contentBox.full {
        padding-top: 5px;
        padding-bottom: 10px;
    }
    
    .contentBox.full .contentBox.full h3{
        padding-top:0;
    }
    .contentBox.full .contentBox.half h4 {
    }
/* kein Bild-Schatten */
.contentBox .wrapNoShadow {
    float: right; 
    display: inline;
    margin: 3px 0 4px 14px;
}
.contentBox .wrapNoShadow.fll{
    float: left; 
    display: inline;
    margin: 3px 14px 4px 0;
}
/* flexibler Bild-Schatten */
.contentBox .wrap {
    position: relative;
    margin: 0 0 4px 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
}
.contentBox .wrap .ct {
    padding: 0;
}
    .full .wrap { /* langes bild */

    }
        .full .wrap .ct { /* oberer Schatten */

        }
        
    .full .wrap.flr {/* bild rechts */
        float: right; 
        display: inline;
        margin: -3px 0 4px 14px;
    }
    .full .wrap.fll {/* bild links */
        float: left; 
        display: inline;
        margin: -3px 14px 4px 0;
    }
        
        
        
#contentArea .contentBox .wrap .ct a {
    border-bottom: none;
}
    /* contentbox inhalt  */
    .contentBox .moreLink {
        text-align: right;
    }
    #contentArea .contentBox .moreLink a,
    #contentArea .contentBox .moreLink a:hover,
    #contentArea .contentBox .moreLink a:active {
        border-bottom: none;
    }
        #contentArea .contentBox .moreLink.gallery {
        }
    
    .contentBox select {
        width: 240px;
    }
    
    .floatLeft {
        float: left;
    }
    
    .contentBox div.threequarter {
        float: left;
        width: 346px;
    }
/*** Tabellen ***********/
#contentArea table {
    margin: 0 0 12px 8px;
    width: 504px;
    border-collapse: collapse;
    background-color: #E8E9EA;
    border: none;
}
#contentArea table caption {
    margin: 5px 0 0 7px;
    width: 505px;
    padding: 6px 7px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    background-color: #777C82;
    border-bottom: 1px solid #ECEDEF;
}
/* wenn kein th angezeigt wird */
#contentArea table caption.noTh {
    border-bottom: none;
}
#contentArea table th {
    padding: 6px 7px;
    color: #fff;
    font-weight: normal;
    background-color: #909499;
    border: 1px solid #ECEDEF;
    border-bottom-color: #777C82;
    border-left-color: #909499;
    border-top: 0;
}
#contentArea table th.last {
    border-right-width: 0;
}
#contentArea table td {
    padding: 6px 7px;
    color: #111925;
    border: 1px solid #C1C4C7;
    border-top-width: 0;
}
#contentArea table td.alternate {
    background-color: #DDDEDF;
}
#contentArea table tr.alternate {
    background-color: #DDDEDF;
}
/* Variante Stundenplan */ 
#contentArea table.timeTable {
}
#contentArea table.timeTable caption {
    width: 504px;
    margin-left: 8px;
}
#contentArea table.timeTable th {
    background-color: #777C82;
    border-bottom-color: #E8E9EA;
    border-left: 0;
}
#contentArea table.timeTable tbody th {
    color: #fff;
    background-color: #909499;
    border: 1px solid #E8E9EA;
    border-color: #E8E9EA #E8E9EA #E8E9EA #909499;
    border-left: 0;
}
#contentArea table.timeTable tbody tr.last th {
    border-bottom-color: #909499;
}
#contentArea table.timeTable span.timeTo {
    float: right;
    width: 55px;
    text-align: right;
}
    /*  zellen-highlighting: js-freie variante,
    * funktioniert in guten browsern */
    #contentArea table.timeTable td:hover,
    #contentArea table.timeTable td:focus {
        background-color: #BD5500;
    }
    #contentArea table.timeTable td:hover a,
    #contentArea table.timeTable td:focus a,
    #contentArea table.timeTable td:hover a:visited,
    #contentArea table.timeTable td:focus a:visited {
        color: #fff;
        border-bottom-color: #fff;
    }
    /* js-variante fuer alle */
    #contentArea table.timeTableJS td:hover,
    #contentArea table.timeTableJS td:focus {
        background-color: transparent;
    }
    #contentArea table.timeTableJS td:hover a,
    #contentArea table.timeTableJS td:focus a,
    #contentArea table.timeTableJS td:hover a:visited,
    #contentArea table.timeTableJS td:focus a:visited {
        color: #ED822A;
        border-bottom-color: #ED822A;
    }
    
    #contentArea table.timeTableJS td.over {
        background-color: #BD5500;
    }
    #contentArea table.timeTableJS td.over a,
    #contentArea table.timeTableJS td.over a:visited {
        color: #fff;
        border-bottom-color: #fff;
    }
/*** sider infoBoxen ***/
.infoBox {
    margin-top: 30px;
    color: #aeb1b5;
}
.infoBox p {
}
.infoBox p.moreLink {
    text-align: right;
}
#contentArea .txt_head,
.infoBox .txt_head {
    text-transform: uppercase;
        font-family: Helvetica, Arial, Verdana, sans-serif;
}
.infoBox .date {
    padding: 0 6px 0 0;
    margin-bottom: 4px;
    text-align: right; 
    color: #AEB1B5; 
}
.infoBox ul.menu {
    font-size: 1.3em;
    margin-bottom: 0.6em;
}
#contactBox p.txt_head {
    margin-bottom: 0.3em;
}
#terminBox a.moreLink {
    float: right;
}
/*** Pager ********/
#contentArea div.pager {
    margin-top: 30px;
    clear: both;
    text-align: center;
}
#contentArea div.pager a,
#contentArea div.pager a:hover {
    text-decoration: none;
    border: none;
}
#contentArea div.pager li {
    display: inline;
    background: none;
    padding: 0 5px;
    vertical-align: text-bottom;
}
#contentArea div.pager li a {
}
#contentArea .pager li.pg {
    padding: 0px;
}
#contentArea .pager .pg a span, #contentArea .pager .pg span.empty span {
    display: none;
}
#contentArea .pager .pg a, #contentArea .pager .pg span.empty {
    padding: 0 5px;
}
#contentArea .pager .pg .empty, #contentArea .pager .pg a {
    background-position: 50% 50%; background-repeat: no-repeat;
}
#contentArea .pager .toFirst .empty {
    background-image: url(/images_layout_extern/ic_pager_tofirst_lo.gif);
}
.Bildung #contentArea .pager .toFirst a {
    background-image: url();
}
.Konzern #contentArea .pager .toFirst a {
    background-image: url(/images_layout_extern/ic_pager_tofirst_com.gif);
}
.Gesundheit #contentArea .pager .toFirst a {
    background-image: url(/images_layout_extern/ic_pager_tofirst_health.gif);
}
#contentArea .pager .back .empty {
    background-image: url(/images_layout_extern/ic_pager_bwd_lo.gif);
}
.Bildung #contentArea .pager .back a {
    background-image: url(/images_layout_extern/ic_pager_bwd_edu.gif);
}  
.Konzern #contentArea .pager .back a {
    background-image: url(/images_layout_extern/ic_pager_bwd_com.gif);
}  
.Gesundheit #contentArea .pager .back a {
    background-image: url(/images_layout_extern/ic_pager_bwd_health.gif);
} 
#contentArea .pager .forward .empty {
    background-image: url(/images_layout_extern/ic_pager_fwd_lo.gif);
}
.Bildung #contentArea .pager .forward a {
    background-image: url(/images_layout_extern/ic_pager_fwd_edu.gif);
}
.Konzern #contentArea .pager .forward a {
    background-image: url(/images_layout_extern/ic_pager_fwd_com.gif);
}
.Gesundheit #contentArea .pager .forward a {
    background-image: url(/images_layout_extern/ic_pager_fwd_health.gif);
}
#contentArea .pager .toLast .empty {
    background-image: url(/images_layout_extern/ic_pager_tolast_lo.gif);
}
.Bildung #contentArea .pager .toLast a {
    background-image: url(/images_layout_extern/ic_pager_tolast_edu.gif);
}
.Konzern #contentArea .pager .toLast a {
    background-image: url(/images_layout_extern/ic_pager_tolast_com.gif);
}
.Gesundheit #contentArea .pager .toLast a {
    background-image: url(/images_layout_extern/ic_pager_tolast_health.gif);
}
    
    
/*** FAQ ********/
.faq_answer {
    line-height: 1.2em;
}
#contentArea .contentBox ul.faq li {
    margin-bottom: 0.6em;
    background-position:  0 0.15em;
    background-repeat: no-repeat;
    text-align:left;
}

    .Konzern #contentArea .contentBox ul.faq li {
        background-image: url(/images_layout_extern/ic_faq_link.gif); 
    }
    #contentArea .contentBox ul.faq li a.faqLink {
        text-transform: none;
        font-family:'Lucida Grande','Lucida Sans',Verdana,Tahoma,sans-serif;    }
    .Konzern #contentArea .contentBox ul.faq li.open {
        background: url(/images_layout_extern/ic_faq_link_down.gif) no-repeat 0 4px; 
    }
    .Bildung #contentArea .contentBox ul.faq li {
        background-image: url(/images_layout_extern/ic_faq_link_edu.gif) ; 
    }
    .Bildung #contentArea .contentBox ul.faq li.open {
        background: url(/images_layout_extern/ic_faq_link_edu_down.gif) no-repeat 0 4px; 
    }
    .Gesundheit #contentArea .contentBox ul.faq li {
        background-image: url(/images_layout_extern/ic_faq_link_health.gif); 
    }
    .Gesundheit #contentArea .contentBox ul.faq li.open {
        background: url(/images_layout_extern/ic_faq_link_health_down.gif) no-repeat 0 4px; 
    }
    
#contentArea ul.faq li p {
    text-align: left;
    margin-left:0;
}
#contentArea a.faq_all {
    border-bottom: none;
    float: right;
    margin-top: 0.9em;
}
#contentArea ul.faq div.faq_answer a {
    text-transform:none;
    font-family:'Lucida Grande', 'Lucida Sans', Verdana, Tahoma, sans-serif;
}
/*** ueber uns, veranstaltungen  ************/
#contentArea .contentBox .openContent a,
#contentArea .contentBox .closeContent a {
    padding-left: 10px;
    background-position:  0 0.2em;
    background-repeat: no-repeat;
}
    .Konzern #contentArea .contentBox .openContent a {
        background-image: url(/images_layout_extern/ic_faq_link.gif); 
    }
    .Konzern #contentArea .contentBox .closeContent a {
        background-image: url(/images_layout_extern/ic_faq_link_up.gif); 
    }
    .Konzern #contentArea .contentBox .contentIsOpen a {
        background-image: url(/images_layout_extern/ic_faq_link_down.gif); 
    }
    .Bildung #contentArea .contentBox .openContent a {
        background-image: url(/images_layout_extern/ic_faq_link_edu.gif); 
    }
    .Bildung #contentArea .contentBox .closeContent a {
        background-image: url(/images_layout_extern/ic_faq_link_edu_up.gif); 
    }
    .Bildung #contentArea .contentBox .contentIsOpen a {
        background-image: url(/images_layout_extern/ic_faq_link_edu_down.gif); 
    }
    .Gesundheit #contentArea .contentBox .openContent a {
        background-image: url(/images_layout_extern/ic_faq_link_health.gif); 
    }
    .Gesundheit #contentArea .contentBox .closeContent a {
        background-image: url(/images_layout_extern/ic_faq_link_health_up.gif); 
    }
    .Gesundheit #contentArea .contentBox .contentIsOpen a {
        background-image: url(/images_layout_extern/ic_faq_link_health_down.gif); 
    }
    
#contentArea .contentBox h3.moreLink {
    line-height: 1.2;
    padding-top: 1em;
}
#contentArea .contentBox .moreContentSimple .moreLink {
    line-height: 1.8;
    margin-bottom: 0;
}
/*** Pressecenter ********/
span.ort {
    color: #83888e;
}
.prevPress p * {
    font-weight: normal;
}
/*** Formularfelder ********/
select option {
    padding-right: 6px;
}
ul.sitemap {
}
#contentArea ul.sitemap ul {
    margin-top: 6px;
}
#contentArea ul.sitemap li {
    margin-bottom: 2px;
}
/*** PopUp *****************************/
body.popup {
    background: #4D535B;
    border: none;
}
body.popup #wrapper {
    background-image: none;
    width: 560px;
    padding: 12px 20px 0px 20px;
    margin: 0 auto 0 auto; 
    text-align: left;
}
    
body.popup #wrapper.preload{
    background-image:url(/images_layout_extern/gal_preview.gif);
    background-position:190px 210px;
    background-repeat:no-repeat;    
}
body.popup a.closePopup {
    float: right;
    text-transform: uppercase;
        font-family: Helvetica, Arial, Verdana, sans-serif;
    color: #999DA2;
}
body.popup h1 {
    font-weight: normal;
    margin: 0 0 5px 5px;
    height: auto;
}
    /*** Galerie-Popup *************/
    body.popup #galleryWrapper {
        position: relative;
        height: 420px;
        width: 560px;
    }
    body.popup #galleryWrapper a.closePopup {
        float: none;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 500;
    }
    body.popup img.photo {
        border: 4px solid #777C82;
    }
    body.popup div.imageContainer {
        position: absolute;
        top: 0;
        left: 0;
        height: 425px;
        width: 560px;
    }
    body.popup div.imageContainer h1 {
        position: absolute;
        left: 0;
        top: 0;
        background-color: #4D535B;
    }
    body.popup div.imageContainer img.photo {
        position: absolute;
        left: 0;
        top: 2em;
    }
    
    body.popup .photoNavArea {
        margin-top: 8px;
        text-align: center;
        height:25px;
        padding:5px 0 5px 0;
    }
    body.popup .photoNavArea ul,
    body.popup .photoNavArea li {
        list-style-type: none;
    }
    body.popup .photoNavArea li {
        display: inline;
        padding: 0 2px;
    }
    body.popup .photoNavArea li a {
        padding: 3px;
        background-color: #777C82;
        /*border-bottom: 2px solid #4D535B;*/
    }
    body.popup .photoNavArea li a:hover,
    body.popup .photoNavArea li a.hi {
        padding: 3px 3px 7px 3px;
        border: none;
        background: url(/images_layout_extern/gallery_underscore.gif) #666C72 0 100% repeat-x;
    }
    body.popup .photoNavArea li.toFirst {
        position: absolute;
        left: 15px;
    }
        body.popup .photoNavArea li.toFirst a,
        body.popup .photoNavArea li.toFirst a:hover {
            background: none;
            padding: 0;
        }
    body.popup .photoNavArea li.toLast {
        position: absolute;
        right: 15px;
    }
        body.popup .photoNavArea li.toLast a,
        body.popup .photoNavArea li.toLast a:hover {
            background: none;
            padding: 0;
        }
    
    body.popup .photoNavArea li.back a,
    body.popup .photoNavArea li.back a:hover {
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 17px;
        background: url(/images_layout_extern/bg_bwd.gif) #777C82 0 0 no-repeat;
    }
    body.popup .photoNavArea li.forward a,
    body.popup .photoNavArea li.forward a:hover {
        padding-top: 2px;
        padding-bottom: 2px;
        padding-right: 17px;
        background: url(/images_layout_extern/bg_fwd.gif) #777C82 100% 0 no-repeat;
    }
/*** Multistep-Navigation (MuStNa) **************/
#contentArea .mustnaBox  {
    display:none;
}
    
/** Google Maps ***********************************************/
#contentArea #googlemap {
    margin-left: 8px;
    position: relative;
    width: 498px;
    height: 498px;
    border: 1px solid #979797;
}
#contentArea #startcoords {
    display: none;
}
#contentArea #maperror {
    font-weight: bold;
    font-size: 1.3em;
    color: #B62929;
    padding: 4px 0 10px 8px;
}
#contentArea #googlemap a {
    border: none;
}
#contentArea #googlepanel {
    margin: 10px 0 0 8px;
    padding: 0 !important;
}
#contentArea #googlepanel table.startend {
    border: none;
    background-color: transparent;
    width: 100%;
    margin: 0;
    font-weight: bold;
}
#contentArea #googlepanel .startend td {
    border: none;
    vertical-align: middle; 
    width:100%;
}
#contentArea #googlepanel .startend td.icon {
    padding: 4px 2px 0px 0px; 
    width: 20px;
}
#contentArea #googlepanel .distance {
    padding-bottom: 0.3em;
    padding-left: 33px;
}
#contentArea #googlepanel table.directions {
    background-color: transparent;
    margin: 10px 0;
    border-top: 1px solid #B1B4B8;
}
#contentArea #googlepanel .directions td {
    vertical-align: top;
    padding: 0.5em 3px; 
    border: 1px solid #B1B4B8;
    border-width: 0 0 1px 0;
}
#contentArea #googlepanel .directions td.number {
    text-align: right;
    padding-right: 16px;
} 
#contentArea #googlepanel .directions td.desc {
    width: 100%;
} 
#contentArea #googlepanel .directions td.dist {
    padding: 0.5em 3px 0.5em 0.8em; 
    text-align: right;
}
#contentArea #googlepanel .directions td.number a {
    border: none;
} 
#contentArea #googlepanel .copyright {
    margin: 15px 0 0 33px;
} 
#contentArea #googlepanel .copyright p {
    margin-left: 0;
    font-size: 0.9em;
    color: #808488;
}

/** Formulare ***********************************************/
#contentArea form#anreise {margin-left: 8px;}
/* 2 boxen  + button in einer zeile */
#contentArea form#anreise span.pair {
    float: left;
    width: 187px;
}
#contentArea form#anreise .pair label {
    clear: left;
    float: none;
    margin-right: 10px;
    margin-top: 8px;
    max-height: 2em;
    overflow: visible;
    width: 172px;
}
#contentArea form#anreise .pair input {
    width: 164px;
    padding: 3px;
}
#contentArea form#anreise .buttons {
    float: left;
    clear: none;
    margin-left: 0;
}
#contentArea form#anreise .buttons input {
    margin: 1.2em 0 0 0;
    width: 128px;
}

/* reset styles */
#contentArea form, #contentArea form p, #contentArea form p *, #contentArea form fieldset {position: relative; margin: 0px; padding: 0px;}
#contentArea form input, #contentArea form select, #contentArea form textarea {padding: auto;}
#contentArea form p.set {overflow: hidden;} /* important! */
/* Search form */
#contentArea form#searchform {padding-left: 5px;}
#contentArea form input.text.field {border: 1px solid #7F9DB9; padding-top: 2px; padding-bottom: 2px; padding-left: 5px;}
#contentArea .context {display: block; padding-top: 5px; padding-bottom: 5px;}
/* errors */
#contentArea form .error {color: red;}
#contentArea form .set .error {display: block; padding-top: 3px; font-size: 9px;}
.RDE_page_RedDotMode #contentArea .RDE_RedDotNoEdit form .error {display: none;}
.RDE_page_RedDotMode #contentArea .RDE_RedDotNoEdit form p.set.Rd .error {display: block;}
#contentArea form .set.full .error {clear: left; margin-left: 120px; padding-left: 10px;}
#contentArea form p.error.set {font-weight: bold;}
#contentArea form .set.text .text.wrong {border: 1px solid red;}
/* text allg. */
#contentArea form p.txt {display: block; clear: both; padding-left: 5px; padding-right: 30px;}
#contentArea form p.set.txt {margin-left: 125px; padding-top: 15px;}
#contentArea form .set.boxes p.set.txt {padding-bottom: 15px; padding-top: 0px;}
/* set allg. */
#contentArea form p.set.text {padding-top: 15px;}
#contentArea form p.label {margin-top: 15px;}
#contentArea form .set.boxes p.label {margin-top: 0px;}
#contentArea form p.set.text label, #contentArea form p.label {text-align: right; padding-top: 4px;}
#contentArea form .set.text .text {border: 1px solid #7F9DB9; padding-top: 2px; padding-bottom: 2px;}
#contentArea form .set.text.select .text {padding-top: 1px; padding-bottom: 1px;}
#contentArea form p.set input, #contentArea form p.set textarea, #contentArea form p.set select {color: #666; font-family: 'Lucida Grande', Helvetica, Arial, Tahoma, Verdana, 'Sans Serif'; font-size: 1em;}
/* full / single-sets */
#contentArea form p.set.full, #contentArea form p.set.sng {display: block; clear: left;}
#contentArea form p.set.full label, #contentArea form p.label, #contentArea form p.set.sng label {font-weight: normal; clear: left; float: left; width: 120px; margin-right: 10px;}
#contentArea form p.set.full.text input, #contentArea form p.set.full.text textarea {width: 350px;}
#contentArea form p.set.full.text select {width: 352px;}
/* combo-sets */
#contentArea form p.set.combo {float: left; clear: none;}
#contentArea form p.set.combo label {display: none;}
#contentArea form p.set.combo label.show {padding-top: 3px; position: absolute; top: 0px; font-size: 9px; display: block;}
.RDE_page_RedDotMode #contentArea .RDE_RedDotEditOnly form p.set.combo label {padding-top: 3px; position: absolute; top: 0px; font-size: 9px; display: inline;}
.RDE_page_RedDotMode #contentArea form p.set.combo.Rd label {padding-top: 3px; position: absolute; top: 0px; font-size: 9px; display: inline;}
/* half */
#contentArea form p.set.half {width: 180px;}
#contentArea form p.set.half input, #contentArea form p.set.half textarea {width: 170px;}
#contentArea form p.set.half select {width: 172px;}
/* quarter */
#contentArea form p.set.quarter {width: 90px;}
#contentArea form p.set.quarter input, #contentArea form p.set.quarter textarea {width: 80px;}
#contentArea form p.set.quarter select {width: 82px;}
/* threequarter */
#contentArea form p.set.threequarter {width: 270px;}
#contentArea form p.set.threequarter input, #contentArea form p.set.threequarter textarea {width: 260px;}
#contentArea form p.set.threequarter select {width: 262px;}
/* fieldset */
#contentArea form fieldset {border: none; clear: left; padding: 10px 0 15px 0; margin-top: 8px;}
#contentArea form fieldset.first {padding: 0px; margin: 0px;}
#contentArea form fieldset.set.boxes {clear: left; padding-top: 25px;}
#contentArea form fieldset legend {display: none;}
/* #contentArea .RDE_RedDotEditOnly form fieldset legend.RDE_OpenPage {display: inline;} */
/* textarea */
#contentArea form textarea {height: 100px; }
#contentArea form textarea.applicationField {height: 260px; }
#contentArea form textarea.hgt_half {height: 50px; }
#contentArea form textarea.hgt_double {height: 200px; }
#contentArea form textarea.hgt_triple {height: 300px; }
#contentArea form textarea.hgt_xxl {height: 400px; }   
/* boxes */    
#contentArea form .set.boxes ul {margin-left: 130px; margin-top: 0px; padding: 0px; list-style: none; background: none; font-size: 100%;}
#contentArea form .set.boxes li {float: left; width: 125px; height: 2em; padding: 0px; margin: 0px; list-style: none; background: none; font-size: 100%;}
#contentArea form .set.boxes .error {margin-left: 130px;}
/* required */
/* label .req, .label .req {position: absolute; text-align: right; width: 7px; right: -7px;} */
/* buttons */
#contentArea form .buttons {margin-left: 120px; padding: 20px 0 0 10px;}
#contentArea form#anreise .buttons {margin-left: 0px; padding: 0px;float: left;  clear: none;}
#contentArea form .buttons input {margin-right: 10px;}
#contentArea form#anreise .buttons input {padding: 1px 0 2px 0px;}
/* footertext */
#contentArea form .formfooter {margin-left: 120px; padding: 20px 0 0 10px; color: #666666; font-size: 1em;}
.RDE_OpenPage {display: none;}
.RDE_RedDotEditOnly .RDE_OpenPage {display: inline;}
.RDE_OpenForm {display: inline;}
.RDSEedit.RDE_Select {clear: left;}
.set.text.select .RDSEedit.RDE_Select {margin-left: 130px !important; margin-right: 80px !important;}