/*
Elemente
*/

* {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

h1 {
    font-family: Georgia, Trebuchet MS, sans-serif;
    font-size: 15pt;
    padding-bottom: 10px;
    border-bottom: 2px solid green;
}

h2 {
    font-family: Georgia, Trebuchet MS, sans-serif;
    font-size: 11pt;
    padding-bottom: 0px;
    margin-bottom: 15px;
    margin-top: 15px;
    color: #555555;
}

h3 {
    font-family: Georgia, Trebuchet MS, sans-serif;
    font-size: 10pt;
    padding-bottom: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #555555;
}

p {
    font-family: Georgia, Trebuchet MS, sans-serif;
    font-size: 10pt;
    line-height: 1.4;
    color: #555555;
    text-align: justify;
    margin-top: 15px;
    margin-bottom: 15px;
}

table, tr, td {
    font-family: Georgia, Trebuchet MS, sans-serif;
    font-size: 10pt;
    line-height: 1.4;
    color: #555555;
}

body {
    margin: 0;
    padding: 0;
    background-color: #EACD7F;
    background-image: url('../img/body_bg2.jpg');
    background-repeat: repeat-y;
    background-position: top center;
}

a, a:link, a:hover {
    font-family: Georgia, Trebuchet MS, sans-serif;
    color: #987614;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

/*
Layout
*/

div#page {
    position: relative;
    margin: 0 auto;
    width: 900px;
    height: 100%;
    padding: 0;
}

div#head {
    position: absolute;
    height: 249px;
    width: 100%;
    background-image: url('../img/header.png');
    background-repeat: no-repeat;
    background-position: top left;
    z-index: 99;
}

a#homelink {
    width: 900px;
    height: 160px;
    position: absolute;
    display: block;
    z-index: 101;
}

div#topline {
    position: absolute;
    top: 249px;
    left: 0px;
    height: 14px;
    width: 100%;
    background-image: url('../img/header_bg.jpg');
    background-repeat: repeat-x;
    background-position: top left;
    z-index: 88;
}

div#menucontainer {
    height: 44px;
}

table#menu {
    background-image: url('../img/menu_bg.jpg');
    background-repeat: no-repeat;
    background-position: top-left;
    height: 44px;
    width: 517px;
    margin: 0;
    padding: 0;
}

table#menu td {
    height: 44px;
    margin: 0;
    padding: 0;
    text-align: center;
    border-right: 1px solid #CAB772;
}

table#menu td img {
    margin: 0;
    padding: 0;
    height: 44px;
}

div#menulinks {
    left: 93px;
    top: 160px;
    position: absolute;
    z-index: 111;
    height: 44px;
    width: 517px;
}

div#menulinks a {
    width: 50px;
    height: 44px;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

div#main {
    position: absolute;
    top: 160px;
    left: 93px;
    width: 517px;
    background-color: #FFFFFF;
    z-index: 88;
    height: auto;
}

ul#pic {
    width: 479px;
    height: 233px;
    z-index: 95;
    list-style: none;
}

ul#pic li {
    width: 479px;
    margin-left: 19px;
    margin-top: 19px;
    height: 233px;
}

div#picborder {
    left: 0;
    position: absolute;
    width: 517px;
    height: 233px;
    overflow: hidden;
    z-index: 99;
    background-image: url('../img/pic_border.png');
    background-position: top left;
    background-repeat: no-repeat;
}

div.smallpic, div.smallpicleft {
    width: 148px;
    height: 110px;
    position: relative;
    overflow: hidden;
}

div.smallpic a, div.smallpic div {
    cursor: hand;
}

div.smallpicleft {
    float: left;
}

div.smallpicborder {
    left: 0;
    width: 148px;
    height: 110px;
    position: absolute;
    background-image: url('../img/pic_small_border.png');
    background-position: top left;
    background-repeat: no-repeat;
    z-index: 99;
}

div.smallpicborder img, div.smallpic img, div.smallpicleft img {
    height: 128px;
}

div#container {
    position: absolute;
    top: 259px;
    left: 0;
    width: 517px;
    background-color: #FFFFFF;
}

div#content {
    position: relative;
    margin: 19px;
    background-color: #FFFFFF;
}

div#footer {
    bottom: 0;
    width: 517px;
    background-color: #ECD170;
}

