.left            {text-align: left;}


/*

// CSN. Conference
// CSS fuer Bildschirm

Farben
  #D9E8F6 hellblau
  #205E8F dunkelblau
  #484848 mittelgrau

*/

@font-face {
  font-family: 'Open Sans';
  src: url('/fonts/OpenSans-Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/OpenSans-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  src: url('/fonts/OpenSans-Bold.ttf') format('truetype');
  font-weight: 700;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/fonts/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/fonts/OpenSans-Light.ttf') format('truetype');
  font-weight: 300;
}

/* Allgemeine Definitionen */
html, body {
  margin: 0; padding: 0;
  font: 13px/1.25 "Open Sans", Arial, sans-serif;
}
html {
  background: url(/style/bannerImage/1?type=bodyBackground&salt=30) repeat-x;
  background-position: 0px 91px;
}
html, body, input, textarea, select {
  font: 13px/1.25 "Open Sans", Arial, sans-serif;
}

h1        { font-weight: normal; font-size: 130%; margin: 0; }
h2        { font-size: 120%; }
h3        { font-size: 100%; margin: 1.5em 0 0.7em; }
h4, h5, h6      { font-size: 100%; font-weight: normal; }
form        { margin: 0; }

a img       { border: none; vertical-align: bottom; }

.number       { text-align: right; }
.clear        { clear: both; }

/* Seitenkopf */

#top        {
    
      background: url(/style/bannerImage/1?type=background&salt=30) scroll 0 0 repeat-x;
  
  margin: 0; padding: 0; height: 91px;
  min-width: 1000px;
}

#top div      { width: 980px; height: 91px; margin: auto; position: relative; }

.logo       { margin: 0; padding: 0; position: relative; top: 1px;
            background-image:url(/style/bannerImage/1?type=bannerLeft&salt=30);
            background-repeat: no-repeat;
            height: 90px; }
#conference     { margin: 0; top: 0; right: 0; }
.tools        { padding: 0; margin: 0; list-style: none; position: absolute; top: 10px; right: 0px; }
.tools li     { float: right; margin: 0; padding: 0 .5em; line-height: 100%; }
.tools a      { text-decoration: none; color: #FFFFFF; }

#main {
  width: 980px;
  display: flex;
  margin: auto;
  padding: 24px 0 0 0;
  position: relative;
}

#sidePanel {
  margin: 0 30px 0 0;
}

.menu {
  width: 220px;
  padding: 0;
}
.menu.separator {
  margin-top: 18px;
}
.menu > .header {
  display: flex;
  justify-content: space-between;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.1rem;
  background-color: #104055;
  color: #FFFFFF;
  height: 16px;
  padding: 10px 20px;
}
.menu ul {
  background: #F3F3F3;
  border: 1px solid #A3A7A1;
  border-top: none;
  list-style: none;
  margin: 0; padding: 0;
}
.menu ul.menuList li {
  height: 30px;
  padding: 0 20px;
}
.menu ul.menuList li:hover, .menu li.active {
  color: #333333;
  background-color: #C2E2E6;
}
.menu li a {
  display: block;
  padding: 7px 0;
  color: #333333;
}
.menu li a:hover {
  text-decoration: none;
}
.menu li:last-child a {
  border-bottom: none;
}

.menu ul.login li form {
  padding: 20px;
}
.menu ul.login li input[type=text], .menu ul.login li input[type=password] {
  width: calc(100% - 34px);
  background-color: white;
  border: 1px solid #cdd2ca;
  border-radius: 4px;
  padding: 8px 0 6px 34px;
  margin-bottom: 12px;
}
.menu ul.login li input[type=text]::placeholder, .menu ul.login li input[type=password]::placeholder {
  color: #B7BEC5;
}
.menu .formItem {
  position: relative;
}
.menu .iconHolder {
  width: 30px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background-position: 8px 5px;
  background-repeat: no-repeat;
}
.menu .loginIconHolder {
  background-image: url(/images/account-outline-20.png);
}
.menu .passwordIconHolder {
  background-image: url(/images/lock-outline-20.png);
}
.login input[type="submit"] {
  background: #104055;
  color: #FFFFFF;
  border: none;
  padding: 5px 24px;
  border-radius: 4px;
}

