html, body, form {margin:0px; padding:0px; width:100%; color:rgb(53,53,53); height:100%;}

body {
    font-size:13px; 
    font-family: 'Open Sans', sans-serif; 
    width:100%; 
    opacity: 0;
}

    body {
        -webkit-animation-duration: 350ms;
        -webkit-animation-name: ZoomIn;
        -moz-animation-duration: 350ms;
        -moz-animation-name: ZoomIn;
        animation-duration: 350ms;
        animation-name: ZoomIn;
        opacity: 1;
    }


.BlindTable {padding:0px; margin:0px; border-spacing:0px; width:100%;}

.ButtonFlat {
    border: 1px solid rgb(173,173,173);
} /* Flache Schaltfläche */ 

/* Überschrift Zusammenfassungsseiten */

.SummeryHeadingDiv {
font-weight:lighter;
text-align:left;    
vertical-align:middle;
padding:16px;
font-weight:lighter;
}

.SummeryHeading1 {
font-size:36px;
vertical-align:middle;
}

.SummeryHeading2 {
font-size:22px;
vertical-align:middle;
}

.DockSubHeading {
margin:36px 0px 12px 0px; 
color:Black; 
font-size:22px; 
font-weight:300;
} /* Unterüberschrift in Docking */

.dateNavigation {
    z-index: 0;
} /* Direkteingabe Datums-Navigation */

.SubEditRow {
    border-top: 1px solid rgb(220,220,220);
    padding-top: 6px !important; 
    padding-bottom: 6px !important; 
    vertical-align:top;	
} /* Zeile in Schnellerfassung */

/* Unten angedockte Nachricht */

.BottomMsgWrn {
    position:fixed;
    top: 100%; left: 300px;
    width:100%; height: 30px;
    margin-top: -30px;
    padding:6px;
	background-color: rgb(245,245,245);
	background-color: rgba(245,245,245,0.8);
    border-top: 1px solid rgb(210,210,210);
    border-top: 1px solid rgba(210,210,210,0.8);
    color:rgb(53,53,53);
    overflow: hidden;
    font-weight: 600;
    z-index: 2000;
} /* Hinweismeldung */

.BottomMsgOk {
    position:fixed;
    top: 100%; left: 300px;
    width:100%; height: 30px;
    margin-top: -30px;
    padding:6px;
	background-color: rgb(197,243,199);
	background-color: rgba(197,243,199,0.7);
    border-top: 1px solid rgb(210,210,210);
    border-top: 1px solid rgba(210,210,210,0.8);
    color:rgb(53,53,53);
    overflow: hidden;
    font-weight: 600;
    z-index: 2000;
} /* OK-Meldung */


/*#region Terminzusammenfassung Kalender */

.AptSummery {
    position:fixed;
    top: 100%; left: 300px;
    width:100%; height: 120px;
    margin-top: -120px;
    padding:6px;
	background-color: rgb(245,245,245);
	background-color: rgba(245,245,245,0.9);
    border-top: 1px solid rgb(210,210,210);
    border-top: 1px solid rgba(210,210,210,0.9);
    color:rgb(53,53,53);
    overflow: hidden;
    font-weight: 600;
    z-index: 2000;
    overflow: scroll;
} 

.AptSummery .AptSummeryCloseBtn {
    position:absolute; 
    top:5px; left: 100%; 
    margin-left:-298px;
}


/*#endregion*/


/* Fenster */

.Overlay {
    position: fixed; 
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 1000;
} /* Abdeckender Hintergrund */

.MsgOverlay {
    position: fixed; 
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 4000;
} /* Abdeckender Hintergrund für Meldungen */

.ModalWin {
    z-index: 5000;
    position:fixed;
    padding:24px;
    top: 50%; left: 50%;
    margin-top: -80px;
    margin-left: -300px;
    width:600px;
    background-color: white;
    background-color: rgba(252, 252, 252, 0.90);
    border: 1px solid rgb(240,240,240);
    border: 1px solid rgba(240,240,240,0.90);
    border-radius:4px;
    -webkit-box-shadow: 5px 5px 20px rgb(100,100,100);
    -moz-box-shadow: 5px 5px 20px rgb(100,100,100);
    box-shadow: 5px 5px 20px rgb(100,100,100);
} /* Dialogfenster */

.ModalEditWin {
    position:fixed;
    padding:30px 5px 5px 10px;
    width:76%; height:82%;
    top: 7%; left: 12%;
    overflow: scroll;
    background-color: white;
    border: 2px solid rgb(235,235,235);
    border-radius:4px;
    z-index: 1500;
    -webkit-box-shadow: 5px 5px 20px rgb(100,100,100);
    -moz-box-shadow: 5px 5px 20px rgb(100,100,100);
    box-shadow: 5px 5px 20px rgb(100,100,100);
    opacity: 0.97;
} /* Dialogfenster für größere Eingaben */

.ModalEditWin h1 {
    font-size:26px; margin:0px; line-height:26px;
}

.ModalEditWin .H1Tbl {
    margin: 10px 0px 22px 0px;
}

.ModalWin h2 {
    font-size:26px; margin:12px 0px 36px 0px; line-height:26px;
}

.MainToolbarEditWin {
    position:fixed;
    top: 7%; left: 12%;
    width: 76%; 
    z-index: 999;
} /* Container um rechte ToolBar in EditWin */

/* Tabelle mit Funktionen */

.FunctionDiv {
    margin: 12px 0px 0px 28px;
} /* Bereich um Funktionen */

.FunctionDiv h2 {
    font-size:24px; margin:0px 0px 12px 0px;
}

.FunctionTbl {
    width:100%; 
} 

.FunctionTbl td {
vertical-align:top;
padding:0px; 
padding-top:2px; 
padding-bottom:2px; 
}

.FunctionTbl a {
text-decoration:none;
color: rgb(53,53,53);
}

.FunctionImgCol {
vertical-align:middle !important;
text-align:left;
width:22px; 
}

.FunctionTxtCol {
vertical-align:middle !important;
padding-left: 6px !important;
}

.PageTreeDiv {
    margin-top: 12px;
} /* Bereich um Navigationsbaum */

/* Hauptbereich */

.MainTbl {width:100%; border-style:none; padding:0px; border-spacing:0px;}
.MainTbl tr {padding:0px; border-spacing:0px;}
.MainTbl td {padding:0px; border-spacing:0px;}

/* Tabelle zweispaltige Seiten */

.TwoColTbl {
width:100%; height: 100%;
border-style:none;
padding:0px;
border-spacing:0px;
vertical-align:top;
}

.TwoColLeft {
vertical-align:top;
background-color:rgb(240, 240, 240);
border-right-style: solid; 
border-right-width: 1px; 
border-right-color: rgb(219,219,219);
border-spacing:0px;
width:260px;
max-width: 260px;
min-width: 260px;
overflow: hidden;
}

#BackgrLeft {
    background-color: rgba(100,100,100,0.5);
    float:left;
    width:260px;
    min-height:100%;
}

.MainMenu:hover {
	
}

.TwoColRight {vertical-align:top; border-spacing:0px; padding-bottom:30px;}

