@CHARSET "UTF-8";

/*
 * Project:     zdk-portal
 *
 * Copyright:   Copyright (c) 2007
 * Company:     SecureNet GmbH
 * Created:     Jul 06, 2007
 * Author:      Knut Sander, knut.sander@securenet.de (ks)
 * Version:     1.0
 *
 * SVN-Info:    $Revision:: 1000   $ by $Author:: fl    $
 *              $LastChangedDate:: 2010-02-22 17:13:49 #$
 */
  /* -- basic html tag styles --------------------------------------------------------------------------------------- */
body {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Verdana, sans-serif;
  font-size: small;
  color: #000000;
  background: #D0D0D0;
  min-height: 768px;
}

body.iframe {
  min-height: 0;
}

a:link,a:visited {
  color: #6F6F6F;
  text-decoration: underline;
}

a:active,a:hover {
  color: #505050;
  text-decoration: underline;
}

a.noTextDeco,a.noTextDeco:link,a.noTextDeco:visited,a.noTextDeco:hover,a.noTextDeco:active {
  text-decoration: none;
}

a.textDeco,a.textDeco:link,a.textDeco:visited,a.textDeco:active,a.textDeco:hover {
  text-decoration: underline;
}

img {
  border: none;
}

p {
  margin: 0px 0px 1em 0px;
}

h1 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: small;
  margin: 0px 0px 0px 0px;
  color: #2ED22A;
}

h2 {
  font-weight: bold;
  font-size: small;
  margin: 0px 0px 0px 0px;
}

h3 {
  font-weight: normal;
  text-transform: uppercase;
  font-size: small;
  margin: 0px;
}

table {
  border: none;
  margin: 0px;
  padding: 0px;
}

th,td {
  margin: 0px;
  padding: 1px;
  border: none;
}

th {
  background-color: #808080;
  color: #FFFFFF;
  font-weight: bold;
  text-align: left;
}

ul {
  list-style-image: url('../images/arrow-right.gif');
  padding: 5px 0px 5px 20px;
  margin: 3px 0px;
}

ol {
  padding: 0 0 0 2.5em;
  margin: 0;
}

li {
  padding: 0px 0px;
}

form {
  padding: 0;
  margin: 0;
}

/* -- main layout boxes --------------------------------------------------------------------------------------------- */
  /* ---- level 0: full page ---- */
#box_body {
  margin: 5px auto;
  width: 1000px; /* 985px; */
  float: none;
  background: #FFFFFF;
}

#spinner {
  min-height: 100%;
  visibility: hidden;
  opacity: 0.4; /* CSS3: Moz, FF, Opera */
  background-image: url(../images/spinner.gif);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #D0D0D0;
  cursor: wait;
  z-index: 100;
  /* border: 1px solid red; */
}

#extensionPoint {
  min-height: 100px;
  display: none;
  opacity: 0.4; /* CSS3: Moz, FF, Opera */
  background-image: url(../images/spinner.gif);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: wait;
  z-index: 100;
}

/* ---- lever 1: head, menu, content, footer ---- */
#box_header,#box_menu,#box_content,#box_footer,#box_bottom {
  width: 100%;
  margin: 5px;
  clear: both;
  float: none;
}

#box_header {
  margin: 0px;
  height: 170px;
}

#box_footer {
  padding-top: 35px;
  text-align: center;
}

#box_bottom {
  margin-top: 30px
}

/* ---- level 2: header ---- */
#box_logo,#box_login,#box_topnavi,#box_i18n,#box_impressum,#box_search,#box_facebook {
  height: 80px;
  margin-left: 10px;
  padding: 0px;
  float: right;
  text-align: right;
}

#box_logo {
  width: 220px;
  padding: 0px 5px 5px 0px;
  float: left;
  margin-left: 0px;
  text-align: left;
}

#box_i18n {
  margin-left: 0px;
  text-align: left;
}

