/** ************************************************************/
/** Client Definitions                                         */
/** ************************************************************/
/* Hier steht nur Mandanten spezifisches CSS */

body {
  font-size: 16px;
  line-height: 1.5em
}


#head img {
    border: medium none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#head {
 background-color: #FFFFFF;
}

#header {
font-family: Montserrat,Arial,sans-serif;
}

/* ------------------------------------ */
h1 {
  font-size: 1.6em;
  margin-bottom: 20px;
  color: #323232;
  border: none;
  font-weight: bold;
}


h2 {
  font-size: 1.3em;
  color: #323232;
  border: none;
  font-weight: bold;
}


h3 {
  font-size: 1.1em;
  color: #323232;
  border: none;
  font-weight: bold;
}

h4 {
  font-size: 1em;
  color: #323232;
  border: none;
  font-weight: bold;
}

ul {
padding-left: 10px;
}

.CompanyList .DescriptiveCompanyListViewElement .title {
  font-size: 1.1em;
  /* font-size: <h3>; */
}

.Content .Title {
  font-size: 1.1em;
  /* font-size: <h3>; */
}

.ElementTable .Name {
  font-size: 1.1em;
  /* font-size: <h3>; */
  /* color: #333333; */
  color: #333333;
}

.ListView.ListView .title {
  font-size: 1.1em;
  /* font-size: <h3>; */
}

.NewsList a.Title {
  font-weight: normal;
}

#sidebar h2 {
  font-size: 1.1em;
  margin-bottom: 0.5em;
}

#sidebar .content .content h2 {
  font-size: 1em;
  color: #323232;
}

#sidebar .content .content .content,
#sidebar .ListView,
#sidebar .CurrentUserBanner,
#sidebar .LastVisitedView {
  font-size: 0.9em;
  line-height: 1.5em;
}

#sidebar .LastVisitedView h2 {
  font-size: 1em;
  color: #323232;
  font-weight: bold;
}

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

.AbstractBoxBeam h2 {
  border: none;
  color: #323232;
}

.AbstractStdBoxLightBackground h2 {
  border: none;
}

.ActionlistElement {
  border: none;
}

#back {
  background-color: #FFFFFF;
}

.CurrentUserBanner .plattform {
  border: 1px solid #999999;
}

#footer {
  padding-bottom: 50px;
padding-top: 10px;
  background: #F0F0F0;
  border-top: 1px solid #999999;
}

#footer li, #header li {
  display: inline-block;
padding: 10px;
}

#footer ul, #header ul {
  padding: 0px 15px 0 0;
}

#footer li, #header li, .Footerbox  {
  padding-right: 15px;
}

.card-standard .FlowTextPane .DetailPane.left {
  padding-right: 50px;
  padding-bottom: 20px;
  padding-left: 0;
  float: left;

}

.FlowTextPane .DetailPane.left {
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 0;
  float: right;

}

#header ul li.selected {
  background-image: url(/static/pfeil.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding: 10px 15px 10px 10px;
}

#header ul li ul li.selected {
  background-image: url(/static/pfeil.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding: 10px 10px 12px 10px;
}

#header li li {
  margin-top: 10px;
}

.menu1 {
  background: #000000;
}

.menu1 ul ul {
  top: auto;
}

.menu1 ul a.selected, .menu1 ul a  {
  color: white;
}

.menu1 ul ul a.selected, .menu1 ul ul a  {
  color: #323232;
}

.menu2 {
  height: 45px;
  background: #F0F0F0;
  border-bottom: 1px solid #999999;
}

.NewsList td {
  border: none;
}

.SearchForm .queryString {
  height: 18px;
}

#sidebar .CurrentUserBanner h2 {
  font-size: 17.6px;
}
  
.superselected {
  font-weight: normal;
}

#sidebar {
  margin: 74px 10px;
  line-height: 1.5em;
  background: white;
}

.StartDate {
  padding-right: 10px;
}

.StyleList .StyleButton {
  min-height: 200px;
  width: 170px;
}

.TitlePane {
  font-size: 1.9em;
}

.WWSimpleMenuView li a {
  font-size: 18px;
}

.WWSimpleMenuView li ul a {
  font-size: 16px;
}

.WWStatefullBox span.Author {
  padding: 0;
  margin-top: -1px;
}

.multinet .titlecol {
  width: 600px;
}

.multinet .valuecol {
  width: 80px;
  text-align: right;
}

.csvtab td {
  padding: 0px 10px 0px 0px;
  font-family: courier;
  font-size: 10pt;
  line-height: 14pt;
}

.cp_p_large_letter {
  color: red;
  font-style: italic;
}

.cp_p_important {
  padding: 0px;
  border: none;
  font-size: 18pt;
  text-align: left;
  line-height: 24pt;
  font-style: bold;
  color: #555555;
}

