@charset "utf-8";





/*
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 * (en) central stylesheet - layout example "3col_standard"
 * (de) Zentrales Stylesheet - Beispiellayout "3col_standard"
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */
/* import core styles | Basis-Stylesheets einbinden */
@import url('/sattler_elements/static_files/css/basemod.css');
@import url('/sattler_elements/static_files/css/content.css');

    @import url('/yaml/css/core/base.css');
    @import url('/yaml/css/navigation/nav_shinybuttons.css');
    @import url('/yaml/css/print/print_003_draft.css');

* {margin: 0; padding: 0;}
body {padding: 0; background-color: #ECECEC; color: #5d5d5d; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-image: url('/sattler_elements/static_files/images/layout/bg.jpg'); background-repeat: repeat-x;}
img {border: 0;}
a {outline: none;}
.clear {height: 0px; overflow: hidden; clear: both; margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif;}
.page_margins {width: 926px; background-color: transparent;}
.page {padding: 0px; width: 926px;}
#meta-navi {width: 920px; overflow: hidden; margin: 10px 0 5px 0;}
    #meta-navi a.logout {font-size: 11px; color: #0d3f96; background: url('/sattler_elements/static_files/images/layout/icon_logout.gif') no-repeat 0px 1px; display: inline; float: right; padding: 0 0 1px 15px; text-decoration: none;}
        #meta-navi a.logout:hover {text-decoration: underline;}
    #meta-navi div.land-change {float: right; display: inline; margin: 0 20px 0 0; color: #7e7e7e;}
        #meta-navi div.land-change a {font-size: 11px; color: #0d3f96;}
            #meta-navi div.land-change a:hover {text-decoration: underline;}
        #meta-navi div.land-change span {color: #7e7e7e; text-decoration: none; font-size: 11px; padding: 0 0 0 22px;}    
            
div.wrap-bg-top {height: 5px; width: 926px; overflow: hidden; background: url('/sattler_elements/static_files/images/layout/bg_wrap_top.png') no-repeat;}
div.wrap-bg-middle {width: 926px; background: url('/sattler_elements/static_files/images/layout/bg_wrap_middle.png') repeat-y; padding: 5px 0 18px 0;}
    div.flash-space {padding-bottom: 0px;}
div.wrap-bg-bottom {height: 5px; width: 926px; overflow: hidden; background: url('/sattler_elements/static_files/images/layout/bg_wrap_bottom.png') no-repeat;}
div.wrap-space {margin: 18px 0 0 0;}
#header {padding: 0; width: 919px; margin: 0 0 0px 3px; position: relative; height: 65px; overflow: hidden;}
    #header div.logo {float: left; display: inline; margin: 0 0 0 20px; width: 170px;}
    
    div.top-navi {width: 610px; float: left; display: inline; /*margin: 28px 0 0 62px;*/ margin: 28px 0 0 0; text-align: center;}
        div.top-navi-center {margin: 0 auto;}
            #header div.top-navi a {color:#5E5E5E; font-size:12px; font-weight:bold; padding:0 40px 0 0; text-decoration:none; text-transform:uppercase;}
                #header div.top-navi a:hover {text-decoration: none; color: #0d3f96;}
            #header div.top-navi a.on {color: #0d3f96;}
                #header div.top-navi a.on:hover {text-decoration: none;}
    div.start-flash-box {width: 920px; margin: 0 0 0 2px; position: relative; /*background-image: url('/sattler_elements/static_files/images/layout/top_shadow.jpg'); background-repeat: no-repeat;*/ height: 380px; overflow: hidden; padding: 0px;}
        div.start-flash-top {width: 920px; height: 32px; overflow: hidden; position: absolute; top: 1px; left: 0px; z-index: 9999;}
        div.start-flash-main {width: 876px; height: 380px; overflow: hidden; position: absolute; left: 22px; top: 3px; z-index: 1;}
            div.start-flash-main a, div.start-flash-main a:focus, div.start-flash-main a:hover, div.start-flash-main a:active { color:#003366; }
                #myFlashContent {
                    width: 876px; height: 380px; overflow: hidden; position: absolute; left: 22px; top: 3px; z-index: 1;
                }
        div.start-flash-bottom {width: 876px; height: 20px; overflow: hidden; position: absolute; z-index: 2; left: 22px; bottom: 0px;}
    div.sub-flash-box {width: 920px; margin: 0 0 20px 2px; position: relative; height: 270px; overflow: hidden; padding: 0px; /*background-image: url('/sattler_elements/static_files/images/layout/sub_top_shadow.jpg'); background-repeat: no-repeat; background-position: left top;*/}
        div.sub-flash-top {width: 920px; height: 32px; overflow: hidden; position: absolute; top: 1px; left: 0px; z-index: 2;}
        div.sub-flash-main {width: 876px; height: 270px; overflow: hidden; position: absolute; left: 22px; top: 2px; z-index: 1;}
    div.flash-markisen-finder {width: 920px; margin: 0 0 0px 2px; position: relative; height: 640px; overflow: hidden; padding: 0px;}
        div.flash-finder-top {width: 920px; height: 32px; overflow: hidden; position: absolute; top: 1px; left: 0px; z-index: 2;}
        div.flash-finder-main {width: 920px; height: 640px; overflow: hidden; position: absolute; left: 0px; top: 1px; z-index: 1;    }
            div.flash-finder-main a:focus, div.flash-finder-main a:hover, div.flash-finder-main a:active { color:#003366; }
        
        div.selectbox-wrap {width: 876px; margin: 0 0 0 24px; height: 98px; background-image: url('/sattler_elements/static_files/images/layout/bg_selectbox_wrap.jpg'); background-repeat: no-repeat;}
        div.selectbox-wrap label.land-label {font-size: 15px; color: #636363; display: inline; float: left; margin: 15px 0 0 250px;}
        div.selectbox-wrap select {float: left; display: inline; width: 160px;}
        div.selects-wrap {float: left; display: inline; margin: 10px 0px 0 250px;}
            div.selectbox-wrap button.btn-ok {width: 42px; height: 24px; overflow: hidden; border: 0; display: inline; float: left; margin: 10px 0 0 2px; background: url('/sattler_elements/static_files/images/layout/btn_ok.png') no-repeat; cursor: pointer;}
                div.selectbox-wrap button.btn-ok:hover {background-position: 0 -24px;}
#main {padding: 0; width: 926px;}
    div.content-wrap {width: 876px; overflow: hidden; margin: 0 0 0 23px;}
    
    div.col-left {width: 420px; display: inline; float: left;}
    div.col-right {width: 420px; margin: 0 0px 0 0px; display: inline; float: right;    }
        div.login-box {float: left; width: 515px;}
            div.login-box p {padding-right: 20px !important;}
    div.content-separator {height: 2px; overflow: hidden; margin: 0 0 17px 0; padding: 0; border-bottom: 1px solid #E9E9E9; }
    
    h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; color: #424242;}
    div.content-wrap h2 {font-size: 20px;  padding: 0 0 10px 0;}
    div.content-wrap h3 {font-size: 16px; padding: 0 0 8px 0;}
    div.content-wrap h4 {font-size: 12px; padding: 0 0 4px 0; font-weight: bold;}
    
    div.content-wrap p {line-height: 125%; padding: 0 0 18px 0; margin: 0;}
        div.content-wrap p.left-text {padding: 0 0 5px 0;}
    div.content-wrap a.more,
    div.content-wrap a.details {color: #0d3f96; text-decoration: none; background-image: url('/sattler_elements/static_files/images/layout/icon_arrow_blue.gif'); background-repeat: no-repeat; background-position: 0 4px; padding: 0 0 0 10px;}
        div.content-wrap a.more:hover,
        div.content-wrap a.details:hover { text-decoration: underline; }
    div.content-wrap a.details { background-image: url('/sattler_elements/static_files/images/layout/icon_link_details.gif'); background-position: 0 3px; padding: 0 0 0 13px; }
    div.col-img-left {width: 186px; float: left; display: inline; margin: 4px 20px 10px 0;}
    
    div.text-teasers {width: 876px; overflow: hidden; margin: 10px 0 0 0;}
    div.four-col-teasers {width: 876px; overflow: hidden; background-image: url('/sattler_elements/static_files/images/layout/sep_vertical_4cols.gif'); background-repeat: repeat-y;}
        div.teaser-box {width: 186px; overflow: hidden; float: left; display: inline; margin: 0 43px 0 0;}
            div.tlast {margin-right: 0px;}
        div.col-img-top {width: 186px; margin: 0 0 8px 0;}
            div.teaser-box p {padding: 0 0 5px 0;}
            div.teaser-box ul.link-list {padding: 0; margin: 7px 0 0 0;}
                div.teaser-box ul.link-list li {list-style: none; margin: 0; padding: 0;}
            div.teaser-box a.details {color: #0d3f96; text-decoration: none; background-image: url('/sattler_elements/static_files/images/layout/icon_link_details.gif'); background-repeat: no-repeat; background-position: 0 3px; padding: 0 0 0 13px;}
                div.teaser-box a.details:hover {text-decoration: underline;}
    
    div.login-frm {width: 360px; float: left; display: inline; margin: 3px 0 0 0;}
        div.login-frm label {float: left; display: inline; text-align: left; line-height: 23px; font-size: 12px; width: 100px;}
        div.login-frm input.txt {width: 180px; float: left; display: inline; background-image: url('/sattler_elements/static_files/images/layout/bg_input_txt_middle.gif'); background-repeat: repeat-x; border: 0; height: 18px; margin: 0 0 10px 0; padding: 3px 0 0 0;}
            *:first-child+html div.login-frm input.txt {height: 17px; padding: 4px 0 0 0;}
            div.login-frm div.txt-left, div.login-frm div.txt-right {width: 5px; height: 21px; overflow: hidden; float: left;}
                div.login-frm div.txt-left {background-image: url('/sattler_elements/static_files/images/layout/bg_input_txt_left.gif'); background-repeat: no-repeat;}
                div.login-frm div.txt-right {background-image: url('/sattler_elements/static_files/images/layout/bg_input_txt_right.gif'); background-repeat: no-repeat;}
                div.login-frm span.login-error {color: #D63333; font-size: 12px; display: block; float: left; width: 225px; overflow: hidden; line-height: 23px; margin: 10px 0 0 0;}
                    /* error */
                    div.login-frm input.txt-error {background-image: url('/sattler_elements/static_files/images/layout/bg_input_txt_middle_error.gif'); background-repeat: repeat-x;}
                    div.login-frm div.txt-left-error {background-image: url('/sattler_elements/static_files/images/layout/bg_input_txt_left_error.gif'); background-repeat: no-repeat;}
                    div.login-frm div.txt-right-error {background-image: url('/sattler_elements/static_files/images/layout/bg_input_txt_right_error.gif'); background-repeat: no-repeat;}
                div.login-frm input.btn-login {background: url('/sattler_elements/static_files/images/layout/btn_login.gif') no-repeat; border: 0; width: 63px; height: 24px; overflow: hidden; display: inline; float: right; margin: 10px 69px 0 0; cursor: pointer;}
                    div.login-frm input.btn-login:hover {background-position: 0 -24px;}
    /* accordion */
    div.content-wrap ul.download-slider {list-style: none; margin: 0; padding: 0; width: 876px; border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9;}
        div.content-wrap ul.download-slider li {list-style: none; margin: 0 0 0px 0 !important; padding: 0 0 1px 0 !important; border-right: 1px solid #E9E9E9; border-left: 1px solid #E9E9E9; width: 874px;}
            div.content-wrap ul.download-slider li.lilast {padding: 0 !important;}
            div.content-wrap ul.download-slider li a.btn-open {width: 844px; height: 31px; overflow: hidden; display: block; line-height: 30px; font-size: 14px; color: #5d5d5d; text-decoration: none; background-image: url('/sattler_elements/static_files/images/layout/btn_accordion.gif'); background-repeat: no-repeat; padding: 0 0 0 30px; margin: 0; overflow: hidden;}
                div.content-wrap ul.download-slider li a.btn-open:hover {text-decoration: none;}
                    div.content-wrap ul.download-slider li.active {padding: 0 !important; margin: 0 !important;}
                    div.content-wrap ul.download-slider li.active a.btn-open, div.content-wrap ul.download-slider li.current a.btn-open {background-position: 0 -31px;}
    div.content-wrap ul.download-slider li div.slider-wrap {width: 845px; overflow: hidden; margin: 25px 0 0px 12px; padding: 0 0 0px 0;}
    
    div.content-wrap ul.download-slider ul {display: block !important; border: 0; /* ul list inside accordion hidden per default*/ }
        div.content-wrap ul.download-slider ul li {border: 0; padding: 0 !important; margin: 0 !important;}
        
        div.content-wrap ul.download-slider ul.download-link-list {float: left; width: 375px; overflow: hidden; display: inline; margin: 0 0 12px 0; padding: 0;}
            div.content-wrap ul.download-slider ul.download-link-list li {margin: 0 0 16px 0 !important;}
                div.content-wrap ul.download-slider ul.download-link-list li a {text-decoration: none; color: #5d5d5d; font-size: 12px; padding: 0 0 0 33px; display: block; background-repeat: no-repeat; background-position: 0 5px;}
                div.content-wrap ul.download-slider ul.download-link-list li a:hover {text-decoration: underline;}
                    div.content-wrap ul.download-slider ul.download-link-list li a.pdf {background-image: url('/sattler_elements/static_files/images/layout/icon_pdf.gif'); }
                    div.content-wrap ul.download-slider ul.download-link-list li a.doc {background-image: url('/sattler_elements/static_files/images/layout/icon_doc.gif'); }
                    div.content-wrap ul.download-slider ul.download-link-list li a.xls {background-image: url('/sattler_elements/static_files/images/layout/icon_xls.gif'); }
                    div.content-wrap ul.download-slider ul.download-link-list li a.jpg {background-image: url('/sattler_elements/static_files/images/layout/icon_jpg.gif'); }
        div.content-wrap ul.download-slider ul.download-link-list-right {float: right;}
        
#footer {padding: 0; width: 926px; height: 33px; overflow: hidden; border: 0; background-image: url('/sattler_elements/static_files/images/layout/bg_footer.gif'); background-repeat: no-repeat; margin: 15px 0 12px 0;}
    #footer ul {margin: 7px 0 0 12px !important; padding: 0; display: inline; float: left; list-style: none;}
        #footer ul li {list-style: none; margin: 0 5px 0 0px !important; padding: 0; float: left; font-size: 12px; color: #FFF;}
            #footer ul li a {color: #FFF; text-decoration: none; font-weight: normal;}
                #footer ul li a:hover {text-decoration: underline; color: #FFF !important;}
                #footer ul li a:active {text-decoration: underline; color: #FFF !important;}
    #footer div.logo-sattler-elements {width: 129px; height: 20px; display: inline; float: right; margin: 8px 22px 0 0;}        
    #footer a:active {color: #FFF; background-color: transparent; text-decoration:none; }
    
/* fancybox layout */
div.fancybox-contact {
    /*width: 422px; height: 402px;*/ overflow: hidden; background-color: #FFF; display: none; margin: 0; padding: 0;
    
}
    #contact-info {
        width: 382px; height: 362px; overflow: hidden; margin: 0px 0 0 0px; 
    }
        #contact-info table {
            border: 0;
        }
            tbody tr:hover th[scope="row"], tbody tr:hover tbody th.sub { background: #E9EEF6; } tbody tr:hover td { background: #E9EEF6; }
        div.contact-data {
            background-color: #E9EEF6; text-align: left; vertical-align: middle;
        }
            div.contact-data h3 {
                padding: 0; margin: 0px 0 0 90px; font-size: 20px; font-weight: normal; color: #424242;
            }
            div.contact-data p {
                padding: 0; margin: 0 0 0 90px; color: #424242; font-size: 12px;
            }
                div.contact-data p span {
                    text-transform: uppercase; font-size: 14px; 
                }
            div.contact-data p a {
                color: #0d3f96; text-decoration: none;
            }
                div.contact-data p a:hover {
                    text-decoration: underline;
                }