@charset "UTF-8";
@import url("font/fonts.css");


*:focus {
	outline:1px dotted #6399dc;
	/*outline-offset: -0.1667em;*/
}
body:focus {
	outline:none;
}

/*@media screen and (max-width: 1100px) { 
	html, body {
		width:1100px;
		box-sizing: border-box;
	}
	#content {
		border-left:40px solid white;
		border-right:40px solid white;
		box-sizing: border-box;
		width:1050px;
	}
}*/


/*########################## 3rdscreen_edit.css	##############*/

.cb {clear:both;}
.pr {position: relative;}
.fr { float:right}
.fl{float:left}
.right {text-align:right}




#leftSelectorContent{
	position:absolute;
	top: 8px;
	left:8px;
	width:500px;
}

#newMessagesCountTextLeft, #newMessagesCountTextLeft {
	font-size:77%
}

/* D&D aus listmodule */
#leftContent.publisher, #rightContent, div#rightContent2.publisher {
	padding: 4px 5px 8px 3px;
	width: 520px;
	margin-top: 38px;
	border: 0px solid #cdd6e4;
	border-top-width: 0;
	overflow-y: scroll;
	height: 100%;
	bottom:0;
}
/* das war zu global man mus bei D&D schauen
.add, .rem, .hasComment {
	display:none;
}
*/
#mainX {
	transform: scale(0.29,0.29);
	transform-origin:top left;
	-webkit-transform: scale(0.29,0.29);
	-webkit-transform-origin:top left;
	padding:1px;
	top: 20px;
}
#socialstream {
	transform: scale(0.29,0.29);
	-webkit-transform: scale(0.29,0.29);
}
#banner, #debug {
	display:none;
}
#styles {
	float:left;	
	width:280px;
	font-size: 12px;
	padding:20px 5px;
	margin-top: 4px;
	font-family: lato;
	line-height: 1.5em;
}

#styles div {
	width: 64px;
	float: left;
	cursor: pointer;
	text-align: left;
	padding: 2px 0px 2px 2px;
	border:1px solid transparent;
	box-sizing: content-box;
	margin:1px;
	box-shadow: none;
}

#editor {
	display:none;
	float:left;
	font-size: 13px;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
	margin-top:16px;
	padding-bottom:10px;
	padding-top:10px;
	z-index: 5;
	background-color:#fff;
	display:none;
	width: 280px;
}

#editor label{
	font-weight:400;
	color: #333333;
	padding-bottom:1px;
}
#editor p {
	padding: 1px;
	margin-bottom: 4px;
	background-color:#e3ebf1;
	border:0px solid #ddd;
	color: #005ea8;
	min-height: 16px;
}
#editor p:focus {
	background: #cee0ed;
}
#ed_headline{min-width:270px;}

#size_headline {
	position: absolute;
	top: 5px;
	left:10px;
	font-family:Lato;
}

#layouts {
	overflow:auto;
	width:auto;
}
#layouts .listModuleHead {
	border-bottom: 27px solid white;
}
#layouts .tile {
	margin:0;
	float:left;
	cursor:copy;
	pointer-events:none;
}
#layouts .tile:hover .theComment {
	display: none;
}
.layout_info {
	font-size: 12px;
	color:#000;
	font-family: Lato;
	background: rgba(255,255,255,0.5);
}

.layoutContainer {
	margin: 0 0px 20px 20px;
	float: left;
	cursor: copy;
	/* font-family:Strait, sans-serif; */
}


#blender {
	z-index: 32;	
	position: absolute;
	top: 120px;
	left: 0px;
	min-height: 1102px;
	background-color: #fff;
	opacity: 0.6;
	display: none;
}

/*popOutContainerBig wird benutzt bei den Subscriptions und dem Assetsmanager */
.popOutContainerBig {
	z-index: 10000; 
	position: fixed;	 
		background-color: #fff;
	border-radius: 6px;
	border-top-left-radius: 4px; 
	border: 1px solid #ccc;
		box-shadow: 0 0 7px #333;
		margin: auto;
	top: 122px;
	left: 50%;
	margin-left: -425px;
}
.popOutContainerBigPadding {
	padding:20px;
	width:804px;
	height:600px;
}
/*---ENDE---*/


/*---- Texte / Titel / Schriftgrößen und	Grunddefinitionen ----*/

.descParagraph {}
.titleParagraph {
	font-size:22px;
}



#messagelist {
	font-size: 13px;
	overflow-y:scroll;
	position: fixed;
		top: 40px;
		left: 0%;
		bottom:0px;
		width: 520px; 
}

#messagelist .message {
	position:relative;
	margin: 0 10px 10px 10px;
	background-color: #ffffdd;
}
#messagelist .message[usecount="0"] {
	background-color:#ffffff;
}
.frame {
	border:1px solid #ccc;
  display: block;
}

.frame-1:before {content: "1";padding: 5px 7px;}
.frame-2:before {content: "2";padding: 5px 7px;}
.frame-3:before {content: "3";padding: 5px 7px;}
.frame-4:before {content: "4";padding: 5px 7px;}
.frame-5:before {content: "5";padding: 5px 7px;}
.frame-6:before {content: "6";padding: 5px 7px;}
.frame-7:before {content: "7";padding: 5px 7px;}
.frame-8:before {content: "8";padding: 5px 7px;}
.frame-9:before {content: "9";padding: 5px 7px;}
.frame-10:before {content: "10";padding: 5px 7px;}
.frame-11:before {content: "11";padding: 5px 7px;}
.frame-12:before {content: "12";padding: 5px 7px;}
.frame-13:before {content: "13";padding: 5px 7px;}
.frame-14:before {content: "14";padding: 5px 7px;}
.frame-15:before {content: "15";padding: 5px 7px;}
.frame-16:before {content: "16";padding: 5px 7px;}





#tile_dummy {
		transform: scale(0.29,0.29);
	-webkit-transform: scale(0.29,0.29);
	position:absolute;
	z-index:10;
}
#makeMeDraggable1 { left:50px;top:50px; }
#makeMeDraggable2 { left:50px;top:75px; }

.makeMeDraggable { 
		width: 38px;
	height: 27px;
	cursor: move;
	position: absolute;
	z-index: 10;
	right: 0;
	top: 18px;
	background-image: url(/flyp_assets/icons/ddicon.png);
	background-repeat: no-repeat;
}
.dragged {
	background-color: red;
	border:2px solid red;
}
.marked {
	background-color: red;
	border:2px solid red;
}
.border{
	background-color:red;
}



.socialstream {
	background-color: #fff;
}


/* neu für die umbenennung der grids */
#module {
	display: none;
}
/*########################## ENDE 3rdscreen_edit.css	##############*/









/*########################## flyphq.css	##############*/

html.backend {
	background: #fff;
}

body,
body.dragdrop {
	color:#333;
	font-family: 'Lato', sans-serif;
	font-weight: 300; 
	font-size: 15px;
	background-color:#fff;
	background-image: url(/flyp_assets/bgbody.png);
	background-repeat: repeat-x;
	background-position: 0 -60px;
}

#serverwartung {
	/*background-image: url(/flyp_assets/bg_serverwartung.png);*/
	position: relative;
	background-repeat: repeat-x;
	top:0;
	height:60px;
	background-color: whitesmoke;
	margin-bottom:36px;
	margin-top:-20px;
	border-radius: 5px;
}
#serverwartung h1 {
	font-size: 40px;
	font-weight: 100;
	margin: 0;
	margin-left:10px;
	position: absolute;
	top:5px;
}
#serverwartung p {
	position: absolute;
	right: 10px;
	top: 15px;
	text-align: right;	
	font-size: 14px;
}

td {
	vertical-align:top;
}
/* NEU von Clea */

#systemErrorContainer {
	position: relative;
	display: none;
}