div.box_lang {
  margin-right: 5px;
  float: left;
}

#box_topnavi {
  width: 330px;
}

#box_impressum {
  width: 330px;
  height: 10px;
  padding: 5px 0px 5px 0px;
  margin-left: 0px;
}

#box_search {
  width: 330px;
  height: 40px;
  padding: 5px 0px 5px 0px;
  margin-top: 3px;
}

#box_login {
  width: 255px;
  padding: 5px 0px 0px 15px;
  margin-right: 6px;
}

#box_facebook {
  padding-top: 15px;
}

#box_toplink {
  display: none;
}

/* ---- level 2: menue, 2 boxes, 1 colum, 2 lines ---- */
#box_menu_main,#box_menu_sub {
  clear: both;
}

/* ---- level 2: messages ---- */
#box_messages {
  width: 654px;
  margin-top: 10px;
  border: none;
  float: none;
  clear: both;
}

/* ---- level 2: content, 2x 1:1 boxes, 2 colums, 1 line ---- */
#box_content_left,#box_content_right {
  padding: 5px;
  margin-top: 10px;
  width: 474px;
  border: 1px solid #D0D0D0;
  background-color: #F8F8F8;
  float: left;
  overflow: hidden;
}

#box_content_left {
  margin-right: 13px;
  clear: both;
}

/* ---- level 2: content, 2xN 2:1 boxes, 2 colums, N line ---- */
#box_content_left2,#box_content_right2,div.content_left2,div.content_right2 {
  width: 309px;
  padding: 5px;
  margin-top: 10px;
  margin-right: 0px;
  border: 1px solid #D0D0D0;
  background-color: #F8F8F8;
  float: left;
  overflow: hidden;
}

#box_content_left2,div.content_left2 {
  width: 642px;
  margin-right: 10px;
  clear: both;
}

#box_content_left2.hsizeFull,div.hsizeFull {
  float: left;
  width: 973px;
}

/* ---- level 2: content, 1xN N boxes, 1 colums, N line ---- */
#box_content_full,div.content_full {
  width: 962px;
  padding: 5px;
  margin-top: 10px;
  border: 1px solid #D0D0D0;
  background-color: #F8F8F8;
  float: left;
  clear: both;
}

/* ---- level 2: content, 3x/6x 1:1:1 boxes, 3 colums, 1/2 lines ---- */
#box_content1,#box_content2,#box_content3,#box_content4,#box_content5,#box_content6 {
  width: 312px;
  padding: 4px;
  margin-top: 10px;
  margin-right: 10px;
  border: 1px solid #D0D0D0;
  background-color: #F8F8F8;
  float: left;
  overflow: hidden;
}

#box_content1,#box_content4 {
  clear: both;
}

#box_content3,#box_content6 {
  margin-right: 0px;
  width: 311px;
}

/* ---- level 2: content, 2x/4x 1:1 boxes, 2 colums, 1/2 lines ---- */
#box_content21,#box_content22,#box_content23,#box_content24 {
  width: 316px;
  margin: 10px 10px 0 0;
  padding: 2px;
  border: 1px solid #D0D0D0;
  background-color: #F8F8F8;
  float: left;
}

#box_content21,#box_content23 {
  clear: both;
}

/* -- content styles ------------------------------------------------------------------------------------------------ */
  /* ---- level 3+: misc / common ---- */
.noop { /* the empty class */
  
}

div.line {
  padding-top: 5px;
  clear: both;
  float: none;
}

div.newline {
  clear: both;
}

div.float_left {
  float: left;
}

div.float_right {
  float: right;
}

div.vspacer0 {
  clear: both;
  width: 100%;
  height: 0.5em;
  margin: 0;
  padding: 0;
}

div.vspacer,div.vspacer1 {
  clear: both;
  width: 100%;
  height: 1em;
}

div.vspacer2 {
  clear: both;
  width: 100%;
  height: 2em;
}

