body { color: #333; padding: 0 30px; font-family: Arial, Helvetica, sans-serif; font-size: 76%; background-image: url(images/bg1.gif); background-position:0px 0px; background-repeat:repeat-x; } .panel { clear: both; display: none; border: 3px solid #CCC; padding: 1em; } .panel.active-tab-body { display: block; } #tabs { list-style: none; } #tabs li { float: left; } #tabs a { float: left; padding: 5px 8px; margin-left: 6px; background-color: #F2F2F2; text-decoration: none; color: #999999; } #tabs a.active-tab { background-color: #CCC; border-top: 3px solid #999; padding-top: 3px; color: #000; } input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.required, textarea.required { border: 1px solid #00A8E6; } input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300; color : #FF3300; } input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; padding: 5px; background-color: #FF3300; color : #FFF; font-weight: bold; } .custom-advice { margin: 5px 0; padding: 5px; background-color: #C8AA00; color : #FFF; font-weight: bold; } fieldset { padding: 1em; margin-bottom: 0.5em; } label { font-weight: bold; } .form-row { clear: both; padding: 0.5em; } .field-label { } .field-widget { } .white:link {color:#ffffff; text-decoration:none} .white:visited {color:#ffffff; text-decoration:none} .white:active {color:#ad2740; text-decoration:none} .white:hover {color:#ad2740; text-decoration:underline} input.button { background-color:#ad2740; color:#ffffff; border: 1px solid #ad2740; } input.loeschen { background-color:#eeeeee; color:#000000; border: 0px solid #eeeeee; font-family: Verdana; font-size: 10px; text-decoration: underline; color : #000000; } body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; } a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; } a:visited { color: #000000; } a:hover { color: #ad2740; } a:active { color: #FFFFFF; } /* Tab -----------------------------------------------------------------------*/ #tabs { margin:0; padding: 0; list-style-type: none; } #tabs li { display: block; float:left; margin-right: 0.3em; font-family: "Verdana", "Lucida Grande", serif; font-size: 1.05em; font-weight: 700; list-style-type: none; height: 25px; } #tabs li:hover { outline-width: 1px; outline-style: solid; } #tabs .portal { padding-left: 1px; } #tabs li:hover.portal { padding-left: 0px; margin-left: 1px; } #tabs li a { padding: 4px; padding-left: 1em; padding-right: 1em; display:block; color: #fff; text-decoration: none; } /* Pathbar -------------------------------------------------------------------*/ #path { clear:both; /*background-color: rgb(59, 162, 195);*/ color: #fff; /*border-bottom: 1px solid rgb(153, 153, 153);*/ padding: 3px; padding-left: 1em; margin-bottom: 0.5em; margin-top: 0; position: relative; } #path a { color: #fff; text-decoration: none; } #path a:hover { text-decoration: underline; } #pathbarmenu { position: absolute; right: .2em; top: 0; padding: 0px; } /* Hintergründe einfärben ---------------------------------------------------*/ #menu-left .menu.portal h4, #menu-right .menu.portal h4, #tabs .portal, body.portal #path, #path { background-color: #ad2740; outline-color: #ad2740; } #menu-left .menu.design h4, #menu-right .menu.design h4, #tabs .design, body.design #path { background-color: #566374; outline-color: #566374; } #tabs .portal, /* TODO: #tabs .portal entfernen (Workaround für leere Klasse im ) */ body.portal #tabs .portal, body.design #tabs .design, body.coding #tabs .coding, body.management #tabs .management, body.server #tabs .server { padding-bottom: 3px; } /* TODO: komplett entfernen (Workaround für leere Klasse im ) */ body.design #tabs .portal, body.coding #tabs .portal, body.management #tabs .portal, body.server #tabs .portal { padding-bottom: 0px; } /* Menü für den Userbereich */ table.menu a { width:160px; border:1px solid #ffffff; display: block;} div.menu a{ color: #ffffff; background: #566374; text-decoration:none; line-height:20px; padding: 0px 3px; font-weight:bold; font-family: Arial, Helvetica, sans-serif;} div.menu (position:absolute;top:0; left:0;) /*fixes IE slowness?? */ div.menu a:link {color: #566374; font-weight:bold; text-decoration: none; background: #566374;border:1px solid #ffffff;} div.menu a:active {color: #566374; font-weight:bold; text-decoration: none; background: #566374;} div.menu a:visited {color: #ffffff; font-weight:bold; text-decoration: none; background: #566374;} div.menu a:hover {color: #ffffff; font-weight:bold; text-decoration: none; background: #ad2740;border:1px solid #ffffff;} p#pagelist a { font-size: 10px; margin: 0px 0px; padding: 1px 4px 1px 4px; text-align: center; border: 1px solid #CCCCCC; color: #444444; text-decoration: none; } p#pagelist a:hover, .pageactive { background-color: #ad2740; border-color: #cccccc; color: #ffffff; } p#page a { padding: 1px 1px 1px 1px; text-align: center; border: 1px solid #CCCCCC; color: #444444; text-decoration: none; } p#page a:hover, .pageactive { background-color: #999999; border-color: #cccccc; color: #ffffff; } /* CSS für die Bewerbercard (Bild) */ .card-left, .card-right { float: left; width: 165px; margin: 0 0px 0px 0; padding: 10px 0; text-align: center; background: #eeeeee; border-right: 1px solid #C1C1C1; border-bottom: 1px solid #C1C1C1; font-size: 90%; } .card-right { float: right; margin: 0 0 0px 0px; } /* TOOLTIP */ .formInfo a, .formInfo a:active, formInfo a:visited{ background-color:#ad2740; font-size: 1.3em; font-weight:bold; padding:1px 2px; margin-left:5px; color:#FFFFFF; text-decoration: none; } .formInfo a:hover{ color:#000000; text-decoration: none; } #JT_arrow_left{ background-image: url(../images/arrow_left.gif); background-repeat: no-repeat; background-position: left top; position: absolute; z-index:101; left:-12px; height:23px; width:10px; top:-3px; } #JT_arrow_right{ background-image: url(../images/arrow_right.gif); background-repeat: no-repeat; background-position: left top; position: absolute; z-index:101; height:23px; width:11px; top:-2px; } #JT { position: absolute; z-index:100; border: 2px solid #ad2740; background-color: #fff; } #JT_copy{ padding:10px 10px 10px 10px; color:#333333; } .JT_loader{ background-image: url(../images/loader.gif); background-repeat: no-repeat; background-position: center center; width:100%; height:12px; } #JT_close_left{ background-color: #ad2740; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; } #JT_close_right{ background-color: #ad2740; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; } #JT_copy p{ margin:3px 0; } #JT_copy img{ padding: 1px; border: 1px solid #ad2740; } .jTip{ cursor:help; } #myForm { border: 0px solid #cac9b9; padding: 5px; } #myForm p { margin-bottom: 5px; } #myForm label { float: left; width: 150px; } #myForm input, #myForm textarea, #myForm select { border: 1px solid #cac9b9; } #myForm .red { border: 1px solid red; } #myForm label.red { border: none; color: red; } #myForm .customRed { border: none; color: red; } #myForm #submit { margin-left: 150px; background-color:#ad2740; color:#ffffff; border: 1px solid #ad2740; } } #validationMessage { padding: 5px; /*background-color: #eee;*/ border: 1px solid red; margin-bottom: 10px; color: red; font-weight: normal; display: none; } #myForm .errorMessage { color: red; margin-left: 10px; font-size:1em; } #formContent{ padding:5px; } /* END CSS ONLY NEEDED IN DEMO */ /* Big box with list of options */ #ajax_listOfOptions{ position:absolute; /* Never change this one */ width:250px; /* Width of box */ height:250px; /* Height of box */ overflow:auto; /* Scrolling features */ border:1px solid #ad2740; /* Dark green border */ background-color:#eee; /* White background color */ text-align:left; font-size:1em; z-index:100; } #ajax_listOfOptions div{ /* General rule for both .optionDiv and .optionDivSelected */ margin:1px; padding:1px; cursor:pointer; font-size:1em; } #ajax_listOfOptions .optionDiv{ /* Div for each item in list */ } #ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */ background-color:#ad2740; color:#FFF; } #ajax_listOfOptions_iframe{ background-color:#eee; position:absolute; z-index:5; } #cont { padding-left: 10px; padding-right: 10px; }