#systemError {
	position: absolute;
	top: -95px;
	width: 100%;
	min-height:70px;
	background-repeat: no-repeat;
	z-index: 1000;
	background-color: rgba(255,255,255,0.9);
	text-align: center;
	padding-top: 14px;
	color: #333;
}
#systemError img {
	vertical-align: top; 
	margin-right: 5px;
}
#systemError span {
	font-size: 21px; 
	text-transform: uppercase;
}
#systemError p {
	margin-top: 8px; 
}
.new {
	position: absolute;
	top:0;
	right: 0;
	height: 33px;
}
input[type="submit"]{
	cursor:pointer;
}
input[type="text"],input[type="password"], input[type="submit"], input[type="select"], textarea, .inputDate1 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 15px;
	background: #fbfbfb;
	border: 1px solid #dcdcdc;
	color: #717171;
	padding: 4px;
}





#newSourceForm input[type="text"],input[type="password"], input[type="submit"], input[type="select"], textarea, .inputDate1 {
	border: 1px solid #dcdcdc;
}

.loginform {
	text-align: center;
}

.backendcontainer .loginform h1 {
	margin:100px 0 0 0;
	font-size:90px;
	font-weight: 100;
	text-transform: uppercase;
}

.backendcontainer .loginform h2 {
	font-size:25px;
	padding: 0;
	background: transparent;
	margin-bottom: 15px;	
}
.backendcontainer .loginform h2 a {
	color:#006BB6;
}

.loginform input[type="text"], .loginform input[type="password"] {
	font-size: 15px;
	text-align: center;
	margin-bottom: 10px;
	width: 190px;
}
.loginform input[type="submit"] {
	font-size: 25px;
	color: #006BB6;
	text-align: center;
	margin-bottom: 10px;
	background: #fff;
	border: 0;
	margin-top: 10px;
}
div#content {
		clear:both;
		margin:0px auto;
}
.listencontainer{
	width: 1060px;
	xbackground: red;
}
.backendcontainer {
	width: 100%;
	max-width: 988px;
	margin-bottom:36px;
}
.dragdropcontainer{
	width:90%;
	min-width: 1070px;
}
div#listcontent {
	text-align: left;	
	margin-top:70px;
}
div#backendcontent #left {
	width:60%;
	float:left;
}
div#backendcontent #left a,
div#backendcontent #left a:visited {
	color: #717171;
}
div#backendcontent #left a:hover {
	color: #000;
}
div#backendcontent #right {
	width:40%;
	float:left;
	font-size:200%;
}
div#backendcontent div#right div {
	padding:10px;
	background-color:#eee;
	color:black;
	margin-bottom:20px;
}

#backendcontent #right	{
	padding:10px;
	background-color:#eee;
	color:black;
	margin-bottom:20px;
}
div#content header {
	display: block;
	width: 100%;	
	margin-top:6px;
}
div#content header ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 20px;
	font-weight: 300;
	margin-top: 5px;
}
div#content header ul li {	
	padding: 4px 14px 0 0px;
	float: left;
	width: auto;
	clear: none;
	height: 24px;
}
div#content header ul li#ausspielung {
	padding-right: 0;
	float:right;	
	color: #333;
	background: transparent;
	border-bottom: 10px solid #fff;
	border-bottom-left-radius: 10px;
}
div#content header ul li.mark {
}
div#content header ul li:hover {
}
div#content header ul li a {
	cursor:pointer;
	color: #717171;
}
div#content header ul li a:hover,
div#content header ul li.helper:hover .flypicon {
	cursor:pointer;
	color: #000;
}
div#content header ul li a.selected {
 
	padding:10px 14px 8px 14px;

	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
 	background: none repeat scroll 0 0 #000;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top: 2px dotted #454545;
	color: #fff;
	padding: 8px 14px;	
}
div#content header ul li:last-child a {
	color:#000;
}
div#content header ul li:last-child a:hover {
	color: #006bb6;
}
div#content header ul li.helper {
	position: relative;
}
div#content header ul li.helper .flypicon {
	color: #717171;
	font-size: 0.9em;
	position: absolute;
	top: 8px;
	right: -7px;
}
div#content header ul li.helper .helplink {
	position: absolute;
	right: 0;
}


div.faqcontent h2, div.faqcontent h3 {
	padding-top: 30px;
}

div.centered {
	margin:auto;
	text-align:center;
}

div#topmenu {
	display: block;
	height:25px;		
	float:none;
	background-color: #000;
	font-weight: 300;
	box-sizing: border-box;
	padding: 0 5px;
}
div#topmenu ul {
	list-style-type: none;
	margin:0;
	padding:0;
	width: 100%;
	position: relative;
	min-width:177px;
}
div#topmenu ul li {
	line-height:25px;
	color:#fff;	
}
div#topmenu .authorsettings {
	z-index:9999;
	position:absolute;
	display:none;
	margin-left:-5px;
	width:auto;
}
div#topmenu #owner_select {
	z-index:9999;
	position:absolute;
	display:none;
	margin-right:-5px;
	width:auto;
	right:0;
}

div#topmenu #owner_select .clean_ow span {
	color: #ff0000;
	font-weight: bold;
}

div#topmenu ul li ul {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #000;	
}
div#topmenu ul li ul li {
	border-top:2px dotted #303030;
	line-height:21px;
}
div#topmenu ul li a,
div#topmenu ul#owner_select li span {
	color:#fff; 
	display: block;
	padding: 5px 10px;
}
div#topmenu ul li a:hover,
div#topmenu #owner_select span:hover {
	color:#45b2ff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;	
}
div#topmenu .topmenuLogo {
	text-align: center; 
	width: 100%;
	padding-top: 3px;
}
div#topmenu .topmenuIcons {
	color:#45b2ff;
	padding: 0px 5px 0;
	position: relative;
	top:1px;
}
div#topmenu ul li:hover .topmenuIcons {
	color:#fff;
	display: inline-block;
}








div#servicesmenu, div#statisticsmenu, div#clientsmenu {
	display: block;
	width: 100%;
	height: 14px;	
	margin-top: 27px;
}

div#servicesmenu ul, div#statisticsmenu ul, div#clientsmenu ul {
	list-style-type: none;
	margin:0;
	padding:0;
	width: 100%;

}
div#servicesmenu li, div#statisticsmenu li, div#clientsmenu li, #submenu li {	
	padding:4px 14px 0 0px;
	width:auto;
	clear:none;
	float:left;

}


label {
	display:block;
}

div#msg {
	opacity: 0.9;
	position:absolute;
	top:132px;
	left:350px;
	z-index:5;
	padding:20px;
	background-color:#ffee99;
	display:none;
	x_font-size:16pt;
	border:6pt solid #dddddd;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow:8px 8px 8px #aaa;
	
}
#system_msg {
	opacity: 0.9;
	background-color: #f6f6f6;
	width: 1050px;
	display:block;
	font-size: 14px;
	color:black;
	border: 2pt solid #dddddd;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 4px 4px 4px #aaa;
	line-height: 1.2em;
	padding: 8px;
}


#content.twotargets {
	width:1500px;
}

#content.twotargets #topmenu {
	width:1464px;
}
div#content a, a, a:visited {
	text-decoration: none;
	color:#006bb6;
}
div#content a:hover { 
	text-decoration: none;
	color: #006bb6;
}

#footer {
	display:none;
	background-color: #f3f3f3;
	border-top: 1px solid #ddd;
	bottom: 0px;
	padding: 4px 0px;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 100;		
}
#footer a {
	color:#717171;
}
#footer a:hover {
	color:#000;
}
header ul li a {
	text-decoration: underline;
	cursor:pointer;
}

div#content table {
	text-align: left;
}

/* div#content table td a.editlink */
div#content a.editlink {
	font-style: italic;
}
p.descriptionText {
	padding: 8px 8px 8px 0;
}
.publisher header ul li#publisher {font-weight:bold}

/*.editevent header ul li#editevent {font-weight:bold} */
.eventlist header ul li#eventlist {font-weight:bold}

