/** fonts **/
@font-face {
    font-family: 'Glyphicons Halflings';

    src: url('/daten/fonts/glyphicons-halflings-regular.eot');
    src: url('/daten/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/daten/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/daten/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/daten/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

@font-face {
  font-family: Open Sans;
  src: url('../daten/fonts/Open_Sans/OpenSans-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: Raleway;
  src: url('../daten/fonts/Raleway/Raleway-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

/** body **/
body {
color: #333333;
font-family: "Open Sans",helvetica,arial,verdana;
font-size: 0.71em;
}

#page {
    min-width: 1200px;
    /* background-color: #071824; */
}

#header,
#mainnav-inner,
#main-inner {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
}

#content {
  width: 1200px;
}

/** header **/
#header {

}

#logo {
  float: left;
  margin-top: 10px;
}

#user {
    height: 55px;
    background-color: #071824;
    color: #ffffff;
    font-size: 12px;
}

#user .menu li {
  line-height: 21px;
}

#userlog {
  float: left;
  margin-right: 25px;
  margin-top: 5px;
}

#userlog li {
  background: url("../daten/imgs/sep.gif") no-repeat right center;
  float: left;
  list-style: none;
  padding-left: 7px;
  padding-right: 8px; 
}

#userlog li.last {
  background-image: none;
  padding-right: 0;
}

#user #logout a {
  background: transparent url("../daten/imgs/log.png") no-repeat left center;
  float: left;
  height: 21px;
  padding-left: 18px;
}

#user #logout a:hover {

}

#powered {
  float: left;
}

/** mainnav **/
#mainnav {
    float: left;
    height: 37px;
    margin-top: 1px;
    min-width: 1200px;
    width: 100%;
    background-color: #071824;
}

#mainnav .sf-js-enabled,
#mainnav .sf-js-enabled ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#mainnav li {
  float: left;
  margin-right: 7px;
  padding-top: 5px;
}

#mainnav li.last {
  margin-right: 0px;
}

#mainnav .menu li.leaf {
  display: block;
  position: relative; 
}

#mainnav .menu a {
  /* background: transparent url("../daten/imgs/mainnav.gif") no-repeat 0px -5px; */
  float: left;
  height: 32px;
}

#mainnav .menu a,
#mainnav .menu a:visited,
#mainnav .menu a:hover {
  color: #fff;
}

#mainnav .menu a span, 
#mainnav .menu .statuslight .statuslight-icon {
  /* background: transparent url("../daten/imgs/mainnav.gif") no-repeat 100% -79px; */
    cursor: pointer;
    float: left; 
    height: 32px;
    padding-left: 7px;
    padding-right: 7px; 
    line-height: 30px;
    color: #ffffff;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

#mainnav .menu .statuslight .statuslight-icon span {
  background: transparent url("../daten/imgs/icoset.png") no-repeat -36px 0px; 
  float: left; 
  height: 16px;
  margin: 8px 4px 0px 4px;
  padding: 0px;
  width: 16px;
}

#mainnav .menu .statuslight .statuslight-icon.yellow span {
  background-position: -36px -16px; 
}

#mainnav .menu .statuslight .statuslight-icon.red span {
  background-position: -36px -48px; 
}

#mainnav .menu .statuslight .statuslight-icon {
  cursor: pointer;
}

#mainnav .menu li.active a,
#mainnav .menu a:hover,
#mainnav .menu .sfHover a {
  background-position: 0px -42px;
}

#mainnav .menu li.active a span,
#mainnav .menu a:hover span,
#mainnav .menu .sfHover a span,
#mainnav .menu a.statuslight:hover .statuslight-icon {
  background-position: 100% -116px;
}

#mainnav .sf-js-enabled ul {
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-box-shadow: 1px 2px 3px #445d72;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#445d72')";
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-box-shadow: 1px 2px 3px #445d72;
  background-color: #283b4a;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-color: #1a2630;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  box-shadow: 1px 2px 3px #445d72;
  display: none;
  left: 0px;
  padding: 0px 0px 7px 0px;
  position: absolute;
  top: 37px;
  z-index: 999;
}

#mainnav #serv.sf-js-enabled ul {
  left:auto;
  right:0; 
}

#mainnav li ul li {
  clear: both;
  z-index: 999;
  height: auto;
  margin: 0;
  padding: 0px;
}

#mainnav ul.xmas li ul li {
  background: url("/daten/imgs/xmas/tux.png") no-repeat right;
}

#mainnav .menu li ul a,
#mainnav .menu li ul a span {
  background-color: transparent;
  background-image: none;
  height: auto;
  line-height: 17px;
}

#mainnav .menu li ul a {
  border-bottom: 1px solid #6a8397;
  padding: 0;
  margin: 0;
  min-width: 165px;
}

#mainnav .menu li ul a:hover {
  background-color: #3e536a;
}

#mainnav .menu li ul a span {
  background-image: none;
  height: auto;
  margin: 0;
  padding: 5px 7px 5px 7px;
}

#serv {
  float: right;
}

#search {
  float: left;
  margin-left: 10px;
  padding-top: 7px;
}

#search input.form-text {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #e2e9ee;
  border: 1px solid #003c6b;
  border-radius: 4px;
  float: left;
  height: 1.38462em;
}

