/**
  * global definitions for LESS CSS files
  * - colors
  * - functions
  *
  * @author          Ronald Marske <r.marske@secu-ring.de>
  * @filesource      public/css/main.less
  *
  * @copyright       Copyright (c) 2012 secu-ring GmbH (http://www.secu-ring.de)
  * 
  * @package         css
  */
/** global fonts */
/* Border RTadius method */
@import "datepicker_vista/datepicker_vista.css";
.noMargin {
  margin: 0 !important;
}
/**
  * global CSS file
  *
  * @author          Ronald Marske <r.marske@secu-ring.de>
  * @filesource      public/css/new_globals.less
  *
  * @copyright       Copyright (c) 2012 secu-ring GmbH (http://www.secu-ring.de)
  * 
  * @package         css
  */
* {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
/**
 * in the html exists a div with class development if
 * a background-color was configured in the config
 */
.development #Ads_BA_BS,
.development #Ads_BA_FOOT,
.development #Ads_BA_SKY {
  background: none !important;
}
.development #Ads_BA_BS div,
.development #Ads_BA_FOOT div,
.development #Ads_BA_SKY div {
  background: none !important;
}
a img {
  border: none;
}
.breakWord {
  word-wrap: break-word;
}
html,
select,
input,
textarea {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 13px;
}
select {
  word-wrap: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
.reloadCss {
  position: absolute;
  left: 990px;
  top: 10px;
  z-index: 2000;
}
a {
  color: #990000;
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: underline;
}
a.pointer {
  cursor: pointer;
}
.anker li {
  display: block;
  font-size: 12px;
}
.clear {
  clear: both;
  height: 0px;
}
.hidden {
  display: none;
}
/* Buttons */
button,
.button,
a.button {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: none;
  color: #FFF;
  cursor: pointer;
  font-family: Arial;
  padding: 3px 5px 5px;
  background: transparent none;
  /*&.btn_gen {
		border: 1px solid #660000;
		background: #FF6600 url('/image/mb_okay_bg.gif') repeat !important;
		color: #ffffff;
		cursor: pointer;
		font-size: 13px !important;
		line-height: 22px;
		height: 22px;
		padding: 0 16px;
		text-align: center;
		vertical-align: middle;
		text-decoration:none;
	}*/
  /* Hintergrund Farben */
  /* paddings  - formats */
  /* Font Colors */
}
button:hover,
.button:hover,
a.button:hover {
  text-decoration: none !important;
}
button.icon img,
.button.icon img,
a.button.icon img {
  margin: 0px 0px -5px 5px;
}
button.middleLightGrey,
.button.middleLightGrey,
a.button.middleLightGrey {
  background-color: #999;
}
button.middleLightGrey:not([disabled="disabled"]):hover,
.button.middleLightGrey:not([disabled="disabled"]):hover,
a.button.middleLightGrey:not([disabled="disabled"]):hover,
button.middleLightGrey.disabled:hover,
.button.middleLightGrey.disabled:hover,
a.button.middleLightGrey.disabled:hover {
  background-color: #999;
}
button.middleGrey,
.button.middleGrey,
a.button.middleGrey {
  background-color: #666;
}
button.middleGrey:not([disabled="disabled"]):hover,
.button.middleGrey:not([disabled="disabled"]):hover,
a.button.middleGrey:not([disabled="disabled"]):hover,
button.middleGrey.disabled:hover,
.button.middleGrey.disabled:hover,
a.button.middleGrey.disabled:hover {
  background-color: #666;
}
button.orange,
.button.orange,
a.button.orange {
  background-color: #FF6600;
}
button.orange:hover,
.button.orange:hover,
a.button.orange:hover {
  background-color: #FF4E00;
}
button.redHover:not([disabled="disabled"]):hover,
.button.redHover:not([disabled="disabled"]):hover,
a.button.redHover:not([disabled="disabled"]):hover {
  background-color: #990000;
  color: #FFF;
}
button.middleLightGreyHover:not([disabled="disabled"]):hover,
.button.middleLightGreyHover:not([disabled="disabled"]):hover,
a.button.middleLightGreyHover:not([disabled="disabled"]):hover {
  background-color: #999;
  color: #FFF;
}
button.middleGreyHover:not([disabled="disabled"]):hover,
.button.middleGreyHover:not([disabled="disabled"]):hover,
a.button.middleGreyHover:not([disabled="disabled"]):hover {
  background-color: #666;
  color: #FFF;
}
button.dark,
.button.dark,
a.button.dark {
  background-color: #333;
}
button.cl,
.button.cl,
a.button.cl {
  background-color: #990000;
  color: #FFF;
}
button.big,
.button.big,
a.button.big {
  padding: 10px 15px;
}
button.biggest,
.button.biggest,
a.button.biggest {
  padding: 15px 20px;
}
button.fMiddleGrey,
.button.fMiddleGrey,
a.button.fMiddleGrey {
  color: #666;
}
button.fWhite,
.button.fWhite,
a.button.fWhite {
  color: #FFF !important;
}
button[disabled="disabled"],
.button[disabled="disabled"],
a.button[disabled="disabled"],
button.disabled,
.button.disabled,
a.button.disabled {
  opacity: 0.5;
  cursor: default;
}
button.tender,
.button.tender,
a.button.tender {
  background-color: #77970E;
}
button.tender:hover,
.button.tender:hover,
a.button.tender:hover {
  background-color: #65800C;
}
button.result,
.button.result,
a.button.result {
  background-color: #F14A00;
}
button.result:hover,
.button.result:hover,
a.button.result:hover {
  background-color: #D64100;
}
button.competition,
.button.competition,
a.button.competition {
  background-color: #0099CC;
}
button.competition:hover,
.button.competition:hover,
a.button.competition:hover {
  background-color: #006699;
}
/* font sizes */
.fs10 {
  font-size: 10px;
  line-height: 10px;
}
.fs12 {
  font-size: 12px;
  line-height: 12px;
}
.fs14 {
  font-size: 14px;
  line-height: 14px;
}
.fs16 {
  font-size: 16px;
  line-height: 16px;
}
.fs18 {
  font-size: 18px;
  line-height: 18px;
}
.fs20 {
  font-size: 20px;
  line-height: 20px;
}
/* widths */
.w25 {
  width: 25px;
}
/* Margins */
.mTop5 {
  margin-top: 5px;
}
.mTop10 {
  margin-top: 10px;
}
.mTop20 {
  margin-top: 20px;
}
.mTop25 {
  margin-top: 25px;
}
.mTop40 {
  margin-top: 40px;
}
.mLeft25 {
  margin-left: 25px;
}
.mRight5 {
  margin-right: 5px;
}
.mRight10 {
  margin-right: 10px;
}
.mBottom5 {
  margin-bottom: 5px;
}
.mBottom10 {
  margin-bottom: 10px;
}
.mBottom15 {
  margin-bottom: 15px;
}
.mBottom20 {
  margin-bottom: 20px;
}
.mBottom35 {
  margin-bottom: 35px;
}
/* display */
.dBlock {
  display: block;
}
/* Horizontal alignments */
.haLeft {
  text-align: left !important;
}
.haCenter {
  text-align: center;
}
.haRight {
  text-align: right;
}
.ie.ieMTop20 {
  margin-top: 20px;
}
#htmlConfirm {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  left: 236px;
  padding: 10px;
  position: fixed;
  width: 553px;
  z-index: 300;
}
#htmlConfirm .body {
  background: #FFF;
  clear: both;
  overflow: hidden;
  padding: 20px;
}
#htmlConfirm .body img {
  border: none;
  float: left;
  margin-top: 5px;
  margin-right: 10px;
}
#htmlConfirm .body h2 {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 40px;
}
#htmlConfirm .body .options a {
  float: right;
}
#htmlConfirm .loading {
  background: #FFF;
  padding: 20px;
  text-align: center;
}
div.bubble {
  background: #333;
  border: 1px solid #FFF;
  border-width: 1px 1px 0 1px;
  bottom: 70px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #FFF;
  font-size: 12px;
  padding: 20px;
  position: absolute;
  z-index: 200;
}
div.bubble.top .corner {
  bottom: auto;
  top: -10px;
}
div.bubble .corner {
  position: absolute;
  bottom: -10px;
  left: 117px;
  width: 20px;
  height: 20px;
  background-color: #333;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
div.bubble a.close {
  background: url("/image/search_close.png") no-repeat scroll 0 -40px transparent;
  cursor: pointer;
  height: 15px;
  position: absolute;
  right: 5px;
  text-indent: -2000px;
  top: 5px;
  width: 15px;
}
div.bubble a.close:hover {
  background-position: -40px -40px;
}
.ie div.bubble .corner {
  bottom: -6px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
  /* IE8 */
  transform: rotate(45deg);
  /* Newer browsers (incl IE9) */
}
#menu_top li a {
  color: #990000;
}
.tc {
  display: table-cell;
}
code {
  background: #999;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #F6F6F6;
  display: inline-block;
  font-size: 11px;
  margin: 2px;
  padding: 5px;
}
.emailBlur {
  text-shadow: 0px 0px 6px #333, 0px 0px 3px #333;
  /* Implement the blur */
  filter: progid:DXImageTransform.Microsoft.Chroma(Color=#333) progid:DXImageTransform.Microsoft.Blur(Strength=2);
  opacity: 0.6;
}
/**
 * Styles checkboxes
 */
input[type="checkbox"].styledCheckbox {
  opacity: 0;
}
input[type="checkbox"].styledCheckbox + span.checkbox {
  background-image: url("/image/search_checkboxes.png");
  background-position: 0 0;
  display: inline-block;
  margin: 0 5px 0 -17px;
  height: 13px;
  width: 13px;
}
input[type="checkbox"].styledCheckbox:focus + span.checkbox {
  box-shadow: 0px 0px 6px #5698C8;
}
input[type="checkbox"].styledCheckbox[disabled] + span.checkbox,
input[type="checkbox"].styledCheckbox:disabled + span.checkbox,
input[type="checkbox"].styledCheckbox.disabled + span.checkbox {
  background-position: -28px 0;
}
input[type="checkbox"].styledCheckbox:checked + span.checkbox {
  background-position: -60px 0;
}
input[type="checkbox"].styledCheckbox:checked[disabled] + span.checkbox,
input[type="checkbox"].styledCheckbox:checked.disabled + span.checkbox {
  background-position: -100px 0;
}
/**
 * Contact Box from competition employees
 */
.contact_container {
  border-top: 1px dotted #707070;
  padding-top: 30px;
}
.contact_container div {
  position: relative;
  bottom: 2px;
}
.contact_container h4 {
  font-size: 14px;
  margin-bottom: 2px;
  margin-top: 13px;
}
.contact_container h4 strong {
  font-weight: bold;
}
.contact_container img {
  float: left;
  margin-right: 9px;
}
.contact_container p:first-child {
  font-size: 16px;
  margin-bottom: 21px;
}
#bd div.errors ul.errors,
div.add_picker div.errors ul.errors {
  display: block;
  padding: 4px;
  max-width: 500px;
  min-width: 310px;
}
div.errors {
  background: transparent url('/image/form_error_background.png') no-repeat scroll right top;
  padding: 0 20px 0 0;
  position: absolute;
  z-index: 4000;
}
div.errors ul.errors {
  margin: 0 !important;
}
div.errors ul.errors li {
  color: white;
  float: none !important;
  margin: 4px 5px;
  max-width: 500px;
  min-width: 310px;
}
div.errors div.bl,
div.errors div.br {
  background: transparent url('/image/form_error_background.png') no-repeat scroll left bottom;
  bottom: -25px;
}
div.errors div.bl {
  margin: -25px 20px 0 0;
  position: relative;
  left: 0;
  line-height: 25px;
  width: 100%;
}
div.errors div.br {
  position: absolute;
  right: 0;
  bottom: -25px;
  height: 25px;
  width: 40px;
}
div.errorWrapper {
  width: 50px;
}
div.download_box.reference {
  position: absolute;
}
div.download_box.reference div {
  width: 247px !important;
}
div.download_box.reference div div {
  background: url("/image/static/icon_Attention.png") no-repeat scroll 32px 15px rgba(0, 0, 0, 0);
  border: none !important;
  width: 86px !important;
  top: -10px !important;
}
div.download_box.reference div h3 {
  text-transform: uppercase;
  color: #666666 !important;
  display: block;
  font-size: 14px !important;
  font-weight: bold !important;
  margin: 0 0 5px !important;
  position: relative;
}
div.download_box.reference div a {
  width: 178px !important;
  position: relative;
  top: -30px;
}
.noTextDecoration,
.noTextDecoration:hover {
  text-decoration: none;
}
.relativePositionTop3 {
  position: relative;
  top: 1px;
}
.topJobLabel {
  color: #666 !important;
  font-weight: bold;
  padding-top: 5px;
  display: inline-block;
}
.red {
  color: #CC0000;
}
/**
  * global CSS file
  *
  * @author          Ronald Marske <r.marske@secu-ring.de>
  * @filesource      public/css/main.less
  *
  * @copyright       Copyright (c) 2012 secu-ring GmbH (http://www.secu-ring.de)
  * 
  * @package         css
  */
strong {
  font-weight: bold;
}
.noSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.htmltext blockquote {
  padding: 0 30px;
}
.htmltext li.last {
  list-style: none !important;
}
.htmltext ul li {
  list-style: inside none disc !important;
}
.htmltext ol li {
  list-style: inside none decimal !important;
}
.htmltext hr {
  display: block !important;
}
#newOnCL {
  position: absolute;
  left: 395px;
  top: 17px;
  background: url("/image/was_ist_neu.png") no-repeat scroll 0px 0px transparent;
  display: block;
  width: 160px;
  height: 58px;
  font-family: 'DINWeb-Medium';
  padding: 6px 0 0 30px;
  cursor: pointer;
}
#newOnCL:hover span {
  text-decoration: underline;
}
#newOnCL span {
  font-size: 18px;
  color: #FFF;
  display: inline-block;
  background: url("/image/arrow_white_right_9x19.png") no-repeat scroll right 3px transparent;
  padding-right: 15px;
}
#hd #newOnCL {
  padding-top: 10px;
}
#hd #newOnCL span {
  background-position: right 1px;
}
#newInJobs {
  position: absolute;
  left: 443px;
  top: 36px;
  background: url("/image/was_ist_neu_jobs.png") no-repeat scroll 0px 0px transparent;
  display: block;
  width: 197px;
  height: 71px;
  font-family: 'DINWeb-Medium';
  padding: 11px 0 0 12px;
  cursor: pointer;
}
#newInJobs:hover span {
  text-decoration: underline;
}
#newInJobs span {
  font-size: 18px;
  color: #FFF;
  display: inline-block;
  background: url("/image/arrow_white_right_9x19.png") no-repeat scroll right -1px transparent;
  padding-right: 15px;
}
#hd #newInJobs {
  padding-top: 10px;
}
#hd #newInJobs span {
  background-position: right 1px;
}
#custom-doc #hd {
  position: relative;
  z-index: 5;
}
#custom-doc #hd #logo {
  top: 10px;
}
body.loading #CL #header {
  background: url("/image/wait.gif") no-repeat scroll 777px 34px transparent;
}
#CL #content div.loading,
#custom-doc #bd div.loading {
  background: rgba(255, 255, 255, 0.8);
  display: none;
  left: 1px;
  height: 100%;
  position: absolute;
  width: 985px;
  z-index: 201;
}
#CL #content div.loading img,
#custom-doc #bd div.loading img {
  border: 0;
  position: relative;
  left: 402px;
  top: 40px;
}
#CL #content.loading div.loading,
#custom-doc #bd.loading div.loading {
  display: block;
}
#CL {
  border: 1px solid #333;
  background: #FFF;
  margin: 0px 0px 0px 5px;
  padding: 10px 0 0;
  text-align: left;
  width: 980px;
  position: relative;
}
#CL #header {
  position: relative;
  z-index: 20;
}
#CL #header #logo {
  border: none;
  left: 12px;
  position: absolute;
  top: 10px;
}
#CL #header #topmenu {
  margin: auto 10px auto auto;
}
#CL #header #topmenu .userMenu {
  top: 22px;
  height: 38px;
}
#CL #header #menu_top {
  float: right;
  margin-bottom: 3px;
}
#CL #header #menu_top li {
  color: #999;
  float: left;
  padding-right: 5px;
}
#CL #header #menu_top li * {
  font-size: 12px;
  letter-spacing: -0.3pt;
}
#CL #header .separator {
  clear: both;
  height: 39px;
}
#CL #header .release {
  clear: both;
  color: #999;
  font-size: 11px;
  margin-top: 2px;
  overflow: hidden;
  text-align: right;
}
#CL #content {
  padding: 10px;
}
#CL #content .memberAd {
  position: relative;
  margin-bottom: 10px;
}
#CL #content .memberAd img {
  left: 0;
  position: relative;
  top: 0;
  width: 960px;
  z-index: 1;
  border: none !important;
}
#CL #content .memberAd.memberAd_searchbar img {
  width: auto;
}
#CL div.oplayer {
  position: absolute;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}
#CL div.oplayer div#oplwrapper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#CL div.oplayer img.big {
  width: 155px;
  height: 155px;
  border: none;
  outline: none;
}
#CL div.oplayer img.small {
  position: relative;
  width: 32px;
  height: 32px;
  border: none;
  outline: none;
}
#CL div.oplayer h2,
#CL div.oplayer div.oplayer h3 {
  text-align: center;
  color: #a0a0a0;
  display: block !important;
}
#CL div.oplayer h2 {
  margin-top: 20px;
}
.ie8 #CL #content div.loading {
  background: #FFF;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.ie8 #htmlConfirm {
  background: #333;
}
/* Sitesuche Seitenkopf */
#form-search-header {
  position: relative;
  top: -7px;
  left: 825px;
  visibility: hidden;
  font-size: 14px;
  width: 150px;
}
#form-search-header .formElement,
#form-search-header .btn_gen {
  position: relative;
  clear: none;
  float: left;
}
#form-search-header div {
  margin: 0 !important;
}
#form-search-header input#submit {
  background: url("/image/mb_search_header_submit.png") no-repeat !important;
  border: 0 !important;
  color: transparent;
  height: 22px;
  font-size: 0px;
  line-height: 1000px;
  margin: 0;
  margin-top: 1px;
  overflow: hidden;
  padding: 0;
  width: 25px;
}
#form-search-header div.formElement {
  width: 120px;
}
#form-search-header input#query {
  background: #990000;
  border: 0px !important;
  color: #FFF;
  height: 22px;
  padding-left: 5px;
  margin-top: 1px;
  width: 114px;
}
#form-search-header input#query.invalid {
  background: none repeat scroll 0 0 transparent;
  background-color: #990000;
  color: #FFF;
}
#form-search-header .bubble {
  bottom: auto;
  left: -94px;
  top: 35px;
  width: 200px;
  border-width: 0px 1px 1px 1px;
}
#form-search-header .bubble .corner {
  top: -10px;
}
/* Combo boxes */
.comboBox {
  background: transparent url("/image/bg_arrow_combobox.png") no-repeat right 0;
  padding-right: 16px;
  position: relative;
  z-index: 11;
}
.comboBox.open {
  background-position: right -30px;
  z-index: 30;
}
.comboBox div {
  cursor: pointer;
}
.comboBoxValues {
  background-color: #FFF;
  border: 1px solid #999;
  display: none;
  margin-top: -1px;
  padding: 5px;
  position: absolute;
  right: 0px;
  z-index: 20;
}
.comboBoxValues li {
  float: none;
  padding: 0px 0px 5px 5px;
}
.comboBoxValues li a {
  color: #333;
}
/* Overlays */
.overlayBackground {
  background-color: #000;
  left: 0px;
  opacity: 0.7;
  overflow: hidden;
  top: 0px;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 202;
}
.ie8 .overlayBackground {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.centerContainer {
  position: absolute;
  left: 0;
  top: 0;
  width: 982px;
  z-index: 203;
}
.overlay {
  background-color: #FFF;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  left: 10px;
  min-height: 200px;
  position: absolute;
  top: 75px;
  width: 960px;
  z-index: 205;
}
.overlay.center {
  position: relative;
  margin: 0 auto;
}
.overlay.w750 {
  width: 750px;
}
.overlay img.loading {
  position: relative;
  top: 84px;
  left: 449px;
}
.overlay .header {
  background-color: #F4F4F4;
  border-bottom: 1px solid #000;
  border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  height: 74px;
  padding: 10px 20px 0px;
}
.overlay .header.hatching {
  background: url("/image/background_hatching_layer_header.png") repeat scroll 0 0 transparent;
  border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  height: 45px;
  padding: 0;
  border: 0;
}
.overlay .header h1 {
  font-size: 24px;
  margin-bottom: 10px;
}
.overlay .header a.close,
.overlay a.close {
  background: url("/image/search_close.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  height: 25px;
  text-indent: -2000px;
  top: 10px;
  right: 10px;
  position: absolute;
  width: 25px;
}
.overlay .header a.close:hover,
.overlay a.close:hover {
  background-position: -40px 0px;
}
.overlay .footer.hatching {
  background: url(/image/background_hatching_layer_header.png) repeat;
  border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  height: 45px;
}
.overlay .body {
  padding: 25px 20px 50px 30px;
  min-height: 150px;
}
.overlay .body img.loading {
  top: 25px;
}
.overlay .body ul.navigation {
  background: none;
  border-bottom: 1px solid #cccccc;
  margin: 0 10px 20px 0;
  padding: 0px;
  height: 31px;
}
.overlay .body ul.navigation li {
  padding: 6px 10px 3px;
  color: #333;
  text-transform: none;
  cursor: pointer;
  list-style: none;
}
.overlay .body ul.navigation li.active,
.overlay .body ul.navigation li:hover {
  border-width: 1px 1px 0;
  border-color: #cccccc;
  background: #FFF;
  border-radius: 3px 3px 0 0;
  color: #333;
  padding: 10px 10px 9px;
}
.overlay .contactBox.trialInfoLayer.contactInfo {
  margin-bottom: 0;
}
#globaltenderInfo {
  background-color: #8AAF11;
}
#globalresultInfo {
  background-color: #FF6600;
}
#SearchprofileOfficeInfo {
  background-color: #f35160;
}
#SearchprofileOfficeInfo a {
  background-color: #E21B2D;
}
#SearchprofileOfficeInfo a:hover {
  background-color: #FFFFFF;
}
#SearchprofileResultInfo {
  background-color: #FF6600;
}
#SearchprofileResultInfo a {
  background-color: #F14A00;
}
#SearchprofileResultInfo a:hover {
  background-color: #D64100;
}
#SearchprofileJobInfo {
  background-color: #FFCC00;
}
#SearchprofileJobInfo a {
  background-color: #F89E00;
}
#SearchprofileJobInfo a:hover {
  background-color: #E48600;
}
#ProjectsearchInfo {
  background-color: #6699FF;
}
#ProjectsearchInfo .button.project {
  background-color: #547AC6;
}
#ProjectsearchInfo .button.project :hover {
  background-color: #4266AF;
}
.memberTeaser .options .row {
  margin: 0;
  margin-top: 14px;
  width: 100%;
}
.memberTeaser .options .row .col-md-8 {
  display: inline-block;
  width: 66.6666%;
  margin: 0;
}
.memberTeaser .options .row .col-md-4 {
  display: inline-block;
  width: 32%;
  margin: 0;
}
.memberTeaser .options .vtop {
  vertical-align: top;
}
.memberTeaser .options .vcenter {
  vertical-align: middle;
}
#CL .memberTeaserLayer,
#custom-doc .memberTeaserLayer {
  position: fixed;
  top: 25%;
  left: 160px;
  width: 580px;
  z-index: 205;
  padding: 40px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
