/***********************************************/
/* WaWision css                       */
/* designed by *105 GmbH & Co. KG              */
/* http://www.stern105.de                      */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/*********************************************+*/ 

html, body { height:100%; }

body{
background:[TPLSYSTEMBASE];
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#000;
	margin: 0px;
	padding: 0px;
	line-height:1.4;
    height: 100vh;
		
	SCROLLBAR-FACE-COLOR: #fff;
	SCROLLBAR-HIGHLIGHT-COLOR: #fff; 
    SCROLLBAR-SHADOW-COLOR: #fff; 
    SCROLLBAR-ARROW-COLOR: #d4d4d4; 
    SCROLLBAR-BASE-COLOR: #d4d4d4; 
	SCROLLBAR-DARKSHADOW-COLOR: #d4d4d4;
	SCROLLBAR-TRACK-COLOR: #fff;
}

fieldset {
  background-color:#ececec;
  border: 0px solid #ececec;
  border-top: 25px solid #ececec;

  position:relative;
  margin:0px;
  margin-top:5px;
  border-bottom: 5px solid #fff;
  padding:5px;
  border-width: 24px 5px 0px;
}

legend {
  margin-top:5px;

  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size: 10pt;
  color: #656565;
  text-transform: uppercase;
}

a.startpage:hover {color:#000; text-decoration:underline; }
a.startpage {color:#000; text-decoration:none;font-weight:normal; }


.iconininput {

position:relative;
top:5px;
left:-27px;

}



/***********************************************/
/* COMMON STYLES                               */
/***********************************************/

.size-3 {
  width:36px;
}
.size-5 {
  width:50px;
}
.size-40 {
  width:295px;
}
.size-30 {
  width:225px;
}
.size-20 {
  width:155px;
}
.size-10 {
  width:85px;
}
@media screen and (max-width: 480px) and (min-width: 321px){
  input {
    max-width:450px;
  }
  .cke{
    max-width:450px;
  }
}
@media screen and (max-width: 767px) and (min-width: 481px){
  input {
    max-width:720px;
  }  
}
@media screen and (max-width: 767px) and (min-width: 321px){
  .cke{
    max-width:720px;
  }
  .size-40 {
    max-width:250px;
  }
  .size-30 {
    max-width:195px;
  }
  .size-40.relative {
    max-width:190px;
  }
  .size-30.relative {
    max-width:160px;
  }
  .size-20.relative {
    max-width:140px;
  }
  .size-10.relative {
    max-width:70px;
  }
  .ui-autocomplete-input.size-40{
    max-width:210px;
  }
  .ui-autocomplete-input.size-30{
    max-width:165px;
  }
  .ui-autocomplete-input.size-20{
    max-width:125px;
  }
  .ui-autocomplete-input.size-10{
    max-width:60px;
  }
  .ui-autocomplete-input.size-40.relative{
    max-width:160px;
  }
  .ui-autocomplete-input.size-30.relative{
    max-width:130px;
  }
  .ui-autocomplete-input.size-20.relative{
    max-width:110px;
  }
  .ui-autocomplete-input.size-10.relative{
    max-width:60px;
  }
}


@media screen and (max-width: 320px){
  input {
    max-width:300px;
  }
  .cke{
    max-width:300px;
  }
  .size-40 {
    max-width:160px;
  }
  .size-30 { 
    max-width:120px;
  }
  .size-40.relative {
    max-width:100px;
  }
  .size-30.relative { 
    max-width:90px;
  }
  .size-20 { 
    max-width:80px;
  }
  .size-10 { 
    max-width:70px;
  }
  .ui-autocomplete-input.size-40{
    max-width:140px;
  }
  .ui-autocomplete-input.size-30{
    max-width:100px;
  }
  .ui-autocomplete-input.size-40.relative{
    max-width:70px;
  }
  .ui-autocomplete-input.size-30.relative{
    max-width:60px;
  }
  .ui-autocomplete-input.size-20{
    max-width:60px;
  }
  .ui-autocomplete-input.size-10{
    max-width:60px;
  }
}

a {color:[TPLFIRMENFARBEDUNKEL]; text-decoration:none; font-weight:bold;}
.ui-tabs-anchor {text-decoration:none; font-weight:normal;}
a:hover {color:#000; text-decoration:none; }

hr {margin-top: 8px; margin-bottom: 8px; border:0;}
p {margin:8px 3px 8px 0; padding:0; }

* HTML #hack {width: 955px; w\idth: 906px;}
/* with n height HACK (neccessary for margin n padding */

h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px;}

H1 {padding:13px 8px 6px 8px; font-weight:bold; font-size:1.8em; color:[TPLFIRMENFARBEGANZDUNKEL];}
H1.first {font-size:1em; margin-bottom: 20px; margin-top:0px;}
H2 {padding:13px 8px 6px 8px; font-weight:bold; font-size:1.4em;}
H3 {padding:13px 8px 6px 8px; color:#027d8d; font-size:1.2em;}
/*	
UL {margin:0; padding:0; list-style:square inside;}
LI {margin:0; padding:0;}
UL {margin:2px 0 10px 13px;}
*/
.bgJournal {background-color:#f2b005; color:#fff;}
.bgCompany {background-color:#43bbd1;}
.bgShop {background-color:#b1c800;}
.bgStudents {background-color:#934c94;}

.borderGrey {border:1px solid #d4d4d4;}
.borderJournal {border:1px solid #f2b005;}

img {border:0px;}

img{border:1px solid #;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding-top:2px;
}


.imgCenter {text-align:center;}

.uc{text-transform:uppercase;}

.iconbar_icon {
                padding-left:5px;
}
.iconbar {
		font-size:6pt;
		color:[TPLNAVIGATIONFARBESCHRIFT];
		font-weight:normal;
                padding-left:8px;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

DIV#header {height:100px; background-image: -moz-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
background-image: -webkit-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
background-image: -ms-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
 margin-bottom:0px;}

.bgstyle { background-image: -moz-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
background-image: -webkit-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
background-image: -ms-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);}

DIV#header2 {border:1px solid rgb(2, 125, 141);; background-color:yellow; height:20px; width:100%; }
 .toolbarleft {
    left:-5px;
  }

SPAN#headertoolbar {

 font-family: Arial, Helvetica, sans-serif;
 font-weight:bold;
  font-size: 12pt;
  color: white;
  margin: 5px;
  margin-left: 12px;
  text-transform: uppercase;
  padding: 0px;

}

SPAN#headertoolbar a{
  color: white;
}

SPAN#headertoolbar1 {

 font-family: Arial, Helvetica, sans-serif;
 font-weight:bold;
  font-size: 11pt;
  color: [TPLFIRMENFARBEHELL];
  margin-right: 5px;
  text-transform: uppercase;
  padding: 0px;

}

div.nachrichtenbox {
background-color:[TPLNACHRICHTBOX];width:62px;height:15px; padding:3px;text-align:center;padding-top:8px;
font-weight:bold;
}

div.nachrichtenboxzahl_red {
width:26px;height:13px;background-color:#fd5653;
color:white;
font-size:8pt;
text-align:center;
padding:3px; padding-top:1px;font-weight:bold; cursor: pointer;
margin:-3px 15px;
}
	
div.nachrichtenboxzahl {
width:26px;height:13px;background-color:#57c8e5;
color:white;
font-size:8pt;
text-align:center;
padding:3px; padding-top:1px;font-weight:bold; cursor: pointer;
margin:-3px 15px;
}


	
SPAN#headertoolbar2 {

 font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  color: white;
}
	
DIV#footer {
	height:32px; margin-top:-6px;
		 background-image: -moz-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
background-image: -webkit-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
background-image: -ms-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
	text-align:center; color: [TPLNAVIGATIONFARBESCHRIFT];}


/***********************************************/
/* Component Divs                              */
/***********************************************/

/************* #teaser styles ************************/
DIV#teaser {}
DIV#teaser.bgJournal {background-color:#FCE7C1;}
DIV#teaser H1 {padding:4px 8px 3px 8px;}
DIV#teaserContent {padding:13px 0; 
	text-align:center; font-size:0.9em; color:#000;}
DIV#teaserContent HR {border-top:1px solid #f2b005;}
DIV#teaser a {color:#000; }
DIV#teaser a:hover {color:[TPLFIRMENFARBEDUNKEL];}
	
/************* #search styles ************************/
DIV#simpleForm {padding: 5px 4px 7px 5px; margin-bottom:6px;
	background-color:#d5ecf2; border:1px solid #63c3d3;
	font-size:0.9em;}
DIV.tabsbutton A {color:#fff; font-weight:bold; text-decoration:none;}
DIV#simpleForm H2 {padding:0; margin:0; font-size:1.4em;}
DIV#simpleForm HR {border-top:1px solid #017e92;}
DIV#simpleForm input[type=text], DIV#simpleForm input[type=password] {width:120px;}
DIV#simpleForm input[type=image] {margin-bottom:1px;}

/************* #topNav styles ************************/
DIV#topNav {height:33px; margin-bottom:34px; background-color:#000; color:#fff;}
DIV#topNav ul {margin:0; padding:8px 0 0 13px; font-size:1.2em;}
DIV#topNav ul li {display:inline; padding:0 8px 0 23px; background:url(./themes/new/images/topNav_arrow.gif) top left no-repeat;}
DIV#topNav A {color:#fff; font-weight:bold; text-decoration:none;}
DIV#topNav A:HOVER {color:#acdd4a; font-weight:bold; text-decoration:none;}

/************* #bottomNav styles ************************/
DIV#footer ul {margin:8px 0 0 0; padding:0;}
DIV#footer ul li {display:inline; padding-right:8px; list-style:none; font-size:0.9em;}
DIV#footer A {color: [TPLNAVIGATIONFARBESCHRIFT]; text-decoration:none;}
DIV#footer A:hover {color: [TPLNAVIGATIONFARBESCHRIFT]; text-decoration:underline;}


/***********************************************/
/* CONTENT Divs                                */
/***********************************************/

/************* #box styles ************************/
.box {height:190px; overflow:hidden;}
.box ul, .container ul {padding:5px 0 20px 0; list-style:none outside; line-height:1.1;}
.box li, .container li {margin:4px 0; padding:0 0 0 22px; background:url(./themes/new/images/menue_arrow.png) center left no-repeat;}
.box A, .container A {color:#fff; font-weight:bold; text-decoration:none;}
.box A:HOVER, .container A:HOVER {color:#fff; font-weight:bold; text-decoration:underline;}
	
/************* #claim styles ************************/
DIV#claim {font-size:1.3em; font-weight:bold; padding-left:10px; width: 180px;}
* HTML #claim {width: 190px; w\idth: 180px;}

/************* #bodyText styles ************************/
DIV#bodyText H1 {padding:20px 0 10px 0; color:[TPLFIRMENFARBEDUNKEL]; font-size:1.3em;}
DIV#bodyText H2 {padding:17px 0 6px 0; color:[TPLFIRMENFARBEDUNKEL]; font-size:1.1em;}
DIV#bodyText .shortText {margin:13px 0 20px 0; color:[TPLFIRMENFARBEDUNKEL]; font-weight:bold;}
DIV#bodyText .shortText a {color:#000; text-decoration:underline;}
DIV#bodyText .shortText a:hover {color:[TPLFIRMENFARBEDUNKEL]; text-decoration:underline;}

/***********************************************/
/* Table Styles                                */
/***********************************************/
DIV#bodyText TABLE.tableJournal {border:1px solid #f2b005; margin:5px 0px 10px 0px; font-size:1em;}
DIV#bodyText TABLE.tableJournal-1 {margin:5px 0px 10px 0px; font-size:1em;}
DIV#bodyText TABLE TR TD {vertical-align:top;}
/* erste Spalte, erste Zeile */
DIV#bodyText TABLE TR.tr-0 TD, TABLE.contenttable TR TD.td-0 {padding:6px 8px; color:#fff; font-weight:bold; background-color:#f2b005; text-align:left;} 
DIV#bodyText TABLE TD {padding:2px 8px; margin:0px;}
DIV#bodyText TABLE TR.tr-odd {background-color:#FCE7C1;}
DIV#bodyText TABLE TR.tr-even {background-color:#fff4de;}




/***********************************************/
/* Form Divs                                   */
/***********************************************/
form {display: inline; margin:0; padding:0;}
input[type=text], input[type=password], textarea, select {font-size:11px; color:#000; padding:3px 5px;}
input[type=text].error, input[type=password].error {border:1px solid #63c3d3;}
input[type=text].long, input[type=password].long {width:220px;}
input[type=text].small {width:40px;}
input[type=text].medium {width:162px;}
.error {font-weight:bold; color:#63c3d3;}
.inputField {border:1px solid #c7cdcd;}
.btnSubmit {background-color:#63c3d3; color:#fff; font-weight:bold; padding:3px 12px; border:1px solid #63c3d3; cursor:pointer;}
.btnGreen { background-color: #abc908 !important;  cursor:pointer; }



ul#Navigation {
    width: 170px;
    margin: 0;
    padding: 0.2em 0.2em 0.2em;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0.1em; padding: 0;
  }

  ul#Navigation a, ul#Navigation span, ul#Navigation h2 {
    display:block;
		font-weight:bold;
    text-decoration: none;
    margin: 0.1em; padding: 0.3em;
    border-left-color: white; border-top-color: white;
    color: black; background-color: #eee;
  }
  ul#Navigation a:hover, ul#Navigation span {
    border-color: white;
		font-weight:bold;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
  ul#Navigation h2 {
    font-size: 1em;
    margin: 0.1em; padding: 0.3em;
    border:1px solid #ccc;
    color: black; background-color: #bde5f8;
  }

  ul#Navigation h2.allgemein {
    color: black; background-color: #e5efa6;
  }

   ul#Navigation h2.hauptmenu {
    color: black; background-color: red;
  }


  
  
#jsddm
{ margin: 0;
  padding: 0; z-index: [JSDMMZINDEX]; 
	position:absolute;
	top:70px;
}

.secnav {
    border-top: 1px solid #888a89;
    border-bottom: 1px solid #888a89;
}

  #jsddm li
  { float: left;
    list-style: none;
    font-weight:bold;
letter-spacing: 0.03em;
    font: 13px Tahoma, Arial}

  #jsddm li a
  { display: block;
    font-weight:bold;
    padding: 12px 12px 12px;
    text-decoration: none;
    background:[TPLNAVIGATIONFARBE];
    color:[TPLNAVIGATIONFARBESCHRIFT];
    white-space: nowrap;
    padding-top:7px;
   }




  #jsddm li a:hover
  { background: [TPLNAVIGATIONFARBE2]; color:[TPLNAVIGATIONFARBESCHRIFT2];/*color: [TPLNAVIGATIONFARBE];*/
		}

    #jsddm li ul
    { margin: 0;
      padding: 0;
      z-index: [JSDMMZINDEX];
      position: absolute;
      visibility: hidden;
			height:0px;
			}

    #jsddm li ul li
    { float: none;
      display: inline;}

    #jsddm li ul li a
    { 
      z-index: [JSDMMZINDEX];
      padding:4px 10px 4px 10px;
      background: [TPLNAVIGATIONFARBE]; 
      color:[TPLNAVIGATIONFARBESCHRIFT2];
      font-weight:normal;
      border-left: 1px solid #888a89;
      border-top: 0px;
      font: 12px Arial;
		}

    #jsddm li ul li a:hover
 	 { background: [TPLNAVIGATIONFARBESCHRIFT]; color:[TPLNAVIGATIONFARBESCHRIFT2]; /*color: [TPLNAVIGATIONFARBE];*/}

li.hamburger{
  display:none;
}
   
@media screen and (max-width: 767px){
  #textvorlageicon{display:none;}
 img#tpllogofirma {
   max-width:200px;
   max-height:40px;
 }
  #jsddm li{width:100% !important; display:none;position:relative !important;}
  #jsddm > li:first-child{display:none !important;}
  #jsddm li:first-child + li{display:block;}
#jsddm li li {position:relative;z-index:201;width:100% !important;}
#jsddm li ul{width:100% !important;position:relative;}
  li.hamburger{
   display:inline-block;height:50px;width:100% !important;color:[TPLNAVIGATIONFARBESCHRIFT]; font: 14px Arial !important;font-weight:bold !important;
 }
 
 li.hamburger span.hamburgerschrift {
   padding-left:12px;
   line-height:25px;
 }
 
 li.hamburger span.hamburgerimg {
   float:right;display:inline-block;width:30px;
 }
 
 #jsddm li.aktiv{
   display:inline-block;visibility:visible !important;
 }
 #jsddm li.aktiv2 li,#jsddm li.aktiv2 ul {
 display:inline-block;visibility:visible !important;
     margin-top:0;
    margin-bottom:0;
 }
 
 #jsddm li a{
   
       border:0 !important;
    text-align:left;
    margin-left:20px;
 }
 #jsddm li ul li a
    { 
    border:0 !important;
    text-align:left;
    padding-left:40px;
    padding-top:8px;
     margin-top:0;
    margin-bottom:0;
    }
    
    .secnav {
      border-top:0;
      border-bottom:0;
      
    }
 
}

input[type=text],input[type=password], select, textarea { font-size:11px; font-family:Verdana,sans-serif; border:1px solid [TPLFIRMENFARBEDUNKEL]; background-color:#F8F8FF;}

input[type=text].pflicht, textarea.pflicht {
        background-color: #FFDFDF;
}

input[type=text],input[type=password], select, textarea { font-size:11px; font-family:Verdana,sans-serif; border:1px solid [TPLFIRMENFARBEDUNKEL]; background-color:#F8F8FF; padding:5px;


}
input[type=submit],input[type=reset],input[type=button] { 
font-size:11px; 
font-family:Verdana,sans-serif;  
background-color:[TPLFIRMENFARBEDUNKEL]; 
color:white; border:1px solid [TPLFIRMENFARBEDUNKEL]; 
padding:4px; 
margin:3px;
color:white;
background-color:[TPLFIRMENFARBEDUNKEL];
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 0px;
}


div.info > input[type=button], div.warning > input[type=button], div.error > input[type=button],
div.info > input[type=submit], div.warning > input[type=submit], div.error > input[type=submit]
{
  float:right;
  margin-top:-2px;
}

.info, .success, .warning, .error, .validation, .error2, .important {
/*border: 1px solid;*/
/*margin: 00px 0px;*/
margin-bottom:5px;
padding:15px 10px 15px 50px;
margin-left:2px;
background-repeat: no-repeat;
background-position: 10px center;
border-radius:3px;
}

.info {
color: #219CB0;
background-color: #D5ECF2;
background-image: url('./themes/new/images/info.png');
}

.warning {
color: #6DA033;
background-color: #E5F5D2;
background-image: url('./themes/new/images/warning.png');
}

.error {
color: #FF7F2A;
background-color: #FFE6D5;
background-image: url('./themes/new/images/error.png');
}

.important {
color: #FF7F2A;
background-color: #FFE6D5;
background-image: url('./themes/new/images/lagerstop.png');
}


.error2 {
color: #219CB0;
background-color: #D5ECF2;
background-image: url('./themes/new/images/info.png');
}


.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('./themes/new/images/success.png');
}


input[readonly] {
	border: 1px solid #999;
	background-color: #ececec;
}

input[disabled] {
	border: 1px solid #999;
	background-color: #ececec;
}


select[disabled] {
	border: 1px solid #999;
	background-color: #ececec;
}


textarea.cols3 { height: 200px; width: 98%;}

.mybox {margin-bottom:10px; padding: 3px 3px; width:99%; display: inline-block;}

.mybox a {
  display: inline-block;
  color: #027D8D;
  border: 1px solid #A6C9E2;
  background: #D5ECF2;
  padding: 3px 5px;
  margin: 2px 2px;
}

.mybox a:hover { color: #000; }

.mybox a.active { color: #71BFC9; }

.rules {
  color: #FFF;
  font-weight: 700;
  background-color: #6EB6D5;
  border: 1px solid #4297D7;
  text-align: left;
  padding: 3px 0px 3px 10px;
  font-size: 14px;
  margin-top: 15px;
}

tr.tablefooter td {padding: 3px 2px;  background-color: #6EB6D5; text-align: center;}

table.linkedit {text-align: left;}
table.linkedit td{ padding: 2px 5px;}

h2.fieldheader {
	float:left;
}


span.found {
	background-color: #F78181;
	border: 1px solid red;
}

span.replaced {
  background-color: #64FE2E;
  border: 1px solid green;
}

ul.home_termine {
	margin: 0px;
	padding: 0px;
}

ul.home_termine li {
	list-style-type: none;
	margin: 3px;
	padding: 2px 5px;
	background-color: #3A87AD;
	color: #FFFFFF;
	border: 1px solid #3A87AD;
	border-radius: 5px;
	cursor: pointer;
}

ul.home_termine li span.description {
	display:inline-block;
	width:160px;
}

a#wiki_startseite_edit {
	display: inline-block;
	border: 1px solid #aaaaaa;
	float:right;
	padding: 2px 5px;
	color: #0645AD;
	font-style: normal;
	font-weight: 400;
}

a#wiki_startseite_edit:hover, a#wiki_startseite_edit:focus { 
	text-decoration: underline;
}


div.noteit {
font-family:Helvetica,Helv; font-size:100%; padding: 5px; margin:5px; width:95%; 
border: 1px solid #ccc;
-moz-box-shadow: -1px -1px 1px #888;
-webkit-box-shadow: -1px -1px 1px #888;
box-shadow: -1px -1px 1px #888;
} 

div.noteit_prio {
background-color:#E5F5D2;
font-family:Helvetica,Helv; font-size:100%; padding: 5px; margin:5px; width:95%; 
border: 1px solid #ccc;
-moz-box-shadow: -1px -1px 1px #888;
-webkit-box-shadow: -1px -1px 1px #888;
box-shadow: -1px -1px 1px #888;
}

div.noteit_highprio {
background-color:#FFE6D5;
font-family:Helvetica,Helv; font-size:100%; padding: 5px; margin:5px; width:95%; 
border: 1px solid #ccc;
-moz-box-shadow: -1px -1px 1px #888;
-webkit-box-shadow: -1px -1px 1px #888;
box-shadow: -1px -1px 1px #888;
}

.ui-button-text { 
color:white;
background-color:[TPLFIRMENFARBEDUNKEL];
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 0px;
}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }




.greyh2 {
 background-color:#999; color:white; padding:2px; font-size:9pt;padding-left:5px;
}


#wikinav {
    /*height:35px;*/
    padding: 1px;
}
#wikinav ul {
   /*float:left;*/
	list-style-type:none;

}