.PictureUrlCompanyListElement .Detail {
 padding-left: 110px;
 height: 110px;
}

.WebCompanyListViewLayoutElement .title,
.WebCompanyListViewLayoutElement .description,
.WebCompanyListViewLayoutElement .address {
  display: none;
}

.WebCompanyListViewLayoutElement .element {
  display: inline-block;
  margin-left: 5px;
}


.QuesRow {
  clear: both;
overflow:hidden;
}

.QuesCell {
  float: left;
  border: 1px solid #663300;
  width: 140px;
  height: 120px;
  padding: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.QuesCell:hover{
  background: #efefef;
}

.QuesCell h3 {
  color: #663300;
  background: transparent;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
  line-height: 1.5em;
  border-bottom: none;
  font-size: 1em;
}

.QuesCell p {
  color: black;
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: none;
  font-size: 0.8em;
  line-height: 1.2em;
  font-width: normal;
}

#QuesRow2 .QuesCell {
  border: 1px dotted #663300;
}

img#QuesEmblem {
  min-width: 150px;
  min-hight: 150px;
}


.QuesEmblemElement {
  display: box;
  float: left;
  clear: right;
  width: 150px;
  height: 150px
}

img.QuesEmblem {
  max-height: 100px;
  max-width: 100px;
  margin: 20px;
}

.QuesArtifact .QuesQuestion {
  clear: left;
  margin-top: 10px;
  padding-top: 20px;
}

.QuesArtifact .QuesQuestion .Description {
  font-size: 0.8em;
  line-height: 1.5em;
  color: grey;
}

.QuesArtifact .QuesAnswerOptionRow {
  clear: left;
}

.QuesArtifact .QuesAnswerOption {
  font-size: 0.7em;
  line-height: 1.1em;
  width: 120px;
  height: 70px;
  padding: 5px 0px;
  float: left;
  border: 1px solid grey;
  padding: 4px;
  margin: 0px 5px 5px 0px;
}

.QuesArtifact .QuesAnswerOption .Title {
  font-weight: bold;
}

.QuesArtifact #QuesAnswerOptionRow2 .QuesAnswerOption {
  border: 1px dotted grey;
}

.QuesAmount {
  padding-left: 10px;
}

.QuesGroup {
  clear: both;
}

.QuesGroup .GroupTitle {
  border-top: 1px dotted grey;
  margin: 0px;
  padding: 5px;
  background: #efefef;
}

.QuesQuestion .EditButton {
  visibility: hidden;
  border: 1px solid grey;
  padding: 0px 5px;
  line-height: 2.0em;
  border-radius: 5px;
  color: white;
  background: grey;
}

.QuesQuestion:hover .EditButton {
  visibility: visible;
}

input[name="question_name"] {
  width: 500px;
}

textarea[name="question_desc"] {
  width: 500px;
}

input[name="option_name"] {
  width: 500px;
}

textarea[name="option_desc"] {
  width: 500px;
}

.Compilation h2 {
  clear: left;
}

.StatusPane {
  clear: left;
}

.LoginForm input {
  width: 100%;
}

.wwpanel .wwpanelcontent {
  border: none;
  border-top: 1px solid #666666;
}

.wwpanel .tabs li {
  font-size: 13px;
}

#sidebar {
  padding: 0;
  background: none;
}
.ActionlistElementBase {
  margin-bottom: 20px;
  padding: 20px;
}


.SimpleDateNewsList .Date {
width: 4.5em;
}

.ActionlistElementBase.ActionlistElement-DarkBeam {
padding: 0;
}


.EventList .Title {
    font-size: 1.2em;
}

.EventListMonth {
    background-color: white;
    font-size: 1.5em;
}

.EventListMonth a {
    color: #333 !important;
    line-height: 1.5em;
    font-weight: bold;
}


.Compilation .appointment_div_event_list .item {
width: 100%;
}
.Compilation .appointment_div_event_list .item .sheet {
width: 15%;
}

#sidebar .appointment_div_event_list .item {
				width: 280px;
}


#sidebar .appointment_div_event_list .item .appointment_content {
width: 200px;
}


.Compilation .appointment_div_event_list .item .appointment_content {
width: 80%;

}

.appointment_div_event_list .item .sheet,
.appointment_div_event_list .item .appointment_content {
	display: inline-block;
}

#sidebar .appointment_div_event_list .item .sheet{
15%;
}

.appointment_div_event_list .item .sheet {
text-align: center;
				border-radius: 5px;
				border: 1px solid #008198;
				width: 45px;
				font-size: 10px;
			}
			.appointment_div_event_list .item .sheet .month {
				background-color: #008198;
				font-size: 1.1em;
			}
			.appointment_div_event_list .item .sheet .day {
				font-size: 1.9em;
				font-weight: bold;
				padding: 3px;
				padding-top: 5px;
			}
			.appointment_div_event_list .item .sheet .weekday {
				font-size: 1em;
			}
			.appointment_div_event_list .item .appointment_content {
				margin-left: 5px;
				vertical-align: top;
				width: 145px;
			}
			.appointment_div_event_list .item .appointment_content .title {
				font-weight: bold;
				font-size: 18px;
				margin-top: 2px;
				margin-bottom: 2px;
}