#CL .memberTeaserLayer .header,
#custom-doc .memberTeaserLayer .header {
  background-color: transparent;
  border: none;
  height: auto;
}
#CL .memberTeaserLayer .content,
#custom-doc .memberTeaserLayer .content {
  font-family: 'DINWeb';
  font-size: 24px;
  color: #FFF;
  line-height: 30px;
  letter-spacing: 1.6px;
}
#CL .memberTeaserLayer .content strong,
#custom-doc .memberTeaserLayer .content strong {
  font-size: 40px;
  font-weight: normal;
  line-height: 45px;
}
#CL .memberTeaserLayer ul,
#custom-doc .memberTeaserLayer ul {
  margin-top: 25px;
}
#CL .memberTeaserLayer ul li,
#custom-doc .memberTeaserLayer ul li {
  list-style: disc;
  margin-left: 30px;
}
#CL .memberTeaserLayer div.options,
#custom-doc .memberTeaserLayer div.options {
  margin-top: 20px;
  overflow: hidden;
}
#CL .memberTeaserLayer div.options a.button,
#custom-doc .memberTeaserLayer div.options a.button {
  font-family: 'DINWeb-Medium';
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
#CL .memberTeaserLayer div.options a.button.left,
#custom-doc .memberTeaserLayer div.options a.button.left {
  float: left;
}
#CL .memberTeaserLayer div.options a.button.right,
#custom-doc .memberTeaserLayer div.options a.button.right {
  float: right;
}
#CL .memberTeaserLayer div.options a.button span.arrow,
#custom-doc .memberTeaserLayer div.options a.button span.arrow {
  background: url(/image/subnavi_arrow.png) no-repeat scroll right 2px transparent;
  height: 14px;
  display: inline-block;
  width: 8px;
}
div#mb_overlay {
  background-color: #000;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999997;
  opacity: 0.7;
}
div#mb_center {
  background-color: #FFF;
  left: 50%;
  position: absolute;
  z-index: 999999999;
}
div#mb_center h1 {
  color: #FF6600;
  margin: 30px 0 0;
  text-align: center;
}
div#mb_center #mb_login_form {
  margin-left: 74px;
}
div#mb_center .login {
  color: #FF6600;
  font-weight: bold;
  margin-left: 20px;
  margin-right: 20px;
}
div#mb_center .login p#mb_response {
  margin-left: -52px;
  text-align: center;
}
div#mb_center .login label {
  margin-bottom: 4px;
  margin-top: 14px;
}
div#mb_center .login input.text {
  border: 1px solid #999;
  color: #333;
  font-size: 15px;
  width: 224px;
}
div#mb_center .login #perm {
  margin-top: 7px;
}
div#mb_center .login #perm input,
div#mb_center .login #perm label {
  margin-right: 5px;
  display: inline;
}
div#mb_center .login .register {
  bottom: 20px;
  color: #666666;
  font-size: 0.85em;
  font-weight: normal;
  left: 20px;
  margin: 0;
  position: absolute;
}
div#mb_center .login label,
div#mb_center #mb_blank label {
  color: #333;
  display: block;
  font-size: 0.92em;
  font-weight: normal;
}
div#mb_center div#mb_bottom {
  bottom: 10px;
  position: absolute;
  right: 20px;
  width: 200px;
}
div#mb_center div#mb_bottom a {
  border: 1px solid #660000;
  /* deprecated color */
  color: #FFF;
  display: block;
  float: right;
  height: 22px;
  line-height: 22px;
  margin: 8px;
  text-align: center;
  vertical-align: middle;
  width: 69px;
}
div#mb_center div#mb_bottom a#mb_okay_link {
  background: url("/image/mb_okay_bg.gif") repeat scroll 0 0 #FF6600;
}
div#mb_center div#mb_bottom a#mb_abort_link {
  background: url("/image/mb_abort_bg.gif") repeat scroll 0 0 #959595;
}
/* Seo */
#clToolbarPlaceholder {
  display: block;
  height: 30px;
}
#clToolbar {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 25px;
  z-index: 1000;
  background: #eeeeee;
  /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 97%, #b4b4b4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(97%, #cccccc), color-stop(100%, #b4b4b4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 97%, #b4b4b4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 97%, #b4b4b4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 97%, #b4b4b4 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 97%, #b4b4b4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#b4b4b4', GradientType=0);
  /* IE6-9 */
}
#clToolbar ul {
  margin-left: 10px;
}
#clToolbar ul li {
  cursor: default;
  border-right: 1px solid #cccccc;
  color: #333;
  float: left;
  padding: 5px 10px;
  display: block;
}
#clToolbar ul li img {
  border: none;
  padding-top: 2px;
}
#clToolbar ul li ul {
  display: none;
  position: absolute;
}
#clToolbar ul li.noHover:hover {
  background: none;
}
#clToolbar ul li:hover,
#clToolbar ul li.hover {
  background: #FFF;
}
#clToolbar ul li:hover ul,
#clToolbar ul li.hover ul {
  background: #FFF;
  border: 1px solid #cccccc;
  display: block;
  top: 25px;
  margin-left: -11px;
  z-index: 140;
}
#clToolbar ul li:hover ul li,
#clToolbar ul li.hover ul li {
  float: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #cccccc;
}
#clToolbar ul li:hover ul li.placeholder,
#clToolbar ul li.hover ul li.placeholder {
  margin-top: 10px;
  border-bottom: none;
}
#clToolbar ul li:hover ul li a,
#clToolbar ul li.hover ul li a {
  display: block;
}
#clToolbar ul li h2 {
  font-weight: bold;
  fotn-size: 14px;
}
#seo form {
  margin-right: 20px;
}
#seo form textarea {
  background: none;
  border: 1px solid #999;
  height: 50px;
  width: 98%;
}
#seo form input[type=text] {
  width: 890px;
}
#seo form fieldset {
  border: 0;
}
#seo form .formElement {
  position: relative;
  margin: 0 0 10px;
}
#seo form .countLetter {
  background: #FFF;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border: 1px solid #999;
  border-width: 1px 1px 0px 1px;
  padding: 4px 5px;
  position: absolute;
}
#seo form .countLetter .red {
  color: #FF4E00;
}
#seo .body .form {
  min-width: 500px;
}
#seo .body .formatParser {
  margin-top: 20px;
}
#seo .body .preview {
  margin-bottom: 10px;
}
#seo .body .preview .label {
  width: 200px;
}
#seo .body .preview .preview {
  width: 550px;
}
#seo .body .preview h2 {
  width: 100px;
}
#seo .body .preview div {
  font-size: 13px;
}
#seo .body .preview div.title {
  color: #1111CC;
  cursor: pointer;
  font-size: 16px;
  font-weight: normal;
  text-decoration: underline;
}
#seo .body .preview div.url {
  cursor: pointer;
  color: #228822;
}
#seo .body .preview div.url:hover {
  text-decoration: underline;
}
#seo .body .preview div.description {
  color: #000;
}
#seo .body .preview div.keywords {
  color: #999;
  margin-top: 10px;
}
#Ads_BA_FOOT {
  background: none repeat scroll 0 0 #FFFFFF;
  margin-left: 9px;
  padding-top: 16px;
  text-align: center;
  width: 982px;
}
#Ads_BA_SKY {
  position: absolute;
  left: 1000px;
  top: 100px;
}
/** Project of weegh main page */
.projectOfTheWeek {
  margin-bottom: 10px;
}
li.companyPartner {
  position: relative;
  min-height: 50px;
}
li.companyPartner a.editLink {
  position: absolute;
  top: 30px;
  right: 6px;
}
table.borderedTable {
  border-spacing: 0px;
  margin-bottom: 40px;
}
table.borderedTable th {
  background-color: #F4F4F4;
}
table.borderedTable th,
table.borderedTable td {
  border: 1px solid #707070;
  border-width: 1px 0px 1px 1px;
  padding: 5px 10px;
}
table.borderedTable th:last-child,
table.borderedTable td:last-child {
  border-width: 1px;
}
table.borderedTable th span.grey,
table.borderedTable td span.grey {
  color: #666;
}
.floatLeft {
  float: left;
}
/* "Projects of the week" list */
table.projectsOfWeekList {
  width: 100%;
  margin: 25px 0;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #707070 !important;
}
table.projectsOfWeekList th {
  padding: 5px !important;
  background: #F5F5F5;
  font-weight: bold;
}
table.projectsOfWeekList td {
  padding: 5px !important;
  border: 1px solid #707070 !important;
}
table.projectsOfWeekList td.week,
table.projectsOfWeekList td.year,
table.projectsOfWeekList td.action {
  text-align: center;
}
table.projectsOfWeekList tr.bg1 {
  background: #FFF;
}
table.projectsOfWeekList tr.bg2 {
  background: #F4F4F4;
}
/* Flash messages */
div.flashMessagesContainer {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 111111;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  /**
	Based on http://browser-update.org/update.js
	*/
}
div.flashMessagesContainer div.flashMessage {
  background: #cccccc;
  margin: 0;
  text-align: left;
  position: relative;
}
div.flashMessagesContainer div.flashMessage span.text {
  padding: 5px 10px 5px 40px;
  display: inline-block;
}
div.flashMessagesContainer div.flashMessage.notice {
  background: #FDF2AB;
  border-bottom: 1px solid #A29330;
}
div.flashMessagesContainer div.flashMessage a,
div.flashMessagesContainer div.flashMessage a:visited {
  color: #E25600;
  text-decoration: underline;
}
div.flashMessagesContainer div.flashMessage span.close {
  background: url("/image/search_close.png") no-repeat scroll 0 -40px transparent;
  cursor: pointer;
  height: 15px;
  width: 25px;
  display: inline-block;
  position: absolute;
  top: 4px;
}
.copyright {
  color: #666;
  font-size: 11px;
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  text-decoration: none;
}
.copyright.mTop-0 {
  margin-top: 0;
}
.copyright.mTop-5 {
  margin-top: -5px;
}
.copyright.mTop-10 {
  margin-top: -10px;
}
.copyright.mBottom-0 {
  margin-bottom: 0;
}
div#bd.fullsize .loading + .ca_2016 {
  margin-left: -1px;
  padding-left: 0;
}
div#bd .loading + .ca_2016,
div#bd #topspace + .ca_2016 {
  padding-left: 8px;
}
#CL #content .ca_2016 {
  margin-left: -1px;
}
.memberAd.memberAd_block {
  margin-left: 0;
}
.memberAd.memberAd_block img {
  width: auto;
}
div.ca_2016 img {
  border: 1px solid #cccccc !important;
  display: inline-block;
}
div.ca_2016 img.hover {
  display: none;
}
div.ca_2016.hover:hover img {
  display: none;
}
div.ca_2016.hover:hover img.hover {
  display: inline-block;
}
div.subNavi div.ca2016Wrapper {
  width: 240px;
  float: left;
  padding: 0 12px 100% 0;
  background-color: #FFF !important;
}
div.subNavi div.ca2016Wrapper div.ca_2016 {
  display: none;
}
div.subNavi div.ca2016Wrapper div.ca_2016.active {
  display: block;
}
div.subNavi div.ca2016Wrapper div.ca_2016 img {
  border: 0 !important;
}
.phoneDescription {
  color: initial;
  font-size: 13px;
  height: 36px;
  left: 295px;
  position: absolute;
  padding-top: 24px;
}
.phoneDescription p {
  width: 470px;
}
.addNew .phoneDescription {
  padding-top: 21px;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.category .campaign {
  background-color: #FFEFEF;
  margin: 0 -5px !important;
  padding: 5px !important;
}
div.subNavi .navigationWrapper.ca2017 {
  width: 700px;
}
div.subNavi div.ca2017Wrapper {
  width: 240px;
  float: left;
  padding: 34px 12px 45px 0;
  background-color: transparent !important;
  border-bottom: 1px solid #999;
}
div.subNavi div.ca2017Wrapper .hover:hover,
div.subNavi div.ca2017Wrapper a:hover {
  background-color: transparent !important;
}
div.subNavi div.ca2017Wrapper img {
  width: 252px;
}
#jira-bug-collector {
  right: 0;
  padding: 0.35rem;
  top: 50%;
  position: fixed;
  transform: rotate(90deg) translate(100px);
  transform-origin: right 0;
  background: #c9c9c9;
}
#jira-bug-collector:hover {
  text-decoration: none;
}
#jira-bug-collector > i {
  transform: rotate(-90deg);
  background: url("/de/assets/images/icon/icon-bug.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  height: 1.25rem;
  vertical-align: middle;
  width: 1.25rem;
}
#jira-bug-collector > span {
  color: #474747;
}
/**
  * navigation css
  *
  * @author          Ronald Marske <r.marske@secu-ring.de>
  * @filesource      public/css/main.less
  *
  * @copyright       Copyright (c) 2012 secu-ring GmbH (http://www.secu-ring.de)
  * 
  * @package         css
  */
#hd #topmenu,
#CL #topmenu {
  height: 45px;
}
#hd #topmenu .userMenu.otherUser ul#menu_top,
#CL #topmenu .userMenu.otherUser ul#menu_top {
  background-color: #f35160;
  padding: 10px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
#hd #topmenu .userMenu.otherUser ul#menu_top > li.first,
#CL #topmenu .userMenu.otherUser ul#menu_top > li.first {
  color: #FFCC00;
}
#hd #topmenu .userMenu.otherUser ul#menu_top > li > a,
#CL #topmenu .userMenu.otherUser ul#menu_top > li > a {
  color: #FFF;
}
#hd #topmenu .userMenu.otherUser ul#menu_top > li > a.logout,
#CL #topmenu .userMenu.otherUser ul#menu_top > li > a.logout {
  background-color: #E21B2D;
  border-color: #FFFFFF;
}
#hd #topmenu .userMenu.otherUser ul#menu_top > li.comboBoxContainer .value,
#CL #topmenu .userMenu.otherUser ul#menu_top > li.comboBoxContainer .value {
  color: #FFCC00;
}
div.mainNavi {
  display: block;
}
div.mainNavi ul.navigation li:first-child {
  padding: 0px !important;
}
/* Workarround fpür Iphone and Ipad or other touch devices */
.no-touch ul.navigation li:hover {
  background-color: #202020;
  border: 1px solid #999;
  border-width: 1px 1px 0px 1px;
  border-bottom: 1px solid #202020;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  color: #F0F0F0;
  padding: 14px 0px 14px;
  top: -4px;
  z-index: 151;
}
.no-touch ul.navigation li:hover a {
  text-decoration: underline;
}
.no-touch ul.navigation li:hover a span.beta {
  top: 2px;
}
.no-touch ul.navigation li a:hover {
  text-decoration: underline;
}
ul.navigation {
  background-color: #333;
  height: 40px;
  margin: 0 9px;
  padding: 0px 11px 0px 9px;
}
ul.navigation li {
  border: 1px solid transparent;
  color: #F0F0F0;
  float: left;
  font-size: 13px;
  padding: 10px 0px 10px 0px;
  text-transform: uppercase;
  letter-spacing: -0.1pt;
  position: relative;
}
ul.navigation li a {
  text-decoration: none;
}
ul.navigation li span.beta {
  font-size: 9px;
  color: #B4B4B4;
  position: absolute;
  top: -1px;
  right: 10px;
}
ul.navigation li.active span.beta,
ul.navigation li:hover span.beta,
ul.navigation li.open span.beta {
  top: 2px;
}
ul.navigation li a,
ul.navigation li:hover a,
ul.navigation li:hover.active a,
ul.navigation li.open a,
ul.navigation li.active.open a {
  color: #F0F0F0;
  padding: 14px 10px 14px;
}
ul.navigation li.active {
  background-color: #FFF;
  border: 1px solid #333;
  border-width: 1px 1px 0px 1px;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  top: -3px;
  padding: 13px 0px 14px;
}
ul.navigation li.active a {
  color: #000;
  padding: 15px 10px 12px;
}
ul.navigation li.open {
  background-color: #202020;
  border: 1px solid #999;
  border-width: 1px 1px 0px 1px;
  border-bottom: 1px solid #202020;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  color: #F0F0F0;
  padding: 14px 0px 14px;
  top: -4px;
  z-index: 151;
}
ul.navigation li.open a {
  text-decoration: underline;
}
ul.navigation li:hover #menu-naviHome,
ul.navigation li.active:hover #menu-naviHome,
ul.navigation #menu-naviHome {
  background-image: url(/image/home.png);
  background-repeat: no-repeat;
  background-position: 10px 10px;
  text-indent: -2000px;
  width: 19px;
  display: block;
}
ul.navigation li:hover #menu-naviHome {
  background-position: 10px 14px;
}
ul.navigation li.active #menu-naviHome {
  background-image: url(/image/home_hover.png);
}
#custom-doc ul.navigation li.active {
  top: -5px;
}
#custom-doc ul.navigation.inner li.active {
  top: -9px;
}
/* inner navigation */
#bd ul.navigation {
  display: block;
  margin-bottom: 20px;
}
ul.navigation.inner {
  background-color: transparent;
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  margin: 20px 0px 20px 0 !important;
  padding: 0px;
  height: 31px;
}
ul.navigation.inner li {
  padding: 6px 10px 3px;
  color: #666;
  text-transform: none;
  cursor: pointer;
  font-size: 14px;
}
ul.navigation.inner li a {
  color: #333;
}
ul.navigation.inner li.active,
ul.navigation.inner li:hover {
  background: #FFF;
  border-color: #cccccc;
  border-radius: 3px 3px 0 0;
  border-width: 1px 1px 0;
  color: #333;
  padding: 14px 10px 9px;
  top: -8px;
}
ul.navigation.inner li.active a,
ul.navigation.inner li:hover a,
ul.navigation.inner li.active a:hover,
ul.navigation.inner li:hover a:hover {
  color: #333;
}
ul.navigation.inner li:first-child {
  margin-left: 10px;
}
div.subNavi a {
  color: #F0F0F0;
  font-size: 13px;
  cursor: pointer;
}
div.subNavi a:hover {
  background-color: #FFF;
  color: #202020;
  text-decoration: none;
}
div.subNavi a.arrow {
  background: url(/image/subnavi_arrow.png) no-repeat scroll right 2px transparent;
  padding-right: 10px;
  font-weight: bold;
}
div.subNavi a.arrow:hover {
  background-color: #FFF;
  background-position: right -17px;
}
div.subNavi .wrapper {
  border-top: 1px solid #999;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
  display: none;
  background: #202020;
  left: 9px;
  position: absolute;
  width: 962px;
  z-index: 150;
  opacity: 1;
  clear: both;
  overflow: hidden;
}
div.subNavi .navigationWrapper {
  float: left;
  width: 710px;
  padding-top: 10px;
  padding-bottom: 100%;
  margin-bottom: -100%;
}
div.subNavi .navigationWrapper.full {
  width: 962px;
}
div.subNavi .navigationWrapper.full div.navigation.column {
  -moz-column-count: 3;
  -moz-column-gap: 3px;
  -moz-column-width: 305px;
  -webkit-column-count: 3;
  -webkit-column-gap: 3px;
  -webkit-column-width: 305px;
  column-count: 3;
  column-gap: 3px;
  column-width: 305px;
}
div.subNavi div#submenu-Jobs > div.navigationWrapper .fixColumn .column {
  width: 600px;
}
div.subNavi div#submenu-Jobs > div.navigationWrapper .fixColumn .column span {
  width: 600px;
}
div.subNavi div#submenu-Jobs > div.navigationWrapper .bottom.relative {
  margin-top: 10px;
}
div.subNavi div.navigation.column {
  -moz-column-count: 3;
  -moz-column-gap: 3px;
  -moz-column-width: 225px;
  -webkit-column-count: 3;
  -webkit-column-gap: 3px;
  -webkit-column-width: 225px;
  column-count: 3;
  column-gap: 3px;
  column-width: 225px;
}
div.subNavi div.navigation {
  padding: 0 0 0 20px;
}
div.subNavi div.navigation.spacerBottom {
  margin-bottom: 15px;
}
div.subNavi div.navigation.fixColumn {
  clear: both;
  overflow: hidden;
}
div.subNavi div.navigation.fixColumn div.column {
  display: block;
  float: left;
  width: 225px;
}
div.subNavi div.navigation span {
  color: #F0F0F0;
  padding: 2px;
  min-width: 210px;
  display: block;
}
div.subNavi div.navigation span.headline {
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
}
div.subNavi div.navigation span.last {
  margin-bottom: 20px;
}
div.subNavi div.navigation span.preisrichter a {
  background-color: #5698C8;
}
div.subNavi div.navigation span.preisrichter a:hover {
  background-color: #FFF;
}
div.subNavi div.bottom {
  border-top: 1px solid #999;
  bottom: 0;
  margin: 20px 0px 10px 20px;
  padding-right: 25px;
  padding-top: 10px;
  clear: both;
  overflow: hidden;
}
div.subNavi div.bottom.absolute {
  position: absolute;
}
div.subNavi div.bottom.relative {
  position: relative;
}
div.subNavi div.bottom .col {
  margin-right: 20px;
  float: left;
  width: 205px;
}
div.subNavi div.bottom .col.colspan2 {
  width: 420px;
}
div.subNavi div.bottom .col.colspan2 span {
  width: 420px;
}
div.subNavi div.bottom .col.themenplan {
  margin-left: 12px;
  margin-right: 0;
  width: 203px;
}
div.subNavi div.bottom .col span {
  display: block;
  padding: 2px;
  width: 225px;
}
/** Top Navigation */
.ie div.topNavigation {
  top: 40px;
}
div.topNavigation {
  position: relative;
  left: 0px;
  top: 40px;
  z-index: 0;
  width: 980px;
}
div.topNavigation > ul {
  position: absolute;
  right: 10px;
}
div.topNavigation > ul > li {
  float: left;
  font-size: 12px;
  padding: 0px 5px;
}
div.topNavigation > ul > li:last-child {
  padding-right: 0px;
}
div.topNavigation > ul > li > a {
  text-decoration: none;
  color: #333;
}
div.topNavigation > ul > li > a:hover {
  color: #333;
  text-decoration: underline;
}
#hd #menu_top,
#header #menu_top,
#CL #header #menu_top {
  float: right;
  font-size: 12px;
  letter-spacing: -0.3pt;
  margin-bottom: 3px;
}
#hd #menu_top li,
#header #menu_top li,
#CL #header #menu_top li {
  color: #999;
  float: left;
  padding-right: 5px;
}
#hd #menu_top li.first span.info,
#header #menu_top li.first span.info,
#CL #header #menu_top li.first span.info {
  float: left;
  margin-right: 5px;
}
#hd #menu_top li.first span.cleaner,
#header #menu_top li.first span.cleaner,
#CL #header #menu_top li.first span.cleaner {
  width: 0px;
  height: 0px;
  clear: both;
}
#hd #menu_top li:last-child,
#header #menu_top li:last-child,
#CL #header #menu_top li:last-child {
  padding-right: 0px;
}
#hd #menu_top .comboBox div,
#header #menu_top .comboBox div,
#CL #header #menu_top .comboBox div {
  color: #990000;
}
#hd #menu_top .comboBox div:hover,
#header #menu_top .comboBox div:hover,
#CL #header #menu_top .comboBox div:hover {
  text-decoration: underline;
}
#hd #menu_top div.comboBoxValues ul li,
#header #menu_top div.comboBoxValues ul li,
#CL #header #menu_top div.comboBoxValues ul li {
  float: none;
}
#hd #menu_top .logout,
#header #menu_top .logout,
#CL #header #menu_top .logout,
#hd #menu_top .login,
#header #menu_top .login,
#CL #header #menu_top .login {
  color: #990000;
  border: 1px solid #999;
  padding: 2px;
}
#hd #menu_top .logout:hover,
#header #menu_top .logout:hover,
#CL #header #menu_top .logout:hover,
#hd #menu_top .login:hover,
#header #menu_top .login:hover,
#CL #header #menu_top .login:hover {
  border: 1px solid #333;
  text-decoration: none;
}
/* Footer */
#ft,
#footer {
  color: #cccccc;
  margin: 20px 9px 0 9px;
  background: #333;
  font-size: 14px;
  padding-bottom: 16px;
  overflow: hidden;
}
#ft hr,
#footer hr {
  display: none;
}
#ft #copyright,
#footer #copyright {
  background: #333;
  line-height: 2.8em;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #FFF;
}
#ft table#menu_bottom,
#footer table#menu_bottom {
  margin: 30px 21px 0;
  line-height: 16px;
  width: 920px;
}
#ft table#menu_bottom td,
#footer table#menu_bottom td {
  vertical-align: top;
  width: 230px;
}
#ft table#menu_bottom li,
#footer table#menu_bottom li {
  list-style-type: none;
  padding-bottom: 3px;
}
#ft table#menu_bottom li:first-child,
#footer table#menu_bottom li:first-child {
  padding: 0 0 10px 0;
  color: #FFF;
}
#ft table#menu_bottom a,
#footer table#menu_bottom a {
  color: #cccccc;
}
#ft table#menu_bottom a:hover,
#footer table#menu_bottom a:hover {
  color: #FFF;
  text-decoration: underline;
}
#ft table#menu_bottom tr.socialBookmark > td,
#footer table#menu_bottom tr.socialBookmark > td {
  padding-top: 25px;
}
#ft table#menu_bottom ul.copyright-menu,
#footer table#menu_bottom ul.copyright-menu {
  display: inline-block;
  margin-top: 20px;
  overflow: hidden;
  clear: both;
}
#ft table#menu_bottom ul.copyright-menu > li,
#footer table#menu_bottom ul.copyright-menu > li {
  margin-left: 5px;
  float: left;
}
#ft table#menu_bottom ul.copyright-menu > li:first-child,
#footer table#menu_bottom ul.copyright-menu > li:first-child {
  margin-left: 0;
}
#ft table#menu_bottom ul.copyright-menu > li:after,
#footer table#menu_bottom ul.copyright-menu > li:after {
  content: "|";
  margin-left: 3px;
}
#ft table#menu_bottom ul.copyright-menu > li:last-child:after,
#footer table#menu_bottom ul.copyright-menu > li:last-child:after {
  content: none;
  margin-left: 0;
}
.totop {
  text-align: right;
  margin-top: 10px;
}
.totop a {
  background: url(/image/totop.png) no-repeat scroll 110px 5px #666;
  color: #FFF;
  padding: 10px 50px 10px 10px;
  font-size: 14px;
  width: 130px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.totop a:hover {
  background-color: #333;
  text-decoration: none;
}
.totop a img {
  display: none;
}
.overlay .header ul.navigation {
  background: none;
  padding: 0;
  margin: 0;
}
.overlay .header ul.navigation li a {
  color: #666 !important;
}
.overlay .header ul.navigation li a:hover {
  text-decoration: underline;
}
.overlay .header ul.navigation li.active {
  padding: 10px 0px 9px 0px;
  top: 0px;
}
.overlay .header ul.navigation li.active a {
  color: #000 !important;
}
.overlay .header ul.navigation li.disabled a {
  color: #cccccc !important;
  cursor: default;
  text-decoration: none;
}
.overlay .header ul.navigation li:hover,
.overlay .header ul.navigation li.open {
  background-color: #FFF;
  border: 1px solid #333;
  border-width: 1px 1px 0px 1px;
  padding: 10px 0px 9px 0px;
  top: 0;
}
.gecko .overlay .header ul.navigation li.active,
.gecko .overlay .header ul.navigation li:hover {
  padding-bottom: 8px;
}
div.subNavi .advertisingWrapper {
  float: left;
  margin-bottom: -100%;
  padding-top: 15px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 100%;
  text-align: center;
  width: 228px;
}
div.subNavi .advertisingWrapper div.productIcon {
  background-image: url("/image/products/products.png");
  background-repeat: none;
  height: 80px;
  margin: auto auto 30px auto;
  width: 90px;
}
div.subNavi .advertisingWrapper h2 {
  color: #FFF;
  font-family: 'DINWeb';
  font-size: 28px;
  font-weight: normal;
  line-height: 35px;
  margin-bottom: 5px;
}
div.subNavi .advertisingWrapper ul li {
  color: #FFF;
  font-family: 'DINWeb';
  font-size: 13px;
  margin-bottom: 5px;
  text-align: left;
  padding-left: 10px;
}
div.subNavi .advertisingWrapper span.arrow {
  background-image: url("/image/products/products.png");
  background-position: -1070px -120px;
  display: inline-block;
  height: 14px;
  width: 6px;
  margin: 0 0px -3px 0px;
}
div.subNavi .advertisingWrapper span.arrow.left {
  margin: 0 5px -3px -10px;
}
div.subNavi .advertisingWrapper span.arrow.right {
  margin: 0 0px -3px 5px;
}
div.subNavi .advertisingWrapper .button {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: inline-block;
  font-family: 'DINWeb-Medium';
  font-size: 12px;
  margin: 5px 0 20px 0;
  outline: 0;
  padding: 5px 10px 3px;
  text-transform: uppercase;
}
div.subNavi .advertisingWrapper .button:hover {
  color: #FFF;
}
div.subNavi .subNaviCompanies .advertisingWrapper {
  background-color: #f35160;
  color: #FFF;
}
div.subNavi .subNaviCompanies .advertisingWrapper h2 {
  font-size: 24px;
  margin-bottom: 25px;
}
div.subNavi .subNaviCompanies .advertisingWrapper .productIcon {
  background-image: url('/image/Icon_BP_NEU.png');
}
div.subNavi .subNaviCompanies .advertisingWrapper .button {
  background-color: #E21B2D;
  width: 196px;
  height: 24px;
  font-size: 18px;
  line-height: 24px;
  margin-top: 25px;
}
div.subNavi .subNaviCompanies .advertisingWrapper .button .arrow.right {
  background-image: none;
}
div.subNavi .subNaviCompanies .advertisingWrapper .button .arrow.right:after {
  content: "\0276D";
}
div.subNavi .subNaviCompanies .advertisingWrapper .button:hover {
  color: #E21B2D;
  background-color: #FFFFFF;
}
div.subNavi .subNaviCompanies .advertisingWrapper .button:hover .arrow.right {
  background-image: none;
}
div.subNavi .subNaviCompanies .advertisingWrapper .button:hover .arrow.right:after {
  content: "\0276D";
}
div.subNavi .subNaviCompanies .advertisingWrapper p.description {
  text-align: left;
  padding: 0 5px;
  font-size: 16px;
}
div.subNavi .subNaviTenders .advertisingWrapper {
  background-color: #8AAF11;
}
div.subNavi .subNaviTenders .advertisingWrapper .productIcon {
  background-position: -400px -280px;
}
div.subNavi .subNaviTenders .advertisingWrapper .button {
  background-color: #77970E;
}
div.subNavi .subNaviTenders .advertisingWrapper .button:hover {
  background-color: #65800C;
}
div.subNavi .subNaviResults .advertisingWrapper {
  background-color: #FF6600;
}
div.subNavi .subNaviResults .advertisingWrapper .productIcon {
  background-position: 1px -280px;
}
div.subNavi .subNaviResults .advertisingWrapper .button {
  background-color: #F14A00;
}
div.subNavi .subNaviResults .advertisingWrapper .button:hover {
  background-color: #D64100;
}
div.subNavi .subNaviProjects .advertisingWrapper {
  background-color: #6699FF;
}
div.subNavi .subNaviProjects .advertisingWrapper .productIcon {
  background-position: -600px -281px;
}
div.subNavi .subNaviProjects .advertisingWrapper .button {
  background-color: #547AC6;
}
div.subNavi .subNaviProjects .advertisingWrapper .button:hover {
  background-color: #4266AF;
}
div.subNavi .subNaviUsers .advertisingWrapper {
  background-color: #999999;
}
div.subNavi .subNaviUsers .advertisingWrapper .productIcon {
  background-position: -500px -280px;
}
div.subNavi .subNaviUsers .advertisingWrapper .button {
  background-color: #737373;
}
div.subNavi .subNaviUsers .advertisingWrapper .button:hover {
  background-color: #5C5C5C;
}
div.subNavi .subNaviJobs .advertisingWrapper {
  background-color: #FFCC00;
}
div.subNavi .subNaviJobs .advertisingWrapper .productIcon {
  background-position: -300px -280px;
}
div.subNavi .subNaviJobs .advertisingWrapper .button {
  background-color: #F89E00;
}
div.subNavi .subNaviJobs .advertisingWrapper .button:hover {
  background-color: #E48600;
}
div.subNavi .subNaviCompetition .advertisingWrapper {
  background-color: #0099CC;
}
div.subNavi .subNaviCompetition .advertisingWrapper .productIcon {
  background-position: -100px -280px;
}
div.subNavi .subNaviCompetition .advertisingWrapper .button {
  background-color: #007BA4;
}
div.subNavi .subNaviCompetition .advertisingWrapper .button:hover {
  background-color: #006485;
}
#custom-doc div.subNavi .advertisingWrapper ul li {
  line-height: 21px;
}
#custom-doc div.subNavi .advertisingWrapper ul li span.arrow {
  margin-top: 3px;
}
#custom-doc div.subNavi .advertisingWrapper h2 {
  font-weight: normal !important;
}
/**
  * Bookmark css file to handle all bookmarc specific css
  *
  * @author          Ronald Marske <r.marske@secu-ring.de>
  * @filesource      public/css/bookmark.less
  *
  * @copyright       Copyright (c) 2012 secu-ring GmbH (http://www.secu-ring.de)
  * 
  * @package         css
  */
