﻿/* Allgemeine Angaben */
html, body, form {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    font: normal normal normal 14px 'Corbel', sans-serif;
    color: rgb(80, 80, 80);
    background-color: rgb(250, 250, 250);
}
form {
    background-color: rgb(255, 255, 217);
}
h1 {
    font-weight: bold;
    font-size: 18px;
    margin: 0px 0px 12px 0px;
    padding: 0px;
}
p {
    margin: 0px 0px 8px 0px;
    padding: 0px;
}
.Signatur {
    font: normal normal normal 30px 'Edwardian Script ITC', bold;
    margin: 16px 0px 8px 0px;
    color: rgb(0, 0, 102);
}

/* Verweise (Links) */
a {
    color: rgb(0, 0, 102);
}
a:link, a:visited, a:focus, a:active {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* Äußerer Rahmen mit Schatten */
#Border {
    width: 980px;   /* Breite mit Rahmen und Schatten */
    height: 570px;   /* Höhe mit Rahmen und Schatten */
    position: absolute;
    padding: 0px;
    margin: -285px 0px 0px -490px;   /* top, left und margin positionieren den Rahmen in der Mitte */
    top: 50%;
    left: 50%;
    background-image: url('Images/Main.gif');
}

/* Innerer Bereich mit Logo */
#Main {
    margin: 21px;
    background: url('Images/index.jpg') no-repeat 0px 0px rgb(255, 255, 217);
    width: 938px;   /* Breite ohne Rahmen und Schatten (Schatten 2 x 20px, Rahmen 2 x 1px) */
    height: 528px;   /* Höhe ohne Rahmen und Schatten (Schatten 2 x 20px, Rahmen 2 x 1px) */
}

/* Menüzeile (nicht der Bereich über dem Bild) */
#Menu {
    position: absolute;
    top: 121px;
    left: 199px;   /* Positioniert die Menüzeile neben dem Bild */
    width: 760px;   /* Breite der Menüzeile */
    height: 30px;
    background: url('Images/Menu.gif') repeat-x;
}

/* Inhaltsbereich */
#Content {
    position: absolute;
    top: 130px;
    left: 178px;   /* Beginn des Inhalts neben dem Bild */
    padding: 22px;
    margin: 20px;
    width: 716px;
    height: 354px;
}

/* Logo über der Menüzeile */
#Logo {
    position: absolute;
    left: 512px;
}

/* Sprachwähler */
#Flags {
    position: absolute;
    top: 130px;
    /*left: 30px;*/   /* Positionierung links neben Menü */
    right: 26px;   /* Positionierung rechts neben Menü */
    z-index: 2;
}
#Flags img {
    margin-right: 1px; /* original 6px*/
    border-style: none;
}

/* Menüzeile */
#Menu {
    margin: 0px auto auto 0px;
    padding: 0px;
    z-index: 1;
}
#Menu ul {
    margin: auto auto auto 22px;
    padding: 0px;
}
#Menu li {
    margin: 6px 12px 0px 0px; /* original 6px 16px */
    padding: 0px;
    list-style: none;
    float: left;
    font-size: 15px;
    color: rgb(100, 100, 100);
}
#Menu a {
    text-decoration: none;
    color: rgb(100, 100, 100);
}
#Menu a:hover {
    text-decoration: underline;
    color: rgb(100, 100, 100);
}
#Menu a.Selected {
	    color: rgb(20, 20, 20);
}
#Menu a.Selected:hover {
    color: rgb(20, 20, 20);
}

/* Vorschaubilder */
img.Preview {
    position: absolute;
    top: 246px;
    width: 132px;
    height: 132px;
    border: solid 1px rgb(100, 100, 100);
}

/* Großes Bild */
img.Fullsize {
    position: absolute;
    top: 40px;
    left: 484px;
    width: 254px;
    height: 338px;
    border: solid 1px rgb(100, 100, 100);
}

/* Kontaktformular */

fieldset {
background-color: rgb(255, 255, 217);
}
ul.Contact {
    margin: 0px;
    padding: 0px;
}
ul.Contact li {
    list-style-type: none;
    padding: 5px 5px 5px 0px;
    margin: 0px;
}
ul.Contact label {
    display: -moz-inline-box;
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
}
ul.Contact input.TextBox {
    width: 160px;
}
ul.Contact input.Button {
    font: normal normal normal 14px 'Corbel', sans-serif;
}
ul.Contact label span {
    display: block;
    width: 90px;
}
ul.Contact textarea {
    width: 460px;
    height: 120px;
}
fieldset legend {
    font-weight: bold;
}