.searchbutton {
  float: left;
  border-style: none;
  height: 21px;
  margin-left: 5px;
  width: 20px;
}

/** main **/

#main.xmas {
  background: #fff url("../daten/imgs/xmas/schnee.jpg") no-repeat;
}

#main {
  /* background: #fff url("../daten/imgs/bgi.gif") repeat-x left top; */
    background-color: #f8f8f8;
    border-top: 1px solid #fff;
    float: left;
    min-height: 480px;
    min-width: 1200px;
    width: 100%; 
}

#main-inner {

}

/** content **/
#content {
  float: left;
}

/* pager */
.pager {
  float: right;
  margin-right: 7px;
}

.pager .btn {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: transparent;
  background-image: url("../daten/imgs/pager.gif");
  background-repeat: no-repeat;
  border-radius: 3px;
  border-style: none;
  float: left;
  height: 15px;
  margin-right: 7px;
  padding: 1px;
  width: 15px;
}

.pager .btn:hover {
  background-color: #f4f7fb;
  border-color: #98b0cb;
  border-style: solid;
  border-width: 1px;
  padding: 0px;
}

.pager .btn.prev {
  background-position: 1px 1px;
}

.pager .btn.prev:hover {
  background-position: 0px -20px;
}

.pager .btn.next {
  background-position: 1px -39px;
}

.pager .btn.next:hover {
  background-position: 0px -60px;
}

.pager .btn.first {
  background-position: 1px -79px;
}

.pager .btn.first:hover {
  background-position: 0px -100px;
}
.pager .btn.last {
  background-position: 1px -119px;
}

.pager .btn.last:hover {
  background-position: 0px -140px;
}

.pager input.pagedisplay,
.pager select {
  float: left;
}

/* campaign workflow */
#block_campaign_workflow .bcontent {
  padding: 3px;
  width: 1192px;
}

#block_campaign_workflow .workflow_step {
  float: left;
  height: 214px;
  overflow: hidden; 
  margin: 0px; 
  width: 202px;
}

#block_campaign_workflow .workflow_step.last { 
  width: 182px;
}

.campaign_workflow {
  float: left;
  width: 200px;
  margin-right: 2px;
}

.campaign_workflow.last {
  margin-right: 0px;
  width: 182px;
}

.campaign_workflow .next {
  background: transparent url("../daten/imgs/icoset.png") no-repeat -22px 0px;
  float: right;
  height: 17px;
  margin-right: 3px;
  margin-top: 22px;
  width: 12px;
}

.campaign_workflow .header {
  background-color: transparent;
  background-image: url("../daten/imgs/campaign_workflow.png"); 
  background-repeat: no-repeat;
  float: left;
  height: 59px;
  margin-bottom: 3px;
  position: relative;
  width: 182px;
}

#step1.campaign_workflow .header {
  background-position: 0px 0px;
}

#step2.campaign_workflow .header {
  background-position: -183px 0px;
}

#step3.campaign_workflow .header {
  background-position: -366px 0px;
}

#step4.campaign_workflow .header {
  background-position: -549px 0px;
}

#step5.campaign_workflow .header {
  background-position: -732px 0px;
}

#step6.campaign_workflow .header {
  background-position: -915px 0px;
}

.campaign_workflow .header .status {
  background: transparent url("../daten/imgs/icoset.png") no-repeat -36px 0px;
  height: 16px;
  left: 158px;
  position: absolute;
  top: 35px;
  width: 16px;
}

.campaign_workflow .header.poor .status {
  background: transparent url("../daten/imgs/icoset.png") no-repeat -36px -16px;
}

.campaign_workflow .header.bad .status {
  background: transparent url("../daten/imgs/icoset.png") no-repeat -36px -32px;
}

.campaign_workflow .header a.billing {
  background: transparent url("../daten/imgs/icoset.png") no-repeat -21px -83px;
  left: 5px;
  position: absolute;
  top: 34px;	
}

.campaign_workflow-content {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #f0f5f9;
  border-radius: 3px;
  border: 1px solid #92a5b5;
  clear: both;
  float: left;
  height: 150px;
  overflow-x: hidden;  
  overflow-y: auto;
  width: 180px;
}

.content-inner {
  padding: 3px;
  width: 174px;
}

.campaign_workflow-content ul,
.campaign_workflow-content li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.campaign_workflow-content a.edit {
  margin-left: 0px;
  margin-right: 5px;
}

/** wizard **/
body.wizard {
  background-color: #dae6f0;
}

body.wizard #header-inner {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #f3f7fa url("../daten/imgs/top.gif") repeat-x left top;
  border-color: #b4c6d5;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  margin-bottom: 7px;
  padding: 3px 15px 2px 15px;
}

body.wizard #main {
  border-bottom: 1px solid #92a5b5;
}

.hbar h3.warning {
  color: red;
}

#create_publisher .bcontent p {
  margin: 7px;
}


/** bootstrap table fix **/

    .bootstrap table thead th.pubapp_label {
        font-size: 14px;
        color: #999999;
        text-align: left;
        border: none;
        padding: 0px;
    }
    
    .bootstrap table tbody td.pubapp_number {
        font-size: 24px;
        color: #000000;
        text-align: left;
        border: none;
        padding: 0px;        
    }