ul.filterlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 15px;
	font-weight: 300;
	padding-bottom: 2px;
}
ul.filterlist li {	
	padding: 4px 14px 0 0px;
	float: left;
	width: auto;
	clear: none;
	height: 24px;
}
ul.filterlist li a {
	cursor:pointer;
}


h1 {	
	color: #333;
	font-weight: 100;
	padding-top: 3px;
	font-size: 60px;
	text-shadow: 0 0px 0 transparent;
}
.listencontainer h1 {
	font-size: 1.5em;
	margin-top:20px;	
}
h2 {
	color: #333;
	font-weight: 300;
	font-size: 23px;
	background: #f3f3f3;	
}

.backendcontainer h2 {
	padding: 10px 0 10px 0;
}
.listencontainer h2 {
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
}

h3 {
	x_font-size: 1.2em;
	margin-bottom: 6px;
	float:none;
}
.eventname {
	margin:-39px 0 10px 0;
	color: red;
	font-size: 30px;
}
.eventname2 {
	font-size: 30px;
	color: #000;
}
.systemmessage {
	border: 1px solid #ffcccc;
	padding: 10px;
	margin-bottom: 30px;
}


table.events-list-layout {
	width:100%;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	border:none;
	margin-bottom: 200px;
}

/*************************//*************************//*************************//*************************/
/*************************//***** dashboard new *****//*************************//*************************/
/*************************//*************************//*************************//*************************/
td.leftDashBox {
	width: 563px;
	padding-right: 40px;
	height:600px;
}

td.rightDashBox {
	width: 385px;
	height: 100%;
	position: absolute;
	right: 0;
}

p.event-title {
	font-size: 60px;
	text-align: center;
	line-height: 1.17em;
	margin-top: -9px;
	font-weight: 100;
	max-width:563px;
	overflow:hidden;
}

p.event-description {
	font-size: 14px;
	text-align: center;
	margin: 5px 0 0px;
}

p.event-description a {
	color: #006BB6;
}


div.dashModuleHeadLeft {
	width: 583px;
	height: 100%;
	padding-top: 14px;
	padding-bottom: 14px;
}

div.dashModuleHeadRight {
	width: 385px;
	text-align: center;
}
div.dashModuleHeadRight p {
	margin-top:4px;
}

div .dashStats {
	width: 150px;
	margin-right: 20px;
	display: inline-block;
}

div.dashStats.last {
	padding-right: 0px;
}

div.dashStats p.count {
	font-size: 30px;
	color: #717171;
}

.dashLeftList p.dataField {
	font-size: 20px;
	margin-bottom:5px;
}
.checklistcheckbox {
	vertical-align: middle;
}
.dashLeftList p.description {
	font-size: 12px;
}

.dashLeftList p.text {
	font-size: 14px;
/* 	padding-right: 100px; */
}
.dashLeftList p.textWide {
	font-size: 14px;
}


/* #####	Variante 2	###### */
.dashLeftList #password p.text {
	color: #ee1919;
}



div.linkFromDashContainer {
	vertical-align: bottom;
}

p.linkFromDash {
	text-align: right;
	font-size: 14px;
	clear: left;
	padding-bottom: 30px;
	margin-top: -17px;
	display: block;
	height: 17px;
}

p.linkFromDash a,
.eventInfo a,
.dataContainer a {
	color:#006BB6!important;
}

.dashLeftList {
	border-top: 1px solid #CCCCCC;
	margin-top:15px;
}
.dashLeftList fieldset {
	border-bottom: 1px solid #CCCCCC;
	padding-top: 30px;
}


/*############	Dashboard - Collectors	 ################*/

div.sourcesBox {
    padding-bottom:5px;
    padding-top:15px;
}
div.dashSource  {
	  margin-right: 35px;
    height: 82px;
    padding-bottom: 10px;
    float: left;
    position: relative;
}
div.dashSource:nth-child(7) {
	margin-right: 0px;
}

div.dashSource img {
	width:50px;
	display: block;
}

div.dashSource .sourceState {
	background-color: #a0a0a0;
}
div.dashSource .description {
	color: #fff;
	position: absolute;
	top: 44px;
	text-align: center;
	width:100%;
}
div.dashSource .sourceAchtung {
	position: absolute;
	top: -6px;
	right: -10px;
	width: 26px;
	height: 23px;
	display: none;
}
div.dashSource .toggleCollector {
	margin-top: 6px;
	cursor: pointer;
}


.squaresWaveGContainer {
	height: 2px;
	left: 2px;
	position: absolute;
	top: 43px;
	width: 44px;
	display:none;
}

.squaresWaveG{
	position:absolute;
	top:0;
	background-color:#ffffff;
	width:5px;
	height:3px;
	-moz-animation-name:bounce_squaresWaveG;
	-moz-animation-duration:1.3s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-webkit-animation-name:bounce_squaresWaveG;
	-webkit-animation-duration:1.3s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-ms-animation-name:bounce_squaresWaveG;
	-ms-animation-duration:1.3s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	-o-animation-name:bounce_squaresWaveG;
	-o-animation-duration:1.3s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	animation-name:bounce_squaresWaveG;
	animation-duration:1.3s;
	animation-iteration-count:infinite;
	animation-direction:linear;
}

.squaresWaveG_1 {
	left:0;
	-moz-animation-delay:0.52s;
	-webkit-animation-delay:0.52s;
	-ms-animation-delay:0.52s;
	-o-animation-delay:0.52s;
	animation-delay:0.52s;
}

.squaresWaveG_2 {
	left:6px;
	-moz-animation-delay:0.65s;
	-webkit-animation-delay:0.65s;
	-ms-animation-delay:0.65s;
	-o-animation-delay:0.65s;
	animation-delay:0.65s;
}

.squaresWaveG_3 {
	left:12px;
	-moz-animation-delay:0.78s;
	-webkit-animation-delay:0.78s;
	-ms-animation-delay:0.78s;
	-o-animation-delay:0.78s;
	animation-delay:0.78s;
}

.squaresWaveG_4 {
	left:18px;
	-moz-animation-delay:0.91s;
	-webkit-animation-delay:0.91s;
	-ms-animation-delay:0.91s;
	-o-animation-delay:0.91s;
	animation-delay:0.91s;
}

.squaresWaveG_5 {
	left:24px;
	-moz-animation-delay:1.04s;
	-webkit-animation-delay:1.04s;
	-ms-animation-delay:1.04s;
	-o-animation-delay:1.04s;
	animation-delay:1.04s;
}

.squaresWaveG_6 {
	left:30px;
	-moz-animation-delay:1.17s;
	-webkit-animation-delay:1.17s;
	-ms-animation-delay:1.17s;
	-o-animation-delay:1.17s;
	animation-delay:1.17s;
}

.squaresWaveG_7 {
	left:36px;
	-moz-animation-delay:1.3s;
	-webkit-animation-delay:1.3s;
	-ms-animation-delay:1.3s;
	-o-animation-delay:1.3s;
	animation-delay:1.3s;
}

.squaresWaveG_8 {
	left:42px;
	-moz-animation-delay:1.43s;
	-webkit-animation-delay:1.43s;
	-ms-animation-delay:1.43s;
	-o-animation-delay:1.43s;
	animation-delay:1.43s;
}

@-moz-keyframes bounce_squaresWaveG {
	0%{
		background-color:#ffffff;
	}

	100%{
		background-color:transparent;
	}

	}

@-webkit-keyframes bounce_squaresWaveG{
	0%{
		background-color:#ffffff;
	}

	100%{
		background-color:transparent;
	}

	}

@-ms-keyframes bounce_squaresWaveG{
	0%{
		background-color:#ffffff;
	}

	100%{
		background-color:transparent;
	}
}

@-o-keyframes bounce_squaresWaveG{
	0%{
		background-color:#ffffff;
	}

	100%{
		background-color:transparent;
	}
}
@keyframes bounce_squaresWaveG{
	0%{
		background-color:#ffffff;
	}
	100%{
		background-color:transparent;
	}
}



/*############	Dashboard - user Avatar	 ################*/