.appointment_div_event_list .LVLDIVE {
margin-bottom:10px;
}


.NewsList tr.even img.Picture, .NewsList tr.even img.PictureFactory, 
.NewsList tr.odd img.Picture, .NewsList tr.odd img.PictureFactory {
width: 100%;
}

/***
.pid_23 .ListView .MediaType_VIDEO .PictureFactoryMarker {
margin-left: 110px;
margin-top: 43px;
transform: scale(1);
}
*/

.MediaType_VIDEO {
    position: relative;
    overflow: hidden;
}

.kos_intranet2_core_news_CellWidePictureNewsListElement .MediaType_VIDEO .PictureFactoryMarker {
    /* margin-left: 90px; */
    /* margin-top: 32px; */
    /* zoom: 0.7; */
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
transform: translate(-50%,-50%) scale(0.7);
-ms-transform: translate(-50%,-50%) scale(0.7);
-webkit-transform: translate(-50%,-50%) scale(0.7);
-moz-transform: translate(-50%,-50%) scale(0.7);
}



.GalleryPicture .function-buttons {
display: block;
}

.GalleryPicture .function-buttons {
    display: block;
    position: absolute;
    left: 25%;
    top: 12%;
    /* border: 1px solid silver; */
    height: 75%;
    width: 50%;
}

/*** Gallery-Button ausblenden ****/
.GalleryPicture .function-buttons a {
    display: none;
}

.GalleryPicture .function-buttons a.media.video {
    width: 100%;
    display: inline-block;
    height: 100%;
    background-image: url(/kos/kos-commons/symbol/btn_play.png);
    background-repeat: no-repeat;
    background-position: center;
    /*text-indent: -999px;*/
font-weight: normal;
    border: 1px solid silver;
}



.PersonList tr.odd .ElementTable *, .PersonList tr.odd * {
    padding-bottom: 4px;
    padding-right: 2px;
}


/* ------------- Design-Container START -------------- */
/* --------------------------------------------------- */

.designContainer {
    margin-bottom: 20px !important;
}

.designContainer .designContainer_type_1 {
    border: 20px solid #009BB8 !important;
    border-radius: 5px !important;
}

.designContainer .designContainer_type_1 .cp_p {
    padding: 20px !important;
}

.designContainer .window {
    padding: 20px !important;
    border: 1px solid rgb(151, 151, 151) !important;
    border-radius: 5px !important;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5) !important;
}

.designContainer .window-attention {
    padding: 20px !important;
    border-radius: 5px !important;
    background-color: red !important;
}

.designContainer .window-content {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* --------------------------------------------------- */
/* -------------- Design-Container END --------------- */

.ListView.NewsList .Title {
  font-weight: bold;
  font-size: 18px;
}

.PDALE_orgs {
    display: none;
    font-style: italic;
    line-height: 1em;
}
.PDALE_conPic {
    float: left;
}

.PDALE_fullname {
    line-height: 2em;
}
.PDALE_conDetail {
    width: 80%;
}

/* ------------------ Banner START ------------------- */
/* --------------------------------------------------- */
.ActionlistElementBase.ActionlistElement {
  background: #008198;
  color: #ffffff;
}
.ActionlistElementBase.ActionlistElement a,
.ActionlistElementBase.ActionlistElement h2 {
  color: #ffffff;
}
.ActionlistElementBase.ActionlistElement-Border {
  border: 1px solid #B3B3B3;
  padding: 16px;
  background: none;
}
.ActionlistElementBase.ActionlistElement-Content {
  background: none;
}
.ActionlistElementBase.ActionlistElement-DarkBeam {
  background: none;
  padding: 0px;
}
.ActionlistElementBase.ActionlistElement-Standarad {
  background: none;
  padding: 0px;
}
.ActionlistElementBase.ActionlistElement-Standard {
  border-radius: 5px;
}
/* --------------------------------------------------- */
/* ------------------ Banner ENDE -------------------- */

#header .menu li a:hover {
  text-decoration: none;
  color: #cccccc;
}
#header .menu li li a:hover {
  color: #999999;
}

.CompanyList .DescriptiveCompanyListViewElement img {
  border: none;
}
.CompanyList .DescriptiveCompanyListViewElement .right {
  width: 580px;
  margin-bottom: 20px;
}

.AddressBox {
  width: 400px;
}

.Toolbox ul {
  padding: 0;
  margin: 0;
  list-style-image: none;
}

