/* Banner gesamt */
#wechselbanner {
    width: 740px;
    height: 180px;
}
/* navigation */
#nav {
        height:17px;
        width:740px;
        margin-top:140px;
        z-index: 5;
}

#nav ul {
        width:717px;
        margin:0;
        padding:0;
        padding-left:4px;
}

#nav li {
        float:left;
        width:103px;
        list-style-type:none;
        text-align:center;
        margin:0px;
        height:18px;
        padding:0 0 2px 5px;
        vertical-align: middle;
}

#nav a {
        background: url(bg/wb_button_normal.gif);
        color:#333333;
        display:block;
        position:relative;
        font-size:8pt;
        font-weight: normal;
        height:16px;
        text-align: center;
        text-decoration:none;
        vertical-align: middle;
}

#nav a.current {
        background: url(bg/wb_button_active.gif);
        color:#000000;
        font-weight: bold;
}

#nav span {
        display:block;
        padding:1px 0 1px 0;
}

/* panes */
#panes {
        width:739px;
        height:179px;
        margin-bottom:-20px;
        padding-bottom:0px;

        /* must be relative so the individual panes can be absolutely positioned */
        position:absolute;
        top:26px;
        left:230px;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div.pane {
        display:none;
        position:absolute;
        top:0px;
        left:0px;
        width:740px;
}
#panes div.pane img {
    width: 740px;
    height: 180px;
}
.overlay {
        display:none;
        width:740px;
        padding:20px;
        background-color:#ddd;
}

/**
 * While we're having the loading class set.
 * Removig it, will remove the loading message
 */
DIV#pane1.loading,DIV#pane2.loading,DIV#pane3.loading,DIV#pane4.loading,DIV#pane5.loading {
  background: url(bg/ajax-loader.gif) no-repeat center center;
}