.DivMainRight {
    padding: 28px;	
} /* Hauptcontent rechts */

.DivMainRightWithTbl {
    padding: 0px;	
} /* Hauptcontent rechts bei tabellarischen Anzeigen  */

.TwoColTbl .Heading {
font-size:24px;
font-weight:normal;
margin:20px 0px 20px 8px;
color:rgb(252, 60, 57);
} /* Hauptüberschrift */

/* Doku-Knoten */

.DocuNodeTbl {
width:100%;
border-style:none;
padding:8px;
border-spacing:0px;
vertical-align:top;
}

.DocuNodeIconCell {
width:50px;
vertical-align:top;
padding-bottom:16px;
padding-top:16px;
}

.DocuNodeCell {
vertical-align:top;
padding-bottom:16px;
padding-top:16px;
}

.DocuNodeHeading {
color:rgb(53,53,53);
vertical-align:top;
font-weight:300; 
text-decoration:none;
font-size:26px; 
}

/* Rad */

.rsTimelineView .rsVerticalHeaderTable div { 
width: 150px !important;   
overflow:hidden !important;
text-align:left !important;
}

.rgAltRow, .rgRow {cursor: pointer !important; page-break-inside:avoid;}

.rdContent {overflow: hidden !important;}
    
/* Eingabemasken */

.InputFormTable {width:100%; font-size:13px; border-style:none; border-collapse:collapse;}
.InputFormTable .Cell {text-align:left; padding:2px;}
.InputFormTable td {border-style: none !important; vertical-align: top;}

.QuickInputTable {
    width:100%; 
    border-style:none;
} /* In Schnellerfassung */

.QuickInputTable td {
    padding:2px 4px 2px 4px; 
}

.QuickInputMsgDiv {margin: 12px 0px 6px 0px;	} /* Meldungszeile in Schnellerfassung*/

