body {
    margin: 0 0 0 0;
    font-family: "Courier New", Courier, mono;
    font-size: 13px;
    color: #000000;
    text-transform:lowercase;
}

img {
    border:0px;
}

a {
    font-weight: bold;
    color: #003399;
    text-decoration: none;
    outline-style:none;
    outline-width:0;
}

a:hover {
    font-weight: bold;
    color: #990000;
    text-decoration: none;
}

input {
    font-family: "Courier New", Courier, mono;
    font-size: 12px;
    color: #000000;
    border: thin solid #000000;
}

#b_zurueck {
    position:absolute;
    border:0;
    cursor:pointer;
    display:block;
    text-indent:-6000px;
    background: url(../img/b_zurueck.gif) no-repeat left top;
    width:86px;
    height:34px;
    overflow:hidden;
}

h1 {
    position:absolute;
    top:0px;
    left:0px;
    height:0px;
    width:0px;
    line-height:0px;
    text-indent:-6000px;
    font-size:0px;
    color: #ffffff;
}

h3 {
    font-size:13px;
    color: #003399;
}


/* backgrounds */

#wrapper {
    width:900px;
    height:600px;
}

#index {
    background:url(../img/bg_index.jpg);
}

#index #wrapper {
    background:url(../img/wrapper_index.jpg) no-repeat left top;
}

#bilder {
    background:url(../img/bg_bilder.jpg);
}

#bilder #wrapper {
    padding: 80px 0 0 80px;
    width:820px;
    height:520px;
    background:url(../img/wrapper_bilder.jpg) no-repeat left top;
}

* html #bilder #wrapper {
    height:600px;
}

#wir_index, #wir_band, #wir_links, #wir_live {
    background:url(../img/bg_wir.jpg);
}

#wir_index #wrapper, #wir_band #wrapper, #wir_links #wrapper, #wir_live #wrapper {
    padding: 190px 0 0 190px;
    width:710px;
    height:410px;
    background:url(../img/wrapper_wir.jpg) no-repeat left top;
}

* html #wir_index #wrapper,
* html #wir_band #wrapper,
* html #wir_links #wrapper,
* html #wir_live #wrapper {
    height:600px;
}

#musik {
    background:url(../img/bg_musik.jpg);
}

#musik #wrapper {
    padding: 180px 0 0 575px;
    width:520px;
    height:500px;
    background:url(../img/wrapper_musik.jpg) no-repeat left top;
}

* html #musik #wrapper {
    width:1110px;
    height:680px;
}

#impressum {
    background:url(../img/bg_impressum.jpg);
}

#impressum #wrapper {
    padding: 50px 0 0 90px;
    width:810px;
    height:550px;
    background:url(../img/wrapper_impressum.jpg) no-repeat left top;
}

* html #impressum #wrapper {
    height:600px;
}

#ihr {
    background:url(../img/bg_ihr.jpg);
}

#ihr #wrapper {
    padding: 50px 0 0 90px;
    width:810px;
    height:550px;
    background:url(../img/wrapper_ihr.jpg) no-repeat left top;
}

* html #ihr #wrapper {
    height:600px;
}

/* contents */


/* index */

#index #menu {
    position:absolute;
    top:0;
    left:78px;
    width:222px;
}

#index #menu a {
    border:0;
    cursor:pointer;
    display:block;
    text-indent:-6000px;
    width:222px;
}

#index #menu #b_wir {
    background: url(../img/b_wir.jpg) no-repeat left top;
    height:45px;
}

#index #menu #b_musik {
    background: url(../img/b_musik.jpg) no-repeat left top;
    height:72px;
}

#index #menu #b_bilder {
    background: url(../img/b_bilder.jpg) no-repeat left top;
    height:73px;
}

#index #menu #b_ihr {
    background: url(../img/b_ihr.jpg) no-repeat left top;
    height:69px;
}


#index #content {
    position:absolute;
    height:220px;
    left:100px;
    top:365px;
    width:450px;
    color: #F1EAD8;
}

#index #content a {
    font-weight: bold;
    color: #F1EAD8;
    text-decoration: none;
}

#index #content a:hover {
    color: #990000;
}

#index #content #contentleft {
    height:200px;
    width:220px;
}

#index #content #contentright {
    position:absolute;
    bottom:25px;
    left:238px;
    width:220px;
}

/* bilder */

#bilder #content {
    position: absolute;
    height:305px;
    width:520px;
    overflow:auto;
}

#bilder .jScrollPaneContainer {
    position: absolute;
}

#bilder #galleries div {
    float:left;
    width:225px;
    height:170px;
}

#bilder #b_zurueck {
    top:490px;
    left:640px;
}

#bilder #caption{
    position:absolute;
    top:455px;
    right:55px;
    font-size: 11px;
    width:300px;
    text-align:right;
}

* html #bilder #caption{
    height:11px;
    line-height:11px;
    display:block;
}

*+html #bilder #caption{
    height:11px;
    line-height:11px;
    display:block;
}

/* wir index */

#wir_index #menu {
    position: absolute;
    left: 366px;
    top: 119px;
    width: 337px;
    height: 67px;
}

#wir_index #menu a {
    border:0;
    cursor:pointer;
    display:block;
    text-indent:-6000px;
    float:left;
}

#wir_index #menu #b_die_gruppe {
    background: url(../img/b_die_gruppe.gif) no-repeat left top;
    height:67px;
    width:132px;
}

#wir_index #menu #b_live {
    background: url(../img/b_live.gif) no-repeat left top;
    height:67px;
    width:74px;
}

#wir_index #menu #b_wir_moegen {
    background: url(../img/b_wir_moegen.gif) no-repeat left top;
    height:67px;
    width:131px;
}

