/**  - - - - - - - - - - - - - - - - - - 
* CSS fuer Papageno GmbH
* @author: thomas nimz
* @date_start: 17.04.2008
* @date edit: 22.04.2008
*
- - - - - - - - - - - - - - - - - - - - */
 @charset "ISO-8859-1";

/**
* defaults
*- - - - - - - - - - - - - - - - - - - -*/
* {
    font-family: sans-serif; font-size: 13px;
}

BODY {
    background-color: #336666; margin: 0; overflow: hidden;
}

/**
* Tabelle GLOBAL
*- - - - - - - - - - - - - - - - - - - -*/
.table_global {
    height: 100%; width: 100%; border: 0;
}

.table_global_1 {
    height: 500px; width: 760px; vertical-align: middle; text-align: center;
    border: 0;
}

/**
* Tabelle LINKS
*- - - - - - - - - - - - - - - - - - - -*/
.table_left {
    height: 500px; width: 500px; border: 0px solid blue;
    background-color: #003333;
}

.table_td_left_content {
    vertical-align: middle;
    text-align: center;
}
 
.div_left_content {
    margin:0 auto;
    margin-bottom: 20px;
    border: 0px solid gray;
    width: 427px;
    height: 340px;
    overflow: hidden;
}
.table_scroll_global {
    margin: 0 0 0 20px;
    border: 0px solid gray;
}
 
 
/**
* Tabelle LINKS Startseite
*- - - - - - - - - - - - - - - - - - - -*/
.table_navi {
    position: relative; top: 20px; left: 30px; color : #FF9900;
    width: 400px; color: #FF9900; width : 400px; border: 0;
}

.td_navi_vater {
    border-bottom: 1px solid #FF9900; padding: 6px 0 1px 0;color: #FFF;color: #FF9900;
}
.td_navi_return {
    border-bottom: 0px solid #FF9900; padding: 6px 0 1px 0;color: #FF9900;
}
.td_navi_davor {
    border-bottom: 1px solid #FF9900; 
    padding: 6px 0 1px 0;color: #FF9900;
} 
.td_navi_next {
    border-left: 0px solid #FF9900;
    border-bottom: 1px solid #FF9900; 
    padding: 6px 0 1px 0;color: #FF9900;
}

.div_eintrag {
    margin: 0; padding: 6px 0 1px 40px; border-bottom: 1px solid #FF9900;
    border-left: 1px solid #FF9900;display: block;color: #FF9900;
}

.div_leer {
    margin: 0; padding: 6px 0 1px 50px; border: 0;
    border-left: 1px solid #FF9900;
}
.div_s {
    margin: 0; padding: 3px 0 3px 50px; border: 0;
    border-left: 1px solid #FF9900;
    line-height: 5px;
    font-size: 5px;
}
.div_e {
    margin: 0; padding: 3px 0 3px 50px; border: 0;
    border: 0;
    border-left: 1px solid #FF9900;
    line-height: 5px;
    font-size: 5px;
}
.a_menue_left {
     text-decoration: none;color:#FF9900;
}
.a_menue_left:hover {color:#CCCCCC;}
    
#pic_back {
    border: 0;position: relative;top: 2px;
}    

/**
* Tabelle RECHTS
*- - - - - - - - - - - - - - - - - - - -*/
.table_right {
    height: 500px; width: 500px; border-left: 1px solid #FF9900;
    background-color: #003333;
    margin:0;padding:0;
}
 .scroll_right {
    border:0px solid gray;
    margin: 10px 20px 10px 40px;
 }

/**
* CONTENT Zeugs
*- - - - - - - - - - - - - - - - - - - -*/
.table_td_oben {
    height: 90px; border-bottom: 1px solid #FF9900; overflow: hidden;
}
 
.kmenue {
    color: #FF9900;
    line-height: 20px;
}
.cd {
    color: #FF9900;
}
 

.table_scrollContent_rechts {
    /**margin: 20px 20px 40px 50px;**/
    margin:0;padding:0;
}
 
.pic_rechts {
    border:0;
    margin:0;padding:0;display: inline;
    padding:0;
}

/**
* SCROLLBAR ZEUGS 1
*- - - - - - - - - - - - - - - - - - - -*/
div#scrollbar {
    display: none; /* hide from incapable */
}

div#scrollbar {
    display: block; /* initially display:none; to hide from incapable */
}

div#wn {
    position: relative; width: 255px; height: 310px; overflow: hidden;
}
div#lyr1 {
    width: 259px;color: #FF9900;
}