.pluginButtons {
	float:right;
	
}
.pluginButtons a,
a.pluginButtons {
    display: block;
    margin: 3px 3px 3px 13px;
    width: 200px;
}



/*############	Dashboard - user Avatar	 ################*/


.useravatar{
	height: 18px;
	position: relative;
	top: 2px;
	vertical-align: baseline;
	width: 18px;
	background-color: #f0f0f0;
	display: inline-block;
}

b {
	font-weight: 400;
	color:#000;
}


#mail .text a {
	padding-top:5px;
}

div.dataContainer {
}

#mail img {
	height: 15px;
	padding-right: 5px;
	vertical-align: baseline;
}

div.dataContainer div.passContainer {
	padding-right: 20px;
	display: inline-block;
}

#clients table {
	font-size: 14px;
	margin-bottom: 5px;
}
#clients table td{
	padding:2px 0 2px 0;
}

#clients table.clientsTable td{
	padding:5px 0 5px 0;
}
#clients table td:first-child{
	padding-right:20px;
}

#clients table a{
	color: #006BB6 !important;
}
#clients table .nodescription {
	font-style: italic;
	color: #999;
}

div.dashRightList {
	padding-top: 9px;
	padding-bottom: 11px;
	border-bottom: 1px solid #CCCCCC;
	margin-right: 20px;
}

div.dashRightList:last-child {
	margin-bottom: 125px;
}

div.dashRightList.current	{
	border-left: 15px solid #b2d2e9;
	padding-left: 5px;
}

div.eventTitle a {
	font-weight: 400;
	font-size: 14px;
	color: #333 !important;
	display: block;
}
div.eventTitle span {
	font-size: 14px;
	color: #888 !important;
	font-weight:300;
}

div.eventText p {
	font-size: 14px;
	max-height: 37px;
	overflow: hidden;
}

div.eventInfo p {
	font-size: 12px;
	margin-top: 3px;
}

div#eventList {
	width: 385px;
	height: inherit;
	display: block;
	overflow-y: scroll;
	position: absolute;
	border-top:1px solid #ccc;
	margin-top: 7px;
}

p.linkFromDash.lessPad {
	padding-bottom: 0px;
	float: right;
	clear: none;
	padding-top: 15px;
	 margin-top: 0;
}

.fixedParentTable {
	overflow: hidden;
	position: relative;
	min-height: 800px;
}

input.filterBox {
	width: 230px;
}

/***** dashboard left content ****/


.rightbox {
	float:left;
	width:155px;
	padding:10px;
	min-height:100px;
}

.leftbox {
	float:left;
	width:349px;
	padding:0;
	padding:10px;
	min-height:100px;
}

legend {
	padding: 0 5px;
	text-align:left;
	font-weight:500;
}


/***** table.events *****/

table.events {
	width: 100%;
	font-weight: 300;
	color: #333;
	margin-bottom:50px;
}

table.events th {
	padding: 3px 10px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: white;
}

table.events td {
	padding: 8px 8px 8px 0;
	vertical-align:middle;
}
table.events tr.invalidevent {
	background-color: #ffeeee;
}


table.events tr.event-firstline td,
table.events tr.event-secondline td
{
	padding:2px;
	overflow:hidden;
	height:20px;
	line-height:20px;
	padding: 1px 10px 1px 10px;
	cursor:pointer;
}

table.events tr.event-secondline
{
	border-bottom: 1px solid #ccc;
}

table.events tr.current-event {
	background:#fff;
}

table.events tr.event-firstline.marked td
{
	background:#009900;
	color:white;
}

div#content table.events tr.event-firstline.marked td a,
div#content table.events tr.event-firstline.marked td a:visited,
div#content table.events tr.event-firstline.marked td a:hover
{
	color:#ffffff;
	text-decoration:underline;
}



table.events tr.current-event.event-firstline{
	font-size:16px;
}

table.events tr.current-event.event-secondline td {
	border-bottom: 3px solid #ccc;
	padding-bottom:8px;
}
table.events tr.current-event.event-firstline td {
	border-top: 3px solid #ccc;
	padding-top:8px;
}

td.eventTitle a {
	font-weight:500;
}
td.eventDate {
	text-align:right;
}


/* wird das hier überhaupt noch verwendet?*/
table.events tr.validevent td:first-child {
	background-image: url(/flyp_assets/kreisblau.png);
	background-position: 5px 14px;
	background-repeat: no-repeat;

}

.ico16 {
	width:16px;
	height:16px;
}

.w24, div.serviceBox input[type="text"].w24 {
	width:24px;
}

ul.links {
	padding-top:8px;
}

ul.links li {
	padding-bottom: 8px;
}

#bilder_aus, #bilder_an {
	cursor: pointer;
}

.widgetarea .mr{
	margin-right:20px;	
}

.dashboardWidget td {
	padding: 8px 8px 8px 0;
}

.dashboardWidget {
	padding-bottom:30px;
	margin-bottom:40px;
	float:left;
	background-color:#ffffff;
}
.dashboard_widget_1 {
	width:988px;
}
.dashboard_widget_2 {
	width:484px;
}
.dashboard_widget_3 {
	width:290px;
}
.dashboard_widget_34 {
	width:736px;
}

.dashboard_widget_4 {
	width:232px;
}
.dashboardWidget table {
	width:100%;
}


/*############	Dashboard - newEventFormContainer - newAuthorFormConatainer	 ################*/

#newEventFormContainer,
#newAuthorFormContainer {
	text-align:center;
	display:none;
	z-index:10;
	background-color:#222;
	opacity:0.95;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	display:none;
}
#ajaxLoaderEventCreate {
	display:none;
	margin-top:400px;
}
#ajaxLoaderEventCreate p {
	color:#ccc;
	text-align:center;
	font-size:200%;
}
#newEventForm.blackOverlay,
#newAuthorForm.blackOverlay {
	display:none;
	margin:auto;
	margin-top:10%;
	width:800px;
	height:300px;
	top:0;
	z-index:11;
	position:absolute;
}
.blackOverlay h1 {
	color:#ccc;
	text-align:center;
	font-size:400%;
	width:800px;
	margin-bottom:40px;
}
.blackOverlay .newEventDivCenterText{
	text-align:center;
	width:800px;
}
.blackOverlay p {
 	margin:20px auto;
 	color:#ccc;
 	font-size:16px;
 	font-weight: 100;
 	width:500px;
 	position: relative;
 }
#newEventForm input#event_name {
	margin-right:15px;
}
#newEventForm input#event_preview_url {
	width:380px;
	margin-bottom:20px;
}
#newAuthorForm p input {
	width:500px;
	margin-top: 8px;
 }
/*############	ENDE - Dashboard - newEventFormContainer - newAuthorFormConatainer	################*/



 



.module:hover, .add_module:hover {
	background-color:#e0e0e0;
}

.scrollcontainer {
	width:400px; height:300px; 
	overflow-y:auto; overflow-x:hidden;
}

span.module_incative {
	font-weight:bold;
	x_font-size:120%;
	color:#ff0000;
	margin-right:10px;
}
li.module_incative {
	background-color:#999999;
}
li.add_module {
	background-color:#cccccc;
}

/* page specific */

.event_clients div {
	padding:2px;
	margin:0 10px 20px 10px;
	width: 130px;
	border:1px solid #dddddd;
	float: left;
}

.event_clients img, .event_clients input {
	display:block;
	margin:auto;
	
}
.event_clients input {
	margin-top:6px;	
}

.event_clients img {
	width:128px;
	height:82px;
}

.event_clients .redborder {
	border: 2px solid red;
}

.event_clients .greenborder {
	border: 2px solid green;
}

.warning {
	color:red;
}

.publisher #leftBox b[contenteditable=true] {
	border: 1px solid #efefef;
}
.publisher #leftBox span[contenteditable=true] {
	display:block;
	margin:0 5px 5px 0;
	padding:3px;
	border: 1px solid #eeeeee;
}