#wikinav ul li {
background-color:[TPLFIRMENFARBEHELL];
display:block;
padding-top:4px;
padding-left:5px;
width:180px;
}

#wikinav ul li ul li{
background-color:[TPLUNTERNAVIGATIONFARBE];
display:block;
position:relative;
left:-18px;
width:180px;
}

#wikinav ul li a{
	color:[TPLNAVIGATIONFARBESCHRIFT];
}
#wikinav ul li ul li a{
	color:[TPLUNTERNAVIGATIONFARBESCHRIFT];
}

.loader_app {
  position: absolute;
  right: 10px;
  top: 28px;
}

@media screen and (min-width: 320px){
  .mkTableFormular tr td:first-child {
    padding-top:8px;
    width:200px;
  }

  .mkTableFormular tr td:nth-child(4) {
    width:200px;
  }




}
.mkTableFormular tr td {
  vertical-align:top;
}
@media screen and (max-width: 768px){
  .hide768 {
    display:none;
  }
}

@media screen and (max-width: 320px){
  .hide320 {
    display:none;
  }
}


.mkTableFormular {
  float:left;
}



.mkTable {
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  width:100%;
}

.mkTable tr td,
.mkTable tr th {
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  padding: 3px;
}

.mkTable tr th {
  font-weight: bold;
  text-align: left;
  background: #e0e0e0;
}