.TextBox {
width:99%;
border-color:rgb(166,194,222);
border-style:solid;
border-width:1px;
height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

/* Allgemeiner Eingabebereich */

.InputArea {
padding:8px;
}

/* Kalender */

p.ResourceHeading {font-size:13px; margin-top:0px; margin-left: 3px; margin-bottom:4px; color:rgb(53,53,53);} 
p.ResourceInfos {font-size:10px; margin-bottom:0px; margin-top:0px;}
.ScheduleAvailable {background: white !important;}  
.ScheduleNotAvailable {background: rgb(230,230,230) !important;}  

/* Doku */

.DokuTable {width:99%; font-size:13px; vertical-align:top;}
.DokuCell {text-align:left; padding:5px; vertical-align:top;}

/* Mitteilungen */

.NotivMsgTbl { padding:0px; width:100%; }
.MsgTdBtn {text-align:right; width:95px; vertical-align:middle;}
.MsgBtn {width:100px; height:28px; font-size:11px;}
.MsgTdIcon {width:40px; text-align:left; vertical-align:top;}
.MsgHdg { font-weight:bold; margin-top:0px; margin-bottom:6px; }
.MsgH2 { font-size:16px; margin-top:28px; margin-bottom:12px; color:rgb(53, 53, 53); } /* H1 Mitt.zentrale */
.MsgH1Options { font-size:11px; margin-top:0px; margin-bottom:0px; } /* H1 Optionen */
.MsgNoData { font-size:11px; color:rgb(120, 120, 120);}
.MsgNoData a { font-size:11px; text-decoration:none; color:rgb(120, 120, 120);}
.MsgAdvHdg { font-weight:bold; margin-top:24px; margin-bottom:6px; } /* Zwischenüberschrift Mitt.zentrale ausf. Auftragsausgabe */
.MsgAdvTxt { font-size:11px; margin-top:0px; margin-bottom:0px; } /* Absatz Mitt.zentrale ausf. Auftragsausgabe */

/* Status interakt. Angebot */

.OfferStatusInact {
font-size:10px; 
color:rgb(120,120,120);
} /* inaktiv */

.OfferStatusAct {
color:rgb(53,53,53); 
font-weight:bold;
} /* inaktiv */

/* Allgemein */

h1,h2,h3,.H1Subheading{color:rgb(252, 60, 57); font-weight:300; text-decoration:none;}
h1{font-size:38px; margin:0px; line-height:36px;} 
h2{font-size:26px; margin:48px 0px 18px 0px;}
h2 a{ text-decoration:none;}
h3{font-size:16px; padding-top:12px; }
a{font-size:13px; color:rgb(53,53,53);}
p{font-size:13px;}
table{font-size:13px;}
.FormTable{width:100%;padding:20px;}

.H1Subheading {font-size:16px; line-height:18px; margin:8px 0px 0px 0px;} /* Unterüberschrift für H1 */

.H1Tbl {
margin: 28px 0px 36px 0px;
border-spacing: initial;
}

.H1Tbl tr {
vertical-align: top;
}

.H1Tbl img {
padding:0px 3px 0px 0px;
} /* Tabelle um H1 */

.DivMainRightWithTbl .H1Tbl {
margin: 56px 0px 18px 28px;
} /* H1-Tabelle bei tabellarischen Anzeigen  */

hr {
width:97%;
margin:0 auto;
height:1px;
background-color:#CCCCCC;
border:0px;
border-top:1px solid #CCCCCC;
}

/*#region Link Rückwärts-Navigation */

.lnkNav {
    display:inline-block;
    text-decoration: none;
    width:100%;
} /* Link */

.lblNav {
    font-size:16px; 
    width:100%;
    color: #167EFB;
} /* Text */

.TblNav {
    width: 100%;
    height: 40px;
	overflow: hidden;
	white-space: nowrap;
	padding: 18px 0px 0px 6px;
}


/*#endregion*/


/*#region Gridsuche-Schaltflächen */

.btnSearch {
background-image: url('IconsDefault/Search_20.png');
background-repeat: no-repeat;
height: 20px;
text-decoration: none;
}

.btnSearchClear {
background-image: url('IconsDefault/Cancel_20.png');
background-repeat: no-repeat;
height: 20px;
text-decoration: none;
}

/*#endregion*/

/*#region Dynamischer Editor */

.EditReadContainer { /* Anzeige im Lesemodus */
width: 100%; height: 100px;
position: relative;
border-radius:5px;
}

.EditReadContainer .Content { /* Eigentlicher Inhalt */
position: absolute;
top: 0px; left: 0px;
width: 100%; height: 100px;
overflow: auto;
background-color:rgb(250, 250, 250);
background-color: rgba(245,245,245,0.8) !important;
}

.EditReadContainer .Control { /* Kontrollteil (wird eingeblendet, wenn Maus drüber ist) */
position: absolute;
top: 0px; left: 0px;
width: 100%; height: 100px;
visibility: hidden;
-webkit-transition: all 0.5s;           /* Übergang */
-ms-transition: all 0.5s;               /* Übergang */
-moz-transition: all 0.5s;              /* Übergang */
transition: all 0.5s;                   /* Übergang */
border-radius:5px;
}

.EditReadContainer:hover .Control {
visibility: visible;
background-color:rgb(240, 240, 240);
background-color: rgba(240, 240, 240, 0.92);
}

.EditReadContainer .Control a {
padding-top: 28px;
color:rgb(18, 65, 113); 
font-size:14px; 
display:inline-block;
height:100%; width:100%;
text-align: center;
text-decoration: none;
} 

/*#endregion*/

/*#region Mehrspaltige Darstellung Layoutübersicht */

.ColumnDiv { /* Mehrspaltige */
	position:relative;
	margin:0 auto;
}

.ColumnDiv .Layout { /* DIV für ein Layout */
	position:relative;
	float:left;
	margin-top:30px; margin-left:40px;
	text-align:center;
	width:200px; height:270px;
	padding-left: 8px;
	padding-right: 8px;
}

.ColumnDiv .Layout table { 
	width:100%;
}

.ColumnDiv .Layout table .Icon { /* Zelle Icon */
	height:220px;
	vertical-align:middle;
	padding:0px;
	border-bottom-style:none;
}

.ColumnDiv .Layout table .Icon img { /* Zelle Icon */
    -webkit-box-shadow: 5px 5px 20px grey;
    -moz-box-shadow: 5px 5px 20px grey;
    box-shadow: 5px 5px 20px grey;
}

.ColumnDiv .Layout .Name { /* Zelle Layoutname */
	width:100%; height:33px;
	vertical-align:top;
	font-weight:bold;
	overflow:hidden;
}

.ColumnDiv .Layout .Name div { /* Nur im Div kann abgeschnitten werden */
	width:100%; height:33px;
	overflow:hidden;
}

/* Erweiterung ColumnDiv um GridIconView */

.ColumnDiv .IconView { /* DIV für ein Icon im GridIconView */
	position:relative;
	float:left;
	margin-top:30px; margin-left:40px;
	width:220px; height:305px;
	padding: 8px;
    -webkit-box-shadow: 5px 5px 20px grey;
    -moz-box-shadow: 5px 5px 20px grey;
    box-shadow: 5px 5px 20px grey;
    overflow: auto;
}

.ColumnDiv .IconView .IconMainHeading {
	font-size: 16px;
	color: rgb(53,53,53);
	margin: 8px 0px 8px 0px;
	overflow: hidden;
	max-width: 100%
}

.ColumnDiv .IconView .IconSubHeading {
	font-size: 10px;
	color: rgb(252, 60, 57);
	margin: 12px 0px 0px 0px;
}

.ColumnDiv .IconView .Text {
	margin: 0px;
	overflow: hidden;
}

.ColumnDiv .IconView .Divider {
    position: static;
    margin: 0px;
    margin-left: 2px;
    margin-right: 2px;
    padding: 0px;
    height: 2px;
    background: #fff;
    background: -moz-linear-gradient(left, #fff 0%, #dcdcdc 49%, #fff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(49%, #dcdcdc), color-stop(100%, #fff));
    background: -webkit-linear-gradient(left, #fff 0%, #dcdcdc 49%, #fff 100%);
    background: -o-linear-gradient(left, #fff 0%, #dcdcdc 49%, #fff 100%);
    background: -ms-linear-gradient(left, #fff 0%, #dcdcdc 49%, #fff 100%);
    background: linear-gradient(to right, #FAFAFA 0%, #dcdcdc 49%, #FAFAFA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bg', endColorstr='$bg',GradientType=1 ); 
} /* Trennlinie */

.ColumnDiv .IconView .Delete {
	position:absolute; 
    bottom: 10px; right: 10px;
	visibility: hidden;
}

.ColumnDiv .IconView:hover .Delete {
	visibility: visible;
}

.ColumnDiv .IconView a {
	text-decoration: none;
}

/*#endregion*/

/*#region Seitenkurzbeschreibung */

.PageDesc {
    position:fixed;
    top: 100%; left: 0px;
    width:100%; height: 75px;
    margin-top: -87px;
    padding:6px;
    background-color: rgb(245,245,245);
    background-color: rgba(245,245,245, 0.9);
    border-top-style: solid; 
    border-top-width: 1px; 
    border-top-color: rgb(219,219,219);
    color: rgb(53,53,53);
    font-weight:bold;
    z-index: 1000;
} 

.PageDesc, .PageDesc p {
    font-size: 11px;
}

.PageDesc .btnClose {
    position:absolute; 
    top:5px; left: 100%; 
    margin-left:-47px;
} /* Schließen-Schaltfläche */

.PageDesc p {
    margin:6px 0px 6px 0px;
} 

.PageDesc i {
    color:rgb(22, 126, 251);
    font-style: normal;
} 

.PageDesc ul {
    margin:6px 0px 6px 0px;
} 

/*#endregion*/


/*#region ------------ Hauptmenü ---------------- */

.MainMenuDiv {
    width:500px; height:300px;
}

/*#endregion*/


/*#region -------------- Telerik --------------- */

/* ToolBar */

.rtbMiddle {
	background-image: none !important;
	background-color: rgb(245,245,245) !important;
	background-color: rgba(245,245,245,0.8) !important;
	border: none !important;
} /* Hintergrund */

.rtbOuter,
.RadToolBar_Horizontal .rtbOuter,
.RadToolBar .rtbOuter {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom-color: rgba(210,210,210,0.8) !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    padding: 0px !important;
} /* Rahmen um ToolBar */

.rtbItemHovered .rtbIn, .rtbItemHovered .rtbOut, .rtbItemHovered .rtbMid, .rtbItemHovered .rtbWrap {
    background-image: none !important;
} /* Hover-Schaltfläche */

.rtbChecked .rtbIn, .rtbChecked .rtbOut, .rtbChecked .rtbMid, .rtbChecked .rtbWrap {
    background-image: none !important;
	color:rgb(252, 60, 57) !important;
} /* Aktive-Schaltfläche */

.rtbWrap:hover .rtbText, .rtbChecked:hover .rtbText {
	color:rgb(252, 60, 57) !important;
}

.rtbText {
    font-size: 14px;	
} /* Beschrftung ToolBar */

.MainToolbarRight {
    position: fixed;
    top: 0px; left: 300px;
    width: 100%; 
    z-index: 999;
} /* Container um rechte ToolBar */

/* TreeView */

.RadTreeView .rtImg {
    width: 20px !important;
    height: 20px !important;
} /* Icon */

.RadTreeView .rtIn {
    font-size:13px;
    color: rgb(53,53,53);   
    font-weight:600;
    font-family: 'Open Sans', sans-serif; 
    padding-left: 8px !important;
} /* Text */

.RadTreeView .rtMid, .RadTreeView .rtBot {
    padding: 2px 0px 2px 20px !important;
} /* Standardzeile */

.RadTreeView ul {
    padding-left: 10px !important;
} /* Eingerückte Gruppe unter Ordner */

.RadTreeView .rtTop {
    padding-top:2px !important;
} /* Erstes Element in Gruppe */

.RadTreeView .rtLast {
    padding-bottom:16px;
} /* Letztes Element in Gruppe */

.RadTreeView .rtSelected .rtIn, .RadTreeView .rtHover .rtIn {
    background-image: none !important;
    background-color: transparent !important;
	color:rgb(252, 60, 57) !important;
	border: 1px solid rgb(240, 240, 240) !important;
    padding-left: 8px !important;
} /* Seletkierter Knoten */ 

.RadTreeView .rtLines .rtLI,
.RadTreeView .rtLines .rtTop,
.RadTreeView .rtLines .rtMid,
.RadTreeView .rtLines .rtBot {
    background-image: none !important;
} /* Keini Linien im Baum */

/*Shortcut Toolar*/ 

.ToolbarShortcuts .rtbMiddle {
	background-color: rgb(53,53,53) !important;
	background-color: rgba(53,53,53,0.8) !important;
	border: none !important;
} /* Hintergrund */

.StripeLeftUnderToolbarShortcuts {
    position: fixed; 
    top: 107px; left: 0px; bottom: 0px; 
    width: 36px;  
    z-index: 1; 
    background-color: rgb(53,53,53); 
    background-color: rgba(53,53,53,0.8);  
}

.MouseClickCation {
    position: fixed; 
    left: -37px; bottom: 52px; 
    z-index: 2; 
    color: white; 
    font-size: 20px; font-weight:bold; 
    transform: rotate(270deg);
}

/* Grid */

.rgRow, .rgRow a, .rgAltRow, .rgAltRow a, .rgHeader, .rgPager a, .rgPager table {
    font-size:13px;
    color: rgb(53,53,53);
    font-family: 'Open Sans', sans-serif; 
}

.rgHoveredRow {
    background-image: none !important;
	background-color: rgb(240,240,240) !important;
}

.rgRow td, .rgAltRow td {
    border-width: 1px 0px 0px 0px !important;	
	border-color: rgb(220,220,220) !important;
    padding-left: 5px !important;
}

.rgHeader, .rgPager, .rgPager a {
    font-weight:600 !important;	
    background-image: none !important;
    background-color:rgb(240, 240, 240) !important;
    border-width: 1px 0px 0px 0px !important;	
}

.RadGrid .rgNumPart a.rgCurrentPage {
    background: none;
	background-color: rgb(252, 60, 57) !important;
    color: White !important;
    font-weight:600 !important;	
} /* Selektierte Seite im Pager */

.RadGrid p {margin: 0px;}


/* Kalender */

.RadScheduler_Office2010Blue {
	font: inherit !important;
}

.rsHeader {
    z-index: 10 !important;
	background-image:none !important;
	background-color: rgb(245,245,245) !important;
	background-color: rgba(245,245,245,0.8) !important;
	height: 34px !important;
    border-color: rgba(210,210,210,0.8) !important;
	border-top-color: rgb(245,245,245) !important;
} /* Kopfbereich */

.rsHeader .rsPrevDay {
	background-image: url('IconsDefault/Back_20.png') !important;
	width:26px !important;
	height:24px !important;
	background-repeat:no-repeat;
	background-position: inherit !important;
    margin-top: 8px !important;
}

.rsHeader .rsPrevDay:hover {
	background-image: url('IconsFocus/Back_20.png') !important;
}

.rsHeader .rsNextDay {
	background-image: url('IconsDefault/Foreward_20.png') !important;
	width:26px !important;
	height:24px !important;
	background-repeat:no-repeat;
	background-position: inherit !important;
    margin-top: 8px !important;
}

.rsHeader .rsNextDay:hover {
	background-image: url('IconsFocus/Foreward_20.png') !important;
}

.rsHeader .rsToday {
	font-size: 14px;
	text-decoration: none;
    color:rgb(53,53,53);
    line-height: 34px !important;
}

.rsHeader h2 {
    color:rgb(252, 60, 57) !important; 
    font-weight: 400 !important; 
    font-size: 18px !important;
    margin-top: 2px;
}

.rsHeader .rsDatePickerActivator {
    margin-top: 6px !important;
    background-image: url('IconsDefault/Down_16.png') !important;
	background-repeat:no-repeat;
	background-position: center !important;
}

.rsHeader .rsDatePickerActivator:hover {
    background-image: url('IconsFocus/Down_16.png') !important;
}

.rsHorizontalHeaderTable {
	height:28px !important;
}

.rsHorizontalHeaderTable th {
    background-image: none !important;
    background-color: white !important;
    color: rgb(53, 53, 53) !important;
    font-size: 13px;
    border-left-style: none !important;
    border-right-style: none !important;
}

.rsSpacerCell {
    border-left-style: none !important;
    border-right-style: none !important;
}

.rsAllDayRow td {
	border-color: rgb(220, 220, 220) !important;
}

.rsVerticalHeaderTable th {
	border-color: rgb(220, 220, 220) !important;
	border-right-color: rgb(190, 190, 190) !important;
}

/* Navigationskalender */

.RadCalendar {
    color: rgb(53, 53, 53) !important;
}

.RadCalendar .rcMain {
    border-color: rgba(210,210,210,0.8) !important;
}

.RadCalendar .rcWeek th {
	background-color: rgb(245,245,245) !important;
    font-family: 'Open Sans', sans-serif;
    border-top-style: none !important;
}

.RadCalendar .rcRow td {
    border-style: none !important;
	background-color: white;
    font-family: 'Open Sans', sans-serif;
}

.RadCalendar .rcRow td:hover {
	background-image: none !important;
	background-color: rgb(252, 60, 57) !important;
}

.RadCalendar .rcRow td:hover a {
	color: White !important;
	font-weight: 600;
}

.rcWeek .rcViewSel, .rcRow th {
	background-color: rgb(245,245,245) !important;
    font-family: 'Open Sans', sans-serif;
}

.rcSelected {
	background-image: none !important;
	background-color: rgb(252, 60, 57) !important;
}

.rcSelected a {
	color: White !important;
	font-weight: 600;
}

.rcTitlebar {
    border-color: rgba(210,210,210,0.8) !important;
	background-image: none !important;
	background-color: rgb(245,245,245) !important;
}

.rcSelected, .rcSelected a {
	background: none !important;
	background-color: rgb(252, 60, 57) !important;
    border: 0px none !important;
} /* Monats-Selektor-Popup */

.RadCalendarMonthView_Office2010Blue input {
	background-image: none !important;
	background-color: rgb(245,245,245) !important;
    font-family: 'Open Sans', sans-serif;
}
    
.RadCalendarTimeView_Office2010Blue th {
    background: none !important;	
    color: rgb(35,35,35) !important;
}

.RadCalendarTimeView_Office2010Blue td.rcHover a {
    background: none !important;	
    border: none !important;
	background-color: rgb(252, 60, 57) !important;
	color: White !important;
	font-weight: 600;
}

/* Editor */

.reTool .Undo {
	background: none !important;
	background-image: url('IconsEditor/Undo.png') !important;
	background-position: center !important;
}

.reTool .Redo {
	background-image: url('IconsEditor/Redo.png') !important;
	background-position: center !important;
}

.reTool .FindAndReplace {
	background-image: url('IconsEditor/Search.png') !important;
	background-position: center !important;
}

.reTool .Cut {
	background-image: url('IconsEditor/Cut.png') !important;
	background-position: center !important;
}

.reTool .Copy {
	background-image: url('IconsEditor/Copy.png') !important;
	background-position: center !important;
}

.reTool .Paste {
	background-image: url('IconsEditor/Paste.png') !important;
	background-position: center !important;
}

.reTool .InsertUnorderedList {
	background-image: url('IconsEditor/Bullet.png') !important;
	background-position: center !important;
}

.reTool .InsertDate {
	background-image: url('IconsEditor/Date.png') !important;
	background-position: center !important;
}

.reTool .InsertTable {
	background-image: url('IconsEditor/Table.png') !important;
	background-position: center !important;
}

.reTool .Unlink {
	background-image: url('IconsEditor/Unlink.png') !important;
	background-position: center !important;
}

.reTool .LinkManager {
	background-image: url('IconsEditor/Link.png') !important;
	background-position: center !important;
}

.reTool .BackColor {
	background-image: url('IconsEditor/BackColor.png') !important;
	background-position: center !important;
}

.reTool .ForeColor {
	background-image: url('IconsEditor/Foreground.png') !important;
	background-position: center !important;
}

.RadEditor.reWrapper {
	background-color: rgb(245,245,245) !important;
}

.RadEditor { 
	width: 100% !important;
}

.reToolbar li {
	background-image: none !important;
}

.reTool:hover, .reTool_text:hover {
	background-image: none !important;
	border:none !important;
}

.reToolbar.Office2010Blue .reGrip  {
	background-image: none !important;
}

.reDropdown, .reItemOver {
	background-color: rgb(245,245,245) !important;
}

/* Notification */

.rnContentWrapper {
	color: rgb(53,53,53) !important;
}

.RadNotification {
    font-family: 'Open Sans', sans-serif !important;
}

.RadNotification_Office2010Blue {
	background-color: rgb(245,245,245) !important;
}

.RadNotification_Office2010Blue.rnShadows {
    box-shadow: 2px 2px 3px rgb(200,200,200) !important;
}

/*#endregion*/


/*#region Hauptmenü */

.MainMenuBack {
	background-color: white;
	height: 34px; width:100%;
} /* Hintergrund Startmenü */

.MainMenu {
	position:fixed; left: 0px; top:0px;
	background-color: rgba(245,245,245,0.8);
	height: 38px; width:263px;
	overflow: hidden;
    -webkit-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    z-index: 5000;
}

.MainMenu:hover {
	height: 100%;
	background-color: rgba(250,250,250,0.95);
    -webkit-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    z-index: 5000;
} 

.MainMenuHdg {
    padding:6px;
    height:24px;
    text-align: center;
    border-bottom: 1px solid rgba(210,210,210,0.8);
}

.MainMenuEntry {
    display:inline-block;
    width: 100%; height: 60px;
}

.MainMenuEntry p {
	display:inline-block;
	text-decoration: none;
	color:rgb(53,53,53);
	font-size: 16px;
	margin-left: 60px;
}

.MainMenuEntry:hover p {
	color:rgb(252, 60, 57);
}

.MainMenuEntry .MainMenuImage {
    width: 52px; height:48px;
    margin-top: 6px; margin-left: 16px;
	display:inline-block;
    background-repeat: no-repeat;
}

#imgMenuCalendar {background-image: url('IconsDefault/Calendar_48.png');}
.MainMenuEntry:hover #imgMenuCalendar {background-image: url('IconsFocus/Calendar_48.png');}

#imgMenuNotifications {background-image: url('IconsDefault/Communicate_48.png');}
.MainMenuEntry:hover #imgMenuNotifications {background-image: url('IconsFocus/Communicate_48.png');}

#imgMenuMail {background-image: url('IconsDefault/Email_48.png');}
.MainMenuEntry:hover #imgMenuMail {background-image: url('IconsFocus/Email_48.png');}

#imgMenuNewsletter {background-image: url('IconsDefault/Serialmail_48.png');}
.MainMenuEntry:hover #imgMenuNewsletter {background-image: url('IconsFocus/Serialmail_48.png');}

#imgMenuCustomers {background-image: url('IconsDefault/Contacts_48.png');}
.MainMenuEntry:hover #imgMenuCustomers {background-image: url('IconsFocus/Contacts_48.png');}

#imgMenuInvoices {background-image: url('IconsDefault/Invoice_48.png');}
.MainMenuEntry:hover #imgMenuInvoices {background-image: url('IconsFocus/Invoice_48.png');}

#imgMenuDocuments {background-image: url('IconsDefault/Document_48.png');}
.MainMenuEntry:hover #imgMenuDocuments {background-image: url('IconsFocus/Document_48.png');}

#imgMenuSettings {background-image: url('IconsDefault/Settings_48.png');}
.MainMenuEntry:hover #imgMenuSettings {background-image: url('IconsFocus/Settings_48.png');}

#imgMenuMasterData {background-image: url('IconsDefault/Database_48.png');}
.MainMenuEntry:hover #imgMenuMasterData {background-image: url('IconsFocus/Database_48.png');}

.MainMenu .Footer {
    visibility:hidden;
	white-space: nowrap;
	overflow: hidden;
}

.MainMenu .Footer a {
    color:rgb(53,53,53);
    text-decoration: none;
}

.MainMenu:hover .Footer {
    position:absolute; width:100%; height:45px;
    visibility:visible;
    bottom:0px; left:10px;
    -moz-transition-delay:0.36s;
    -o-transition-delay:0.36s;
    -webkit-transition-delay:0.36s;
    transition-delay:0.36s;
}

.MainMenu .TestFooter {
    visibility:hidden;
	white-space: nowrap;
	overflow: hidden;
}

.MainMenu:hover .TestFooter {
    position:absolute; width:100%; height:70px;
    visibility:visible;
    bottom:60px; 
    text-align: center;
    -moz-transition-delay:0.36s;
    -o-transition-delay:0.36s;
    -webkit-transition-delay:0.36s;
    transition-delay:0.36s;
}

/*#endregion*/


/*#region MyRegion */

.arrow_box {
    position:fixed; width:220px; height:100px;
    top: 60px; left: 10px;
    border-radius:6px;
    background-color: rgb(22, 126, 251);
    background-color: rgba(22, 126, 251, 0.95);
    padding: 4px 12px 4px 12px;
}

.arrow_box, .arrow_box p, .arrow_box a {
	color: White;
	font-weight: bold;
	text-decoration: none;
}

.arrow_box:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(22, 126, 251, 0);
	border-bottom-color: #167efb;
	border-width: 18px;
	margin-left: -18px;
}

/*#endregion*/


/*#region E-Mail Indikator */

.EmailHint {
    position:fixed;
    bottom: 150px; left: 0px;
    height:20px; width:22px;
    padding: 3px;
    background-color: rgb(42,132,243);
    background-color: rgba(42,132,243,0.80);
    color: white;
    z-index: 1000;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
} 

/*#endregion*/


/*#region Manuelle Tabelle in einem Grid */

.GridSubTbl td {
	border-style: none !important;
	padding: 0px !important;
}

/*#endregion*/

/*#region Funktion in Klondialog */

.CloneFunctions a {
	text-decoration: none;
    display: block;
    width: 230px;
    height: 40px;
    -webkit-box-shadow: 3px 3px 6px rgb(190, 190, 190);
    -moz-box-shadow: 3px 3px 6px rgb(190, 190, 190);
    box-shadow: 3px 3px 6px rgb(190, 190, 190);
    background-color: rgb(245, 245, 245);
}

.CloneFunctions .FunctionTbl {
    height: 100%;
}

.CloneFunctions .FunctionTbl .FunctionImgCol {
    vertical-align: middle;
}

.CloneFunctions .FunctionTbl .FunctionTxtCol {
    vertical-align: middle;
}

.CloneFunctionOffer a {
    background-color: rgb(246, 246, 201);
}

.CloneFunctionConfirmation a {
    background-color: rgb(246, 201, 201);
}

.CloneFunctionInvoice a {
    background-color: rgb(218, 238, 244);
}

.CloneFunctionDefault {
    background-color: rgb(250, 250, 250);
}

.CloneFunction {
	margin-top: 3px;
	border: 1px solid rgb(180, 180, 180);
}

.CloneFunctionDisabled a {
    background-color: rgb(210, 210, 210);
}

/*#endregion*/

/*#region AppTip */

.AppTipWindow {
	position: absolute;
	width: 564px;
	margin-left: -282px;
	left: 50%;
	top: 25%;
	border-radius: 10px;
	border:1px solid black;
	background: #f5f5f5;
}

.AppTipHeader {
	background-color: rgb(230, 230, 230);
	border-bottom: 3px solid #c51321;
	height: 28px;
	border-radius: 9px 9px 0 0;
	padding: 11px;
}
    .AppTipHeader img{
	    float:left;
    }
    .AppTipHeader p {
	    padding-top: 2px; 
	    float: right;
	    margin: 0;
	    margin-top: -3px;
	    font-size: 20px;
	    font-weight: 600;
    }
    .AppTipHeader div * {
	    float: left;
    }
    .AppTipHeader div {
	    width: 320px;
	    margin: 0 auto;
    }

.AppTipImg {
	height: 200px;
	overflow: hidden;
}
    .AppTipImg img{
	    width: 100%;
    }

.AppTipFooter {
	background-color: rgb(230, 230, 230);
	height: 50px;
	border-radius:0 0 9px 9px;
	padding: 0 10px 20px 10px;
	text-align: center;
}

    .AppTipFooter div {
        padding-top: 25px;
    }
        
    .AppTipFooter a {
        padding: 6px 6px;
        margin-top: -5px;
        background-color: #c51321;
        z-index: 999;
        width: 200px;
        text-align: center;
        color: white;
        border-radius: 3px;
        margin-right: 10px;
        font-size: 14px;
	    text-decoration: none;
    }

.AppText {
	padding: 0 40px;
}

/*#endregion*/

/*#region Leitfaden rechts in Auftrag */

.AssistantRight {
vertical-align:top;
background-color:rgb(240, 240, 240);
border-left-style: solid; 
border-left-width: 1px; 
border-left-color: rgb(219,219,219);
border-spacing:0px;
width:100%;
overflow: hidden;
height: 100%;
padding: 12px;
} /* Leitfaden rechts */

.AssistantHdg p {
	font-size: 14px;
	font-weight: bold;
	margin: 12px 0px 6px 0px;
}

.AssistantText p {
	font-size: 12px;
	margin: 6px 0px 24px 0px;
}

/*#endregion*/


/*#region Funktionen auf der rechten Seite (td) */

.FunctionsRight {
	width: 236px; 
	vertical-align: top;
}

.FunctionsRightDocked {
	width: 30px; max-width: 30px;
	overflow: hidden;
	vertical-align: top;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
} /* ausgeblendete Version */

    .FunctionsRightDocked:hover {
	    width: 255px;  max-width: 255px;
        -webkit-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
    }

.FunctionsRightMore {
	height: 40px; 
	overflow: hidden;
} /* ausgeblendete Version */

    .FunctionsRightMore:hover {
	    height:auto;
    }

    .FunctionsRightMore a {
        height: 40px;
    }

/*#endregion*/

/*#region OK-Meldung */

.OkFadeOkMsg {
    position:fixed;
    top: 50%; left: 50%;
    margin-top: -80px;
    margin-left: -300px;
    padding:24px;
    width:600px;
    background-color: rgb(240,255,240);
    border: 5px solid rgb(240,255,240);
    border-radius:4px;
    z-index: 2000;
    -webkit-box-shadow: 5px 5px 20px grey;
    -moz-box-shadow: 5px 5px 20px grey;
    box-shadow: 5px 5px 20px grey;
    opacity: 0,95;
}
    @-webkit-keyframes fadeout {
        0%   {opacity: 0;  width:600px; padding:24px;}
        10%  {opacity: 0.95}
        70%  {opacity: 0.95}
	    99% {width:600px; padding:24px;}
        100%  {opacity: 0; width:0px; padding:0px;}
    }
    @-moz-keyframes fadeout {
        0%   {opacity: 0; width:600px; padding:24px;}
        10%  {opacity: 0.95}
        70%  {opacity: 0.95}
	    99% {width:600px; padding:24px;}
        100%  {opacity: 0; width:0px; padding:0px;}
    }
    @keyframes fadeout {
        0%   {opacity: 0; width:600px; padding:24px;}
        10%  {opacity: 0.95}
        70%  {opacity: 0.95}
	    99% {width:600px; padding:24px;}
        100%  {opacity: 0; width:0px; padding:0px;}
    }
    .OkFadeOkMsg {
        -webkit-animation-duration: 1200ms;
        -webkit-animation-name: fadeout;
        -moz-animation-duration: 1200ms;
        -moz-animation-name: fadeout;
        animation-duration: 1200ms;
        animation-name: fadeout;
        opacity: 0;
        width: 0px;
        padding:0px;
    }

/*#endregion*/

@-webkit-keyframes ZoomIn {
    0%   {opacity: 0;}
    100%  {opacity: 0.95;}
}
@-moz-keyframes ZoomIn {
    0%   {opacity: 0;}
    100%  {opacity: 0.95;}
}
@keyframes ZoomIn {
    0%   {opacity: 0;}
    100%  {opacity: 0.97;}
}

.AjaxBackground {
    position: fixed; 
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 10000;
} /* Abdeckender Hintergrund */


/*#region Tabellen in Produktionsliste */

.ProductionListTbl {
    border-width: 1px;
	border-style: solid;
    border-color: rgb(220,220,220);
    border-collapse: collapse;
    width: 100%;
}

    .ProductionListTbl tr {
        border-width: 1px;
	    border-style: solid;
        border-color: rgb(220,220,220);
        padding: 12px 6px 12px 6px;
    }
     
    .ProductionListTbl td {
        border-width: 1px;
	    border-style: solid;
        border-color: rgb(220,220,220);
        padding: 12px 6px 12px 6px;
    }
    
        .ProductionListTbl td p {
            margin: 0px;
        }
    
    .ProductionListTbl .RecipeTbl {
        border-width: 0px;
	    border-style: none;
        border-collapse: collapse;
        width: 100%;
    }

        .ProductionListTbl .RecipeTbl td {
            border-width: 0px;
	        border-style: none;
	        padding: 3px;
        }

/*#endregion*/


/*#region Hauptmenü */

.MainMenuNew  {
    Position: fixed;
    width:262px;
    height:39px;
    background-color: rgb(90,90,90);
    border-bottom: 1px solid rgb(120,120,120);
    margin: 0;
    padding: 0;
}

    .MainMenuNew a {
        display:inline-block;
        width:260px;
        height:39px;
        text-decoration: none;
        color: White;
    }

    .MainMenuNew img {
        margin: 8px 0px 0px 20px; 
    }

    .MainMenuNew a p {
        margin: -20px 0px 0px 60px; 
        color: White;
        font-size: 14px;
    }

    .MainMenuNew .SubMenu {
        Position: fixed;
        overflow: auto; 
        width:262px;
        background-color:rgb(240, 240, 240);
    }

.MainMenuActive {
    float: left;
    background-color: rgb(252, 60, 57);
    width:10px;
    height:40px;
    padding: 0px;
}

/*#endregion*/

.ProductionChatComment {
    font-size: 10px;
    margin-bottom: 6px;
} /* Kommentar im Chat der Produktionsliste*/

/*#region Sprechblase */

.SpeechBubbleLeft {
    position: relative;
    width: 70%; min-height: 24px;
    padding: 8px;
    margin: 6px 20px 6px 0px;
    background: rgb(240,240,240);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: rgb(220,220,220) solid 1px;
}

    .SpeechBubbleLeft:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 8px 17px 8px 0;
        border-color: transparent rgb(240,240,240);
        display: block;
        width: 0;
        z-index: 1;
        left: -17px;
        top: 11px;
    }

    .SpeechBubbleLeft:before {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 8px 17px 8px 0;
        border-color: transparent rgb(220,220,220);
        display: block;
        width: 0;
        z-index: 0;
        left: -18px;
        top: 11px;
    }

.SpeechBubbleRight {
    position: relative;
    width: 70%; min-height: 24px;
    left: 30%;
    margin: 6px 0px 6px -40px; 
    padding: 8px;
    background: rgb(240,240,240);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: rgb(220,220,220) solid 1px;
}

    .SpeechBubbleRight:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 8px 0 8px 17px;
        border-color: transparent rgb(240,240,240);
        display: block;
        width: 0;
        z-index: 1;
        right: -17px;
        top: 11px;
    }

    .SpeechBubbleRight:before {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 8px 0 8px 17px;
        border-color: transparent rgb(220,220,220);
        display: block;
        width: 0;
        z-index: 0;
        right: -18px;
        top: 11px;
    }

.SpeechBubbleSendInfo {
	font-size: 10px;
	margin-bottom: 6px; margin-top: 0px;
	color: rgb(150,150,150);
} /* Absatz mit Absenderinfos */

.SpeechBubbleTable {
    width:100%; 
    font-size:13px; 
    border-style:none; 
    border-collapse:collapse;
}
    .SpeechBubbleTable td {
        text-align:left; 
        vertical-align: top;
        padding:1px 0px 1px 0px !important;
        border-style: none !important;
    }


/*#endregion*/


/*#region MyRegion */

.ShopToolBar {
    position: sticky;
    width: 100%; height: 64px;	
	background-color: rgb(245,245,245);
    border-bottom: 1px solid rgb(219,219,219);
}

    .ShopToolBar a {
        display:inline-block;
        margin: 8px 16px;
        height:48px;
        text-decoration: none;
    }

    .ShopToolBar a img {
        float:left;
        vertical-align: middle;
        margin-left: 16px; margin-top: 8px;
    }

    .ShopToolBar .NoMarginLeft {
        margin-left: 0px !important;
    }

    .ShopToolBar a p {
        float:left;
        vertical-align: middle;
        margin: 0px 0px 0px 10px;
        line-height: 48px;
        font-size: 15px;
        overflow: auto;
    }

    .ShopToolBar input {
        float:left;
        vertical-align: middle;
        margin: 21px 10px 0px 0px;
        width: 200px;
        font-size: 15px;
        overflow: auto;
    }

/*#endregion*/

/*#region Hauptmenü am oberen Seitenrand */

#TopMenu {
    position: fixed;
    left: 0px; width: 100%;
    padding: 0px;
    top: -13px; 
    z-index: 999;
}

    #TopMenu ul {
        list-style-type: none;
        margin-left: 0;
        padding: 0;
        overflow: hidden;
        background-color: rgb(65, 65, 65);
        opacity: 0.93;
    }

    #TopMenu ul li {
        float: left;
        width: 12%;
        border-right: 1px none rgb(110, 110, 110);
    }

        #TopMenu ul li a {
            display: block;
            color: white;
            text-align: center;
            padding: 14px 0px 0px 0px;
            text-decoration: none;
        }

        #TopMenu ul li a img {
            position:relative;
            height: 48px; width: 48px;
        }

        #TopMenu ul li a p {
            color: white;
            white-space: nowrap;
        }

        #TopMenu ul li a:hover p {
            color: rgb(210, 210, 210);
        }

