/*  ==========================================================================================================  */
/*                                             1. Resets
/*  ==========================================================================================================  */

/*  meyer-reset with minor changes */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var, 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;
    font-weight:inherit;
    font-style:inherit;
    font-family:inherit;
}
textarea, input {
    font-size:100%;
    font-weight:inherit; /* IE will ignore inherits here */
    font-style:inherit;
    font-family:inherit;
}
:focus {outline:0;} /* remember to define focus styles! */

body {line-height:100%;}

ol, ul {list-style:none;}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse:separate;
    border-spacing:0;
}
caption, th, td {
    text-align:left;
    font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* ==================================================\\\ Edit from here ///===========================================================  */

/* if graphic buttons are used */
button {
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
    overflow:visible; /* IE */
    white-space:nowrap; /* IE */
}
/* Remove FF button paddings */
button::-moz-focus-inner { 
    border:0;
    padding:0;
}

/*  ==========================================================================================================  */
/*                                             2. Generic
/*  ==========================================================================================================  */

body {
    color:#555;
    background:#4a4a4a url(../img/body_bg.png) repeat-x left top;
    font-family:'lucida grande', 'trebuchet ms', verdana, sans-serif;
}
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear {clear:both;}

a {
    color:#4d6b22;
    text-decoration:none;
    font-weight: bold;
}
a:hover, a:focus {
    color:#d6641a;
    text-decoration:underline;
}
p {
    font:13px/160% arial, sans-serif;
    margin:5px 0 25px;
}
code {
    font-family:monospace;
    font-size:125%;
}
abbr {
    border-bottom:1px dotted #ccc;
    cursor:help;
}
    #wrapper button div {
        height:20px;
        float:left;
        padding-right:25px;
        background:url(../img/button_sprite.png) no-repeat right top;
        margin:0;
    }
    #wrapper button p {
        height:20px;
        line-height:20px;
        padding-left:15px;
        background:url(../img/button_sprite.png) no-repeat left -40px;
        font-weight:bold;
        color:#fff;
        float:left;
        margin:0;
    }
    #wrapper button:hover div, #wrapper button:focus div {background-position:right -20px;}

    #wrapper button:hover p, #wrapper button:focus p {background-position:left -60px;}

/*  ----------------------------------------------------------------------------------------------------------  */
/*  Headlines */

h1, h2, h3, h4, h5, h6 {line-height:120%;}

h2 {margin:0 0 5px 0;}

h2, h2 a {
    font-size:24px;
    color:#91AB35;
    font-family:'lucida grande', 'trebuchet ms', arial, sans-serif;
}
#hp-box h2, #references #aside h2 {
    color:#d6641a;
    font-size:18px;
    font-family:'lucida grande', 'trebuchet ms', arial, sans-serif;
    margin:30px 0 5px;
}

#content h1 {
    font:normal 24px/120% 'lucida grande', 'trebuchet ms', arial, sans-serif;
    margin-bottom: 0;
}


h1, h2 {
    font:normal 26px/120% 'lucida grande', 'trebuchet ms', arial, sans-serif;
    color:#91ab35;
    margin-bottom:10px;
    padding:0;
}
#content h2 {
    font-size:18px;
    margin:20px 0 10px;
}
h3 {
    color:#91AB35;
    font-size:14px;
    margin:10px 0 5px;
}


h4 {font-size:87.5%;}
h5 {font-size:75%;}
h6 {font-size:75%;}

/*  ==========================================================================================================  */
/*                                             3. Structure
/*  ==========================================================================================================  */

#wrapper {
    width:990px;
    padding:0 30px;
    margin:0 auto;
    min-height:1200px;
    background:url(../img/wrapper_bg.png) repeat-y left top;
}
    #preheader {
        width: 990px;
        height: 27px;
        line-height: 27px;
        margin: 0 auto;
        background:url(../img/preheader_bg.png) no-repeat left top;
        padding: 0 30px;
    }
    
    #pre-content {
        padding: 0 15px;
    }
    
    #nav {
        height:58px;
        background:url(../img/nav_bg.png) no-repeat left top;
    }
    #header {
        width:990px;
        height:162px;
        position:relative;
        margin-bottom:25px;
        background:url(../img/header_bg.jpg) no-repeat left top;
    }
    #content-wrapper {
        width:990px;
        padding:0 0 20px 0;
        /*background:url(../img/contentwrapper_bg_home.png) no-repeat center top;*/
    }
        #content {
/*            width:640px;*/
            width:675px;
/*            padding:30px 35px 30px 0;*/
            padding:0 20px 30px 0;
            float:left;
        }
        #secondary-content {
            width:275px;
            min-height:580px;
/*            margin-right:30px;*/
            margin-right:20px;
            float:left;
            background:url(../img/aside_bg.png) no-repeat right top;
        }
        
    #footer {
        width:990px;
        padding:30px 0 15px;
        margin-top:35px;
        background:url(../img/footer_bg.png) no-repeat center top;
    }

    /*  ==========================================================================================================  */
    /*  3.1. Different structures */

    /*  3.1.1) Home */

    #home #content-wrapper {
        background:transparent;
        padding:0;
    }
    #home #content {
        min-height:400px;
        padding:0 30px;
        float:none;
        width:auto;
    }

    /*  3.1.2) Blog, About */

    #blog #content-wrapper, #about #content-wrapper {
        padding:0;
        background:url(../img/content_bg.png) no-repeat 320px top;
    }
   
    #tertiary-content {
        float:left;
        width:140px;
        padding:30px 10px 0 0;
    }

/*  ==========================================================================================================  */
/*                                             4. NAV
/*  ==========================================================================================================  */

