/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	overflow-y:scroll; 
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

b {
	font-weight: bold;
}

i {
	font-style: italic;
}
/* html & body */
html { font-size: 16px; }
body {
	font-size: 12px;
	background: url(/img/body_bg.png) repeat;
	font-family: arial, verdana, sans-serif;
	color: #7f7f7f;
}
a {
	background: url(/img/arrow_link.png) no-repeat left 4px;
	padding-left: 10px;
	line-height: 16px;
	text-decoration: none;
	font-weight: normal;
	color: #11d5e7;
}
a:hover {
	text-decoration: underline;
}
a.inactive {
	color: silver !important;
	cursor: default;
}
.offscreen {
	position: fixed;
	left: -2000px;
	top: -20000px;
}
.hr { clear: both; }
.hr hr { display: none; }
.last { margin-bottom: 0px !important; }
hr.Breadcrumb {
	margin-bottom: 20px;
	border:none;
	border-top: 1px solid #f0f0f0;	color: #f0f0f0;
	background-color: #f0f0f0;
	height: 1px;
}

strong {
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #65bd3e;
	font-size: 20px;
	margin-bottom: 15px;
}
h4  {
	font-size: 15px;
	margin-bottom: 12px;
}

h5 {
	font-size: 13px;
	margin-bottom: 10px;
}

#content p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 15px;
}

#content p b {
	font-weight: 700;
}

/* content box */
#content .block {
	padding: 30px 10px 10px;
	position: relative;
}
.shadow-right { /* Schatten in rechter unterer Ecke */
	box-shadow: 94px 94px 10px -94px rgb(185,185,185);
}

/* fieldset */
fieldset { padding: 20px 0 20px 20px; }

.form-item {
	min-height: 40px;
	margin-bottom: 12px;
}

label {
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	color: #2abdd3;
	padding: 0px 10px 0px 0px;
	width: 140px;
	vertical-align: top;
	float:left;
}
input + label {
	width: auto;
}

input[type="checkbox"], input[type="radio"] {
	margin: 9px 8px 9px 0;
}

input[type="checkbox"] + label, input[type="radio"] + label {
	float: none;
}

.error input[type="checkbox"] + label, .error input[type="radio"] + label {
	color: #B94A48;
}

label:first-line, label.checkbox{
	line-height: 31px;
}

.form-input,
.form-checkbox {
	border: 1px solid #dedede;
	background: #ffffff;
	box-shadow:inset 0px 5px 5px rgba(0, 0, 0, 0.04);
		-moz-box-shadow:inset 0px 5px 5px rgba(0, 0, 0, 0.04);
		-webkit-box-shadow:inset 0px 5px 5px rgba(0, 0, 0, 0.04);
		-o-box-shadow:inset 0px 5px 5px rgba(0, 0, 0, 0.04);
	display: inline-block;
	border-radius: 13px;
		-moz-border-radius: 13px;
		-webkit-border-radius: 13px;
		-o-border-radius: 13px;
}
.form-input input {
	border: 0px;
	background: transparent;
	padding: 6px 12px;
	width: 256px;
	margin: 0px;
	outline: 0px;
}
#form-server {
	display: inline-block;
}
.form-input textarea {
	border: 0px;
	background: transparent;
	padding: 10px;
	font-size: 14px;
	font-family: arial, verdana, sans-serif;
	resize: none;
}
.form-item .note {
	display: block;
	font-size: 11px;
	line-height: 11px;
	margin-top: 3px;
	padding-left: 174px;
}

.form-item .note-r {
	line-height: 28px;
	padding-left: 10px;
	vertical-align: top;
}

