a:link, a:visited { color: #A25A2E; text-decoration: none; } /* #747474 */
a:hover { color: #A25A2E; border-bottom: 1px dashed #A25A2E; text-decoration: none; } /* #E6540C */
a.active:link, a.active:visited { color: #A25A2E; text-decoration: none; }

#header a:link, #header a:visited { color: #FCCF76; }
#header a:hover { color: #FCCF76; border-bottom: 1px dashed #FCCF76; }

* {
    vertical-align: baseline;
}

a img { border: none; }
a:hover img { border: none; }
 
html {
    padding: 0px;
    margin: 0px;
}
 
body {
    /*font-family: Georgia,"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;*/
    font-family:"Lucida Grande",Verdana,sans-serif;
    font-size: 0.8em;
    background-color: #F9F9F0; /*#2E1C1C*/
    color: #211F1E;
    padding: 0px;
    margin: 0px;
}

/**
 * #EAF3FA hell matt 
 * #328AB2 border hover
 * #D54E21 color hover
 * #CEE1EF background
 * #80B5D0 border
 * #224466 color
 */ 
 
/**
 * #FCFBF7
 * 
 * #8D1902
 * #921D02
 * #58564F
 * 
 * #FBF7DA
 * 
 * #443A2E
 * 
 * #58564F
 */

.rightside_show {
    margin-left: 655px;
    padding: 0px;
}

.leftside_show {
    float: left;
    width: 650px;
}

#containerbox {
    margin: 0px;
    padding: 0px;
}

#header {
    /*background-color: #2E1C1C;*/ /*schokoladenbraun*/
    background: #006400 url(neww/header.png) repeat-x;  /*#2E1C1C*/
    border-bottom: 2px solid #FFFFF0; /*perlweiß*/
    padding: 8px 0px;
    height: 58px;
}

#header .hcontainer {
    width: 1000px;
    margin: 0px auto;
    padding: 0px;
}

#header h1 {
    /*font-variant: small-caps;*/
    /*text-transform: lowercase;*/
    font-family: Georgia,"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 2.3em;
    color: #FCCF76; /*#F5F5F5*/
    
    margin: 0px;
    padding: 0px;
    display: inline;
    width: 200px;
    height: 45px;
}

#header h1 a, #header h1 a:hover, #header h1 a:visited {
    color: #FCCF76; 
    border: none; 
    text-decoration: none;
    display: block; 
    width: 200px;
    height: 45px;
    margin: 4px 0px;
}

#header .welcome p {
    font-weight: bolder;
    color: #F5F5F5;
    padding: 0px;
    margin: 0px 0px 4px;
    font-size: 1.05em;
}

#header .welcome {
    text-align: right;
    float: right;
    width: 600px;
    color: #F5F5F5;
    font-weight: bolder;
    margin-top: 5px;
}

#header .welcome input[type="text"], #header .welcome input[type="password"] {
    width: 120px;
    font-size: 0.85em;
}

#header .welcome select {
    height: 23px;
}

#header .welcome input[type="submit"] {
    float: none !important;
    font-size: 0.9em;
}

#header:after {
    clear: both;
    visibility: hidden; 
    content: "'";
    height: 0px;
    width: 0px;
}

#container {
    /*margin: 10px auto;
    width: 1000px;*/
    background-color: #F9FCF0;
    margin: 0px;
    padding: 0px;
}

.picture img, picture a:hover img {
    border: 1px solid #2E1C1C !important;
}

.contentcontainer {
    margin: 0px auto;
    width: 1000px;
    padding: 10px 0px;
    /*-moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    -khtml-border-radius-topleft: 12px;
    -khtml-border-radius-topright: 12px;
    -webkit-border-radius-topleft: 12px;
    -webkit-border-radius-topright: 12px;*/
}

.contentcontainerdiv {
    padding-bottom: 50px;
}