#nav ul {
    float:right;
    width:541px;
}
#nav li {
    float:left;
    height:58px;
}
    #nav a, #nav li span {
        width:65px;
        float:left;
        height:100%;
        background:url(../img/nav_sprite.png) no-repeat left top;
        text-indent:-9999px;
    }
    #nav a:hover, #nav a:focus  {background-position:0 -58px;}
    #nav li span {background-position:0 -116px;}

    #nav .produkte a, #nav .produkte span {
        background-position:0 0;
        width:95px;
    }
        #nav .produkte a:hover, #nav .produkte a:focus {background-position:0 -58px;}
        #nav .produkte span {background-position:0 -116px;}

    #nav .demoversion a, #nav .demoversion span {
       background-position:-95px 0;
       width:68px;
   }
       #nav .demoversion a:hover, #nav .demoversion a:focus {background-position:-95px -58px;}
       #nav .demoversion span {background-position:-95px -116px;}

    #nav .mobil a, #nav .mobil span {
         background-position:-216px 0;
         width:69px;
     }
         #nav .mobil a:hover, #nav .mobil a:focus {background-position:-216px -58px;}
         #nav .mobil span {background-position:-216px -116px;}


    #nav .publishing a, #nav .publishing span {
        background-position:-285px 0;
        width:157px;
    }
        #nav .publishing a:hover, #nav .publishing a:focus {background-position:-285px -58px;}
        #nav .publishing span {background-position:-285px -116px;}

    #nav .erweiterungen a, #nav .erweiterungen span {
       background-position:-442px 0;
       width:136px;
   }
       #nav .erweiterungen a:hover, #nav .erweiterungen a:focus {background-position:-442px -58px;}
       #nav .erweiterungen span {background-position:-442px -116px;}
       
    #nav .support a, #nav .support span {
      background-position:-370px 0;
      width:84px;
  }
      #nav .support a:hover, #nav .support a:focus {background-position:-370px -58px;}
      #nav .support span {background-position:-370px -116px;}

    #nav .kontakt a, #nav .kontakt span {
        background-position:-454px 0;
        width:87px;
    }
        #nav .kontakt a:hover, #nav .kontakt a:focus {background-position:-454px -58px;}
        #nav .kontakt span {background-position:-454px -116px;}
        
        
     #nav .referenzen a, #nav .referenzen span {
          background-position:-258px 0;
          width:112px;
      }
          #nav .referenzen a:hover, #nav .referenzen a:focus {background-position:-258px -58px;}
          #nav .referenzen span {background-position:-258px -116px;}
          
    #nav .loesungen a, #nav .loesungen span {
            background-position:-163px 0;
            width:95px;
        }
            #nav .loesungen a:hover, #nav .loesungen a:focus {background-position:-163px -58px;}
            #nav .loesungen span {background-position:-163px -116px;}
/*  ============================================ 4.2. Subnav fuer Unterseiten ===========================================  */
        
    #content #subnav {
       line-height: 34px;
       height:34px;
       width: 672px;
       padding-left:2px;
       margin:0;
       list-style-type: none;
       /* background:url(../img/subnav_bg.gif) no-repeat; */
       background:url("../img/subnav_bg.png") repeat-x scroll left top transparent;
    }
    
    #content #subnav li {
        float:left;
        margin:0;
        color: #464646;
        font-family: ff-din-round-web, 'ff-din-round-web', 'lucida grande', 'DIN-Medium', verdana, arial, sans-serif;
        height: 30px;     
    }
        
    #content #subnav li a, #content #subnav li span  {
        display: block;
        height: 29px;
        border-right: 1px solid #fff;
        margin-top: 1px;
    }
    
    #content #subnav li span {
         padding: 0 14px;
         background:url(../img/subnav-active.gif) repeat-x left top;
    }
    
    #content #subnav li a {
        font-weight:normal;
        background:url(../img/subnav-inactive.gif) repeat-x left top; 
        padding: 0 14px;
        color: #464646;
    }
    
    #content #subnav li a:hover {
        background-position:left bottom;
        text-decoration: none;
        color: #333;
    }
/*  ==========================================================================================================  */
/*                                             5. Preheader & Header
/*  ==========================================================================================================  */
#pre-content {height: 27px;}

#pre-content p {
    margin:0;
    float:left;
}
#pre-content strong, #pre-content a {
    font-weight: bold;
    font-size: 12px;
    color:#D6641A;
}
#pre-content p, #pre-content ul {
    font:11px/27px verdana, arial, sans-serif;
    height: 27px;
}
#pre-content ul {float: right;}
#pre-content li {
    float: left;
    margin-right:5px;
}
#pre-content .login-btn {margin: 5px 25px 0 0;}

.login-btn a, .german-btn a, .english-btn a {
    display: block;
}

.login-btn a{ 
    text-align: center;
    width: 45px;
    height: 18px;
    line-height: 18px;
    font-weight: normal;
    background:url(../img/login-bg.png) no-repeat left top;
    color: #404040;
}
.login-btn a:hover, .german-btn a:hover, .english-btn a:hover { background-position: left bottom;}

.login-btn a:hover {
    color:#fff;
    text-decoration: none;
}

.german-btn, .german-btn a, .english-btn, .english-btn a{
    width: 25px;
    height:26px;
}
.german-btn {background:url(../img/flag-german-active.png) no-repeat left top;}
.english-btn {background:url(../img/flag-englisch-active.png) no-repeat left top;}
.german-btn a {
    background:url(../img/flag-german-inactive.png) no-repeat left top;
    text-indent:-9999px;
}
.english-btn a {
    background:url(../img/flag-englisch-inactive.png) no-repeat left top;
    text-indent:-9999px;
}

#home #header {
    height:295px;
    background:url(../img/header_home_bg.jpg) no-repeat left top;
}
#nav h1 {
    float:left;
    margin:5px 0 0 12px;
    background:url(../img/logo-neu-trans.png) no-repeat 0 7px;
}
        #nav h1 a {
            display:block;
            text-indent:-9999px;
            width:192px;
            height:48px;
            background:transparent;
        }
#nav h2 {
    position:absolute;
    left:-9999px;
}
#header .claim {
    position:absolute;
    text-indent:-9999px;
}
#header img {
    position:absolute;
    right:34px;
    top:0;
}


/*  ==========================================================================================================  */
/*  5.1. Different claims and images */

#header .claim {
    left:30px;
    top:70px;
    width:94px;
    height:20px;
    background:url(../img/claim_contact-trans.png) no-repeat left top;
}

#home #header .claim {
    left:100px;
    top:65px;
    width:340px;
    height:135px;
    background:url(../img/claim_home-trans.png) no-repeat left top;
}
#produkte #header .claim {
    top:60px;
    width:123px;
    height:22px;
    background:url(../img/claim_products-trans.png) no-repeat left top;
}

#newsletter #header .claim {
    top:60px;
    width:153px;
    height:24px;
    background:url(../img/claim_newsletter-trans.png) no-repeat left top;
}

#impressum #header .claim {
    top:60px;
    width:156px;
    height:31px;
    background:url(../img/claim_impressum-trans.png) no-repeat left top;
}

#login #header .claim {
    top:60px;
    width:73px;
    height:30px;
    background:url(../img/claim_login-trans.png) no-repeat left top;
}

#mobile-publishing #header .claim {
    top:60px;
    width:245px;
    height:29px;
    background:url(../img/claim_mobile-trans.png) no-repeat left top;
}

#digital-publishing #header .claim {
    top:60px;
    width:245px;
    height:31px;
    background:url(../img/claim_digital-trans.png) no-repeat left top;
}
#smidget #header .claim {
    top:60px;
    width:245px;
    height:31px;
    background:url(../img/claim-smidget.png) no-repeat left -3px;
}
#epublishing #header .claim {
    top:60px;
    width:250px;
    height:31px;
    background:url(../img/claim-epublishing.png) no-repeat left -5px;
}