.publisher #leftBox span[contenteditable=true]:focus,	.publisher #leftBox b[contenteditable=true]:focus,	.publisher #leftBox span[contenteditable=true]:hover,	.publisher #leftBox b[contenteditable=true]:hover {
	box-shadow: 2px 2px 10px #999;
	background-color: #eee;
}

#leftHead,	#rightHead, #rightHead2 {
	width: 465px;
	height: 24px;
	padding:8px 5px 4px 8px;
	float:left;
}


#leftBox {
	margin-right:22px;
}
#rightBox2 {
	margin-left:22px;
}

#leftContent.publisher,	#rightContent, div#rightContent2.publisher {
	padding:4px 5px 8px 3px;
	width: 470px;
	margin-top:38px;
	border: 1px solid #cdd6e4;
	border-top-width: 0;
	overflow-y:scroll;
	height:100%;
}

/* anzeige von deleted listitems */
#leftContent.publisher .deleted, #rightContent.publisher .deleted {
	opacity: 0.3;	
	height: 20px;
	overflow: hidden;
}

#leftContent.publisher .deleted .icons, #leftContent.publisher .deleted .headline, #leftContent.publisher .deleted .comment_parent, 
#rightContent.publisher .deleted .icons, #rightContent.publisher .deleted .headline, #rightContent.publisher .deleted .comment_parent {
	display: none;
}

#leftContent.publisher .deleted .message, #rightContent.publisher .deleted .message {
	margin-left: 0px;
}
	


body.moderator, body.publisher {
	background-color:#ffffff;
}

.moderator select {
	x_font-size:20px;
}

/* moderator stuff */
div.moderator #leftHead {
	width: 945px;
	border:1px solid #cdd6e4;
}

div.moderator .message_container {
	width: 870px;
	float:left;
}

div.moderatorContent	{
	padding:4px 5px 8px 3px;
	width: 950px;
	margin-top:38px;
	border: 1px solid #cdd6e4;
	border-top-width: 0;
	height:auto;
}

div.moderatorContent .add2 {
	display:none;
}

div.moderatorContent #single_image {
	#display:none;
}

div.moderatorContent .entry .message {
	x_font-size: 28px;
	width: 850px;
	line-height:32px;
	margin-left: 72px;
}

div.moderatorContent .add, div.moderatorContent .rem {
	/*display:none;*/
	margin:10px;
	width:80px;
	height:80px;
}

div.moderatorContent .rem {
	/*display:none;*/
	margin-right:80px;
}


div.moderatorContent .entry .headline {
	x_font-size:30px;
	width:100%;
	line-height:34px;
	
}

div.moderatorContent .entry .headline .title {
	margin-top:2px;
	overflow:hidden;
}

div.moderatorContent .message span[contenteditable=true], 
div.moderatorContent .message b[contenteditable=true], 
div.moderatorContent .message span[contenteditable=true]:hover, 
div.moderatorContent .message b[contenteditable=true]:hover {
	border: 0px;
	background-color: transparent;
}

div.moderator #leftHead	{
	height: 86px;
	padding:8px 5px 4px 8px;
	x_font-size: 32pt;
	line-height:28px;
	float:left;
}



.entry .headline {
	width:450px;
}

.entry .message {
	width: 350px;
	border: 0px solid black;
	overflow:hidden;
	height:auto;
	margin-left: 72px;
	background-color:transparent;
	padding:2px;
}

.comment {
	border-left:2px solid #ffcc00;	
	border-bottom:1px solid #ffcc00; 
}	 
.comment_parent {	
	padding-left:8px;
	overflow:hidden; 
	height:13px;	
	margin:0 0 4px 0;
}


.rc {
	-moz-border-radius: 4px;border-radius: 4px;
	border:1px solid #ddd;
}

.rcns {}

.b0 {
	border:0;
}

.w100{
	width:100px;
}
.w140{
	width:140px;
}
.w200{
	width:200px;
}

.w300{
	width:300px;
}

.w400{
	width:400px;
}
.w600{
	width:600px;
}
.w750{
	width:750px;
}
.w100prozent{
	width:100%;
}

#content #leftContent .entry {
	background-color:#f0f0f0;
}
#content #leftContent .entry[usecount="0"] {
	background-color:#ffffff;
}

#content .entry .icons {
	float: left;
	width: 72px;
	height:100%;
}

#content .entry .icon {
	float: right;
	height:52px;
	width: 52px;
	margin:4px 10px 10px 10px;
}
#content .entry .checked {
	display:none;
}

.error {
	color: #ee1500;
}

form .error, .error {
	color: red;
}

.showImgPreview {
	cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}
.previewImage {
	cursor: -webkit-zoom-out; cursor: -moz-zoom-out;
}

 .userimage {
	height:60px;
	float:left;
	padding-right:6px;
}

 #leftContent.publisher img.rem, #leftContent.publisher img.rem2, #rightContent.publisher img.rem2 /*, #rightContent2.publisher img.rem */ { /* , #rightContent2.publisher img.rem */
	display:none;
}

.onetarget img.add2, .onetarget #rightBox2 {
	display:none;
}

.twotargets #rightContent.favlist img.add2 {
	display: block;
}

#content #rightContent.favlist .entry {
	/*display:none;*/
	background-color:#fffccc;
}
#content #rightContent.favlist .entry[usecount="0"] {
	background-color:#ffffff;
}


div.publisher .add, div.publisher .add2, div.publisher .rem, div.publisher .rem2 {}


 #rightContent img.add,	#rightContent img.add2, #rightContent2 img.add, #rightContent2 img.add2{
	display:none;
}
#rightContent .yaynay, #rightContent2 .yaynay {
	display:none;
}
 
 
 .loader {
	margin-left:196px;
	margin-top:45%
}

 .title {
	float:left;
}
 .rating {
	height: 12px;
	background-image: url(../images/rating.jpg);
	border:0px solid red;
	display:block;
	width:80px;
	float:right;
	display:none;
}	
 .r0 {
	background-position: 0px 2px;
}
 .r1 {
	background-position: 0px -10px;
}
 .r2 {
	background-position: 0px -22px;
}
 .r3 {
	background-position: 0px -36px;
}
 .r4 {
	background-position: 0px -49px;
}
 .r5 {
	background-position: 0px -63px;
}



div.editevent * {
	clear:both;
	float:left;
}

div.editevent dl,div.editevent dt,div.editevent dd,div.editevent ul,div.editevent li,div.editevent label,div.editevent input {
	width: 100%;
}

div.editevent dd {
	margin-left:20px;
}
div.editevent dl ul, div.editevent dl ul li{
	margin:0;
	float:none;
	display:block;
}
div.editevent input[type=submit] {
	width: 200px;
	margin-left:200px;
}

div.editevent input[type=text] {
	width: 400px;
	border: 1px solid #ccc;
	x_font-size: 1.2em;
	
}
div.editevent input[disabled=disabled] {
	background-color: transparent;
	border-color: #ddd;
}

div.editevent li a, div.editevent dd a, div.editevent b {
	clear:none;
	display:inline;
	float:none;
}

div.editevent ul {
	padding: 3px 0;
}

div.editevent .box {
	border: 2px dashed #999;
	width: 830px;
	padding: 20px 40px 20px 104px;
	margin:0 0 20px 0;
	background-repeat: no-repeat;
	background-position: 20px 20px;
	min-height: 64px;
	background-color: #f9f9ff;
}

div.editevent .facebook
{
	background-image: url(../image/icon_facebook64.png);
}
div.editevent .soviet {
	background-image: url(../image/soviet64.jpg);
}
div.editevent .twitter {
	background-image: url(../image/twitter64.png);
}
div.editevent .mail {
	background-image: url(../image/mail64.png);
}
div.editevent .chat {
	background-image: url(../image/chat64.png);
}
div.editevent .box.active {
	border-left: 12px solid #99cc99;
	border-top: 12px solid #99cc99;
	border-right: 2px solid #99cc99;
	border-bottom: 2px solid #99cc99;
	padding: 8px 40px 20px 92px;
	background-position: 8px 20px;
}

