/*
   Site: www.miniaturen-tansey.de
   User: kasi
   Date: 12.7.2007
*/

/* Layout beginn */
html, body {
    /*height: 100%;*/
    font-family:Verdana,sans-serif; 
    font-size:12px; 
    line-height:1.4;
    background-color:#292929;
    border:0;
    scrollbar-base-color:#333;
    scrollbar-3d-light-color:#FFFFFF;
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-darkshadow-color:#000000;
    scrollbar-face-color:#333;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-shadow-color:#000000;
    scrollbar-track-color:#444;
}

#page    { /* container der site */
    width:1024px;
    /*padding:0px;
    margin-left: auto;
    margin-right: auto;*/
    margin:auto;
}

#page-content    { /* innerer container der site */
    /*padding:0px;
    padding-left:54px;;
    padding-right:37px;;*/
    /*margin:auto;*/
    /*width:689px;*/
}

#header { /* Header container */
    display:none;
}
#header-content {  /*innerer Header container*/
    display:none;
}

#navigation {  /*Top Navigation*/
    background-image: url(img/head.gif);
    background-repeat: no-repeat;
    margin:auto;
    width:974px;
    height:110px;
}
body.en #navigation {
    background-image: url(img/head_eng.gif);
}
#navigation-content { /*Top Navigation innen */
    padding: 81px 15px 0 0;
}
#navigation ul {
    list-style: none;
    margin-left:30px;
    height:28px;
}
#navigation ul li {
    float:left;
    background-image: url(img/reiter_rot_a.gif);
    margin:0;
    padding:0;
    height:26px;
}
#navigation ul li a {
    display:block;
    padding:5px 13px 0 13px;
    color:#000;
    font-weight: bold;
}
#navigation ul li a:hover {
    color:#fff;
}
#navigation ul li.selected {
    background-image: url(img/reiter_rot_b.gif);
}
#navigation ul li.selected a {
    color:#fff;
}
#body { /*Rumpf container */
    width:946px;
    margin:auto;
    background-image: url(img/body.gif);
    background-repeat: repeat-y;
    padding-left: 14px;
    padding-right:14px;
    color:#fff;
}

#body-content { /*innerer Rumpf container */
    background-color:#3E3E3E;
    overflow:hidden;
}

#search-container {
    height:30px;
    padding-left:600px;
}
#search-container input {
    border:1px solid #565656;
    background-color: #262626;
    color:#fff;
}
#search-container button {
    border:0 none;
    background-color:#3E3E3E;
    color:#757575;
}

#col1{   /* erstes HTML div tag (linke Spalte) */
    float:left;
    width:227px;
}
#col1-content {  /*erstes HTML div tag innerer container (linke Spalte) */
    padding: 30px 16px 32px 16px;
}
#col1-inner {
    background-color:yellow;
}
#col2 { /*zweiter HTML div Tag (rechte Spalte) */
    display:none; 
}
#col2-content { /*zweiter HTML div Tag innerer container (rechte Spalte) */ 
  display:none;
}

#col3 { /* dritter HTML div tag ( Content ) */
  margin-left:227px;
  margin-right:0px;
  /*min-height:400px; */
  /*padding:5px 10px;*/
}
#col3-content  { /* dritter HTML div tag innerer container ( Content ) */
    overflow: hidden;
    zoom:1;
}
/* Hack für 3-Pixel-Jog Bug IE < 7 Windows Hides from IE-mac \*/
* html #col3 {height: 1%;}       
* html #col1 {margin-right: -3px;}
* html #col3 { margin-left: 224px;} 
/** html em {font-style:normal;font-size:11px;color:#eee}*/
* html em {font-family:serif;font-style: normal;}
/* Ende Hack für 3-Pixel-Jog Bug */
/*-----------------------------------------------------------------------------------------------------*/
#content {  /* Inhalt */
    overflow:hidden;
    zoom:1;
}