.SearchResult tr.title td {
	background-color: #008198;
	color: #ffffff;
  	padding: 2px 5px;
}

.SearchResult .NewsListElement img {
	width: auto !important;
}

.yearSelector .Month {
  font-size: 1.1em;
}

.errorBox {
    background-color: #FEF5F0;
    border: 1px solid red;
    padding: 10px;
    color: darkred;
    margin-bottom: 5px;
}

form#Register input#title,
form#Register input#phone {
    width: 200px !important;
}
form#Register input[type="text"] {
    margin-bottom: 5px;
}
form#Register .conSalutation li {
    display: inline-block;
    margin-right: 10px;
}
form#Register .conSessions,
form#Register .conSalutation {
    margin-bottom: 5px;
}


.FlowTextPane ul, .FlowTextPane ol {
    overflow: auto;
    list-style-position: outside;
    padding-left: 1.5em;
}


/********************************************/
/** Registrierung */
/********************************************/
.Wizard h2 {
background: white;
padding-left: 0;
border-bottom: 1px solid #999999;
color: #323232;
}

.Wizard input[name="_loginData.email"],
.Wizard input[name="_companyData.name"],
.Wizard input[name="_companyData.web"],
.Wizard input[name="_companyData.street"],
.Wizard textarea[name="_companyData.description"] {
  width: 100%;
}


/************** Orga-Wizard ImageUpload */
.imageUpload_Main {
overflow:hidden;
vertical-align:top;
}

.imageUpload_Main #curImage {
width:150px;
float:left;
}

.ImageUpload_ActionButton {
display:block;
background-color:#008198!important;
color:white!important;
text-decoration:none!important;
margin:5px 0;
padding:2px;
text-align:center;
border-width:0;
width:100%;
cursor: pointer;
}

.imageUpload_Main .previewTemp {
overflow:hidden;
display:inline-block;
float:right;
width:60%;
position:relative;
}

.imageUpload_Main .imageUpload_Preview_left {
float:left;
width:100px;
overflow:hidden;
}

.imageUpload_Main .imageUpload_Preview_right {
float: right;
    font-weight: normal;
    margin-top: 10px;
    width: 65%;
}
.imageUpload_Main span.imageUpload_Preview_Description {
font-weight:normal!important;
font-size:0.8em;
line-height:1.5em;
}

.imageUpload_Main .previewTemp .qq-uploader {
margin-top:10px;
}

.imageUpload_Main .qq-upload-button {
height:1.5em;
overflow:hidden;
z-index:10;
vertical-align: top;
}

.imageUpload_Main .qq-upload-button input {
font-size:1.em!important;
padding:5px!important;
}

.imageUpload_Main .imageUpload_Preview_left.disabled img {
visibility:hidden;
}

.imageUpload_Main .imageUpload_Preview_left.disabled .previewTemp_imageWrapper {
background-color:lightgrey!important;
}

.imageUpload_Main .imageUpload_Preview_left.disabled button{
background-color:lightgrey!important;
}

.ISHAREOrganizationWizard ul.holder {
width: 100%;
box-sizing: border-box;
}

.ISHAREOrganizationWizard .WWEditorGroup, .ISHAREOrganizationWizard .WWEditorGroupRow {
    margin-bottom: 5px;
    padding-top: 10px;
}

.Wizard input, .Wizard select, .Wizard textarea {
    border-radius: 5px;
    font-size: 1em;
    line-height: 1.2em;
    padding: 4px;
}

.ISHAREOrganizationWizard .facebook-auto {
width: 800px;
}

.Compilation .cp_line {
    margin: 15px 0;
    border-bottom: 1px solid #008198;
    border-top:none;
}


/**** Newsletter / Activityreport *****/

.tbl_activityreport .activityreport{
background-color: white;
}

.tbl_activityreport .CellWidePictureNewsListElement td {
    padding-bottom: 10px;
}

.tbl_activityreport .NewsList tr.odd img.Picture, .NewsList tr.odd img.PictureFactory {
padding-right: 10px;
}

/*Keine Paddings in Outlook */

.tbl_activityreport h1 {
    margin: 5px 0 2px;
}
.tbl_activityreport .cp_p {
    padding: 0;
    margin-bottom: 15px;
}

div.activityreport {border:none}
.tbl_activityreport {background-color:white; border: none;text-align:left;padding:10px;margin:10px auto; border: 1px solid lightgrey;    font-size: 14px; line-height: 1.4em;}
.tbl_activityreport td {text-align:left}

.tbl_activityreport div.activityreport{margin:0px; padding:0}
.tbl_activityreport a.title{font-weight:bold}
.tbl_activityreport .NewsList td {border-bottom:none}
.tbl_activityreport h4.RubricTitle {margin:0;padding:0;border:none;font-size:11px}

.tbl_activityreport h4.RubricTitle {
display: none;
}