#TopMenuExpress {
    position: fixed;
    left: 0px; width: 100%;
    padding: 0px;
    top: -13px; 
    z-index: 999;
} /* Hauptmenü für Expressversion*/ 

    #TopMenuExpress ul {
        list-style-type: none;
        margin-left: 0;
        padding: 0;
        overflow: hidden;
        background-color: rgb(65, 65, 65);
        opacity: 0.93;
    }

    #TopMenuExpress ul li {
        float: left;
        width: 14%;
        border-right: 1px none rgb(110, 110, 110);
    }

        #TopMenuExpress ul li a {
            display: block;
            color: white;
            text-align: center;
            padding: 14px 0px 0px 0px;
            text-decoration: none;
        }

        #TopMenuExpress ul li a img {
            position:relative;
            height: 48px; width: 48px;
        }

        #TopMenuExpress ul li a p {
            color: white;
            white-space: nowrap;
        }

        #TopMenuExpress ul li a:hover p {
            color: rgb(210, 210, 210);
        }

.TopMenuExpressReservierung {
    position: fixed;
    left: 0px; width: 100%;
    padding: 0px;
    top: -13px; 
    z-index: 999;
} /* Hauptmenü für Expressversion*/ 

    .TopMenuExpressReservierung ul {
        list-style-type: none;
        margin-left: 0;
        padding: 0;
        overflow: hidden;
        background-color: rgb(65, 65, 65);
        opacity: 0.93;
    }

    .TopMenuExpressReservierung ul li {
        float: left;
        width: 16.5%;
        border-right: 1px none rgb(110, 110, 110);
    }

        .TopMenuExpressReservierung ul li a {
            display: block;
            color: white;
            text-align: center;
            padding: 14px 0px 0px 0px;
            text-decoration: none;
        }

        .TopMenuExpressReservierung ul li a img {
            position:relative;
            height: 48px; width: 48px;
        }

        .TopMenuExpressReservierung ul li a p {
            color: white;
            white-space: nowrap;
        }

        .TopMenuExpressReservierung ul li a:hover p {
            color: rgb(210, 210, 210);
        }