#demo #header .claim {
    top:60px;
    width:76px;
    height:22px;
    background:url(../img/claim_demo-trans.png) no-repeat left top;
}


#kontakt #header .claim {
    top:60px;
    width:94px;
    height:20px;
    background:url(../img/claim_contact-trans.png) no-repeat left top;
}

#erweiterungen #header .claim {
    top:60px;
    width:103px;
    height:20px;
    background:url(../img/claim_addons-trans.png) no-repeat left top;
}

#referenzen #header .claim {
    top:60px;
    width:154px;
    height:22px;
    background:url(../img/claim_referenzen-trans.png) no-repeat left top;
}

#support #header .claim {
    top:60px;
    width:108px;
    height:29px;
    background:url(../img/claim_support-trans.png) no-repeat left top;
}

#loesungen #header .claim {
    top:60px;
    width:134px;
    height:32px;
    background:url(../img/claim_loesungen-trans.png) no-repeat left top;
}

#intern-uebersicht #header .claim, #intern-downloads #header .claim,#intern-flex #header .claim, #intern-statistik .claim {
    top:60px;
    width:165px;
    height:32px;
    background:url(../img/claim_intern-trans.png) no-repeat left top;
}

#datenschutz #header .claim, #sitemap #header .claim {background-image:none;}

#loesungen #content, #mobile-publishing #content, #digital-publishing #content, #produkte #content, #produkte_corporate #content, #produkte_preise #content, #erweiterungen #content
 {padding-top: 0;}
/*  ==========================================================================================================  */
/*                                             6. Sidebar
/*  ==========================================================================================================  */

#secondary-content h2 strong {font-weight:bold;}


    /*  ==========================================================================================================  */
    /*  6.1. Sidebar - DropDown Nav */

    .expandable {
    	cursor:pointer;
      	width: 171px;
      	padding: 35px 0 0 99px;
      	display: block;
    	overflow: hidden;
    	margin:-1px 0 0 0;
    	font-size: 16px;
    	font-family: 'lucida grande', verdana, arial, sans-serif;
    	color: #4d6b22;
    }
    .expandable.callback {
        background: url("../img/bg-expander-callback.jpg") no-repeat;
         height: 37px;
    }
    
    a.expandable {font-weight:normal;}
    a.expandable:hover {
        text-decoration:none;
        color:#888;
        background-position: 0 -78px !important;
    }
    
    a.open:hover {
        text-decoration:none;
        color:#888;
        background-position: 0 -117px !important;
    }
    
     #secondary-content .expandable.newsletter {
         background: url(../img/bg-expander-newsletter.jpg) no-repeat;
         height: 43px;
    }
    
    	.open { background-position: left bottom !important;}

/*    .expand-wrapper {width: 270px;}*/

    .expand-wrapper div {
        position:static;
        font-weight: bold;
        margin-top: 10px;
        padding:10px 10px 10px 20px;
    }
    .expand-wrapper div strong {font-weight:bold;}
    .expand-wrapper div a {color: #F68B01;}  

    .expand-wrapper .submit {margin-top:10px;}

    .expand-wrapper .submit div {padding:0;}
    .expand-wrapper button {
        float:right;
        margin:0 20px 0 0;
    }
    
     .expand-wrapper input[type="text"] {
         width: 150px;
         margin-bottom: 3px;
     }
    .expand-wrapper label {
        font-family: arial, verdana, sans-serif;
        color: #333;
        font-size: 12px;
        width: 60px;
    }

    .expand-wrapper .error-message {margin-top:0;}

    .contact-telephone {
        background: url("../img/bg-contact-telephone.jpg") no-repeat;
        width: 171px;
        height:57px;
        display: block;
        color: #4d6b22;
        padding: 35px 0 0 99px;
     
    }
        .contact-telephone strong {
            font-family: verdana, arial, sans-serif;
            font-weight: bold;
            font-size: 11px;
        }

    .successMsg {
        background:#def3c1;
        border:1px solid #6cbd5b;
        padding:10px !important;
        color:#222;
    }
        .successMsg h3 {
            color:#222;
            font-size:12px;
            margin:0 0 10px;
        }
        .successMsg p {
            line-height:140%;
            margin:10px 0 0;
        }

        body .successMsg .closeMsg {
            background:#fff;
            border:1px solid #aaa;
            color:#666;
            display:block;
            font-size:12px;
            padding:5px;
            text-align:center;
            width:7em;
            margin:5px auto;
        }
        body .successMsg .closeMsg:hover, body .successMsg .closeMsg:focus {
            background:#f2f2f2;
        }
    /*  ==========================================================================================================  */
    /*  6.2. Search */

    #search {
        width:275px;
        height:62px;
        background:url(../img/search_bg.jpg) no-repeat left top;
        position:relative;
    }
    #search label {
        position:absolute;
        left:-9999px;
    }
        #search input {
            width:153px;
            font-size:14px;
            height:20px;
            padding:4px 1px 0;
            background:url(../img/search_input_bg.jpg) no-repeat left top;
            position:absolute;
            border:0;
            left:25px;
            top:19px;
        }
        #wrapper #search button {
            position:absolute;
            width:76px;
            height:28px;
            right:15px;
            top:17px;
            padding-left:10px;
            background:url(../img/search_button.jpg) no-repeat left top;
            font:normal 14px/28px georgia, serif;
            color:#fff;
        }
        #wrapper #search button:hover {background-position:left bottom;}

        #wrapper #search button p {
            background:transparent;
            font-weight:normal;
            padding:0;
            float:none;
            display:inline;
        }

        /*  ==========================================================================================================  */
        /*  6.3. Aktuelle Referenzen */

            #current-references li {border-bottom:1px solid #e5ebcf;}

            #current-references li a, #current-references li a:hover, #current-references li a:focus {
                display:block;
                padding:5px 5px 5px 20px;
                background:url(../img/postlist_icon.png) no-repeat left center;
                font: normal 13px/120% 'lucida grande', verdana, arial, sans-serif;
                color: #75891a;
                text-transform: none;
            }
           
           #current-references li p a, #current-references li p a:hover {
               background-image:none;
               padding:0;
               font-size:12px;
               display:inline;
           }

        /*  ==========================================================================================================  */
        /*  6.4. Tag Cloud */

        #tag-cloud a {
            margin-right:5px;
            line-height:120%;
            white-space:nowrap;
        }

        /*  ==========================================================================================================  */
        /*  6.5. Twitter Widget */

        #twitter_div ul {margin:0 0 15px 0;}

        #twitter_div li {
            margin:0 0 10px;
            color:#666;
            font-size:12px;
        }
            #twitter_div li > a {
                display:block;
                color:#999;
            }
            #twitter_div li a[style] {font-size:11px !important;}

        #twitter-link {
            display:block;
            background:url(../img/twitter_link.png) no-repeat;
            width:233px;
            height:90px;
            text-indent: -9999px;
        }

        #content ul#twitter_update_list {margin-bottom: 15px;}
        /*  ==========================================================================================================  */
        /*  6.6. Get-in-Touch // About Pages */

        #get-in-touch {margin:35px 0 0;}

            #get-in-touch li {
                min-height:90px;
                margin:0 0 25px;
            }
            #get-in-touch a {
                display:block;
                height:100%;
                padding-left:85px;
                font-size:11px;
                color:#555;
            }
                #get-in-touch a strong {
                    display:block;
                    text-transform:uppercase;
                    font-size:14px;
                    color:#38541e;
                    margin:0 0 5px;
                }
                #get-in-touch a:hover, #get-in-touch a:focus {
                    color:#d6641a;
                    text-decoration:none;
                }
            #factsheet {background:url(../img/icon_pdf.png) no-repeat left top;}

            #request {background:url(../img/icon_contact.png) no-repeat left top;}

        /*  ==========================================================================================================  */
        /*  6.7. References Sidebar */

        #references #aside h2 {
            margin-top:37px;
        }
        #references #aside ul {
            margin:15px 0 0;
        }
        #references #aside li {
            margin:5px 0;
        }
      