/**** ENDE Newsletter / Activityreport *****/


ul.selectorList li input[type="radio"], ul.selectorList li input[type="checkbox"] {
    vertical-align: middle;
}

.regMainTopicList li {
  border-radius: 6px;
  border: 1px solid #CAD8F3;
  padding: 1px 5px 2px;
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 14px;
  font-family: "Lucida Grande", "Verdana";
}
.regMainTopicList {
    padding-bottom: 10px;
}

ul.selectorList {
    /* border: 1px solid silver; */
    padding: 5px;
    border-radius: 5px;
    color: #008198;
}

ul.lstCompanySectors li {
    display: inline-block;
    min-width: 45%;
    white-space: nowrap;
    margin-right: 4%;
}

.regMainTopicList li.disabled {
    color: lightgrey;
    background-color: lightgray;
    border-color: silver;
    opacity: 0.7;
}

.regMainTopicList li.disabled a {
     cursor: no-drop;
}

.regMainTopicList li.disabled a:hover {
text-decoration: none;
}

ul.holder li.bit-box {
    background: #a4cbd6 none repeat scroll 0 0;
}

/* -------------- Rotate Table -------------- */
/* ------------------------------------------ */

table.rotateTable {
    background-color: white;
    border-collapse: collapse;
    margin-top: 150px;
    width: 640px;
}
.rotateTable th {
    padding: 0;
    text-align: left;
}
.rotateTable td {
    border: 1px solid;
    padding: 0;
}
.rotateTable tbody th {
    border: 0 solid;
    padding: 0 4px;
}
.rotateTable th > span {
    position: relative;
}
.rotateTable th > span > span {
    background-color: #EEEEEE;
    left: -0.5px;
    position: absolute;
    text-align: center;
    white-space: nowrap;
}
.rotateTable th > span > span > span {
}
.rotateTable span.spanRotate {
    bottom: -30px;
    height: 30px;
    left: -0.5px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 5px;
    position: absolute;
    text-align: left;
    vertical-align: bottom;
    white-space: nowrap;
    width: 185px;
/* transform: translate(5px,-14px) rotate(295deg)!important; */
    border-bottom: 1px solid silver;
}

tr.rotateHead .boxRotate div {
    position: relative!important;
    bottom: 80px!important;
 left: -38px!important;
}
.spanText {
}
.butTopic {
    font-size: 14px;
    font-weight: normal;
}
.rotateTable td {
    border-color: #EEEEEE;
    border-width: 1px !important;
    vertical-align: middle;
}
.rotateTable td.cellOrga {
    padding-left: 3px;
line-height: 2em;
}
.rotateTable tr.catHeader td {
    font-family: Georgia,serif;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 2em;
    padding-left: 3px;
    padding-top: 10px;
}
.rotateTable th {
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
}

/* ------------------------------------------ */
/* Bubbles for Topics
/* ------------------------------------------ */

.weightImg {
text-align:center;
height:24px;
background-image: URL('/static/weight.png');
background-position:150px 0;
background-repeat: no-repeat;
display:block;
width:24px;
margin:auto;
}

.cat_1 .weightImg, .cat_2 .weightImg, .cat_3 .weightImg, .cat_4 .weightImg {
background-image: URL('/static/weight.png');
}


.cat_5 .weightImg, .cat_6 .weightImg {
background-image: URL('/static/weight.png');
}

/*
.weight3 {
background-position: 0px 0;
}

.weight1 {
background-position: -48px 0;
}
*/
.weight1, .weight2, .weight3 {
background-position: -24px 0;
}

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


div.errorbox ul {
  list-style-type: none;
  padding-left: 0px;
}

ul.Topic_AddWidget_List li.last:after {
    content: "";
}
ul.Topic_AddWidget_List li:after {
    content: ", ";
}
ul.Topic_AddWidget_List li {
    display: inline-block;
    padding-right: 3px;
}
ul.Topic_AddWidget_List {
    padding-left: 0;
}


/***********************************/
.Compilation ul.legende {
padding: 0px;
margin: -10px 0 0;
font-size: 10px;
}
ul.legende li {
float: left;
list-style: none;
padding: 0;
margin: 0;
margin-right: 10px;
}

ul.legende {
padding: 0;
margin: 0;
overflow: hidden;
}

.legende {
line-height:25px;
font-size:12px;
}
.legende *{
vertical-align:middle;
}
.legendePic {
height:25px;
padding:0 2px 0 0px;
}

tr.AddressCompanyListElement td {
  border: none;
}

.conCompanyCatLabel {
    bottom: 12px;
    display: inline-block;
    margin-left: 5px;
    padding-bottom: 10px;
    position: relative;
}


button.actionbutton2 {
    height: 2em;
    margin-left: 5px;
}