#CL #header #menu_top #rememberListMenu ul {
  z-index: 9999;
}
#CL #header #menu_top #rememberListMenu ul li.disabled a {
  color: #B4B4B4;
  text-decoration: none;
  cursor: default;
}
#hd #menu_top #rememberListMenu ul,
#header #menu_top #rememberListMenu ul {
  z-index: 9999;
}
#hd #menu_top #rememberListMenu ul li,
#header #menu_top #rememberListMenu ul li {
  float: none;
}
#hd #menu_top #rememberListMenu ul li.disabled a,
#header #menu_top #rememberListMenu ul li.disabled a {
  color: #B4B4B4;
  text-decoration: none;
  cursor: default;
}
/* old layout */
#custom-doc #bookmark.overlay .header ul.navigation li.active,
#custom-doc #bookmark.overlay .header ul.navigation li:hover {
  padding-bottom: 8px;
}
/* new layout */
#content #bookmark.overlay .header ul.navigation li.active,
#content #bookmark.overlay .header ul.navigation li:hover {
  padding-bottom: 10px;
}
#bookmark .body h3 {
  border-bottom-width: 2px;
  color: #000;
  font-size: 15px;
  font-weight: normal !important;
  margin-bottom: 5px;
}
#bookmark .body .bubble.confirm {
  bottom: auto;
  color: #FFF;
  left: 337px;
  top: 90px;
  width: 233px;
}
#bookmark .body .options {
  border-bottom: 1px solid #333;
  margin-top: 25px;
  margin-bottom: 0px;
  padding: 3px 0px;
}
#bookmark .body .options .markAll a {
  color: #666;
}
#bookmark .body .options .mark .bubble {
  bottom: 37px;
  width: 203px;
}
#bookmark .body .options .mark .text {
  float: left;
}
#bookmark .body .options .treffer,
#bookmark .body .options .sort {
  float: right;
  margin-left: 20px;
  margin-right: 0px;
}
#bookmark .body .options .treffer select,
#bookmark .body .options .sort select {
  color: #666;
}
#bookmark .body .options .treffer select option,
#bookmark .body .options .sort select option {
  color: #000;
}
#bookmark .body .options div.styledSelect {
  display: inline-block;
  margin-left: 5px;
  top: -2px;
  width: 160px;
}
#bookmark .body .options div.styledSelect select {
  top: -8px;
  left: -1px;
}
#bookmark .body .options div.styledSelect select option {
  border-bottom: 1px solid #cccccc;
  margin: 0 5px;
  padding: 3px;
}
#bookmark .body .options div.styledSelect select option:last-child {
  border-bottom: 0;
}
#bookmark .body .options div.styledSelect span {
  padding: 2px 5px;
}
#bookmark .body ul.result li {
  position: relative;
  overflow: visible;
}
#bookmark .body ul.result li .mark {
  background-color: #F4F4F4;
  padding: 10px;
  position: absolute;
  top: 35%;
  left: 30px;
}
#bookmark .body ul.result li .col1 {
  margin-left: 100px;
  width: 640px;
  position: relative;
  float: left;
}
#bookmark .body ul.result li .col1 div.mh118 {
  min-height: 118px;
}
#bookmark .body ul.result li .col1.image {
  display: table-cell;
}
#bookmark .body ul.result li .col1.image .inlineWrapper {
  display: table-cell;
}
#bookmark .body ul.result li .col1 span {
  display: block;
  overflow: hidden;
}
#bookmark .body ul.result li .col1 span:first-child {
  display: block;
  width: 480px;
}
#bookmark .body ul.result li .col1 span.state {
  font-size: 12px;
}
#bookmark .body ul.result li .col1 span.headInfo {
  width: 420px;
}
#bookmark .body ul.result li .col1 span.state,
#bookmark .body ul.result li .col1 .comboBox.statuses {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
}
#bookmark .body ul.result li .col1 span.state.noDown,
#bookmark .body ul.result li .col1 .comboBox.statuses.noDown {
  background-image: none;
}
#bookmark .body ul.result li .col1 .comboBoxValues {
  margin-top: 13px;
  top: 0;
  z-index: 15;
}
#bookmark .body ul.result li .col1 .comboBoxValues.statuses li {
  border-bottom: 1px solid #cccccc;
  padding: 3px 0 2px 5px;
}
#bookmark .body ul.result li .col1 .comboBoxValues.statuses li:last-child {
  border-bottom: 0;
}
#bookmark .body ul.result li .col1 .notes {
  margin-top: 5px;
  position: relative;
}
#bookmark .body ul.result li .col1 .notes a {
  background: url(/image/stift.png) no-repeat scroll 96% 8px transparent;
  color: #666;
  float: right;
  font-size: 12px;
  padding-right: 18px;
}
#bookmark .body ul.result li .col1 .notes a:hover {
  color: #333;
}
#bookmark .body ul.result li .col1 .notes a.addNote,
#bookmark .body ul.result li .col1 .notes a.editNote {
  background-color: #FFFF99;
  padding: 7px 22px 6px 8px;
  position: relative;
  right: 0;
}
#bookmark .body ul.result li .col1 .notes a.editNote {
  position: absolute;
  top: 5px;
}
#bookmark .body ul.result li .col1 .notes h4 {
  color: #666;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
}
#bookmark .body ul.result li .col1 .notes .note {
  background-color: #FFFF99;
  color: #8A8A8A;
  font-size: 14px;
  font-style: italic;
  padding: 10px;
}
#bookmark .body ul.result li .col1 .notes .note h4 {
  color: #666;
  font-style: normal;
  font-size: 12px;
  margin-bottom: 8px;
  padding-left: 3px;
  text-transform: uppercase;
}
#bookmark .body ul.result li .col1 .notes .note.edit form {
  clear: both;
  overflow: hidden;
}
#bookmark .body ul.result li .col1 .notes .note.edit textarea {
  background: #FFF;
  color: #333;
  font-size: 14px;
  margin-bottom: 5px;
  padding: 5px 0 0 5px;
  border: 1px solid #999;
  height: 100px;
  width: 98%;
}
#bookmark .body ul.result li .col1 .notes .note.edit button,
#bookmark .body ul.result li .col1 .notes .note.edit .button,
#bookmark .body ul.result li .col1 .notes .note.edit input[type="submit"] {
  float: right;
}
#bookmark .body ul.result li .col1 .notes .note .corner {
  position: absolute;
  top: -5px;
  left: 10px;
  width: 10px;
  height: 10px;
  background-color: #FFFF99;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#bookmark .body ul.result li .col1 a.previewImage,
#bookmark .body ul.result li .col1 img.previewImage {
  display: inline-block;
  float: left;
  overflow: hidden;
  padding: 0 10px 0 0;
  width: 155px;
}
#bookmark .body ul.result li .col1 a.previewImage.companyLogo,
#bookmark .body ul.result li .col1 img.previewImage.companyLogo {
  width: auto;
  float: none;
}
#bookmark .body ul.result li .col1 a.previewImage.companyLogo img,
#bookmark .body ul.result li .col1 img.previewImage.companyLogo img {
  max-width: 550px;
}
#bookmark .body ul.result li .col1 div.dark {
  display: block;
  overflow: hidden;
}
#bookmark .body ul.result li .col1 h2 {
  width: auto;
  display: block;
  overflow: hidden;
}
#bookmark .body ul.result li .col2 {
  width: 120px;
  float: left;
  margin-left: 30px;
}
#bookmark .body ul.result li .col2 a.delete {
  position: relative;
  top: 0;
  left: 0;
  padding: 0px;
  margin-top: 20px;
}
#bookmark .body ul.result li .col2 a.delete.top {
  margin-top: 45px;
  padding-bottom: 0px;
}
#bookmark .body ul.result li .col2 .infoBanner.rememberList {
  padding: 10px 10px;
  height: 30px;
  width: 124px;
  line-height: 14px;
  font-size: 14px;
  width: 114px;
}
#bookmark .body ul.result li .col2 .infoBanner.rememberList .arrow.big.right {
  background-image: url("/image/products/products.png");
  background-position: -1115px -115px;
  width: 11px;
  height: 24px;
  position: absolute;
  right: 10px;
  top: 10px;
}
#bookmark .body ul.result li .col2 a.delete,
#bookmark .body ul.result li.row > a.delete {
  padding: 10px 25px 10px 10px;
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
}
#bookmark .body ul.result li .col2 a.delete span.icon,
#bookmark .body ul.result li.row > a.delete span.icon {
  background: url('/image/search_close.png') no-repeat scroll 0px -70px transparent;
  display: block;
  float: right;
  margin: 3px 0 0 5px;
  height: 15px;
  width: 15px;
}
#bookmark .body ul.result li .col2 a.delete:hover,
#bookmark .body ul.result li.row > a.delete:hover {
  color: #333;
}
#bookmark .body ul.result li .col2 a.delete:hover span.icon,
#bookmark .body ul.result li.row > a.delete:hover span.icon {
  background-position: -40px -70px;
}
#bookmark .body ul.result li.row > a.delete {
  color: #666;
  position: absolute;
  left: 780px;
  top: 35%;
}
#bookmark .body .paginatorWrapper h3 {
  position: static;
}
#bookmark .body .paginatorWrapper .options {
  margin-top: 0px;
  border: none;
}
#bookmark .body .noRLResult h2 {
  border: none;
  margin: 50px 0;
}
#bookmark .header ul.navigation li.active {
  top: -1px;
}
.webkit #bookmark .body .options div.styledSelect select {
  top: 0px;
}
.ie #bookmark .body .options div.styledSelect select {
  top: -2px;
}
/**
 * navigation css
 *
 * @author          Ronald Marske <r.marske@secu-ring.de>
 * @filesource      public/css/search.less
 *
 * @copyright       Copyright (c) 2012 secu-ring GmbH (http://www.secu-ring.de)
 *
 * @package         css
 *
 * Styles for IE at the bottom
 *
 * Special cases for different sections on page defined ad the end
 */
