html {
  outline: none;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
button {
  margin: 0px;
  padding: 0px;
  word-wrap: break-word;
  outline: none;
}
body:focus {
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul,
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
}
a:active {
  outline: none;
  border: none;
}
:focus {
  -moz-outline-style: none;
}
iframe {
  border: none;
}
button[disabled]:not([type=reset]):not(.small),
a.button[disabled]:not([type=reset]):not(.small) {
  cursor: default;
  background: linear-gradient(top, #efefef, #bbb);
  text-shadow: -1px -1px #efefef;
  border: 1px solid #efefef;
  color: #777 !important;
}
.download-options .button {
  margin: 10px 10px 0 0;
}
.download-options .button:visited {
  color: #303030;
}
.download-options .button:hover {
  color: #000;
}
.page {
  width: 988px;
  min-height: 700px;
  background: #ebebeb;
}
.page-wrapper {
  position: relative;
}
.page-wrapper > * {
  margin-left: 15px;
  margin-right: 15px;
}
.header,
.nav,
.visual,
.page,
.popup-container,
.dynamic-pagecontainer {
  width: 988px;
  margin: 0px auto;
  text-align: left;
}
.page-wrapper > *:first-child {
  padding-top: 15px;
}
.right-sidebar .main {
  width: 648px;
  float: left;
  overflow: visible;
}
.right-sidebar .sidebar {
  float: right;
}
.right-sidebar.sidebar-fullheight .heading {
  width: 648px;
  float: left;
}
.left-sidebar .main {
  width: 648px;
  float: right;
  overflow: visible;
  min-height: 700px;
}
.left-sidebar .sidebar {
  float: left;
}
.sidebar {
  width: 340px;
}
.page.fullwidth .main.page-wrapper {
  float: left;
  width: 100%;
}
/* GRIN 4.0 White labeling CSS Styles */

/* *********************

   Standard Elements

********************** */

table { width: 100%; }
th { padding: 0px; }
tr { margin: 0px; }
td { padding: 0px; }
table.fixed {table-layout: fixed;}
pre { overflow: auto; }
.clear-all {clear: both;float: none; overflow: hidden;}
ul.bullet-list li {list-style: disc; margin: 10px 20px;}

/* *********************

 Page Structure Elements

********************** */

/* anker */
a 			{color: black}
a:visited 	{color: black}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a {text-decoration: none;}

p {line-height: 140%;}


.upload-banner .upload-upload-button .upload-buttons object.swfupload {width: 310px;height: 70px;}
.handler-index .upload-buttons object.swfupload {left: 2%; width: 310px;height: 67px;}
.upload-info {display: none;}
.upload-info .upload-cancel{color:gray;padding:0 6px;margin:6px 0;line-height:32px}
.upload-info .upload-filename{line-height:24px}
.upload-progressbar {background-color: #202020;height: 3px;width: 100%;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#303030), to(#707070));background: -moz-linear-gradient(center bottom, #303030, #707070);}
.upload-progressbar > div {background-color: #42B82E;display: block;height: 3px;width: 42%;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#42B82E), to(#2F8220));background: -moz-linear-gradient(center bottom, #42B82E, #2F8220);}

.uploader .additional-fields {
    font-size: 1.3em;
    margin-bottom: 1em;
}

/* colors */
body	{ background: #ffffff;}

.negative {color: red !important}
.strikeout {text-decoration: line-through;}

/* responses */
.errormsg {color: #f00;}
.goodresponse {color: #090;}

/* font styles */
strong {font-weight: bolder;}

input[type="date"]::-webkit-inner-spin-button{-webkit-appearance: none; margin:0;}
input[type="date"] {width:105px;}
input.type-date {width: 70px; text-align:center;}

select:disabled, input:disabled, textarea:disabled {color: #7f7f7f}

.article-wrapper {position: relative;}

.page h1  {font-size: 24px; font-weight: bold;}
.page h2  {font-size: 20px; font-weight: bold;}
.page h3  {font-size: 20px;}
.page h4 {font-size: 20px;}

/*.page-wrapper > h1 {margin-bottom: 15px;}
.page-wrapper > h2 {margin-bottom: 15px;}
*/
.cbox {padding: 20px; margin:15px; border-radius: 20px; background-color: white; position: relative; box-shadow: 0 0 12px #CCCCCC;}

.cbox h2, .cbox h3, .cbox h4 {margin-bottom: 10px;}

hr {width: 97%; border: none; border-top: 1px solid #D8D8D8;}

.highlite-fx {-webkit-animation: target-fade 1.5s 1; -moz-animation: target-fade 1.5s 1;}

.editor-skeleton {display:none;}

.dynamic-pagecontainer .page-loading {padding:10px; min-height: 780px;}

.hidden {display:none;}

.objectlist-item .admin-edit-link {color:gray; font-size: 11px; text-decoration: underline !important;}
.objectlist-item .admin-edit-link:before {content: '['}
.objectlist-item .admin-edit-link:after {content: ']'}

::-ms-clear {display: none;}
.auto_x_scrollbar {overflow-x: auto;}

/*******************/
/*     Foldable    */
/*******************/
[data-foldable-container] {display:none;}
[data-foldable-container="unfold"] {display:block;}
tr[data-foldable-container="unfold"] {display:table-row;}
[data-foldable-reverse-container="unfold"] {display:none;}

[data-foldable-trigger].fold-icon {background: transparent url('/images/icons/fold-closed.png') no-repeat; padding-left:15px;}
[data-foldable-trigger="unfold"].fold-icon {background: transparent url('/images/icons/fold-open.png') no-repeat;}

[data-foldable].nested > [data-foldable-container] {margin-left:15px;}

button[type="reset"][data-foldable-trigger]:after {content: none;}

[data-hover-content] {display:none;}
[data-hover-area]:hover [data-hover-content] {display:block;}

/*******************/
/*      Tabbar     */
/*******************/
.cbox.microlink-tabbar-container,
.cbox.tabbar {border-top-right-radius: 0px; margin-top: 45px;}
.cbox.special-tabbar {margin-top: 50px;}
.cbox.microlink-tabbar-container {overflow: visible;}
.cbox.microlink-tabbar-container .tabs,
.cbox.tabbar .tabs {float: right; position:absolute; right:0px; top:-29px;}
.cbox.microlink-tabbar-container .tabs li,
.cbox.tabbar .tabs a {color: white; text-decoration: none; float:left; background:black; border-right: 1px solid #4B4B4B; height: 16px; padding:6px 10px;}
.cbox .tabs a[data-microlink-active],
.cbox.tabbar .tabs a[data-tabnav-active], .cbox.tabbar .tabs a.active {background: white; border-right: 1px solid white; color: black; text-decoration: none;}
.cbox .tabs a[data-microlink-active] {color: black;}

.cbox .special-tabs {position:absolute; top:-50px; right: 0px;}
.special-tabs a {text-decoration: none; float:left; height: 16px; padding:2px auto;}
.special-tabs a:after { content: "|"; padding: 2px 4px; background-color: #F0F0F0;}
.special-tabs a:last-child:after { content: ""; padding: 0;}
.special-tabs a[data-microlink-active] {background:green; color:white;}

/*.tabbar > section {display:none;}
.tabbar > section.active {display:block;}
*/
[data-grin-microlink-target] {display:none;}
[data-grin-microlink-target][data-microlink-active] {display:block;}

[data-grin-tabnav-target] {display:none;}
[data-grin-tabnav-target][data-tabnav-active] {display:block;}


/*******************/
/*   Navigation    */
/*******************/
.nav	{padding-left: 15px; width: 978px; margin: 0px auto;}
.main-menu li {float:left; padding:5px 20px 10px 0; margin-top: 5px; }
.main-menu li.main-menu-search	{margin-top: -1px;}
.main-menu li a {font-size: 110%; font-weight: bold;}



/*******************/
/* Search          */
/*******************/
.search {background: white;}
.search-button {display:none;}
.search-input {width: 160px; font-size: 110%; height: 20px; border: 1px solid; padding: 2px 20px 2px 5px; background: url('/images/icons/magnifier.png') no-repeat 165px 6px;}

/* jquery-autocomplete plugin */
.ac_results {padding: 0px 0px 0 0; margin-top: -1px; overflow: hidden; z-index: 99999; border: 1px solid black; background-color: white;} 
.ac_results ul {width: 100%; padding: 0; margin: 0; list-style-position: outside; list-style: none;} 
.ac_results li {margin: 0px; padding: 2px 5px; cursor: default; display: block; line-height: 16px; overflow: hidden;} 
.ac_odd { /* color for odd listitems */}
.ac_over { background-color: #E5E5E5;} 
.ac_fulltext {font-style: italic; color: #808080;}

.search-widget{position:relative;width:48%}
.genericSearchForm .search-widget input[type="text"]{position:relative;width:100%;z-index:5}
.magnifier-trigger{width:26px; height:26px;position:absolute;cursor:pointer;right:-26px;top:0;z-index:99; background:transparent; border:0; padding:0;
	-webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none;}


.main-search-widget{position:relative}
.search .main-search-widget input[type="text"]{position:relative;z-index:5}
.main-magnifier-trigger{width:30px; height:30px;position:absolute;display:block;cursor:pointer;right:0;top:0;z-index:99; background:transparent; border:0; padding:0;
	-webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none;}

.button-leftpart {width:auto; overflow: visible; border:none; cursor:pointer;}

/*******************/
/* Pictures        */
/*******************/


/* designing book covers and all other pictures: width , height and shadow */
/* there are 5 kind of cover sizes: original, thumb, normal, grin and profile */
.picture-thumb { width: 35px; height: 50px; box-shadow: 0 0 4px #B0B0B0;} 
.picture-small { width: 90px; height: 130px; box-shadow: 0 0 4px #B0B0B0;}
.picture-related { width: 90px; height: 127px; box-shadow: 0 0 4px #B0B0B0;}
/* PLZ DONT USE:  .picture-profile { width: 90px; height: 127px; box-shadow: 0 0 4px #B0B0B0;} */
.picture-normal { width: 150px; height: 213px; box-shadow: 0 0 4px #B0B0B0;} 
.picture-big { width: 212px; height: 300px; box-shadow: 0 0 4px #B0B0B0;} 

/* User-pictures with an unknown height/width-ratio use the 'unscaled' style */
.unscaled-picture-thumb { width: 35px; max-height: 50px; box-shadow: 0 0 4px #B0B0B0; object-fit: contain;}
.unscaled-picture-related {width: 90px; max-height: 127px; box-shadow: 0 0 4px #B0B0B0; object-fit: contain;}
.unscaled-picture-small {width: 90px; max-height: 130px; box-shadow: 0 0 4px #B0B0B0; object-fit: contain;}
.unscaled-picture-normal {width: 150px; max-height: 213px; box-shadow: 0 0 4px #B0B0B0; object-fit: contain;}
.unscaled-picture-big { width: 212px; max-height: 300px; box-shadow: 0 0 4px #B0B0B0; object-fit: contain;}

/*******************/
/* Misc            */
/*******************/
.breadcrumbs {}


/*******************/
/* Object in Lists */
/*******************/

.objectlist .objectlist-item {padding: 14px 20px; margin-left:-20px; margin-right:-20px; border-bottom: 1px solid #E5E5E5; overflow: hidden; position:relative;}
.objectlist .objectlist-item:nth-child(even) {background-color: #f7f7f7;}
.objectlist .objectlist-item:first-child {padding-top:0px}
.objectlist .objectlist-item:last-child {border: 0; padding-bottom: 0;}
.objectlist .objectlist-item .picturebox {float: left; margin: 5px 20px 5px 5px;}
.objectlist .objectlist-item .meta {float: left; width: 79%; margin-top: 5px;}
.objectlist .objectlist-item dl {margin-top: 5px;}
.objectlist .objectlist-item dl.metalist {margin-top: 10px;}
.objectlist .objectlist-item .heading1 {font-size: 140%; line-height: 100%; margin-bottom:5px;}
.objectlist .objectlist-item .heading2 {line-height: 100%; margin-bottom: 5px; margin-top:5px;}
.objectlist .objectlist-item .heading-status {color:gray;font-family: Arial, sans-serif; font-size: 12px;}
.objectlist .objectlist-item .heading-status.new {color: #be000e; font-size: 17px;}
.objectlist .objectlist-item .heading-status.deleted {color:red}
.objectlist .objectlist-item .heading-status.published {color:#289D1F}
.objectlist .objectlist-item .adminlinks {width: 100%; margin-top:5px;}
.objectlist .objectlist-item .adminlink {color:gray; font-size:90%;}


/*********************/
/*  MiniList Objects */
/*********************/
.minilist-item {margin-left:-20px; margin-right:-20px; padding: 14px 20px; border-bottom: 1px solid #E5E5E5; overflow: hidden; }
.minilist-item:first-child {padding-top:0px}
.minilist-item:last-child {border: 0; padding-bottom: 0;}
.minilist-item:nth-child(even) {background-color: #f7f7f7;}
.minilist-item .picturebox { float: left; width: 35px; margin: 2px 5px 2px 2px;}
.minilist-item .meta { float: left; position:relative; width: 75%; height: 100%; margin-left: 5px; margin-right: 5px;}
.minilist-item .heading1 { margin-bottom:5px;}
.minilist-item .heading2 { margin-bottom:5px;}
.minilist-item p:first-child {margin-top:10px;}
.minilist-item p { font-size: 90%; margin-top: 5px; line-height: 140%;}
.minilist-item p.price { width: 100%; text-align: right; font-weight: bold;}
.minilist-item:not(:last-child) { position:relative; border-bottom: 1px solid #E8E8E8;}
.minilist-item .adminlinks {display:inline; font-size: 90%; padding-top:5px; margin-left: 3px;}
.minilist-item .admininfo {display:inline; font-size: 90%; padding-top:5px;}


/**************************/
/* List of KeyValue Pairs */
/**************************/
dl {width: 100%; overflow: hidden;}
dt {float:left; clear:left; width: 25%; text-align: left; font-weight: bold;}
dt:after {content: ':';}
dt.empty:after {content: none;}
dd {margin: 0 0 0 25%; padding: 0 0 0.5em 0;}
dl dd:last-child {padding: 0;}
dd.todo {color: red;}
dd.waiting {color: orange;}
dd.deleted {color: red;}
dd.active {color: green;}


/* *********************
/*     Carousel
********************** */

.carousel {position: relative; /*width:574px;*/}
.sidebar .carousel {/*width: 270px;*/}

.carousel-pane {overflow: hidden;}
.carousel-item-container {position: relative; width: 100000px; margin:0;}
.carousel-item {position:relative; float:left; margin:5px 12px 0 12px;}
.sidebar .carousel-item {margin: 5px 21px 0 22px;}

.carousel-item .picturebox {height: 127px;}
.carousel-controls {position: relative; overflow: hidden; text-align: center; width: 100%; border-top: 1px solid #E8E8E8; margin: 0 2px 0 2px; padding-top: 10px;}
.carousel-controls .slider {  position: absolute; top: 10px; width: 10px; height: 16px; cursor: pointer;}
.carousel-controls .slider.left { left:0; background: url('/images/icons/buttons-sprite-small.png') no-repeat 0px 0px;}
.carousel-controls .slider.left:hover { background: url('/images/icons/buttons-sprite-small.png') no-repeat 0px -16px;}
.carousel-controls .slider.right { right:0; background: url('/images/icons/buttons-sprite-small.png') no-repeat -10px 0px;}
.carousel-controls .slider.right:hover {background: url('/images/icons/buttons-sprite-small.png') no-repeat -10px -16px;}
.page-indicator .marker {margin: 0 3px; display: inline-block; background: url('/images/icons/buttons-sprite-small.png') no-repeat -23px 0px; width:10px; height: 16px;}
.page-indicator .marker[data-page-marker-active] {background: url('/images/icons/buttons-sprite-small.png') no-repeat -23px -16px;}

.standard-carousel {height: 214px;}
.standard-carousel .carousel-pane {margin:0 2px 1px 2px;}
.standard-carousel .carousel-item .meta {width: 90px; margin-top: 5px;}

.grid-carousel .carousel-item-container {margin: 5px 0 0 0;}
.grid-carousel .carousel-col {margin: 0; float: left;}
.main .grid-carousel .carousel-col {width: 289px;}
.sidebar .grid-carousel .carousel-col {width: 270px;}
.fullwidth .grid-carousel .carousel-col {width: 306px;}

.main .grid-carousel .carousel-col:not(.on-left-edge) {margin-left: -1px; border-left: 1px solid #E8E8E8}
.grid-carousel .carousel-controls { position: relative; }
.grid-carousel .minilist-item {height: 125px; padding-left: 30px; background:transparent;}
.grid-carousel .minilist-item p.price { margin: 0 10px 10px 0; position:absolute; bottom: 0px; right: 0px; font-weight: bold;}


/******************/
/* Buybox-Button  */
/******************/

.call-to-action { position:relative; padding: 5px 10px; margin-top: 10px; height:40px; background-color: #F60; border-radius: 9px 9px 9px 9px; /*box-shadow: 0px 0px 6px #bbbbbb; */ -moz-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15); border:0px; 
background-image: linear-gradient(bottom, #FF4400 0%, #FF6600 50%, #FF8800 100%); background-image: -o-linear-gradient(bottom, #FF4400 0%, #FF6600 50%, #FF8800 100%); background-image: -moz-linear-gradient(bottom, #FF4400 0%, #FF6600 50%, #FF8800 100%); background-image: -webkit-linear-gradient(bottom, #FF4400 0%, #FF6600 50%, #FF8800 100%); background-image: -ms-linear-gradient(bottom, #FF4400 0%, #FF6600 50%, #FF8800 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FF4400),color-stop(0.5, #FF6600),color-stop(1, #FF8800));
box-shadow: 3px 2px 6px 1px #777777; -webkit-box-shadow: 3px 2px 6px 1px #777777;}
.call-to-action .button-icon { padding: 8px 7px 11px 31px; margin: 0 15px 0 10px; background: url('/images/icons/arrow.png') no-repeat; background-position: right; background-size: 24px 21px;}

.call-to-action .button-text { margin-left: 15px; float: left; font-weight: bold; font-size: 14px;  color:white; text-shadow: 0px 0px 9px #ffffff;}

a.call-to-action {float:right; padding: 0 10px;}
a.call-to-action .button-icon {padding-bottom: 31px;}
a.call-to-action .button-text {padding-top: 10px;}


.buybox {max-width: 363px;}
.buybox .products {background-color: white; border-radius: 10px;  padding: 10px; border: 1px solid #D0D0D0;}
.buybox .product {cursor: pointer;}
.buybox .products-separator {margin-top: 10px; margin-bottom: 10px;}
.buybox .product .line1 {margin-left: 1px; display:inline-block;}
.buybox .product .line1 .price {font-size: 14px;}
.buybox .product .line2 {margin-left: 17px; color: gray; margin-top: 3px;}
.buybox .product .formatinfo {margin-left: 17px; margin-top: 5px; font-size: 0.9em; color: gray;}
.buybox .buybox-button {text-align:right; padding-top: 5px;}
.buybox .call-to-action .button-icon {padding-top: 3px; background: url('https://cdn.openpublishing.com/images/brand/9/warenkorb_white.png') no-repeat; background-size: 37px 21px;}


/* 
.buybox .buybox-button .button-leftpart {padding-right: 50px; background: url('/images/bg/orange-medium-buttons.png') no-repeat right -95px; color: white; height: 42px;}
.buybox .buybox-button .button-rightpart {padding: 7px 0 8px 20px; font-weight: bold; font-size: 14px; background: url('/images/bg/orange-medium-buttons.png') no-repeat top left; height: 42px;}
*/

/*special purpose inline buttons (caution: delete and accept are overloaded in js.)*/
button.accept {vertical-align:middle; height: 8px; width: 8px!important; display: inline-block; margin: 0px 0px 0px 5px; background: url('/images/icons/buttons-sprite.png') no-repeat -44px -40px; cursor: pointer;padding: 4px; border: 0;}
button.delete {vertical-align:middle; height: 8px; width: 8px!important; display: inline-block; margin: 0px 0px 0px 5px; background: url('/images/icons/buttons-sprite.png') no-repeat -44px -32px; cursor: pointer;padding: 4px; border: 0;}
button.accept:hover { background-position: -52px -40px; }
button.delete:hover { background-position: -52px -32px; }
button.accept:focus { background-position: -52px -40px; box-shadow: 0px 0px 6px #5087C7; }
button.delete:focus { background-position: -52px -32px; box-shadow: 0px 0px 6px #5087C7; }

a.delete {vertical-align:middle; display: inline-block; margin: 0px 0px 0px 5px; background: url('/images/icons/buttons-sprite.png') no-repeat -44px -32px; cursor: pointer;padding: 4px; border: 0;}
a.delete:hover { background-position: -52px -32px; }
a.delete:focus { background-position: -52px -32px; }

/******************/
/* Author List    */
/******************/
.author-list {display:inline;}
.author-listitem {display:inline; padding: 0 !important;}


/*********************/
/* Search            */
/*********************/
.pagination-options {padding-top: 8px;}
.pagination-options > .results-per-page {float: left; width: 40%;}
.pagination-options > .pagination {float: left; width: 60%;}

.sort-by > * {padding: 3px; border: 1px solid black; text-decoration: none; text-align: center; margin-right: 5px;}
.sort-by > .active {background-color: black; color: white;}
.sort-by > span:first-child {border: none; padding: none; width: inherit; display: inline;}

.results-per-page > * {padding: 3px; border: 1px solid black; text-decoration: none; width: 1.8em; text-align: center; margin-right: 5px; display: inline-block;}
.results-per-page > .active {background-color: black; color: white;}
.results-per-page > span:first-child {border: none; padding: none; width: inherit; display: inline;}

.pagination {text-align: right;}
.pagination > * {padding: 3px; border: 1px solid black; text-decoration: none; min-width: 15px; text-align: center; margin-right: 5px; display: inline-block;}
.pagination > .active {background-color: black; color: white;}

/*********************/
/* Sidebar Blocks    */
/*********************/
.sidebar .cbox > .heading1 {padding-left: 20px; padding-right: 20px; margin: 0px -20px 15px -20px; border-bottom: 1px solid #e8e8e8; padding-bottom: 10px;}

.sidebar-samplebox p {color:gray;}


#adminclipboard .dropzone {color: gray; height: 20px; padding-top:7px; text-align:center; border: 1px dotted gray;}
#adminclipboard .dropzone.dragged-here {border: 2px dotted black; padding-top:6px; height:19px;}
#adminclipboard .dropzone.dragged-over {border: 2px solid black;}
#adminclipboard .clear-clipboard {margin-top:10px; display:block;}

@-webkit-keyframes target-fade {
    0% { background-color: rgba(255,255,0,.3); }
    100% { background-color: rgba(0,0,0,0); }
}
@-moz-keyframes target-fade {
    0% { background-color: rgba(255,255,0,.3); }
    100% { background-color: rgba(0,0,0,0); }
}


/******************/
/*    Comments    */
/******************/
.comments {position: relative; margin-bottom: 10px;}
.no-comments {font-weight: bold; padding: 15px 20px; border-bottom: 1px solid #E5E5E5;}
.comment {overflow:hidden; padding: 15px 20px; margin-left: -20px; margin-right: -20px; border-bottom: 1px solid #E5E5E5;}
.comment:nth-child(even) {background-color: #f7f7f7;}
.comment .picturebox {float: left; margin-right: 5px;}
.comment .meta {float: left; width: 85%; margin-left: 15px;}
.comment .poster-name {font-weight: bold; margin-bottom: 5px;}
.comment-text {margin-bottom: 5px;}


.comment .creation-time {display:inline; margin-top: 5px; color:gray; font-size:90%;}
.comment-administration {display:inline; margin-top: 5px; font-size: 90%; color:gray;}
.comment-administration a {color:gray; margin-right: 5px;}

.create-comment {position:relative; overflow: hidden; margin-top: 15px;}
.create-comment .picturebox {float: left; margin-right: 15px; margin-bottom: 10px; clear:both;}
.create-comment .commentbox {float:left; width: 522px; min-height: 48px; margin-bottom: 10px;}
.create-comment .comment-button {float:left; margin-left: 50px;  clear:both; margin-right: 15px;}
.create-comment .info {float:left; width: 200px; font-size: 90%; color:gray;}

.comment-button {margin-right: 5px;}
.comment-counter:before {content: "(";}
.comment-counter:after {content: ")";}

/******************/
/*    Wall        */
/******************/
/*
.stories {position: relative; margin-left: -20px; margin-right: -20px;}
.no-stories {font-weight: bold; padding: 15px 20px; border-bottom: 1px solid #E5E5E5;}
.story {overflow: hidden; padding: 15px 20px; border-bottom: 1px solid #E5E5E5;}
.story:last-child {border-bottom: 0;}
.story:nth-child(even) {background-color: #f7f7f7;}
.story .picturebox {float: left; margin-right: 5px;}
.story .meta {float: left; margin-left: 10px; width: 85%;}
.sidebar .story .meta {width: 79%;}
.story .story-text {margin-bottom: 5px;}
.story .creation-time {display: inline; margin-top: 5px; color:gray; font-size:90%; margin-bottom: 10px;}
.story .remove-story {display:inline; margin-top: 5px; margin-bottom: 10px; font-size: 90%; color:gray; text-decoration: none;}
.story .story-comment {display:inline; margin-top: 5px; margin-bottom: 10px; font-size: 90%; color: gray; text-decoration: none;}
.story .remove-story:before, .story .story-comment:before {content: '-'; margin: 0 3px;}

.story-comments {clear:both; border-top: 1px solid #E5E5E5; padding-top: 5px; margin-top: 5px;}
.story-comments .no-comments {display:none;}
.story-comments .comments {margin-bottom: 0px;}
.story-comments .comment {border: 0; padding-top: 5px; padding-bottom: 0px;}
.story-comments .comment .picturebox {margin-right: 0;}
.story-comments .meta {margin-left: 15px;}
.story-comments .poster-name {display:inline; font-weight: normal; margin-bottom: 2px;}
.story-comments .comment-text {display:inline; margin-bottom: 2px;}

.story-comments .create-comment {margin-top: 5px;}
.story-comments .create-comment .commentbox {width: 422px; min-height: 16px; margin-bottom:5px;}
.story-comments .comment-button {margin-left: 0px;}
.story-comments .create-comment .info {display:none;}

.create-story {position:relative; overflow: hidden; padding: 15px 20px; margin: auto -20px; border-bottom: 1px solid #E5E5E5;}
.create-story .picturebox {float: left;margin-right: 20px;margin-bottom: 10px;clear: both;}
.create-story .storybox {width: 500px;min-height: 26px;margin-bottom: 5px;}
.create-story .story-button {float:right; clear: right;}
*/

/*******************/
/*      Forms      */
/*******************/
.form-element {padding: 4px 0;position: relative;}
.form-element label {display: block; font-weight: bold; margin-top: 2px;}

.form-element.buttons {overflow: hidden;}
.form-element.buttons [type=submit] {float: right;}
.form-element.top-button-row {margin-bottom: -15px !important; margin-top: 15px;}


.form-hint-error {/*margin-left: 10px; line-height: 1.8em; */ color: #BE000E; display: inline-block; margin: 2px 0 5px 5px;}

.form-hint, .form-error {cursor: default;}

.input-error > input, .input-error > select, .input-error > textarea {border: 1px solid #BE000E;}


/*******************/
/*      Popup     */
/*******************/


body .popup {
	top: 0;
	left: 0;
	margin-left: 0;
	margin-top: 0;
	width: 100%;
	background-color: transparent;
	z-index: 5000001;
	position:absolute;
}

.popup .itemTitle {font-family: Regular, Regular-ie, Arial, sans-serif;font-size: 22px;}
.popup h2.itemTitle {text-transform: uppercase; font-size: 26px;}

.popup-overlay {position:fixed; opacity:0.6; filter: alpha(opacity = 60); z-index:5000002; background:black; top:0px; right:0px; bottom:0px; left:0px;}
.popup-content {border-radius: 20px; padding:20px; position:absolute; width: 630px; z-index: 5000003; background: #F0F0F0; top:10px; left:0px; right:0px; margin: 0px auto;}

.popup-content .close-icon { position: absolute; top: -10px; right: -10px; width: 30px; height: 30px; background: url('/images/icons/close.png'); cursor: pointer;}

.popup-content .cbox {width: 590px; margin: 20px 20px 20px 0;}
.popup-content .cbox .form-row {margin-bottom: 20px;}
.popup-trigger {cursor: pointer;}


.popup-content h2 {font-size: 22px;}
.popup-content h3 {font-size: 20px; margin-bottom:20px;}

.zoomed-img .popup { position: fixed; mid-width: 800px; top: 50%; left: 50%; margin: 0; background: transparent; padding: 0px;}

/* Login Popup only */
/*.popup.login .cbox	{padding: 10px; width: 250px; margin-left: 20px; margin-right: 3px; margin-bottom: 20px; float: left;}*/


/* close icon for popup */
.close-icon { width: 16px; height: 16px; background: url('/images/icons/buttons-sprite.png') no-repeat -44px 0px; cursor: pointer; }
div:hover > .on-owner-hover-show { display: block; }
div .on-owner-hover-show { display: none; }


.article { float: left; overflow: visible; width: 630px; padding: 0px 9px 0px 7px; margin: 25px 0; }
.article.fullwidth { width: 972px; margin-bottom: 0; }

/* Admin Menu */

/* Admin stuff */
.article.fullwidth[data-editor] { background: white; width: 945px; }

.sidebar-navigation a {display: block;padding: 5px 20px;margin: auto -20px;text-decoration: none;font-size: 1.2em;}
.sidebar-navigation a[data-microlink-active] {	background-color: #E8FFE5; }
.sidebar-navigation .aux-link, .sidebar-navigation .aux-link:visited  {color:gray;}
.sidebar-navigation .navheader {display: block;padding: 5px 20px;margin: 10px -20px 0px -20px;text-decoration: none;font-size: 1.2em;font-weight: bold;background-color: #F0F0F0; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; cursor:pointer;}

/* ******************
 * Page: Document Settings
 ******************** */
.status .published {color: green; font-weight: bold;}
.status .new {color: orange; font-weight: bold;}
.status .deleted {color: red; font-weight: bold;}
.status .unpublished {color: orange; font-weight: bold;}

.form-hint {display: none;}


/* *********************************
 *     MARKDOWN
 * ********************************/ 
.markdown ol {list-style-type: none;counter-reset: level1; font-size: 1em !important;}
.markdown ol li:before {content: counter(level1) ". ";counter-increment: level1;}
.markdown ol li ol {list-style-type: none;counter-reset: level2;}
.markdown ol li ol li:before {content: counter(level1) "." counter(level2) " ";counter-increment: level2;}
.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5 ,.markdown h6 {width: 100%;clear: both;margin: 20px 0;}
.markdown p {margin-bottom: 10px;}
.markdown code {font-family: Courier, "Courier New", monospace;background: #EEE;float: left;width: 94%;padding: 10px 1% 10px 1%;border: 1px dashed #AAA;margin: 10px 2%;border-radius: 5px;word-break:break-all;}
.markdown ol,
.markdown ul {margin: 10px auto 10px 20px;}
.markdown a:link,
.markdown a:visited {text-decoration: underline;}


body	{ font-family: Arial, sans-serif; font-size: 12px;}

.required-fields-hint {position:absolute; right:0; color:gray;}

.form-element * {width: auto;}

.button-form-row { position: relative;}
.button-form-row button {float: right;}

button, a.button, .button {
border: none;
background: transparent;
text-decoration: none;
text-align: left;
width: auto;
overflow: visible;
cursor: pointer;
display: inline-block;
color: #303030;
font-weight: bold;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
white-space: nowrap;
border-radius: 10px;
background-color: gray;
border: 1px solid #DDDDDD;
background: -webkit-linear-gradient(top, #FEFEFE 0%, #848484 100%);
background: -moz-linear-gradient(top, #FEFEFE 0%, #848484 100%);
background: -ms-linear-gradient(top, #FEFEFE 0%, #848484 100%);
padding: 5px 10px 5px 10px;
text-shadow: 1px 1px 1px #EEEEEE;
text-align: center;
}


.form-row {margin-bottom: 10px; position: relative;}
.form-row label {font-weight: bold; display:block;}


input {height: 17px; padding:1px; width: 100%;}

input, textarea, select {
-webkit-box-shadow: inset 0px 0px 4px #E7E7E7;
-moz-box-shadow: inset 0px 0px 4px #E7E7E7;
-o-box-shadow: inset 0px 0px 4px #E7E7E7;
box-shadow: inset 0px 0px 4px #E7E7E7;
border: 1px solid #DFDFDF;}

input[type=radio], input[type=checkbox] {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	border: 0
}

select {width: inherit;}

textarea {font-family: sans-serif; font-size: 11px; padding:2px;}

input[type="radio"], input[type="checkbox"] {margin-right: 6px; margin-top: 2px; height: 13px; width: 13px;}
input[type="radio"] ~ label, input[type="checkbox"] ~ label {display: inline; font-weight: normal;}


.form-row.compact {clear:both; min-height: 20px; margin-bottom:10px;}
.form-row.compact > * {float:left; width: 29%;}
.form-row.compact > label {width: 31%;}
.form-row.compact .info {clear: both; color:gray; margin-left: 20%; width: 80%; margin-bottom: 10px;}

/******************/
/* Notfifications */
/******************/
.notifications { z-index: 31000; position: fixed; top: -1px;  left:0; width:100%; opacity:0.7; filter: alpha(opacity = 70); }
.notifications .notification-bar {top:0; left:0; border-top:1px solid #121212; width:100%; padding:1.0em 0; position:relative; color:#000; cursor:pointer;  background-color: black; }
.notifications .notification-bar .notification-close {right:0; position:absolute; margin-right: 10px;  height:16px; width:16px; background: url('/images/icons/buttons-sprite.png') no-repeat -44px 0px; cursor: pointer;}

.notifications .notification-bar .notification-bar-contents .message { color: white; font-family: Arial, Helvetica, sans-serif; font-size: 140%; }
.notifications div:last-of-type .notification-bar { -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -o-border-radius-bottomleft: 10px; border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -o-border-radius-bottomright: 10px; border-radius-bottomright: 10px;}

.notifications .message-progress .message {padding-left: 17px; background-image:url('/images/icons/loading-indicator.gif'); background-repeat:no-repeat; background-position:left center; background-color: black; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -o-border-radius-bottomleft: 10px; border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -o-border-radius-bottomright: 10px; border-radius-bottomright: 10px; }
.notifications a { color: #42a62a;}

.notifications .message-error .message{color:red;}
.notifications .message-fatal-error .message {color:red !important; font-weight: bold}
.notifications .message-fatal-error .message .reload-hint {color:white; font-weight: normal}

.notifications .notification-bar-container{position:relative; display:block; width:100%; overflow:visible;}
.notifications .notification-bar-contents{width:740px; margin:0 auto; text-align:center; position:relative;}

.notifications.fullies { z-index: 31100;}

.notifications.shorties {width:auto; left:45%; overflow:hidden;}
.notifications.shorties .notification-bar-contents {padding: 3px 8px; width:auto;}
.notifications.shorties .notification-bar-container {padding:1px 1px 3px 1px;}
.notifications.shorties .notification-bar {padding:0; width: auto; white-space:nowrap;}


/*******************/
/*      Hints      */
/*******************/
.hint {display: inline-block; width:16px; height: 18px; margin-bottom:-5px; margin-left:5px;}

.hint-text {display: none; position: absolute; min-width: 200px;z-index: 25;color: white;width: auto;font-family: 'Regular', sans-serif;font-size: 13px;font-weight: bold; background: url('/images/bg/bubble-bg.png') no-repeat bottom center;}

.hint-text.right {margin-top: -10px;margin-left: 25px; background: url('/images/bg/bubble-bg.png') no-repeat left -20px;padding: 10px 10px 10px 20px;}
.hint-text.left {margin-top: -10px;margin-left: -60px; background: url('/images/bg/bubble-bg.png') no-repeat right -30px;padding: 10px 50px 10px 10px;}
.hint-text.top {margin-top: -40px;margin-left: 15px;background: url('/images/bg/bubble-bg.png') no-repeat center bottom;padding: 10px 20px 25px 20px;position: absolute;}
.hint-text.bottom {margin-top: 25px;margin-left: 15px;background: url('/images/bg/bubble-bg.png') no-repeat center top;padding: 20px 10px 10px 10px;}

/* TODO: Backwards compatibility. Remove if not needed. */
.hint:hover .hint-text {display:block;}

.hint.hint-icon {background: url('/images/icons/infoball.png') no-repeat 0 0; width: 16px;}
.hint.alert {background: url('/images/icons/alertball.png') no-repeat 0 0; width: 16px;}
.hint a {color: gray; text-decoration: underline;}


/*******************/
/*      Header     */
/*******************/
.header {position: relative;  padding-top: 10px; background: #CCCCCC; background: -webkit-linear-gradient(top, #FAFAFA 0%, #AAAAAA 100%);background: -moz-linear-gradient(top, #FAFAFA 0%, #AAAAAA 100%);		background: -ms-linear-gradient(top, #FAFAFA 0%, #AAAAAA 100%);}
.header .identity {padding:10px 0 10px 15px;}
.header .identity .brand-name {text-shadow: 2px 2px 16px #aaaaaa; font-size: 300%; text-transform: capitalize; text-decoration: none; font-family: serif;}

/*******************/
/* top info        */
/*******************/
.top-info { position: absolute; top: 20px; right: 30px; width: 342px; }
.top-info .user-info { display: block; }
.top-info .top-dropdown-menu { width: 175px; padding: 0; display: inline-block; background-color: white; position: absolute; border: 1px solid gray; background: white url('/images/icons/down-arrow.png') right 5px no-repeat;}
.top-info .top-dropdown-menu a { text-decoration: none; }
.top-info .top-dropdown-menu > a { padding: 2px 12px 2px 6px; display: inline-block; }
.top-info .top-dropdown-menu ul { margin: 0px; }
.top-info .top-dropdown-menu ul li { list-style: none; list-style-position:outside; margin: 0px; }
.top-info .top-dropdown-menu ul li > a { padding: 2px 6px; display: block; }
.top-info .top-dropdown-menu ul li > a:hover { background: black; color: white; }
.top-info .top-dropdown-menu hr { width: 98%; border: none; border-top: 1px solid #D8D8D8; }
.top-info .top-login { position: absolute; right: 0px; padding: 2px 5px; margin-top: -1px;}
.top-info .top-login > a { padding-right: 30px; }
.top-info .top-login ul { display: none; }
.top-info .top-login:hover ul { display: block; }

.top-info .top-shopping-cart { display: block; position: absolute; top: 30px; margin-top: 5px; width: 250px; right: 0px; border: 1px solid gray; text-decoration: none; padding: 5px; }
.top-info .top-shopping-cart:hover { cursor: pointer; color: black; }
.top-info .top-shopping-cart .shopping-cart-info { height: 35px; padding: 0px 0px 0px 40px; display:block; }

#language-select-span {left: 80px;}


/******************/
/* Page: Document */
/******************/
.page-document-top {position: relative; /*overflow:hidden;*/ }
.page-document-top > section {float: left;}
.page-document-top  .picturebox {margin-right: 15px; position: relative;}
.page-document-top  .meta {width: 375px; margin-right: 15px;}
.page-document-top  .meta .heading1 {margin-bottom: 15px;}
.page-document-top  .meta .subject {margin-top: 5px;}
.page-document-top  .meta .buybox {margin-top: 20px;}

.page-document-top  .author {line-height: 1.8em;}
.page-document-top  .author .heading1 {font-size:22px; margin-bottom: 10px;}
.page-document-top  .author .authorname {width:90px;}

.page-document-overview > section {margin: 0 -20px 0 -20px; padding: 15px 20px; border-bottom: 1px solid #E5E5E5;}
.page-document-overview .abstract {border-bottom: 1px solid #D8D8D8;}

.page-document-overview .fulltext.epub-mode .page {background: #fff; border-bottom: 10px solid #e5e5e5; padding-top: 20px}

.page-document-overview .excerpt.xml-mode hr {clear:both}

/* preview from epub */

.page-document-overview .excerpt.epub-mode h1,
.page-document-overview .excerpt.epub-mode h2,
.page-document-overview .excerpt.epub-mode h3,
.page-document-overview .excerpt.epub-mode h4,
.page-document-overview .excerpt.epub-mode h5,
.page-document-overview .excerpt.epub-mode h6 {
font-size: 1.5em !important;
text-transform: none;
font-weight: normal !important;
border-bottom: none;
margin: 0;
padding: 10px 0;
}

.page-document-overview .excerpt.epub-mode h2 {font-size: 1.45em !important}
.page-document-overview .excerpt.epub-mode h3 {font-size: 1.4em !important}
.page-document-overview .excerpt.epub-mode h4 {font-size: 1.3em !important}
.page-document-overview .excerpt.epub-mode h5 {font-size: 1.2em !important}
.page-document-overview .excerpt.epub-mode h6 {font-size: 1.1em !important}

/*.page-document-overview dt {width: 150px;}
.page-document-overview dd {margin-left: 160px;}*/

.page-document-overview > section:nth-child(even) {background-color: #F7F7F7;}
.page-document-overview > section:last-child {padding-bottom: 0px; border-bottom: 0; background-color: white;}

.page-document-text .meta {border-bottom: 1px dotted #E5E5E5; padding-bottom: 15px;}
.page-document-text .info {display: inline; font-width:italic; color:gray;}
.page-document-text .page-numbers {display: inline; font-width:italic; color:gray;}
.page-document-text .page-numbers:before {content: "-"; margin: 0 5px;}

.page-document-text .no-text {font-weight: bold; padding: 15px 0;}
.page-document-text .text {border-bottom: 1px dotted #E5E5E5; margin-bottom: 15px;}

.page-document-statistics .visits-chart {margin: 0 -20px 0 -20px; padding: 0px 20px 15px 20px; border-bottom: 1px solid #E5E5E5;}
.page-document-statistics .chart-container {margin:15px 0;}
.page-document-statistics .total-visits {margin-top: 15px;}
.page-document-statistics .total-visits .heading1 {font-weight: bold; display:inline;}
.page-document-statistics .total-visits .heading1:after {content: ':'; margin-right:5px;}
.page-document-statistics .total-visits .info {display:inline;}

.page-document-author { overflow: hidden; }
.page-document-author .picturebox { float: left; margin: 0 15px 0 0; }

.flash-preview-button { width: 206px; height: 32px; padding-top: 8px; padding-left: 8px; position:absolute; background: url('/images/commons/buttons/viewer-button-green-case-b.png') no-repeat top right; opacity: 1; }
.flash-preview-button .caption { color: white; background: transparent;  margin: 0px auto; font-size: 110%; font-weight: bold; }
.flash-preview-button:hover { opacity: 0.8; }

.page-document-middlesection .banner{margin:0 -20px;padding:12px 20px; overflow:hidden;}
.page-document-middlesection .banner h5{font-weight:bold;font-size:120%;margin-bottom:6px}
.page-document-middlesection .banner .category{float:left;width:30%;text-align:center}
.page-document-middlesection .banner .institute{float:left;width:40%;text-align:center}
.page-document-middlesection .banner .grade{float:left;width:30%;text-align:center}
.page-document-middlesection .banner .grade .grade-title{font-size:160%}

#document-preview-popup .popup-content {width:628px;}
#document-preview-popup .document-preview-popup-pngs { overflow-y: scroll; height: 100%; margin-right: -20px; margin-left:10px;}
#document-preview-popup .page-a4-png {width:595px; height: 842px; border: 1px solid #CECECE; box-shadow: 6px 6px 14px #B0B0B0; background-color: white;}
#document-preview-popup .page-png,  #document-preview-popup .cover-png { margin-bottom: 10px;}

.page-document .page-document-comment .comment .info {margin-left: 0px !important;}

/******************/
/* Page: Profile  */
/******************/
.page-user-top { display:inline-block;}
.page-user-top > section {float: left;}
.page-user-top > .meta { width: 500px; margin-right: 15px; margin-left: 15px;}
.page-user-top > .meta dt { width: 30%;}
.page-user-top > .meta dd { margin-left: 30%;}
.page-user-top .editlink, .page-user-middlesection .editlink {color:gray; font-size:90%;}
.page-user-top > .picturebox > .editlink {width: 90px; margin-top: 5px; display:block;}
.page-user-middlesection .editlink {position: absolute; right:20px; top:20px;}
.page-user-overview .biography .editlink {top:7px;}

.page-user-top .misc {margin-top:10px;}

.page-user-middlesection h3 {font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.page-user-overview > section {margin: 0 -20px 0 -20px; padding: 15px 20px; border-bottom: 1px solid #E5E5E5; position:relative}
.page-user-overview > section:nth-child(even) {background-color: #F7F7F7;}
.page-user-overview > section:first-child {padding-top: 0px;margin-top: -5px;}
.page-user-overview > section:last-child {padding-bottom: 0px; border-bottom: 0; background-color: white;}


/******************/
/* Page: Group    */
/******************/
.page-group-top {overflow:hidden;}
.page-group-top > section {float: left;}
.page-group-top > .owner {float: right;}

.page-group-top > .picturebox {margin-right: 25px;}
.page-group-top > .meta {width: 355px;}
.page-group-top > .meta .heading1 {font-size: 22px; margin-bottom: 5px;}
.page-group-top > .meta > .group-member-count {margin-bottom: 5px;}
.page-group-top .joingroup {margin-top: 10px;}

.page-group-settings input[type="text"],
.page-group-settings textarea {width: 70% !important;}
.page-group-settings .form-element.buttons {width: 70%;}
.page-group-settings .form-element.buttons button {float: right;}
.page-group-settings .form-element.buttons a {line-height: 2em;}

.page-group-settings .form-element .hint-text {position: relative;min-width: 200px;bottom: 0px !important;z-index: 25;color: white;width: auto;left: -15px !important;font-family: 'PT Sans', sans-serif;font-size: 13px;font-weight: bold;}
.page-group-settings .form-element .hint-text.right {margin-top: -10px;margin-left: 40px;background: url('/images/bg/bubble-bg.png') no-repeat 0px -20px;padding: 10px 10px 20px 20px;}


.page-group-documents > .group-text-count {margin-bottom: 5px; font-weight: bold;}
.page-group-members > .group-member-count {margin-bottom: 5px; font-weight: bold;}
.page-group-members .objectlist-item .actions {position: absolute; top: 15px; right: 10px}
.page-group-members .objectlist-item .actions > * {float: right; clear: both; margin-bottom: 5px}


.page-group-pictures .select-picture-info {font-size: 80%;}
.page-group-pictures .picture-upload {margin-top: 15px;}

.page-group-series .collection {margin-bottom: 10px; margin-left: -20px; margin-right: -20px; padding: 0 20px 10px 20px;}
.page-group-series input[type="text"],
.page-group-series textarea {width: 70% !important;}
.page-group-series .upload-collection-cover-info {font-size: 0.9em; margin-top: 10px;}
.page-group-series .upload-collection-cover-info li {list-style-type: disc; list-style-position: inside; padding: 2px 0px;}

.page-group-middlesection .upload-buttons object.swfupload {left: 20px; width: 190px; height: 25px; cursor: pointer;}

.page-group-overview-documents .objectlist-item:last-child { border: 1px solid #e7e7e7; padding-bottom: 14px; }

/*********************/
/* Page: Institution */
/*********************/

.page-institution-top {overflow: visible;}
.page-institution-top > section {float: left;}
.page-institution-top > .picturebox {margin-right: 25px;}
.page-institution-top > .meta {width: 355px;}
.page-institution-top > .meta > .heading1 {font-size: 22px; margin-bottom: 5px;}
.page-institution-top > .meta > .heading2 {margin-bottom: 5px; font-size: 14px;}
.page-institution-top > .meta > .website {margin-top: 10px;}
.page-institution-top > .map {width: 185px; float: right;}
.page-institution-top > .clearfix {clear: both;}

.page-institution-middlesection {padding-left: 0; padding-right: 0;}
.page-institution-middlesection > .objectlist {margin-top: 10px;}
.page-institution-middlesection > .objectlist > .objectlist-item:last-child {padding-bottom: 10px;}
.page-institution-middlesection > div {padding-left: 15px; padding-right: 15px;}
.page-institution-middlesection > .document-count {float: left;}
.page-institution-middlesection > .page-count {float: right;}
.page-institution-middlesection .pagination-options {border-top: 1px solid #e5e5e5;}

/*********************/
/* Page: Catalog     */
/*********************/
.page-catalog-main > .catalog-item {margin-left:-20px; margin-right:-20px; padding: 15px 20px; background: url('/images/icons/sub-section-subject.png') no-repeat 97% 50%; border-bottom: 1px solid #e5e5e5;}
.page-catalog-main > .catalog-item:first-child {padding-top: 5px; background-position: 97% 40%;}
.page-catalog-main > .catalog-item:nth-child(even) {background-color: #f7f7f7;}
.page-catalog-main > .catalog-item > .title {font-size: 16px; margin-bottom: 5px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 90%;}

/*********************/
/* Page Listing      */
/*********************/
.page-listing-groups .group-search > label {font-weight: bold;}
.page-listing-groups .group-search > .search-input {width: 80%; background: url('/images/icons/magnifier.png') no-repeat 98.5%  6px; margin-top: 5px;}
.page-listing-groups .group-search {margin-bottom: 10px;}

.page-listing-authors .pagination-options {border-top: 1px solid #e5e5e5; margin-left: -20px; margin-right: -20px; padding-left:20px; padding-right: 20px;}

.page-listing-topics .objectlist-item:last-child {padding-bottom: 10px;}
.page-listing-topics .pagination-options {border-top: 1px solid #e5e5e5; margin-left: -20px; margin-right: -20px; padding-left:20px; padding-right: 20px;}

.page-listing-profiletag > h3 {padding-left: 20px; padding-right: 20px; margin-bottom: 10px; font-size: 16px;}
.page-listing-profiletag > .result-count {margin-bottom: 10px;}
.page-listing-profiletag .pagination-options {border-top: 1px solid #e5e5e5; margin-left: -20px; margin-right: -20px; padding-left:20px; padding-right: 20px;}

.page-listing-no-entry {font-weight: bold;}

/*********************/
/* Page: Search      */
/*********************/
.page-search-middlesection .objectlist-item:nth-child(even) {background-color: #f7f7f7;}
.page-search-middlesection .objectlist-item:last-child {padding-bottom: 10px;}

.page-search-middlesection > .meta {overflow:hidden; padding-left:20px; padding-right:20px; margin: 0px -20px 10px -20px; border-bottom: 1px solid #e5e5e5;}
.page-search-middlesection > .meta > .heading1 {font-size: 16px;}
.page-search-middlesection > .pagination-options {padding-left: 15px; padding-right: 15px; border-top: 1px solid #e5e5e5;margin: auto -20px;}


.page-search-middlesection > .meta .sort-by-pagination {overflow:hidden; margin-top: 5px; margin-bottom: 10px; padding-bottom: 10px;}
.page-search-middlesection > .meta .sort-by-pagination > .sort-by {float: left;}
.page-search-middlesection > .meta .sort-by-pagination > .pagination {float: right;}
.page-search-middlesection > .meta .sort-by > span {padding-left: 0;}
.page-search-middlesection .no-results {font-weight: bold; padding: 15px 20px; font-weight: bold;}

.page-search-facetbrowser > section {padding: 5px 0 0px 0px; margin: 0 -20px 5px -20px;}
.page-search-facetbrowser a {text-decoration: none;}
.page-search-facetbrowser .heading1 {padding: 5px 0 5px 20px; margin-bottom: 5px; font-weight: bold; font-size: 12px; background-color: #F0F0F0; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;}

.page-search-facetbrowser .filter-year-select {margin-left: 20px;}

.page-search-facetbrowser .facet-field-entry {margin-bottom: 5px; padding-left: 20px;}
.page-search-facetbrowser .facet-entry {margin-bottom: 5px; padding-left: 20px;}
.page-search-facetbrowser .with-group-head .facet-entry {margin-bottom: 5px; padding-left: 40px;}
.page-search-facetbrowser .facet-group {margin-bottom: 5px;}
.page-search-facetbrowser .facet-group:not(:first-child) {margin-top: 10px;}
.page-search-facetbrowser .facet-group-head {padding-left: 20px; margin-bottom: 5px;}
.page-search-facetbrowser .facet-group-name {font-weight: bold;}
.page-search-facetbrowser .facet-count {font-weight: normal; color:gray;margin-left: 5px;}
.page-search-facetbrowser .facet-selected {background-color: #E8FFE5;}

.page-search-facetbrowser .remove-filter {color:gray; margin-top:5px;}
.page-search-facetbrowser .entries-show-more {color:gray; margin-top:5px; margin-left: 20px;}
.page-search-facetbrowser .entries-show-less {color:gray; margin-top:5px; margin-left: 20px;}
.page-search-facetbrowser .with-group-head .entries-show-more {margin-left: 40px;}
.page-search-facetbrowser .with-group-head .entries-show-less {margin-left: 40px;}
.page-search-facetbrowser .groups-show-more {color:gray; margin-top:10px; margin-left: 20px;}
.page-search-facetbrowser .groups-show-less {color:gray; margin-top:10px; margin-left: 20px;}


/*********************/
/* Checkout          */
/*********************/
.page-checkout-heading {position: relative; width: 618px; height: 32px; padding-top: 0px !important; margin-top: -5px;}
.page-checkout-heading .ssl-info {position:absolute; right:20px; bottom: 0px;}
.page-checkout-heading .ssl-info img {margin-bottom: -5px; margin-right: 5px;}

.checkout-steps {position: relative; overflow: hidden; border-bottom: 2px solid #E5E5E5; padding-bottom: 10px; padding-left:15px;}
.checkout-step {float:left; width:189px; background: #F0F0F0; text-align:center; padding-top: 10px; height: 25px; margin: 0 10px 0 0; text-decoration: none;}
.checkout-step.selected {background: #CCCCCC;}
.checkout-steps .step-no:after {content:'.'}

.page-checkout-main .shoppingcart-items {border-bottom: 1px solid #E5E5E5;}
.page-checkout-main .shoppingcart-item { overflow: hidden; }
.page-checkout-main .price-calculation {float:right;}
.page-checkout-main .price-calculation .sum {font-weight:bold;}

.page-checkout-proceed {float:right; margin-bottom:50px; margin-top: -20px;}

/** Shoppingcart **/
.page-shoppingcart-heading {padding-top: 20px !important;}
.page-shoppingcart-heading .ssl-info {bottom: 10px;}

.page-shoppingcart-main .overview { padding:0 15px 10px 15px; border-bottom: 1px solid #E5E5E5;}
.page-shoppingcart-main > section {margin-left: -20px; margin-right: -20px;}

.page-shoppingcart-main .shoppingcart-item {border-bottom: 1px solid #E5E5E5;}
.page-shoppingcart-main .shoppingcart-item:nth-child(odd) {background-color: #F7F7F7;}
.page-shoppingcart-main .shoppingcart-item {padding: 14px 15px;}
.page-shoppingcart-main .shoppingcart-item .meta {float: left; width: 79%; margin-top: 5px;}
.page-shoppingcart-main .shoppingcart-item .picturebox {float: left; margin: 5px 20px 5px 5px;}
.page-shoppingcart-main .meta .heading1 {min-height: 30px; font-size:18px;}
.page-shoppingcart-main .item-forms {float: left; margin-top: 5px;}
.page-shoppingcart-main .item-forms-view {position:relative;}
.page-shoppingcart-main .item-forms-view .product-quantity {margin-right:10px;}
.page-shoppingcart-main .item-forms-view .publication-types {margin-left:3px; color:gray;}
.page-shoppingcart-main .item-forms-view .publication-types:before {content:"(";}
.page-shoppingcart-main .item-forms-view .publication-types:after {content:")";}
.page-shoppingcart-main .item-forms-view .edit-quantity-trigger {display:inline; margin-top:10px; color:gray;}
.page-shoppingcart-main .item-forms-view .edit-quantity-trigger > a {color:gray;}
.page-shoppingcart-main .item-forms-view .edit-quantity-trigger:after {content:'|'; padding: 0 2px;}
.page-shoppingcart-main .item-forms-view .delete-form {display:inline-block;  margin-top:10px; color:gray;}
.page-shoppingcart-main .item-forms-view .delete-form button {color: inherit; font-weight: inherit; font-size: inherit; padding: inherit; border-radius: 0; background: transparent; border: inherit; text-decoration: underline; text-shadow:inherit;}
.page-shoppingcart-main .item-forms-editor > * {margin-right:5px;}
.page-shoppingcart-main .price-calculation {margin-top: 5px;}

.page-shoppingcart .shoppingcart-empty .links {display:block; margin-top:5px;}

.page-checkout-main .totals {padding:10px 15px; border-bottom: 1px solid #E5E5E5; position:relative; overflow:hidden;}
.page-checkout-main .totals .shippingcosts-info {float:left; width: 345px; text-align: right; margin-top:8px;}
.page-checkout-main .totals .shippingcosts-zero {float:right; margin-top: 8px;}
.page-checkout-main .totals .price-total-info {float:left; width: 345px; text-align: right; font-weight: bold; font-size: 17px; margin-top: 8px;}
.page-checkout-main .totals .price-total-amount {float:right; font-weight: bold; font-size: 17px; margin-top: 8px;}
.page-checkout-main .totals .vat-details {float:right; margin-top:8px; margin-bottom:5px; text-align: right; clear: both;}
.page-checkout-main .totals .custom-disclaimer {float:right; margin-top:8px; margin-bottom:5px; position:relative; clear: both;width: 258px; text-align: right;}

.page-checkout-main .disclaimers {padding:10px 15px 0 15px;}

#mandate-text {border:1px solid #ccc; padding:10px; background:white;}
#mandate-text p {margin: 0 0 18px;}
#mandate-text {margin-bottom:20px;}
#mandate-text dl {margin: 0 0 20px 0}
#mandate-text dt {width: 200px; float: left; font-weight: normal;}
#mandate-text dt:after {content: none;}
#mandate-text dd {margin-left: 10px; float:left;}


/** Addresses **/
.page-addresses-main .cbox {padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px; margin-top:0px;}
.page-addresses-main .input-fields {position:relative; margin-top:10px; padding-left: 15px; margin-right: 15px;}
.page-addresses-main .form-row {width: 100%; overflow:hidden;}
.page-addresses-main .form-row label {float:left;}
.page-addresses-main .form-row input {clear: both; float:left; width: 40%;}
.page-addresses-main .form-row select {clear: both; float:left; width: 40%;}


/** Payment **/
.page-payment-main .cbox {padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px; margin-top:0px;}
.page-payment-main .payment-method {border-top: 1px solid #E5E5E5; cursor: pointer;}
.page-payment-main .overview {padding-left: 15px; padding-right: 15px; overflow:hidden;}
.page-payment-main .overview > input {float:left; height: 24px; margin-top: 9px; margin-bottom:10px; margin-left: 1px;}
.page-payment-main .overview .heading1 {float:left; height: 24px; margin-top: 15px; margin-bottom:10px; width: 170px;}
.page-payment-main .overview > img {float:left; height: 24px; margin-top: 10px; margin-bottom:10px;}
.page-payment-main .overview .info {float:right; width: 275px; color: gray; margin-top: 7px;}

.page-payment-main .bankaccountfields {border-bottom: 1px solid #D8D8D8; padding-bottom: 5px; position: relative;}
.page-payment-main .creditcardfields {border-bottom: 1px solid #D8D8D8; padding-bottom: 5px; position: relative;}
.page-payment-main .creditcards img {height: 18px; margin-top: 12px;}
.page-payment-main .cardexpirationdate > select {width: auto;}
.page-payment-main .date-separator {padding: 5px 0px; vertical-align: top; display: inline-block;}
.page-payment-main #cardcvc2 {width: 60px !important;}
.page-payment-main .cardcvc2 .hint-text {width: 310px;}
.page-payment-main .cardcvc2 .hint-text > img {padding-top:5px;}

.page-payment-main .userdetails {clear:both; padding-top:15px;}

.page-payment-main .details {padding: 10px 15px; background: #F0F0F0;}
.page-payment-main .longinfo {margin-top:5px;}
.page-payment-main .invoiceaddress {padding-top:10px; clear:both;}
.page-payment-main .invoiceaddress-fields {clear:both; border-top: 1px solid #D8D8D8; padding-top:10px; margin-top:10px;}
.page-payment-main .invoiceaddress-fields .info {margin-bottom: 10px;}

.page-payment-main .form-row {margin-top: 10px; margin-bottom:10px;}
.page-payment-main .form-row > label {font-weight: normal;}

/** Verification **/
.page-verification-main {padding-left: 0px; padding-right: 0px;
	background-image: -webkit-linear-gradient(bottom, #f7f7f7 25px, transparent 25px);
	background-image: -moz-linear-gradient(bottom, #f7f7f7 25px, transparent 25px);
	background-image: -o-linear-gradient(bottom, #f7f7f7 25px, transparent 25px);
	background-image: linear-gradient(bottom, #f7f7f7 25px, transparent 25px);
}
.page-verification-main > section {padding:0 15px;}
.page-verification-main .heading1 {margin-top:10px;}
.page-verification-main .shoppingcart-items {border-top: 1px solid #E5E5E5; clear: both; background-color: #f7f7f7;}
.page-verification-main .totals {border-bottom: none; background-color: #f7f7f7; padding-bottom:0;}
.page-verification-main .shoppingcart-item {margin-left: -15px; margin-right: -15px; padding:10px 15px;}
.page-verification-main .shoppingcart-item .heading1 {font-size: 12px; margin-bottom: 10px; margin-top:0px;}
.page-verification-main .shoppingcart-item .picturebox {float: left; margin: 0px 20px 0px 5px;}
.page-verification-main .shoppingcart-item .product-quantity {float:left;}
.page-verification-main .shoppingcart-item .publication-types {margin-left:3px; color:gray;}
.page-verification-main .shoppingcart-item .publication-types:before {content:"(";}
.page-verification-main .shoppingcart-item .publication-types:after {content:")";}

.page-verification-main .paymentmethod {float:left; width:278px; min-height:160px; padding-bottom:10px; margin-left:-1px; border-left: 1px solid #D8D8D8;}
.page-verification-main .shippingaddress {float:left; width:278px; min-height:160px; padding-bottom:10px; border-right: 1px solid #D8D8D8;  border-top: 1px solid #D8D8D8;  border-left: 1px solid #D8D8D8; margin-top:-1px; margin-left:-1px;}
.page-verification-main .invoiceaddress {float:left; width:278px; min-height:160px;  padding-bottom:10px; border-right: 1px solid #D8D8D8;  border-left: 1px solid #D8D8D8; margin-left:-1px;}
.page-verification-main .changelink {margin-top: 5px; color:gray; display:block;}
.page-verification-main .disclaimers {clear:both; border-bottom: 1px solid #D8D8D8; padding-bottom: 15px;}
.page-verification-proceed .sepa-mandate-check {padding: 0 10px; margin-top: 10px;}
.page-verification-proceed .sepa-mandate-check input {float: left; width: 20px; margin-top: 0;}
.page-verification-proceed .sepa-mandate-check label {float: left; width: 95%;}
.page-verification-proceed .sepa-mandate-check .mandate-error-hint {color: #f90; display: none; clear: both; margin-left: 23px; padding-top: 3px;}


/** Sidebar **/
.sidebar-certified-shop > .heading1 {margin-left: 15px;}
.sidebar-certified-shop > .certified-shop-info {overflow: hidden;}
.sidebar-certified-shop > .certified-shop-info > * {float: left;}

.sidebar-secure-payment .heading2 {margin-bottom: 5px; font-weight: bold;}
.sidebar-secure-payment .heading3 {margin-top: 5px;}
.sidebar-secure-payment .payment-methods {overflow: hidden;}
.sidebar-secure-payment .payment-methods > * {float: left; width: 50%;}
.sidebar-secure-payment .payment-methods > .meta > ul > li {list-style: disc inside !important;}

.page-order-finished-middlesection.cbox {padding-left: 0; padding-right: 0;}
.page-order-finished-middlesection > section {padding-left: 20px; padding-right: 20px; padding-bottom: 10px;}
.page-order-finished-middlesection > .infobox {margin-top: 10px;}
.page-order-finished-middlesection .heading2 {border-bottom: none; min-height: 30px; font-size:18px;}
.page-order-finished-middlesection .order-list {border-top: 1px solid #e5e5e5; margin-bottom: 10px;}
.page-order-finished-middlesection .order {overflow: hidden; border-bottom: 1px solid #e5e5e5; padding: 10px 20px;}
.page-order-finished-middlesection .order:nth-child(even) {background-color: #f7f7f7;}
.page-order-finished-middlesection .order > .picturebox {float: left;}
.page-order-finished-middlesection .order > .meta {float: left; padding-left: 10px; width: 79%;}

.page-order-finished-middlesection .waive-right-of-widthdrawal {border-top: 1px solid #e5e5e5; padding-top: 10px; background-color: #f7f7f7;}
.page-order-finished-middlesection .waive-right-of-widthdrawal > label {display: inline-block; width: 95%;}
.page-order-finished-middlesection .waive-right-of-widthdrawal > input {display: inline-block; vertical-align: top;}
.page-order-finished-middlesection .waive-right-of-widthdrawal > p {margin-bottom: 5px;}
.page-order-finished-middlesection .waive-right-of-widthdrawal > .waiverHint { display: none; color: red; margin-top: 5px;}
.page-order-finished-middlesection .missing-waiver-hint {color: red; margin-top: 5px; display: none;}


.page-order-error-middlesection > p {margin-bottom: 10px;}
.page-order-error-middlesection > p:last-child {margin-bottom: 0px;}

/************************
* External Book Page
************************/

.page-external-book-top{overflow: hidden; width: 93.25%;}
.page-external-book-top .picturebox{float:left;width:90px;height:127px;margin-right:18px;overflow:hidden;box-shadow: 0 0 4px #B0B0B0}
.page-external-book-top .picturebox .cover-image{width:90px;height:127px}
.page-external-book-top .meta{float:left;width:60%}
.page-external-book-top .meta > .buybox{margin-top: 20px;}
.page-external-book-top .meta .short-desc{padding:6px 0}

.page-external-book-middlesection{margin:0!important}
.page-external-book-middlesection .external-book-preview{margin:0 -20px;padding:12px 20px;border-bottom: 1px solid #E5E5E5;background-color:white}
.page-external-book-middlesection .external-book-details{margin:0 -20px;padding:12px 20px;border-bottom: 1px solid #E5E5E5;background-color:#F7F7F7}
.page-external-book-middlesection .external-book-details .external-book-details-part{float:left;width:49%; margin-bottom: 8px;}
.page-external-book-middlesection .external-book-details .search-tags-box{margin-top:12px}
.page-external-book-middlesection .external-book-details .search-tags-box .tag {margin-right: 10px; float: left;}
.page-external-book-middlesection .external-book-abstract{margin:0 -20px;padding:12px 20px;border-bottom: 1px solid #E5E5E5;background-color:white}
.page-external-book-middlesection .external-book-author-details{margin:0 -20px;padding:12px 20px;border-bottom: 1px solid #E5E5E5;background-color:#F7F7F7}
.page-external-book-middlesection .external-book-review{margin:0 -20px;padding:12px 20px;border-bottom: 1px solid #E5E5E5;background-color:white}
.page-external-book-middlesection .external-book-related{margin:0 -20px;padding:12px 20px;border-bottom: 1px solid #E5E5E5;background-color:#F7F7F7}
.page-external-book-middlesection .external-book-comments{margin:0 -20px;padding:12px 20px;border-bottom: 1px solid #E5E5E5;background-color:white}
.page-external-book-middlesection section > h3{background:url("/images/icons/sub-section-plus.png") no-repeat scroll 550px 0 transparent;min-height:20px;cursor:pointer}
.page-external-book-middlesection section > h3.unfold{background:url("/images/icons/sub-section-minus.png") no-repeat scroll 550px 0 transparent;min-height:20px;cursor:pointer}
.page-external-book-middlesection section > h3:hover{background:url("/images/icons/sub-section-plus-hover.png") no-repeat scroll 550px 0 transparent;min-height:20px;cursor:pointer}
.page-external-book-middlesection section > h3:hover.unfold{background:url("/images/icons/sub-section-minus-hover.png") no-repeat scroll 550px 0 transparent;min-height:20px;cursor:pointer}
.page-external-book-middlesection section [data-foldable-container]{padding-top:12px}

.page-external-book-middlesection section > h3:hover{color:#888}
.page-external-book-middlesection .cbox h3[data-foldable-trigger]{margin-bottom:0}

.page-external-book-middlesection .external-url-box{padding:5px;box-shadow:0 0 4px #E7E7E7 inset}

/* *********************************
 *     Recommendations page
 * ********************************/

.page-recommendations .heading1 {}
.page-recommendations .heading2 {}
.page-recommendations .picturebox{float:left;display:block}
.page-recommendations .meta{float:left; margin-left:24px;position:relative;width:444px}
.page-recommendations .heading3{font-size:15px;margin-bottom:3px}
.page-recommendations .document-category{color:gray;font-size:12px}
.page-recommendations [data-foldable-trigger] {cursor: pointer;}
.page-recommendations [data-foldable-trigger]:after {content: "+"; font-size: 32px; position: absolute; right: 15px; top: 4px; color: gray;}
.page-recommendations [data-foldable-trigger="unfold"]:after {content: "–"; font-size: 32px; position: absolute; right: 15px; top: 4px; color: gray;}

.page-recommendations .document-list article {margin: 0 -20px 0 -20px; padding: 15px 20px; border-bottom: 1px solid #E5E5E5;}
.page-recommendations .document-list article:nth-child(odd) {background-color: #F7F7F7;}
.page-recommendations .document-list article:last-child {padding-bottom: 0px; border-bottom: 0; background-color: white;}