/******* Suche   *****************/
.ActionlistElementBase .SearchForm input {
	border: none;
	height: 34px;
	width: 80%;
	background-color: white;
	color: rgb(109, 102, 92);
	background-image: url(/static/search.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: 15px 9px;
	position: relative;
	font-size: 14px;
}
.ActionlistElemenBase .SearchForm input::-webkit-input-placeholder {
    color: #ffffff;
}
.ActionlistElemenBase .SearchForm input:-moz-placeholder {
    /* FF 4-18 */
    color: #ffffff;
}
.ActionlistElemenBase .SearchForm input::-moz-placeholder {
    /* FF 19+ */
    color: #ffffff;
}
.ActionlistElemenBase .SearchForm input:-ms-input-placeholder {
    /* IE 10+ */
    color: #ffffff;
}
.ActionlistElementBase .SearchForm .WWSubmitButton {
	display: none;
}

.ActionlistElement .SearchForm {
margin: 0;
}

/**** Glossar   ************/
td.grpTopic {
    font-size: 2em;
    line-height: 1.5em;
    padding-top: 0.5em;
}

.first td.grpTopic {
padding-top: 0px;
}

.GroupedTopicList .grpProjectListDescription {
    margin-bottom: 20px;
}

.GroupedTopicList .grpProjectListElement.noDescription {
    padding-bottom: 0.5em;
}

.EventList .odd, .EventList .even {
border: none;
}

.EventList .odd td.Location, .EventList .even td.Location {
padding-bottom: 0.5em;
}

.TimeMachineNavigator {
height:129px!important;
}

/**********************************/
/* CompaniesList */
/*********************************/
.RecentCompanyList td.CompanyList_Space {
width:20px;
}

.RecentCompanyList ul {
list-style: none;
margin-left:0;
padding-left:0em;
text-ident:-1em;
}

.RecentCompanyList .CompanyList_enumeration {
overflow:hidden;
}

.RecentCompanyList li {
float:left;
margin: 0;
padding: 0;
padding-right:5px;
height:100%!important;
width:auto!important;
}

.RecentCompanyList ul li:after {
content: ", ";
}

.RecentCompanyList ul li.last:after {
content: "";
}
.RecentCompanyList .CompanyList_Company {
font-size:1.4em;
line-height:1.6em;
margin:5px 0;
font-weight: bold;
}

.RecentCompanyList td {
   padding-bottom: 15px;
}

.recentCompaniesCarousel .jcarousel-skin-simple .jcarousel-prev-horizontal {
left:-10px;
}


.recentCompaniesCarousel .jcarousel-skin-simple .jcarousel-next-horizontal {
right:-10px;
}


.RecentCompanyList td.CompanyList_Logo {
padding-top:10px;
}

/*************************************/
/* Definition ***/
/*************************************/
.grpTopicListElement {
padding-left:10px;
margin-bottom:10px;
}

.grpTopicListTitle {
font-weight:bold;
font-size:1.2em;
line-height:1.4em;
}
.grpTopicListDescription {
}

.grpTopic {
font-size:24px;
font-weight:bold;
font-color:#efefef;
line-height:2em;
}
grpProjectListElement {
padding-left:10px;
margin-bottom:10px;
}

.grpProjectListTitle {
font-weight:bold;
font-size:1.2em;
line-height:1.4em;
}

.grpProjectListDescription {
}

.grpProject {
font-size:24px;
font-weight:bold;
font-color:#efefef;
line-height:2em;
}

.ISHAREOrganizationWizard .WWEditorGroup .description {
    padding: 10px;
    clear: both;
    margin-top: 10px;
    background-color: #efefef;
    padding-left: 50px;
    font-size: 1em;
    color: #3f3f3f!important;
    line-height: 1.25em;
    border: 1px solid silver;
    border-radius: 5px;
    background-image: url('/kos/kos-commons/themes/crystal/32x32/actions/info.png');
    background-repeat: no-repeat;
    background-position: 5px;
    min-height: 40px;
}


.TopicMatrix .cellOrga a, .MatrixContainer .cellOrga a {
    line-height: 1.1em;
    padding-bottom: 0.5em;
    display: inline-block;
    padding-top: 0.5em;
}

.Compilation h2,
.Compilation h3,
.Compilation h4 {
  border: none;
}


/*** Umfragen ***/
#ALE-27.ActionlistElementBase.ActionlistElement-Border {
    border: 2px solid #e5308b;
    padding: 16px;
    background: none;
}

#ALE-27.ActionlistElementBase.ActionlistElement-Border h2, #ALE-27.ActionlistElementBase.ActionlistElement-Border a {
color: #e5308b;
}

.ActionlistElement-Input {
    background: #e5308b;
    color: white;
}

.ActionlistElement-Input h2,
.ActionlistElement-Input a {
color: white;
font-weight: bold;
}


.ActionlistElement-Content {
border: 2px solid #e5308b;
    padding: 16px;
    background: none;
}