div.vsize1,div.vsize2,div.vsize3,div.vsize41,div.vsize42,div.vsize5 {
  overflow: auto;
}

div.vsize0 {
  height: 208px;
}

div.vsize1 {
  height: 305px;
}

div.vsize15 {
  height: 335px;
}

div.vsize2 {
  height: 355px;
}

div.vsize3 {
  height: 575px;
}

div.vsize41 {
  min-height: 535px;
}

div.vsize42 {
  min-height: 607px;
}

div.vsize5 {
  min-height: 860px;
}

div.hsize1p {
  float: left;
  width: 1%;
}

div.hsize2p {
  float: left;
  width: 2%;
}

div.hsize49p {
  float: left;
  width: 49%;
}

div.hsize50p {
  float: left;
  width: 50%;
}

div.hsize100p {
  float: left;
  width: 100%;
}

div.scrollable_text {
  height: 10em;
  overflow: auto;
  white-space: pre;
  border: 1px solid #d0d0d0;
}

div.scrollable {
  overflow: auto;
}

div.overflowHidden {
  overflow: hidden
}

div.border {
  border: 1px solid #d0d0d0;
}

div.noborder {
  border: 1px solid #ffffff;
}

.text_left {
  text-align: left;
  float: left;
}

.text_center {
  width: 100%;
  text-align: center;
  float: inherit;
}

.text_right {
  text-align: right;
  float: right;
}

.text_justify {
  text-align: justify;
  float: inherit;
}

.text_caps {
  text-transform: uppercase;
  font-size: smaller;
  padding-top: 1px;
}

.smaller {
  font-size: smaller;
}

.font_mono {
  font-family: monospace;
  font-size: 10pt;
}

a.text_caps,a.text_caps:link,a.text_caps:visited,a.text_caps:hover,a.text_caps:active,.text_caps a {
  text-decoration: none;
}

.vertical_top {
  vertical-align: top;
}

.vertical_middle {
  vertical-align: middle;
}

.vertical_bottom {
  vertical-align: bottom;
}

.nowrap {
  white-space: nowrap;
}

span.selected { /* linkIf tag creates this spans if test-attr is false instead of real link (a-tag) */
  
}

.disabled {
  color: #D0D0D0;
}

.border_none {
  border: none;
}

.bgcol_white {
  background-color: #FFFFFF;
}

.bgcol_warm {
  background-color: #F8F8F8;
}

.bgcol_light {
  background-color: #E5E5E5;
}

.bgcol_thumb {
  background-color: #DDDDDD;
}

.bgcol_dark {
  background-color: #D0D0D0;
}

.bgcol_black {
  background-color: #000000;
}

.text_white {
  color: #FFFFFF;
}

.text_black {
  color: #000000;
}

.bold {
  font-weight: bold;
}

.list_0 {
  background-color: #E5E5E5;
}

.list_1 {
  background-color: #F0F0F0;
}

.list_0_selected,.list_0_selected a:link,.list_0_selected a:visited {
  background-color: #E5E5C5;
}

.list_1_selected,.list_1_selected a:link,.list_1_selected a:visited {
  background-color: #F0F0D0;
}

.list_0_highlight:hover {
  background-color: #DCDCDC;
}

.list_1_highlight:hover {
  background-color: #EAEAEA;
}

.bg_inherit {
  background: inherit;
}

td .block:link,td .block:visited,div .block:link,div .block:visited {
  display: block;
}

.hidden {
  visibility: hidden;
}

.nodisplay {
  display: none;
}

.overflowAuto {
  overflow: auto !important;
}

/* ---- level 3+: loginbox ---- */
div.login label,div.login span.value  {
  float: left;
  clear: both;
  width: 100%;
  text-align: left;
}

div.login label  {
  font-size: smaller;
}

div.login input.normal {
  width: 178px;
}

div.lastLogin {
  margin-top: 8px;
  font-size: smaller;
}

