* {
    margin: 0;
    padding: 0;
}

body {
    vertical-align: top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    background-color: #333333;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    font-size: small;
}


/*/////////////////////////////////
// Paragraphs and Links          //
/////////////////////////////////*/

p {
    font-family: inherit;
    font-size: inherit;
    text-align: left;
    margin: 10px 20px;
}

h1 {  /* Seitentitel */
    font-size : 150%;
    font-weight: bold;
    text-align: center;
    margin: 20px;
}

h2 {  /* Titel */
    font-size : 120%;
    font-weight: bold;
    text-align: center;
    margin: 24px;
}

h3 {  /* Untertitel */
    font-size : 100%;
    font-weight: bold;
    text-align: center;
    margin: 20px;
}

p.uebertitel {  /* über Titel */
    font-size: inherit;
    font-weight: normal;
    text-align: center;
    margin: 20px;
}

p.unterschrift {  /* Unterschrift u.ä. */
    font-size: 90%;
    font-weight: normal;
    font-style: oblique;
    text-align: right;
    margin: 20px;
}

.copyrightText {
   text-align: center;
   font-size: 100%;
}

a {
    color: #000000;
    text-decoration: underline;
}

a:visited {
    color: #6677AA;
}

a:hover {
    color: #445588;
    text-decoration: none;
}

/*////////////////////////////////////////////
// Textarea / Textblock, Basic Definitions  //
////////////////////////////////////////////*/

div.textarea {
    position: absolute;
    top: 70px;
    left: 20px;          /* left: will be corrected in specific CSS-files */
    width: 450px;
/*  width: 40%;          relative or
    min-width: 420px;    min/max-width would be better
    max-width: 500px;    but doesn't work ::::( */
}

div.textblock {
    margin-bottom: 40px;
    width: 100%;
    padding: 4px;
    background: #FFFFFF;
    border: 2px solid #AAAAAA;
    border-bottom: 2px solid #BBBBBB;
    border-right: 2px solid #CCCCCC;
}

/*///////////////////////////////////
// Tables, Basic Definitions       //
///////////////////////////////////*/

table {
    width: 100%;
    border: none;
    vertical-align: top;
}

td {
    vertical-align: top;
    font-family : inherit;
    font-size: inherit;
}

/*///////////////////////////////////
// Menues                          //
///////////////////////////////////*/

div#menuback {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    overflow: hidden;
    background-color: #333333;
    z-index: 1;
}

div#menuback p {
    margin: 0px;
    padding: 0px;
}

div#menuback a {
    float: left;
    display: block;
    margin: 11px 4px 0px 4px;
    padding: 6px 10px 7px 10px;
    border: 2px solid #AAAAAA;
    border-bottom: 2px solid #777777;
    border-right: 2px solid #999999;
    background-color: #EEEEEE;
    font-size: 100%;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}

div#menuback a:visited {
    color: #333333;
}

div#menuback a:hover {
    background-color: #CCCCCC;
}

div#menuback a#home {
    margin: 7px 20px 0px 20px;
    font-size: 140%;
    border: 2px solid #CCCCCC;
    border-bottom: 2px solid #777777;
    border-right: 2px solid #999999;
    background-color: #555555;
    color: #EEEEEE;
}

div#menuback a#ghome {         /* Galleries-Button in Galleries */
    margin: 7px 8px 0px 10px;
    font-size: 140%;
}

div#menuback a#here {
    margin-top: 10px;
    font-size: 120%;
}


/*///////////////////////////////////
// Buttons for                     //
// < Back, ^ Top, More >           //
///////////////////////////////////*/

div.button {
    margin: 8px;
    height: 22px;
}

div.button a {
    float: right;
    display: block;
    padding: 2px 4px 2px 18px;
    border: 2px solid #333333;
    border-bottom: 2px solid #777777;
    border-right: 2px solid #999999;
    background-color: #EEEEEE;
    background-position: left;
    background-repeat: no-repeat;
    font-size: 90%;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}

div.button a:visited {
    color: #333333;      /* no color change when visited */
}

div.button a:hover {
    background-color: #CCCCCC;   /* same as menu-buttons! */
}

a.back {
    background-image: url(back.gif);
}

a.top {
    background-image: url(top.gif);
}