/* Styled select Element */
div.styledSelect {
  /* global */
  border: 1px solid #cccccc;
  clear: both;
  min-height: 24px;
  overflow: hidden;
  position: relative;
  /* select */
  /* select and span */
}
div.styledSelect select {
  border: none;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
  display: block;
  padding: 4px 0px 4px 3px;
}
div.styledSelect span {
  background: url("/image/mb_search_header_category.png") no-repeat scroll right 2px transparent;
  display: block;
  padding: 4px 25px 4px 3px;
  min-height: 18px;
}
/* collapse boxes new */
ul.collapse li.closed div.body {
  display: none;
}
/* Search */
#search,
#bookmark {
  margin-top: 10px;
  font-size: 12px;
  /* Links */
  /* Überschrift */
  /* Spacer */
  /* left and right side */
  /* only left side */
  /* only right side */
}
#search a.superteaser:hover,
#bookmark a.superteaser:hover,
#search a.previewImage:hover,
#bookmark a.previewImage:hover {
  text-decoration: none;
}
#search a:hover,
#bookmark a:hover {
  text-decoration: underline;
}
#search h2,
#bookmark h2 {
  border-bottom: 2px solid #333;
  color: #000;
  display: block;
  font-size: 24px;
  font-weight: normal !important;
  margin-bottom: 10px;
}
#search h2.searchprofileHeading,
#bookmark h2.searchprofileHeading {
  margin-bottom: 15px;
}
#search div.styledSelect,
#bookmark div.styledSelect {
  background-color: #FFF;
}
#search .spacer,
#bookmark .spacer {
  line-height: 0;
  display: block;
  height: 30px;
}
#search .spacer.px10,
#bookmark .spacer.px10 {
  height: 10px;
}
#search .spacer.px12,
#bookmark .spacer.px12 {
  height: 12px;
}
#search .spacer.px14,
#bookmark .spacer.px14 {
  height: 14px;
}
#search .spacer.px30,
#bookmark .spacer.px30 {
  height: 30px;
}
#search .spacer.px44,
#bookmark .spacer.px44 {
  height: 44px;
}
#search .spacer.px56,
#bookmark .spacer.px56 {
  height: 56px;
}
#search .leftSide,
#bookmark .leftSide,
#search .rightSide,
#bookmark .rightSide {
  display: block;
  float: left;
  position: relative;
}
#search .leftSide,
#bookmark .leftSide {
  min-height: 200px;
  padding: 0px;
  width: 300px;
  margin: -14px 10px 0px -9px;
  padding: 10px 10px 10px 9px;
}
#search .leftSide.profile,
#bookmark .leftSide.profile {
  background-color: #F0F0F0;
}
#search .leftSide .bubble,
#bookmark .leftSide .bubble {
  width: 260px;
}
#search .leftSide li.activity div.body,
#bookmark .leftSide li.activity div.body {
  height: 222px;
  overflow-y: auto;
}
#search .leftSide li.country > div > div.body,
#bookmark .leftSide li.country > div > div.body {
  height: 200px;
  overflow-y: auto;
}
#search .leftSide li.cityAndPlz div.body,
#bookmark .leftSide li.cityAndPlz div.body,
#search .leftSide li.cityAndPlz li.ted div.body,
#bookmark .leftSide li.cityAndPlz li.ted div.body {
  padding-top: 8px;
}
#search .leftSide li.cityAndPlz .search,
#bookmark .leftSide li.cityAndPlz .search {
  margin-bottom: 5px;
}
#search .leftSide li.cityAndPlz .bubble li,
#bookmark .leftSide li.cityAndPlz .bubble li {
  padding: 3px 0px;
}
#search .leftSide li.cityAndPlz .bubble li a,
#bookmark .leftSide li.cityAndPlz .bubble li a {
  color: #FFF;
}
#search .leftSide li.building div.body,
#bookmark .leftSide li.building div.body {
  height: 216px;
  overflow-y: auto;
}
#search .leftSide li.decision span,
#bookmark .leftSide li.decision span {
  position: absolute;
  top: 5px;
}
#search .leftSide li.decision li,
#bookmark .leftSide li.decision li {
  margin-bottom: 5px;
}
#search .leftSide li.decision li span + select,
#bookmark .leftSide li.decision li span + select {
  margin-left: 32px;
}
#search .leftSide li.decision li select,
#bookmark .leftSide li.decision li select {
  margin-left: 2px;
}
#search .rightSide,
#bookmark .rightSide {
  width: 640px;
}
#search .rightSide h2,
#bookmark .rightSide h2 {
  margin-top: -4px;
}
#search .rightSide .currentFilter,
#bookmark .rightSide .currentFilter {
  background: #F0F0F0;
}
#search .rightSide .currentFilter ul.collapse > li,
#bookmark .rightSide .currentFilter ul.collapse > li {
  margin: 10px 0px 20px;
  padding: 5px;
}
#search .rightSide .currentFilter ul.collapse > li .body,
#bookmark .rightSide .currentFilter ul.collapse > li .body,
#search .rightSide .currentFilter ul.collapse > li .head,
#bookmark .rightSide .currentFilter ul.collapse > li .head {
  border-bottom: none;
}
#search .rightSide .currentFilter ul.collapse > li .head,
#bookmark .rightSide .currentFilter ul.collapse > li .head {
  background-position: 0 -2px;
}
#search .rightSide .currentFilter ul.collapse > li .head h5,
#bookmark .rightSide .currentFilter ul.collapse > li .head h5 {
  text-transform: none;
  font-size: 16px;
}
#search .rightSide .currentFilter ul.collapse > li li,
#bookmark .rightSide .currentFilter ul.collapse > li li {
  border-top: 1px solid #cccccc;
  margin-top: 5px;
  padding-top: 5px;
}
#search .rightSide .currentFilter ul.collapse > li li h5,
#bookmark .rightSide .currentFilter ul.collapse > li li h5 {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#search .rightSide .currentFilter ul.collapse > li li span,
#bookmark .rightSide .currentFilter ul.collapse > li li span {
  background: transparent url('/image/list_checkmark.png') no-repeat 0 2px;
  padding-left: 15px;
  margin-right: 10px;
  opacity: 0.5;
  font-sizte: 12px;
}
#search .rightSide .currentFilter ul.collapse > li.open .head,
#bookmark .rightSide .currentFilter ul.collapse > li.open .head {
  background-position: 0 -20px;
}
#search h3,
#bookmark h3 {
  border-bottom: 1px solid #333;
  color: #333;
  clear: both;
  display: block;
  height: 30px;
  line-height: 40px;
  font-size: 16px;
  overflow: hidden;
  position: relative;
}
#search h3 div.paginate,
#bookmark h3 div.paginate {
  top: 2px;
  right: 0px;
  position: absolute;
  line-height: 20px;
}
#search .options,
#bookmark .options {
  clear: both;
  display: block;
  margin-bottom: 31px;
  height: 23px;
  position: relative;
}
#search .options > div,
#bookmark .options > div {
  color: #666;
  float: left;
  font-size: 12px;
  margin-right: 20px;
  line-height: 19px;
}
#search .options > div.sort > input,
#bookmark .options > div.sort > input {
  position: relative;
}
#search .options > div.sort select,
#bookmark .options > div.sort select {
  font-size: 12px;
  padding-top: 1px;
}
#search .options > div.listView,
#bookmark .options > div.listView {
  float: right;
  line-height: 20px;
  margin-right: 0px;
  position: relative;
}
#search .options > div.listView label,
#bookmark .options > div.listView label {
  border: 1px solid transparent;
  cursor: pointer;
  padding: 2px 2px 1px 2px;
}
#search .options > div.listView label.active,
#bookmark .options > div.listView label.active {
  border: 1px solid #999;
}
#search .options > div.listView label:hover,
#bookmark .options > div.listView label:hover {
  border: 1px solid #666;
}
#search .options > div.listView label.gallery:hover span,
#bookmark .options > div.listView label.gallery:hover span {
  background-position: right -20px;
}
#search .options > div.listView label.list span,
#bookmark .options > div.listView label.list span {
  background-position: right -40px;
}
#search .options > div.listView label.list:hover span,
#bookmark .options > div.listView label.list:hover span {
  background-position: right -60px;
}
#search .options > div.listView label span,
#bookmark .options > div.listView label span {
  background: url(/image/search_list_view.png) no-repeat scroll right 0 transparent;
  color: #666;
  padding-right: 20px;
}
#search .options > div.listView label span:hover,
#bookmark .options > div.listView label span:hover {
  text-decoration: none;
}
#search div.paginatorWrapper,
#bookmark div.paginatorWrapper {
  position: relative;
  clear: both;
  overflow: hidden;
  height: 30px;
  margin-top: 5px;
}
#search div.paginatorWrapper a,
#bookmark div.paginatorWrapper a {
  line-height: 19px;
}
#search div.paginate,
#bookmark div.paginate {
  position: absolute;
  right: 0px;
}
#search div.paginate a,
#bookmark div.paginate a {
  border: 1px solid #FFF;
  color: #666;
  padding: 1px 5px;
  font-size: 14px;
  font-weight: normal;
  float: left;
}
#search div.paginate a:hover,
#bookmark div.paginate a:hover {
  background-color: #666;
  border-color: #999;
  color: #FFF;
  text-decoration: none;
}
#search div.paginate a.empty,
#bookmark div.paginate a.empty {
  cursor: pointer;
}
#search div.paginate a.empty:hover,
#bookmark div.paginate a.empty:hover {
  border-color: #FFF;
  background-color: transparent;
  color: #333;
  cursor: default;
}
#search div.paginate a.active,
#bookmark div.paginate a.active {
  border-color: #999;
  font-weight: bold;
}
#search div.paginate a.left,
#bookmark div.paginate a.left,
#search div.paginate a.right,
#bookmark div.paginate a.right {
  background: url(/image/search_paginate.png) no-repeat scroll 0 0 transparent;
  width: 15px;
  height: 23px;
  text-indent: -2000px;
  display: block;
}
#search div.paginate a.left,
#bookmark div.paginate a.left {
  background-position: 0 -40px;
}
#search div.paginate a.left:hover,
#bookmark div.paginate a.left:hover {
  background-position: -40px -40px;
  border-color: #FFF;
}
#search div.paginate a.right,
#bookmark div.paginate a.right {
  background-position: 0 0;
}
#search div.paginate a.right:hover,
#bookmark div.paginate a.right:hover {
  background-position: -40px 0px;
  border-color: #FFF;
}
#search ul.result li.formTip,
#bookmark ul.result li.formTip {
  padding: 5px;
}
#search ul.result > li,
#bookmark ul.result > li {
  clear: both;
  padding: 15px 0px;
  border-bottom: 1px solid #333;
  font-size: 14px;
}
#search ul.result > li:hover,
#bookmark ul.result > li:hover {
  background-color: #F6F6F6;
}
#search ul.result > li.disabled .col1,
#bookmark ul.result > li.disabled .col1,
#search ul.result > li.disabled .col2,
#bookmark ul.result > li.disabled .col2 {
  text-decoration: line-through;
}
#search ul.result > li img,
#bookmark ul.result > li img {
  border: none;
  outline: 0;
}
#search ul.result > li img.superteaser,
#bookmark ul.result > li img.superteaser {
  display: block;
  margin-bottom: 10px;
  max-width: 640px;
}
#search ul.result > li .col1,
#bookmark ul.result > li .col1,
#search ul.result > li .col2,
#bookmark ul.result > li .col2 {
  float: left;
  margin-bottom: 5px;
}
#search ul.result > li .col1,
#bookmark ul.result > li .col1 {
  width: 510px;
  margin-right: 20px;
  position: relative;
}
#search ul.result > li .col1.small,
#bookmark ul.result > li .col1.small {
  width: 445px;
  margin-right: 85px;
}
#search ul.result > li .col1.fullsize,
#bookmark ul.result > li .col1.fullsize {
  width: 640px;
}
#search ul.result > li .col1.fullsize .tableRow,
#bookmark ul.result > li .col1.fullsize .tableRow {
  width: 640px;
}
#search ul.result > li .col1 .tableRow,
#bookmark ul.result > li .col1 .tableRow {
  display: table;
  width: 510px;
}
#search ul.result > li .col1 span,
#bookmark ul.result > li .col1 span {
  color: #666;
  display: table-cell;
  vertical-align: top;
}
#search ul.result > li .col1 .bookmark,
#bookmark ul.result > li .col1 .bookmark,
#search ul.result > li .col1 .statuses,
#bookmark ul.result > li .col1 .statuses {
  font-size: 12px;
  float: right;
}
#search ul.result > li .col1 .bookmark.active,
#bookmark ul.result > li .col1 .bookmark.active,
#search ul.result > li .col1 .statuses.active,
#bookmark ul.result > li .col1 .statuses.active {
  background-position: right -20px;
  color: #990000;
}
#search ul.result > li .col1 .comboBox.statuses,
#bookmark ul.result > li .col1 .comboBox.statuses {
  display: table-cell;
  vertical-align: top;
  white-space: nowrap;
}
#search ul.result > li .col1 .comboBox.statuses.noDown,
#bookmark ul.result > li .col1 .comboBox.statuses.noDown {
  background-image: none;
}
#search ul.result > li .col1 .comboBoxValues,
#bookmark ul.result > li .col1 .comboBoxValues {
  margin-top: 13px;
  z-index: 15;
}
#search ul.result > li .col1 .comboBoxValues.statuses li,
#bookmark ul.result > li .col1 .comboBoxValues.statuses li {
  border-top: 0;
  border-bottom: 0;
  font-size: 12px;
  text-align: right;
  padding: 5px 10px;
}
#search ul.result > li .col1 .comboBoxValues.statuses li:first-child,
#bookmark ul.result > li .col1 .comboBoxValues.statuses li:first-child {
  padding-top: 2px;
}
#search ul.result > li .col1 .comboBoxValues.statuses li:not(.hidden) ~ li,
#bookmark ul.result > li .col1 .comboBoxValues.statuses li:not(.hidden) ~ li {
  border-top: 1px solid #cccccc;
}
#search ul.result > li .col1 a,
#bookmark ul.result > li .col1 a {
  color: #000;
}
#search ul.result > li .col1 a:visited,
#bookmark ul.result > li .col1 a:visited {
  color: #666;
}
#search ul.result > li .col1 h2,
#bookmark ul.result > li .col1 h2 {
  border-bottom: none;
  line-height: 18px;
  margin: 2px 0px 5px 0px;
}
#search ul.result > li .col1 h2 a,
#bookmark ul.result > li .col1 h2 a,
#search ul.result > li .col1 h2 span,
#bookmark ul.result > li .col1 h2 span {
  color: #000;
  font-size: 18px;
  font-weight: bold !important;
}
#search ul.result > li .col1 h2 a em,
#bookmark ul.result > li .col1 h2 a em,
#search ul.result > li .col1 h2 span em,
#bookmark ul.result > li .col1 h2 span em {
  font-weight: bold;
}
#search ul.result > li .col1 .dark,
#bookmark ul.result > li .col1 .dark,
#search ul.result > li .col1 .dark a,
#bookmark ul.result > li .col1 .dark a,
#search ul.result > li .col1 .dark span,
#bookmark ul.result > li .col1 .dark span {
  color: #000;
}
#search ul.result > li .col1 .dark:hover,
#bookmark ul.result > li .col1 .dark:hover,
#search ul.result > li .col1 .dark a:hover,
#bookmark ul.result > li .col1 .dark a:hover,
#search ul.result > li .col1 .dark span:hover,
#bookmark ul.result > li .col1 .dark span:hover {
  text-decoration: none;
}
#search ul.result > li .col1 .light,
#bookmark ul.result > li .col1 .light {
  color: #666;
}
#search ul.result > li .col1.results,
#bookmark ul.result > li .col1.results {
  width: 640px;
}
#search ul.result > li .col1.results .comboBoxValues,
#bookmark ul.result > li .col1.results .comboBoxValues {
  margin-top: 13px;
}
#search ul.result > li .col1.results span,
#bookmark ul.result > li .col1.results span {
  max-width: 550px;
}
#search ul.result > li .col2,
#bookmark ul.result > li .col2 {
  width: 110px;
  color: #333;
  position: relative;
}
#search ul.result > li .col2 a,
#bookmark ul.result > li .col2 a {
  color: #333;
}
#search ul.result > li .col2 a:hover,
#bookmark ul.result > li .col2 a:hover {
  text-decoration: none;
}
#search ul.result > li .col2 div,
#bookmark ul.result > li .col2 div {
  margin-bottom: 5px;
}
#search ul.result > li .col2 .head,
#bookmark ul.result > li .col2 .head {
  color: #666;
  font-size: 12px;
  margin-bottom: 5px;
}
#search ul.result > li .col2 .infoBanner,
#bookmark ul.result > li .col2 .infoBanner {
  color: #FFF;
  padding: 8px 10px;
  margin-bottom: -9px;
  position: relative;
  top: 0;
  height: 40px;
  width: 168px;
  z-index: 1;
  right: 77px;
  background-color: #8AAF11;
  border-radius: 0;
  font-family: 'DINWeb';
  line-height: 20px;
  font-size: 18px;
  text-align: left;
}
#search ul.result > li .col2 .infoBanner .arrow.big.right,
#bookmark ul.result > li .col2 .infoBanner .arrow.big.right {
  background-image: url("/image/products/products.png");
  background-position: -1115px -115px;
  width: 11px;
  height: 24px;
  position: absolute;
  right: 12px;
  top: 13px;
}
#search ul.result > li .col2 .infoBanner:hover,
#bookmark ul.result > li .col2 .infoBanner:hover {
  background-color: #77970E;
}
#search ul.result > li .col2 .infoBanner.rememberList,
#bookmark ul.result > li .col2 .infoBanner.rememberList {
  position: absolute;
  right: 0;
}
#search ul.result > li .details,
#bookmark ul.result > li .details,
#search ul.result > li .details em,
#bookmark ul.result > li .details em {
  font-style: italic;
}
#search ul.result > li em,
#bookmark ul.result > li em {
  background-color: #FFFF99;
}
#search ul.result > li .wrapper,
#bookmark ul.result > li .wrapper {
  display: table-cell;
}
#search ul.result > li .wrapper a.superteaser,
#bookmark ul.result > li .wrapper a.superteaser {
  margin-bottom: 10px;
  display: block;
}
#search ul.result > li .wrapper a.previewImage,
#bookmark ul.result > li .wrapper a.previewImage,
#search ul.result > li .wrapper span.previewImage,
#bookmark ul.result > li .wrapper span.previewImage {
  display: inline-block;
  vertical-align: top;
  max-width: 155px;
}
#search ul.result > li .wrapper a.previewImage img,
#bookmark ul.result > li .wrapper a.previewImage img,
#search ul.result > li .wrapper span.previewImage img,
#bookmark ul.result > li .wrapper span.previewImage img {
  width: 155px;
}
#search ul.result > li .wrapper a.previewImage + div.col1,
#bookmark ul.result > li .wrapper a.previewImage + div.col1,
#search ul.result > li .wrapper span.previewImage + div.col1,
#bookmark ul.result > li .wrapper span.previewImage + div.col1 {
  display: inline-block;
  vertical-align: bottom;
  width: 470px;
  float: none;
  margin-left: 10px;
  margin-right: 0px;
}
#search ul.result > li .wrapper a.previewImage + div.col1 div.content > span,
#bookmark ul.result > li .wrapper a.previewImage + div.col1 div.content > span,
#search ul.result > li .wrapper span.previewImage + div.col1 div.content > span,
#bookmark ul.result > li .wrapper span.previewImage + div.col1 div.content > span {
  max-width: 400px;
  display: block;
}
#search .noResult,
#bookmark .noResult {
  background: url(/image/search_noresult_lines.png) repeat scroll 0 0 #FFF;
  clear: both;
  display: block;
  overflow: hidden;
}
#search .noResult .inner,
#bookmark .noResult .inner {
  background-color: #FFF;
  display: block;
  margin: 30px 0px;
  padding: 40px 20px;
  text-align: center;
}
#search .noResult .inner h2,
#bookmark .noResult .inner h2 {
  border: none;
  background: url(/image/search_noresult_attention.png) no-repeat scroll 90px 0 transparent;
  font-size: 25px;
  font-weight: bold !important;
  height: 40px;
  line-height: 35px;
  padding-left: 45px;
  margin-bottom: 20px;
}
#search .noResult .inner .info,
#bookmark .noResult .inner .info {
  text-align: left;
  margin-left: 140px;
  font-size: 15px;
  color: #333;
}
#search .noResult .inner .info ul,
#bookmark .noResult .inner .info ul {
  display: block;
  margin-top: 5px;
}
#search .noResult .inner .info ul li,
#bookmark .noResult .inner .info ul li {
  list-style-image: url(/image/search_noresult_pfeil.png);
  margin-left: 16px;
  padding-bottom: 5px;
}
#search .redakteur,
#bookmark .redakteur {
  background: #DBEDB5;
  margin: 10px -9px 0px -9px;
  padding: 10px 0px 10px 9px;
}
#search .redakteur .collapse li:first-child,
#bookmark .redakteur .collapse li:first-child {
  margin-top: 5px;
}
#search .redakteur .collapse li.createCompetition + li,
#bookmark .redakteur .collapse li.createCompetition + li {
  margin-top: 15px;
}
#search .redakteur .collapse li.createCompetition a,
#bookmark .redakteur .collapse li.createCompetition a {
  color: #333;
  font-size: 15px;
}
#search .redakteur .collapse li.createCompetition a img,
#bookmark .redakteur .collapse li.createCompetition a img {
  border: medium none;
  margin-bottom: -2px;
  margin-left: 5px;
}
#search .redakteur div.search input[type=text],
#bookmark .redakteur div.search input[type=text] {
  border-color: #99CC33;
}
#search .redakteur div.search input[type=submit],
#bookmark .redakteur div.search input[type=submit] {
  background-position: -40px 0px;
  right: 8px;
}
#search .redakteur div.search:hover input[type=text],
#bookmark .redakteur div.search:hover input[type=text] {
  border-color: #6EAF16;
}
#search .redakteur div.search:hover input[type=submit],
#bookmark .redakteur div.search:hover input[type=submit] {
  background-position: -40px -40px;
}
#search .redakteur div.search.focus input[type=text],
#bookmark .redakteur div.search.focus input[type=text] {
  border-color: #439200;
}
#search .redakteur div.search.focus input[type=submit],
#bookmark .redakteur div.search.focus input[type=submit] {
  background-position: -40px -80px;
}
#search .redakteur li.jury .bubble,
#bookmark .redakteur li.jury .bubble {
  bottom: 112px;
}
#search .searchProfile,
#bookmark .searchProfile {
  margin-bottom: 10px;
  margin-top: 4px;
}
#search .searchProfile select,
#bookmark .searchProfile select,
#search .searchProfile span,
#bookmark .searchProfile span {
  color: #333;
  font-size: 14px;
}
#search .searchprofile .button.redHover,
#bookmark .searchprofile .button.redHover {
  color: #666;
}
#search .searchprofile .button.redHover:hover,
#bookmark .searchprofile .button.redHover:hover {
  color: #FFF;
}
#search .reset,
#bookmark .reset {
  display: none;
  background: url(/image/search_reset.png) no-repeat scroll right 0 transparent;
}
#search .reset:hover,
#bookmark .reset:hover {
  background-position: right -30px;
}
#search .resetContainer.changed .reset,
#bookmark .resetContainer.changed .reset {
  display: inline;
}
#search form.changed .resetAll,
#bookmark form.changed .resetAll {
  display: inline;
}
#search .resetAll,
#bookmark .resetAll {
  display: none;
  padding-right: 17px;
  position: absolute;
  right: 10px;
  color: #666;
}
#search .resetAll:hover,
#bookmark .resetAll:hover {
  color: #333;
}
#search div.search,
#bookmark div.search {
  position: relative;
  font-size: 14px;
  /** Firefox needs to be standalone */
}
#search div.search:hover input[type=text],
#bookmark div.search:hover input[type=text] {
  border-color: #666;
}
#search div.search:hover input[type=submit],
#bookmark div.search:hover input[type=submit] {
  background-position: 0 -40px;
}
#search div.search.focus input[type=text],
#bookmark div.search.focus input[type=text] {
  border-color: #333;
}
#search div.search.focus input[type=submit],
#bookmark div.search.focus input[type=submit] {
  background-position: 0 -80px;
}
#search div.search input[type=text],
#bookmark div.search input[type=text] {
  background: #FFF;
  border: 1px solid #999;
  color: #333;
  height: 17px;
  padding: 5px 3px;
  width: 265px;
}
#search div.search input[type=text]:-moz-placeholder,
#bookmark div.search input[type=text]:-moz-placeholder {
  color: #999;
}
#search div.search input[type=text]::-webkit-input-placeholder,
#bookmark div.search input[type=text]::-webkit-input-placeholder,
#search div.search input[type=text]:-ms-input-placeholder,
#bookmark div.search input[type=text]:-ms-input-placeholder {
  color: #999;
}
#search div.search input[type=submit],
#bookmark div.search input[type=submit] {
  background: url(/image/search_submit.png) no-repeat scroll 0 0 transparent;
  border: none;
  text-indent: -2000px;
  width: 28px;
  height: 29px;
  position: absolute;
  right: 0px;
}
#search div.search .bubble,
#bookmark div.search .bubble {
  bottom: 40px;
}
#search div.search.dateRange input[type=text],
#bookmark div.search.dateRange input[type=text] {
  width: 129px;
}
#search div.search.dateRange input[type=text]:first-child,
#bookmark div.search.dateRange input[type=text]:first-child {
  float: left;
  border-right: 0;
}
#search li.decision .bubble,
#bookmark li.decision .bubble {
  bottom: 48px;
  padding: 20px;
}
#search li.decision .bubble span,
#bookmark li.decision .bubble span {
  position: relative;
  top: none;
}
#search .searchElements .option,
#bookmark .searchElements .option {
  clear: both;
  font-size: 13px;
  position: relative;
}
#search .searchElements .option ul > li,
#bookmark .searchElements .option ul > li {
  margin-left: 15px;
  position: relative;
}
#search .searchElements li.disabled > label,
#bookmark .searchElements li.disabled > label,
#search .searchElements li.disabled > .head > label,
#bookmark .searchElements li.disabled > .head > label {
  color: #cccccc;
  cursor: default;
}
#search .searchElements li.disabled > label input[type=checkbox]:checked + span.checkbox,
#bookmark .searchElements li.disabled > label input[type=checkbox]:checked + span.checkbox,
#search .searchElements li.disabled > .head > label input[type=checkbox]:checked + span.checkbox,
#bookmark .searchElements li.disabled > .head > label input[type=checkbox]:checked + span.checkbox {
  background-position: -100px 0;
}
#search .searchElements li.disabled > label input[type=checkbox] + span.checkbox,
#bookmark .searchElements li.disabled > label input[type=checkbox] + span.checkbox,
#search .searchElements li.disabled > .head > label input[type=checkbox] + span.checkbox,
#bookmark .searchElements li.disabled > .head > label input[type=checkbox] + span.checkbox {
  background-position: -28px 0;
}
#search .searchElements li.disabled span.count,
#bookmark .searchElements li.disabled span.count {
  color: #cccccc;
}
#search .searchElements li.disabled input,
#bookmark .searchElements li.disabled input {
  opacity: 0.5;
}
#search .searchElements li.noFacets span.count,
#bookmark .searchElements li.noFacets span.count {
  display: none;
}
#search .searchElements label,
#bookmark .searchElements label {
  color: #333;
  cursor: pointer;
  display: block;
  padding-left: 20px;
  position: relative;
}
#search .searchElements label input[type=radio],
#bookmark .searchElements label input[type=radio] {
  margin-left: -20px;
}
#search .searchElements label input[type=radio] + span.radio,
#bookmark .searchElements label input[type=radio] + span.radio {
  display: none;
}
#search .searchElements label input[type=radio] + span.radio + span.text,
#bookmark .searchElements label input[type=radio] + span.radio + span.text {
  margin-left: 3px;
  margin-top: -1px;
}
#search .searchElements label input[type=checkbox],
#bookmark .searchElements label input[type=checkbox] {
  border: 1px solid #999;
  margin-left: -20px;
  display: block;
  float: left;
  opacity: 0;
}
#search .searchElements label input[type=checkbox] + span.checkbox,
#bookmark .searchElements label input[type=checkbox] + span.checkbox {
  background-image: url("/image/search_checkboxes.png");
  background-position: 0 0;
  left: 0;
  position: absolute;
  width: 13px;
  height: 13px;
}
#search .searchElements label input[type=checkbox]:checked + span.checkbox,
#bookmark .searchElements label input[type=checkbox]:checked + span.checkbox {
  background-position: -60px 0;
}
#search .searchElements label:hover,
#bookmark .searchElements label:hover {
  text-decoration: none;
}
#search .searchElements label:hover span.text,
#bookmark .searchElements label:hover span.text {
  text-decoration: underline;
}
#search .searchElements label span,
#bookmark .searchElements label span {
  word-wrap: break-word;
}
#search .searchElements label span.count,
#bookmark .searchElements label span.count {
  color: #999;
}
#search ul.collapse > li,
#bookmark ul.collapse > li {
  color: #333;
  font-size: 12px;
  margin-top: 35px;
  position: relative;
}
#search ul.collapse > li div.head,
#bookmark ul.collapse > li div.head {
  background: url(/image/search_collapse.png) no-repeat scroll 0 -4px transparent;
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
  padding: 0px 20px 2px 20px;
}
#search ul.collapse > li div.head h5,
#bookmark ul.collapse > li div.head h5 {
  font-weight: bold;
  text-transform: uppercase;
}
#search ul.collapse > li div.head .resetCurrent,
#bookmark ul.collapse > li div.head .resetCurrent {
  height: 15px;
  position: absolute;
  right: 0px;
  text-indent: -2000px;
  top: -4px;
  width: 15px;
}
#search ul.collapse > li div.head .resetCurrent.jobProfessions,
#bookmark ul.collapse > li div.head .resetCurrent.jobProfessions {
  top: -14px;
}
#search ul.collapse > li.open div.head,
#bookmark ul.collapse > li.open div.head {
  background-position: 0 -23px;
}
#search ul.collapse > li div.body,
#bookmark ul.collapse > li div.body {
  border-bottom: 1px solid #cccccc;
  padding: 5px 0px;
}
#search ul.collapse > li div.body.noBorder,
#bookmark ul.collapse > li div.body.noBorder {
  border-bottom: none;
}
#search ul.collapse > li div.body ul.collapse li,
#bookmark ul.collapse > li div.body ul.collapse li {
  margin-top: 0px;
}
#search ul.collapse > li div.body ul.collapse li.first.collapse,
#bookmark ul.collapse > li div.body ul.collapse li.first.collapse {
  margin-top: 10px;
}
#search ul.collapse > li div.body ul.collapse li div.head,
#bookmark ul.collapse > li div.body ul.collapse li div.head {
  border-bottom: none;
  background-position: -3px -60px;
  padding-left: 14px;
}
#search ul.collapse > li div.body ul.collapse li.open div.head,
#bookmark ul.collapse > li div.body ul.collapse li.open div.head {
  background-position: -3px -44px;
}
#search ul.collapse > li div.body ul.collapse li div.body,
#bookmark ul.collapse > li div.body ul.collapse li div.body {
  padding-top: 0px;
  border-bottom: none;
}
#search ul.collapse > li div.body ul.collapse li div.body li,
#bookmark ul.collapse > li div.body ul.collapse li div.body li {
  padding-left: 15px;
}
#search .commitment,
#bookmark .commitment,
#search .won,
#bookmark .won {
  color: #439200;
}
#search .refusal,
#bookmark .refusal,
#search .lost,
#bookmark .lost {
  color: #000;
}
#search .remembered,
#bookmark .remembered {
  color: #000;
}
#search .application-runs,
#bookmark .application-runs {
  color: #FFB27F;
}
#search .submit-application,
#bookmark .submit-application {
  color: #FF6600;
}
#search .delete,
#bookmark .delete {
  color: #990000;
}
#search.jobs ul.result li .wrapper a.previewImage img,
#search.companies ul.result li .wrapper a.previewImage img,
#search.jobs ul.result li .wrapper span.previewImage img,
#search.companies ul.result li .wrapper span.previewImage img,
#search.jobs #bookmark ul.result li .wrapper a.previewImage img,
#search.companies #bookmark ul.result li .wrapper a.previewImage img {
  width: 60px;
}
#search.jobs a.previewImage + .col1.fullsize .tableRow,
#search.companies a.previewImage + .col1.fullsize .tableRow,
#search.jobs span.previewImage + .col1.fullsize .tableRow,
#search.companies span.previewImage + .col1.fullsize .tableRow {
  width: 565px;
}
#search.jobs ul.result a.previewImage + .col1 div.comboBoxValues,
#search.companies ul.result a.previewImage + .col1 div.comboBoxValues,
#search.jobs ul.result span.previewImage + .col1 div.comboBoxValues,
#search.companies ul.result span.previewImage + .col1 div.comboBoxValues {
  right: -95px;
}
/** companies result list */
#search.companies img.companyLogo {
  position: relative;
  top: 1px;
}
#search.companies .leftSide li.realizedProjects .body .buildings,
#search.companies .leftSide li.projects > .wrapper > .body,
#search.companies .leftSide li.professions > .wrapper > .body {
  overflow-y: auto;
  height: 216px;
}
#search.companies .leftSide ul.collapse.mixedSubs li {
  margin-left: 14px;
}
#search.companies .leftSide ul.collapse.mixedSubs li.collapse {
  margin-left: 0px;
}
#search.companies .leftSide ul.collapse.mixedSubs li.first.collapse {
  margin-top: -2px;
  bottom: -2px;
}
#search.companies .rightSide .col1.fullsize span {
  padding-right: 30px;
}
#htmlConfirm.searchprofile .body {
  position: relative;
}
#htmlConfirm.searchprofile h2 {
  margin-bottom: 20px;
}
#htmlConfirm.searchprofile .bubble {
  top: 0;
  margin-bottom: 5px;
  position: relative;
}
#htmlConfirm.searchprofile span {
  color: #666;
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
}
#htmlConfirm.searchprofile input {
  color: #333;
  width: 500px;
  padding: 5px;
  margin-bottom: 2px;
}
#htmlConfirm.searchprofile abbr {
  color: #999;
  font-size: 12px;
}
#htmlConfirm.searchprofile a.createNew {
  cursor: pointer;
  display: block;
  top: 10px;
  position: relative;
  font-size: 15px;
}
#htmlConfirm.searchprofile .options {
  margin-top: 10px;
}
/**
 * Settings for different sections
 */