/*  ==========================================================================================================  */
/*                                             7. Content
/*  ==========================================================================================================  */

    /*  ==========================================================================================================  */
    /*  7.1. Posts */

    .post {margin:0 0 35px;}

    p.meta {
        margin:5px 0 10px;
        font-size:11px;
    }
    .most-recent {margin-bottom:50px;}

    .most-recent h2, .most-recent h2 a {font-size:26px;}

    .most-recent .storycontent p {color:#222;}

    .storycontent img {
        border:1px solid #ccc;
        background:#f5f5f5;
        padding:4px;
    }

    .storycontent img.alignright {
        float:right;
        margin:0 0 20px 15px;
    }
    .more-link {
        font-size:12px;
        margin-top:-20px;
        display:block;
    }

    /*  7.1.1 Text formatting within posts */

    .post strong {font-weight:bold;}
    .post em {font-style:italic;}
    .post del {text-decoration:line-through;}

    #content ul, #content ol {
        list-style:disc;
        margin:10px 0 25px 15px;
        font:13px/140% arial, sans-serif;
    }
    #content ol {list-style:decimal;}

    #content form ul, #content form ol {
        list-style:none;
        margin:0;
    }
    #content li {margin:5px 0;}

    #content form li {margin:3px 0;}

    .post abbr, .post acronym {
        border-bottom:1px dotted #888;
        cursor:help;
    }
    .post blockquote {
        padding:0 30px;
        margin:15px 0 20px;
    }
        #content .post blockquote p {
            color:#888;
            font-family:georgia, serif;
            font-style:italic;
            font-size:14px;
            margin:0;
        }
        .post blockquote cite {
            font-style:normal;
            display:block;
            text-align:right;
            color:#555;
            font-size:14px;
        }

    /*  ==========================================================================================================  */
    /*  7.2. Post-Navigation */


    #content .pagination {
        list-style:none;
        margin:20px 0;
        padding:0;
    }
    #content .pagination li {
        float:left;
        width:24px;
        margin:0 2px 0 0;
        line-height:24px;
        text-align:center;
    }
    .pagination li.current-page {
        font-weight:bold;
        background:#d6641a;
        color:#fff;
    }
    #content .pagination a {
        line-height:24px;
        width:24px;
        float:left;
        background:#91ab35;
        color:#fff;
        font-weight:bold;
    }
        #content .pagination a:hover, #content .pagination a:focus {
            background:#d6641a;
            text-decoration:none;
        }
    .navigation {
        font-size:12px;
        margin:0 0 20px;
    }
    .navigation p {
        margin:5px 0;
        float:left;
    }
    .navigation p + p {float:right;}
    
    /*  ==========================================================================================================  */
    /*  7.3. Comments */

    #content #commentlist {
        font-size:13px;
        list-style:none;
        margin:10px 0;
    }
        #commentlist li {
            padding:10px;
            margin:10px 0 0;
            background:url(../img/comments_bg_even.png) no-repeat center bottom;
            float:left;
        }
        #commentlist li.odd {
            background:url(../img/comments_bg_odd.png) no-repeat center bottom;
            padding-bottom:20px;
        }
        #commentlist li.by-author {position:relative;}

        #commentlist li.by-author img.by-admin {
            position:absolute;
            width:67px;
            height:67px;
            right:10px;
            top:10px;
            border:0;
            margin:0;
            padding:0;
        }
        #commentlist li.by-author div p {
            padding-right:67px;
            color:#222;
        }
        #commentlist span {
            font-weight:bold;
            color:#91AB35;
            float:left;
            width:40px;
            margin-right:10px;
        }
        #commentlist img {
            float:left;
            width:32px;
            margin:0 10px 10px 0;
            background:#fff;
            border:1px solid #ccc;
            padding:3px;
        }
        #commentlist cite, #commentlist li div {
            font-size:12px;
            margin-bottom:10px;
            float:left;
            width:430px;
        }
        #commentlist li div {float:right;}

        #commentlist strong {font-weight:bold;}

    #commentform {font-size:14px;}

    #commentform p {margin:5px 0 10px;}

    #commentform li label {
        float:left;
        width:180px;
        margin-right:10px;
    }
    #commentform li label span, #commentform p span {color:#D6641A;}

    #commentform li label em {
        font-size:11px;
        color:#999;
    }
    #commentform li input {
        float:left;
        width:300px;
    }
    #commentform div {margin:4px 0 0;}

    #commentform textarea {width:495px;}

.comment-edit-link {
    font-size:11px;
    float:right;
}

    /*  ==========================================================================================================  */
    /*  7.4. Search-Results */

    .search-results h1 strong {
        font-style:italic;
        color:#666;
    }
    .search-results p {
        font-size:13px;
        line-height:145%;
        margin:10px 0;
    }
    #content-wrapper .search-results ul {
        list-style:none;
        margin:15px 0 10px;
        font-size:13px;
    }
    .search-results ul li {border-bottom:1px solid #e5ebcf;}

    /*  ==========================================================================================================  */
    /*  7.5. Two columns content */

    .col-a, .col-b {
        width:48%;
        float:left;
        margin-right:2%;
    }
    .col-b {margin:0 0 0 2%;}

    #advantages-list {
        top:-50px;
        position:relative;
    }
    
    
    /*  ==========================================================================================================  */
    /*  7.6. Shadowbox Images */