/* ---- level 3+: menu ---- */
.menuButton,.menuButton_last,.menuButton_selected,.menuButton_last_selected,.menuButton_empty {
  padding: 0px;
  border-right: 2px solid #D0D0D0;
  float: left;
  font-size: 10pt;
  font-weight: bold;
  text-transform: uppercase;
}

.menuButton_last,.menuButton_last_selected {
  border-right: none;
}

.menuButton_empty {
  border-right: none;
  background: #FFFFFF;
}

.menuButton_empty_voting {
  width: 45ex;
}

div.menuButton:hover,div.menuButton_last:hover {
  background-color: #F5F5F5;
}

#box_menu_main .menuButton_selected,#box_menu_main .menuButton_last_selected {
  background-color: #48D820;
}

#box_menu_sub .menuButton,#box_menu_sub .menuButton_last,#box_menu_sub .menuButton_selected,#box_menu_sub .menuButton_last_selected
  {
  margin: 8px 0px;
  font-size: 9pt;
}

#box_menu_sub .menuButton_selected,#box_menu_sub .menuButton_last_selected {
  background: #98907F;
}

/* .menuButton a:hover { text-decoration: underline; } */
.menuButton a,.menuButton_last a,.menuButton_selected a,.menuButton_last_selected a,.menuButton a:link,.menuButton_last a:link,.menuButton_selected a:link,.menuButton_last_selected a:link,.menuButton a:visited,.menuButton_last a:visited,.menuButton_selected a:visited,.menuButton_last_selected a:visited
  {
  padding: 0px 10px;
  text-decoration: none;
  color: #909090;
}

.menuButton a:hover,.menuButton_last a:hover {
  color: #A0A0A0;
  background-color: #F5F5F5;
}

.menuButton a:active,.menuButton_last a:active {
  color: #B0B0B0;
  background-color: #F5F5F5;
}

.menuButton_selected a,.menuButton_selected a:active,.menuButton_selected a:link,.menuButton_selected a:visited,.menuButton_selected a:hover,.menuButton_last_selected a,.menuButton_last_selected a:active,.menuButton_last_selected a:link,.menuButton_last_selected a:visited,.menuButton_last_selected a:hover
  {
  color: #FFFFFF;
}

#menu_anchor {
  text-decoration: none;
}

/* ---- level 3+: artwork images ---- */
div.artwork_thumb,div.series_thumb {
  width: 148px;
  height: 148px;
  margin: 3px;
  background: #DDDDDD;
  float: left;
  border-style: solid;
  border-color: #d0d0d0;
  border-width: 1px;
}

div.text_thumb {
  width: 300px;
  height: 43px;
  margin: 3px;
  padding-top: 5px;
  padding-left: 2px;
  overflow: hidden;
  clear: both;
  float: none;
}

div.thumb_center {
  margin-left: auto;
  margin-right: auto;
  width: 154px
}

div.artwork_thumb div.left,div.artwork_thumb div.right,div.series_thumb div.left,div.series_thumb div.right {
  height: 119px;
  width: 14px;
}

div.series_thumb div.left,div.series_thumb div.right {
  background-image: url(../images/label-series.gif);
}

div.artwork_thumb div.left,div.series_thumb div.left {
  clear: both;
  float: left;
}

div.artwork_thumb div.right,div.series_thumb div.right {
  float: right;
}

div.artwork_thumb div.image,div.series_thumb div.image {
  height: 118px;
  width: 118px;
  padding: 1px;
  float: left;
}

div.artwork_thumb table,div.series_thumb table,div.artwork_thumb td,div.series_thumb td {
  height: 118px;
  width: 118px;
}

div.artwork_thumb img,div.series_thumb img {
  max-width: 118px;
  max-height: 118px;
}

div.artwork_thumb div.foot,div.series_thumb div.foot {
  height: 24px;
  width: 144px;
  padding: 2px;
  clear: both;
  font-size: x-small;
  line-height: 1.25em;
  float: left;
  overflow: hidden;
}

