/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,td { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol,li { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

strong { font-weight: bold; }
em { font-style: italic; }
strong em, em strong { font-weight: bold; font-style: italic; }

a {
  color: black;
}

/* Body */

body {
  background: white url(../images/bg.jpg) no-repeat center -60px scroll;
  font: 12px/16px 'lucida sans', sans-serif;
  color: black;  
  text-align: center;
}

body.user_sessions,
body.my_monuments,
body.comments,
body.users
{
  background: #939598 url(../images/bg-top.jpg) no-repeat center -60px scroll;
}

body.monuments,
body.attachments,
body.bibliographies,
body.page-tmpl,
body.film-tmpl
{
  background: white url(../images/bg-top.jpg) no-repeat center -60px scroll;
}



#main, #head {
  position: relative;
  width: 980px;
  text-align: left;
  margin: 0 auto;
}

#head {
  margin: 0 auto 35px auto;
  height: 185px;
}

.user_sessions #head
{
  margin-bottom: 70px;
}



#head .label {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 532px;
  padding: 7px;
}

#head .label a {
  display: block;
}

#head a {
  color: white;
  text-decoration: none;
}

#glyptoteket {
  position: absolute;
  top: 130px;
  right: 7px;  
}

#glyptoteket svg {
  display: block;
  width: 260px;
  height: auto;
}

#user-ctrl {  
  float: right;
  width: 378px;
  height: 35px;
  font: 16px/35px garamond, serif;
}

.locale {
  float: left;
  height: 35px;
  font: 15px/35px garamond, serif;  
  padding: 0 7px;
}

.locale a {
  color: #202020;
}


a.btn, 
#head a.btn {
  height: 35px;
  background: #202020;
  color: #ccc;
  font: 15px/35px garamond, serif;
  padding: 0 14px;  
}


#head a.btn {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;  
}



#head a.me span {
  font: 15px/35px garamond, serif;
}

#head a.me {
  margin-right: 4px;
  padding: 3px 7px 2px 7px;
  text-align: right;
  font: 16px/30px garamond, serif;
}

#head a.me:hover {
  background: #202020;
  color: #eee;
}

a.btn:hover, #head a.btn:hover {
  color: white;
}

#head #user-ctrl a,
#head #user-ctrl a.btn {
  float: right;
}

#flash-msg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 35px;  
  background: #939598;  
  text-align: center;
  color: white;
  z-index: 1002;
}

#flash-msg div {
  margin: 0 auto;
  text-align: left;
  width: 966px;  
  font: 16px/35px garamond, serif;
  padding: 0 7px;
}

#flash-msg.flash_notice {
	background-color: #007C00;
}

#flash-msg.flash_alert, #flash-msg.flash_warning {
	background-color: #E60025;
}


#footer {
  background: #f1f1f2;
  margin-top: 70px;
  text-align: center;
}

#footer .container {
  font: 10px/13px 'lucida sans', sans-serif;
  color: #939598;
  text-align: left;
  padding: 10px 7px 14px 7px;
  width: 966px;  
  margin: 0 auto;
}


#footer .lc li {
  float: left;
  margin-left: 7px;
}

#footer .lc li:first-child {
  margin-left: 0;
}

#footer .lc .insti a {
  display: block;
  height: 0;
  overflow: hidden;
  background-color: transparent;
  background-position: left top;  
}

#footer .lc li + li {
  margin-left: 4px;
}


#footer a {
  color: #939598;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}


.lc {
  float: left;
  width: 546px;
}

.film-tmpl .lc {
  float: none;
  width: 966px;
}


.film-tmpl .lc h1 {
  margin-bottom: 18px;
}

.film-tmpl .lc>div+div {
  margin-top: 26px;
}


.film-tmpl iframe+p {
  margin-top: 20px;
}

.film-tmpl .lc>div:after {
    content:"";
    display:table;
    clear:both;
  }

.film-tmpl .lc>div>div {
  float: left;
  width: 462px;
}

.film-tmpl .lc>div>div+div {
  margin-left: 40px;
}


#my-objects-form {
  float: left;
  width: 546px;  
}

#main .my h1, #main .my.user form, .my .form-ui,
#main .all h1, .all .form-ui,
#main .one h1 {
  margin-left: 7px;
}

#main .one {
  position: relative;
  margin-top: 28px;  
}

.one .rc h2 {
  margin: 28px 0 7px 0;
}