div#scrollbar {
    position: relative; width: 11px; height: 310px; font-size: 1px;
    /* so no gap or misplacement due to image vertical alignment */
}

div#track {
    position: absolute; left: 0; top: 12px; width: 11px; height: 285px;
    background: /** #003333; **/ none;
}

div#dragBar {
    position: absolute; left: 1px; top: 1px; width: 7px; height: 20px;
    background-color: #003333;
    border: 1px solid #FF9900;
}

div#up  {
    position: absolute; left: 0; top: 0;
}
 
div#down {
    position: absolute; left: 0; bottom: 0;
}
/* for safari, to prevent selection problem  */
div#scrollbar,div#track,div#dragBar,div#up,div#down {
    -moz-user-select: none; -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment

font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display: block;
}
/**
* SCROLLBAR ZEUGS 2
*- - - - - - - - - - - - - - - - - - - -*/
div#scrollbar1 {
    display: none; /* hide from incapable */
    /**background-image: url("./images/bg_scrollbar.gif");
    background-repeat: repeat-y; **/
}

div#scrollbar1 {
    display: block; /* initially display:none; to hide from incapable */
}

div#wn1 {
    position: relative; width: 380px; height: 340px; overflow: hidden;
}
div#lyr2 {
    width: 380px;margin:10px 0 0 0;
    color: #CCCCCC; font-family: sans-serif;
}
div#lyr2 a {
    text-decoration: none;color:#FF9900;font-size: 12px;
}
div#lyr2 a:hover {color:#CCCCCC;}
 
div#lyr2 p{ font-size: 12px;}

div#lyr2 p {margin: 5px 0 15px 0;}
div#lyr2 h1 {margin-bottom:10px;text-decoration: underline;}
div#lyr2 p:first-child, h1:first-child {margin-top:0;}
 
div#lyr2 li{
   list-style-image: url("../img/list.gif");
}
 
div#lyr2 hr {border:0;border-bottom: 1px solid gray;width: 100%;}

div#scrollbar1 {
    position: relative; width: 11px; height: 340px; font-size: 1px;
    /* so no gap or misplacement due to image vertical alignment */
}

div#track1 {
    position: absolute; left: 0; top: 12px; width: 11px; height: 315px;
    background: /** #003333; **/ none;
}

div#dragBar1 {
    position: absolute; left: 1px; top: 1px; width: 7px; height: 20px;
    background-color: #003333;
    border: 1px solid #FF9900;
}
div#up1  {
    position: absolute; left: 0; top: 0;
}
div#down1 {
    position: absolute; left: 0; bottom: 0;
}
/**
* Tabellen im Scroll rechts
*- - - - - - - - - - - - - - - - - - - -*/
div#lyr2 table { border-spacing: 0px; border-collapse: collapse;
    width: 100%;margin-bottom: 10px;}
    
div#lyr2 th { border: 1px solid #FF9900; padding: 3px 3px 3px 8px;
    color:#FF9900;text-align: left;vertical-align: top;font-weight: normal;
}
div#lyr2 .line {border:0;border-bottom:1px dotted #CCCCCC;width: 100%;margin: 20px 0;}
 
div#lyr2 td {border: 1px solid #CCCCCC; padding: 3px 3px 3px 8px;
    text-align: left;color:#CCCCCC;vertical-align: top;
}
div#lyr2 td:first-child {width: 90px;}
div#lyr2 tr + td:first-child {width: 100px;}
 
 
/**
* Einzelformatierungen
*- - - - - - - - - - - - - - - - - - - -*/
table.termin { border-spacing: 0px; border-collapse: collapse;
    width: 100%;margin-bottom: 10px;}

.termin th { border: 1px solid #FF9900; padding: 3px 3px 3px 8px;
    color:#FF9900;text-align: left;vertical-align: top;font-weight: normal;
}
.termin td {border: 1px solid #CCCCCC; padding: 3px 3px 3px 8px;
    text-align: left;color:#CCCCCC;vertical-align: top;
}
 
.termin td:first-child {width: 90px;}
.termin tr + td:first-child {width: 100px;}
 
.rahmen {border:1px solid #CCCCCC;margin: 0 10px 0 0;}
.cover {border:0;margin: 0 10px 6px 0;}
 
/**
* CD Sachen
*- - - - - - - - - - - - - - - - - - - -*/
.div_cd_info {
    position: relative;
    overflow: hidden;
    line-height: normal;
    font-size: 12px;
    color:#CCCCCC;
    margin:0;padding:15px 40px 5px 40px;
}
.div_cd p{ margin:0;padding:0; }

.div_cd .h1_cd {color:#B8B8B9;}