table.footer {
    width: 100%;
}

table.footer tr td {
    padding: 3px;
    color: #987614;
    font-size: 9pt;
}

div#footer a, div#footer a:link {
    font-family: Georgia, Trebuchet MS, sans-serif;
    font-size: 8pt;
    line-height: 1.4;
    color: #987614;
    text-decoration: underline;
}

div#footer a:hover {
    text-decoration: none;
}

div#side {
    position: absolute;
    top: 280px;
    left: 610px;
    width: 180px;
    padding: 10px;
    /*background-color: #FFF8A3;*/
    background-color: #FFF2B4;
    border: 1px solid #DED889;
    background-image: url('../img/seite_bg.jpg');
    background-position: bottom left;
    background-repeat: no-repeat;
}

div#side p {
    text-align: center;
    color: #987614;
    font-size: 9pt;
}

div#side a, div#side a:link, div#side a:hover {
    line-height: 1.6;
}

div#maincontent {
    margin: 0;
    padding: 0;
    width: 480px;
}

div#left {
    float: left;
    width: 330px;
}

div#left-noimages {
    float: left;
    width: 479px;
}

div#right {
    float: left;
    width: 149px;
}

div#edit {
    height: 30px;
    width: 100%;
    background-color: #888888;
    border-bottom: 1px solid #333333;
    text-align: right;
}

div#editcontent {
    text-align: right;
    padding: 5px;
}

div.formcontainer {
    width: 100%;
}

form hr {
    border-top: 1px dashed #888888;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    height: 1px;
}

div.formcontainer div.formleft, div.formcontainer div.formright {
    width: 239px;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
}

div.formcontainer div.formfull {
    width: 450px;
    margin-bottom: 10px;
    margin-top: 10px;
}

div.formcontainer label {
    display: block;
    width: 100%;
    font-family: Georgia, Trebuchet MS, sans-serif;
    font-size: 10pt;
    line-height: 1.4;
    color: #888888;
    height: 20px;
}

div.formcontainer input.text {
    width: 200px;
    font-family: Georgia, Trebuchet MS, sans-serif;
    font-size: 10pt;
    padding: 2px;
    margin-bottom: 7px;
    border: 1px solid #888888;
}

div.formcontainer select {
    width: 200px;
    font-family: Georgia, Trebuchet MS, sans-serif;
    font-size: 10pt;
    padding: 2px;
    margin-bottom: 7px;
}

div.formcontainer input.button {
    background-color: #ECD170;
    border: 1px solid #987614;
    color: #987614;
    padding: 3px;
    margin: 0;
    font-family: Georgia, Trebuchet MS, sans-serif;
    font-size: 10pt;
}

div.formcontainer .formerror {
    background-color: #FFC9CB;
}

div.formcontainer textarea {
    font-family: Georgia, Trebuchet MS, sans-serif;
    font-size: 10pt;
    border: 1px solid #888888;
    width: 444px;
    height: 100px;
    padding: 2px;
}

/*
Klassen
*/

.clear {
    clear: both;
    line-height: 1px;
    height: 1px;
}

.right {
    text-align: right;
}

td.bottom {
    border-bottom: 1px solid #555555;
}

td.histdate {
    font-size: 12pt;
}

div.left table tr td {
    padding: 5px;
}

div.left table.nopadding tr td {
    padding-left: 5px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}

p.error {
    border: 1px solid #EB0043;
    background-color: #FFC9CB;
    color: #EB0043;
    padding: 5px;
}

/*
Blaetter
*/

div#blatt1 {
    position: absolute;
    top: 220px;
    left: 15px;
    background-image: url('../img/blatt_1.png');
    background-repeat: no-repeat;
    width: 76px;
    height: 77px;
    z-index: 100;
}

div#blatt2 {
    position: absolute;
    top: 230px;
    left: 615px;
    background-image: url('../img/blatt_2.png');
    background-repeat: no-repeat;
    width: 79px;
    height: 79px;
    z-index: 100;
}

div#blatt3 {
    position: absolute;
    top: 230px;
    left: 765px;
    background-image: url('../img/blatt_3.png');
    background-repeat: no-repeat;
    width: 101px;
    height: 104px;
    z-index: 100;
}