.start-tmpl .rc h2 {
 font: 21px/25px garamond, serif
}

.one .rc ul.photos li {
  float: left;
  width: 112px;
  height: 112px;
  margin: 0 7px 7px 0;
  text-align: center;
  line-height: 112px;
  font-size: 0;
}

.selected-objects li img,
.one .rc ul.photos li img {
  image-rendering: optimizeQuality;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  width: auto;
  height: auto;
}

a.back {
  position: absolute;
  top: -24px;
  left: 8px;
  text-decoration: none;
  color: #434343;
}

a.back:hover {
  text-decoration: underline;
}


#main .one .section {
  margin: 0 0 14px 7px;
}

.section .lbl {
  margin: 7px 0 0 0;
}

.rc .details {
  background: #202020;
  padding: 7px;
  color: #eee;
  border-radius: 2px;
}

.page-content {
  margin: 21px 0px 14px 7px;
  width: 539px;
}

.read-more p {
  display: none;
  margin: 14px 0;
}

a.read-more {
  margin-left: 8px;
  color: #939598;
  text-decoration: none;
}

a.read-more:hover {
  color: #202020;
}

.read-more p:first-child{
  display: block;
}

#main .my .lc {
  margin-left: 7px;
}

.rc {
  float: right;
  width: 378px;
}

.site .lc {
  padding: 0 7px;
}

#footer .lc div, #footer .rc div {
  padding: 7px;
}

/* Site Menubar */

#site-menubar {
  background: #f1f1f2;
  padding: 7px;
  margin-bottom: 14px;
  min-height: 28px;
}

#site-menubar.my-objects {
  position: relative;
  width: 546px;
  padding: 7px 0;
  background: transparent;
}

#site-menubar ul.sections li {
  float: left;
  margin-left: 7px;
  text-transform: uppercase;
}


#site-menubar ul.sections li:first-child {
  margin-left: 0;
}

#site-menubar ul.sections li a {
  float: left;
  min-width: 142px;
  padding: 0 7px;
  background: #939598;
  color: white;
  text-decoration: none;
  font: 18px/28px garamond, serif;
  border-radius: 2px;
}

#site-menubar.my-objects ul.sections li a {
  min-width: auto;
  min-width: inherit;
  border-radius: 2px;
}

#site-menubar ul.sections li a:hover, #site-menubar ul.sections li a.current {
  background: #202020;
}


#site-menubar.my-objects ul.sections li a:hover {
  background: #666;
}

#site-menubar.my-objects ul.sections li a:active {
  background: #434343;
}

#site-menubar.my-objects ul.sections li a.current {
  background: #434343;
  background: #666;
}

#site-menubar ul.sections li a.add,
#site-menubar ul.sections li a.add:hover {
  position: absolute;
  right: 0;
  background: #007C00;
  border: 1px solid #006600;
  text-align: center;
  min-width: inherit;
  border-radius: 2px;
  line-height: 26px;
}

#site-menubar ul.sections li a.add:hover {
  background: #007000;
}

#site-menubar ul.sections li a.add:active {
  background: #006600;
}


#site-menubar ul.pages {
  float: right;
  text-transform: uppercase;
  text-align: right;
  margin-right: 2em;
}

#site-menubar ul.pages li a {
  font: 18px/28px garamond, serif;
  text-decoration: none;
  color: #939598;
  padding: 0 7px;
}

#site-menubar ul.pages li {
  display: inline;
  text-align: center;
}

#site-menubar ul.pages li a:hover,
#site-menubar ul.pages li a.current {
  color: #202020;
}


#site-menubar input.txt {
  margin-left: 14px;
  border: 1px solid #c9cacc;
  outline: none;
  height: 22px;
  line-height: 22px;
  width: 190px;  
}

#site-menubar input {
  float: left;
}

#site-menubar input.btn {
  font: 18px/24px garamond, serif;
  height: 28px;
  width: 1;
  overflow:visible;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;  
  text-transform: uppercase;
}


/* Page */

.page, .headline, .selected-objects {
  background: white;
  padding: 7px;
  margin: 0 0 28px 0;
}

.page + .page {
  margin-top: -14px;
}


.start-tmpl {
  font: 14px/18px 'lucida sans', sans-serif;  
}

.start-tmpl .page h2 {
  font: 21px/25px garamond, serif;
}

.start-tmpl #site-menubar {
  margin-bottom: 40px;
}


.page p, .headlines p {
  margin: 14px 0;
}