div.editevent .alarm {
	color: red;
}
div.editevent .editor {
	display:none;
	border: 1px solid gray;
	margin:8px;
	padding: 8px
}
dd ul.listul {
	width:400px;
}


div#content .mark a {
	color:#006BB6;
}


#balloonhelp {
	position:absolute;
	display: none;
	background: url(/images/sinfo_24weiss.png);
	width:24px;
	height:24px;
	cursor:pointer;
}

#help {
	border-radius: 3px 3px 3px 3px;
	border: 6px solid #ccdbcc;
	background-color: #f3f3f3;
	padding:10px;
	x_font-size:13pt;
	line-height:18pt;
	display:none;
	position:absolute;
	max-width:400px;
	box-shadow:8px 8px 8px #aaa;
}

.ballon:hover{
	background-color:red;
	border:1px solid red;
}


span.active
{
	color: darkgreen;
	text-decoration: none;
}

span.inactive
{
	color:darkred;
	text-decoration:none;
}

div.serviceBox
{
	border:1px solid #cccccc;
	padding:10px;
	margin-bottom:16px;
	background-color:#ffffff;
}

div.serviceBox input[type="text"]{
	width: 98%;
	color:lightgray;
}


div.serviceBox input[type="text"].b {
	color:#666666;
}

div.serviceBox table
{
	width: 100%;
	margin-bottom: 20px;
}

div.serviceBox td
{
	padding:8px 10px;
}

div.serviceBox td table td
{
	margin-bottom: 5px;
	padding:4px;
	border: none;
}

p#statusdisplay
{
	margin-bottom:20px;	 
}

.client_template {
	margin-top:20px;
	padding:16px 6px 6px 0; 
}

.clientinfo {
	float:left;margin:10px;margin-top:0;
	width:300px;height:200px;
}

.method {
	width:80px;
}

.balloon {
	background-image: url(../images/stockicons/help_16_spc.png);
	background-position:top right;
	background-repeat:no-repeat;
	cursor:pointer;
}
td.balloon, th.balloon {
	padding-right:20px;
	vertical-align:top;
}

tr.stream td {
	background-color: #c0c0c0;
}

.tar {
	text-align:right;
}






/*########################## v3_listmodule.css	##############*/

/* HACK, wieder raus: */
#tetris{display:none;}

.entry {
	position: relative;
}

.message_container {
	width: 469px;
	float: left;
}
.dragdropcontainer .message_container {
	width: 400px;
	margin-right:20px;
}

.message_list {
	border-top: 1px solid #CCCCCC;
	height: 100%;
	margin-top: 7px;
	overflow-y: scroll;
	overflow-x:hidden;
	padding: 0 20px 8px 0;
	width: 449px;
}

.dragdropcontainer .message_list {
	width: 380px;
}







/*##########	Blitz Editor - Neue Nachricht	##################*/

#blitzEditrightX, #blitzEditleftX {
	margin-left: 50px;
}

.blitzEditContainer {
	border-top: 1px solid #ccc;
	margin-top:7px;
	margin-bottom:20px;	
}

.blitzEditContainer .v3_msg_container {
	border-bottom:0;
}
.blitzEditContainer input[type="text"] {
	margin:0 0 4px;
	width:97.54%;
	padding:1%;
}
.blitzEditContainer textarea {
	width:459px;
	height:85px;
	width:97.54%;
	padding:1%;
	margin:0 0 4px;
}

.blitzEditContainer .half {
	width: 47% !important;
}

.blitzEditContainer .showFields {
	color: #006bb6;
	padding-top:4px;
}

/*Bild upload wird auch an anderen stellen gebaucht*/
.fileuploadContainer {
	border: 2px dashed #bad4eb;
	color: #006bb6;
	font-family: 'Lato',sans-serif;
	font-size: 13px;
	font-weight: 300;
	background: #fbfbfb;
	margin-right: 5px;
	position: relative;
	overflow: hidden;
	padding:5px 6%;
	text-align: center;
}

.fileuploadContainer.hover {
	background: #dce9f5;
	xborder: 3px dashed #fbfbfb;
}
.fileuploadContainer.fade {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 1;
}

.fileuploadContainer div.uploadProgressBarContainer {
	width:100% ;/* 224px */
	position: absolute;
	top: 0;
	left: 0;
	height:100% ;/* 22px */
	opacity: 0.4;
}
@-moz-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@-webkit-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@-ms-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@-o-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}


.fileuploadContainer div.uploadProgressBarContainer div.uploadProgressBar {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 0px;
	-moz-animation: 4s linear 0s normal none infinite running animatedBackground;
	/* -webkit-animation: 4s linear 0s normal none infinite running animatedBackground; */
-webkit-animation-name:animatedBackground;
-webkit-animation-duration:4s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
	-ms-animation: 4s linear 0s normal none infinite running animatedBackground;
	-o-animation: 4s linear 0s normal none infinite running animatedBackground;	
	animation: 4s linear 0s normal none infinite running animatedBackground;
	 background-color: #45b2ff;
	background-position: 0 0;
	background-repeat: repeat-x;
}

.fileuploadContainer input.fileupload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.imagePreview {
	background-image: url(/flyp_assets/bildUploadPlatzhalterGrau.png);
	background-size: cover;
	width: 37px;
	height: 28px;
	margin: 0 0px 4px 0px;
	background-color: #fbfbfb;
	border:1px solid #e1e1e1;
	border-left:none;
}

.imagePreview.imageSet {
	height: 30px;
	width: 38px;
	border:0px;
}

.imagePreview ~ div.deleteUploadedImage span.icon-delete{
	color: #d1d1d3 !important; 
}

.imagePreview.imageSet ~ div.deleteUploadedImage span.icon-delete{
	color: #006bb6 !important; 
}

.deleteUploadedImage {
	height: 18px;
	padding: 5px;
	position: relative;
	background-color: #fbfbfb;
	border:1px solid #e1e1e1;
	border-right:1px dashed #e1e1e1;
}

/* ############	 v3_msg_container Nachrichten Box	############ */

.v3_msg_container {
	border-bottom: 1px solid #ccc;
	position: relative;
	padding: 20px 0;
}
.v3_msg_container a {
	color: #000;
}
.twoLineFrameInfo .v3_msg_container {
	padding-bottom: 40px;
}


/* ############	 v3_left_bar editieren user speichern Stern	############ */
.v3_left_bar {
	float:left;
	background-color: transparent;
	height:100%;
	position:absolute;
	top:0;
	bottom:0;
}
.edit .v3_left_bar {
		background-color:#b2d2e9;
}
.edited .v3_left_bar {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #45b2ff 0%, #2baaff 100%) repeat scroll 0 0;
}
.v3_left_bar .imgcontainer {
	width:36px;
	height:40px;
	background-color:white;
	margin-top:21px;
	padding: 4px 0 0px 0;
}
.v3_left_bar .imgcontainer img {
		width:36px;
		height:36px;
		margin-left:0;
 	display:block;
 	position: absolute;
}
/** check mit ben, kann saveIcon weg? 3rdlist module sort ##*/
.v3_left_bar .saveIcon,
.v3_left_bar .discardIcon {
	background-image: url(/flyp_assets/icons/discardIcon.png);
	position: absolute;
	right: 0px;
	width: 35px;
	height: 25px;
	background-color: transparent;
	display: none;
	bottom:5px;
}
.edit .v3_left_bar .saveIcon,
.edit .v3_left_bar .discardIcon	{
	display:inline-block;
}
.edited .v3_left_bar .saveIcon,
.edited .v3_left_bar .discardIcon	{
	background-image: url(/flyp_assets/icons/discardIcon_white.png);
}

.unlocked, .locked {
	width:36px;
	height:25px;
	position:absolute;
	left:0px;
	top:71px;
}