.contentcontainer h2 {
    font-family: Georgia,"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.7em;
    font-style: normal;
    font-weight: normal;
    padding: 10px;
    margin: 0px;
    /*background-color: #550A11;*/ /*#FBF7DA #A2B460 #BDD16F #99A946 #58564F*/
    color: #6B1901; /*#58564F #F5F5F5 #FBF7DA #48560F #58564F*/
    /*-moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    -khtml-border-radius-topleft: 12px;
    -khtml-border-radius-topright: 12px;
    -webkit-border-radius-topleft: 12px;
    -webkit-border-radius-topright: 12px;*/
}

.contentcontainer .content {
    padding: 10px;
}


.content h3 {
    margin: 10px 0px;
    font-size: 1.3em !important;
}

.content > h3 {
    margin: 0px 0px 7px;
}

.content > h3 ~ h3 {
    margin: 10px 0px;
}

.content table {
    margin: 3px auto;
}

.content .picture {
    text-align: center; 
    margin: 3px 0px;
}

.content .picture a {
    border: none; 
}

.content .pic-information {
    padding: 7px 0px 2px 0px;
}

.content .pic-description {
    padding: 4px 4px 6px 4px;
    font-size: 1.1em;
}

.content .pic-uploader {
    padding: 2px 0px 2px 0px; 
    font-weight: bold;
}

.content .pic-uploader table {
    width: 100%;
}

.content .pic-uploader table td {
    vertical-align: middle;
}

.content .pic-uploader table td:last-child {
    padding-left: 3px !important;
}

.content .pic-tags a#addTags {
    font-size: 0.9em;
}

.content .pic-tags #add_tag {
    margin: 0px;
    padding: 0px;
    font-size: 0.8em;
}

.content .pic-tags #add_tag form {
    margin: 0px;
    padding: 0px;
}


.content .pic-tags #add_tag input[type='text'] {
    width: 200px;
}

.content .pic-tags ul#pic-tags-list {
    
}

.content .pic-tags #add_tag input[type='submit'] {
    float: none !important; 
}

.content .pic-tags h3 {
    font-size: 1.2em !important;
    font-weight: bold;
    color: #551104;
    margin: 0px;
    display: inline;
}

.content .pic-tags ul {
    margin: 0px 0px;
    padding: 0px 0px 0px 19px;
}

.content .pic-tags ul li:first-child {
    padding-top: 4px;
}

.content #codes, .content .pic-tags #add_tag {
    background-color: #DCDCCF;
    padding: 2px;
}

.content .pic-codes, .content .pic-share, .content .pic-delete, .content .pic-tags, .content .pic-showfull {
    margin: 8px;
}

.content #codes textarea {
    overflow: hidden;
    height: 40px;
    width: 98%;
    margin: 1px auto;
}

.content a.pic-share-link {
    font-size: 1.2em;
    font-weight: bold;
    color: #551104;
}

.content a.pic-share-link:hover, .content a.pic-share-link:active {
    color: #551104;
    border-bottom: 2px solid #551104;
}

.footer {
    text-align: center;

    margin: 0px;
    padding: 12px 0px;
    font-family: Georgia,"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
    color: #F5F5F5;
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: 0px;
    height: 16px;
    
    /*background-color: #2E1C1C;*/ /*schokoladenbraun*/
    /*border-top: 2px solid #FEF3DD;*/ /*perlweiß*/
    background: #F9FCF0 url(neww/footern.png) repeat-x;  /*#2E1C1C*/
}

.footer a, .footer a:link, .footer a:visited, .footer a:hover {
    color: #FCCF76;
}

.footer a:hover {
     border-bottom: 1px dashed #FCCF76;
}

.footer .fleft {
    float: left;
    width: 200px;
}

.footer .fright {
    margin-left: 205px;
    text-align: right;
}

.footer .faround {
    width: 1000px;
    margin: 0px auto;
}

