/*
Farben:
Hell: dcdcdc
Mittel: 728a72
MittelDunkel: 485948
Dunkel: 1f2f1f

Formatierung in diesem File:
tabs: 3 Leerzeichen
*/

html,body {
   background: #dcdcdc;
   padding: 0;
   margin: 0;
   text-align: center;
   color: #1f2f1f;
}

body {
   font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, Geneva,
      sans-serif;
   font-size: 11px;
}

p {
   margin: 0;
   padding: 0;
}

a.commentLink {
   font-weight: bold;
   font-size: 1.3em;
   text-align: left;
   margin-left: 0;
   padding-left: 0px;
   margin-bottom: 10px;
   display: block;
   color: #728a72;
}

a {
   background: inherit;
   color: #233;
   text-decoration: none;
   padding: 2px 2px 2px 2px;
}

a:hover {
   background-color: #728a72;
   color: #dcdcdc;
   text-decoration: none;
}

textarea,input {
   background-color: #485948;
   border: 1px solid #1f2f1f;
   padding: 1px 3px;
   font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, Geneva,
      sans-serif;
   font-size: 11px;
   color: #dcdcdc;
   vertical-align: middle;
}

input {
   margin: 0px 0px 5px 0px;
}

textarea {
   margin: 3px 0px 5px 0px;
}

#upload {
   color: black;
}

#imageTitleInput {
   background-color: #728a72;
   width: 30%;
}

#imageDescriptionInput {
   width: 60%;
   height: 5em;
}

#imageAnnoButton {
   width: 10%;
}

/* alle Adminzeilen */
#adminImagePane {
   
}

#imageupload {
   border-bottom-style: groove;
   border-bottom-width: thin;
}

#commentPane {
   width: 90%;
   margin: auto;
}

#commentsPageTitle {
   display: block;
   width: 100%;
}

#commentForm {
   width: 100%;
}

#commentImageTitle {
   font-style: oblique;
}

#comments {
   width: 80%;
}

#commentDescriptor {
   font-style: oblique;
   display: block;
}

#userComment {
   margin-left: 2em;
   padding-left: 1em;
   display: block;
   border-left: 2px solid #a0a8a4;
}

#comment {
   margin-top: 2em;
   text-align: left;
}

h1.comment {
   display: block;
   margin-left: 0px;
   margin-right: 0px;
   background-color: #728a72;
   padding-left: 1em;
   padding-top: 0.3em;
   padding-bottom: 0.3em;
   font-size: 1.3em;
   font-weight: bold;
   text-align: left;
}

#commentAuthor,#commentEMail,#commentText {
   display: block;
   margin-left: 10%;
   margin-right: auto;
}

#commentUser {
   font-weight: bold;
}

#commentAuthor {
   width: 40%;
}

#commentEMail,#commentText {
   width: 80%;
}

label {
   display: block;
   text-align: left;
   margin-left: 10%;
}

#commentText {
   height: 20ex;
}

/* eine Zeile admin */
#adminImage,#adminImageInvisible {
   border-bottom-style: groove;
   border-bottom-width: thin;
   margin: 5px;
}

#adminImageInvisible {
   background-color: #93a093;
}

/* bild einer Zeile */
#adminThumb {
   width: 19%;
   /*   height: 100px;*/
   padding-top: 10px;
   float: left;
   margin-top: 10px;
}

#adminThumb a:hover { /*color: #dcdcdc;*/
   background-color: #dcdcdc;
}

#adminThumb img {
   float: right;
   border-style: none;
}

/* text einer Adminzeile */
#adminAnno {
   margin-top: 10px;
   text-align: left;
   padding-left: 20%;
}

#changepasswd {
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}

#menuitem {
   border-right: 1px solid #1f2f1f;
   padding-right: 1ex;
   padding-left: 1ex;
}

/* das letzte menuitem eines Blocks, um hierkeinen schwarzen Strich anzuhaengen*/
#menuitemlast {
   padding-right: 1ex;
   padding-left: 1ex;
}

.submit {
   background-color: #0000ff;
   padding: 0 3px 2px 3px;
   margin: 0;
   height: 22px;
   width: 50px;
   color: #728a72;
}

.submit:hover {
   color: #728a72;
   background-color: #707874;
}

.input_captcha {
   margin: 0 10px 5px 0;
   width: 42px;
}

.check {
   padding: 0;
   margin: 0 0 0 10px;
}

form {
   margin: 0;
   padding: 0;
}

#header {
   margin: 0;
   background-color: #93a093;
   color: #485948;
   padding: 4px 6px;
   border-top: 1px solid #555;
   border-bottom: 1px solid #555;
   height: 1.8em;
   position: relative;
}

#h_left {
   position: absolute;
   text-align: left;
   left: 0px;
   margin-left: 1em;
}

#h_center {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

#h_right {
   position: absolute;
   text-align: left;
   right: 0px;
   margin-right: 1em;
}

#container {
   padding-top: 25px;
   padding-bottom: 25px;
   border: none;
}

#container img {
   border: none;
   color: #dcdcdc;
   background-color: #dcdcdc;
}

#container {
   color: #f5f5f5;
   background-color: inherit;
}

#container  a:hover {
   color: #dcdcdc;
   background-color: #dcdcdc;
}

#date {
   background-color: inherit;
   line-height: 1.4em;
   padding: 0;
   margin: 5px 0 0 0;
   color: #F9E9B9;
   float: left;
   text-align: left;
}

#text {
   background-color: inherit;
   line-height: 1.4em;
   padding: 0 0 0 10px;
   margin: 5px 0 0 10px;
   color: #f5f5f5;
   float: left;
   border-left: 1px solid #a0a5a0;
   width: 330px;
   text-align: left;
}

#exif {
   background-color: inherit;
   line-height: 1.4em;
   padding: 0;
   margin: 5px 0 0 0;
   color: #f5f5f5;
   text-align: left;
   width: 250px;
   float: right;
   color: #959595;
}

.clear {
   clear: both;
}

#annotations {
   margin: 0;
   color: #f5f5f5;
   /*padding: 4px 6px;*/
   padding: 1%;
   width: 38%;
   margin-left: 25%;
}

#imageTitle {
   text-align: right;
   padding: 1%;
   margin: 1%;
   padding-top: 0px;
   padding-right: 2%;
   color: #485948;
   float: left;
   min-height: 1em;
   width: 48%;
   font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, Geneva,
      sans-serif;
   font-size: 22px;
   font-style: italic;
}

#imageDescription {
   border-left: 1px solid #333;
   text-align: left;
   color: #728a72;
   min-height: 2em;
   margin: 1%;
   margin-left: 51%;
   padding-left: 1%;
}

/* archive */
#archivePane {
   display: table;
   margin-left: auto;
   margin-right: auto;
}

#archiveLine {
   display: table-row;
}

#archiveEntry {
   display: table-cell;
   padding: 5px;
}

#archiveEntry a { 
   display: inline-block;
   width: 70px;
   height: 70px;
   overflow: hidden;
   position: relative;
}

#archiveEntry a:hover {
   background-color: #dcdcdc;
}

#archiveEntry img {
   border-style: none;
   position: absolute;
   bottom: 0px;
   left: 0px
}


#thumbImage {
   margin-left: auto;
   margin-right: auto;
   border-style: none;
}

/* about page */

#aboutthepage,#abouttheperson,#abouttheequipment,#aboutthesoftware {
   width: 30%;
   text-align: left;
   margin: 0 auto;
}

/* EOF */