.pic {
    float:right;
    padding:10px;
    margin:0 0 15px 15px;
    background:#f5f5f5;
    border:1px solid #ddd;
    width:152px;
}
    .pic a {
        position:relative;
        display:block;
        width:152px;
    }
        .pic a span {
            position:absolute;
            width:20px;
            height:20px;
            right:2px;
            bottom:4px;
            background:url(../img/zoom.png) no-repeat left top;
            text-indent:-9999px;
        }
        .pic img {
            border:1px solid #ddd;
            width:150px;
        }
    .pic p {
        font-size:11px;
        line-height:120%;
        color:#888;
        margin:5px 0 0;
    }
    .pic a:hover img {
        border:1px solid #fff;
        outline:2px solid #ddd;
    }

    /*  ==========================================================================================================  */
    /*  7.7. Advantages */

    dl {font-size:13px;}

    dt {
        font:normal 18px/120% georgia, serif;
        color:#91ab35;
        margin-bottom:5px;
    }
    .advantages dt {
        padding:0 0 0 35px;
        background:url(../img/arrow_advantage.png) no-repeat left center;
    } 
    dd {
        font-family:arial, sans-serif;
        line-height:160%;
        padding-left:35px;
        margin-bottom:25px;
    }

    /*  ==========================================================================================================  */
    /*  7.8. Imprint */

    .vcard {
        font-size:13px;
        line-height:160%;
        margin-bottom:25px;
    }

    /*  ==========================================================================================================  */
    /*  7.9. Home */

    ul#hp-teaser, #hp-box ul {
        list-style:none;
        margin:0;
    }
        #hp-teaser li {
            float:left;
            width:285px;
            margin:0 0 0 30px;
            padding: 0 5px 0 0;
        }
        #hp-teaser li + li {background-position:-340px 16px;}
        #hp-teaser li + li +li {background-position:-662px 20px;}

        #hp-teaser li:first-child, #hp-teaser .firstchild {margin:0;}

    #hp-teaser h2 {
        margin-top:0;
    }

    #hp-teaser a, #contact-box a, #current-references a {
        font-size:12px;
        padding:5px 5px 5px 10px;
        background:url(../img/subnav_arrows.png) no-repeat -795px center;
    }
    #hp-teaser a {
        display:inline-block;
        margin-top: 5px;
        background-position: -795px 7px;
        line-height: 120%;
    }
    
    #hp-teaser a:hover,   #hp-teaser a:focus {background-position:-1590px 7px;}
    
    #contact-box a:hover, #contact-box a:focus, #current-references a:hover {background-position:-1590px center;}

    #hp-box {
        margin:30px 0 20px;
        padding-bottom:20px;
        background:url(../img/hp_box_bottom.png) no-repeat left bottom;
    }
    #hp-box .inner {
        padding-top:20px;
        background:url(../img/hp_box_top.png) no-repeat left top;
    }
    #hp-box h2 {margin-top:0;}
    
     ul#hp-teaser button {float:right;}
     ul#hp-teaser img {float:left; margin-right: 10px;}

    #contact-box, #current-references, #twitter{
        float:left;
        width:290px;
        margin-left:30px;
    }
    #contact-box{
        margin:0;
        width:290px;
    }
/*        #contact-box h2 {margin-left:-85px;}*/
        #contact-box div{
            padding-left:85px;
            margin-bottom: 40px;
        }
        #contact-box div.brief {background:url(../img/contactbox_bg.png) no-repeat 0 4px;}
        #contact-box div.telefon {
            background:url(../img/telephone-bg.png) no-repeat;
            height:63px;
        }
        #contact-box p {margin-bottom:0;}
        #contact-box strong {
            font-weight: bold;
            color: #4d6b22;
            font-size: 12px;
        }
        
    #current-references li {
        border:0;
        border-top:1px solid #d0d5ba;
        margin:0;
        padding-top: 12px;
    }
    #current-references li:first-child, #current-references .firstchild {
        border:0;
        padding-top:0;
    }

/*    #current-references ul{
        height: 155px;
        overflow: scroll;
    }
*/
    #current-references strong {font-weight:bold;}

    #current-references p {margin:2px 0 10px 20px;}