/* Untermenü */ 

.TopMenuSub {
    position: fixed;
    top: 107px; left: 1%; width: 98%;
    background-color: rgb(248, 248, 248);
    border: solid 1px rgb(230, 230, 230);
    -webkit-box-shadow: 3px 3px 6px rgb(200,200,200);
    -moz-box-shadow: 3px 3px 6px rgb(200,200,200);
    box-shadow:  3px 3px 6px rgb(200,200,200);
    z-index: 20000;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.TopMenuSub H1 {
    color:rgb(252, 60, 57); 
    margin: 20px 0px 0px 20px;
    font-weight:300; 
    font-size:38px; 
    padding-top: 24px;
}

.TopMenuSub H2 {
    font-size:16px; 
    margin-top: 24px; margin-bottom: 12px;
    margin-top: 10px;
}

.TopMenuSub a {
    text-decoration: none;
}

.TopMenuSub table {
    width: 100%;
    margin: 20px 0px 12px 20px;
}

.TopMenuSub table tr td {
    vertical-align: top;
}

.TopMenuSub table .Left {
    width: 150px;
    padding-right: 10px;
}

.TopMenuSub table .Right {
    padding-left: 10px;
    border-left: solid 1px rgb(219, 219, 219);
}

.TopMenuSub .Box {
	position:relative;
	float:left;
    width: 170px;
    margin-left: 20px; margin-bottom: 20px;
    min-height: 180px;
}

.Visible {
    opacity: 0.97;
    visibility: visible;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 20000;
}

.Hidden {
    opacity: 0;
    visibility: hidden;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 20000;
}

.DefaultBlueColor {
    color: #167EFB;
}

.clear{clear:both;}

.MainToolbarUnderMenu {
    position: fixed;
    top: 106px; left: 36px;
    width: 100%; 
    z-index: 999;
} /* Container um rechte ToolBar */

.MainToolbarRightUnderMenu {
    position: fixed;
    top: 106px; left: 300px;
    width: 100%; 
    z-index: 999;
} /* Container um rechte ToolBar */

.ToolbarShortcuts {
    position: fixed;
    top: 107px; left: 0px;
    width: 36px; 
    z-index: 999;
} /* ToolBar links */

.MenuSpace {
    height: 107px;
}

.MenuClose {
    position: absolute;
    top: 25px; right: 25px;
}

/* Responsive Design für Menü */

@media (max-width: 780px) , screen and (max-height: 900px) { 
    #TopMenu ul li a img {
        height: 32px; width: 32px;
    }
    #TopMenuExpress ul li a img {
        height: 32px; width: 32px;
    }
    .TopMenuSub {
        top: 91px; 
    } 
    .MainToolbarUnderMenu {
        top: 90px;
    } 
    .MainToolbarRightUnderMenu {
        top: 90px; 
    } 
    .ToolbarShortcuts {
        top: 91px; 
    } /* ToolBar links */
    .StripeLeftUnderToolbarShortcuts {
        top: 91px; 
    } 
    .MenuSpace {
        height: 90px;
    }
}

