html, body {
    background: #707874;
    padding: 0;
    margin: 0;
    text-align: center;    
    color: #f5f5f5;  
}

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: #c5c5c5;
}

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

a:hover {
    background-color: #707874;
    color: #f5f5f5;
    text-decoration: none;
}

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

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

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

#upload
{
    color : black;
}

#imageTitleInput {
    background-color: #550000;
    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: #a0a8a4;    
    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: #907874;      
}


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

#adminThumb img {
   float: right;
}

/* 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 #606864;
    padding-right: 1ex;
    padding-left: 1ex;
}

.submit {
    background-color: #606866;
    padding: 0 3px 2px 3px;
    margin: 0;
    height: 22px;
    width: 50px;
    color: #F9E9B9;
}

.submit:hover {
    color: #F9E9B9;
    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: #a0a8a4;
    color: #606864;
    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: #f5f5f5;
    background-color: #a0a8a4;
}


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

#container  a:hover, #container_archive a:hover {
    color: #233;    
    background-color: inherit;
}

#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: #c5c5c5;
   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: #a0a8a4;
   min-height: 2em;
   margin: 1%;
   margin-left: 51%;
   padding-left: 1%;

}


#thumbImage {
    margin-left: auto;
    margin-right: auto; 
}

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

#archiveLine {
   display: table-row;
}

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

#archiveEntry a { 
   display: block;
//   position: relative;
   width: 75px;
   overflow: hidden;
}


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

#archiveEntry img {
   border-style: none;
   bottom: 0px;
   left: 0px;
   height: 75px;
   widht: 75px;
}


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