#wir_index #b_zurueck {
    top:55px;
    left:15px;
}

#wir_index #content {
    width: 426px;
    height: 400px;
    overflow:auto;
    text-align:center;
}

#wir_index .jScrollPaneContainer {
    position: absolute;
}


/* wir band*/


#wir_band #b_zurueck {
    top:55px;
    left:15px;
}

#wir_band #content {
    width: 480px;
    height: 370px;
    overflow:auto;
}

#wir_band #content_new {
    width: 480px;
    height: 370px;
    overflow:auto;
}

#wir_band #content img {
    float:left;
    margin: 0 10px 10px 0;
}

#wir_band #content_new img {
    float:none;
    margin: 0 10px 10px 0;
}

#wir_band .jScrollPaneContainer {
    position: absolute;
}

#wir_band #ueb {
    position: absolute;
    top:113px;
    left:431px;
    width:172px;
    height:85px;
}

/* wir band*/


#wir_links #b_zurueck {
    top:55px;
    left:15px;
}

#wir_links #content {
    width: 480px;
    height: 370px;
    overflow:auto;
}

#wir_links .jScrollPaneContainer {
    position: absolute;
}

#wir_links #ueb {
    position: absolute;
    top:113px;
    left:431px;
    width:172px;
    height:85px;
}

/* wir band*/


#wir_live #b_zurueck {
    top:55px;
    left:15px;
}

#wir_live #content {
    width: 480px;
    height: 370px;
    overflow:auto;
    text-align:center;
}

#wir_live .jScrollPaneContainer {
    position: absolute;
}

#wir_live #ueb {
    position: absolute;
    top:113px;
    left:431px;
    width:172px;
    height:85px;
}


/* musik */

#musik #menu {
    position:absolute;
    top:220px;
    left:290px;
    width:120px;
}

#musik #menu a {
    border:0;
    cursor:pointer;
    display:block;
    text-indent:-6000px;
    width:120px;
}

#musik #menu #b_cds {
    background: url(../img/b_cds.gif) no-repeat left top;
    height:45px;
}

#musik #menu #b_videos {
    background: url(../img/b_videos.gif) no-repeat left top;
    height:45px;
}

#musik #b_zurueck {
    top:225px;
    left:55px;
}

#musik #content {
    width: 355px;
    height: 350px;
    overflow:auto;
   /* background:#ff0000; */

}

#musik .jScrollPaneContainer {
    position: absolute;
}


#musik .cdwrapper {
    clear:both;
    display:block;
    margin:0 0 30px 0;
    overflow:hidden;
}

#musik .cdwrapper img {
    float:left;
    height:70px;
    width:70px;
    border: black solid 1px;
}

#musik .cdwrapper .cdtitel {
    display:block;
    float:left;
    margin:0 0 0 10px;
}

#musik #ueb {
    position: absolute;
    top:70px;
    left:650px;
    width:100px;
    height:67px;
}


/* ihr */



#ihr #b_zurueck {
    top:580px;
    left:75px;
    background: url(../img/b_zurueck_ihr.gif) no-repeat left top;
}


#ihr #b_addentry {
    position:absolute;
    top:540px;
    left:90px;
}

#ihr #pagesmenu {
    position:absolute;
    top:540px;
    left:400px;
}

#ihr #content {
    width: 580px;
    height: 450px;
    overflow:auto;

}

#ihr .jScrollPaneContainer {
    position: absolute;
}


/* impressum */

#impressum #b_zurueck {
    top:580px;
    left:75px;
    background: url(../img/b_zurueck_ihr.gif) no-repeat left top;
}


#impressum #b_addentry {
    position:absolute;
    top:540px;
    left:90px;
}

#impressum #pagesmenu {
    position:absolute;
    top:540px;
    left:400px;
}

#impressum #content {
    width: 580px;
    height: 450px;
    overflow:auto;
}

#impressum .jScrollPaneContainer {
    position: absolute;
}

/* ------------------------------------------------ */

/* jQuery lightBox */

#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    width: 540px;
    height: 570px;
    margin: 0 auto;
    background:url(../img/bg_lightbox.gif) no-repeat left top;
    /* visibility:hidden; */
}
#lightbox-container-image {
    width: 540px;
    height: 570px;
}

#div-wrapper-pos-lightbox-image {
    position:absolute;
    left:50px;
    top:40px;
    height:400px;
    width:430px;
}

#div-pos-lightbox-image {
    display: table;
    margin: auto;
    height: 100%;
}

#p-pos-lightbox-image {
    display: table-cell;
    vertical-align: middle;
}

#lightbox-image {
    margin-top: expression( (400 - this.height) / 2 + "px" );
}

#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 485px;
    left: 0;
    height: 20px;
    width: 540px;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    height:20px;
    width:25px;
    display:block;
}

#lightbox-nav-btnPrev{
    position: absolute;
    left:70px;
}

#lightbox-nav-btnNext {
    position: absolute;
    left:450px;

}


#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
    visibility:hidden;
    display:none;
}
#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}

/* Jscollpane */


.jScrollPaneContainer {
    overflow: hidden;
    z-index: 1;
}

.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
}

.jScrollPaneDrag {
    position: absolute;
    background:url(../img/scroll_thumb.gif) no-repeat;
    height: 200px !important;
    cursor: pointer;
    overflow: hidden;
}
.jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    background:url(../img/scroll_up.gif) no-repeat;
    height: 40px;
}
a.jScrollArrowUp:hover {
    /*background-color: #f60;*/
}

a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    background:url(../img/scroll_down.gif) no-repeat;
    height: 40px;
}
a.jScrollArrowDown:hover {
    /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    /*background-color: #f00;*/
}