.v3_msg_container:hover .unlocked,
.entry[usecount="0"] .v3_msg_container:hover .unlocked {
	background-image: url(/flyp_assets/icons/edit_pencil.png);
	background-repeat: no-repeat;
}
.locked {
	background-image: url(/flyp_assets/icons/saveIcon_blue.png);
	top:71px;
}


 
.edited .locked.save {
	background-image: url(/flyp_assets/icons/saveIcon.png);
	top:71px;
}

.edit_pencil {
	background-image: url(/flyp_assets/icons/832-pencil.png);
}

/* ############	 Text Felder	 ############ */

.v3_msg_content {
	float: left;
	margin: 0;
	padding: 0 0 0 50px;
	width: 400px;
	font-size: 14px;
	word-wrap: break-word;
}

.dragdropcontainer .v3_msg_content {
	width: 330px;
}

.v3_username{
	color: #000000;
	font-size: 17px;
	line-height: 19px;
	margin-bottom: 4px;
	margin-top: 2px;
	min-height: 16px;	
	position: relative;
	width:350px;
}
.v3_service{
		min-height: 25px;
		font-size: 12px;
	max-width: 343px;
	overflow: hidden;
	white-space: nowrap;	
}
.v3_headline {
		font-size:18px;
}
.v3_show_headline{}

.v3_headline,
.v3_text,
.v3_info,
.v3_link,
.v3_mediatype,
.v3_mediaurl {
	margin-bottom:4px;
	color: #000;
}

.v3_headline, .v3_text	{
	width:395px;
}
.dragdropcontainer .v3_headline, .dragdropcontainer .v3_text	{
	width:326px;
}
.v3_info .bold, .v3_link .bold, .v3_mediatype .bold, .v3_mediaurl .bold{
	margin-right: 3px;
	font-size: 13px;
	color: #000;
/* 	width:70px;	 */
	display: inline-block;
	padding: 1px;
	vertical-align: top;
}
img.w100 {
	border-bottom: 10px solid #fff;
	border-left: 10px solid #fff;
	width:100px;
}

/* ############	 editierbare Text Felder	 ############ */
/* ############	 FlypGui z 410	 ############ */

div[contenteditable=true], 
div span[contenteditable=true] {
	background-color: #fbfbfb;
	padding: 1px;
	color: #333;
	min-height:18px;
	display: inline-Block;
	border: 1px solid #e1e1e1;	
}


div[contenteditable=true]:hover, 
div span[contenteditable=true]:hover {
	background: #fff;
	box-shadow: 0px 0px 02px rgba(0,107,182,0.2);
}

div[contenteditable=true]:focus, 
div span[contenteditable=true]:focus {
	border:1px solid #7fb5da;
	background: #fff;
	box-shadow: 0px 0px 02px rgba(0,107,182,0.2);
}





div.v3_headline[contenteditable=true] {
	min-height:22px;
	display: block;
}

.edit span.bold {
	width:50px;	
}

.v3_msg_content span[contenteditable=true] { min-width:340px; max-width:340px; }
.v3_msg_content .msgWithImage span[contenteditable=true]	{ min-width:340px; max-width:340px; }
.dragdropcontainer .v3_msg_content span[contenteditable=true] { min-width:271px; max-width:271px; }
.dragdropcontainer .v3_msg_content .msgWithImage span[contenteditable=true] { min-width:124px; max-width:124px; }

.edit img.w100 { 
	border-bottom:0;
	border-left: 1px solid #e1e1e1;
	margin-left: 4px;
	width:auto;
	height:26px;
	right: 0;
	
}



/* ############	 listmodule	kann raus?
im publisher und D&D ist es auskommentiert	 ############ 

.listmodule {
	padding: 0px 5px 8px 3px;
	width: 520px;
	width: 469px;
	margin-top: 38px;
	height: 100%;
	bottom: 0;
	 font-family: 'Lato', sans-serif;
	 font-weight: 300;
	 font-size:14px;
}
.dragdropcontainer .listmodule {
	width: 400px;
}
*/

.listModuleHead {
	width: 469px;
	font-size: 16pt;
	height: 32px;
	padding: 4px 0;
	background-color: #f0f0f0;
	position:relative;
}
.listModuleHead .reload {
	position: relative;
	top:-2px;
	right:3px;
}
@-moz-keyframes spin {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
} 

.listModuleHead .reloadnew {
	position: absolute;
	top:3px;
	right:3px;
	font-size:33px;
}
#content .listModuleHead .flypicon.animate {
	-webkit-animation: spin 10s infinite linear;
	animation: spin 10s infinite linear;
	color:#005997;
}
.listModuleHead .reloadnewbg {
	position: absolute;
	top:3px;
	right:3px;
	width: 33px;
	height: 33px;
	background-image: url(/flyp_assets/reloadplay.png);
	background-position: center;
	background-repeat: no-repeat;
}
.listModuleHead .reloadnewbg.stop {
	background-image: url(/flyp_assets/reloadstop.png);
}

.dragdropcontainer .listModuleHead {
	width: 400px;
}

.dragdrop #secondColumn {
	float:left;
	margin-right:20px;
	width:280px;
}
.dragdrop #secondColumn .listModuleHead {
	margin-bottom:26px;
	width:280px;
}
.dragdropcontainer .listModuleHeadLayouts {
	width: auto;
	font-size: 16pt;
	height: 32px;
	padding: 4px 0;
	float: left;
	background-color: #f0f0f0;
	position:relative;
}


.showStreams {
	float: left;
	margin-left: 8px;
}
#srcHeadline {
	position: absolute;
	top: 7px;
	left:50px;
	width: 80%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.streamSelector{
	padding-bottom: 8px;
	z-index: 20;
	font-size: 14px;
	background-color: #f0f0f0;
	width:469px;
	position:absolute;
	left:0;
	top:45px;
	display:none;
	color: #717171;
}
.dragdropcontainer .streamSelector{
	width:400px;
}
.streamSelector span{
	padding:1px;
	border-bottom:1px solid #aaa;
	margin:0 50px 0 50px;
	white-space:nowrap;
	cursor:pointer;
	display:block;
}

.streamSelector li.first{
	border:0;
}

.streamSelector li.trenner :before {
	border-bottom:0px;
}
.streamSelector span.trenner{
	border-top:3px solid #aaa;
}

.autoUpdate {
	font-size:60%;
	text-align:right;
	margin-right:10px;
	display:none;
}

.newMessageContainer{
	width:100%;
	margin-top: 25px;
}
.newMessageCreate {
	float: right;
	position: relative;
	top:9px;
	text-align: right;
}
.newMessage, .newMessageWithImage {
	color: #006BB6
}

.listmoduleSearch {
 	float: left;
	width: 47%;
	position:relative;
}
.rightDashBox .listmoduleSearch {
	width: auto;
}
.listmoduleSearch input[type="text"] {
	border-left: 0px;
	float: left;
	width: 74%;
	padding:2px;
}
.dragdropcontainer .listmoduleSearch input[type="text"] {
	width: 46%;
}
.listmoduleSearch .loupe, .listmoduleSearch .cancel {
	float: left;
	background-image: url(/flyp_assets/icons/loupe.png);
	width: 44px;
	height: 22px;
	border-bottom: 1px solid #DCDCDC;
	border-top: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
}
.listmoduleSearch .cancel {
	background-image: url(/flyp_assets/icons/loupecancel.png);
}
.foundItems{
	font-size:10pt;
	padding-left:0px;
	color: #717171;
	position: absolute;
	border: 0px solid red;
	z-index: 10;
	right: 6px;
	top: 4px;
	height: 20px;
	width: auto;
}
.listSearchCancelBtn{
	width:18px;
	height:18px;
}
.icoShowNewMessages{
	width:16px; 
	height:16px;
}



.comment_original_message {
	font-size: 13px;
	padding: 3px 0;
	border-bottom: 1px solid #ccc;
	border-top:1px solid #ccc;
	display: none;
	margin-top: 10px;
	/*color: #000;*/
}
.comment_original_message .bold{
	color: #000;
}
.is_comment {
	display: block;
}