/*    #current-references a {
        font-size:12px;
        padding:5px 5px 5px 10px;
        background:url(../img/subnav_arrows.png) no-repeat -795px center;
        text-transform: uppercase;
    }
*/    
    #twitter em{
        font-size: 11px;
        color: #6e6e6e;
        font-style: normal;
    }
    
    #twitter li{
        margin-bottom: 10px;
    }
    
    #twitter a{
        color: #75891a;
        font-weight: normal;
    }
    
    #logo-box {
        background:url(../img/logobox_bg.jpg) no-repeat;
        width:862px;
        height: 192px;
        margin: -14px 0 0 -14px;
        padding: 50px;
    }
    #logo-box a {
        float:left;
        padding: 5px 20px 5px 13px;
    }
  

     /*  ==========================================================================================================  */
      /*  7.2. Products */
      .product {margin: 15px 0 40px 0;}
      
      .product div {
          width: 465px;
          float: left;
      }
      
      .product img{
          float:left;
          width: 132px;
          margin-right: 20px;
          margin: 18px 20px 0 20px;
      }
      
      #content .product h2 {
          font-size: 16px;
          margin-bottom: 15px;
      }
      
      .product p {font-size: 12px;}
      
      .product h3 {
          font-family: arial, sans-serif;
          font-size: 14px;
      }
      
      #content .product ul {
          list-style-type: none;
          margin: 15px 0;
          font-size: 12px;
      }
      
      .product li {
          background:url(../img/arrow_advantage.png) no-repeat;
          padding-left: 30px;
          /*height: 20px;*/
          line-height: 20px;      
     }
     
     .product a {
         font-size: 12px;
         background: url("../img/subnav_arrows.png") no-repeat scroll -795px center transparent;
         padding: 5px 5px 5px 10px;
         margin-bottom:10px;
    }
    
    .product a:hover {background-position: -1590px center;}
    
    .product h2 a {
        background:none;
        font-size:16px;
        font-weight: normal;
        padding:0;
    }
    #produkte .product h2 a:hover {text-decoration:none;color:#91AB35;}
    
    .preisliste {
        background: url("../img/bg-expander-produkte.png") no-repeat;
        width: 661px;
        height: 39px;
        line-height: 39px;
        font-size: 14px;
        padding:0 0 0 14px;
        font-family: arial, verdana, sans-serif;
        margin-top: -3px;
    }
    
    .preisliste.open {
        background-position: 0 -39px !important;
        color: #9b9b9b;
    }
    
    #content .editionen ul{
        background: url("../img/bg-produkttabelle.gif") repeat-x;
        height: 39px;
        line-height: 39px;
        width: 669px;
        margin: -12px 0 0 2px;
        padding:0;
        list-style-type: none;
        float:left;
    }
    
    .editionen div {
        padding-left: 0;
        padding-bottom:3px;
        margin:0;
    }
    
    .editionen li {float:left;}
    
    .editionen .edition, .editionen .flex, .editionen .corporate {color: #4a4a4a;}
    
    .editionen .edition {width: 419px; padding-left: 10px;}
    .editionen .flex {width: 50px; padding-left: 10px;}
    .editionen .corporate {width: 130px; padding-left: 50px;}
    
    .editionen table {
        margin:0 0 0 2px;
        width: 669px;
        float:left;
        border-collapse: collapse;
    }
    
    .editionen thead { 
        background: url("../img/bg-produkttabelle-unten.gif") repeat-x;
        height: 19px;
        line-height: 19px;
        width:669px;
        color: #000;
        font-size: 12px;
        font-family: arial, verdana, sans-serif;
    }
    
    .editionen th {text-align:center;}
    
    .editionen td {
        border-right: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf;
        color: #1e1e1e;
        font-size: 12px;
        font-family: arial, verdana, sans-serif;
        padding: 12px;
        min-height: 32px;
    }
    
    .entry1 {width: 214px;}
    .entry2 {width: 217px;}
    .entry3 {width: 60px;}
    
    td.entry1 {width: 181px;}
    td.entry2 {width: 193px;}
    td.entry3 {width: 36px;}
    
    .grey {background-color: #f4f4f4;}
    .border {border-left: 1px solid #dfdfdf;}
    
    .ja {text-indent: -9999px; background: url("../img/bg-ja.gif") no-repeat; }
    .nein {text-indent: -9999px; background: url("../img/bg-nein.gif") no-repeat;}
    
      td.entry1 img {float:left; margin-right:6px;}
    /*  ==========================================================================================================  */
      /*  7.3. Newsletter- und Login-Formulare */
    form.newsletter {width: 410px;}
    form.login {width: 310px;}
      
    .newsletter input[type="text"] { width: 315px;}
     .login input[type="text"] { width: 215px;}
    
    .newsletter button, .login button {
        float: right;
        margin-top: 7px;
    }
    
    .newsletter .checkbox {padding: 15px 0 10px 0;}
    
    .newsletter .checkbox label {
        color: #333;
        font-size: 11px;
    }
      
    .newsletter .checkbox strong {font-weight: bold;}
    
    .newsletter .checkbox #einverstaendnis {
        float: left;
        margin: 0 10px 0 88px;
    }
    
     .newsletter .checkbox label {
         width: 290px;
         padding: 0;
         line-height: 140%;
    }
    
    #newsletter p, #login p {width: 405px;}
    
    #newsletter button p, #login button p {width: auto;}
/*  ==========================================================================================================  */
/*                                             9. Footer
/*  ==========================================================================================================  */

    #footer p {
        font-size:11px;
        color:#aaa;
        text-align:center;
        margin: 10px 0 0 0;
        width: 100%;
    }

    #footer-box {
        width:940px;
        height:219px;
        padding:34px 11px;
        margin:0 auto 15px;
        background:url(../img/footer_bg.jpg) no-repeat center center;
    }
        #footer-box h3 {
            color:#D6641A;
            font-size:18px;
            margin:0 0 10px;
        }
        #footer-box p {
            margin:0 0 10px;
            font-size:12px;
        }
        #footer-box strong {font-weight:bold;}

        #about-blog, #most-popular, #socialize {
            color:#fff;
            font-size:12px;
            padding:15px;
            width:250px;
            float:left;
            margin-right:5px;
        }
        #most-popular {width:300px;}

#metanav {text-align:center;}

#metanav li {
    display:inline;
    font-size:10px;
    border-left:1px solid #ccc;
}
#metanav li:first-child, #metanav .firstchild {border:0;}

#metanav a {
    color:#999;
    font-weight:bold;
    text-transform:uppercase;
    padding:0 9px 0 12px;
}

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             4. Forms
/*  ----------------------------------------------------------------------------------------------------------  */

        form ul {margin:20px 0;}

            form li {
                margin:4px 0 0;
                float:left;
                width:100%;
            }
                form li label, form li.interest strong {
                    padding:5px 5px 5px 0;
                    font:13px/120% arial, sans-serif;
                    color:#91ab35;
                    float:left;
                    width:84px;
                }
                input[type=text], textarea {
                    border:1px solid #ccc;
                    padding:4px 1px;
                    background:#f2f5e8;
                    font-size:13px;
                    color:#555;
                    float:left;
                    width:60%;
                }
                input:focus, textarea:focus {background:#e9f0bf;}

                #content li.submit {
                    padding-left:14%;
                    margin-top:20px;
                    width: 500px;
                }
                #commentform div.submit {margin-top:20px;}

    .mandatory {color:#d6641a;}

    form li img {
        margin-left:5px;
        float:left;
    }

    form li li, form li li label, form li li input {
        float:left;
        width:auto;
    }
    #content form li li {
        width:20%;
        margin:0;
    }
    form li li input {margin:5px 5px 5px 0;}
    form li li label {cursor:pointer;}

    #content #description-list {
        list-style: none;
        margin-left: 0;
    }

    #description-list h2 {font-size: 16px;}

    #description-list img {
        width: 90px;
        float:left;
    }

    #description-list p {
        width: 524px;
        float:left;
        margin: 0 16px 15px 0;
        }

#content .advantages {margin-bottom: 100px;}

#digital-publishing h2 {
    margin-bottom: 20px;
    line-height: 140%;
}

.advantage-pic {float:right;}

/*  -------------------------------------- Zweispaltiger Content ---------------------------------------------  */

#secondary-content.three-columns {margin-right:0;}

#content.three-columns {
    padding-right:0;
    width: 715px;
}

#content.three-columns h1 {margin-left: 30px;}

 /* --- Linke Randspalte --- */
#left-column {
     width: 475px;
     float:left;
 }
 
 
#left-column h2, #right-column h2 {
/*    margin: 15px 0 30px 30px;*/
    font-size: 16px;
}

#content #right-column .referenzliste li {
    height: auto;
    margin: 29px 0 20px 28px;
}

#screencast {
    width: 516px;
    height: 338px;
    background:#fff url(../img/bg-screencast.jpg) -8px 0 no-repeat;
    position: relative;
    margin: 20px 0 40px 0;
    padding:9px 0 0 47px;
    float:left;
}
    