.ActionlistElement-Content h2 ,
.ActionlistElement-Content a {
color: #e5308b;
}

.umfragen .TitlePane, .surveyTitle {
color: #e5308b;
}


.umfragen .Compilation h1, .umfragen .Compilation .cp_p a , .umfragen .Compilation .TableOfContentEntry a{
color: #e5308b;
}

.umfragen .WWSimpleMenuView ul li ul li a {
    color: #e5308b;
}

.umfragen .survey-item .cellStatus a {
    color: #e5308b;
}

#header .banderole {
/*position: absolute;*/
/*top:0;*/
/*right:0;*/
z-index:100;
/*display:none;*/
}


.banderole img {
    display: none;
}


.corner-ribbon{
  width: 500px;
  background: #e5308b;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);

}

/* Custom styles */

.corner-ribbon.sticky{
  position: fixed;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */

.corner-ribbon.top-left{
  top: 25px;
  left: -50px;
  transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
}

.corner-ribbon.top-right{
  top: 54px;
  right: -20px;
  left: auto;
  transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
}


.corner-ribbon.menu-right {
    top: 95px;
    right: 135px;
    left: auto;
    transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
width: 300px;
padding: 0 10px;
border-radius: 25px 5px;
}

.corner-ribbon a {
    display: inline-block;
    /* padding: 0 40px; */
    font-size: 1.6em;
    color: white;
    font-weight: bold;
    padding: 10px 0;
}

.corner-ribbon a:hover {text-decoration: none}


/* .WWEditorGroup .WWEditorGroupRow.State .description {
    max-width: 450px;
    font-size: 12px;
    line-height: 18px;
    float: left;
}
.WWEditorGroup .WWEditorGroupRow.State ul {
    max-width: 180px;
    float: left;
    line-height: 35px;
}
*/

.followUp ul.TWO_COLUMN li {
/*    float: left;
    width: 50%;*/
}

.followUp ul.TWO_COLUMN {
    list-style: none;
    line-height: 1.6em;
    column-count:2;
}


table.dataTable tbody tr.hasSurvey {
    background-color: lime;
}


table.dataTable tbody tr.hasDropoutHint {
    background-color: yellow;
}

table.dataTable tbody tr.allSurveyFinished {
    background-color: darkgreen!important;
}



table.dataTable tbody tr.secRoundFeedback {
    background-color: #DB348C;
}

table.dataTable tbody tr.finished {
    background-color: #DB348C;
}

.followUp ul.TWO_COLUMN label[class^='radio_CL_'] {
    /*color: #16a3b5;*/
color:red;
}

.followUp ul.TWO_COLUMN label[class^='radio_CL_IGNORE'] {
    color: red;
}

.followUp ul.TWO_COLUMN label[class^='radio_CL_PARTICIPATE'] {
    color: green;
    font-weight: bold;
}

.followUp ul.TWO_COLUMN label[class^='radio_NR_'] {
    color: orange;
}

.followUp ul.TWO_COLUMN label[class^='radio_SA_'] {
    color: blueviolet;
}



.followUp ul.TWO_COLUMN label.radio_NON-RESPONSE, .followUp ul.TWO_COLUMN label.radio_CLOSED, .followUp ul.TWO_COLUMN label.radio_IGNORE, .followUp ul.TWO_COLUMN label.radio_LOCKED, .followUp ul.TWO_COLUMN label.radio_PARTICIPATE, .followUp ul.TWO_COLUMN label.radio_CHECK_DATA {
    font-style: italic;
    color: silver;
    text-decoration: line-through;
} 



.followUp ul.TWO_COLUMN label.radio_CHECK_DATA {
    font-style: italic;
    color: silver;
    text-decoration: line-through;
}

.followUp .gridPhone {
    font-size: 1.2em;
    /* background-color: white; */
    /* padding: 3px; */
    /* font-weight: bold; */
    background-color: white;
    height: 25px;
    display: block;
    letter-spacing: 0.1em;
}

.followUpCompany .address table td {
    padding-bottom: 5px;
    /* text-align: center; */
    /* vertical-align: middle; */
}

.followUpCompany span.cat {
    display: inline-block;
    padding: 3px;
    background-color: #CAD8F3;
    border-radius: 6px;
    border: 1px solid silver;
}


.followUpCompany a.followUpCompanyButton {
    font-size: 1.2em;
    margin-bottom: 5px;
    display: inline-block;
}

.followUpCompany .conPersons {
    max-height: 400px;
    overflow: auto;
}

td.secRound, table.dataTable.order-column tbody tr> td.secRound.td[class^="sorting"] {
/*background-color: lightskyblue!important;*/
}

td.firstRound, table.dataTable.order-column tbody tr> td.firstRound.td[class^="sorting"] {
/*background-color: lightgrey!important;*/
}
.firstRound.roundFirst {
    border-left: 1px solid #111;
}

.roundLast {
    border-right: 1px solid #111;
}

.IssuePane {
overflow:auto;
}


body.pmo_Issue.pme_list .ListView.IssueList td:nth-child(7) > div {
    overflow: scroll;
    width: 440px;
    max-height: 150px;
}

body.pmo_Issue.pme_list .MasterPane {
    width: 1100px!important;
}

body.pmo_Issue.pme_list #sidebar {
    display:none;
}