.bgcol_white div.foot {
  background: #FFFFFF;
}

div.artwork_thumb div.price {
  background-image: url(../images/artwork-price.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
}

div.artwork_thumb.awardParticipant {
  background-image: url(../images/award-icon.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
}

div.image {
  position: relative;
}
img.videoIcon {
  position:absolute;
  left:31%;
  top:48%;  /* this is center for most landscape preview-images */
}

img.videoIconForLarge {
  position:absolute;
  left:45%;
  top:45%;  /* this is center for most landscape preview-images */
}

div.bgcol_white div.price, div.artwork_thumb.awardParticipant.bgcol_white {
  background-image: none;
}

div.artwork_thumb a,div.artwork_thumb a:link,div.artwork_thumb a:visited,div.artwork_thumb a:hover,div.artwork_thumb a:active,div.series_thumb a,div.series_thumb a:link,div.series_thumb a:visited,div.series_thumb a:hover,div.series_thumb a:active
  {
  text-decoration: none;
}

div.artwork_thumb td,div.series_thumb td {
  margin: 0px;
  padding: 0px;
  border: none;
}

img.artwork {
  max-width: 638px;
  max-height: 638px;
}

div.image td {
  text-align: center;
  vertical-align: bottom;
}

.userphoto,.userphoto_small {
  float: left;
  width: 205px;
  height: 298px;
  padding: 1px;
  margin: 2px;
  border-style: solid;
  border-color: #d0d0d0;
  border-width: 1px;
  background: inherit;
}

.userphoto_small {
  height: 213px;
  background: #DDDDDD;
}

.userphoto_label {
  text-align: center;
}

.userphoto_img {
  text-align: center;
  height: 200px;
}

/* ---- level 3+: forms ---- */
div.row {
  clear: both;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
}

div.row label,div.row span.label {
  float: left;
  width: 29%;
  text-align: left;
}

div.row span.help {
  float: right;
  width: 4%;
  text-align: left;
}

.checkbox_list {
  float: left;
  width: 45%;
}

span.value,span.buttons,div.buttons {
  float: right;
  width: 66%;
  text-align: left;
}

span.button,div.button {
  float: right;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  text-align: right;
}

input,textarea,select,button {
  border: 1px solid #D0D0D0;
  background-color: #FFFFFF;
  padding: 0 3px;
}

input.radio,input.checkbox {
  border: none;
  /* does not work in IE, so we have to hardcode this: background-color: inherit; */
  background-color: #F8F8F8;
}

/* .buttons input {
  text-transform: uppercase;
} */
input.xxxshort,textarea.xxshort,select.xxshort,div.xxshort {
  width: 35px;
}

input.xxshort,textarea.xxshort,select.xxshort,div.xxshort {
  width: 40px;
}

input.xshort,textarea.xshort,select.xshort,div.xshort {
  width: 65px;
}

input.short,textarea.short,select.short,div.short {
  width: 125px;
}

input.normal,textarea.normal,select.normal,div.normal {
  width: 185px;
}

input.medium,textarea.medium,select.medium,div.medium {
  width: 260px;
}

input.wide,textarea.wide,select.wide,div.wide,div.wide {
  width: 417px;
}

input.wide_lock,textarea.wide_lock,select.wide_lock,div.wide_lock {
  width: 404px;
}

input.xwide,textarea.xwide,select.xwide,div.xwide {
  width: 481px;
}

/* ---- level3+: messages (notification) ---- */
div.error ul,h1.error {
  background-color: #FFD0D0;
}

div.warn ul {
  background-color: #D0D0FF;
}

div.info ul {
  background-color: #FFFFD0;
}

div.message ul {
  background-color: #D0FFD0;
}

td.error,input.error,textarea.error,.error select,span.error {
  border: 1px solid #FFA0A0;
}

.error select {
  background-color: #FFA0A0;
}

span.error {
  padding: 3px 0px 3px 3px;
}

span.value div.error {
  float: left;
}

/* ---- level3+: pagination links ---- */
a.prevLink,a.nextLink,a.step,a.prevLink:link,a.nextLink:link,a.step:link,a.prevLink:visited,a.nextLink:visited,a.step:visited,span.step,div.step,span.currentStep
  {
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: smaller;
  color: #6F6F6F;
}

span.currentStep {
  font-weight: bold;
  color: #6F6F6F;
}

span.selected {
  color: #000000;
}
/* ---- level3+: icon links ---- */
a.iconClose {
  display: block;
  overflow: hidden;
  float: right;
  position: relative;
  right: 0;
  top: 0;
  height: 0px;
  width: 16px;
  padding-top: 16px;
}
a.iconClose {
  background: transparent url("../images/close.gif") no-repeat;
}

/* ---- level3+: search ---- */
#quickSearchTerm {
  width: 240px;
}

/* ---- level3+: user messages (mail) ---- */
div.scrollable_msglist {
  height: 13.75em;
  overflow: auto;
  border: none;
}

div.scrollable_msglist table {
  width: 100%;
}

/* ---- level3+: help tip ---- */
#helpTip {
  position: absolute;
  background-color: #d0d0d0;
  font-weight: bolder;
  color: #FFFFFF;
  border: 1px solid #e5e5e5;
  padding: 5px;
  width: 200px;
  z-index: 99;
  display: none;
}