.menu-container {
    /*background-color: #2E1C1C;*/
    background: #F9FCF0 url(neww/navin.png) repeat-x;  /*#2E1C1C*/
    padding: 0px;
    margin: 0px;
    height: 40px;
}

.menu {
    margin: 0px auto;
    height: 38px;
    width: 1000px;
}

.menu .navigation {
    
    font-size: 14px;
    font-weight: bold;
    
    height: 38px;
}

.menu .navigation ul {
    /*background-color: #2E1C1C;*/
    height: 38px;
    margin: 0;
    padding: 0 2px;
    color: #F5F5F5;
}

.menu .navigation ul li a, .menu .navigation ul li {
    text-align: center;
    margin: 0px;
    padding: 0px;
    height: 38px;
    list-style-type: none;
    float: left;
    color: #F5F5F5;
}

.menu .navigation ul li.right a, .menu .navigation ul li.right {
    float: right;
    vertical-align: middle;
}

.menu .navigation ul li.right form {
    margin: 6px 0px 8px;
}

.menu .navigation ul li.right input[type="text"] {
    width: 250px;
    font-size: 0.85em;
    /*height: 15px;*/
}

.menu .navigation ul li.right input[type="submit"] {
    float: none !important;
}

.menu .navigation li a:link div, .menu .navigation li a:visited div {
    margin: 10px 5px;
    padding-bottom: 1px;
    text-transform: uppercase;
    font-size: 0.9em;
    color: #F5F5F5;
}

.menu .navigation li a:hover {
    /*background: #008000;*/
    color: #F5F5F5;
}

.menu .navigation li.active a {
    /*background-color: #006400 !important;*/
    background: #006400 url(neww/navi-hover.png) repeat-x !important; /*#2E1C1C*/
    color: #F5F5F5;
    height: 38px;
    margin-top: -2px;
    border-top: 2px solid #609E60;
}

.menu .navigation li a:hover div, .menu .navigation li a:active div {
    color: #F5F5F5;
    border-bottom: 1px dashed #F5F5F5;
}

.menu .navigation li.active a div {
    border-bottom: 1px solid #F5F5F5;
    color: #F5F5F5;
    margin: 10px 5px 10px;
}

.menu .navigation li a {
    border-bottom: none;
}

hr {
    border: none;
    background-color: #DCDCCF;
    width: 95%;
    height: 1px;
}

.bild {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 5px;
}

.info {
  width: 90%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
}

table {
  border-collapse: collapse;
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

table td {
  padding: 4px;
  vertical-align: top;
}

table td.title { width: 30%; font-weight: bold; border-right: none; text-align: right; padding-right: 3px; }
table td.tcontent { width: 70%; }
table td.stitle { font-weight: bold; border-right: none; text-align: right; padding-right: 3px; }

input[type='password'], input[type='file'], input[type='text'], textarea, select, option {
    font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
    font-size: 11px;
    color: #555555;
    padding: 2px;
}

#uploadform {
    font-weight: bold;
    margin: 0px auto;
}

#uploadform input[type='text'], #uploadform input[type='file'], #uploadform input[type='password'], #uploadform textarea {
    width: 97%;
    margin: 0px auto;
}

form input[type='text'], form input[type='file'], form input[type='password'] {
    font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
    font-size: 1em;
    padding: 3px;
}

form textarea {
    font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
    font-size: 1em;
    padding: 3px;
}

.input_field {
    margin: 0px 0px 5px 0px;
    padding: 3px;
    font-weight: bold;
}

input[type="submit"] {
    float: right;
}

.pages {
    text-align: center;
    font-weight: bold;
}

.ownImages ul { list-style-type: none; margin: 0px; padding: 0px; height: auto; }
.ownImages ul li { margin: 3px; padding: 3px; float: left; width: 300px; height: auto; min-height: 200px; text-align: left; }

.ownImages ul.dontShow { display: none; }