.v3_actions{
	z-index:2;
	position:absolute;
	right:0;
	top:23px;
}
.smallListIconContainer {
	position: absolute;
	right:54px;
	width:	132px;
	text-align: right;
	background-color: rgba(255,255,255,0.5);
}
.smallListIconContainer img {
	padding-left: 5px;
}
.smallListIconContainer span {
	padding-left: 5px;
}

.iconDuplicateMessage {
	xdisplay:none;
}
.iconDeleteMessage {
	xdisplay:none;
}
.bigListIcon {
	position: absolute;
	z-index: 10;
	right: 0;
	top: 0px;
}

.v3_msg_info{
	bottom: 15px;
	position: absolute;
	right: 0;
}

.v3_msg_copy
{
	color:#CC0000;
	background-color:transparent;
}

.v3_msg_frame, .v3_msg_style, .v3_msg_layout{
	min-width: 10px;
	display: inline-block;
	/*color:#717171;*/
} 
.edit .v3_msg_style, .edit .v3_msg_style, .edit .v3_msg_layout, .edit .v3_msg_frame {
	color:#006bb6;
	background-color:transparent;
}

.frameInfo div[contenteditable=true], 
.frameInfo div span[contenteditable=true], 
.frameInfo div[contenteditable=false], 
.frameInfo div span[contenteditable=false] {
	background-color: transparent;

}


.append_msg_comment {
	display: none;
}
.append_comment_message {
	display: none;
}

.frameInfo {
	font-size: 12px;
	position: absolute;
	bottom: 5px;
	right: 0px;
	width: 90%;
	text-align: right;
}
.containerInfo{
	border-top: 1px solid #ccc;
	margin: 8px 0 0 0;
	text-align: left;
	padding-top:2px;
}
.containerInfo div {
	margin-top:2px;
}
.openSublist {
	position:absolute;
	right:0;
	bottom:0px;
}
.dragdrop .openSublist,
#rightXBox .openSublist {
	display:none;
}
.newMessagesCountContainer {
	position: absolute;
	right: 50px;
	width: 50px;
	top:9px;
	text-align: right;
	font-size: 66%;
	line-height: 11px;
}

.newMessagesCount{
	color:#a80000;
	display: block;
}
.newMessagesCountText{
 color:#333;
 display: block;
}

.no_publish .add, .no_publish .hasComment {
	display:none;
}

.hasComment{
	width: 30px;
	height: 30px;
	padding-top: 10px;
	background-image: url(/flyp_assets/icons/kommentarNeu.png);
	background-repeat: no-repeat;
}

.entry{	
	/*background-image: url(/flyp_assets/icons/published.png);
	background-position: bottom right;
	background-repeat: no-repeat;*/
}

.entry[usecount="0"] {
	background-color: transparent;
	background-image: none;
}


.publish .rem
{
	display:none;
}



.showOnHover{
	cursor: -webkit-zoom-in; 
	cursor: -moz-zoom-in;
	float:right;
}
#loader {
margin-left: 45%;
margin-top: 25%;
z-index:100;
}


.icoShowNewMessages {
	display:none;
}




/* might be better more general: */
.bold{
	font-weight:400;
}

.aired {
	background-image:url(/flyp_assets/icons/airedCam.png);
	background-repeat:no-repeat;
	background-position:center ;
}

.markedStar {
	position:absolute;
	bottom:4px;
	left:6px;
}
.edit .markedStar {
	display: none;
}
.publishedMarker {
	background-color:#3DB01E;
	width:32px;
	display:inline-block;
	height:10px;
	position: relative;
	top: 1px;
}
.entry[usecount="0"] .publishedMarker {
	background-color:#CCCCCC;
}

/*########################## Ende v3_listmodule.css	##############*/



/*########################## v3_publisher.css	##############*/


.blockUser {
	font-size: 9px;
	vertical-align: super;
}



div#content .v3_msg_container .v3_msg_content a.editUser {
	color: #006bb6;
	font-size: 9px; 
	display: none;
	position: absolute;
	top: -10px;
}
div#content .v3_msg_container .v3_left_bar a.editUser {
	color: transparent;
	font-size: 9px; 
	display: none;
	position: absolute;
	z-index: 2;
	top: 25px;
	width: 34px;
	height: 34px;
}

div#content .v3_msg_container:hover .v3_msg_content a.editUser {
	display: inline-block;	
	color: #006bb6;
}
/*linktext über dem user bild wird transparent gemacht*/
div#content .v3_msg_container:hover .v3_left_bar a.editUser {
	display: inline-block;	
	color: transparent;
}
/*wenn die Message editiert wird, keine Anzeige des links?
div#content .v3_msg_container.edit:hover .v3_msg_content a.editUser {
	display: inline-block;	
	color: transparent;
}*/


 /*########################## Ende v3_publisher.css	##############*/

.fr {
	float:right;
}
.fl {
	float:left;
}
.cb {
	clear:both;
}
.dn {
	display:none;
}
.db {
	display: block;
}
.cp {
	cursor: pointer;
}
.ch {
	cursor: help;
}
.nw {
	white-space:nowrap;
}
.inv {
	visibility: hidden;
}
.tl {
	text-align:left;
}
.tr {
	text-align:right;
}
.tc {
	text-align:center;
}
.sup {
	vertical-align: super;
}



/*####################### Darstellung subskribierte Liste ####################*/

.subscription .filtericon,
.subscription .newMessageCreate {
	display: none;
}
.subscription .entry {
	padding-left: 17px;
	background-image: url(/flyp_assets/subscription.png);
	background-repeat: repeat-y;
}
.subscription .v3_msg_content {
	/*width: 380px;*/
	width: 300px;
}
.subscription .v3_username,
.subscription .v3_service {
	width: 330px;
}
.subscription .v3_headline, 
.subscription .v3_text,
.subscription .v3_info, 
.subscription .v3_link,
.subscription .v3_mediatype {
	width: auto;
	margin-right: 26px;
}

.subscription .iconDeleteMessage, 
.subscription .iconUpdateMedia {
	display: none;
}
.subscription .icon-star::before {
	cursor: default;
}
.subscription .v3_msg_container:hover .unlocked {
	background-image: none;
}
.subscription .v3_msg_container:hover .unlocked.cp {
	display:none;
}
#content .subscription .flypicon.icon-star {
	color:#9f9f9f;
}
div#content .subscription .v3_msg_container .v3_left_bar a.editUser {
	visibility: hidden;
}
div#content .subscription .v3_msg_container:hover .v3_msg_content a.editUser {
	display: none;	
}

.dragdropcontainer .subscription .message_list {
	width: 360px;
}



/* used for automatic menu sliding! */
body {
	background-attachment: fixed;
}
div#content {
	margin-top:120px;
}
div#content.plumber{
	margin-top:165px;
}
#topmenu{
	position: fixed;
	width: 100%;
	top:0;
	left:0;
	z-index:10;
}	
div#content header {
	display: block;
	width: 100%;
	max-width: 990px;
	margin-top: 26px;
	background-color:	white;
	z-index:9;
	top:-1px;
	position:fixed;
}
/*###################	 admin Filterblock über Kollektoren und	Events #################*/

form.filter {
	padding-bottom:20px;
	padding-top:15px;
	border-top:1px solid #ccc;
	position: relative;
}

form.filter div {
	display:inline-block;
	margin-right:20px;
}
form.filter div.noMarginFilter {
	margin-right:0;
}
form.filter div:last-child {
	position: absolute;
	right:0;
	top:33px;
	margin-right: 0px;
}
form.filter div:last-child .standardButton {
	padding:4px 15px;
}
form.filter label {
	font-size: 13px;
	margin-bottom:2px;
}
table.standardTable tr.live {
	background-color: rgba(61, 176, 30, 0.5);
	background-color: #a3e366;
	border-bottom: 1px solid #9ed159;
	}

/* 
tr.live td:nth-child(2) {
	background-color: #3db01e;
	color:#fff;
	padding-left: 4px;
}
 */