.form-item .note.light { color: #bcbcbc; }

.form-item .premium-note {
	font-weight:bold; 
	line-height: 31px;
}

/* fieldset mit Fehlerhervorhebung */
.form-item.error .form-input {
	border: 1px solid #B94A48;
}
.form-item.error .note, .error.note {
	color: #B94A48;
	font-size: 11px;
	font-weight: bold;
}
@media (max-width: 493px) {
	.form-item .note {
		padding-left: 0px;
	}
	
	.free-demo .shadow-right {
		padding-right: 0;
	}
}
/**
 * 	Kleine eingebetteter Werbeblock im form :P
 */
div.form-advertise {
	padding-left: 165px;
	margin-top: 20px;
}

/** Allgemeiner Fehlerblock */
p.error {
	color: #B94A48;
	font-weight: bold;
	line-height: 26px;
}

/** Schönere Radio und Checkbox für Bestätigungen */
span.form-confirmbox {
	display: inline-block;
	width: auto;
}
span.form-confirmbox input {
	display:none;
}
span.form-confirmbox span {
	display: block;
	margin: 8px 0 0px 39px;
}
span.form-confirmbox span.input-confirmbox {
	display: block;
	float:left;
	margin: 0;
	border: 1px solid #DEDEDE;
    background: #FFF none repeat scroll 0% 0%;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.04) inset;
    border-radius: 16px;
    cursor: pointer;
    height: 27px;
    width: 27px;
    position: relative;
    display: inline-block;
    border-radius: 13px;
    font-size: 11px;
    color: #7F7F7F;
}
span.form-confirmbox input:checked + label > span.input-confirmbox:before {
	content: " \2714";
    color: #65BD3E;
    font-size: 30px;
    padding-left: 4px;
    line-height: 24px;
}

/** Schönere Checkboxen */
span.form-checkbox {
	height: 28px;
	margin: 0;
}
span.form-checkbox label.checkbox {
	padding: 6px 12px;
	margin: 0 0 -10px 0;
	cursor: pointer;
	height: 16px;
	width: 32px;
	position: relative;
	display: inline-block;
	border-radius: 13px;
	font-size: 11px;
	color: #7F7F7F;
}

span.form-checkbox input[type="checkbox"] {
	display: none;
}

span.form-checkbox label.checkbox span {
	display: inline-block; 
	height: 18px;
	width: 18px;
	border: 1px solid #79c7d3;
	position: absolute;
	top: 4px;
	left: 32px;
	border-radius: 10px;
	background: #2ABDD3;
	background-image: linear-gradient(#2ABDD3, #79c7d3);
}

span.form-checkbox label.checkbox:before {
	content: "OFF"; position: absolute; top: -1px; left: 8px;
}

span.form-checkbox input[type="checkbox"]:checked + label.checkbox {
	-moz-box-shadow:inset 0px 30px 50px rgba(53, 194, 214, 0.2);
	-webkit-box-shadow:inset 0px 30px 50px rgba(53, 194, 214, 0.2);
	-o-box-shadow:inset 0px 30px 50px rgba(53, 194, 214, 0.2);
	box-shadow:inset 0px 3px 30px rgba(53, 194, 214, 0.2);
}

span.form-checkbox input[type="checkbox"]:checked + label.checkbox span {
	left: 6px;
}

span.form-checkbox input[type="checkbox"]:checked + label.checkbox:before {
	content: "ON"; position: absolute; top: -1px; left: 30px; color: #2ABDD3;
}

span.form-checkbox input[type="checkbox"][disabled] + label.checkbox {
	color: lightgray;
	box-shadow: none;
}
span.form-checkbox input[type="checkbox"][disabled] + label.checkbox span {
	border:1px solid lightgray;
	background: lightgray;
}
span.form-checkbox input[type="checkbox"][disabled] + label.checkbox:before {
	color: lightgray;
}

/** Styling für den asynchronen Dateiuploadblock*/
.file-upload {
	display:inline-block;
	width: 400px;
	min-height: 16px;
    padding: 6px 12px;
	cursor: pointer;
}

.file-upload input {
	display: none;
}

.file-upload img.loader {
	display: none;
}

.file-upload .msg-success {
	display: none;
	color: #65bd3e;
	padding-left: 3em;
	background: none;
}

.file-upload .delete {
	background: none;
	display: none;
	color: #65bd3e;
	font-weight: bold;
	padding: 0 4px;
}

/* actions */
.actions {
	height: 31px;
}

form div.hr {
	color: transparent;
	margin: 12px 0 15px 0;
	height: 1px;
	width: 100%;
	background: linear-gradient(to right, white, rgb(222,222,222));
}

.actions .right {
	float: right;
}

/* buttons */
.btn-call2action,
.btn-tool {
	float: left;
	display: block;
	background: url(/img/sprite_buttons.png) no-repeat -2px -41px;
	padding-left: 15px;
	height: 31px;
}
.btn-call2action span,
.btn-tool span {
	display: block;
	background: url(/img/sprite_buttons.png) no-repeat right -2px;
	height: 31px;
	padding-right: 15px;
}
.btn-call2action span a,
.btn-call2action span input,
.btn-tool span a,
.btn-tool span input {
	display: block;
	margin: 0px -15px;
	padding: 0px 30px;
	line-height: 31px;
	font-size: 13px;
	color: #ffffff;
	font-weight: 700;
	text-shadow: 0px -1px 0px #2d898c;
	text-decoration: none;
	background: transparent;
	border: 0px;
	cursor: pointer;
	background-image: none;
	text-align: center;
}
.btn-call2action.inactive span a,
.btn-call2action.inactive span input,
.btn-tool.inactive span a,
.btn-tool.inactive span input { cursor: default; }
.btn-call2action span input { height: 30px; padding-bottom: 1px; }
*+html .btn-call2action span input { margin: 0px -30px;}


.tool-ico {
	height: 26px;
	width: 26px;
	background: #2ABDD3;
	border-radius: 13px;
	overflow: none;
}
.tool-ico span {
	display: block;
	margin: 0px;
	line-height: 31px;
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
	background: transparent;
	border: 0px;
	text-align: center;
	background: url("/img/sprite_detail.png") no-repeat scroll -10000px -10000px transparent !important;
    padding-left: 0;
    padding-right: 0;
    text-indent: -8000px;
    width: 26px;
}

/* hover & pressed */
.btn-call2action:hover { background-position: -2px -120px; }
.btn-call2action:hover span { background-position: right -80px; }
.btn-call2action.pressed { background-position: -2px -200px; }
.btn-call2action.pressed span { background-position: right -160px; }
.btn-call2action.pressed:hover { background-position: -2px -280px; }
.btn-call2action.pressed:hover span { background-position: right -240px; }


/* inactive & pressed */
.btn-call2action.inactive,
.btn-call2action.inactive:hover { background-position: -2px -360px; }
.btn-call2action.inactive span,
.btn-call2action.inactive:hover span { background-position: right -320px; }
.btn-call2action.inactive.pressed,
.btn-call2action.inactive.pressed:hover { background-position: -2px -440px; }
.btn-call2action.inactive.pressed span,
.btn-call2action.inactive.pressed:hover span { background-position: right -400px; }
.btn-call2action.inactive span a,
.btn-call2action.inactive span input { text-shadow: none; }

/* btn tool */
.btn-tool {
	height: 25px;
	padding-left: 12px;
	background-position: left -520px;
}
.btn-tool span {
	height: 25px;
	padding-right: 12px;
	background-position: right -480px;
}
.btn-tool span a,
.btn-tool span input { margin: 0px -12px; line-height: 25px; }
.btn-tool span input { height: 24px; padding-bottom: 1px; }
*+html .btn-tool span input { margin: 0px -24px;}

/* hover & pressed */
.btn-tool:hover { background-position: left -600px; }
.btn-tool:hover span { background-position: right -560px; }
.btn-tool.pressed { background-position: left -680px; }
.btn-tool.pressed span { background-position: right -640px; }
.btn-tool.pressed:hover { background-position: left -760px; }
.btn-tool.pressed:hover span { background-position: right -720px; }

/* btn tool inactive */
.btn-tool.inactive,
.btn-tool.inactive:hover { background-position: left -840px; }
.btn-tool.inactive span,
.btn-tool.inactive:hover span { background-position: right -800px; }
.btn-tool.inactive.pressed,
.btn-tool.inactive.pressed:hover { background-position: left -920px; }
.btn-tool.inactive.pressed span,
.btn-tool.inactive.pressed:hover span { background-position: right -880px; }

@media (max-width: 682px) {
	/* Folgende Tools sind bei kleiner Ansicht leider nicht verwendbar */
	.btn-tool.survey, .btn-tool.soundplayer {
		display:none;
	}
}

/* teaser boxes */
#content .main-teaser p { margin-bottom: 10px; }
#content .main-teaser a { padding-left: 0px; background-image: none; }
#content .small-teaser-left .teaser {
	background: #e8e8e8;
	float: left;
	width: 100px;
	height: 100px;
}
#content .small-teaser-left p {
	margin-left: 110px;
	min-height: 100px;
	margin-bottom: 0px;
}
#content .medium-teasers .teaser {
	float: left;
	background: #e8e8e8;
	width: 223px;
	height: 190px;
	position: relative;
}
#content .medium-teasers .teaser.last { margin-left: 10px; }
#content .medium-teasers .teaser .btn-call2action {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

