/***********************************************/ /* WaWision css */ /* designed by *105 GmbH & Co. KG */ /* http://www.stern105.de */ /***********************************************/ /***********************************************/ /* HTML tag styles */ /*********************************************+*/ html, body { height:100%; } body{ background:#48494b; 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:#53bed0; 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:#018fa3;} 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:#c9c9cb; font-weight:normal; padding-left:8px; } /***********************************************/ /* Layout Divs */ /***********************************************/ DIV#header {height:100px; background-image: -moz-linear-gradient(left, #48494b, #48494b); background-image: -webkit-linear-gradient(left, #48494b, #48494b); background-image: -ms-linear-gradient(left, #48494b, #48494b); margin-bottom:0px;} .bgstyle { background-image: -moz-linear-gradient(left, #48494b, #48494b); background-image: -webkit-linear-gradient(left, #48494b, #48494b); background-image: -ms-linear-gradient(left, #48494b, #48494b);} 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: #c2e3ea; margin-right: 5px; text-transform: uppercase; padding: 0px; } div.nachrichtenbox { background-color:rgba(255,255,255,0.1);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, #48494b, #48494b); background-image: -webkit-linear-gradient(left, #48494b, #48494b); background-image: -ms-linear-gradient(left, #48494b, #48494b); text-align:center; color: #c9c9cb;} /***********************************************/ /* 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:#53bed0;} /************* #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: #c9c9cb; text-decoration:none;} DIV#footer A:hover {color: #c9c9cb; 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:#53bed0; font-size:1.3em;} DIV#bodyText H2 {padding:17px 0 6px 0; color:#53bed0; font-size:1.1em;} DIV#bodyText .shortText {margin:13px 0 20px 0; color:#53bed0; font-weight:bold;} DIV#bodyText .shortText a {color:#000; text-decoration:underline;} DIV#bodyText .shortText a:hover {color:#53bed0; 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; } 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: 10; 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:#48494b; color:#c9c9cb; white-space: nowrap; padding-top:7px; } #jsddm li a:hover { background: #c9c9cb; color:#48494b;/*color: #48494b;*/ } #jsddm li ul { margin: 0; padding: 0; z-index: 10; position: absolute; visibility: hidden; height:0px; } #jsddm li ul li { float: none; display: inline;} #jsddm li ul li a { z-index: 10; padding:4px 10px 4px 10px; background: #48494b; color:#48494b; font-weight:normal; border-left: 1px solid #888a89; border-top: 0px; font: 12px Arial; } #jsddm li ul li a:hover { background: #c9c9cb; color:#48494b; /*color: #48494b;*/} 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:#c9c9cb; 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 #53bed0; 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 #53bed0; background-color:#F8F8FF; padding:5px; } input[type=submit],input[type=reset],input[type=button] { font-size:11px; font-family:Verdana,sans-serif; background-color:#53bed0; color:white; border:1px solid #53bed0; padding:4px; margin:3px; color:white; background-color:#53bed0; -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:#53bed0; -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:#c2e3ea; display:block; padding-top:4px; padding-left:5px; width:180px; } #wikinav ul li ul li{ background-color:#d5ecf2; display:block; position:relative; left:-18px; width:180px; } #wikinav ul li a{ color:#c9c9cb; } #wikinav ul li ul li a{ color:#018fa3; } .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: #53bed0; -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; }