#flash-content {
    position: absolute;
    left:47px;
    top: 8px;
    width: 421px;
    height:258px;
    background-color: green;
}

#content .referenzliste {margin-left:0;}

#content .referenzliste li {
    list-style-type:none;
    margin:20px 0 0 0;
}

#content .referenzliste li {
    float:left;
    width:78px;
    margin-right: 17px;
    height: 165px;
    line-height: 130%;
    font-size: 10px;
}

#content .referenzliste a {
    color:#4f4f4f;
    text-decoration: none;
    font-weight: normal;
    font-size: 10px;
}
/* --- Rechte Randspalte --- */
    
#right-column {
    float: right;
    width: 145px;
}    

#right-column h2 {margin-left:0;}

#right-column .referenzliste li {float:none;}

#software-download {
    width: 206px;
    background: url(../img/software-download.jpg) -3px 0 no-repeat;
    height: 210px;
}

#software-download a {
    margin: 110px 0 0 46px;
    display:block;
    float:left;
    }
#software-download a div {    
    height:20px;
    float:left;
    padding-right:25px;
    background:url(../img/button_sprite.png) no-repeat right top;
    margin:0;
}

#software-download a:hover {
    text-decoration:none;
    color:#a8a8a8;
}

#software-download div p {
     height:20px;
     line-height:20px;
     padding-left:15px;
     background:url(../img/button_sprite.png) no-repeat left -40px;
     font-weight:bold;
     color:#fff;
     float:left;
     margin:0;
    }
    
/*.left-margin {
    width: 630px;
    margin-left: 32px;
}
*/
    /*  ----------------------------------------------------------------------------------------------------------  */
    /*  6. Errors   */

    .error {border:1px solid #d00;}

    .hint {
        color:#000;
        line-height:140%;
        font-size: 12px;
    }

    .error-message {
        border:1px solid #d00;
        padding:10px 10px 10px 40px;
        background:#fcc url(../img/error.png) no-repeat 10px center;
        font-weight:bold;
        margin:10px 0;
    }

#regform label {width: 130px;}
#regform li.submit {padding-left:21%;}



    /*  ----------------------------------------------------------------------------------------------------------  */
    /*  Scrollbar CSS */

    #scrollbar_container {
        position:relative;
        margin-bottom:10px;
/*        width:500px;*/
    }

    #scrollbar_track {
        position:absolute;
        top:0;
        right:0;
        height:100%;
        width:10px;
        background-color:#eee;
        cursor:move;
    }

    #scrollbar_handle {
        width:10px;
        background-color:#75891A;
        cursor:move;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        opacity:0.9;
        -moz-opacity:0.9;
    }

    #scrollbar_content {
        overflow:hidden;
/*        width:485px;*/
        height:180px;
        padding:5px 15px 5px 5px;
        background:#fafafa;
        border:1px solid #eee;
        border-width:1px 0;
    }


    /*  ----------------------------------------------------------------------------------------------------------  */
     /*  Slider Startseite & Bild-Header */

     #content-wrapper .list {
         padding:0 5px;
         width:auto;
     }
     
     .product-slider .slider {
         height:287px;
         width:990px;
     }
  
   .slide-left.inactive, .slide-right.inactive {cursor: default;background:none;}
   
   
     .slide-left, .slide-right {
         cursor:pointer;
         display:block;
         float:left;
         height:287px;
         text-indent:-9999px;
         width:26px;
     }
     
     .slide-mask  {
         float:left;
         height:287px;
         overflow:hidden;
         position:relative;
         width:928px;
         z-index:10;
     }
 
     .list ul {
         margin:0;
         padding-bottom:10px;
     }
     .slide-content li {
         float:left;
         height:287px;
         width:928px;
     }
   
     .list li {
         float:left;
         margin:0;
     }
     .product-slider .buch-titel {width:auto;}
   
     .buch-titel {
         float:left;
         padding-right:25px;
         width:430px;
     }
     
     .slide-right  {background:url("../img/slide-right.png") no-repeat scroll 0 0 transparent;}
     .slide-left  {background:url("../img/slide-left.png") no-repeat scroll 0 0 transparent;}
    
     .slide-left, .slide-right {
         cursor:pointer;
         display:block;
         float:left;
         height:287px;
         text-indent:-9999px;
         width:31px;
     }
     
     .buehne p {
         font-family: ff-din-round-web, 'ff-din-round-web', verdana, arial, sans-serif,'DIN-Regular';
         color: #fff;
         font-size: 18px;
         width: 350px;
         margin: 50px 0 0 40px;
         float:left;
     }

.buehne strong {font-size: 30px;}

.buehne .widget {
    background:url("../img/bg-buehne.png") no-repeat scroll 0 0 transparent;
    width: 360px;
    height:259px;
    float: left;
    margin: 30px 0 0 70px;
    padding: 6px 0 0 10px;
}

#header .iphone-teaser {
  float:left;
  position: relative;
  margin-left: 35px;
  margin-top:40px;
}
.short-info {float:left;}

.buehne .mehr {
  background:url("../img/mehr-button.jpg") no-repeat scroll 0 0 transparent;
  float:right;
  margin: -20px 5px 0 0;
  width: 151px;
  height:20px;
  text-indent:-9999px;
}

.product .mobile-pic {
    width:160px;
    margin-left: 0;
}
.smidget img, .epublishing img {
    width: auto !important;
    margin-left:0 !important;
}
.smidget div {width: 400px !important;}
.epublishing div {width: 380px !important;}

.digizin {
   margin-left: 28px;
}

.produkt-auswahl{
    float:right;
    margin:32px 18px 0 0;
}
.produkt-auswahl li{float:left;}
#header .produkt-auswahl img{position:relative;right:0;}
#produkte #header {background:url("../img/header_bg_produkte.jpg") no-repeat scroll left top transparent;}

/* Neue Header-Teaser */
.livebook-new .short-info, .buchmesse .short-info {
	width:540px;
	height:225px;
	padding: 50px 330px 0 40px;
	background: url(../img/teaser_livebook_new.png) no-repeat right 50px;
	position: relative;
}
.buchmesse .short-info {width:515px;}
.livebook-new p , .buchmesse p {
	margin: 0;
	width: auto;
}
.btn-trans {
	background: url(../img/btn-trans.png) repeat;
	color:#fff;
	font-size: 12px;
	font-weight:normal;
	padding: 3px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 4px;
	position: absolute;
	top: 215px;
	left: 40px;
}
.btn-trans span {
	background:url(../img/arrow_white.png) no-repeat 0 5px;
	padding: 0 0 0 13px;
	display:inline-block;
}
.btn-trans:hover, .btn-trans:focus {
	color:#fff;
	text-decoration:none;
}
.buchmesse .btn-trans {width:470px;}
#header .livebook-new img {margin: 50px 0 0;}
.slider-list {
	float:left;
	margin-top: 20px;
	width: 270px;
}
.slider-list span {
	float: none;
	width: auto;
	height: auto;
	color: #fff;
	list-style: disc;
	font-size: 13px;
	padding:0 0 3px 15px;
	background:url(../img/slider-list-style.png) no-repeat left 5px;
	display:inline-block;
}
.buchmesse .short-info {background:url(../img/teaser_buchmesse.png) no-repeat right 90px;
}