/* Block auf der Startseite. @TODO Separate CSS Files für die einzelnen Seiten angelegen. Gilt nicht nur hier sondern im ganzen Projekt... Die Clientseite mit Javaskript und CSS ist nicht so toll und müsste echt mal überarbeitet werden.*/
#content .free-demo p {
	padding-right: 90px;
	margin-bottom: 5px;
}

#content .demo-teaser {
	float:right;
	display: block;
	width: 93px;
	height: 97px;
	background: url(/img/sprite_main.png) no-repeat -1px -1425px;
	text-indent: -8000px;
	overflow: hidden;
}

#content .free-demo .actions { max-width: 417px; }
#content .free-demo .actions select { width: 134px; }
#content .free-demo .actions select { width: 142px; }
#content .free-demo .actions .form-select { 
	float: left; 
	margin-right: 10px; 
}

#content .free-demo .shadow-right{
	padding-right: 20px; //wenn genug platz ist den knopf und die trennlinie nicht am rand kleben haben
}

#content span.TextLogoKonferenzen {
	color:#2ABDD3;
	font-weight:700;
}
#content span.TextLogoDotEU {
	color:#65BD3E;
	font-weight:700;
}

/* list */
ul.features { margin-bottom: 20px; }
ul.features li {
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 10px;
	background: url(/img/arrow_small.png) no-repeat left top;
	padding-left: 20px;
	line-height: 15px;
}
ul.features li b {
	font-weight: 700;
}
ul.features li a {
	background-image: none;
	padding-left: 0px;
}