#search.manufacturers {
  display: table;
  margin-top: 20px;
}
#search.manufacturers .tableRow {
  display: table-row;
}
#search.manufacturers .leftSide,
#search.manufacturers .rightSide {
  display: table-cell;
  float: none;
  vertical-align: top;
}
#search.manufacturers .rightSide ul.result li.row:last-child {
  border-bottom: 0px;
}
#search.manufacturers .rightSide ul.result .col1 {
  float: none;
  width: 620px;
}
#search.manufacturers .rightSide ul.result h2 {
  margin: 13px 0;
}
/**
 * Browser specific settings
 */
.ie #search .options div.listView,
.ie #bookmark .options div.listView {
  top: 1px;
}
.ie #search .options div.listView select,
.ie #bookmark .options div.listView select {
  vertical-align: middle;
}
.ie #search .options label.onlyImage,
.ie #bookmark .options label.onlyImage {
  position: relative;
  top: 1px;
}
.ie #search .searchElements label input[type=checkbox],
.ie #bookmark .searchElements label input[type=checkbox] {
  border: none;
}
.ie8 #search .searchElements span.checkbox {
  display: none;
}
.ie8 #search .searchElements input[type="checkbox"] {
  opacity: 1;
}
.chrome #search .options label.onlyImage {
  position: relative;
  top: 1px;
}
/**
  * CSS file for product page
  *
  * @author          Ronald Marske <r.marske@secu-ring.de>
  * @filesource      public/css/product.less
  *
  * @copyright       Copyright (c) 2012 secu-ring GmbH (http://www.secu-ring.de)
  *
  * @package         css
  */
div.topNavigation li.product a img {
  margin-top: -8px;
}
div.topNavigation li.product img.membership-subscription {
  position: absolute;
  top: -58px;
  left: -153px;
  border: 0;
}
.download_box {
  border: none;
  margin: 0 0 19px 0;
  padding: 0;
  height: auto;
  width: auto;
}
.download_box a.preview img {
  border: 1px solid #cccccc;
  height: 78px;
  width: 112px;
}
.download_box div {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #cccccc;
  float: right;
  font-size: 12px;
  height: 42px;
  padding: 6px 0 8px 8px;
  position: relative;
  top: 21px;
  width: 124px;
}
.download_box div a {
  float: left;
  width: 80px;
}
.download_box div a.download {
  background: url("/image/static/icon_download.png") no-repeat 6px 11px !important;
  background-size: 20px 23px !important;
  border-left: 1px solid #cccccc;
  float: right;
  height: 48px;
  position: relative;
  right: 0;
  top: -2px;
  width: 32px;
}
.products,
.box_billing {
  position: relative;
}
.products .pinkFont,
.box_billing .pinkFont {
  color: #EA0081;
}
.products#students a.request,
.box_billing#students a.request,
.products#manufacturer a.request,
.box_billing#manufacturer a.request,
.products#toolbox a.request,
.box_billing#toolbox a.request,
.products#box_billing a.request,
.box_billing#box_billing a.request {
  background-color: #999;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #FFF;
  display: inline-block;
  font-size: 14px;
  height: 27px;
  padding: 8px 10px 0 10px;
  cursor: pointer;
}
.products#students a.request:hover,
.box_billing#students a.request:hover,
.products#manufacturer a.request:hover,
.box_billing#manufacturer a.request:hover,
.products#toolbox a.request:hover,
.box_billing#toolbox a.request:hover,
.products#box_billing a.request:hover,
.box_billing#box_billing a.request:hover {
  background-color: #666;
}
.products#students .leftSide ~ .leftSide,
.box_billing#students .leftSide ~ .leftSide,
.products#manufacturer .leftSide ~ .leftSide,
.box_billing#manufacturer .leftSide ~ .leftSide,
.products#toolbox .leftSide ~ .leftSide,
.box_billing#toolbox .leftSide ~ .leftSide,
.products#box_billing .leftSide ~ .leftSide,
.box_billing#box_billing .leftSide ~ .leftSide {
  margin-top: 40px;
}
.products#students .leftSide .contact_container,
.box_billing#students .leftSide .contact_container,
.products#manufacturer .leftSide .contact_container,
.box_billing#manufacturer .leftSide .contact_container,
.products#toolbox .leftSide .contact_container,
.box_billing#toolbox .leftSide .contact_container,
.products#box_billing .leftSide .contact_container,
.box_billing#box_billing .leftSide .contact_container {
  margin-top: 40px;
}
.products#students .leftSide .contact_container p:first-child,
.box_billing#students .leftSide .contact_container p:first-child,
.products#manufacturer .leftSide .contact_container p:first-child,
.box_billing#manufacturer .leftSide .contact_container p:first-child,
.products#toolbox .leftSide .contact_container p:first-child,
.box_billing#toolbox .leftSide .contact_container p:first-child,
.products#box_billing .leftSide .contact_container p:first-child,
.box_billing#box_billing .leftSide .contact_container p:first-child {
  margin-bottom: 17px !important;
}
.products#students .rightSide,
.box_billing#students .rightSide,
.products#manufacturer .rightSide,
.box_billing#manufacturer .rightSide,
.products#toolbox .rightSide,
.box_billing#toolbox .rightSide,
.products#box_billing .rightSide,
.box_billing#box_billing .rightSide {
  clear: both;
}
.products#students .rightSide a.request,
.box_billing#students .rightSide a.request,
.products#manufacturer .rightSide a.request,
.box_billing#manufacturer .rightSide a.request,
.products#toolbox .rightSide a.request,
.box_billing#toolbox .rightSide a.request,
.products#box_billing .rightSide a.request,
.box_billing#box_billing .rightSide a.request {
  margin-top: 15px;
}
.products#students .rightSide a.request.mb_54,
.box_billing#students .rightSide a.request.mb_54,
.products#manufacturer .rightSide a.request.mb_54,
.box_billing#manufacturer .rightSide a.request.mb_54,
.products#toolbox .rightSide a.request.mb_54,
.box_billing#toolbox .rightSide a.request.mb_54,
.products#box_billing .rightSide a.request.mb_54,
.box_billing#box_billing .rightSide a.request.mb_54 {
  margin-bottom: 54px;
}
.products#students .rightSide .download_box,
.box_billing#students .rightSide .download_box,
.products#manufacturer .rightSide .download_box,
.box_billing#manufacturer .rightSide .download_box,
.products#toolbox .rightSide .download_box,
.box_billing#toolbox .rightSide .download_box,
.products#box_billing .rightSide .download_box,
.box_billing#box_billing .rightSide .download_box {
  border: 1px solid #cccccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  height: 37px;
  margin: 18px 0 -5px;
  padding: 5px 4px 8px 11px;
  width: 242px;
}
.products#students .rightSide .download_box h4,
.box_billing#students .rightSide .download_box h4,
.products#manufacturer .rightSide .download_box h4,
.box_billing#manufacturer .rightSide .download_box h4,
.products#toolbox .rightSide .download_box h4,
.box_billing#toolbox .rightSide .download_box h4,
.products#box_billing .rightSide .download_box h4,
.box_billing#box_billing .rightSide .download_box h4 {
  color: #999;
  font-size: 14px;
  margin: 5px 0 2px 0;
}
.products#students .rightSide .download_box a,
.box_billing#students .rightSide .download_box a,
.products#manufacturer .rightSide .download_box a,
.box_billing#manufacturer .rightSide .download_box a,
.products#toolbox .rightSide .download_box a,
.box_billing#toolbox .rightSide .download_box a,
.products#box_billing .rightSide .download_box a,
.box_billing#box_billing .rightSide .download_box a {
  font-size: 11px;
}
.products#students .rightSide .download_box a.download,
.box_billing#students .rightSide .download_box a.download,
.products#manufacturer .rightSide .download_box a.download,
.box_billing#manufacturer .rightSide .download_box a.download,
.products#toolbox .rightSide .download_box a.download,
.box_billing#toolbox .rightSide .download_box a.download,
.products#box_billing .rightSide .download_box a.download,
.box_billing#box_billing .rightSide .download_box a.download {
  background: url("/image/static/icon_download.png") no-repeat scroll 8px 6px transparent;
  border-left: 1px solid #cccccc;
  float: right;
  height: 40px;
  width: 45px;
}
.products#toolbox .leftSide ~ .leftSide,
.box_billing#toolbox .leftSide ~ .leftSide {
  margin-top: 20px;
}
.products#toolbox .leftSide .contact_container,
.box_billing#toolbox .leftSide .contact_container {
  margin-top: 0px;
}
.products#toolbox .rightSide .download_box,
.box_billing#toolbox .rightSide .download_box {
  border: none;
  margin: 0 0 19px 0;
  padding: 0;
  height: auto;
  width: auto;
}
.products#toolbox .rightSide .download_box a.preview img,
.box_billing#toolbox .rightSide .download_box a.preview img {
  border: 1px solid #cccccc;
}
.products#toolbox .rightSide .download_box div a,
.box_billing#toolbox .rightSide .download_box div a {
  float: left;
  width: 80px;
}
.products#toolbox .rightSide .download_box div a.download,
.box_billing#toolbox .rightSide .download_box div a.download {
  height: 48px;
  width: 32px;
}
.products#students,
.box_billing#students,
.products#manufacturer,
.box_billing#manufacturer,
.products#toolbox,
.box_billing#toolbox {
  float: left;
}
.products#students a,
.box_billing#students a,
.products#manufacturer a,
.box_billing#manufacturer a,
.products#toolbox a,
.box_billing#toolbox a {
  font-size: 14px;
  text-decoration: none;
}
.products#students a img,
.box_billing#students a img,
.products#manufacturer a img,
.box_billing#manufacturer a img,
.products#toolbox a img,
.box_billing#toolbox a img {
  border: none;
}
.products#students a.button,
.box_billing#students a.button,
.products#manufacturer a.button,
.box_billing#manufacturer a.button,
.products#toolbox a.button,
.box_billing#toolbox a.button {
  color: #FFF;
}
.products#students p,
.box_billing#students p,
.products#manufacturer p,
.box_billing#manufacturer p,
.products#toolbox p,
.box_billing#toolbox p {
  color: #333;
  font-size: 14px;
  margin-left: 0px;
}
.products#students h2,
.box_billing#students h2,
.products#manufacturer h2,
.box_billing#manufacturer h2,
.products#toolbox h2,
.box_billing#toolbox h2,
.products#students h3,
.box_billing#students h3,
.products#manufacturer h3,
.box_billing#manufacturer h3,
.products#toolbox h3,
.box_billing#toolbox h3 {
  color: #000;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 18px;
}
.products#students h2.orange,
.box_billing#students h2.orange,
.products#manufacturer h2.orange,
.box_billing#manufacturer h2.orange,
.products#toolbox h2.orange,
.box_billing#toolbox h2.orange,
.products#students h3.orange,
.box_billing#students h3.orange,
.products#manufacturer h3.orange,
.box_billing#manufacturer h3.orange,
.products#toolbox h3.orange,
.box_billing#toolbox h3.orange {
  color: #FF6600;
}
.products#students h2.mb_0,
.box_billing#students h2.mb_0,
.products#manufacturer h2.mb_0,
.box_billing#manufacturer h2.mb_0,
.products#toolbox h2.mb_0,
.box_billing#toolbox h2.mb_0,
.products#students h3.mb_0,
.box_billing#students h3.mb_0,
.products#manufacturer h3.mb_0,
.box_billing#manufacturer h3.mb_0,
.products#toolbox h3.mb_0,
.box_billing#toolbox h3.mb_0 {
  margin-bottom: 0px;
}
.products#students h2:nth-child(3),
.box_billing#students h2:nth-child(3),
.products#manufacturer h2:nth-child(3),
.box_billing#manufacturer h2:nth-child(3),
.products#toolbox h2:nth-child(3),
.box_billing#toolbox h2:nth-child(3),
.products#students h3:nth-child(3),
.box_billing#students h3:nth-child(3),
.products#manufacturer h3:nth-child(3),
.box_billing#manufacturer h3:nth-child(3),
.products#toolbox h3:nth-child(3),
.box_billing#toolbox h3:nth-child(3),
.products#students h2.border,
.box_billing#students h2.border,
.products#manufacturer h2.border,
.box_billing#manufacturer h2.border,
.products#toolbox h2.border,
.box_billing#toolbox h2.border,
.products#students h3.border,
.box_billing#students h3.border,
.products#manufacturer h3.border,
.box_billing#manufacturer h3.border,
.products#toolbox h3.border,
.box_billing#toolbox h3.border {
  border-bottom: 1px dotted #707070;
  padding-bottom: 18px;
}
.products#students .banner,
.box_billing#students .banner,
.products#manufacturer .banner,
.box_billing#manufacturer .banner,
.products#toolbox .banner,
.box_billing#toolbox .banner {
  margin-bottom: 27px;
  margin-top: 10px;
}
.products#students .rightSide,
.box_billing#students .rightSide,
.products#manufacturer .rightSide,
.box_billing#manufacturer .rightSide,
.products#toolbox .rightSide,
.box_billing#toolbox .rightSide {
  float: right;
  width: 257px;
}
.products#students .rightSide div.students_contact,
.box_billing#students .rightSide div.students_contact,
.products#manufacturer .rightSide div.students_contact,
.box_billing#manufacturer .rightSide div.students_contact,
.products#toolbox .rightSide div.students_contact,
.box_billing#toolbox .rightSide div.students_contact {
  border-top: 1px dotted #707070;
  padding-top: 17px;
}
.products#students .rightSide div.students_contact p.contact,
.box_billing#students .rightSide div.students_contact p.contact,
.products#manufacturer .rightSide div.students_contact p.contact,
.box_billing#manufacturer .rightSide div.students_contact p.contact,
.products#toolbox .rightSide div.students_contact p.contact,
.box_billing#toolbox .rightSide div.students_contact p.contact {
  font-size: 16px;
  margin-top: 9px;
}
.products#students .rightSide div.students_contact p.contact.builders,
.box_billing#students .rightSide div.students_contact p.contact.builders,
.products#manufacturer .rightSide div.students_contact p.contact.builders,
.box_billing#manufacturer .rightSide div.students_contact p.contact.builders,
.products#toolbox .rightSide div.students_contact p.contact.builders,
.box_billing#toolbox .rightSide div.students_contact p.contact.builders {
  font-size: 14px;
}
.products#students .rightSide div.students_contact div.socialmedia,
.box_billing#students .rightSide div.students_contact div.socialmedia,
.products#manufacturer .rightSide div.students_contact div.socialmedia,
.box_billing#manufacturer .rightSide div.students_contact div.socialmedia,
.products#toolbox .rightSide div.students_contact div.socialmedia,
.box_billing#toolbox .rightSide div.students_contact div.socialmedia {
  margin-top: 37px;
}
.products#students .rightSide div.students_contact div.socialmedia p,
.box_billing#students .rightSide div.students_contact div.socialmedia p,
.products#manufacturer .rightSide div.students_contact div.socialmedia p,
.box_billing#manufacturer .rightSide div.students_contact div.socialmedia p,
.products#toolbox .rightSide div.students_contact div.socialmedia p,
.box_billing#toolbox .rightSide div.students_contact div.socialmedia p {
  margin-bottom: 11px;
}
.products#students .rightSide div.students_contact div.socialmedia img,
.box_billing#students .rightSide div.students_contact div.socialmedia img,
.products#manufacturer .rightSide div.students_contact div.socialmedia img,
.box_billing#manufacturer .rightSide div.students_contact div.socialmedia img,
.products#toolbox .rightSide div.students_contact div.socialmedia img,
.box_billing#toolbox .rightSide div.students_contact div.socialmedia img {
  border: none;
}
.products#students .leftSide,
.box_billing#students .leftSide,
.products#manufacturer .leftSide,
.box_billing#manufacturer .leftSide,
.products#toolbox .leftSide,
.box_billing#toolbox .leftSide {
  float: left;
  padding-left: 80px;
  width: 605px;
}
.products#students .leftSide div.advantages,
.box_billing#students .leftSide div.advantages,
.products#manufacturer .leftSide div.advantages,
.box_billing#manufacturer .leftSide div.advantages,
.products#toolbox .leftSide div.advantages,
.box_billing#toolbox .leftSide div.advantages {
  margin-top: 37px;
  padding-left: 22px;
}
.products#students .leftSide div.advantages span.arrow,
.box_billing#students .leftSide div.advantages span.arrow,
.products#manufacturer .leftSide div.advantages span.arrow,
.box_billing#manufacturer .leftSide div.advantages span.arrow,
.products#toolbox .leftSide div.advantages span.arrow,
.box_billing#toolbox .leftSide div.advantages span.arrow {
  background: url("/image/products/products.png") no-repeat scroll -1019px -163px;
}
.products#students .leftSide div.advantages span.pinkArrow,
.box_billing#students .leftSide div.advantages span.pinkArrow,
.products#manufacturer .leftSide div.advantages span.pinkArrow,
.box_billing#manufacturer .leftSide div.advantages span.pinkArrow,
.products#toolbox .leftSide div.advantages span.pinkArrow,
.box_billing#toolbox .leftSide div.advantages span.pinkArrow {
  background: url("/image/products/products.png") no-repeat scroll -1067px -163px;
}
.products#students .leftSide div.advantages span.arrow,
.box_billing#students .leftSide div.advantages span.arrow,
.products#manufacturer .leftSide div.advantages span.arrow,
.box_billing#manufacturer .leftSide div.advantages span.arrow,
.products#toolbox .leftSide div.advantages span.arrow,
.box_billing#toolbox .leftSide div.advantages span.arrow,
.products#students .leftSide div.advantages span.pinkArrow,
.box_billing#students .leftSide div.advantages span.pinkArrow,
.products#manufacturer .leftSide div.advantages span.pinkArrow,
.box_billing#manufacturer .leftSide div.advantages span.pinkArrow,
.products#toolbox .leftSide div.advantages span.pinkArrow,
.box_billing#toolbox .leftSide div.advantages span.pinkArrow {
  height: 24px;
  left: 80px;
  position: absolute;
  width: 11px;
}
.products#students .leftSide div.advantages h3,
.box_billing#students .leftSide div.advantages h3,
.products#manufacturer .leftSide div.advantages h3,
.box_billing#manufacturer .leftSide div.advantages h3,
.products#toolbox .leftSide div.advantages h3,
.box_billing#toolbox .leftSide div.advantages h3 {
  font-size: 20px;
  margin-bottom: 8px;
}
.products#students .leftSide div.advantages p,
.box_billing#students .leftSide div.advantages p,
.products#manufacturer .leftSide div.advantages p,
.box_billing#manufacturer .leftSide div.advantages p,
.products#toolbox .leftSide div.advantages p,
.box_billing#toolbox .leftSide div.advantages p {
  margin-bottom: 26px;
}
.products#students .leftSide div.advantages p:last-child,
.box_billing#students .leftSide div.advantages p:last-child,
.products#manufacturer .leftSide div.advantages p:last-child,
.box_billing#manufacturer .leftSide div.advantages p:last-child,
.products#toolbox .leftSide div.advantages p:last-child,
.box_billing#toolbox .leftSide div.advantages p:last-child {
  margin-bottom: 40px;
}
.products#students .leftSide div.advantages p a,
.box_billing#students .leftSide div.advantages p a,
.products#manufacturer .leftSide div.advantages p a,
.box_billing#manufacturer .leftSide div.advantages p a,
.products#toolbox .leftSide div.advantages p a,
.box_billing#toolbox .leftSide div.advantages p a {
  color: #990000;
}
.products#students .leftSide div.information h3,
.box_billing#students .leftSide div.information h3,
.products#manufacturer .leftSide div.information h3,
.box_billing#manufacturer .leftSide div.information h3,
.products#toolbox .leftSide div.information h3,
.box_billing#toolbox .leftSide div.information h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
.products#students .leftSide div.information ul,
.box_billing#students .leftSide div.information ul,
.products#manufacturer .leftSide div.information ul,
.box_billing#manufacturer .leftSide div.information ul,
.products#toolbox .leftSide div.information ul,
.box_billing#toolbox .leftSide div.information ul {
  display: block;
}
.products#students .leftSide div.information ul li,
.box_billing#students .leftSide div.information ul li,
.products#manufacturer .leftSide div.information ul li,
.box_billing#manufacturer .leftSide div.information ul li,
.products#toolbox .leftSide div.information ul li,
.box_billing#toolbox .leftSide div.information ul li {
  background-image: url("/image/static/icon_arrow_right_grey.png");
  background-position: 4px 4px;
  background-repeat: no-repeat;
  color: #333;
  font-size: 14px;
  line-height: 23px;
  list-style-image: none;
  list-style-position: outside;
  padding-left: 27px;
  padding-bottom: 0;
}
.products#students .leftSide div.information ul li.mb_23,
.box_billing#students .leftSide div.information ul li.mb_23,
.products#manufacturer .leftSide div.information ul li.mb_23,
.box_billing#manufacturer .leftSide div.information ul li.mb_23,
.products#toolbox .leftSide div.information ul li.mb_23,
.box_billing#toolbox .leftSide div.information ul li.mb_23 {
  margin-bottom: 23px;
}
.products#students .leftSide div.information ul li.mb_40,
.box_billing#students .leftSide div.information ul li.mb_40,
.products#manufacturer .leftSide div.information ul li.mb_40,
.box_billing#manufacturer .leftSide div.information ul li.mb_40,
.products#toolbox .leftSide div.information ul li.mb_40,
.box_billing#toolbox .leftSide div.information ul li.mb_40 {
  margin-bottom: 40px;
}
.products#students .leftSide div.information ul .footnote,
.box_billing#students .leftSide div.information ul .footnote,
.products#manufacturer .leftSide div.information ul .footnote,
.box_billing#manufacturer .leftSide div.information ul .footnote,
.products#toolbox .leftSide div.information ul .footnote,
.box_billing#toolbox .leftSide div.information ul .footnote {
  display: inline-block;
  font-weight: bold;
  margin-top: 8px;
}
.products#students .leftSide .banderole,
.box_billing#students .leftSide .banderole,
.products#manufacturer .leftSide .banderole,
.box_billing#manufacturer .leftSide .banderole,
.products#toolbox .leftSide .banderole,
.box_billing#toolbox .leftSide .banderole {
  margin: 38px 0 35px 0;
}
.products h1,
.box_billing h1 {
  display: none;
}
.products div.productBox,
.box_billing div.productBox {
  border-radius: 5py 5px 0 0;
  -moz-border-radius: 5py 5px 0 0;
  -webkit-border-radius: 5py 5px 0 0;
  background-color: #515151;
  margin: 40px 10px 5px 10px;
  position: relative;
  color: #FFF;
}
.products div.productBox tr:first-child td,
.box_billing div.productBox tr:first-child td {
  border-top: none;
}
.products div.productBox tr:first-child td:first-child,
.box_billing div.productBox tr:first-child td:first-child {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
.products div.productBox tr:first-child td:last-child,
.box_billing div.productBox tr:first-child td:last-child {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
.products div.productBox tr > td,
.box_billing div.productBox tr > td {
  border-top: 1px solid #999;
}
.products div.productBox tr > td.member,
.box_billing div.productBox tr > td.member,
.products div.productBox tr > td.testMember,
.box_billing div.productBox tr > td.testMember {
  background-color: #666;
  width: 260px;
}
.products div.productBox tr > td.member,
.box_billing div.productBox tr > td.member {
  background-color: #434343;
  border-left: 1px solid #232323;
  border-right: 1px solid #232323;
}
.products div.productBox tr > td.icon div,
.box_billing div.productBox tr > td.icon div,
.products div.productBox tr > td.check div,
.box_billing div.productBox tr > td.check div,
.products div.productBox tr > td.cross div,
.box_billing div.productBox tr > td.cross div {
  background-image: url(/image/products/products.png);
  background-repeat: no-repeat;
  margin: 0 auto;
}
.products div.productBox tr > td.icon,
.box_billing div.productBox tr > td.icon {
  padding: 8px 0;
  width: 78px;
}
.products div.productBox tr > td.icon div,
.box_billing div.productBox tr > td.icon div {
  width: 78px;
  height: 74px;
}
.products div.productBox tr > td.cross,
.box_billing div.productBox tr > td.cross,
.products div.productBox tr > td.check,
.box_billing div.productBox tr > td.check {
  text-align: center;
}
.products div.productBox tr > td.cross div,
.box_billing div.productBox tr > td.cross div,
.products div.productBox tr > td.check div,
.box_billing div.productBox tr > td.check div {
  height: 25px;
}
.products div.productBox tr > td.cross div,
.box_billing div.productBox tr > td.cross div {
  width: 24px;
  background-position: -1010px -10px;
}
.products div.productBox tr > td.check div,
.box_billing div.productBox tr > td.check div {
  width: 31px;
  background-position: -1008px -60px;
}
.products div.productBox tr > td.result div,
.box_billing div.productBox tr > td.result div {
  background-position: 0 0;
}
.products div.productBox tr > td.competition div,
.box_billing div.productBox tr > td.competition div {
  background-position: -200px 0;
}
.products div.productBox tr > td.companies div,
.box_billing div.productBox tr > td.companies div {
  background-position: -400px 0;
}
.products div.productBox tr > td.jobs div,
.box_billing div.productBox tr > td.jobs div {
  background-position: -600px 0;
}
.products div.productBox tr > td.tenders div,
.box_billing div.productBox tr > td.tenders div {
  background-position: -800px 0;
}
.products div.productBox tr.head td,
.box_billing div.productBox tr.head td {
  height: auto;
}
.products div.productBox tr.head td div,
.box_billing div.productBox tr.head td div {
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  font-size: 18px;
  height: 15px;
}
.products div.productBox tr.head td div.wrapper,
.box_billing div.productBox tr.head td div.wrapper {
  height: 50px;
  padding-top: 15px;
  position: absolute;
  top: -30px;
}
.products div.productBox tr.head td div.wrapper img,
.box_billing div.productBox tr.head td div.wrapper img {
  position: absolute;
  bottom: -16px;
  right: 0px;
}
.products div.productBox tr.head td div.member,
.box_billing div.productBox tr.head td div.member,
.products div.productBox tr.head td div.testMember,
.box_billing div.productBox tr.head td div.testMember {
  padding: 15px;
  width: 230px;
}
.products div.productBox tr.head td div.member,
.box_billing div.productBox tr.head td div.member {
  background-color: #232323;
  padding-top: 30px;
}
.products div.productBox tr.product td.product,
.box_billing div.productBox tr.product td.product {
  width: 319px;
  height: 54px;
  padding: 8px 15px 8px 8px;
}
.products div.productBox tr.product td.product div,
.box_billing div.productBox tr.product td.product div {
  position: relative;
}
.products div.productBox tr.product td.product div h2,
.box_billing div.productBox tr.product td.product div h2 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 5px;
}
.products div.productBox tr.product td.product div span,
.box_billing div.productBox tr.product td.product div span {
  width: 245px;
  display: block;
  font-size: 12px;
}
.products div.productBox tr.product td.product div a,
.box_billing div.productBox tr.product td.product div a {
  bottom: 0px;
  right: 0px;
  position: absolute;
  padding: 5px;
}
.products div.productBox tr.product td.product div a:hover,
.box_billing div.productBox tr.product td.product div a:hover,
.products div.productBox tr.product td.product div a:focus,
.box_billing div.productBox tr.product td.product div a:focus {
  background-color: #000;
  outline: none;
}
.products div.productBox tr.product img,
.box_billing div.productBox tr.product img {
  height: 90px;
  width: 1px;
}
.products div.productBox tr.footer td,
.box_billing div.productBox tr.footer td {
  text-align: center;
  padding: 25px 15px 30px;
  width: 230px;
  font-size: 12px;
  vertical-align: top;
}
.products div.productBox tr.footer td.member,
.box_billing div.productBox tr.footer td.member {
  background-color: #232323;
}
.products div.productBox tr.footer td.member .order,
.box_billing div.productBox tr.footer td.member .order {
  padding: 21px 10px;
}
.products div.productBox tr.footer td.testMember,
.box_billing div.productBox tr.footer td.testMember {
  padding-left: 20px;
  width: 225px;
}
.products div.productBox tr.footer td.testMember .price strong,
.box_billing div.productBox tr.footer td.testMember .price strong {
  margin-top: 0;
}
.products div.productBox tr.footer td.testMember .order,
.box_billing div.productBox tr.footer td.testMember .order {
  margin-top: 5px;
}
.products div.productBox tr.footer td span,
.box_billing div.productBox tr.footer td span,
.products div.productBox tr.footer td strong,
.box_billing div.productBox tr.footer td strong {
  display: block;
}
.products div.productBox tr.footer td .price strong,
.box_billing div.productBox tr.footer td .price strong {
  margin: 20px 0 4px 0;
  font-size: 18px;
}
.products div.productBox tr.footer td .order,
.box_billing div.productBox tr.footer td .order {
  margin-top: 20px;
  padding: 10px;
}
.products div.productBox tr.footer td .order strong,
.box_billing div.productBox tr.footer td .order strong {
  font-size: 13px;
}
.products div.productBox tr.footer td .order span,
.box_billing div.productBox tr.footer td .order span {
  margin: 10px 0;
}
.products div.productBox tr.footer td .memberIcon,
.box_billing div.productBox tr.footer td .memberIcon {
  background-image: url(/image/products/products.png);
  background-repeat: no-repeat;
  background-position: -1004px -109px;
  padding: 10px 20px;
}
.products p,
.box_billing p {
  margin: 5px 10px;
}
.products p a,
.box_billing p a {
  color: #000;
  font-weight: normal;
  font-size: 12px;
}
.products p a:hover,
.box_billing p a:hover {
  text-decoration: underline !important;
}
.products .productDetail,
.box_billing .productDetail {
  position: absolute;
  left: 445px;
  top: 55px;
  width: 490px;
  z-index: 10;
}
.products .productDetail > a.close,
.box_billing .productDetail > a.close {
  background: url("/image/search_close.png") no-repeat scroll 0 -40px transparent;
  cursor: pointer;
  height: 15px;
  position: absolute;
  right: 10px;
  text-indent: -2000px;
  top: 10px;
  width: 15px;
}
.products .productDetail > a.close:hover,
.box_billing .productDetail > a.close:hover {
  background-position: -40px -40px;
}
.products .productDetail .corner,
.box_billing .productDetail .corner {
  background-image: url(/image/products/products.png);
  height: 74px;
  left: -20px;
  position: absolute;
  width: 20px;
  top: 12px;
}
.products .productDetail .corner.results,
.box_billing .productDetail .corner.results {
  background-position: 0 -156px;
}
.products .productDetail .corner.competition,
.box_billing .productDetail .corner.competition {
  background-position: -200px -156px;
}
.products .productDetail .corner.companies,
.box_billing .productDetail .corner.companies {
  background-position: -400px -156px;
}
.products .productDetail .corner.jobs,
.box_billing .productDetail .corner.jobs {
  background-position: -600px -156px;
}
.products .productDetail .corner.tenders,
.box_billing .productDetail .corner.tenders {
  background-position: -800px -156px;
}
.products .productDetail > div.inner.results,
.box_billing .productDetail > div.inner.results {
  background-color: #FF6600;
}
.products .productDetail > div.inner.competition,
.box_billing .productDetail > div.inner.competition {
  background-color: #0099CC;
}
.products .productDetail > div.inner.companies,
.box_billing .productDetail > div.inner.companies {
  background-color: #f35160;
}
.products .productDetail > div.inner.jobs,
.box_billing .productDetail > div.inner.jobs {
  background-color: #FFCC00;
  color: #666;
}
.products .productDetail > div.inner.jobs .close,
.box_billing .productDetail > div.inner.jobs .close {
  color: #666;
}
.products .productDetail > div.inner.jobs .check,
.box_billing .productDetail > div.inner.jobs .check {
  background-position: -1115px -67px;
}
.products .productDetail > div.inner.jobs .new,
.box_billing .productDetail > div.inner.jobs .new {
  background-position: -1065px -70px;
}
.products .productDetail > div.inner.tenders,
.box_billing .productDetail > div.inner.tenders {
  background-color: #8AAF11;
}
.products .productDetail div.inner,
.box_billing .productDetail div.inner {
  padding: 25px 20px;
  color: #FFF;
}
.products .productDetail div.inner h2,
.box_billing .productDetail div.inner h2 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 20px;
}
.products .productDetail div.inner ul li,
.box_billing .productDetail div.inner ul li {
  font-size: 12px;
  margin-bottom: 9px;
}
.products .productDetail div.inner ul li div,
.box_billing .productDetail div.inner ul li div {
  background-image: url(/image/products/products.png);
  height: 16px;
  width: 16px;
  float: left;
}
.products .productDetail div.inner ul li div.check,
.box_billing .productDetail div.inner ul li div.check {
  background-position: -1115px -17px;
}
.products .productDetail div.inner ul li div.new,
.box_billing .productDetail div.inner ul li div.new {
  background-position: -1065px -20px;
}
.products .productDetail div.inner ul li span,
.box_billing .productDetail div.inner ul li span {
  display: block;
  margin-left: 25px;
}
.products .productDetail div.inner div.close,
.box_billing .productDetail div.inner div.close {
  clear: both;
  overflow: hidden;
}
.products .productDetail div.inner a.close,
.box_billing .productDetail div.inner a.close {
  color: #FFF;
  position: absolute;
  right: 20px;
  bottom: 25px;
  text-decoration: underline;
}
.products .red,
.box_billing .red {
  color: #CC0000;
}
.products .upper,
.box_billing .upper {
  text-transform: uppercase;
}
#manufacturer.products.manufacturer .leftRightWrapper {
  display: table-row;
  margin-bottom: 20px;
  position: relative;
}
#manufacturer.products.manufacturer .leftRightWrapper .left,
#manufacturer.products.manufacturer .leftRightWrapper .right {
  display: table-cell;
}
#manufacturer.products.manufacturer .leftRightWrapper .left {
  padding-left: 80px;
  padding-right: 20px;
  width: 605px;
  float: none;
}
#manufacturer.products.manufacturer .leftRightWrapper .left div.advantages {
  margin-top: 0;
}
#manufacturer.products.manufacturer .leftRightWrapper .left div.advantages p {
  margin: 5px 0;
}
#manufacturer.products.manufacturer .leftRightWrapper .left a.dBlock {
  display: block;
  text-align: center;
}
#manufacturer.products.manufacturer .leftRightWrapper .right {
  width: 257px;
}
#manufacturer.products.manufacturer .leftRightWrapper .right h3 {
  font-size: 20px;
  margin-bottom: 13px;
  padding-bottom: 13px;
}
#manufacturer.products.manufacturer .leftRightWrapper .right .grayBox {
  padding: 5px 10px;
  background-color: #E5E6E7;
}
#manufacturer.products.manufacturer .leftRightWrapper .right .grayBox h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 0;
}
#manufacturer.products.manufacturer .leftRightWrapper .right .grayBox h3 small {
  font-size: 14px;
  font-weight: normal;
}
#manufacturer.products.manufacturer .leftRightWrapper .right.bottom {
  vertical-align: bottom;
}
#manufacturer.products.manufacturer hr {
  border-top: 1px dotted #707070;
  margin: 60px 0;
}
#manufacturer.products.manufacturer a.jumpTarget {
  position: relative;
  top: -40px;
  display: block;
}
#JobDauerbalken {
  background-color: #FFc200;
  display: inline-block;
  margin: 5px 0 20px 0;
  width: 960px;
  height: 215px;
}
#JobDauerbalken > div {
  float: left;
  display: block;
}
#JobDauerbalken .left {
  width: 600px;
  font-family: 'DINWeb';
  color: #FFF;
}
#JobDauerbalken .left h1 {
  font-size: 35px;
  margin: 25px 0 0 25px;
  font-weight: 500;
}
#JobDauerbalken .left h2 {
  font-size: 25px;
  display: block;
  margin: 10px 0 20px 25px;
  font-weight: normal;
  line-height: 40px;
}
#JobDauerbalken .left p {
  font-size: 16px;
  margin: 0 0 2px 25px;
}
#JobDauerbalken .spacer {
  background: url("/image/products/job-main-bar.png") no-repeat 0 -19px transparent;
  width: 85px;
  height: 245px;
}
#JobDauerbalken .right {
  width: 270px;
}
#JobDauerbalken .right .icon {
  display: block;
  width: 115px;
  height: 102px;
  background: url("/image/products/job-main-bar.png") no-repeat -150px 0 transparent;
  margin: 30px 0 15px 85px;
}
#JobDauerbalken .right .button {
  background-color: #F89E00;
  font-family: 'DINWeb-Medium';
  font-size: 16px;
  margin: 0 0 10px 25px;
  display: inline-block;
  padding: 0px 15px 4px;
  text-transform: uppercase;
}
#JobDauerbalken .right .button:hover {
  background-color: #E48600;
}
#JobDauerbalken .right .button span {
  background: url("/image/arrow_white_right_9x19.png") no-repeat right 0 transparent;
  width: 9px;
  height: 19px;
  display: inline-block;
  margin: 0px 0 0 5px;
  position: relative;
  top: 3px;
}
#JobDauerbalken.create {
  height: 70px;
}
#CompetitionDetailGetMember {
  background-color: #8AAF11;
  color: #FFF;
  font-family: 'DINWeb';
  padding: 30px;
  clear: both;
  overflow: hidden;
}
#CompetitionDetailGetMember h2 {
  display: block;
  font-size: 27px;
  font-weight: normal !important;
  margin-bottom: 20px;
  max-width: 440px;
  line-height: 30px;
}
#CompetitionDetailGetMember h2 strong {
  font-size: 37px;
  font-weight: normal !important;
}
#CompetitionDetailGetMember h2 span {
  display: block;
}
#CompetitionDetailGetMember p {
  font-size: 15px;
  margin-bottom: 20px;
}
#CompetitionDetailGetMember div.right {
  text-align: right;
}
#CompetitionDetailGetMember a {
  font-size: 15px;
  padding: 15px;
  text-transform: uppercase;
}
#CompetitionDetailGetMember a span {
  background: url("/image/arrow_white_right_9x19.png") no-repeat right 0 transparent;
  width: 9px;
  height: 19px;
  display: inline-block;
  margin: 0px 0 0 10px;
  position: relative;
  top: 4px;
}
.strikethrough {
  position: relative;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  border-color: #990000;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.advertiserButton {
  width: 120px;
  padding: 8px 18px 0 18px !important;
  margin-right: 30px;
}
.advertiserButton img {
  float: right;
}
.right .advertiserButton {
  width: 166px;
}
.contactBox.trialInfoLayer.advertiserContacts.contactInfo {
  margin: 0;
}
.contactBox.trialInfoLayer.advertiserContacts.contactInfo > div {
  clear: both;
}
.contactBox.trialInfoLayer.advertiserContacts.contactInfo > div + div .contactImage {
  padding-top: 0;
}
.contactBox.trialInfoLayer.advertiserContacts.contactInfo > div + div .contactInfo {
  height: 167px;
}
/**
  * CSS file for login layer
  *
  * @author          Ronald Marske <r.marske@secu-ring.de>
  * @filesource      public/css/login.less
  *
  * @copyright       Copyright (c) 2012 secu-ring GmbH (http://www.secu-ring.de)
  *
  * @package         css
  */