@media (max-width: 780px) { 
    #liSettings { 
        display: none;
    }
    #TopMenu ul li {
        width: 14%;
    }
}

@media (max-width: 600px) { 
    #liMasterData { 
        display: none;
    }
    #TopMenu ul li {
        width: 16%;
    }
    .TopMenuSub {
        top: 91px; 
    } 
}

@media (max-width: 500px) { 
    #liSerialMail { 
        display: none;
    }
    #TopMenu ul li {
        width: 19%;
    }
    #TopMenu ul li a img {
        height: 24px; width: 24px;
    }
    #TopMenuExpress ul li a img {
        height: 24px; width: 24px;
    }
    .TopMenuSub {
        top: 83px; 
    } 
    .MainToolbarUnderMenu {
        top: 84px;
    } 
    .MainToolbarUnderMenu {
        top: 84px;
    } 
    .MenuSpace {
        height: 75px;
    }
}

@media (max-height: 700px) { 
    .TopMenuSub H1 {
        margin-top: 0px; padding-top: 12px;
        font-size:28px; 
    }
    .TopMenuSub table {
        margin-top: 10px;
    }
    .TopMenuSub .Box {
        margin-bottom: 10px;
        min-height: 160px;
    }
}

/*#endregion*/

.RadSearchBox_Default .rsbButton {
    visibility: hidden !important; 
}

