/* This is the main screen style */

/* BASICS */
body {
    background-color:               #ffffff;
    color:                          #000000;
    font-family:                    Arial, Helvetica, sans-serif;
    font-size:                      0.8em;
    margin-top:                     5px;
    margin-right:                   5px;
    margin-left:                    5px;
    margin-bottom:                  5px;
    text-align:                     center;
}
h1, h2, h3, #navbar ul li {
    font-size:                      0.9em;
    font-weight:                    bold;
}
h1, h2, h3, p, form, #navbar ul {
    margin:                         0px;
    padding:                        0px;
}
h1, h2, h3 {
    background-color:               #ffffff;
    color:                          #962020;
}
p.small, #footer, #copyright {
    font-size:                      0.7em;
}

/* MAIN CONTAINER */
#container {
    background-color:               #ffffff;
    color:                          #000000;   
    width:                          770px;
    text-align:                     center;
    margin:                         0px auto;
}

/* BASIC IDs */
#copyright, #footer, #fotos, #header, #navbar {
    float:                          left;
    margin-left:                    5px;
    width:                          760px;
    text-align:                     left;
}
#copyright div.box, #footer div.box {
    padding:                        10px;
}
#copyright {
    background-color:               #333333;
    color:                          #8d8d8d;
}
#footer, #header, #footer a:hover {
    background-color:               #962020;
    color:                          #d2a0a0;
    text-decoration:                none;
}
#footer a:link, #footer a:active, #footer a:visited {
    background-color:               #962020;
    color:                          #d2a0a0;
    text-decoration:                underline;
}
#fotos, #header, #title {
    background-position:            top center;
}
#fotos, #title {
    background-repeat:              no-repeat;
}
#fotos {
    background-image:               url('./../img/fotos.jpg');
    height:                         93px;
}
#header {
    background-image:               none;
}
#title {
    background-image:               url('./../img/title.gif');
    height:                         53px;
}

/* PAGE IDs */
/* page fotos */
div#page_fotos div.box {
    padding-bottom:                 20px;
    padding-left:                   16px;
    padding-right:                  15px;
    padding-top:                    20px;
}
div#page_fotos .box1, div#page_fotos .box2, div#page_fotos .box3 {
    overflow:                       hidden;
    width:                          221px;
}
div#page_fotos .headline {
    padding-bottom:                 0px;
    padding-left:                   16px;
    padding-right:                  15px;
    padding-top:                    20px;
}
div#page_fotos div.img {
    border:                         1px solid #333333;
    height:                         134px;
    overflow:                       hidden;
    margin-bottom:                  5px;
    width:                          220px;
}
div#page_fotos div.img img {
    border:                         none;
    height:                         134px;
    width:                          220px;
}
/* page index */
div#page_index .box1, div#page_index .box3 {
    width:                          212px;
}
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:                          338px;
}

/* CONTENT CONTAINER */
div.content {
    border:                         1px solid #333333;
    float:                          left;
    margin-left:                    5px;
    width:                          758px;
    text-align:                     left;
}
div.content, div.content a:link, div.content a:active, div.content a:visited {
    background-color:               #ffffff;
    color:                          #000000;
}
div.content a:hover  {
    background-color:               #ffffff;
    color:                          #333333;
}
div.content p.small, div.content span.disabled {
    background-color:               #ffffff;
    color:                          #666666;
}
div.content div.box {
    float:                          left;
    padding:                        20px;
}

/* NAVIGATION PANEL */
#navbar {
    background-color:               #ffffff;
    color:                          #a0a0a0;
}
#navbar ul, #navbar ul li {
    font-weight:                    bold;
    list-style:                     none;
}
#navbar ul li {
    float:                          left;
    margin:                         5px;
    padding-right:                  5px;
}
#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:                          #962020;
    text-decoration:                none;
}
#navbar ul li a:link, #navbar ul li a:active, #navbar ul li a:visited {
    background-color:               #ffffff;
    color:                          #000000;
    text-decoration:                underline;
}
#navbar ul li a:hover, #navbar ul li.active a:hover  {
    background-color:               #ffffff;
    color:                          #962020;
    text-decoration:                underline;
}

/* SPACER with clearing */
div.spacer {
    clear:                          both;
    font-size:                      2px;
    height:                         5px;
    overflow:                       hidden;
}