.headlines div {
  margin: 0 0 14px 0;
}

.page-tmpl .page {
  color: #202020;
}

.page-tmpl .rc.page {
  font: 18px/28px garamond, serif;
  margin-top: 49px;  
}

.page-tmpl .rc ul {
  margin-left: 17px;
}

.page-tmpl .rc a {
  color: #939598;
  text-decoration: none;
}

.page-tmpl .rc a:hover, .page-tmpl .rc a.current {
  color: #202020;
}


.selected-objects li {
  float: left;
  width: 84px;
  height: 84px;
  line-height: 83px;  
  font-size: 1px;
  text-align: center;
  background: #515254;
}


.selected-objects li+li {
  margin-left: 5px;
}


.selected-objects ul {
  margin: 7px 0 0 0;
  height: 84px;
}

.selected-objects h2 {
  font-weight: bold;
}

  

/* User session */

label {
  font: 16px/16px garamond, serif;
}


.user_sessions a {
  color: white;
  text-decoration: none;
}

.user_sessions a:hover {
  text-decoration: underline;
}

#my-menu {
  margin: 0 0 14px 0;
}

#my-menu li {
  display: inline;
  margin-left: 14px;
}

#my-menu li:first-child {
  margin-left: 0px;
}

#my-menu li a {
  text-decoration: none;
  color: #666;
}

#my-menu li a:hover,
#my-menu li a.current {
  color: #333;
}

.errorExplanation {
  color: #D41717;
  margin: 14px 7px;
}

div.monuments, div.bibliograhies {
  margin: 14px 0;
}

ul.monuments, ul.bibliographies {
  margin: 0 0 28px 7px;
}

.pagination {
  margin: 0 0 28px 0;
  color: #666;
}

.pagination em.current {
  color: #202020;
  font-weight: bold;
  font-style: normal;
}

.pagination a {
  text-decoration: none;
  color: #333;
}

.pagination a:hover {
  color: #202020;
  text-decoration: underline;
}

.pagination span {
  visibility: hidden;
}



li.monument, li.bibliography {
  position: relative;
  min-height: 112px;
  padding: 28px 0 14px 0;
  border-bottom: 1px dotted black;  
  color: #434343;
}

li.monument a {
  color: #434343;
  text-decoration: none;
}

.all li.monument:hover {
  cursor: pointer;
}



li.monument.public, 
li.monument.public a, 
li.bibliography {
  color: black;
}

li.monument img {
  position: absolute;
  left: 602px;
  top: 28px;
}


div.owner {
  margin: 0 0 14px 0;
}

li.monument li label, 
.form-ui label.header,
li.bibliography li label,
div.owner label,
.fullscreen label,
.lbl {
  color: #434343;
  font: 15px/18px garamond, serif;
  margin-left: 7px;
}

li.monument li label:first-child,
li.bibliography li label:first-child,
.form-ui label.header,
.fullscreen label,
.lbl {
  margin-left: 0;
}

.details label {
  color: #aaa;
  font: 15px/18px garamond, serif;  
  margin-right: 4px;
}

li.monument.public a.comments,
.details a.comments {
  color: #434343;
  float: right;
  font-style: normal;
}

li.monument.public a.comments:hover, 
.details a.comments:hover {
  color: black;
}

img.loading {
  vertical-align: text-top;
  margin-left: 7px;
  display: none;
}

li.monument li, 
li.bibliography li {
  font: 14px/18px 'lucida sans', sans-serif;
}

li.monument li.audit, 
li.monument li.audit label {
  font-style: italic;
  font: italic 12px/18px 'lucida sans', sans-serif;  
}


li.monument li div, li.bibliography li div {
  margin: 14px 0;
}

li.monument a.ctrl, .form-ui label.opt, .form-section .ctrl {
  text-decoration: none;  
  padding: 2px 4px;
  border-radius: 2px;  
  color: #DDD;
  font: 12px/18px 'lucida sans', sans-serif;
}

.all .form-ui label.opt {
  color: #666;
}

.all .form-ui label.opt.current {
  color: white;
}

.form-ui label.opt:hover {
  cursor: pointer;
}

li.monument a.ctrl, .form-section .ctrl {
  background: #666;
  float: right;  
  padding: 0 4px;
}

.form-section .ctrl {
  float: left;
  margin-top: 9px;
  margin-left: 7px;
}

.form-ui li {
  display: inline;
}