.mkTable tr:nth-child(odd) td {
  background: #e0e0e0;
}

.mkTable tr:nth-child(even) td {
  background: #FFF;
}


@media print {
  #header {
    display: none;
  }
  #scroller2 {
    display: none;
  }

  .ui-tabs-nav {
    display: none;
  }

  .bgstyle > table > tr:first-child > td:first-child {
    display: none;
  }
  .mce-btn-group {
    display: none !important;
  }

  .toolbarleft {
    display: none;
  }
}

.rTabs {
        position: relative;
        margin: 0 0 10px 0;
}

.rTabs ul,
.rTabs ul li {
        padding: 0;
        margin: 0;
        list-style: none;
}

.rTabs ul {
        border-bottom: 5px solid #d7d7d7;
        overflow: auto;
}

.rTabs ul li {
        float: left;
        padding: 5px 0 0 0;
}

.rTabs ul li a {

        display: block;
        padding: 5px 10px;
        border: 1px solid #d7d7d7;
        border-bottom: 0;
}

.rTabs ul li.aktiv {

}

.rTabs ul li.aktiv a {
        background: #d7d7d7;
}

.rTabSelect {
        position: absolute;
        right: 2px;
        top: 1px;
}


i.chat_own {
color:#999;
font-size:8pt;
}