/* Inhalt */

#contentWrapper {
  flex: 1 1 0%;
}

#content {
  border: 1px solid #A3A7A1;
  background: #F3F3F3;
  position: relative;
}

.head, .more, .foot {
  position: relative;
  padding: 10px 20px;
  height: 16px;
  font-size: 16px;
  line-height: 1.1rem;
  clear: both;
}
.footSmallerText {
  height: 14px;
  font-size: 14px;
}
.help       { position: absolute; right: 15px; top: .75em; font-size: 110%; margin: 0 0; }

/* Inhalt: Kopf */
.head         { background: url(/images/layout/headerVerlauf.png) 0 0 repeat-x #459AB1; color: #FFFFFF; }
.head a         { color: #FFFFFF; text-decoration: none; }
.head a:hover     { text-decoration: underline; }
.head h1        { display: inline; }


/* Inhalt: Mitte */
.content      { position: relative; margin: 15px; clear: both; }
.column       { width: 330px; float: left; padding: 0 0 0 18px; margin: 0; }
.column h3.first-child    { margin-top: 0; }

.column.first-child   { padding: 0 17px 0 0; margin-right: 0px; border-right: 1px solid #FFFFFF; }

/* Inhalt: Mehr ... */
.more       { border: 1px white; border-style: solid none; position: relative; }
.more h2      { margin: 0; border: none; }
.more h2 small      { padding-left: 2em; font-size: 75%; }
.more a:link      { color: #484848; text-decoration: none; }
/*.more a:visited     { color: #333; text-decoration: none; } */


/* Inhalt: Fuss */
.foot {
  background: #459AB1;
  color: #FFFFFF;
}
.foot p       { margin: 0; line-height: 1.5em;}
.foot .help     { top: 8px; }


/* Inhalt: Formular */
.personen     { border-collapse: collapse; }
.personen th, .personen td  { font-weight: normal; border-bottom: 1px solid white; padding: .25em .25em .25em 0; }
.personen th      { width: 10em;  text-align: left; }
.personen thead     { vertical-align: bottom; }
.personen input     { vertical-align: middle; }

.right        { text-align: right; }
.input, .choice     { list-style: none; padding: 0; margin: 0; line-height: 1.3em; }
.input li, .choice li   { padding: 0; margin: 0; }
.input img      { vertical-align: middle; }
.input p      { padding-left: 2em; margin-bottom: 0; }

.choice       { padding-left: 2em; clear: both; }
.choice li      { float: left; padding-right: .75em; }
.choice li.day      { width: 1.5em; text-align: center; }

.explanation      { font-style: italic; margin: .25em 0 1em 1em; }

/*--------------------------------------- Spezifische Erweiterungen ------------------------------------------------------------------*/

#menu ul li ul li:last-child  { border-bottom: none; }








.textAreaLabel {
  padding-top: 10px;
}

#main5        { min-height: 460px; height: auto !important; height: 460px; } /* IE7 Workaround */

/**
 * ----------------------------------
 * Command
 * ----------------------------------
 **/
.command {
/*  color: #333333; */
}

/*.command a {
  border: 1px solid #c0c0c0;
  padding: 2px 8px 2px 8px;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  background-color: #;
  text-decoration: none;
}*/

a { text-decoration: none; }
a:hover { text-decoration: underline; }

.command a:hover {
  border: 1px solid white;
  text-decoration: none;
}

.commandSelected{
  border: 1px solid white;
  text-decoration: none;
}

.formDescription {
  font-size: 0.8em;
  line-height: 1em;
  color: #777;
  margin: -3px 0 6px 5px;
}

/**
 * ----------------------------------
 * Messages and errors
 * ----------------------------------
 **/
.message {
    background: transparent url(/images/information.png) 0px 50% no-repeat;
    margin: 4px 0px;
    padding-left: 20px;
    font-weight: bold;
}

label.error, div.error { float: none; color: red; line-height: 1.0; font-size: 1em; font-weight: bold; margin: 4px 0px;}

.preview {
  background: url(/images/magnifier-small.png) no-repeat left 4px;
  cursor: pointer;
  padding-left: 15px;
}

.previewLabel {
  cursor: pointer;
}

.actionPanel a img {
  margin: 8px 6px;
}

.actionPanel th, .actionPanel th h3 {
  padding-right: 0;
}

.startAction {
  background: url(/images/action/overview-start.png) no-repeat left 0px;
  cursor: pointer;
}

.foilAction {
  background: url(/images/action/overview-edit.png) no-repeat left 0px;
  cursor: pointer;
  margin-left: 6px;
}

.downloadAction {
  background: url(/images/action/overview-edit.png) no-repeat left 0px;
  cursor: pointer;
  margin-left: 6px;
}

.optionsAction {
  background: url(/images/action/document--pencil.png) no-repeat left 0px;
  cursor: pointer;
  margin-left: 6px;
}

.deleteAction {
  background: url(/images/action/overview-delete.png) no-repeat left 0px;
  cursor: pointer;
  margin-left: 6px;
}

.deleteAction2 {
  background: url(/images/action/delete.gif) no-repeat left 0px;
  cursor: pointer;
  margin-left: 6px;
  padding-right: 20px;
}

.plusAction {
  background: url(/images/document--plus.png) no-repeat left 0px;
  cursor: pointer;
  margin-left: 6px;
}

.deactivateAction {
  background: url(/images/document-broken.png) no-repeat left 0px;
  cursor: pointer;
  margin-left: 6px;
}

.recordsAction {
  background: url(/images/action/film.png) no-repeat left 0px;
  cursor: pointer;
  margin-left: 6px;
}

.bcAction {
  background: url(/images/card-address.png) no-repeat left 0px;
  cursor: pointer;
  margin-left: 6px;
}

.moreAction {
  background: url(/layout/more.gif) no-repeat left 3px;
  cursor: pointer;
  margin-left: 0px;
  padding-left: 15px;
}

.deactivatedodd {
  color: #aaa;
}

.deactivatedeven {
  color: #aaa;
}

.pointer {
  cursor: pointer;
}

.editAction {
  background: url(/images/inline/edit.gif) no-repeat right 0px;
  padding-right: 20px;
  min-height: 15px;
}

.gray {
  color: #888;
  font-size: 11px;
}

.foilImage {
  background-image: url("/images/download/image.png");
}

.foilLink {
  background-image:   url("/images/globe.png");
  background-position: 10px 50%;
}

.foilPoll {
  background-image:   url("/images/question-button.png");
  background-position: 10px 50%;
}

.downloadImage {
  background-image: url("/images/download/document-image.png");
}

.filedoc, .filedocx {
  background-image: url("/images/download/document-office.png");
}

.fileppt, .filepptx {
  background-image: url("/images/download/document-powerpoint.png");
}

.filezip, .filerar, .file7z, .filetar {
  background-image: url("/images/element/document-zipper.png");
}

.filepdf {
  background-image: url("/images/download/document-pdf.png");
}

.filetxt {
  background-image: url("/images/download/document-text.png");
}

.fileOther {
  background-image: url("/images/download/document.png");
}

.arrowButton {
  display: block; width: 24px; height: 24px; text-decoration: none; padding: 0px; margin: 30px 18px 30px 22px;
  background: url(/images/arrow24.png) no-repeat left 0px;
  cursor: pointer;
}

.arrow180Button {
  display: block; width: 24px; height: 24px; text-decoration: none; padding: 0px; margin: 0px 20px 10px 20px;
  background: url(/images/arrow24-180.png) no-repeat left 0px;
  cursor: pointer;
}

.background {
  background-repeat: no-repeat;
  /*background-position: 5px 50%;*/
  display: block;
  padding-left: 33px;
}

.backgroundDownload {
  background-repeat: no-repeat;
  background-position: 4px 40%;
  display: block;
  padding-left: 33px;
}

.bannerBG {
    
  clear: both;
  position: relative;
  height: 91px;
  width: 100%;
}

a {
  color: #205e8f;
}

.labelGray {
  color: #888;
  min-width: 100px;
  display: inline-block;
  margin: 4px 0px;
}
.labelDesc {
  color: #777;
  margin: 4px 0px;
  font-size: 85%;
  font-style: italic;
}
.bcImage {
  width: 280px;
  vertical-align: 0;
}

#onAirKonferenz {
  position: absolute;
  right: 0;
  top: 0;
  height: 36px;
  padding: 0 10px;
  background-color: #ED3527;
  border-left: 1px solid white;
}
#onAirKonferenz input { margin: 7px 0 0 0; }
#onAirKonferenzText {
  float: right; margin-right: 10px; margin-top: 2px;
}

.footer2 { padding: 2px 6px; float: right; font-style: normal; color: #777777; margin: 4px 0px; font-size: 85%; }

.foot span { display: inline-block; }
.foot a { font-weight: bold; text-decoration: underline; color: #FFFFFF; }
#footLeft {
  float: left;
}
#footRight {
  float: right;
}


/* ------------------------------------------------ */

.overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

a.overflow { display: inline-block; }

#table_button { float: left; }
#table_button a { display: inline-block; height: 22px; padding: 3px 0 0 70px; }
#table_button a.presentation { background: url("/images/newButton/add-presentation.png") no-repeat 0px 0px; }
#table_button a.download { background: url("/images/newButton/add-download.png") no-repeat 0px 0px; }

#langDiv a { float: right; }
#langDiv a img { margin: 0 5px; }
#langDiv { position: absolute; top: 0px; right: 10px; z-index: 100; }

.progress {
  height: 18px;
  margin: 6px 0;
  overflow: hidden;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #d0d0d0, #d8d8d8);
  background-image: -ms-linear-gradient(top, #d0d0d0, #d8d8d8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d0d0d0), to(#d8d8d8));
  background-image: -webkit-linear-gradient(top, #d0d0d0, #d8d8d8);
  background-image: -o-linear-gradient(top, #d0d0d0, #d8d8d8);
  background-image: linear-gradient(top, #d0d0d0, #d8d8d8);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#d8d8d8', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress span.innerBar {
  display: block;
  height: 18px;
  margin: 0;
  text-align: center;
  padding: 0;
  position: relative;
  width: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #a0a0a0, #707070);
  background-image: -ms-linear-gradient(top, #a0a0a0, #707070);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a0a0a0), to(#707070));
  background-image: -webkit-linear-gradient(top, #a0a0a0, #707070);
  background-image: -o-linear-gradient(top, #a0a0a0, #707070);
  background-image: linear-gradient(top, #a0a0a0, #707070);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#a0a0a0', endColorstr='#707070', GradientType=0);
}

.progress span.innerBarText {
  color: white;
  padding-left: 2px;
  line-height: 18px;
}

.inlineBlock {
  display: inline-block; zoom:1; *display: inline !important;
}

table {
  border-collapse: collapse; empty-cells: show;
}

#loggedInAs {
  color: #777777
}

/* Visitenkarten */
.bcContainer { display: inline-block; margin-bottom: 20px; }
.editBCContainer { vertical-align: bottom; display: inline-block; }
.editBCContainer a { display: block; margin: 5px 0 0 12px; }
.editBCContainer a img { margin-bottom: 4px; }
.bcBackground { background-image: url(/images/bc/bc-background.png); background-repeat: no-repeat; padding: 5px 0 0 5px; }

/* Uploader */
#progress { width: 100%; }
.filenameCell { width: 50%; }
.sizeCell { width: 20%; text-align: right; color: #777; padding-right: 6px; }
.progressCell { width: 30%; }
#progressCount { margin: 10px 4px; }