div#uploadForm { list-style-type: none; margin: 0px; padding: 0px; height: auto; width: 1000px; }
div#uploadForm div { 
    padding: 5px; 
    /*float: left;*/
    width: 460px; 
    height: auto; 
    text-align: left; 
    margin: 3px auto;
}

ul#searchImages { list-style-type: none; margin: 0px; padding: 0px; height: auto; }
ul#searchImages li { margin: 3px; padding: 3px; float: left; width: 300px; height: auto; min-height: 200px; text-align: left; }

h4 {
    font-size: 1.2em;
    font-weight: bold;
    color: #551104;
    margin: 0px;
    padding: 3px 0px;
    display: inline;
    font-family: Georgia,"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
}

h4 a, h4 a:visited, h4 a:link, h4 a:hover, h4 a:active {
    font-size: 1.05em;
    font-weight: bold;
    color: #551104;
    margin: 0px;
    padding: 1px 0px;
    display: inline;
    font-family: Georgia,"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
}

h4 a:hover {
    border-bottom: 1px dashed #551104; 
}

.pic-comments {
    margin-top: 10px;
}

.pic-comments p#firstComment {
    margin-left: 10px;
}

.pic-comment {
    margin: 10px 0px 0px 10px;
}

.pic-comment .avatar {
    width: 48px; 
    height: 48px; 
    padding: 1px 5px 1px 1px;
}

.pic-comment .text {
    font-size: 0.85em;
}

.pic-comment div.text {
    width: 98%;
    margin: 10px auto;
}

.pic-comment .text p {
    margin: 2px 0px 0px; 
    padding: 5px 6px;
    background-color: #DCDCCF;
    font-size: 1.12em;
}

.pic-comment h5 {
    margin: 2px 0px;
    font-size: 1em;
    font-family: Georgia,"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
}

.pic-comments p {
    margin: 3px 0px;
    padding: 0px;
}

#pic-comments {
    margin: 0px;
    padding: 0px;
}

#pic-comments .pic-comment {
    margin: 10px 0px 0px 0px;
}

#addCommentForm span {
    font-size: 0.85em;
    margin-top: 2px;
}

.accounts table td {
    font-size: 1.5em; 
    vertical-align: middle;
}

.accounts table td span.acc-cp-true {
    display: none;
}

.accounts table td.apiName {
    width: 310px; 
    font-size: 1.5em;
}

.accounts table td.apiName span {
    font-size: 1em;
}

.accounts table td.apiUser {
    width: 200px;
}

.accounts table td.apiType {
    width: 200px;
}

.accounts table td.apiPassword {
    width: 200px;
    display: none;
    font-size: 1.5em; 
    vertical-align: middle;
}

.accounts table td.apiPasswordNew {
    width: 200px;
}


.accounts table td select {
    font-size: 0.85em; 
    height: 26px;
}

.accounts table td select option {
    font-size: 0.8em;
}

.accounts table td input[type="password"], .accounts table td input[type="text"] {
    font-size: 0.9em; 
    height: 22px;
    width: 150px;
}

.accounts table td input[type="submit"] {
    float: none !important;
}

.accounts table td div.acc-nonedit {
    margin: 0px;
    padding: 0px;
}

.accounts table td div.acc-edit {
    display: none;
    margin: 0px;
    padding: 0px;
}

td.userImage {
    height: 48px; 
    width: 48px;
}

.accountsTable td a.username {
    font-size: 1.3em;
    font-weight: bolder;
}

.accountsTable td a.apiType {
    font-size: 0.9em;
}

.ajax-error {
    color: #EE0000;
    text-align: center;
    padding: 4px 0px;
    font-size: 1.1em;
    font-weight: bolder;
}

ul.timeline {
    list-style-type: none; 
    margin: 0px; 
    padding: 0px; 
}

ul.timeline li {
    margin-top: 12px;
}

ul.timeline li td:first-child a {
    border: none;
}

ul.timeline li td:first-child {
    width: 250px;
}