i.chat_other {
color:#6DA033;
font-size:8pt;
}

.chat_circle {
   width: 12px;
   height: 12px;
   background: [TPLFIRMENFARBEDUNKEL];
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   color:#fff;
   font-size:6pt;
   font-weight:bold;
   text-align:center;
   vertical-align:middle;
   line-height:12px;
   display:inline-block;
   cursor: pointer;
}



.dashbox {
 padding:5px;
 margin:3px;
 float:left;
 display: table;
}
.dashbox_light {
  background-color:#35b1c7;
}


.dashbox_grey {
  background-color:#dadbdd;
}

.dashbox_dark {
  background-color:#03758a;
}

.dashbox_header {
 color:white;
 margin-bottom:5px;
 padding:0px;
 text-transform:uppercase;
 font-weight:bold;
 height:20px;
 display: table-row;
}

.dashbox_content {
 background-color:white;
 padding:0px;
 display: table-row;
}


.tabsbutton a span {
  background-color:#A2D624 !important;
}

.tabsbutton > span > a.ui-button, .tabsbutton > a.ui-button {
  background-color:transparent;
}


fieldset.filter {
  background-color:#ececec;
  border: 0px solid #ececec;
  position:relative;
  margin:0px;
  margin-top:5px;
  margin-bottom:0px;
  padding:5px;
}

