/* This is the main screen style */

/* BASICS */
body {
    background-color:               #000000;
    color:                          #a1a1a1;
    font-size:                      12px;
    margin-top:                     55px;
    margin-bottom:                  55px;
}
h1, h2, h3 {
    background-color:               #000000;
    color:                          #d5ae15;
    font-size:                      12px;
}
p.small, #footer, #copyright {
    font-size:                      10px;
}

/* MAIN CONTAINER */
#container {
    background-color:               #ffffff;
    color:                          #000000;   
}

/* BASIC IDs */
#copyright {
    background-color:               #333333;
    color:                          #8d8d8d;
}
#footer, #header, #footer a:hover, #footer a.active {
    background-color:               #000000;
    color:                          #ffffff;
    text-decoration:                none;
}
#footer a:link, #footer a:active, #footer a:visited {
    background-color:               #000000;
    color:                          #ffffff;
}
#fotos, #header, #title {
    background-position:            0px 0px;
}
#fotos, #title {
    background-repeat:              no-repeat;
}
#fotos {
    background-image:               url('./../img/fotos.jpg');
    height:                         93px;
}
#header {
    background-image:               url('./../img/title_bg.gif');
    background-repeat:              repeat-x;
}
#title {
    background-image:               url('./../img/title.gif');
    height:                         53px;
}

/* PAGE IDs */
/* page fotos */
div#page_fotos .box1, div#page_fotos .box2, div#page_fotos .box3 {
    overflow:                       hidden;
    width:                          222px;
}
div#page_fotos div.img {
    border:                         1px solid #ffffff;
}
/* page index */
div#page_index .box1, div#page_index .box3 {
    width:                          213px;
}
div#page_index .box2 {
    border-left:                    1px solid #333333;
    border-right:                   1px solid #333333;
    width:                          212px;
}
/* page impressum */
div#page_impressum .box1 {
    border-right:                   1px solid #333333;
}
div#page_impressum .box1, div#page_impressum .box2 {
    width:                          339px;
}

div#page_otone .box1 {
    border:                         none;
    width:                          700px;
}
div#page_otone .box1 td, div#page_otone .box1 th { 
    padding-left:                   10px;
    padding-right:                  10px;
    vertical-align:                 top;
}
div#page_otone .box1 th { 
    background-color:               #000000;
    color:                          #d5ae15;
    font-size:                      12px;
}
div#page_otone .box1 tr.even td {
    background-color:               #000000;
    color:                          #ffffff;
    font-size:                      12px;
}
div#page_otone .box1 tr.odd td {
    background-color:               #000000;
    color:                          #ffffff;
    font-size:                      12px;
}
div#page_otone .box1 tr.over td {
    background-color:               #000000;
    color:                          #ffffff;
    font-size:                      12px;
}
td a:link, td a:active, td a:visited {
    background-color:               transparent;
    color:                          #ffffff;
    font-size:                      12px;
    text-decoration:                underline;
}
td a:hover {
    background-color:               transparent;
    color:                          #f5f5f5;
    font-size:                      12px;
    text-decoration:                none;
}

/* CONTENT CONTAINER */
div.content {
    border:                         none;
    width:                          760px;
}
div.content, div.content a:link, div.content a:active, div.content a:visited {
    background-color:               #000000;
    color:                          #ffffff;
}
div.content a:hover  {
    background-color:               #000000;
    color:                          #8d8d8d;
}
div.content p.small, div.content span.disabled {
    background-color:               #000000;
    color:                          #a1a1a1;
}

/* NAVIGATION PANEL */
#navbar {
    border:                         none;
    background-color:               #ffffff;
    color:                          #a0a0a0;
}
#navbar ul, #navbar ul li {
    font-size:                      12px;
}
#navbar ul li.active, #navbar ul li.active a:link, #navbar ul li.active a:active, #navbar ul li.active a:visited {
    background-color:               #ffffff;
    color:                          #d5ae15;
}
#navbar ul li a:link, #navbar ul li a:active, #navbar ul li a:visited {
    background-color:               #ffffff;
    color:                          #000000;
}
#navbar ul li a:hover, #navbar ul li.active a:hover  {
    background-color:               #ffffff;
    color:                          #d5ae15;
}