ul.features li a:hover {
	text-decoration: underline;
}

/* detail conference infos */
.conference-infos .index {
	border-bottom: 1px solid #dedede;
	padding-bottom: 5px;
	margin-bottom: 10px; 
}
.conference-infos .index h1 { margin-bottom: 5px; }

.conference-infos a.tellink {
	background: none;
	padding: 0px;
	margin:0px;
	line-height: 16px;
	text-decoration: none;
	font-weight: normal;
}

.conference-infos .num {
	line-height: 20px;
	color: #7f7f7f;
	font-weight: 700;
	font-size: 14px;
	background: url(/img/num_bg.png) repeat-x left top;
	display: inline-block;
	padding: 0px 12px;
	border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
}
.conference-infos dl { border-bottom: 1px solid #dedede; }
.conference-infos dl dt {
	float: left;
	line-height: 18px;
}
.conference-infos dl dd {
	margin-bottom: 10px;
	position: relative;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
	overflow: hidden;
	line-height: 18px;
}

.conference-infos dl dd.on:after {
	content: " \2714"; color: #65BD3E; font-size: 14px; line-height: 18px; 
}

.conference-infos dl dd.off:after {
	content: " \2716";
}

@media (max-width: 920px) {
	.shadow-right {
		box-shadow: none;
	}
	.conference-infos .index h1 {
		display: inline-block;
		margin-right: 20px;
		margin-bottom: 12px;
	}
	.conference-infos .num {font-size: 16px;}
}
/* conference options */
.conference-options h2 { margin-bottom: 10px !important; }
.conference-options ul {
	border-bottom: 1px solid #dedede;
}
.conference-options ul > li {
	border-top: 1px solid #dedede;
	line-height: 29px;
}
.conference-options ul > li a {
	padding-left: 18px;
	font-size: 14px;
}

.conference-options ul > li.active {
	font-weight: bold;
	background: black;
}

.conference-options-propremium {
	float:right;
	color:#7F7F7F;
}

.conference-options-demo {
	float:right; 
	color:#7F7F7F;
	padding-right:40px;
}

.mobile-nav-menu .conference-options-propremium {
	padding:20px;
}

.mobile-nav-menu .conference-options-demo {
	padding:20px;
}

@media (max-width: 920px) {
	/*Die Profiloptionen sind ja auch über die quicklinks verfügbar*/
	#nav-profile-options {
		display:none;
	}
}
@media (max-width: 615px) {
	.conference-options {
		display:none;
	}
}
/* conference views */
ul.tabbed-list {
	margin-top: 8px;
	border-bottom: 1px solid #dedede;
	height: 42px;
}
ul.tabbed-list li {
	border-left: 1px solid #dedede;
	float: left;
	display: block;
	height: 42px;
}
ul.tabbed-list li span {
	display: block;
	height: 41px;
	border: 1px solid #ffffff;
	border-top: 0px;
	line-height: 41px;
	background: url(/img/tabbed_list_bg.png) repeat-x left bottom;
}
ul.tabbed-list li span a {
	line-height: 41px;
	text-indent: -8000px;
	display: block;
	overflow: hidden;
	background: url(/img/sprite_detail.png) no-repeat -10000px -10000px;
	padding-left: 0px;
	width: 43px;
}
ul.tabbed-list li.active span, ul.tabbed-list li.ui-tabs-active span {
	height: 42px;
	background: url(/img/tabbed_list_bg_active.png) repeat-x left bottom;
}
ul.tabbed-list li.active span a { padding-bottom: 1px; }