#LoginLayer,
#AutoLogoutLayer {
  background: none repeat scroll 0 0 #FFF;
  border-radius: 3px 3px 3px 3px;
  left: 256px;
  padding: 20px;
  position: fixed;
  top: 35%;
  width: 493px;
  z-index: 300;
}
#LoginLayerTitle,
#AutoLogoutLayerTitle {
  background: url("/de/assets/images/favicon-196x196.png") no-repeat scroll 0 0 transparent;
  background-size: 48px;
  font-size: 24px;
  line-height: 48px;
  padding-left: 58px;
  font-weight: normal !important;
  text-transform: uppercase;
  display: block;
}
#LoginLayer input::-webkit-input-placeholder,
#AutoLogoutLayer input::-webkit-input-placeholder {
  color: #999;
}
#LoginLayer input:-moz-placeholder,
#AutoLogoutLayer input:-moz-placeholder {
  color: #999;
}
#LoginLayer input::-moz-placeholder,
#AutoLogoutLayer input::-moz-placeholder {
  color: #999;
}
#LoginLayer input:-ms-input-placeholder,
#AutoLogoutLayer input:-ms-input-placeholder {
  color: #999;
}
#LoginLayer .noCookie,
#AutoLogoutLayer .noCookie {
  margin: 20px 0px 40px;
}
#LoginLayer .noCookie h2,
#AutoLogoutLayer .noCookie h2 {
  font-size: 16px;
  color: #990000;
  margin-bottom: 10px;
}
#LoginLayer div.explanation,
#AutoLogoutLayer div.explanation {
  font-size: 16px;
  margin: 20px 0px;
  font-weight: bold;
}
#LoginLayer div.options,
#AutoLogoutLayer div.options {
  bottom: 20px;
  position: absolute;
  right: 20px;
}
#LoginLayer div.options a,
#AutoLogoutLayer div.options a {
  float: right;
}
#LoginLayer img,
#AutoLogoutLayer img {
  display: none;
}
#LoginLayer.loading,
#AutoLogoutLayer.loading {
  display: block;
  text-align: center;
}
#LoginLayer.loading .login,
#AutoLogoutLayer.loading .login,
#LoginLayer.loading div.options,
#AutoLogoutLayer.loading div.options {
  display: none;
}
#LoginLayer.loading h1,
#AutoLogoutLayer.loading h1 {
  text-align: left;
}
#LoginLayer.loading img,
#AutoLogoutLayer.loading img {
  display: inline-block;
  margin: 40px auto;
}
#LoginLayer span.error,
#AutoLogoutLayer span.error {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 350px;
  text-align: right;
}
#loginLayer,
.login {
  margin-top: 20px;
}
#loginLayer input.text,
.login input.text {
  background: none;
  font-family: Arial;
  display: block;
  padding: 5px;
  font-size: 16px;
  width: 482px;
  border: 1px solid #999;
}
#loginLayer input.text.email,
.login input.text.email {
  margin-bottom: 10px;
}
#loginLayer input.text.password,
.login input.text.password {
  margin-bottom: 5px;
}
#loginLayer input[type=checkbox],
.login input[type=checkbox] {
  margin-bottom: 10px;
}
#loginLayer label,
.login label {
  color: #999;
  font-size: 13px;
}
#loginLayer span.register,
.login span.register {
  float: left;
  font-size: 15px;
  margin-top: 20px;
  color: #666;
}
#loginLayer span.register a,
.login span.register a {
  font-size: 15px;
  padding-right: 5px;
  color: #990000;
  text-decoration: none;
}
#loginLayer span.register a:hover,
.login span.register a:hover {
  color: #990000;
  text-decoration: underline;
}
#loginLayer span.error,
.login span.error {
  color: #FF4E00;
  font-size: 16px;
}
#search.login span.register {
  display: block;
  float: none;
  margin-top: 20px;
}
.onlinebewerbung #LoginLayer {
  position: absolute;
  left: 246px;
  top: 20%;
}
.onlinebewerbung #LoginLayer .mRight10 {
  margin-right: 10px;
}
.onlinebewerbung #LoginLayer .fMiddleGrey {
  color: #666;
}
.onlinebewerbung #LoginLayer .middleGreyHover {
  background: none;
}
.onlinebewerbung #LoginLayer .middleGreyHover:hover {
  background-color: #666;
  color: #FFF;
}
/**
  * placeholder CSS file
  *
  * @author          Oliver Noth <o.noth@secu-ring.de>
  * @filesource      public/css/placeholder.less
  *
  * @copyright       Copyright (c) 2013 secu-ring GmbH (http://www.secu-ring.de)
  * 
  * @package         css
  */
#CL div.placeholder,
#custom-doc div.placeholder {
  background-image: url("../image/sprites_placeholder.png");
}
#CL div.placeholder.en,
#custom-doc div.placeholder.en {
  background-image: url("../image/sprites_placeholder_en.png");
}
#CL div.placeholder.w31,
#custom-doc div.placeholder.w31 {
  margin: 0px 10px 10px 0px;
  float: left;
  background-position: 0 0;
  width: 31px;
  height: 31px;
}
#CL div.placeholder.w31:hover,
#custom-doc div.placeholder.w31:hover {
  background-position: -36px 0;
}
#CL div.placeholder.w60,
#custom-doc div.placeholder.w60 {
  margin: 0px 10px 12px 0px;
  float: left;
  background-position: 0 -36px;
  width: 60px;
  height: 60px;
}
#CL div.placeholder.w60:hover,
#custom-doc div.placeholder.w60:hover {
  background-position: -65px -36px;
}
#CL div.placeholder.w155,
#custom-doc div.placeholder.w155 {
  background-position: 0 -101px;
  width: 155px;
  height: 115px;
}
#CL div.placeholder.w155:hover,
#custom-doc div.placeholder.w155:hover {
  background-position: -160px -101px;
}
#CL div.placeholder.w546,
#custom-doc div.placeholder.w546 {
  margin: 0px 0px 0px 1px;
  background-position: 0 -221px;
  width: 546px;
  height: 150px;
}
#CL div.placeholder.w546:hover,
#custom-doc div.placeholder.w546:hover {
  background-position: -551px -221px;
}
#CL div.placeholder.w640,
#custom-doc div.placeholder.w640 {
  background-position: 0 -376px;
  width: 640px;
  height: 105px;
}
#CL div.placeholder.w640:hover,
#custom-doc div.placeholder.w640:hover {
  background-position: -645px -376px;
}
/**
  * placeholder CSS file
  *
  * @author          Oliver Noth <o.noth@secu-ring.de>
  * @filesource      public/css/company.less
  *
  * @copyright       Copyright (c) 2013 secu-ring GmbH (http://www.secu-ring.de)
  * 
  * @package         css
  */
.box_contact div.request {
  display: inline-block;
  margin: 0px 0px 15px 10px;
}
.box_contact div.request a {
  color: #FFF;
}
.company .addNew .category h2 .right.bottom {
  margin-top: 6px;
}
.company .addNew .category h2 .right .details {
  margin-right: 5px;
}
/**
  * jobs CSS file
  *
  * @author          Oliver Noth <o.noth@secu-ring.de>
  * @filesource      public/css/jobs.less
  *
  * @copyright       Copyright (c) 2014 secu-ring GmbH (http://www.secu-ring.de)
  * 
  * @package         css
  */