#footer { /*Footer container */
    background-image: url(img/foot.gif);
    background-repeat: no-repeat;
    background-position: left -14px;
    padding-top:32px;
    padding-bottom:10px;
    width:974px;
    margin:auto;
}
#footer-content { /* Footer innerer container */
    text-align:center;
    color:#777; 
    font-size:11px;
}
#footer-content a {
    color:#777;
    font-size:11px;
}
/* Layout Ende */
#footer .spacer {
    padding-left:5px;
    padding-right:5px;
}
/*
  sonstige Einstellungen
*/
.content-info {
    height:30px;
}
.reiter-home {
    background-image: url(img/reiter_schwarz_homepage.gif);
    background-repeat: no-repeat;
    height:25px;
}
.reiter-links {
    background-image: url(img/reiter_schwarz_links.gif);
    background-repeat: no-repeat;
    padding-left:6px;
    height:26px;
}
.first .reiter-links {
    background-image: url(img/reiter_schwarz_homepage.gif);
}
.reiter-rechts {
    background-image: url(img/reiter_schwarz_rechts.gif);
    background-repeat: no-repeat;
    background-position: right 0;
    padding-right:6px;
    height:26px;
}
.tab-control {
    z-index:        1;
    white-space:    nowrap;
    height:            26px;
    background-image: url(img/reiter_grau_links.gif);
    background-repeat: no-repeat;
}
.tab-control ul {
    list-style-type: none;
    white-space: nowrap;
    height:26px;
    margin:0;
    padding:0;
}
.tab-control ul li {
    padding:0;
    margin:0;
    cursor:            Default;
    display:        inline;
    /*margin:            1px -5px 1px 5px;*/
    float:            left;
    
    /*cursor:            hand;*/
    /*cursor:            pointer;*/
    
    z-index:        2;
    position:        relative;
    height:26px;
}
* html .tab-control ul li {
    width:1%;
}
.tab-control ul li.selected {
    background-color: #000;
    color:#fff;
} 
.tab-control ul li a {
    color:#777;
    padding:4px 20px 0 20px;
    display:block;
}
.tab-control ul li.selected a{
    color:#fff;   
}
.tab-control ul li a:hover{
    color:#fff;   
}
.box-top {
    background-image: url(img/schwarz_oben.gif);
    background-repeat: no-repeat;
    width:196px;
    height:10px;
    overflow:hidden;
}
.box-middle {
    background-image: url(img/schwarz_mitte.gif);
    background-repeat: repeat-y;
    width:184px;
    /*padding-top:5px;*/
    overflow:auto;
    padding-left:7px;
    padding-right:7px;
    margin:0;
}
.box-middle .letters{
    height:43px;
}
.box-bottom {
    background-image: url(img/schwarz_unten.gif);
    background-repeat: no-repeat;
    width:196px;
    height:10px;
    clear: both;
}
.box-middle .letter {
    width:14px;
    float:left;
    text-align:center;
    padding:3px 0;
    font-size: 11px;
    display:block; 
}
.box-middle a.selected {
    text-decoration: underline;
    color:#f00;
}
.box-middle span.not-exists {
    color:#777;
}
.box-gray-top {
    background-image: url(img/grau_oben.gif);
    background-repeat: no-repeat;
    width:196px;
    height:10px;
    overflow:hidden;
}
.box-gray-middle {
    background-image: url(img/grau_mitte.gif);
    background-repeat: repeat-y;
    width:182px;
    /*padding-top:5px;*/
    padding-left:7px;
    padding-right:7px;
    /*border:1px solid red;*/
    margin:0;
}
.termine {
    text-align:center;
    font-size:11px;
    color:#ce9e5d;
}
.box-gray-bottom {
    background-image: url(img/grau_unten.gif);
    background-repeat: no-repeat;
    width:196px;
    height:10px;
    clear: both;
}
.content-container {
    background-color:#000;
    color:#fff;
    background-repeat: no-repeat;
    border-left:1px solid #515151;
    zoom:1;
    padding:16px 16px 16px 16px;
}
.content-container hr {
    height:1px;
    line-height:1px;
    color:#515151;
    background-color:#515151;
}
.content-container hr.left {
    width:180px;
}
.artists-list a {
    color: #ce9e5d;
}
.ord-nr {
    color:#777;
    padding-top:5px;
    
}
.thumb-list {
    overflow:hidden;
    zoom:1;
}
.thumb-list-control {
    margin-top:3px;
}
.thumb-list a, .privnext a, .thumb-list-control a {
    border:1px solid #515151;
    display:-moz-inline-box;
    display:inline-block;
}
.thumb-list a:hover, .privnext a:hover, .thumb-list-control a:hover {
    border:1px solid #fff;
}
.miniature-thumb {
    padding:3px;  
    /*
    margin-right:8px;
    margin-top:8px;*/
    /*
    width:95px;
    height:125px;
    */
}
.thumb-list-control {
    overflow:hidden;
    white-space: nowrap;
    zoom:1;
}
.miniature {
    overflow:hidden;
    padding:10px 0;
}
.miniature .miniature-left {
    float:left;
    width: 200px;
}
.miniature .miniature-right {
    margin-left:200px;
    padding:0 20px 10px 0;
}
.kuenstler {
    overflow:hidden;
    padding:10px 0;
}
.kuenstler .kuenstler-left {
    float:left;
    width: 200px;
}
.kuenstler .kuenstler-right {
    margin-left:10px;
    padding:0 20px 10px 0;
    height:400px;
    overflow:auto;
}
.detail {
    overflow:hidden;
    padding:10px 0;
}
.detail .detail-left {
    float:left;
    width: 400px;
}
.detail .detail-right {
    margin-left:10px;
    padding:0 20px 10px 0;
    height:400px;
    overflow:auto;
}
.detail .detail-right br {
    line-height:10px;
}
a {
    text-decoration: none;
    color:#fff;
}
h1 {
    color:#ce9e5d;
    font-size:16px;
}
h2 {
    color:#ce9e5d;
    font-size:14px;
}
h3 {
    color:#ce9e5d;
    font-size:12px;
}
hr {
    margin-top:3px;
    margin-bottom:5px;
}
.pages-controller .content-container {
    padding:0 20px 10px 10px;
}
.clear {
    clear: both;
}
#col1-content li a {
    color:#9b9b9b;
    font-weight:bold;
}
#col1-content li li a {
    font-weight:normal;
}
#col1-content li a:hover {
    color:#fff;
}
#col1-content ul, #col1-content li{
    list-style: none;
    margin:0;
    padding:0;
}
#col1-content li {
    padding:5px 0 5px 5px;
}
#col1-content li li {
    padding-left:20px;
}
#col1-content li p {
}
#col1-content li li.selected, 
#col1-content li li.selected a,
#col1-content .artists-list li.selected, 
#col1-content .artists-list li.selected a,
#col1-content .left-menu li.selected, 
#col1-content .left-menu li.selected a
{
    background-color:#292929;
    color:#fff;
}
#zoom-container {
    width:650px;
    height:400px;
    overflow: hidden;
    position:relative;
    clip:rect(0,650px,400px,0); 
}
#zoom-image {
    position:relative;
    top:0;
    left:0;
    cursor:move;
}
#zoom-info {
    padding-bottom:5px;
}
table.privnext td {
    padding:0 10px;
}
table.privnext {
    margin-top:5px;
}
#col1-content a#leuchttisch {
    display:block;
    background-image: url(img/leuchttisch_gross_ab.gif);
    background-repeat: no-repeat;
    height:41px;/*Höhe 46px */  
    width:196px;
    color:#ce9e5d !important;
    text-align:center;
    padding-top:5px; /*Höhe 46px */
    font-weight:bold;
}
#col1-content a#leuchttisch:hover {
    background-position:0 -46px;
}
#content a#leuchttischAdd {

    display:block;
    background-image: url(img/leuchttisch_klein_ab.gif);
    background-repeat: no-repeat;
    height:23px;/*Höhe 26px */  
    width:188px;
    color:#ce9e5d !important;
    text-align:center;
    padding-top:3px; /*Höhe 26px */
    font-weight:bold;
}
#content a#leuchttischAdd:hover {
    background-position:0 -26px;
}
#lighttable-subimage-container-left, 
#lighttable-subimage-container-right {
    position:absolute;
    top:5px;
    height:25px;
    width:120px;
}
#lighttable-subimage-container-left {
    left:150px;
}
#lighttable-subimage-container-right {
    right:150px;
}
#lighttable-container {
    position:absolute;
    top:0;
    left:0;
    display:none;
    background-color:#000;
}
#lighttable-container h1 {
    text-align:center;
    padding:10px 0 0 0;
}
#lighttable-close-button {
    width:100px;
    height:26px;
    border:0;
    padding:0;
    margin:0;
    background-image: url(img/schliessen_ab.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-align:center;
    cursor: pointer;
    position:absolute;
    top:10px;
    right:10px;
}
#lighttable-close-button.over {
    background-position: 0 -26px;
}
#lighttable-close-button div {
    padding-top:4px;
    color:#ce9e5d;  
}
#lighttable {
    table-layout: fixed;
    width:100%;
}
#lighttable-footer table {
    margin-top:3px;
}
#lighttable-command {
    height:20px;
}
#lighttable-command td {
    padding-bottom:5px;
}
#lighttable-scroll-left,#lighttable-scroll-right {
    width:20px;
    height:120px;
    background-repeat: no-repeat;
    background-position: center;
}
#lighttable-scroll-left {
    background-image:url(img/pfeil_links_b.gif);
}
#lighttable-scroll-right {
    background-image:url(img/pfeil_rechts_b.gif);
}
#lighttable-images, #lighttable-footer {
    height:140px;
    width:100%;
}
#lighttable-images {
    white-space: nowrap;
    overflow:hidden;
}
#lighttable-footer-td {
    padding-top:3px;
}
#lighttable-footer {
    table-layout: fixed;
}
#lighttable-footer td {
    overflow:hidden;
    height:140px;
    vertical-align: top;
}
#lighttable-left-image, #lighttable-right-image {
    width:340px;
    height:340px;
    overflow:hidden;
    background-color: #000;
    /*clip:rect(0,340px,340px,0);*/
    position:relative; 
    border:2px solid #444;
}
#lighttable-left-image.over, #lighttable-right-image.over {
    border:2px solid #777777;
}
#lighttable-left-image img, #lighttable-right-image img {
    position:relative;
}
img.lighttable-image {
    border:1px solid #777777;
    padding:3px;
    margin-right:3px;
}
#lighttable-image-remove {
    border:1px solid #000;
    padding:3px;
    width:95px;
    height:125px;
    background-image: url(img/trash_a.gif);
}
#lighttable-image-remove.over {
    background-image: url(img/trash_b.gif);
}
.lighttable-help {
    text-align: center;
    color: #fff;
}
#zoom-slider-container {
    padding:5px 0;
    background: #000;
    width:648px;
    margin: 0 auto;
}
#zoom-slider {
    background-image:url(img/schieberegler_slot.gif);
    background-repeat:no-repeat;
    height: 26px;
    width: 648px;
    position:relative;
}
#zoom-knob {
    position:relative;
    height: 26px;
    width: 24px;
    background-image:url(img/regler_a.gif);
    z-index: 50;
}
#zoom-knob.over {
    background-image:url(img/regler_b.gif);
}

button.img-button {
    width:19px;
    height:25px;
    border:0 none;
    padding:0;
    margin:0;
    margin-right:3px;
    background-image: url(img/but_ansichten.jpg);
    background-position: 0 0;
}
button.img-0 { background-position:0 0; }
button.img-0-selected { background-position:0 -32px; }
button.img-1 { background-position:-24px 0; }
button.img-1:hover { background-position:-24px -32px; }
button.img-1-selected { background-position:-24px -32px; }
button.img-2 { background-position:-48px 0; }
button.img-2:hover { background-position:-48px -32px; }
button.img-2-selected { background-position:-48px -32px; }
button.img-3 { background-position:-72px 0; }
button.img-3:hover { background-position:-72px -32px; }
button.img-3-selected { background-position:-72px -32px; }
button.img-4 { background-position:-96px 0; }
button.img-4:hover { background-position:-96px -32px; }
button.img-4-selected { background-position:-96px -32px; }
button.img-5 { background-position:-120px 0; }
button.img-5:hover { background-position:-120px -32px; }
button.img-5-selected { background-position:-120px -32px; }

.load-indicator {
    background-image:url(img/indicator_big.gif);
    width:32px;
    height:32px;
}