fieldset.filter > img {
  float:right;
}

fieldset.filter > div {
  float:left;
  background:#ddd;
  padding:4px;
  padding-left:5px;
  padding-right:5px;
  margin:3px;
  border-radius: 5px;
}

fieldset.filter > div:first-child {
  width:100px;
  background:transparent;
}

.bigarrowdown {

width: 0;
height: 0;
border-style: solid;
border-width: 50px 100px 0 100px;
border-color: #cfcfd1 transparent transparent transparent;
margin:10px;
margin-left:auto;
margin-right:auto;

}


.waage {
  font-size:20pt;
  font-weight:bold;
  width:100%;
  height:40px;
  background-color:#ccc;
  padding:10px;
  text-align:center;
}

.button_waage {
  width:100%;
  height:150px;
  color:red;
}

input[name="speichern"],input[value="Speichern"],input.buttonsave {
 background-color:#A2D624;
 font-size:110% !important;
 font-weight:bold;
}



/*
.dark > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(3) > a:nth-child(3) > img:nth-child(1) 
{
width:30px;
top: 11px;
position: relative;
}
*/



.schaetzung {
  background:#ffffcc !important;
}


.validator_message {
  z-index:1000;
  position: absolute;
  background-color:#cd2e26;
  color: white;
  padding: 5px 12px; 
  padding:3px;
  border-radius: 5px;
  margin-left: 30px;
  margin-top: 3px;
  white-space: nowrap;
}

.dataTables_wrapper .dataTables_processing {
    background : url(./themes/new/images/loading.gif)  no-repeat ;
    background-position: 50% 0px;
    background-size: 150px;
    padding-top: 90px;
}

a.ui-tabs-anchor:hover{color:#000 !important;}


.greybox { background-color:lightgrey;color:white;padding:10px;font-size:1.8em;text-align:right; }

.textfeld_icon { top:6px;position:relative;cursor:pointer; }