/* tabbed text  */
ul.tabbed-list li span.text a {
	font-weight: bold;
	text-decoration: none; 
	color: #7F7F7F;
	text-indent: 0;
	width: auto;
	padding: 0 12px;
}

ul.tabbed-list li.active span.text a,
ul.tabbed-list li.active:hover span.text a,
ul.tabbed-list li.ui-tabs-active span.text a,
ul.tabbed-list li.ui-tabs-active:hover span.text a {
	color: #A1A1A1; 
}
ul.tabbed-list li:hover span.text a { color: #4C4C4C; }
/* tabbed icons */
ul.tabbed-list li span.blocks a,
ul.tabbed-list li.active span.blocks a,
ul.tabbed-list li.active:hover span.blocks a { background-position: -1px 5px; }
ul.tabbed-list li:hover span.blocks a { background-position: -71px 5px; }

ul.tabbed-list li span.horizontal a,
ul.tabbed-list li.active span.horizontal a,
ul.tabbed-list li.active:hover span.horizontal a { background-position: -2px -33px; }
ul.tabbed-list li:hover span.horizontal a { background-position: -72px -33px; }

ul.tabbed-list li span.vertical a,
ul.tabbed-list li.active span.vertical a,
ul.tabbed-list li.active:hover span.vertical a { background-position: -1px -75px; }
ul.tabbed-list li:hover span.vertical a { background-position: -71px -75px; }

ul.tabbed-list li span.etherpad a,
ul.tabbed-list li.active span.etherpad a,
ul.tabbed-list li.active:hover span.etherpad a { background-position: -124px -36px; }
ul.tabbed-list li:hover span.etherpad a { background-position: -184px -36px; }

ul.tabbed-list li span.presentation a,
ul.tabbed-list li.active span.presentation a,
ul.tabbed-list li.active:hover span.presentation a { background-position: -184px -162px; }
ul.tabbed-list li:hover span.presentation a { background-position: -252px -162px; }

ul.tabbed-list li span.trumpet a,
ul.tabbed-list li.active span.trumpet a,
ul.tabbed-list li.active:hover span.trumpet a { background-position: -124px -76px; }
ul.tabbed-list li:hover span.trumpet a { background-position: -184px -76px; }

div.vertical-tab {
	background: linear-gradient(#fcfcfc , #FFFFFF); /* Standard syntax */
	border-top: 1px solid #DEDEDE;
	z-index: 10;
	padding: 12px;
	width: 635px;
	position: relative;
	/*left: 700px;*/
	height: 100%;
	display: none;
}

ul.tabbed-list-vertical li span.trumpet a,
ul.tabbed-list-vertical li.active span.trumpet a,
ul.tabbed-list-vertical li.active:hover span.trumpet a { background-position: -124px -76px; }
ul.tabbed-list-vertical li:hover span.trumpet a { background-position: -184px -76px; }

ul.tabbed-list-vertical li span.chart a,
ul.tabbed-list-vertical li.active span.chart a,
ul.tabbed-list-vertical li.active:hover span.chart a { background-position: -123px -118px; }
ul.tabbed-list-vertical li:hover span.chart a { background-position: -184px -118px; }

/*-------*/
.conference-select-view {
	padding: 0 10px;
}

/* conference users (-> extern)*/
.conference-users {
	min-height: 310px;
	padding-right: 5px !important;
	/*margin-bottom: 20px;*/
}

/* Aufzählungen im Contenttext im Userfenster */ 
div.ConfRoomContent ul, ul.arrowsleft { margin-bottom: 20px; }
div.ConfRoomContent ul li, ul.arrowsleft li {
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 10px;
	background: url(/img/arrow_small.png) no-repeat left top;
	padding-left: 20px;
	line-height: 15px;
	float:none;
	width: auto;
	height: auto;
}
div.ConfRoomContent ul li b, ul.arrowsleft li b {
	font-weight: 700;
}
div.ConfRoomContent ul li a, ul.arrowsleft li a {
	background-image: none;
	padding-left: 0px;
}

div.conference-etherpad ul {
	margin: 14px 0px;
}

/* editor */
.conference-editor {
	margin-right: 12px !important;
	border-top: 1px solid #dedede; 
	margin-bottom: 20px;
}
.conference-editor .tools {
	padding: 10px 0px;
	height: 31px;
}
.conference-editor .tools ul {
	float: left;
	margin-right: 10px;
}
.conference-editor .tools ul li { margin-right: 3px; }
.conference-editor .tools ul li a {
	padding: 0px;
	text-align: center;
	width: 38px;
	text-indent: -8000px;
	overflow: hidden;
	background: url(/img/sprite_detail.png) no-repeat -10000px -10000px;
}
.conference-editor .tools ul li.icon-bold a { background-position: 5px -420px; }
.conference-editor .tools ul li.icon-italic a { background-position: 5px -450px; }
.conference-editor .tools ul li.icon-underline a { background-position: 5px -480px; }
.conference-editor .tools ul li.icon-linethrough a { background-position: 5px -510px; }
.conference-editor .tools ul li.icon-list a { background-position: 5px -540px; }
.conference-editor .tools ul li.icon-indent a { background-position: 5px -570px; }
.conference-editor .tools ul li.icon-outdent a { background-position: 5px -600px; }
.conference-editor .tools ul li.icon-rgb a { background-position: 5px -630px; }
.conference-editor .tools ul li.icon-undo a { background-position: 5px -660px; }
.conference-editor .tools ul li.icon-redo a { background-position: 5px -690px; }

/* textarea */
.conference-editor .form-input {
	border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
}
.conference-editor .form-input textarea { width: 673px; height: 400px; }

/* CSS Document */

.clearbox {
    clear: both;
    font-size: 1px;
    height: 1px !important;
}


/* Css für die Seite Mitschnitte der Konferenzen: */
.clearboxMits {
    clear: both;
    height: 16px;
}

div.MitsWrapper {
    background-image: -moz-linear-gradient(center top , #F3F3F3, #FFFFFF);
    background-image: -webkit-linear-gradient(center top , #F3F3F3, #FFFFFF);
    background-image: -webkit-gradient(center top , #F3F3F3, #FFFFFF);
    background-image: -o-gradient(center top , #F3F3F3, #FFFFFF);
    background-image: linear-gradient(#F3F3F3, #FFFFFF);
    border: 1px solid #E9E9E9;
    border-radius: 11px 11px 11px 11px;
    box-shadow: 0 0 15px 2px #E0E0E0;
    margin: 20px 10px 10px;
    padding: 11px;
    position: relative;
}

div.MitsDate {
    float: left;
    height: 99.9%;
    position: relative;
}

div.MitsRecord {
    float: right;
    padding: 0 0 3px;
    position: relative;
}

.MitsPlayer {
    float: left;
    margin: 12px 0 0;
    position: relative;
}

.MitsPlayer a {
	color: #11D5E7;
    font-weight: normal;
    line-height: auto;
    padding-left: 0;
    text-decoration: none;
}

#content p.MitsWd {
    border-bottom: 1px solid #888888;
    color: #D0D0D0;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: -2px;
    line-height: 80%;
    margin: 1px 0;
    padding: 0 5px;
    text-align: center;
}

#content p.MitsDaDa {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    text-align: center;
}

.MitsTime {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

.MitsDeleteButton {
	width: 16px;
	height: 16px;
	float:right;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    color: #D0D0D0;
}

.MitsDeleteButton:hover {
	color: #7F7F7F;
}

.MitsLinks {
    float: right;
    padding: 15px;
    position: relative;
}

/* Etherpadseite */
#etherpadFrame {
	width: 98.5%;
	min-height: 600px;
	min-width: 514px;
}

/* Screenshots die als Erklärung bzw. Teaser in Textabschnitte eingebunden werden */
img.screenshot-teaser {
	margin: 2px 0 24px;
	box-shadow: 1px 1px 2px #C0C0C0;
	max-width: 100%;
}

/**
 * 	Erweiterte Konferenzraumtools
 */
#tool-section {
	background: linear-gradient(#fcfcfc , #FFFFFF); /* Standard syntax */
	border-bottom: 1px solid #DEDEDE;
	margin: 0 10px;
	height: 0px;
}

/* ----- */
#tool-section .btn-tool span a, .conference-users .btn-tool span a, .conference-select-view .btn-tool span a {
	padding-left: 0px;
	padding-right: 0px;
	width: 26px;
	text-indent: -8000px;
	background: url(/img/sprite_detail.png) no-repeat -10000px -10000px !important;
}

.conference-select-view .tools li {
	float: left;
	padding:3px;
}

.conference-select-view .btn-tool.survey span a { background-position: -32px -114px !important; }
.conference-select-view .btn-tool.muteAll span a { background-position: -3px -114px !important; }
.conference-select-view .btn-tool.unmuteAll span a { background-position: -3px -144px !important; }
.conference-select-view .btn-tool.trumpet span a { background-position: -32px -235px !important; }
.conference-select-view .btn-tool.soundplayer span a { background-position: -63px -234px  !important; }
.conference-select-view .btn-tool.filesharing span a { background-position: -92px -235px !important; }

#tool-section .btn-tool.ok span a { background-position: -32px -174px !important; }
#tool-section .btn-tool.cancel span a { background-position: -31px -204px !important; }
#tool-section .btn-tool.play-start span a { background-position: -62px -174px !important; }
#tool-section .btn-tool.play-stop span a { background-position: -92px -174px !important; }
#tool-section .btn-tool.play-pause span a { background-position: -122px -174px !important; }
#tool-section .btn-tool.play-restart span a { background-position: -152px -174px !important; }
#tool-section .btn-tool.play-fforward span a { background-position: -62px -204px !important; }
#tool-section .btn-tool.play-rewind span a { background-position: -92px -204px !important; }
 
.conference-users li.user .tools .microphone span a { background-position: -3px -144px !important; }
.conference-users li.user .tools .microphone.pressed span a { background-position: -3px -114px !important; }
.conference-users li.user .tools .speaker span a { background-position: -2px -204px !important; }
.conference-users li.user .tools .speaker.pressed span a { background-position: -3px -174px !important; }
.conference-users li.user .tools .pointer span a { background-position: -2px -234px !important; }

.conference-users li.user .tools .microphone-ico span { background-position: -3px -144px !important; }
.conference-users li.user .tools .microphone-ico.pressed { background: gray; }
.conference-users li.user .tools .microphone-ico.pressed span { background-position: -3px -114px !important; }
.conference-users li.user .tools .speaker-ico span { background-position: -2px -204px !important; }
.conference-users li.user .tools .speaker-ico.pressed { background: gray; }
.conference-users li.user .tools .speaker-ico.pressed span { background-position: -3px -174px !important; }

/**/
.btn-tool:active { background-position: left -680px; }
.btn-tool:active span { background-position: right -640px; }

/* Img Tag das bei manchen Formularen zum Ersetzen des Submitbuttons während längerer Ladezeit gesetzt wird*/
img.loadergif {
	margin: 0 20px;
	width: 24px; height: 24px;
}

/* Wird für Referenzen auf Fußnoten verwendet */
sup {
	font-weight: 200;
	font-size: 0.7em;
	padding-left: 0.2em;
	padding-right: 0.5em;
	vertical-align: super;
}