.StatusPane .Issues {
    max-width: 850px;
    overflow: auto;
}

.StatusPane .Issues td:nth-child(7) > * {
    overflow: auto;
    max-width: 240px;
    max-height: 100px;
}



.designContainer .designContainer_type_2 {
    border: 1px solid #16a3b5!important;
}

.designContainer .designContainer_type_2 > .innerConAlign > h2 {
    background-color: #16a3b5;
    color: white;
padding: 0 5px;
border: none;
}

.designContainer .designContainer_type_2 > .innerConAlign > * > h2 {
    background-color: #16a3b5;
    color: white;
    padding: 0 5px;
    margin-left: -5px;
    margin-right: -5px;
border: none;
}

/*.designContainer div[class^="designContainer_type"] > .innerConAlign > div { */
.designContainer .designContainer_type_2 > .innerConAlign > div {
    padding: 0 5px;
}


/*** DesignContainer Type 3 ****/
.designContainer .designContainer_type_3 {
    border: 1px solid #DB348C!important;
}

.designContainer .designContainer_type_3 > .innerConAlign > h2 {
    background-color: #DB348C;
    color: white;
padding: 0 5px;
border: none;
}

.designContainer .designContainer_type_3 > .innerConAlign > * > h2 {
    background-color: #DB348C;
    color: white;
    padding: 0 5px;
    margin-left: -5px;
    margin-right: -5px;
border: none;
}

/*.designContainer div[class^="designContainer_type"] > .innerConAlign > div { */
.designContainer .designContainer_type_3 > .innerConAlign > div {
    padding: 0 5px;
}


/*** DesignContainer Type 4 ****/
.designContainer .designContainer_type_4 {
    border: 1px solid #F7C628!important;
}

.designContainer .designContainer_type_4 > .innerConAlign > h2 {
    background-color: #F7C628;
    color: white;
padding: 0 5px;
border: none;
}

.designContainer .designContainer_type_4 > .innerConAlign > * > h2 {
    background-color: #F7C628;
    color: white;
    padding: 0 5px;
    margin-left: -5px;
    margin-right: -5px;
border: none;
}

/*.designContainer div[class^="designContainer_type"] > .innerConAlign > div { */
.designContainer .designContainer_type_4 > .innerConAlign > div {
    padding: 0 5px;
}


/**** Cockpit **/
.survey-item.container {
    overflow: hidden;
    border: 1px solid silver;
    margin-bottom: 20px;
}
.survey-item .column {
    float: left;
    /* margin: 20px; */
    background-color: #efefef;
    padding-bottom: 100%;
    margin-bottom: -100%;
}

.survey-item .conStatus.column {
    width: 218px;
    margin-right: 25px;
}

.survey-item .conDesc.column {
    width: 615px;
}

.survey-item .conDesc h2 {
    padding-top: 0;
    color: #16a3b5;
background: none;
}

table.surveyCockpit tr, table.surveyCockpit td {
vertical-align:middle;
}
.survey-item td.cellContent {
padding-bottom: 20px;
}

.survey-item td.cellContent, .survey-item td.cellSpacer, .survey-item td.cellStatus {
    border-bottom: 1px solid silver;
    
}
.survey-item H2 {
border: none;
background:none;
text-decoration:none;
color: #323232;
}

table tr.survey-item:hover {
    background-color: #efefef;
}

a.surveyStartButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
text-indent:0px;
	border:1px solid #268a16;
	display:inline-block;
	color:#306108;
	font-size:1.2em;
	font-weight:bold;
	font-style:normal;
height:40px;
	line-height:40px;

	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #aade7c;
}.surveyStartButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}.surveyStartButton:active {
	position:relative;
	top:1px;
}

.surveyButton {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.surveyButton:hover {
	text-decoration: none;
}
.surveyButton:active {
	position: relative;
	top: 1px;
}

surveyButton.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
surveyButton.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
surveyButton.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* orange */
.surveyButton {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.surveyButton.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.surveyButton.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}


tr.WAIT_SURVEY td {
position:relative;
font-style: italic;
}

tr.WAIT_SURVEY > td:after {
    content:"";
 opacity:0.5;
   position:absolute;
    background-color: #CCC;
    display:block;
    width:100%;
height:100%;
    top:0px;
     
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}


.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
background:none;
border: none;
}


.test {
width: 1200px;
}