.TextHint {
    width:100%; font-size:13px; 
    border:solid 1px gray; 
    border-collapse:collapse;
}

    .TextHint td {
        vertical-align: top; 
        border:solid 1px rgb(219,219,219); 
        padding: 6px 3px 6px 3px;
    }

/*#region Express-Registrierung */

@keyframes ExpressTest {
    from {bottom: -1000px;}
    to {bottom: 0px;}
}

.ExpressTest {
    position:fixed;
    bottom: 0px; left: 50%; right:50%;
    height:22px; width:200px;
    margin-left: -112px;
    padding: 4px 0px 2px 24px;
    background-color: rgb(42,132,243);
    background-color: rgba(42,132,243,0.80);
    border: 1px solid rgb(222,222,222);
    z-index: 1000;
    border-radius:6px 6px 0px 0px;
    border-left-style:none;
	transform-origin: left top 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    animation-name: ExpressTest;
    animation-duration: 1.5s;
} 

.ExpressTest a {
    color: white;
    font-weight: bold; font-size:14px; 
    text-decoration: none;
} 

/*#endregion*/

/*#region Hinweis Backupserver */

@keyframes BackupMode {
    from {bottom: -1000px;}
    to {bottom: 0px;}
}

.BackupMode {
    position:fixed;
    bottom: 0px; left: 50%; right:50%;
    height:80px; width:450px;
    margin-left: -112px;
    padding: 4px 0px 2px 24px;
    background-color: rgb(252, 60, 57);
    border: 1px solid rgb(222,222,222);
    z-index: 1000;
    border-radius:6px 6px 0px 0px;
    border-left-style:none;
	transform-origin: left top 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    animation-name: BackupMode;
    animation-duration: 1.5s;
} 

.BackupMode p {
    color: white;
    font-weight: bold; font-size:14px; 
    text-align: center;
    margin: 3px 0px 6px 0px;
    text-decoration: none;
} 

/*#endregion*/

/* Videobereich */ 

.VideoLink {
    float:left;
    margin: 20px 20px 0px 20px;
}


.VideoSubtitle1 {
    font-size: 13px;
    color:rgb(60,60,60);
    text-align: center;
    line-height: 20px;
    margin-top: 4px; margin-bottom: 2px;
}

.VideoSubtitle2 {
    font-size: 18px;
    color:rgb(60,60,60);
    text-align: center;
    line-height: 20px;
    margin-top: 0px; margin-bottom: 24px;
}

.HelpTable {
    width:100%; 
    border-style:none; 
    border-collapse:collapse;
}

    .HelpTable tr td {
        vertical-align: middle;
    }