.form-ui {
  margin: 14px 0;
  min-height: 14px;
}


.form-ui label.header {
  display: block;
  margin-bottom: 2px;
}

.form-ui input.i-opt {
  position: absolute;
  padding-top: 20px;
  overflow: hidden;
  height: 0;
  width: 0;
  opacity: 0;
}



.form-ui li label.current {
  background: #666;
}

li.monument a.ctrl:hover, .form-section .ctrl:hover {
  background: #007C00;
}

.form-section .ctrl.destory:hover {
  background: #E60025;
}

li.monument a.ctrl.show:hover {
  background: #434343;
}

.form-ui .txt {
  width: 300px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;  
  height: 21px;
}

#site-menubar .txt,
.form-ui .txt {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;    
}

#site-menubar .btn,
.form-ui .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;    
}


/* form */


.form-section.show {
  background: transparent url(../images/readonly.png) no-repeat right top scroll;
}



.form-section {
  margin: 21px 0;
}

.form-section textarea {
  font: 16px/17px garamond, serif;
  padding: 7px;
  width: 514px;  
  height: 200px;
}

#comment .form-section textarea {
  height: 100px;
  font: 12px/16px 'lucida sans', sans-serif;
}

#comment .form-section {
  margin: 7px 0;
}

.form-section textarea.half {
  height: 80px;  
}


form p {
  margin: 8px 0;
}

input.txt {
  font: 16px/17px garamond, serif;
  padding: 2px 7px;
  width: 514px;
  border-radius: 2px;
  border: 1px solid #999;
}

.user_sessions input.txt {
  width: 240px;
}

input.btn {
  background: #424242;
  font: 18px/21px garamond, serif;
  padding: 2px 7px;
  border: none;
  color: white;
  border-radius: 2px;
  width: 1;
  overflow:visible;  
}

.all input.btn {
  line-height: 23px;
}

input.btn:active {
  background: #202020;
}

.btn-container {
  font: 16px/21px garamond, serif;  
  margin: 14px 16px 0 0;
  float: right;
}

.btn-container.small {
  margin: 21px 0;
  float: none;
}


#comment .btn-container {
  margin-top: 0px;
}

#comment .btn-container .btn {
  background: #777;
}

#comment .btn-container .btn:hover {
  background: #424242;
}

.form-section .lc, 
.form-section .rc {
  width: 257px;
  float: left;
}

.form-section .lc input.txt, 
.form-section .rc input.txt {
  width: 220px;  
}

.bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
  background: black;
}

#overlay {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1001;
  padding: 7px;
  background: white;
  text-align: left;
  width: 400px;
}

.fullscreen {
  background-color: rgba(0, 0, 0, .75);
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 101;
  overflow-x: auto;
  overflow-y: scroll;
  text-align: center;
}

.fullscreen .wrapper {
  width: 900px;
  margin: 7px auto 40px auto;
  text-align: left;
  background: white;
  padding: 7px;
}

.photo {
  max-height: 900px;
  min-height: 450px;
  height: 100%;
  cursor: default;
  position: relative;
}

.pagination-wrapper {
  position: absolute;
  width: 100%;
}

.pagination-wrapper a {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  font-weight: bold;
  display: none;
  text-align: center;
  border-radius: 2px;
  text-decoration: none;
  background: #939598;
  color: #202020;
}

.pagination-wrapper a:active {
  background: #202020;  
  color: #939598;
}

.pagination-wrapper a.prev {
  left: -32px;
  bottom: 0;
}

.pagination-wrapper a.next {
  right: -32px;
  bottom: 0;  
}

.pagination-wrapper a.close-fullscreen {
  right: -32px;
  top: -7px;
}


.photo .stage {
  display: block;
  font-size: 0;
  height: 100%;  
  max-height: 675px;
  min-height: 450px;
  position: relative;
  text-align: center;
  width: 100%;  
}

.photo-details {
  min-height: 28px;
  margin-top: 14px;
}


.photo .stage img {
  /*display: inline-block;*/
  image-rendering: optimizeQuality;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  width: auto;
  height: auto;
}


#overlay input.txt {
  width: 380px;
}

.ctrls {
  margin: 14px 0 7px 0;
  text-align: right;
}


.attachment, table.attachment td small  {
  color: #202020;
}

table.attachment td span {
  color: #202020;
  font-size: 9px;
  margin-left: 7px;
  background: #f1f1f1;
  padding: 1px 3px;
  border-radius: 2px;
}