img.helpTip,img.lockTip {
  cursor: help;
  vertical-align: top;
}

/* ---- level3+: voting ---- */
div.votingCandidateOverlayParent {
  overflow: visible !important;
}
#votingCandidateOverlay {
  z-index: 50;
  position: absolute;
  padding: 15px;
  top: 5%;
  left: 5%;
}

#voting_candidate_show { /* margin-top: 10px; */
  width: 640px;
  border: 2px solid #D0D0D0;
  padding: 0 5px 5px 5px;
  box-shadow: 5px 5px 5px #A0A0A0;  
  -moz-box-shadow: 5px 5px 5px #A0A0A0;
  -webkit-box-shadow: 5px 5px 5px #A0A0A0;
  /* border: 2px solid #CFBA61; */
}

#voting_candidate_show .header {
  text-align: center;
}

#voting_candidate_show .header h1 {
  color: #867446;
  font-size: x-large;
  font-style: normal;
}

.voted .foot,.notvoted .foot {
  background-image: url(../images/voting_on.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
}

.notvoted .foot {
  background-image: url(../images/voting_off.gif);
}

#voting_candidate_show div.center {
  margin-left: auto;
  margin-right: auto;
  width: 195px
}

div.star {
  float: left;
  width: 35px;
  height: 15px;
  overflow: hidden;
  text-align: center;
  background: url(../images/voting_off.gif) no-repeat center top;
  padding-top: 25px;
  cursor: pointer;
  background: url(../images/voting_off.gif) no-repeat center top;
}

div.star:hover,div.starOn,div.starOn:hover {
  color: #867446;
  background: url(../images/voting_on.gif) no-repeat center top;
}

div.starOff,div.starOff:hover {
  color: inherit;
  background: url(../images/voting_off.gif) no-repeat center top;
  cursor: default;
}

div.voteSummary {
  width: 155px;
  height: 150px;
  margin-top: 3px;
  margin-left: 3px;
  padding: 0px 0px;
  float: left;
}

/* ---- level3+: report ---- */
div.report table {
  text-align: center;
}

div.report tr {
  
}

div.report th {
  text-align: center;
  padding: 3px 5px 3px 5px;
}

div.report td {
  padding: 1px 5px 1px 5px;
}

div.report tr.even,div.report td.even {
  background: #FFFFFF;
}

div.report tr.odd,div.report td.odd {
  background: #E5E5E5;
}
/* -- eof ----------------------------------------------------------------------------------------------------------- */