/*  ----------------------------------------------------------------------------------------------------------  */
   /*  Sitemap */


#content ul.sitemaplist {
    padding-left:0;
    margin: 25px 0 25px 0;
}

.sitemaplist li {list-style-type:none;}
#content .sitemaplist.eingerueckt {padding-left:10px;margin-top:10px;}

/*  ----------------------------------------------------------------------------------------------------------  */
   /*  Interner Bereich */
#intern-uebersicht table {
    font-size: 13px;
    margin:30px 0;
}
#intern-uebersicht table .strong {
    font-weight: bold;
    font-size: 14px;
    width:160px;
}

#intern-uebersicht table tr {
    margin-bottom: 15px;
    display: block;
}

table#designs {margin-top:10px;}
table#designs .strong {font-size:13px;}

#intern-navi {margin-left:-4px;}

#intern-navi li{
    text-indent:-9999px;
    display:block;
    width:274px;
    height:43px;
    background:url("../img/bg-intern-navi.png") no-repeat;
}

#intern-navi li a {
    display:block;
    width: 274px;
    height: 43px;
    background:url("../img/bg-intern-navi.png") no-repeat;
}
/* --- normal --- */
#intern-navi .uebersicht a {background-position: -274px 0 ;}
#intern-navi .downloads a { background-position: -274px -44px;}
#intern-navi .flex a { background-position: -274px -88px;}
#intern-navi .statistik a { background-position: -274px -129px;}
/* --- aktiv --- */
#intern-navi li strong { 
    background:url("../img/bg-intern-navi.png");
    display:block;
    width:274px;
    height:43px;
}
    #intern-navi .uebersicht span{background-position: 0 0 ;}
    #intern-navi .downloads span{ background-position: 0 -44px;}
    #intern-navi .flex span{ background-position: 0 -88px;}
    #intern-navi .statistik span{ background-position: 0 -129px;}
/* --- inaktiv --- */
#intern-navi li span { 
    background:url("../img/bg-intern-navi.png");
    display:block;
    width:274px;
    height:43px;
}
    #intern-navi .downloads span{ background-position: -548px -44px;}
    #intern-navi .flex span{ background-position: -548px -88px;}
    #intern-navi .statistik span{ background-position: -548px -129px;}
/* --- hover --- */
#intern-navi .uebersicht a:hover{background-position: -822px 0 ;}
#intern-navi .downloads a:hover{ background-position: -822px -44px;}
#intern-navi .flex a:hover{ background-position: -822px -88px;}
#intern-navi .statistik a:hover{ background-position: -822px -129px;}


/* --- Download-Liste --- */
ul#downloads {
    list-style-type: none;
    margin-left:0;
}

ul#downloads li {
    float:left;
    width: 320px;  
}

ul#downloads li h2 {margin-bottom: 24px;}

ul#downloads a:hover {text-decoration: none;}

ul#downloads .box a, ul#downloads .books a {
    display: block;
    padding-left: 88px;
    height:80px;
    line-height: 80px;
    color:#333;
    font-weight:normal;
    margin-top: 14px;
}
ul#downloads .box a {background: url("../img/download-software.png") no-repeat;}

ul#downloads .books a {
    background: url("../img/download-pdf.png") no-repeat;
    margin-bottom: 24px; 
}

/* --- Flex-Kontingente--- */
#intern-flex #content p {
    margin-top:25px;
    font-size:14px;
}

#intern-flex #content button p {margin:0;font-size:13px;}
#intern-flex #content button {float:right;}
#intern-flex #content form {width:560px;}
#intern-flex #content  textarea {width:422px;}
#intern-flex #content strong {font-weight:bold;}
#intern-flex #content td strong {font-size:13px;}
#intern-flex #content h2 {font-size: 16px;}

#intern-flex #content table {
    width: 570px;
    border-collapse:collapse;
    margin:8px 0 20px 0;
}

#intern-flex #content th {
    background-color:#f4f4f4;
    height:37px;
    text-align:center;
    font-size:13px;
    line-height:37px;
    font-weight:bold;
    padding: 0 10px;
}
#intern-flex #content tr {border-bottom: 1px solid #dfdfdf;}
#intern-flex #content th span {
    font-weight:normal;
    font-size:10px;
}
#intern-flex #content td {
    font-size:12px;
    height:35px;
    line-height:35px;
    text-align:right;
    padding-right:15px;
    border-right: 1px solid #dfdfdf;
}

#intern-flex #content td.gray-layer {
    background-color:#f4f4f4;
    border-right:none;
}
#intern-flex #content td.last-column {border-right:none;}
#intern-flex label {
    font-size:13px;
    float:left;
    margin-right:50px;
    color:#464646;
    padding:0;
}
#intern-flex #content ul{margin-top:15px;}
#intern-flex #content li {margin-bottom:8px;}

/* --- Statistik --- */
#content #stat-time {width:690px;}
#content #stat-time ul{
    background-color:#f4f4f4;
    float:left;
    padding: 10px 10px 0 10px;
    margin-bottom: 20px;
    width:670px;
}
#content #stat-time li {
    float:left;
    width: 263px;
    margin:0 40px 14px 0;
}

#stat-time label {
    color:#555;
    width:75px;
}

#stat-time label.small {width:35px;}
#stat-time button {float:right;}

#stat-view th {
    background-color:#f4f4f4;
    font-weight:bold;
    font-size: 13px;
    text-align:left;
    padding-left:8px;
    height: 40px;
    line-height:40px;
}

#stat-view {
    border-collapse:collapse;
    margin: 25px 0 18px 0;
    font-size: 12px;
    width:690px;
}

#stat-view td {
    height:51px;
    line-height:51px;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    text-align:right;
    padding-right: 10px;
}

#stat-view td.left {
    text-align:left;
    border-left:none;
    padding-left: 8px;
}
#stat-view tfoot td {
    border:none;
    background-color:#f4f4f4;
    height: 33px;
    line-height:33px;
}
#stat-view tfoot td  strong {font-weight:bold;}  
#intern-statistik .right {float:right;}

#intern-statistik #content{padding-right:0;width:690px;}