.attachment .ctrls {
  margin: 0;
  text-align: left;
  font-size: 11px;
}

.attachment .ctrls a {
  color: #555;
  text-decoration: none;
  margin-left: 2px;
}

.attachment .ctrls a:hover {
  color: #202020;
}

.attachment .ctrls a:first-child {
  margin-left: 0;
} 
 
#edit-attachment-form table {
  margin: 14px 0;
}

#edit-attachment-form table td {
  vertical-align: top;
}

#edit-attachment-form table tr td:first-child {
  padding-right: 8px;
}


table.attachment td {
  vertical-align: top;
  padding-bottom: 14px;
}


table.attachment tr td:first-child {
  width: 75px;
  text-align: center;
  vertical-align: top;
  padding-right: 7px;
}

#monument-attachments {
  margin: 14px 0;
}


/* Font */

#head .f1 {
  font-size: 70px;
  line-height: 1.0;
}


.f1, .page h1, .headlines h1 {
  font: 36px/42px garamond, serif;
}

h1.f1 span {
  font: 21px/25px garamond, serif;
  color: #666;
  margin-left: 7px;
}

h1.f1 span a {
  color: #666;
  text-decoration: none;
}

h1.f1 span a:hover {
  color: #202020;
}

.f2 {
  font: 25px/28px garamond, serif;
}


.f3, 
.page h2, 
.monuments li h4,
.bibliographies li h4 {
  font: 21px/25px garamond, serif;
}

.f3.as-f1 {
  margin-top: 16px;
  margin-bottom: 14px;
}


.page h2 {
  margin-bottom: -14px;
}


.f4 {
  font: 24px/35px garamond, serif;
}

.f5 {
  font: 14px/18px Lucida, sans-serif;
}


.fm {
  font: 15px/1.2em garamond, serif;
}

/* Comments */

#comments {
  margin: 56px 0 21px 0;
}

#comments li {
  margin: 21px 0;
}

#comments li p {
  margin: 0 0 14px 0;
}

#comments ul {
  margin: 0 0 21px 0;
}

#comments h4 {
  color: #202020;
  font-weight: bold;
}

#comments h5 {
  color: #434343;
  margin-bottom: 7px;
  font: 11px/14px 'lucida sans', sans-serif;
}

.recent-comments .post {
  margin-top: 7px;
}

.recent-comments .post li {
  font: 11px/14px 'lucida sans', sans-serif;
  color: #DDD;
}

.recent-comments .post li a {
  color: #434343;
}

.recent-comments .post li a:hover {
    color: #000;
}

.recent-comments .post a {
  text-decoration: none;
}

/* Editor */

.textilize-toolbar {
	margin: 2px 0 4px 0;
	height: 17px;
}

a.my_monument_attachments {
  display: none;
}

#attachment_images a.close {
  position: absolute;
  top: 4px;
  right: 8px;
  color: #999;
  font-size: 11px;
  text-decoration: none;
}

#attachment_images ul {
  position: relative;
  width: 400px;
  height: 500px;
  overflow: auto;
  margin: 14px 0 0 0;
  padding: 0;
  list-style: none;
  background: #f1f1f1;
}

#attachment_images li {
  border-width: 0 0 4px 0;
  border-style: solid;
  border-color: white;
  padding: 0;
  clear: both;
  height: 76px;
  cursor: pointer;
}

#attachment_images li.highlight {
  background: #E1E1E1;
}

#attachment_images li .details {
  color: #666;
}

#attachment_images li .details h5 {
  color: black;
  font-weight: normal;
}

#attachment_images li a {
  color: black;
  text-decoration: none;
}

#attachment_images li img {
  float: left;
  margin-right: 8px;
}


.textilize-toolbar a {
	float: left;
  font-size: 11px;
  text-decoration: none;  
  padding: 2px 4px;
  border-radius: 2px;  
  color: #DDD;
  background: #777;
  font: 11px/14px 'lucida sans', sans-serif;
  margin-right: 4px;
  cursor: default;
}

.textilize-toolbar a:hover {
  background: #666;
}

.textilize-toolbar a:active {
 	background-color: #555;
}

.textilize-toolbar a.strong_btn { font-weight: bold; } 
.textilize-toolbar a.emphasis_btn { font-style: italic; } 
.textilize-toolbar a.pastelink_btn { display: none; }
.textilize-toolbar a.link_btn { } 
.textilize-toolbar a.links_btn { }