/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */
/* Pagination */
.pagination   {margin: 10px 0;}
.pagination p {float: left;margin: 0 5px;}
.pagination_previewNext {float: left;margin: 0;padding: 0;}
.pagination_previewNext li {float: left;font-weight: normal;list-style: none outside none;margin: 0 5px 0 0;padding: 0;}
.pagination_previewNext li a {background-color: #aEb0aE;color: #FFFFFF;padding: 4px 10px;width: 50px;text-decoration:none;}
.pagination_previewNext li a:hover {background-color: #D2222A;color: #FFFFFF;}
.pagination_pages {float: left;margin: 0 10px 0 0;padding: 0;}
.pagination_pages li {float: left;font-weight: normal;list-style: none outside none;margin: 0 2px 0 0;padding: 0;}
.pagination_pages li a {background-color: #aEb0aE;color: #FFFFFF;padding: 4px 5px;width: 50px;text-decoration:none;}
.pagination_pages li a:hover {background-color: #D2222A;color: #FFFFFF;}
.pagination_pages .current a, .pagination_pages .current a:hover {background-color: #D2222A;font-weight: bold; }
.pagination_info {float: left;margin: 0 10px;}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}




/* #LO Styles
================================================== */

h1 { font-size: 36px; line-height: 50px; margin-bottom: 14px;}
h2 { font-size: 25px; line-height: 40px; margin-bottom: 10px; }
h3 { font-size: 18px; line-height: 34px; margin-bottom: 8px; }
h4 { font-size: 14px; line-height: 30px; margin-bottom: 4px; }
h5 { font-size: 14px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }

.check {background-color: #F7F7F7;border: 1px solid #BAB9B9;margin: 0 0 20px 0;padding: 10px 15px;text-align: left;}
.good {}
.icon {float: left;padding-right: 8px;}
.bad {}

.inputContainer {clear:both; display:block;margin-bottom: 1.3em;}
.inputContainer p {float:left; width: 120px;}
.inputContainer input {padding:3px;}

.inputContainer_s {clear:both; display:block;margin:0px;}
.inputContainer_s p {float:left; width: 40px;font-size:11px;margin:4px 0;}
.inputContainer_s input {padding:3px;width: 114px;font-size:11px;margin:3px 0;}

.inputContainer_m {clear:both; display:block;margin-bottom: 1.3em;}
.inputContainer_m p {float:left; width: 120px;}
.inputContainer_m input {padding:3px;width: 150px;}
.inputContainer_m .checkbox {padding:3px;width: 10px; margin: 3px 0;}

.inputContainer_l {clear:both; display:block;margin-bottom: 1.3em;}
.inputContainer_l p {float:left; width: 150px;}
.inputContainer_l input {padding:3px;width: 150px;}
.inputContainer_l .checkbox {padding:3px;width: 10px; margin: 3px 0;}

.inputContainer_xl {clear:both; display:block;margin-bottom: 1.3em;}
.inputContainer_xl p {float:left; width: 200px;}
.inputContainer_xl input {padding:3px;width: 150px;}
.inputContainer_xl .checkbox {padding:3px;width: 10px; margin: 3px 0;}

.inputContainer_hp {clear:both; display:block;margin-bottom: 1.3em;}
.inputContainer_hp p {float:left; width: 325px;}
.inputContainer_hp input {padding:3px;width: 530px;}
.inputContainer_hp textarea {padding:3px;width: 530px; margin: 3px 0;}


.inlineError {font-size:11px; color:darkred;}

.flag-template  {background-color:MistyRose;padding:3px;}
.flag-css       {background-color:lightgreen;padding:3px;}

/* DataTable */
table {border-collapse: collapse;margin: 10px 0px; width: 100%;}
tr {background: none repeat scroll 0 0 #FFFFFF;}
tr.altrow {background: none repeat scroll 0 0 #F9F9F9;}
th, td {border-style: solid;border-width: 1px;text-align: left;}
th {background: none repeat scroll 0 0 #CED0CE;border-color: #aaa;color: #555555;padding: 5px;}
td {border-color: #ccc;padding: 5px;vertical-align:top;}


nav ul {}
nav ul li {display: block;margin-bottom: 10px; }
nav ul li a,
nav ul li a:visited,
nav ul li a:active  {font-size: 14px;color: #555;text-decoration: none;font-weight: bold; }
nav ul li a:hover,
nav ul li a:focus {color: #222; }

nav ul li ul li a,
nav ul li ul li a:visited,
nav ul li ul li a:active  {font-size: 12px;color: #555;text-decoration: none;font-weight: bold; }
nav ul li ul li a:hover,
nav ul li ul li a:focus {color: #222; }
.active {color:#111;}


.sceneContainer {background: url("/img/bg_scene.png") no-repeat;height:113px;}
.sceneInfo      {margin-left:130px;margin-bottom:10px;width:200px;}
.sceneName      {margin-left:130px;width:200px;}
.sceneCommand   {margin-left:130px;width:200px;}   


.slideContainer {clear:both;margin:10px 0;} 
.slideInfo      {margin-left:180px;margin-bottom:10px;width:500px;}
.slideName      {margin-left:180px;width:200px;}
.slideCommand   {margin-left:180px;width:200px;}  
.slideList      {position: relative;border: 1px solid #BEC2C8;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    height: 90px;
    padding: 4px;
    width: 160px;
    float:left;
    margin: 0 0 20px 0;
    background-repeat:no-repeat;background-position:center center;background-attachment:fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
    }



#slideCanvas {border: 1px solid #BEC2C8;height: 430px;width: 780px;position:relative;}
.slideContent {position:absolute;top:10%;left:10%;border:1px solid red}


.defaultSkeletonElement{display:none;}
.beSlideContent {position:absolute;width:64px;height:45px;border:1px solid gray;top:0;left:0;font-size:80%;z-index:9990;background-color:#fff;}


.commandField {background-color:#ddd;white-space:nowrap;width:98%;border-bottom: 1px solid gray;padding:1%;height:20px;}
.contentEditImg {float:left;cursor: pointer}
.contentDeleteImg {float:right;cursor: pointer} 
.contentType {float:left;}



.contentFieldCommand {display:none;width:400px; margin:5px;padding:5px; border:1px solid gray;background-color:#fcfcfc;position:relative;z-index:9998;}
.contentFieldDelete {display:none;width:120px; height:20px; margin:5px;padding:5px; border:1px solid gray;background-color:#ffdddd;position:relative;z-index:9999;}
.contentDeleteYes {cursor: pointer}
.contentDeleteNo {cursor: pointer} 


#questionUpload {background-color: #777;color: #FFFFFF;padding: 5px;width: 150px; float:left;}
#questionUpload:hover {background-color: #999;}
#questionUploadImg              {float:left;margin: 0 10px;}
#questionUploadImg img          {border: 1px solid #BAB9B9;}
#questionUploadStatusImg        {display:block; padding: 0 10px; float:left;}
#questionUploadStatusText       {display:block; }


.slide-columns {margin-top:30px;}

.tabNavigationSlide    {margin-bottom: 0px;margin-top:-31px;}
.tabNavigationSlide li {float:left;margin-bottom: 0px;padding:2px;} 
.tabNavigationSlide li a {background-color: #fff; color:#000;text-decoration:none;padding:5px;font-size:10px;}
.tabNavigationSlide li a.active  {background-color: gray; color:#fff;font-size:10px;}
.tabContentSlide {clear:both;border:1px solid gray;padding:5px;margin-bottom:20px;width:190px;padding-right:20px;}

.tabNavigation    {margin-bottom: 0px;}
.tabNavigation li {float:left;margin-bottom: 0px;padding:4px;} 
.tabNavigation li a {background-color: #fff; color:#000;text-decoration:none;padding:5px;}
.tabNavigation li a.active  {background-color: gray; color:#fff;}







.tabContent {clear:both;border:1px solid gray;padding:5px;margin-bottom:20px;width:300px;}

.fe-container         {margin: 0 auto;padding: 0;position: relative;width: 100%;height:100%;}	
.fe-container:after   {clear: both;content: " ";display: block;height: 0;visibility: hidden;}
	
/* Bearbeitbare Elemente für User */
/* ----------------------------------------------------------------------------------------------------------- */	
.fe-content-container {position:absolute;overflow:hidden;}
.fe-content-html      {width:100%;height:100%}
.fe-content-text      {width:100%;height:100%}
.fe-content-image     {width:100%;height:100%;background-repeat:no-repeat}
.fe-content-schedule  {width:100%;height:100%}

.schedule-table     {margin:0px;width:99.9%;}
.schedule-th        {}
.schedule-td        {}
.schedule-td-start  {}
.schedule-td-end    {}
.schedule-td-event  {}
.schedule-td-room   {}
.schedule-td-image  {}
.schedule-td-na     {}

.schedule-th-start  {}
.schedule-th-end    {}
.schedule-th-event  {}
.schedule-th-room   {}
.schedule-th-image  {}
.schedule-th-na     {}
/* ----------------------------------------------------------------------------------------------------------- */


.scheduleDisplayTime  {font-size:10px; font-style:italic;color:#777;}
.scheduleNoTime       {font-size:10px; font-style:italic;color:#777;}
.buttonRight          {float:right;}

.img-contain  {background-repeat:no-repeat;background-position:center center; -webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;}
.img-cover    {background-repeat:no-repeat;background-position:center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
body {background-repeat:no-repeat;background-position:center center;background-attachment:fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}