#search.jobs li .wrapper.assignedBlur {
  opacity: 0.4;
}
#jobs_head .body.assignedBlur ul li,
#jobs_head .body.assignedBlur img,
#jobs_head .body.assignedBlur h3,
#jobs_head .body.assignedBlur div,
#jobs_head .body.assignedBlur #job_footer {
  opacity: 0.4 !important;
}
#jobs_head .body.assignedBlur div.jobAssigned {
  opacity: 1 !important;
}
#jobs_head .zend_form .studentsInfo,
.jobs .zend_form .studentsInfo {
  color: #333333;
  margin-bottom: 1px;
}
#jobs_head .zend_form .studentsInfo label,
.jobs .zend_form .studentsInfo label {
  display: block;
  font-weight: bold;
  margin-bottom: -3px;
}
#jobs_head .zend_form .studentsInfo br,
.jobs .zend_form .studentsInfo br {
  display: none;
}
div.jobAssigned {
  display: block;
  height: 48%;
  left: 0px;
  position: absolute;
  text-align: center;
  top: 20px;
  width: 570px;
  z-index: 1;
}
div.jobAssigned.list {
  position: relative;
  height: 0px;
  top: 15px;
}
div.jobAssigned div.spacer {
  display: block;
  height: 48%;
  max-height: 200px;
}
div.jobAssigned span.seal {
  border: 2px solid black;
  color: #000;
  display: inline-block;
  text-transform: uppercase;
  font-size: 19px;
  font-weight: bold;
  padding: 0px 5px;
  -moz-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  transform: rotate(-6deg);
  white-space: nowrap;
}
#jobs_head .body {
  font-size: 13px;
  word-wrap: break-word;
}
#jobs_head .body h3,
#jobs_head .body ul.infos li {
  font-size: 15px;
}
#jobs_head .body a.assignment {
  position: absolute;
  top: 3px;
  right: 35px;
  padding: 2px 5px 3px;
}
h3.jobAssignHelp {
  margin: -40px 0px 10px 0px;
  font-size: 20px;
  font-weight: normal !important;
}
p.jobAssignHelp {
  font-size: 14px;
}
#topJobsWrapper {
  margin-bottom: 10px;
}
#topJobsWrapper #topJobsContainer {
  max-height: 288px;
  overflow: hidden;
}
#topJobsWrapper #topJobsContainer ul.result {
  position: relative;
}
#topJobsWrapper #topJobsContainer ul.result > li {
  background: url('/image/icons/topjob.png') no-repeat 585px 35px;
}
#topJobsWrapper #topJobsContainer .topjob-icon {
  float: right;
}
#topJobsWrapper #topJobsContainerBullets {
  text-align: center;
  font-size: 10px;
  word-wrap: break-word;
  margin-top: 10px;
}
#topJobsWrapper #topJobsContainerBullets a {
  color: #666666;
  border-radius: 6px;
  margin-right: 5px;
  width: 12px;
  height: 12px;
  display: inline-block;
  border: 1px solid #626262;
}
#topJobsWrapper #topJobsContainerBullets a.active {
  background-color: #626262;
}
#topJobsWrapper #topJobsContainerBullets a:hover {
  text-decoration: none;
}
/**
  * placeholder CSS file
  *
  * @author          Jill Jungbluth <j.jungbluth@secu-ring.de>
  * @filesource      public/css/competition.less
  *
  * @copyright       Copyright (c) 2013 secu-ring GmbH (http://www.secu-ring.de)
  * 
  * @package         css
  */
div.onlineCompetitionRegistrationButton {
  margin: -8px 0px 10px 155px;
}
div.onlineCompetitionRegistrationButton a.ocButton:hover {
  text-decoration: none;
}
div#showParticipantsSet {
  margin: 0 0 0 0;
}
div#showParticipantsSet p {
  margin: 0 0 8px 0;
}
div#showParticipantsSet p span {
  display: block;
}
div#showParticipantsSet p:last-child {
  margin-bottom: 5px;
}
div#addParticipantsSet div.head a.btnAddParticipantsSet {
  float: right;
  margin-bottom: 12px;
}
div#addParticipantsSet div.edit {
  position: static !important;
}
form.competitionParticipantTeam fieldset.border {
  border: 1px solid #CCCCCC !important;
  margin: 1em 0 !important;
  padding: 8px !important;
}
form.competitionParticipantTeam select.multiple {
  height: 65px;
}
/**
 * Bookmark css file to handle all bookmarc specific css
 *
 * @author          Ronald Marske <r.marske@secu-ring.de>
 * @filesource      public/css/bookmark.less
 *
 * @copyright       Copyright (c) 2012 secu-ring GmbH (http://www.secu-ring.de)
 *
 * @package         css
 */
.overlayContent .contactForm a {
  color: #990000;
}
.overlayContent .contactForm img {
  border: none !important;
}
.overlayContent .contactForm .center {
  margin-bottom: 50px;
  text-align: center;
}
.overlayContent .contactForm form .formElement {
  font-size: 16px !important;
  margin-bottom: 10px;
  clear: none;
  position: relative;
}
.overlayContent .contactForm form .formElement br {
  display: none;
}
.overlayContent .contactForm form .formElement label {
  display: inline-block;
  float: left;
  color: #333;
  margin: 5px 0 0 40px;
  min-width: 125px;
}
.overlayContent .contactForm form .formElement label[for="message"] {
  float: none;
  display: block;
  margin-bottom: 5px;
}
.overlayContent .contactForm form .formElement label.required ~ input,
.overlayContent .contactForm form .formElement label.required ~ select,
.overlayContent .contactForm form .formElement label.required ~ textarea {
  background: #FFF url("/image/bg_textinput_required_clean_red.gif") 0 0 no-repeat;
}
.overlayContent .contactForm form .formElement input[disabled] {
  background-color: #F6F6F6 !important;
}
.overlayContent .contactForm form .formElement input[type="text"],
.overlayContent .contactForm form .formElement select,
.overlayContent .contactForm form .formElement textarea {
  font-size: 16px !important;
  color: #000;
  padding: 5px 10px;
  width: 480px;
  margin-right: 10px;
  border: 1px solid #cccccc;
}
.overlayContent .contactForm form .formElement input[type="text"].zip,
.overlayContent .contactForm form .formElement select.zip,
.overlayContent .contactForm form .formElement textarea.zip {
  width: 75px;
  float: left;
}
.overlayContent .contactForm form .formElement input[type="text"].location,
.overlayContent .contactForm form .formElement select.location,
.overlayContent .contactForm form .formElement textarea.location {
  width: 373px;
}
.overlayContent .contactForm form .formElement input[type="text"].required,
.overlayContent .contactForm form .formElement select.required,
.overlayContent .contactForm form .formElement textarea.required,
.overlayContent .contactForm form .formElement input[type="text"].redakteurRequired,
.overlayContent .contactForm form .formElement select.redakteurRequired,
.overlayContent .contactForm form .formElement textarea.redakteurRequired {
  background: #FFF url("/image/bg_textinput_required_clean_red.gif") 0 0 no-repeat;
}
.overlayContent .contactForm form .formElement .styledSelect {
  width: 500px;
  clear: none;
}
.overlayContent .contactForm form .formElement .styledSelect span {
  color: #000;
  padding: 5px 10px;
}
.overlayContent .contactForm form .formElement textarea {
  font-size: 16px !important;
  margin-left: 40px;
  height: 128px;
  width: 590px;
}
.overlayContent .contactForm form .formElement.multicheckbox {
  display: inline-block;
  width: 280px;
}
.overlayContent .contactForm form .formElement.multicheckbox label {
  margin-bottom: 15px;
  width: auto;
  white-space: nowrap;
}
.overlayContent .contactForm form .formElement.multicheckbox label:first-child {
  display: block;
  width: 280px;
  margin-top: 25px;
  margin-bottom: 10px;
}
.overlayContent .contactForm form .formElement.multicheckbox label.wrap {
  white-space: normal;
}
.overlayContent .contactForm form .formElement.multicheckbox label.fullwidth {
  width: 611px;
}
.overlayContent .contactForm form .formElement.multicheckbox label input {
  margin-right: 5px;
}
.overlayContent .contactForm form .formElement.multicheckbox label .styledCheckbox {
  width: inherit;
}
.overlayContent .contactForm form .formElement.w230 {
  width: 230px;
}
.overlayContent .contactForm form .formElement div.errors {
  top: -35px;
  left: 160px;
  min-width: 200px;
}
.overlayContent .contactForm form .formElement div.errors li {
  cursor: pointer;
  font-size: 13px;
  padding: 5px;
}
.overlayContent .contactForm form .formElement label[for="message"] ~ div.errors {
  left: 50px;
  top: -15px;
}
.overlayContent .contactForm form .formElement.location {
  display: inline-block;
}
.overlayContent .contactForm form .formElement.location div.errors {
  left: 10px;
}
.overlayContent .contactForm form fieldset {
  border: none;
  display: table;
}
.overlayContent .contactForm form fieldset div.formElement {
  display: table-cell;
  vertical-align: top;
}
.overlayContent .contactForm form input[type="submit"] {
  margin-left: 40px;
}
.overlayContent .contactForm#billing_address form fieldset {
  display: block;
}
.overlayContent .contactForm#billing_address form fieldset div.formElement {
  display: block;
}
.overlayContent .contactForm .contact_container {
  margin: 30px 20px 0 40px;
}
.overlayContent .contactForm .contact_container + .contact_container {
  border: none;
  padding: 0;
}
.overlayContent .contactForm .contact_container .advertiserContact {
  height: 104px;
  padding-top: 34px;
}
.overlayContent .contactForm .contact_container p {
  font-size: 14px;
}
.overlayContent .contactForm .contact_container p:first-child {
  font-size: 16px;
}
.overlayContent .contactForm.trialMembership.manufacturer #fieldset-manufacturerText {
  margin-bottom: 0;
}
.overlayContent .contactForm.trialMembership.manufacturer #fieldset-manufacturerText.top label {
  margin-top: 0;
}
.overlayContent .contactForm.trialMembership.manufacturer #fieldset-manufacturerText br {
  display: inline-block;
}
.overlayContent .contactForm.trialMembership.manufacturer #fieldset-trialMembershipWrapper label:first-child {
  margin: 0;
}
.overlayContent .contactForm.trialMembership.manufacturer #fieldset-trialMembershipWrapper .entryDate {
  top: 36px;
}
.overlayContent .contactForm.trialMembership #fieldset-trialMembershipWrapper {
  position: relative;
}
.overlayContent .contactForm.trialMembership #fieldset-trialMembershipWrapper br {
  display: block;
}
.overlayContent .contactForm.trialMembership #fieldset-trialMembershipWrapper .entryDate {
  position: absolute;
  top: 106px;
  right: 10px;
}
.overlayContent .contactForm.trialMembership #fieldset-trialMembershipWrapper .entryDate input {
  width: 372px;
}
.overlayContent .contactForm.trialMembership .contact_container {
  position: relative;
  clear: both;
  overflow: hidden;
}
.overlayContent .contactForm.trialMembership .contact_container div {
  position: absolute;
  bottom: -15px;
  right: 0;
  width: 492px;
}
.overlayContent .contactForm.trialMembership .contact_container div p:first-child {
  font-size: 14px;
}
.webkit .overlayContent .contactForm form .formElement.multicheckbox.w230 label input {
  margin-right: -2px;
}
.gecko .overlayContent .contactForm form .formElement.multicheckbox label input {
  margin-right: 2px;
}
.ie .overlayContent .contactForm.trialMembership #fieldset-trialMembershipWrapper .entryDate input {
  position: absolute;
}
/**
  * rememberlist CSS file
  *
  * @author          Oliver Noth <o.noth@secu-ring.de>
  * @filesource      public/css/rememberlist.less
  *
  * @copyright       Copyright (c) 2014 secu-ring GmbH (http://www.secu-ring.de)
  * 
  * @package         css
  */
#CL li.btnPageMemorize,
#custom-doc li.btnPageMemorize {
  position: relative;
}
#CL li.btnPageMemorize div.bubble,
#custom-doc li.btnPageMemorize div.bubble {
  height: 15px;
  left: -201px;
  top: 20px;
  width: 310px;
}
#CL li.btnPageMemorize div.bubble .corner,
#custom-doc li.btnPageMemorize div.bubble .corner {
  bottom: 45px;
  left: 210px;
}
.navbar .options .remember div.comboBox {
  bottom: 5px;
  display: inline-block;
  z-index: 4;
}
.navbar .options .remember div.comboBoxValues {
  margin-top: -8px;
  right: 437px;
  z-index: 3;
}
.navbar .options .remember div.comboBoxValues ul li {
  display: block;
  text-align: right;
}
.navbar .options .remember div.comboBoxValues ul li:not(.hidden) ~ li:not(.hidden) {
  border-top: 1px solid #CCCCCC;
}
.navbar .options .remember div.comboBoxValues ul .hidden {
  display: hidden;
  padding: 0;
}
/**
  * errors CSS file
  *
  * @author          Oliver Noth <o.noth@secu-ring.de>
  * @filesource      public/css/errors.less
  *
  * @copyright       Copyright (c) 2013 secu-ring GmbH (http://www.secu-ring.de)
  * 
  * @package         css
  */
#JobDauerbalken.JobDisabled .left p {
  margin: 0 0 2px 25px;
}
#JobDauerbalken.JobDisabled .right .button {
  margin: 0 0 10px 55px;
}
div.errors ul.errors li.formTip {
  border: none !important;
}
/**
  * placeholder CSS file
  *
  * @author          Oliver Noth <o.noth@secu-ring.de>
  * @filesource      public/css/company.less
  *
  * @copyright       Copyright (c) 2013 secu-ring GmbH (http://www.secu-ring.de)
  * 
  * @package         css
  */
#documentationOverlay {
  border: 1px solid #cccccc;
  position: fixed;
  z-index: 9999999;
  box-shadow: 5px 5px 5px #cccccc;
  -moz-box-shadow: 5px 5px 5px #cccccc;
  -webkit-box-shadow: 5px 5px 5px #cccccc;
}
#documentationOverlay a.close {
  z-index: 10;
}
#documentationOverlay .header {
  height: auto;
  cursor: move;
  position: relative;
}
#documentationOverlay .header ul.navigation {
  position: relative;
  bottom: -6px;
  margin: 0px;
}
#documentationOverlay .header ul.navigation li.active {
  top: 0px;
}
#documentationOverlay .header a.documentation {
  position: absolute;
  right: 20px;
  bottom: 10px;
  text-indent: -10000px;
  background: transparent url("/image/icon_help_big_red.png") 0 0 no-repeat;
  width: 16px;
  height: 16px;
}
#documentationOverlay .body {
  padding: 20px 20px 20px;
  overflow-y: auto;
  min-height: none;
  position: relative;
  clear: both;
  /* Markdown styles */
}
#documentationOverlay .body .navBar {
  position: absolute;
  top: 20px;
  right: 20px;
}
#documentationOverlay .body a.button {
  font-size: 12px;
  padding: 3px 5px 5px;
  line-height: normal;
  height: auto;
}
#documentationOverlay .body a.button.enable {
  background-color: #77970E;
}
#documentationOverlay .body a.button.enable:hover {
  background-color: #65800C;
}
#documentationOverlay .body a.button.disable {
  background-color: #E21B2D;
}
#documentationOverlay .body a.button.disable:hover {
  background-color: #FFFFFF;
}
#documentationOverlay .body ul.navigation li {
  list-style: none;
  margin-left: 0;
  overflow: hidden;
}
#documentationOverlay .body p,
#documentationOverlay .body ul,
#documentationOverlay .body ol,
#documentationOverlay .body li,
#documentationOverlay .body em,
#documentationOverlay .body strong,
#documentationOverlay .body a,
#documentationOverlay .body code,
#documentationOverlay .body td,
#documentationOverlay .body th {
  font-size: 14px;
}
#documentationOverlay .body h1,
#documentationOverlay .body h2,
#documentationOverlay .body h3,
#documentationOverlay .body h4,
#documentationOverlay .body h5,
#documentationOverlay .body h6 {
  margin: 10px 0px;
}
#documentationOverlay .body h1 {
  font-size: 20px;
}
#documentationOverlay .body h2 {
  font-size: 18px;
}
#documentationOverlay .body h3 {
  font-size: 16px;
}
#documentationOverlay .body h4,
#documentationOverlay .body h5,
#documentationOverlay .body h6 {
  font-size: 14px;
}
#documentationOverlay .body p,
#documentationOverlay .body ol,
#documentationOverlay .body ul,
#documentationOverlay .body pre,
#documentationOverlay .body table {
  margin: 0 0 10px 0;
}
#documentationOverlay .body hr {
  margin: 20px 0px;
}
#documentationOverlay .body ul,
#documentationOverlay .body li {
  list-style: disc outside none;
}
#documentationOverlay .body ol li,
#documentationOverlay .body ul li {
  margin-left: 15px;
}
#documentationOverlay .body ol li {
  list-style: decimal inside none;
}
#documentationOverlay .body code {
  white-space: pre;
}
#documentationOverlay .body table {
  width: 100%;
  overflow: auto;
  display: block;
  border-collapse: collapse;
  border-spacing: 0;
}
#documentationOverlay .body table tr {
  border-top: 1px solid #ccc;
  background-color: #fff;
}
#documentationOverlay .body table tr:nth-child(2n) {
  background-color: #f8f8f8;
}
#documentationOverlay .body table tr th,
#documentationOverlay .body table tr td {
  border: 1px solid #ddd;
  padding: 6px 13px;
}
#documentationOverlay .body form fieldset {
  border: none;
}
#documentationOverlay .body form fieldset label {
  display: block;
}
#documentationOverlay .body form fieldset textarea {
  display: none;
}
#documentationOverlay .body form fieldset.editor textarea {
  top: 50px;
}
#documentationOverlay .resize {
  display: block;
  position: absolute;
}
#documentationOverlay .resize.east,
#documentationOverlay .resize.west {
  width: 10px;
  top: 0;
  bottom: 0;
  cursor: ew-resize;
}
#documentationOverlay .resize.east {
  right: 0;
}
#documentationOverlay .resize.nord,
#documentationOverlay .resize.south {
  cursor: ns-resize;
  height: 10px;
  left: 0;
  right: 0;
}
#documentationOverlay .resize.nord {
  top: 0px;
}
.webkit #custom-doc #documentationOverlay ul.navigation {
  bottom: -5px;
}
.gecko #CL #documentationOverlay ul.navigation,
.gecko #pWrapper #documentationOverlay ul.navigation {
  bottom: -7px;
}
#topmenu a.btn_documentation {
  background: #333;
  float: left;
  left: 444px;
  position: relative;
}
/**
  * slideshow css
  *
  * @author          Ronald Marske <r.marske@secu-ring.de>
  * @filesource      public/css/slideshow.less
  *
  * @copyright       Copyright (c) 2012 secu-ring GmbH (http://www.secu-ring.de)
  *
  * @package         css
  */
div#clss_overlay {
  background-color: #000000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}
div#clss_center {
  background: transparent url('/image/ssBg.png') repeat;
  position: absolute;
  left: 10px;
  width: 940px;
  top: 10px;
  overflow: visible;
  padding: 9px;
  margin: 10px;
  border: 1px solid #000;
  z-index: 250;
}
div#clss_center img {
  border: 0;
}
div#clss_center .slide {
  margin: 25px 0 20px 0;
}
div#clss_center div.ssLilButLeft {
  float: left;
}
div#clss_center div.ssLilButLeft a:hover div {
  background-position: -35px 0;
}
div#clss_center div.ssLilButLeft a div {
  background: transparent url('/image/ssLilButLeft.png') no-repeat 0 0;
  width: 35px;
  height: 107px;
}
div#clss_center div.ssLilButLeft a div.blank {
  background-position: -70px 0;
  cursor: default;
}
div#clss_center div.ssLilButMid {
  background: url('/image/ssLilButMid.png');
  width: 850px;
  height: 87px;
  float: left;
  overflow: hidden;
  padding: 10px;
}
div#clss_center div.ssLilButMid a {
  margin-right: 15px;
}
div#clss_center div.ssLilButMid a:link img {
  margin: 2px;
}
div#clss_center div.ssLilButMid a:hover img {
  border: 2px solid #ff6600;
  margin: 0;
}
div#clss_center div.ssLilButMid a:link.active img {
  border: 2px solid #ff6600 !important;
  margin: 0 !important;
}
div#clss_center div.ssLilButRight {
  float: right;
}
div#clss_center div.ssLilButRight a:hover div {
  background-position: -35px 0;
}
div#clss_center div.ssLilButRight a div {
  width: 35px;
  height: 107px;
  background: transparent url('/image/ssLilButRight.png') no-repeat 0 0;
}
div#clss_center div.ssLilButRight a div.blank {
  background-position: -70px 0;
  cursor: default;
}
div#clss_center #ss_thumb_slide {
  white-space: nowrap;
  width: 850px;
  overflow: hidden;
}
div#clss_center div.SsMainPic {
  margin: 20px 0 0 0;
}
div#clss_center div.SsMainPic .ssBigButRight {
  height: 55px;
  width: 85px;
  float: right;
  margin-top: 222px;
}
div#clss_center div.SsMainPic .ssBigButRight a div {
  height: 55px;
  width: 85px;
  background: transparent url('/image/ssBigButRight.png') no-repeat 0 0;
}
div#clss_center div.SsMainPic .ssBigButRight a:hover div {
  background: transparent url('/image/ssBigButRight.png') no-repeat 0 -55px;
}
div#clss_center div.SsMainPic .ssBigButLeft {
  height: 55px;
  width: 93px;
  float: left;
  margin-top: 222px;
}
div#clss_center div.SsMainPic .ssBigButLeft a div {
  height: 55px;
  width: 93px;
  float: left;
  background: transparent url('/image/ssBigButLeft.png') no-repeat 0 0;
}
div#clss_center div.SsMainPic .ssBigButLeft a:hover div {
  background: transparent url('/image/ssBigButLeft.png') no-repeat 0 -55px;
}
div#clss_center div.SsMainPic .ssBigButMid {
  margin-left: 93px;
  margin-right: 93px;
}
div#clss_center div.SsMainPic .ssBigButMid #imgDescr {
  margin-top: 8px;
}
div#clss_center.imageReader {
  width: auto;
}
div#clss_center img.close {
  position: absolute;
  top: 10px;
  right: 10px;
}
div#clss_center div.toolbar {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
div#clss_center div.toolbar a.button {
  margin: 0 20px;
}
div#clss_center div.toolbar div {
  display: inline-block;
  font-size: 16px;
}
div#clss_center .imageReader .showPrevious,
div#clss_center .imageReader .showNext {
  position: absolute;
  height: 55px;
  width: 93px;
  top: 50%;
}
div#clss_center .imageReader .showPrevious {
  left: 10px;
  background: transparent url('/image/ssBigButLeft.png') no-repeat 0 0;
}
div#clss_center .imageReader .showPrevious:hover {
  background: transparent url('/image/ssBigButLeft.png') no-repeat 0 -55px;
}
div#clss_center .imageReader .showNext {
  right: 10px;
  background: transparent url('/image/ssBigButRight.png') no-repeat 0 0;
}
div#clss_center .imageReader .showNext:hover {
  background: transparent url('/image/ssBigButRight.png') no-repeat 0 -55px;
}
div#clss_center .imageReader .imageContainer {
  position: relative;
  margin: 20px 80px 10px;
  overflow: hidden;
}
div#clss_center .imageReader .imageContainer img {
  cursor: move;
}
div#clss_center .imageReader .imageContainer img.loading {
  position: absolute;
  left: 42%;
  top: 40%;
}
/**
  * magazine page less file
  *
  * @author          Ronald Marske <r.marske@secu-ring.de>
  * @filesource      public/css/magazine.less
  *
  * @copyright       Copyright (c) 2012 secu-ring GmbH (http://www.secu-ring.de)
  * 
  * @package         css
  */
div.magazin {
  color: #333;
}
div.magazin a[name] {
  display: block;
  position: relative;
  top: -40px;
}
div.magazin .button.cl:hover {
  background-color: #660000;
}
div.magazin .lightBlue {
  background-color: #DCF1FA;
}
div.magazin h1,
div.magazin h2 {
  color: #000;
  font-size: 24px;
  font-weight: normal !important;
  line-height: 21px;
  margin-bottom: 18px;
}
div.magazin div.content p,
div.magazin div.section p {
  font-size: 16px;
  margin-bottom: 10px;
}
div.magazin div.content {
  padding: 35px 80px 0px 90px;
  clear: both;
  overflow: hidden;
}
div.magazin div.content h1 {
  font-size: 22px;
  margin-bottom: 24px;
  margin-top: 21px;
}
div.magazin div.content p,
div.magazin div.content li {
  font-size: 18px;
}
div.magazin div.content li {
  margin-bottom: 1px;
}
div.magazin div.content p {
  margin-bottom: 43px;
}
div.magazin div.content .currentPreview {
  position: relative;
  cursor: pointer;
}
div.magazin div.content .currentPreview img.cover {
  margin-right: 40px;
  float: left;
}
div.magazin div.content .currentPreview img.preview {
  position: absolute;
  top: -14px;
  left: 15px;
}
div.magazin div.section {
  padding: 0px 90px;
  margin-bottom: 75px;
}
div.magazin div.section h2 {
  background: url('/image/static/magazin/balken_ueberschrift_blau.gif') 0px 0px no-repeat scroll transparent;
  color: #FFF;
  line-height: 75px;
  margin-bottom: 21px;
  padding-left: 18px;
}
div.magazin div.section.information {
  margin-bottom: 30px;
  margin-top: 10px;
  margin-left: 15px;
}
div.magazin div.section.abo div.row > div {
  width: 195px;
  position: relative;
}
div.magazin div.section.abo div.row > div div {
  min-height: 127px;
}
div.magazin div.section.abo div.row > div a.button {
  display: inline-block;
  white-space: nowrap;
}
div.magazin div.section.abo div.row > div .borderSpacer {
  position: absolute;
  background: #FFF;
  width: 14px;
  height: 14px;
  min-height: 14px;
  display: block;
  z-index: 2;
  right: -8px;
  bottom: -8px;
}
div.magazin div.section.abo div.row > div .marginBottom {
  display: block;
  margin-bottom: 10px;
}
div.magazin div.section.buy {
  clear: both;
  margin-bottom: 79px;
  overflow: hidden;
}
div.magazin div.section.buy .leftSide {
  float: left;
  width: 520px;
  margin-right: 20px;
}
div.magazin div.section.buy .leftSide p:first-child {
  margin-bottom: 19px;
}
div.magazin div.section.buy .rightSide {
  float: left;
  width: 237px;
}
div.magazin div.section.buy .rightSide .downloadBox {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #cccccc;
}
div.magazin div.section.buy .rightSide .downloadBox .download {
  margin: 15px 35px;
  display: inline-block;
  bordeR: 1px solid #cccccc;
}
div.magazin div.section.buy .rightSide .downloadBox .downloadLink {
  border-top: 1px solid #cccccc;
  padding: 10px 10px;
  line-height: 18px;
}
div.magazin div.section.buy .rightSide .downloadBox .downloadLink .icon {
  background: url("/image/static/icon_download.png") no-repeat scroll 15px 6px transparent;
  background-size: 20px 23px;
  border-left: 1px solid #cccccc;
  float: right;
  height: 40px;
  width: 45px;
  margin-top: -3px;
}
div.magazin div.preview {
  padding-right: 90px;
  margin-left: 90px;
  clear: both;
  overflow: hidden;
}
div.magazin div.preview h1 {
  margin-bottom: 20px;
  border-bottom: 1px #666 dotted;
  padding-bottom: 15px;
}
div.magazin div.preview h3 {
  font-size: 18px;
  font-weight: bold !important;
  line-height: 30px;
  color: #333;
  margin: 0 0 10px;
}
div.magazin div.preview div.row > div {
  padding: 0px 18px !important;
}
div.magazin div.preview div.row > div.left {
  width: 267px;
}
div.magazin div.preview div.row > div.left.first {
  padding-left: 0px !important;
}
div.magazin div.preview div.row > div.middle {
  width: 211px;
}
div.magazin div.preview div.row > div.right {
  width: 209px;
}
div.magazin div.preview div.row > div.right span + strong + span {
  margin-bottom: -1px;
}
div.magazin div.preview div.row > div.right span + strong + span + strong {
  display: block;
  margin-top: 10px;
}
div.magazin div.table {
  font-size: 16px;
}
div.magazin div.table span {
  display: block;
  margin: 5px 0 10px;
}
div.magazin div.table strong {
  color: #000;
}
div.magazin div.table div.row {
  display: table-row;
}
div.magazin div.table div.row.bottomBorder > div {
  border-bottom: 1px dotted #999;
}
div.magazin div.table div.row > div {
  padding: 18px 18px 20px 18px;
  display: table-cell;
  border-right: 1px dotted #999;
  position: relative;
}
div.magazin div.table div.row > div.first {
  padding-left: 0px;
}
div.magazin div.table div.row > div:last-child {
  padding-right: 0px;
}
div.magazin div.table div.row > div.noRightBorder,
div.magazin div.table div.row > div:last-child {
  border-right: 0px;
}
div.magazin div.table div.row > div.noBottomBorder {
  border-bottom: 0px;
}
div.magazin img.magazin {
  position: absolute;
  top: 5px;
  right: 0px;
}
div.magazin img.neu {
  position: absolute;
  top: 160px;
  right: 260px;
}
div.magazin br.cl {
  clear: both;
}
div.magazin div.overview {
  padding: 40px 30px 40px 0px;
  clear: both;
  overflow: hidden;
  position: relative;
  left: -10px;
  margin-top: 75px;
}
div.magazin div.overview h1 {
  padding-left: 100px;
}
div.magazin div.overview .competition {
  clear: both;
  display: block;
  position: relative;
  margin-bottom: 65px;
  padding-left: 100px;
}
div.magazin div.overview .competition .leftSide {
  width: 550px;
}
div.magazin div.overview .competition .leftSide h2 {
  color: #333;
  font-size: 20px;
  font-weight: bold !important;
  padding-top: 15px;
  border-top: 1px dotted #333;
}
div.magazin div.overview .competition .leftSide p {
  font-size: 14px;
  color: #333;
  margin-bottom: 1em;
}
div.magazin div.overview .competition .leftSide li {
  list-style: disc outside none;
  margin-left: 15px;
  padding-bottom: 5px;
}
div.magazin div.overview .competition .leftSide ul.media li {
  clear: both;
  list-style: none;
}
div.magazin div.overview .competition .leftSide ul.media li div.image {
  float: left;
  margin-bottom: 15px;
  margin-right: 20px;
  text-align: center;
  width: 127px;
}
div.magazin div.overview .competition .right {
  float: right;
  width: 264px;
}
div.magazin div.overview .competition .right img.magazin {
  position: relative;
  top: -11px;
}
div.magazin div.overview .competition .right a.preview img.preview {
  top: -32px;
  right: -33px;
  position: absolute;
  z-index: 2;
}
div.magazin div.overview .competition .right a.preview img.preview.number11 {
  right: -34px;
  top: -30px;
}
div.magazin div.overview .competition .right a.preview img.preview.number15,
div.magazin div.overview .competition .right a.preview img.preview.number16,
div.magazin div.overview .competition .right a.preview img.preview.number20 {
  right: -32px;
}
div.magazin div.overview .competition .right a.button {
  display: block;
  width: 195px;
  background-color: #0099cc;
  color: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 14px;
  text-align: center;
  padding: 1em;
  margin: 0 auto;
}
div.magazin div.overview .competition .right a.button img {
  margin: 0px 0px -5px 5px;
}
div.magazin div.overview .competition .right a.button:hover {
  background-color: #006699;
  text-decoration: none;
}
div.magazin div.overview .competition.current {
  background: url(/image/static/magazin/current.png) 10px 6px no-repeat scroll transparent;
}
div.magazin li.fs14 {
  font-size: 14px;
}
div.magazin .competition .leftSide ul.media ul {
  list-style: none !important;
}
div.magazin .competition .leftSide ul.media ul li {
  list-style: none !important;
  margin-left: 0px;
  clear: both;
}
div.magazin .competition .leftSide ul.media ul li .image {
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
  margin-top: 5px;
  text-align: center;
  width: 127px;
}
div.magazin .competition .leftSide ul.media ul li span {
  margin-top: -2px;
}
div.magazin .competition .leftSide .download_box {
  width: 245px;
}
div.magazin .competition .leftSide .download_box a.preview img {
  width: 58px;
}
div.magazin .competition .leftSide .download_box div {
  width: 166px;
}
div.magazin .competition .leftSide .download_box div a:first-child {
  width: 120px;
}
div.magazin .competition .leftSide strong.lightBlue {
  background-color: #DCF1FA;
}
div.magazin .competition .leftSide strong.lightGrey {
  background-color: #E8E8E8;
}
div.magazin div#overview ul.magazin li.ovconditions {
  background-position: -3336px 0px;
}
div.magazin div#overview ul.magazin li.ovconditions h5 {
  line-height: 15px;
  margin: 0 0 2px;
  padding: 0;
}
div.magazin div#overview ul.magazin li.ovconditions h5 span {
  font-size: 12px;
  font-weight: normal;
}
div.magazin div#overview ul.magazin li.ovconditions h5:first-child {
  padding-top: 12px;
  margin: 0;
}
div.magazin div#overview ul.magazin li.ovconditions small {
  font-size: 11px;
  font-weight: normal;
  line-height: 10px;
  margin-top: 5px;
  display: block;
  color: #646464;
}
div.magazin div#overview ul.magazin li.ovconditions div a.getmember {
  background-color: #333;
}
div.magazin div#overview ul.magazin li.preview {
  background-position: -3092px 0px;
  min-height: 290px;
}
div.magazin div#overview ul.magazin li img {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
div.magazin div#overview ul.magazin li.ovhead {
  background-position: -249px 0;
}
div.magazin div#overview ul.magazin li.detail {
  height: 78px;
  background-color: transparent;
  overflow: hidden;
  background: url(/image/static/overview_li.png) repeat-y -2840px 0px !important;
}
div.magazin div#overview ul li.magazin {
  height: 112px;
}
div.magazin div#overview ul li.magazin span {
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 12px;
  top: 8px;
  background: url(/image/static/overview_symbol.png) no-repeat -97px -8px;
}
div.magazin div#overview ul li.magazin h4 {
  width: 115px;
}
div.magazin div#overview ul li.magazin img {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
div.magazin div#overview .magazin a[name] {
  top: -40px;
}
/* Image Preview */
div.ImageReaderWrapper {
  position: relative;
  margin-top: 40px;
  border: 1px solid #333;
  overflow: hidden;
}
div.ImageReader {
  overflow: hidden;
  position: relative;
  cursor: move;
}
div.ImageReaderWrapper .toolbar {
  position: absolute;
  left: -1px;
  top: 0px;
  display: block;
  background: #333;
  height: 15px;
  padding: 5px 10px;
  bordeR: 1px solid #000;
  opacity: 0.8;
  z-index: 10;
}
div.ImageReaderWrapper .toolbar .control {
  float: right;
}
div.ImageReaderWrapper .toolbar .info {
  display: inline;
  margin-left: 100px;
  color: #FFF;
}
div.ImageReader img {
  position: absolute;
  top: 15px;
  left: 0;
}
div#statics.terms-of-use .terms h1 {
  font-size: 18px;
}
div#statics.terms-of-use .terms h3 {
  color: #333;
  font-size: 16px;
  margin-top: 35px !important;
  margin-bottom: 10px !important;
  padding: 10px 0;
}
div#statics.terms-of-use .terms li {
  list-style-type: none;
  margin-top: 25px;
  margin-left: -8px;
  padding-left: 10px;
}
div#statics.terms-of-use .terms li:first-child {
  margin-top: 10px;
}
div#statics.terms-of-use .terms li.lower-alpha {
  list-style: lower-alpha outside none;
}
div#statics.terms-of-use .terms li.decimal {
  list-style: decimal outside none;
}
div#statics.terms-of-use .terms li.disc {
  list-style: disc outside none;
}
div#statics.terms-of-use .terms li.disc.no-indent {
  margin-top: 25px;
}
div#statics.terms-of-use .terms li.disc.no-margin {
  margin-top: 0;
}
div#statics.terms-of-use .terms li.no-indent {
  list-style-position: inside;
  margin: 0;
  padding: 0;
}
div#statics.terms-of-use .terms ol[type="a"] {
  font-weight: bold;
}
div#statics.terms-of-use .terms ol[type="a"] p {
  font-weight: normal;
}
div#statics.terms-of-use .terms p {
  padding: 5px 0;
}
div#statics.terms-of-use .terms ol.bold {
  font-weight: bold;
}
div#statics.terms-of-use .terms ol.bold li * {
  font-weight: normal;
}
div#statics.terms-of-use .terms ol.bold li strong {
  font-weight: bold;
}
div#statics.terms-of-use .terms .indent {
  margin-left: 25px;
  list-style: initial outside none !important;
}
div#statics.terms-of-use .terms .indent li.no-indent.margin-top {
  margin-top: 5px;
}
div#statics.terms-of-use .terms .spacing-top {
  margin-top: 25px;
}
div#statics.terms-of-use .terms .input-line {
  border-bottom: 1px solid black;
  height: 1.2em;
}
div#statics.terms-of-use .terms .input-line.small {
  width: 240px;
  display: inline-block;
}
div#statics.terms-of-use .terms .input-line.large {
  display: block;
}
div#statics.terms-of-use .terms .mixed-input-line {
  display: inline-block;
  margin-top: 10px;
  overflow: hidden;
  white-space: nowrap;
  width: 660px;
}
div#statics .rightSide .information {
  border: 1px solid #cccccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-right: 2px;
  margin-left: 4px;
  padding: 7px 4px 10px 14px;
}
div#statics .rightSide .information h3 {
  text-transform: uppercase;
}
div#statics .rightSide .information .questionmark {
  background: url('/image/static/icon_Attention.png') no-repeat scroll 39px 14px;
  float: right;
  height: 59px;
  position: relative;
  top: -1px;
  width: 86px;
}
div#statics .rightSide .information li {
  display: block;
  font-size: 12px;
  line-height: 18px;
}
.products .faqList,
.products .faqDetail {
  margin-top: 30px;
  padding-right: 20px;
}
.products .faqList h3,
.products .faqDetail h3,
.products .faqList h4,
.products .faqDetail h4 {
  font-size: 16px;
}
.products .faqList ol,
.products .faqDetail ol {
  margin-top: 10px;
}
.products .faqList ol li,
.products .faqDetail ol li {
  list-style: decimal;
  margin-left: 15px;
  font-size: 14px;
  padding-left: 5px;
}
.products .faqList ol li em,
.products .faqDetail ol li em {
  font-size: 14px;
}
.products .faqList ol li p,
.products .faqDetail ol li p {
  margin: 5px 0;
}
.products .faqDetail ol li {
  margin-top: 15px;
}
div#data-protection.terms-of-use .terms h1 {
  font-size: 18px;
}
div#data-protection.terms-of-use .terms h3 {
  color: #333;
  font-size: 16px;
  padding: 10px 0;
}
div#data-protection.terms-of-use .terms li {
  list-style-type: none;
}
div#data-protection.terms-of-use .terms li:first-child {
  margin-top: 10px;
}
div#data-protection.terms-of-use .terms li.lower-alpha {
  list-style: lower-alpha outside none;
}
div#data-protection.terms-of-use .terms li.decimal {
  list-style: decimal outside none;
}
div#data-protection.terms-of-use .terms li.disc {
  list-style: disc outside none;
}
div#data-protection.terms-of-use .terms li.disc.no-margin {
  margin-top: 0;
}
div#data-protection.terms-of-use .terms li.no-indent {
  list-style-position: inside;
  margin: 0;
  padding: 0;
}
div#data-protection.terms-of-use .terms ol[type="a"] {
  font-weight: bold;
}
div#data-protection.terms-of-use .terms ol[type="a"] p {
  font-weight: normal;
}
div#data-protection.terms-of-use .terms p {
  padding: 5px 0;
}
div#data-protection.terms-of-use .terms ol.bold {
  font-weight: bold;
}
div#data-protection.terms-of-use .terms ol.bold li * {
  font-weight: normal;
}
div#data-protection.terms-of-use .terms ol.bold li strong {
  font-weight: bold;
}
div#data-protection.terms-of-use .terms .indent {
  margin-left: 25px;
  list-style: initial outside none !important;
}
div#data-protection.terms-of-use .terms .indent li.no-indent.margin-top {
  margin-top: 5px;
}
div#data-protection.terms-of-use .terms .spacing-top {
  margin-top: 25px;
}
div#data-protection.terms-of-use .terms .input-line {
  border-bottom: 1px solid black;
  height: 1.2em;
}
div#data-protection.terms-of-use .terms .input-line.small {
  width: 240px;
  display: inline-block;
}
div#data-protection.terms-of-use .terms .input-line.large {
  display: block;
}
div#data-protection.terms-of-use .terms .mixed-input-line {
  display: inline-block;
  margin-top: 10px;
  overflow: hidden;
  white-space: nowrap;
  width: 660px;
}
div#data-protection .rightSide .information {
  border: 1px solid #cccccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-right: 2px;
  margin-left: 4px;
  padding: 7px 4px 10px 14px;
}
div#data-protection .rightSide .information h3 {
  text-transform: uppercase;
}
div#data-protection .rightSide .information li {
  display: block;
  font-size: 12px;
  line-height: 18px;
}
div.changeRequest p {
  margin-top: 20px;
}
div.changeRequest ul {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
div.changeRequest ul li {
  margin-bottom: 10px;
}
div.changeRequest .formElement {
  margin-bottom: 10px;
  /** Firefox needs to be standalone */
}
div.changeRequest .formElement input[type=password],
div.changeRequest .formElement input[type=text] {
  font-size: 13px;
  background: #FFF;
  border: 1px solid #999;
  color: #333;
  height: 17px;
  padding: 5px 3px;
  width: 400px;
}
div.changeRequest .formElement input[type=password]:focus,
div.changeRequest .formElement input[type=text]:focus {
  border-color: #333;
}
div.changeRequest .formElement input[type=password]:hover,
div.changeRequest .formElement input[type=text]:hover {
  border-color: #666;
}
div.changeRequest .formElement input[type=text]:-moz-placeholder,
div.changeRequest .formElement input[type=password]:-moz-placeholder {
  color: #999;
}
div.changeRequest .formElement input[type=text]::-webkit-input-placeholder,
div.changeRequest .formElement input[type=text]:-ms-input-placeholder,
div.changeRequest .formElement input[type=password]::-webkit-input-placeholder,
div.changeRequest .formElement input[type=password]:-ms-input-placeholder {
  color: #999;
}
.formElement.occupation label {
  color: #666;
  font-weight: bold;
  font-style: italic;
}
#profile_info ul.profile-info-new li.full dl.full {
  width: 100%;
}
#profile_info ul.profile-info-new li.full dl.full .data {
  width: 100%;
  max-width: none;
}
#profile_info ul.profile-info-new li.full dl.full .data ul.productDescriptions {
  margin-left: 10px;
  display: block;
  overflow: hidden;
}
#profile_info ul.profile-info-new li.full dl.full .data ul.productDescriptions li {
  list-style: square inside;
  overflow: visible;
  width: auto;
}
/**
  * Admin less file
  *
  * @author          Ronald Marske <r.marske@secu-ring.de>
  * @filesource      public/css/admin.less
  *
  * @copyright       Copyright (c) 2012 secu-ring GmbH (http://www.secu-ring.de)
  *
  * @package         css
  */
#search.clickTracking ul.result li {
  padding: 10px 5px;
}
#search.clickTracking ul.result li .col1 {
  width: 800px;
}
#search.clickTracking ul.result li .col1 h2 {
  font-size: 14px;
}
#search.clickTracking ul.result li .col2 div {
  text-align: right;
}
.markedProfiles .company {
  margin: 15px 0;
}
.markedProfiles ul.users > li {
  margin-left: 15px;
}
.markedProfiles a.button {
  margin-top: 25px;
  display: inline-block;
}
h2.orange {
  font-size: 18px;
  color: #FF6600;
  margin: 15px 0;
}
/**
 * this styles should be refactored to general
 * less files. The re-less has been postphoned to avoid destroying
 * the zf2 forms with 'old' styles
 */
/**
 * User Registration
 */
#content .register {
  /**
	 * general styles
	 */
  /**
	 * general form styles - should be in a common form.less
	 */
  /**
	 * tooltip anchor
	 */
  /**
	 * specific styles for user registration
	 */
}
#content .register .btn_gen {
  border: 1px solid #660000;
  background: #FF6600 url('/image/mb_okay_bg.gif') repeat !important;
  color: #ffffff;
  cursor: pointer;
  font-size: 13px !important;
  line-height: 22px;
  height: 22px;
  padding: 0 16px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}
#content .register .orange {
  color: #FF6600;
}
#content .register form {
  margin-bottom: 40px;
  /** only the first level of fieldsets defines padding and background */
  /** any nested fieldset */
}
#content .register form > fieldset {
  background-color: #efefef;
  padding: 10px;
}
#content .register form fieldset {
  border: 0;
  /** checkboxes that are output <label><input> but should be displayed <input><label> */
  /** multicolumn forms, requires additional column to use .float-left */
}
#content .register form fieldset > legend {
  font-weight: bold;
  color: #666666;
  font-style: italic;
  padding: 0;
  margin-bottom: 0em;
  white-space: normal;
}
#content .register form fieldset.separate-fieldset {
  margin-top: 25px;
}
#content .register form fieldset .left-checkbox label {
  display: inline;
  float: left;
  position: absolute;
  padding-left: 25px;
}
#content .register form fieldset .form-actions input[type="submit"] {
  border: 1px solid #660000;
  background: #FF6600 url('/image/mb_okay_bg.gif') repeat !important;
  color: #ffffff;
  cursor: pointer;
  font-size: 13px !important;
  line-height: 22px;
  height: 22px;
  padding: 0 16px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}
#content .register form fieldset .form-actions.fe_left_compact {
  float: left;
  margin-right: 20px;
}
#content .register form fieldset.two-columns {
  width: 550px;
}
#content .register form fieldset .formElement {
  margin: 0 0 10px 0;
  clear: both;
  /** special form elements */
}
#content .register form fieldset .formElement label {
  display: block;
  margin-bottom: 2px;
}
#content .register form fieldset .formElement input[type="text"],
#content .register form fieldset .formElement intput[type="password"] {
  width: 250px;
  border: 1px solid #999999;
  background: #FFFFFF url(/image/bg_textinput.gif) repeat-x scroll 0 0;
}
#content .register form fieldset .formElement .textInput {
  line-height: normal;
  padding: 1px 1px 1px 8px;
}
#content .register form fieldset .formElement input[type="checkbox"] {
  margin: 0;
  margin-right: 4px;
  width: 20px;
}
#content .register form fieldset .formElement select {
  padding: 1px 1px 1px 8px;
  border: 1px solid #999999;
  width: 260px;
}
#content .register form fieldset .formElement .required {
  background-image: url('/image/bg_textinput_required.gif') !important;
  background-repeat: no-repeat;
  background-color: transparent;
}
#content .register form fieldset .formElement #captcha-image {
  display: block;
  margin-top: 2px;
  margin-bottom: 2px;
}
#content .register form fieldset .formElement.float-left {
  /** requires parent fieldset to define .two-columns */
  width: 50%;
  clear: none;
  float: left;
}
#content .register form fieldset.reCaptcha .formElement {
  position: relative;
}
#content .register form fieldset.reCaptcha .formElement > .errors {
  bottom: 109px !important;
  left: 290px !important;
  top: auto !important;
}
#content .register form fieldset.reCaptcha .formElement > .errors .bl {
  margin-top: -29px;
}
#content .register form fieldset .list-wrapper-bold {
  list-style: inside;
  font-weight: bold;
}
#content .register form fieldset .list-wrapper-bold li {
  list-style: inside;
  margin-left: 5px;
}
#content .register .tt_anchor {
  cursor: pointer;
  background: transparent url('/image/icon_help.gif') no-repeat;
  position: relative;
  left: 0;
  top: 0;
}
#content .register .toolTip {
  display: block;
  width: 335px;
  position: absolute;
  z-index: 74738;
}
#content .register .toolTip h1 {
  color: #ff6600;
  margin: 0;
}
#content .register .toolTip .ttHeader {
  display: block;
  line-height: normal;
  background: url('/image/ttHeader.png') no-repeat;
  padding: 10px 10px 10px 45px;
  min-height: 50px;
  margin: 0 !important;
  font-size: 13px !important;
  color: #666666 !important;
  font-weight: normal !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
#content .register .toolTip .ttHeader p {
  margin: 0 !important;
}
#content .register .toolTip .ttFooter {
  display: block;
  background: url('/image/ttFooter.png') no-repeat;
  height: 9px;
  width: 335px;
}
#content .register .toolTip.hidden {
  display: none;
}
#content .register > h2 {
  text-transform: uppercase;
  font-size: 1em;
  display: block;
}
#content .register fieldset > .professions legend {
  color: #333333;
  font-style: normal;
}
#content .register #steps {
  height: 30px;
  margin: 1em 0;
  clear: both;
}
#content .register #steps div.step,
#content .register #steps div.step_active {
  float: left;
  padding-left: 20px;
  height: 28px;
  width: 98px;
  line-height: 28px;
  vertical-align: middle;
  color: #ffffff;
  font-size: 0.85em;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: -8px;
}
#content .register #steps div.step.current,
#content .register #steps div.step_active.current {
  color: #ffffff;
}
#content .register #steps div.step:first-child,
#content .register #steps div.step_active:first-child {
  margin-left: 0px;
}
#content .register #steps div.step {
  background: transparent url('/image/bg_step_inactive.gif') no-repeat;
}
#content .register #steps div.step_active {
  background: transparent url('/image/bg_step_active.gif') no-repeat;
  color: #FFCC99;
}
#content .register #steps div.step_active.first {
  width: 108px;
  padding-left: 10px;
  background: url('/image/bg_step_active_first.gif');
}
#content .register .verify h3 {
  color: #666;
  margin-bottom: 20px;
  font-size: 14px;
}
#content .register .verify table {
  width: 100%;
  font-size: 14px;
}
#content .register .verify table td {
  padding: 2px;
}
#content .register .verify table td.desc {
  color: #999;
  width: 40%;
}
/**
 * also modify zf2/module/Application/view/layout/parts/css.phtml
 */