/* Group add / edit */
#content #main form.box.head .content .preview_groupedit{width:80%;margin:20px 0 0 0;}
#content #main form.box.head .content .preview_groupedit .grouppic{float:left;margin:0 15px 0 0;}

body.eurofh a.icon_delete{background:transparent url("../images/icons/ic_icons_eurofh.png") no-repeat 0 -232px;}
body.ils a.icon_delete{background:transparent url("../images/icons/ic_icons_ils.png") no-repeat 0 -232px;}

#content #main #createmessage input#recipient1{width:50%;margin:0 15px 0 0;}
#content #main #createmessage input#recipient2{width:50%;margin:0 15px 0 0;}
#content #main #createmessage input#recipient3{width:50%;margin:0 15px 0 0;}
#content #main #createmessage input#recipient4{width:50%;margin:0 15px 0 0;}
#content #main #createmessage input#recipient5{width:50%;margin:0 15px 0 0;}
#content #main #createmessage input#recipient6{width:50%;margin:0 15px 0 0;}
#content #main #createmessage input#recipient7{width:50%;margin:0 15px 0 0;}
#content #main #createmessage input#recipient8{width:50%;margin:0 15px 0 0;}
#content #main #createmessage input#recipient9{width:50%;margin:0 15px 0 0;}
#content #main #createmessage input#recipient10{width:50%;margin:0 15px 0 0;}
#content #main #createmessage input#recipient12{width:50%;margin:0 15px 0 0;}
#content #main #createmessage input#recipient13{width:50%;margin:0 15px 0 0;}
#content #main #createmessage input#recipient14{width:50%;margin:0 15px 0 0;}
#content #main #createmessage input#recipient15{width:50%;margin:0 15px 0 0;}
#content #main #createmessage input#recipient16{width:50%;margin:0 15px 0 0;}
#content #main #createmessage input#recipient17{width:50%;margin:0 15px 0 0;}
#content #main #createmessage input#recipient18{width:50%;margin:0 15px 0 0;}
#content #main #createmessage input#recipient19{width:50%;margin:0 15px 0 0;}
#content #main #createmessage textarea{width:97%;line-height:200%;height:150px;}

#content #main #breadcrumbs {padding:0px 0px 15px 15px;width:100%;}

div.messanger a{padding:10px 0 10px 50px;background:transparent url("/images/icons/ic_imservices.png") no-repeat 0 0;}
div.messanger a.windowsLive{background-position:0 -450px;}
div.messanger a.windowMessenger{background-position:0 -450px;}
div.messanger a.yahoo{background-position:0 -513px;}
div.messanger a.skype{background-position:0 -570px;}
div.messanger a.icq{background-position:0 -626px;}
div.messanger a.aim{background-position:0 -682px;}
div.messanger a.gtalk{background-position:0 -747px;}
div.messanger a.jabber{background-position:0 -802px;}
div.messanger a.twitter{background-position:0 -858px;}
/*li.imMiniTwitter{background-position:0 -402px;}*/

/* Stati f�r FF und EA */
#content #main table.normal tr td span.status.status0{background-color:#CC0000;}
#content #main table.normal tr td span.status.status1{background-color:#ff7900;}
#content #main table.normal tr td span.status.status2{background-color:#FFFF00;}

span.status{display:inline-block;width:11px;height:11px;margin:3px 10px 0 0;float:left;border:1px solid #bbb;background:#0dc700 url("../images/icons/ic_status.png") repeat-x top left;text-indent:-3000px;}
span.status.low{background-color:#CC0000;}
span.status.middle{background-color:#FFFF00;;}
span.status.high{background-color:#0dc700;}

#content #main table.normal tr td span.status.low{background-color:#CC0000;}
#content #main table.normal tr td span.status.middle{background-color:#FFFF00;;}
#content #main table.normal tr td span.status.high{background-color:#0dc700;}

#content #extra.sde{
	float:left;
	width:205px;
	margin:-13px 0px 30px 0px;
	-moz-box-shadow:0px 2px 4px #eee;-webkit-box-shadow:0px 2px 4px #eee;box-shadow:0px 2px 4px #eee;/*position:relative*/;z-index:1;}

/* Arbeitsplatz Dateianhang */
span.sde_file{width:74%;float:left;padding:5px 9px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
span.ea_user_upload{width:69%;float:left;padding:5px 9px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
span.ea_user_download_arbeitsplatz{width:52%;float:left;padding:5px 9px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
span.ff_user_upload_arbeitsplatz{width:52%;float:left;padding:5px 9px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
span.ff_user_upload{width:69%;float:left;padding:5px 9px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}

.sde_upload{padding:0 0 0 10px;color:#111;font-size:11px;}

/* Patch wegen langen Modulnamen */
#content #main .box.disciplinesView .summary h3{color:#005ea8;font-size:14px;width:200px}

#content #main ul.attachments li span.cbfile{width:70%;float:left;padding:5px 9px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.sde_upload{padding:0 0 0 10px;color:#111;font-size:11px;}

textarea.modul1700 {
	margin-left: 27px;
	padding: 4px 3px 2px 3px;
	width: 320px;
	height: 160px;
    float:right;
}
textarea.modul1700_expanded{
	margin-top: 10px;
	padding: 4px 3px 2px 3px;
	width: 90%;
	height: 160px;
}
.ac_deletable {
    background:url("/extensions/no.png") no-repeat scroll right center white;
}

.clear {
	clear: both;
}

img.msg_del_button {
    margin-bottom:5px;
    vertical-align:middle;
    margin-left:-10px;

}

a.sde_go {
    background: url("../images/icons/ic_arrows_ils.png") no-repeat scroll 100% -38px transparent;
    padding-right: 15px !important;
    color: #005EA8 !important;
    font-weight: bold !important;
    text-decoration: none;
}

div.sde_error, span.sde_error {
    color: #CC0000;
    border-color: #CC0000;
    border-width: 1px;
    border-style: solid;
    padding:13px 13px 15px 13px;
    margin-bottom:15px;
    display:block;
}

div.sde_info, span.sde_info {
    color:green;
    border-color: green;
    border-width: 1px;
    border-style: solid;
    padding:13px 13px 15px 13px;
    margin-bottom:15px;
    display:block;
}

#content #main table.normal tbody tr td a.icon_attachment {
    display:inline-block;
    width:18px;
    height:18px;
    background:transparent url("../images/icons/ic_icons_ils.png") no-repeat 0 -137px;
    text-indent:0px !important;
}
a.icon_attachment{display:inline-block;width:18px;height:18px;text-indent:-3000px;background:transparent url("../images/icons/ic_icons_ils.png") no-repeat 0 -137px;}


#content #sidebar ul#sectnavsmall{font:normal normal bold 13px/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;margin:0 0 35px 0;border-top:1px solid #e5e5e5;}
#content #sidebar ul#sectnavsmall>li{border-bottom:1px solid #e5e5e5;}
#content #sidebar ul#sectnavsmall li a{display:block;padding:2px 0 3px 10px;}
#content #sidebar ul#sectnavsmall>li>a{padding-top:11px;padding-bottom:11px;background:transparent url("../images/icons/ic_arrows_ils.png") no-repeat 171px -25px;}/*skin*/
#content #sidebar ul#sectnavsmall li a:hover{background-color:#0066b3;color:#fff;text-decoration:none;background-position:171px -66px;}/*skin*/
#content #sidebar ul#sectnavsmall li.active>a{color:#fff;background-color:#0066b3;background-position:171px -66px;}/*skin*/
#content #sidebar ul#sectnavsmall li.active.sub>a{background-position:171px -228px;}/*skin*/
#content #sidebar ul#sectnavsmall li ul{font-size:11px;font-weight:normal;}
#content #sidebar ul#sectnavsmall li ul li{padding:6px 0 5px 0;}
#content #sidebar ul#sectnavsmall li ul li:first-child{margin:7px 0 0 0;}
#content #sidebar ul#sectnavsmall li ul li a{font-weight:normal;}
#content #sidebar ul#sectnavsmall li ul li a{font-weight:normal;}
#content #sidebar ul#sectnavsmall li ul li ul li{padding:2px 0;}


ul.sde_default li, ll {
    list-style:disc inside none;
}

ol.sde_default li ll {
    list-style:decimal inside none;
}
#content #main form.box .content fieldset label.formRow.doCheck+input[type=password] {position:relative;float:right;width:45%;padding-top:4px;}


/* Neuer Style f�r das Overlay bei threadabo */
a.sde_moreInfoBox {
	display: inline;
	float:right;
	position: absolute;
	width: 20px;
	height: 20px;
}

.success{color:#4DA321;}
.success input[type=text], input[type=text].success,
.success textarea, textarea.error,
.success select, select.error,
p.success, span.success{border:1px solid green !important;}

p.success, span.success,/* there are also child selector specified rules of those */

.infobox{display:block;padding:13px 13px}


h1#logo_both{position:absolute;top:15px;left:6px;background:transparent url("../images/logos/logo_both.png") no-repeat top left;-webkit-transition: -webkit-transform 3s ease-in;}
.spacer-ils{width:111px;height:95px;}/*skin*/
.spacer-feb{margin:44px 0px 0px 0px;width:320px;height:45px;}/*skin*/
h1#logo_both{position:static !important;}

h1#logo_both_eurofh{position:absolute;top:15px;left:6px;-webkit-transition: -webkit-transform 3s ease-in;}
#header h1#logo_both_eurofh a{display:block;width:430px;height:95px;text-indent:-3000px;}/*skin*/
h1#logo_both_eurofh{position:static !important;}

h1#logo_feb{background:transparent url("../images/logos/lg_fernakademie_neu.png") no-repeat 0px 44px;}
h1#logo_ils{background:transparent url("../images/logos/lg_ils.png") no-repeat top left;}

h1.efh_login {
    background:transparent url("../images/logos/lg_eurofh_login_v2.png") no-repeat center left;
}

.normalFont {
    font-weight:normal !IMPORTANT;
    color:black !important;
}

.textfett
{
    font-weight: bold !important;
}
/*
h1#logo_both{position:absolute;top:15px;left:6px;background:transparent url("../images/logos/logo_both.png") no-repeat top left;-webkit-transition: -webkit-transform 3s ease-in;}
*/
/*
#content #main ol.letterBar {float:right;margin:0 0 20px 0;}
*/
#content #main ol.letterBar {margin:0 0 20px 0;}
#content #main ol.letterBar li{float:left;padding:0 2px;}
#content #main ol.letterBar li a{padding:2px 3px 2px 3px;}
#content #main ol.letterBar li.active a{background:#0066b3;color:#fff;text-decoration:none;}/*skin*/
#content #main ol.letterBar li a:hover{background:#0066b3;color:#fff;text-decoration:none;}/*skin*/
#content #main ol.letterBar li:first-child,
#content #main ol.letterBar li:last-child{padding:0;}
#content #main ol.letterBar li a.prev:hover,
#content #main ol.letterBar li a.next:hover{background:none;color:#0066b3;}
#content #main ol.letterBar li a.prev:hover span,
#content #main ol.letterBar li a.next:hover span{text-decoration:underline;}

#content #main form.searchbar input.searchright[type="text"]{float:right !important;margin: 0 20px 0 15px;}
#content #main form ol.letterBar{margin:5px 0 0 0;}

body.eurofh #content #main ol.letterBar li.active a{background:#005ea8;}
body.eurofh #content #main ol.letterBar li a:hover{background:#fd0;color:#005ea8;}
body.eurofh #content #main ol.letterBar li a.prev:hover,
body.eurofh #content #main ol.letterBar li a.next:hover{background:none;color:#005ea8;}

body.fernakademie #content #main ol.letterBar li.active a{background:#ec7532;}
body.fernakademie #content #main ol.letterBar li a:hover{background:#f4e1bb;color:#666;}
body.fernakademie #content #main ol.letterBar li a.prev:hover,
body.fernakademie #content #main ol.letterBar li a.next:hover{background:none;color:#ec7532;}

a.LetterMark {
    border: thin solid;
    background: #0066b3;
    color: #fff;
    text-decoration: none;
}

#content #main .infoicon {
    background-image: url('../images/icons/ic_icons.png');
    background-repeat: no-repeat;
    background-position: -4px 0px;
    width:21px;
    height:21px;
    cursor:pointer;
}
#content #main .notenfix td, #content #main .notenfix th {
    border-left:0px !important;
    border-right:0px !important;
}

/**
 * PROGRESSBAR
**/
#content #main .pbar {
    width: 510px;
    display: block;
}
#content #main .pbarils {
    width: 535px;
    display: block;
}
#content #main .pbar .label {
    width: 510px;
    height: 20px;
    margin-bottom: 10px;
    display: block;
}
#content #main .pbar .cabin {
    float:left;
    height:28px;
}

#content #main .pbar .cabin .hook {
    margin:0 auto;
    text-align: center;
    display:block;
    height:15px;
    width:100%;
}
#content #main .pbar .cabin .hook .grey {
    margin:0 auto;
    display:block;
    height:15px;
    width:13px;
    background-image: url('../images/content/haken_grau.png');
    background-repeat: no-repeat;
}
#content #main .pbar .cabin .hook .green {
    margin:0 auto;
    display:block;
    height:15px;
    width:13px;
    background-image: url('../images/content/haken_gruen.png');
    background-repeat: no-repeat;
}
#content #main .pbar .cabin .progress {
    display:block;
    background-image:url('../images/content/pbar_gardient.gif');
    background-repeat: repeat-x;
    height:13px;
    border-top:1px solid #bbb;
    border-bottom:1px solid #bbb;
    width:100%;
}
#content #main .pbar .cabin .progress .color{
    display:block;
    height:13px;
    width:100%;
    opacity: .5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
#content #main .pbar .cabin .progress .fader{
    background-color: #FFF;
    display:block;
    height:13px;
    width:100%;
    opacity: .3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
}
#content #main .pbar .cabin .spacer {
    height:30px;
    width:1px;
    background-color: #bbb;
}
#content #main .pbar .cabin .coursespacer {
    height:15px;
    width:1px;
    background-color: #bbb;
}
#content #main .login .noticebox {
    width:100%;
    background-color:#F8F8F8;
    border-bottom:1px solid #DDD;
}
#content #main .login .noticebox p {
    padding:10px 13px 0px 13px;
    color:#CC0000;
}
#content #main .alumniprofil h4 {
    color: #005EA8;
    font-size:11px !important;
}
#content #main #inserieren .formRow:hover {
    cursor: default !important;
}
#content #main .buttonbar span input, #content #main .button input {
    cursor:pointer !important;
}

#header ul#mainnav li a  {
    background: transparent url("/images/icons/ic_arrows_ils.png") no-repeat scroll 130px -66px !important;
    padding: 11px 0 0 8px;
    /*width: 123px !important;*/
    width: 145px !important;
}
body.fernakademie #header ul#mainnav li.active a,
body.fernakademie #header ul#mainnav li a:hover  {
    background: transparent url("/images/icons/ic_arrows_fernakademie_grau.png") no-repeat scroll 110px -66px !important;
}

/*
.eurofh #container #header #mainnav #mainsearch:hover  {
    background: url("/images/backgrounds/bg_mainnav.png") repeat-x scroll left top #005EA8 !important;
}
*/
#content #main hr {
    margin-bottom:15px;
    height:1px;
    border:0px;
    color:#DDD;
    background-color:#DDD;
}
#content #main .uplink {
    background-image:url('/images/icons/ic_uparrow.png');
    background-repeat: no-repeat;
    padding:0px 0px 0px 11px;
    color:#005EA8;
}

#content #main .liste {
    list-style: url('/images/icons/ic_r_arrow.png') !important;
    list-style-position: inside !important;
}
#content #main .liste li {
    list-style: url('/images/icons/ic_r_arrow.png') !important;
    list-style-position: inside !important;
}

a.contactsofcontacts{padding-left:25px !important;background:transparent url("../images/icons/icon_kontaktanzeigen.png") no-repeat;}/*skin*/
a.noten{padding-left:25px !important;background:transparent url("../images/icons/ic_noten.png") no-repeat;}/*skin*/
a.onlineStatus {padding-left:25px !important;}/*skin*/
a.onlineStatus.nobody { background:transparent url("../images/icons/sichtbarkeitseinstellungen_rot_16.gif") no-repeat scroll -1px -2px; }
a.onlineStatus.friends { background:transparent url("../images/icons/sichtbarkeitseinstellungen_orange_16.gif") no-repeat scroll -1px -2px; }
a.onlineStatus.kommilitonen {background:transparent url("../images/icons/sichtbarkeitseinstellungen_gruen_16.gif") no-repeat scroll -1px -2px; }

.sdetooltip{
    position:absolute;
    display: none;
    background-color:#dedede;
    padding:5px;
    border:1px solid #fff;
    max-width:250px;
    text-align: left;
    z-index: 100000 !important;
}

.sdetooltipfindcontact{
    position:absolute;
    display: none;
    background-color:#dedede;
    padding:5px;
    border:1px solid #fff;
    max-width:500px;
    text-align: left;
    z-index: 100000 !important;
}

.sdetooltipfindcontact p{
    margin:0;
    padding:0;
    color:#fff;
    background-color:#222;
    padding:2px 7px;
    text-align: left;
    z-index: 100000 !important;
}

.sdetooltip p{
    margin:0;
    padding:0;
    color:#fff;
    background-color:#222;
    padding:2px 7px;
    text-align: left;
    z-index: 100000 !important;
}

.sdetooltipstudienplan{
    position:absolute;
    display: none;
    background-color:#dedede;
    padding:5px;
    border:1px solid #fff;
    max-width:250px;
    text-align: left;
    z-index: 10000 !important;
}

.sdetooltipstudienplan p{
    margin:0;
    padding:0;
    color:#fff;
    background-color:#222;
    padding:2px 7px;
    text-align: left;
    z-index: 10000 !important;
}

.sdetooltip_profil{
    position:absolute;
    display: none;
    background-color:#dedede;
    padding:5px;
    border:1px solid #fff;
    max-width:500px;
    text-align: left;
    z-index: 100000 !important;
}

.sdetooltip_profil p{
    margin:0;
    padding:0;
    color:#fff;
    background-color:#222;
    padding:2px 7px;
    text-align: left;
    z-index: 100000 !important;
}
#content #main .msgthread div.sde_contactpost{overflow:hidden;clear:both;padding:5px;margin:0 0 10px 0;background:#fff;border:1px solid #ddd;border-width:1px 0;}
#content #main .msgthread div.sde_contactpost div.head{position:relative;overflow:hidden;border-bottom:1px solid #ddd;}
#content #main .msgthread div.sde_contactpost div.head{min-height:120px;}
#content #main .msgthread div.sde_contactpost div.head div.info{}
#content #main .msgthread div.sde_contactpost div.head div.info .userpic{margin-bottom:0;}
/* Ticket #2768 CHANGED 3.08.2010 07:51 cbueter */
#content #main .msgthread div.sde_contactpost div.head div.info h4{padding:7px 0 0;margin-bottom:0;font-size:11px;color:#111;width:80%;height:32px;}
*+html #content #main .msgthread div.sde_contactpost div.head div.info h4{width:70%;}
#content #main .msgthread div.sde_contactpost div.head div.info h4 a:hover{text-decoration:none;}
/*#content #main .msgthread div.sde_contactpost div.head div.info span.time{margin:0 0 0 7px;}*/
#content #main .msgthread div.sde_contactpost div.head div.actions{position:absolute;top:0;right:0;text-align:right;margin:6px 9px 0 0;}
#content #main .msgthread div.sde_contactpost div.head div.actions p.rating{margin:0 0 22px 0;}
#content #main .msgthread div.sde_contactpost div.msg{clear:both;padding:10px;border:none;}
#content #main .msgthread p.sort{margin:20px 0 10px 15px;font-weight:bold;}
#content #main .msgthread p.sort a{margin:0 0 0 14px;}

.centerLoadingGif {
    display: none;
    left: 50%;
    top: 50%;
    position: fixed;
    z-index: 115;
}

#content #main .box .content ol.newsfeed li h4.sde {
    color: #111111;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 3px 3px;
}

#content #main .grey {
    color: #999;
    font-weight: bold;
}

.tbl_onlineseminar th {
    border-bottom: 1pt black double !important;
}

.tbl_onlineseminar td {
    border-bottom: 1pt black solid !important;
}

.adminlink{
    font-weight:bold !important;
    color:red !important;
    cursor:pointer !important;
}

.adminlink a:link, .adminlink a:visited, .adminlink a:hover, .adminlink a:active{
    font-weight:bold !important;
    color:red !important;
    cursor:pointer !important;
}

.pointer {
    cursor: pointer;
}

#studienbetreuer-div a.close {
    float:right;
    display:block;
    right:9px;
    top:9px;
    width:22px;
    height:21px;
    overflow:hidden;
    text-decoration:none;
    background:transparent url("../images/icons/ic_icons.png") no-repeat scroll 0 -241px;
}
#studienbetreuer-div #studienbetreuer {
    text-align:right;
    height:149px;
    width:205px;
}
#studienbetreuer-div a.close span{
    visibility:hidden;
}
body.eurofh #content #extra .sidebarcollapsible h3:hover {
    background:#FFDD00 !important;
    color:#005EA8 !important;
    cursor:pointer;
}
.sidebarcollapsible {
    margin-bottom:5px;
}
/* S2 Patch */
#content #extra div.myContacts ul.content{/*overflow:hidden;*/display:inline-block;padding:20px 0 25px 10px;}
#content #extra div.myContacts ul.content li{float:left;position:relative;margin:0 9px 5px 0;}
#content #extra div.myContacts ul.content li>div.tooltip{right:60px;bottom:60px;/*bottom:10px;*/}
#content #extra div.myContacts ul.content li:hover>div.tooltip{display:block;}
#content #extra div.myContacts ul.content li.placeholder{border:1px solid #e4e4e4;background-color:#fff;}
#content #extra div.myContacts ul.content li.placeholder span{display:block;margin:4px;background-color:#f2f3f5;width:45px;height:55px;}

#content #main form.box .content fieldset div.formRow.datepicker { margin: 0 0 16px 0; }
#content #main form.box .content fieldset div.formRow.datepicker table{
    float:right;
    padding-bottom: 5px;
    width:46.1%;
}

/* Added for jQuery UI */
.ui-progressbar { height:2em; text-align: left; width:500px;}
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%;} /* Resizable */

.ui-pg-selbox {
    height: 20px !IMPORTANT;
    width: 45px !IMPORTANT;
}

#bar .ui-widget-header { border: 1px solid #0DC700; background: #0DC700 url(/extensions/libraries/jquery/css/frontendmain/images/ui-bg_gloss-wave_35_0DC700_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
#bar .ui-widget-header a { color: #ffffff; }

#content #extra div.myContacts ul.content li.placeholder span{display:block;margin:4px;background-color:#f2f3f5;width:45px;height:55px;}

.istt:hover {
    text-decoration: underline;
}

.buttonbartext {
    top: 15px !IMPORTANT;
    left: 15px !IMPORTANT;
    margin-left: 5px;
    font-size: small;
    font-weight: bold;
}

/* Sinnerschrader hat das hier vergessen. Deswegen steht auch in der campus.css Z. 502 skin... TODO ... */
body.fernakademie #content #main .box.disciplinesView .summary h3{color:#ec7532;font-size:14px;}

.info .rating span.rate:hover {
    background:transparent url("/images/elements/el_ratingstars.png") no-repeat -68px -2px;
}

a.cancel {
    background: url("../images/cancel.png") no-repeat scroll 100% transparent;
    background-position: left;
    padding: 4px 0px 4px 20px;
}

/* jQuery Uploader CSS styles */
.fileinput-button {
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 4px;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(0px, -5px) scale(1);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}

/* Fix for IE 7: */
* + html .fileinput-button {
  padding: 2px 15px;
  margin: 1px 0 0 0;
}

.ieFilterBoxContacts {
    float:right;
    margin-right:55px;
}

*+html .ieFilterBoxContacts {
    clear: both;
    width: 260px !important;
    font: 11px/18px Verdana,Arial,Helvetica,sans-serif;
    color: #111111;
}

#mobileSwitch {
    position: absolute;
    top: 20px;
    left: 290px;
    border:0px !important;
}

body.eurofh #content #extra .box h3 {
    /* IE7, IE8, IE9 */
    background-color:#e6e6e6 !important;

    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #E6E6E6 50%, #DBDBDB 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #E6E6E6 50%, #DBDBDB 100%);

    /* Opera */
    background-image: -o-linear-gradient(top, #E6E6E6 50%, #DBDBDB 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #E6E6E6), color-stop(1, #DBDBDB));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #E6E6E6 50%, #DBDBDB 100%);

    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #E6E6E6 50%, #DBDBDB 100%);

    color:#005ea8 !important;
}

#content #main form.box .content fieldset div.formRow span.formRowSettings {
    display:block;
    padding:10px 0 0 21px;
}

#content #main form.box .content fieldset div.formRowSettings{clear:both;display:block;position:relative;margin: 0 0 16px 0;}

.infoicon {
    padding-left:10px;
    background: url('../images/icons/ic_icons.png') no-repeat scroll 100% 2px;
}

div#lighgtbox{
    position:fixed !IMPORTANT;
    z-index:5000 !important;
}
/*
body.fernakademie #header ul#metanav li.pim{width:210px;float:right;margin:0 0 6px 0;}
body.ils #header ul#metanav li.pim{width:210px;float:right;margin:0 0 6px 0;}
*/

/*#12497*/
span.onlineStatus {padding-left:25px !important;}/*skin*/
span.onlineStatus.nobody { background:transparent url("../images/icons/sichtbarkeitseinstellungen_rot_16.gif") no-repeat scroll 0 -2px; }
span.onlineStatus.friends { background:transparent url("../images/icons/sichtbarkeitseinstellungen_orange_16.gif") no-repeat scroll 0 -2px; }
span.onlineStatus.kommilitonen {background:transparent url("../images/icons/sichtbarkeitseinstellungen_gruen_16.gif") no-repeat scroll 0 -2px; }

div.visibleSetting { padding-left: 13px; }
div.visibleSetting div.setting { float:left; width:40px; height:50px; }
div.visibleSetting div.setting.nobody { background: url('../images/icons/sichtbarkeitseinstellungen_rot.png') no-repeat scroll 100% transparent; }
div.visibleSetting div.setting.friends { background: url('../images/icons/sichtbarkeitseinstellungen_orange.png') no-repeat scroll 100% transparent; }
div.visibleSetting div.setting.kommilitonen { background: url('../images/icons/sichtbarkeitseinstellungen_gruen.png') no-repeat scroll 100% transparent; }
div.visibleSetting div.settingText { float:left;  padding-top: 5.0px ; padding-left: 15px; }
div.visibleSetting div.settingText p {  }


#content #main .scrollbox  {
    overflow-y: auto;
}

#header ul#metanav li.settings{margin:0 20px 0 50px;}

/*12628*/
option.onlineStatus {padding-left:25px !important;}/*skin*/
option.onlineStatus.nobody { background:transparent url("../images/icons/sichtbarkeitseinstellungen_rot_16.gif") no-repeat; }
option.onlineStatus.friends { background:transparent url("../images/icons/sichtbarkeitseinstellungen_orange_16.gif") no-repeat; }
option.onlineStatus.kommilitonen {background:transparent url("../images/icons/sichtbarkeitseinstellungen_gruen_16.gif") no-repeat; }
select.onlineStatus {padding-left: 5px !important;}/*skin*/
select.onlineStatus.nobody { background:transparent url("../images/icons/sichtbarkeitseinstellungen_rot_16.gif") no-repeat; background-position: 145px 0px;}
select.onlineStatus.friends { background:transparent url("../images/icons/sichtbarkeitseinstellungen_orange_16.gif") no-repeat; background-position: 145px 0px;}
select.onlineStatus.kommilitonen {background:transparent url("../images/icons/sichtbarkeitseinstellungen_gruen_16.gif") no-repeat; background-position: 145px 0px;}


#header ul#metanav li.pim{width:210px;float:right;margin:0 0 6px 0;}

.groupCategoryDropDown {
    padding: 2px;
    margin:5px 0px;
}

.pencil {
    float:left;
    background-image: url('../images/icons/ic_icons_ils.png');
    background-position:0 260px;
    width:18px;
    height:18px;
}

/*
Durch das Einf?gen der Overlays f?r Info-Icons verrutschte der Link zu den einstellungen soweit, dass es das obere rechte
Navigationselement nach unten verschoben hat (wodurch Teile des Men?s hinter die Haupt-Navigationsleiste gerutscht sind).
Dieses Problem l?sich f?r die EFH und ILS leider unterschiedlich, deshalb hier zwei neue Definitionen daf?r.
*/
body.eurofh #header ul#metanav li.settings {
    margin: 0 20px 0 30px;
}

#header ul#metanav li.help {
    margin:0px 13px 0px 0px;
}

body.eurofh .printer, body .printer {
    float:left;
    background-image: url('../images/icons/icon_printer_ils.png');
	background-repeat: no-repeat;
    width:18px;
    height:16px;
}

body.fernakademie .printer {
    float:left;
    background-image: url('../images/icons/icon_printer_feb.png');
    width:18px;
    height:16px;
}
.bluefont {
    color:#005EA8;
    font-weight: bold;
}

.fernakademie .bluefont {
    color:#ec7532;
    font-weight: bold;
}

.textmarker {
    background-color: #FFFF00;
}
.lernmethodenBox a {
    min-height:inherit !important;
    width:auto !important;
    float:none !important;
}
.roundcorner {
    height: auto;
    border: 1px;
    border-style:solid;
    border-color:#DDDDDD;
    -moz-border-radius:10px; /* Firefox */
    -webkit-border-radius:10px; /* Safari, Chrome */
    -khtml-border-radius:10px; /* Konqueror */
    border-radius:10px; /* CSS3 */
}

.ltoption {
    text-align: right;
    float:right;
    padding:10px;
}

.ltbox {
    width:45%;
    height:120px;
}

.lernmethodenBox .rate a {
    float:left;
    width: 17px !important;
}
.printlink a {
    font-size:11px !important;
}
.printlink a:hover {
    font-size:11px !important;
    text-decoration: underline !important;
}
.rating a {
    cursor:pointer !important;
}

/* BBCode CSS */
.bbcode_size_1 { font-size: 50%; }
.bbcode_size_2 { font-size: 70%; }
.bbcode_size_3 { font-size: 80%; }
.bbcode_size_4 { font-size: 90%; }
.bbcode_size_5 { font-size: 100%; }
.bbcode_size_6 { font-size: 120%; }
.bbcode_size_7 { font-size: 140%; }
.bbcode_size_8 { font-size: 160%; }
.bbcode_size_9 { font-size: 190%; }

.bbcode_color_rot { color: #ff0000; }
.bbcode_color_gruen { color: #00ff00; }
.bbcode_color_blau { color: #005EA8; }
.bbcode_color_gelb { color: #ffff00; }
.bbcode_color_orange { color: #F98B23; }
.bbcode_color_rosa { color: #ff00ff; }
.bbcode_color_grau { color: #808080; }

.bbcode_align_left { text-align: left; }
.bbcode_align_right { text-align: right; }
.bbcode_align_center { text-align: center; }

.bbcode_list { list-style-type: disc; list-style-position: inside;}
.bbcode_list_1 { list-style-type: decimal-leading-zero; list-style-position: inside;}
.bbcode_list_i { list-style-type: lower-roman; list-style-position: inside;}
.bbcode_list_I { list-style-type: upper-roman; list-style-position: inside;}
.bbcode_list_a { list-style-type: lower-alpha; list-style-position: inside;}
.bbcode_list_A { list-style-type: upper-alpha; list-style-position: inside;}
.bbcode_list li { list-style-type: disc; list-style-position: inside;}
.bbcode_list_1 li { list-style-type: decimal-leading-zero; list-style-position: inside;}
.bbcode_list_i li { list-style-type: lower-roman; list-style-position: inside;}
.bbcode_list_I li { list-style-type: upper-roman; list-style-position: inside;}
.bbcode_list_a li { list-style-type: lower-alpha; list-style-position: inside;}
.bbcode_list_A li { list-style-type: upper-alpha; list-style-position: inside;}

.bbcode_highlight { background-color: #F98B23; color: #fff; padding: 2px; font-weight: bold; }

.bbcode_quote {
    border-style: solid;
    border-width: 1px;
    border-color: #aaa;
    padding: 5px;
}

.bbcode_button {
    width: 24px;
    height: 24px;
    font-size: 12px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    color: #fff;
    background:#f98b23 url("../images/backgrounds/bg_mainnav.png") repeat-x 0 -7px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:3px 3px 3px #c8c8c8;
    -webkit-box-shadow:3px 3px 3px #c8c8c8;
    box-shadow:3px 3px 3px #c8c8c8;
    cursor: pointer;
}

.bbcode_button img {
    padding-top: 2px;
}

.bbcode_button:hover {
    background:#0066b3 url("../images/backgrounds/bg_mainnav.png") repeat-x 0 -7px;
}

label.bbcode_select {
    float:none !important;
    width: 16% !important;
    height: 24px;
    color: #fff;
    background:#f98b23 url("../images/backgrounds/bg_mainnav.png") repeat-x 0 -7px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 3px 3px 3px #C8C8C8;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-align: center;
}

.bbcode_select:hover {
    background:#0066b3 url("../images/backgrounds/bg_mainnav.png") repeat-x 0 -7px;
}

label.bbcode_select select {
    margin-top: 2px;
    width: 55%;
    height: 80%;
    padding: 1px !important;
}

/* style Anpassung FEB */

.bbcode_fernakademie .bbcode_highlight { background-color: #ec7532; color: #fff; padding: 2px; font-weight: bold; }

.bbcode_fernakademie .bbcode_button {
    width: 24px;
    height: 24px;
    font-size: 12px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    color: #fff;
    background:#EC7532 url("../images/backgrounds/bg_mainnav.png") repeat-x 0 -7px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:3px 3px 3px #c8c8c8;
    -webkit-box-shadow:3px 3px 3px #c8c8c8;
    box-shadow:3px 3px 3px #c8c8c8;
    cursor: pointer;
}

.bbcode_fernakademie .bbcode_button:hover {
    background:#F4E1BB url("../images/backgrounds/bg_mainnav.png") repeat-x 0 -7px;
    color: #666;
}

.bbcode_fernakademie label.bbcode_select {
    float:none !important;
    width: 16% !important;
    height: 24px;
    color: #fff;
    background:#EC7532 url("../images/backgrounds/bg_mainnav.png") repeat-x 0 -7px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 3px 3px 3px #C8C8C8;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-align: center;
}

.bbcode_fernakademie .bbcode_select:hover {
    background:#F4E1BB url("../images/backgrounds/bg_mainnav.png") repeat-x 0 -7px;
    color: #666;
}

.bbcode_fernakademie.bbcode_button {
    width: 24px;
    height: 24px;
    font-size: 12px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    color: #fff;
    background:#EC7532 url("../images/backgrounds/bg_mainnav.png") repeat-x 0 -7px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:3px 3px 3px #c8c8c8;
    -webkit-box-shadow:3px 3px 3px #c8c8c8;
    box-shadow:3px 3px 3px #c8c8c8;
    cursor: pointer;
}

.bbcode_fernakademie.bbcode_button:hover {
    background:#F4E1BB url("../images/backgrounds/bg_mainnav.png") repeat-x 0 -7px;
    color: #666;
}
/* BBCode CSS ENDE */

.account-expiring-box {
    position:absolute;
    top:50px;
    left:584px;
    z-index: 80;
}
.account-expiring-box .infotext{
    margin:0px 0px 0px 5px;
    font-weight: bold;
    float:left;
}
.account-expiring-box .warning-green {
    background-image:url('/images/icons/warning_green.png');
    width: 20px;
    height: 20px;
    float:left;
}
.account-expiring-box .warning-orange {
    background-image:url('/images/icons/warning_orange.png');
    width: 20px;
    height: 20px;
    float:left;
}
.account-expiring-box .warning-red {
    background-image:url('/images/icons/warning_red.png');
    width: 20px;
    height: 20px;
    float:left;
}
.orangeBorder {
    border:1px solid #F98B23 !important;
}

/* Ticket #17378 */
body.fernakademie div.questionreply {
    background: none !IMPORTANT;
}

.fernakademie .bluefont {
    color:#ec7532;
    font-weight: bold;
}

#content #main .disabled-button {
    background: url("/images/backgrounds/bg_mainnav.png") repeat-x scroll 0 -7px #CCC !important;
    cursor: default !important;
}

#lerntipps .head h2 {
    margin-left: 0px !important;
}

.lernstilerg a {
    cursor: pointer !important;
}

.bank-data-background-iban {
    width:352px;
    height: 20px;
    border: 1px solid #ccc;
}
.bank-data-background-bic {
    width:176px;
    height: 20px;
    border: 1px solid #ccc;
}
.bank-data {
    font-size:1.2em;
    letter-spacing: 0.81em;
    letter-spacing: 0.84em\9;
    font-family: "Lucida Console" !important;
    text-transform: uppercase;
    background:transparent !important;
    border: none !important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .bank-data {
        font-size:1.2em;
        letter-spacing: 0.84em;
        font-family: 'Lucida Console', Monaco, monospace !important;
        text-transform: uppercase;
        background:transparent !important;
        border: none;        
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .bank-data {
        font-size:1.2em;
        letter-spacing: 0.82em;
        font-family: 'Lucida Console', Monaco, monospace !important;
        text-transform: uppercase;
        background:transparent !important;
        border: none;        
    }
}
*+html .bank-data {
    font-size:1.2em;
    letter-spacing: 0.86em;
    font-family: 'Lucida Console', Monaco, monospace !important;
    text-transform: uppercase;
    background:transparent !important;
    border: none;    
}
* html .bank-data {
    font-size:1.2em;
    letter-spacing: 0.84em;
    font-family: 'Lucida Console', Monaco, monospace !important;
    text-transform: uppercase;
    background:transparent !important;
    border: none;    
}
.editInfo {
    color:#999;
    float:right;
    padding:5px;
}

a.gored {padding-right:15px !important;background:transparent url("../images/icons/ic_arrows_ils_990012.png") no-repeat 100% -38px !IMPORTANT;color: #990012 !IMPORTANT;}/*skin*/
a.backred{padding-left:15px !important;background:transparent url("../images/icons/ic_arrows_ils_990012.png") no-repeat 0 -120px !IMPORTANT;color: #990012 !IMPORTANT;}/*skin*/

a.gogreen {padding-right:15px !important;background:transparent url("../images/icons/ic_arrows_ils_348017.png") no-repeat 100% -38px !IMPORTANT; color: #348017 !IMPORTANT;}/*skin*/
a.backgreen {padding-left:15px !important;background:transparent url("../images/icons/ic_arrows_ils_348017.png") no-repeat 0 -120px !IMPORTANT; color: #348017 !IMPORTANT;}/*skin*/

/* START Scheffer-Test */
.linkfix:hover, .linkfix:link, .linkfix:visited, .linkfix:active {
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
.fernakademie #selbstanalyse {
    /*background:url('/images/backgrounds/bg_selbsttest_feb.png') repeat-x !important;*/
    background-color: #F4E1BB !important;
}
.ils #selbstanalyse {
    background:url('/images/backgrounds/bg_selbsttest_ils.png') repeat-x !important;
}
.fernakademie .zumtest {
    background:url("/images/icons/ic_arrows_fernakademie.png") no-repeat scroll 100% -38px rgba(0, 0, 0, 0) !important;
    font-size:12px;
    float:right;
    padding-right: 15px;
    margin-right: 20px;
    margin-top:5px;
}
.ils .zumtest {
    background:url("/images/icons/ic_arrows_ils.png") no-repeat scroll 100% -38px rgba(0, 0, 0, 0) !important;
    font-size:12px;
    float:right;
    padding-right: 15px;
    margin-right: 20px;
    margin-top:5px;
}
/* ENDE Scheffer-Test */
.overlay-contact-form table tr td {
    padding:3px 8px 3px 0px;
}
.overlay-contact-form input[type=text] {
    width:98%;
    padding:3px 3px;
    margin:0px 5px 0px 0px;
}
.overlay-contact-form textarea {
    width:98%;
    padding:3px 3px;
    margin:0px 5px 0px 0px;    
    height:100px;
}
.overlay-contact-form .attachments .file {
    float:left;
    display:block;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 73% !important;
    padding:5px 9px !important;
    font-size: 11px;
}
.overlay-contact-form .attachments .button {
    float:left;
}

.tn-medien-lg-headline {
    width:97% !important;
    font-size:12px;
    color:#0066b3;
    font-weight:bold;
    margin-top:10px;
    cursor:pointer;   
}

.fix-firstlogin-input {
    margin: 0px !important; 
    top: 0px !important;
}

#header ul#mainnav .mainnav-home a {
    width:140px;
    padding:8px 0px 3px 5px;
    font-size:24px;
    background-image: none !important;
}
#header ul#mainnav .mainnav-home a {
    width:36px !important;
}

.tabnav ul li.tabbutton {
    display: inline-block;
    padding: 10px;
    margin-right: -6px;
    margin-left: 2px;
    border: #ddd 1px solid;
    border-bottom: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #e4e4e4;
    cursor: pointer;
    font-weight: bolder;
}

.tabnav ul li.tabbutton:hover,.tabnav ul li.tabbutton.active {
    background-color: #f8f8f8;
}

.tabnav .tab {
    display: none;
    border-top: #ddd 1px solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.maploadingoverlay {
    z-index: 100000;
    background-image: url('/images/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #808080;
    opacity: 0.5;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display: none;
}
.pager {
    float:none !important;
    display:block;
}
.pager li {
    cursor: pointer;
}
.pagination {
    margin-top:16px !important;
}
.pagination a {
    background-color: #fff;
    padding:4px !important;
    font-size:12px;
    border:1px solid #ddd;
}

/* Slidepresenter width fix */
.box .tab_content .videothread .content {
    padding:0px !important;
}
.box .tab_content .videothread .content .msg {
    padding:0px !important;
}

.header-settings {
    position: absolute;
    left:750px;
    top:26px;
}
.header-settings li {
    padding: 0px 0px 3px 0px;
}
.header-settings li i {
    padding-right:5px;
    font-size: 14px;
}
.header-settings-admin {
    top:5px !important;
}
/*#mainnav .badge {*/
    /*position: absolute;*/
    /*display: inline-block;*/
    /*margin-top:-8px;*/
    /*margin-left:3px;*/
    /*font-size:10px;*/
    /*padding:2px 6px 2px 5px;*/
    /*-moz-border-radius:10px; !* Firefox *!*/
    /*-webkit-border-radius:10px; !* Safari, Chrome *!*/
    /*-khtml-border-radius:10px; !* Konqueror *!*/
    /*border-radius:10px; !* CSS3 *!*/
/*}*/
/*.ils #mainnav .badge {*/
    /*background-color: #0066b3;*/
/*}*/
/*.ils #mainnav a:hover .badge , .ils #mainnav a:active .badge, .ils #mainnav .active .badge {*/
    /*background-color: #FFF;*/
    /*color: #0066b3;*/
/*}*/

/*.fernakademie #mainnav .badge {*/
    /*background-color: #f4e1bb;*/
    /*color:#666;*/
/*}*/
/*.fernakademie #mainnav a:hover .badge , .fernakademie #mainnav a:active .badge, .fernakademie #mainnav .active .badge {*/
    /*background-color: #666;*/
    /*color: #fff;*/
/*}*/

/*.haf #mainnav .badge {*/
    /*background-color: #0066b3;*/
    /*color:#fff;*/
/*}*/
/*.haf #mainnav a:hover .badge , .haf #mainnav a:active .badge, .haf #mainnav .active .badge {*/
    /*background-color: #0066b3;*/
    /*color:#fff;*/
/*}*/

.header-online-seminar {
    left: 700px !important;
}
#mainnav .neue-nachrichten {
    position: absolute;
    margin:-7px 0px 0px 20px;
    font-size:18px;
}
.fernakademie #mainnav .envelope, .ils #mainnav .envelope {
    background-image: url('../images/icons/briefumschlag.png');
    width:25px;
    height:16px;
    display:inline-block;
}
.fernakademie #mainnav a:hover .envelope, .fernakademie #mainnav a:active .envelope, .fernakademie #mainnav .active .envelope {
    background-image: url('../images/icons/briefumschlag-grey.png');
}

.haf #mainnav .envelope {
    background-image: url('../images/icons/briefumschlag-grey.png');
    width:25px;
    height:16px;
    display:inline-block;
}
.haf #mainnav a:hover .envelope, .haf #mainnav a:active .envelope, .haf #mainnav .active .envelope {
    background-image: url('../images/icons/briefumschlag-blue.png');
}

#mainnav .badge {
    font-weight: bold;
    position: absolute;
    z-index:20;
    bottom:10px;
    left:20px;
    font-size: 8px;
    background-color:red;
    color:#fff;
    padding:2px 4px;
}
.ils #mainnav .badge {
    background-color: #0066b3;
}
.ils #mainnav a:hover .badge, .ils #mainnav a:active .badge, .ils #mainnav .active .badge {
    background-color: #f98b23;
}

.fernakademie #mainnav .badge {
    background-color: #0066b3;
}
.fernakademie  #mainnav a:hover .badge, .fernakademie #mainnav a:active .badge, .fernakademie #mainnav .active .badge {
    background-color: #0066b3;
}
.icon-selbstanalyse-neu {
    border: 1px solid #ccc;
    display:inline-block;
    width: 130px;
    height: 105px;
    margin:60px 100px 0px 0px;
}
.icon-selbstanalyse-neu .label {
    font-size: 11px;
    padding-top:85px;
    color:#FFF;
    font-weight: bold;
    text-align: center;
    width:100%;
}
.icon-lernstiltest-neu {
    border: 1px solid #ccc;
    display:inline-block;
    background: #f98b23 url('../images/icons/lernstiltest/lernstiltest_icon_neu.jpg') no-repeat 130px 85px;
    width: 130px;
    height: 105px;
    margin:60px 0px 0px 0px;
}
.icon-lernstiltest-neu .label {
    font-size: 11px;
    padding-top:85px;
    color:#FFF;
    font-weight: bold;
    text-align: center;
    width:100%;
}
.haf .icon-selbstanalyse-neu {
    background:#0066b3 url('../images/icons/lernstiltest/selbstanalyse_icon_neu.jpg') no-repeat;
    background-size: 130px 85px;
}
.ils .icon-selbstanalyse-neu {
    background:#f98b23 url('../images/icons/lernstiltest/selbstanalyse_icon_neu.jpg') no-repeat;
    background-size: 130px 85px;
}
.fernakademie .icon-selbstanalyse-neu {
    background:#EC7532 url('../images/icons/lernstiltest/selbstanalyse_icon_neu.jpg') no-repeat;
    background-size: 130px 85px;
}

.haf .icon-lernstiltest-neu  {
    background:#0066b3 url('../images/icons/lernstiltest/lernstiltest_icon_neu.jpg') no-repeat;
    background-size: 130px 85px;
}
.ils .icon-lernstiltest-neu  {
    background:#f98b23 url('../images/icons/lernstiltest/lernstiltest_icon_neu.jpg') no-repeat;
    background-size: 130px 85px;
}
.fernakademie .icon-lernstiltest-neu  {
    background:#EC7532 url('../images/icons/lernstiltest/lernstiltest_icon_neu.jpg') no-repeat;
    background-size: 130px 85px;
}
/*
* Flat Design Patch
*/
.ils {
    background: none !important;
}
.ils #header-background {
    position: absolute;
    height:192px;
    width:100%;
    background-color:#eee;
    border-bottom: 1px solid #ddd;
}
.login #header-background {
    position: absolute;
    height:100px;
    width:100%;
    background-color:#eee;
    border-bottom: 1px solid #ddd;
}
.ils #header ul#mainnav {
    background-image: none !important;
    background-color: #f98b23 !important;
    box-shadow: none !important;
}
.ils #header ul#mainnav li.active, .ils #header ul#mainnav li:hover {
    background-image: none !important;
    background-color: #0065b3;
}
body.login #header h1#course{
    top:64px !important;
}
.ils #header h1#course {
    font-size:11px;
    top:170px !important;
    left:15px !important;
}
.ils #content {
    margin-top:0px !important;
}
.ils #content #main, .ils .home #content #main {
    padding-top: 0px !important;
}
.ils #content #sidebar {
    padding: 0px !important;
}

.fernakademie {
    background: none !important;
}
.fernakademie #header-background {
    position: absolute;
    height:192px;
    width:100%;
    background-color:#eae4e2;
    border-bottom: 1px solid #ddd;
}
.fernakademie.login #header-background {
    position: absolute;
    height:100px;
    width:100%;
    background-color:#eae4e2;
    border-bottom: 1px solid #ddd;
}
.fernakademie #header ul#mainnav {
    background-image: none !important;
    background-color: #EC7532 !important;
    box-shadow: none !important;
}
.fernakademie #header ul#mainnav li.active, .fernakademie #header ul#mainnav li:hover {
    background-image: none !important;
    background-color: #f6e7c8 !important;
}
body.login #header h1#course{
    top:64px !important;
}
.fernakademie #header h1#course {
    color:#111 !important;
    font-size:11px;
    top:170px !important;
    left:15px !important;
}
.fernakademie #content {
    margin-top:0px !important;
}
.fernakademie #content #main, .fernakademie .home #content #main {
    padding-top: 0px !important;
}
.fernakademie #content #sidebar {
    padding: 0px !important;
}
.fernakademie .header-settings a {
    color: #005ea8;
}
.fernakademie .header-settings i {
    color: #EC7532;
}
.haf #header-background {
    position: absolute;
    height:192px;
    width:100%;
    background-color:#ffe21f;
}
.haf.login #header-background {
    position: absolute;
    height:100px;
    width:100%;
    background-color:#ffe21f;
}
.haf {
    background: none !important;
}
.haf #header h1#course {
    color:#000 !important;
    font-size:11px;
    top:170px !important;
    left:15px !important;
}
.haf #content {
    margin-top:0px !important;
}
.haf #content #main, .haf .home #content #main {
    padding-top: 0px !important;
}
.haf #content #sidebar {
    padding: 0px !important;
}
.haf .header-settings a {
    color: #005ea8;
}
.haf .header-settings i {
    color: #005ea8;
}
.haf #loginmsg, .fernakademie #loginmsg {
    left:0px !important;
    padding:0px 0px 0px 15px !important;
}
.icon-fernlehrerFemale {
    background: url(../images/icons/icon_fernlehrer.png) no-repeat;
    margin-left: 5px;
    background-position: -41px 0px;
    width: 32px;
    height: 32px;
    vertical-align:middle;
    display: inline-block ;
}
.icon-fernlehrerMale {
    background: url(../images/icons/icon_fernlehrer.png) no-repeat;
    margin-left: 5px;
    background-position: 0px 0px;
    width: 32px;
    height: 32px;
    vertical-align:middle;
    display: inline-block ;
}

.video-box-toggle {
    float:right;
    font-size: 11px;
    padding:0px 13px 0px 0px;
}

.eyecatcher {
    background-image: url("/images/eye-catcher.gif");
    display: inline-block;
    height: 115px;
    position: absolute;
    right: 0;
    top: 0;
    width: 115px;
    z-index: 99;
}

#slider {
    background: #FFF;
    width: 742px;
    height: 240px;
    position: relative;
    overflow: hidden;
}
#slider a, #slider a:link, #slider a:visited, #slider a:hover, #slider a:active {
    color:inherit;
    text-decoration: none;
    font-weight: normal;
}
#slider .slider-element {
    width: 742px;
    height: 240px;
    font: inherit;
    position: relative;
    overflow: hidden;
}
#slider .slider-element div {
    font: inherit;
}
#slider #element-container  {
    width:742px;
    height:240px;
}
#slider #element-container .active {
    position: absolute;
    z-index: 10;
    display:block;
}
#slider #element-container .inactive {
    position: absolute;
    z-index: 1;
    display: none;
}
#slider #element-container .next {
    position: absolute;
    z-index: 20;
    display: none;
}
#slider #controll-helper {
    position: absolute;
    width:auto;
    height:30px;
    left:0px;
    right:0px;
    bottom:0px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    z-index:600;
}
#slider #controll-helper #slider-control {
    display:inline-block;
    width:auto;
    text-align: center;
    vertical-align: middle;
    background: rgba(255, 255, 255, 0.4);
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    padding:2px 20px;
}
#slider #controll-helper #slider-control .element {
    margin:0px 5px;
    vertical-align: middle;
    display: inline-block;
    width:16px;
    height:16px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background-color:#fff;
    border:1px solid #eaeaea;
}
.ils #slider #controll-helper #slider-control .element-active {
    margin:0px 5px;
    vertical-align: middle;
    display: inline-block;
    width:16px;
    height:16px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background-color:#f98b23;
    border:1px solid #f98b23;
}
.fernakademie #slider #controll-helper #slider-control .element-active {
    margin:0px 5px;
    vertical-align: middle;
    display: inline-block;
    width:16px;
    height:16px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background-color:#ec7532;
    border:1px solid #ec7532;
}
.haf #slider #controll-helper #slider-control .element-active {
    margin:0px 5px;
    vertical-align: middle;
    display: inline-block;
    width:16px;
    height:16px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background-color:#ffe21f;
    border:1px solid #ffe21f;
}
.overlay {
    z-index:5100 !important;
}

.uploadedfile {
    width: 70%;
    float: left;
    padding: 5px 9px;
    background: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.tooltip {
    z-index: 10000 !important;
}

.login .box {
    min-width: 346px;
}
.community-box-container .start-box:nth-child(even) {
    margin-left:11px !important;
    margin-right: 0px !important;
}
.ils .start-box, .haf .start-box{
    display:block;
    float:left;
    width:360px;
    border:1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right:5px;
    margin-bottom:20px;
    height:257px;
}
.ils .start-box h1, .haf .start-box h1 {
    padding: 7px 0 16px 13px;
    font-size: 18px;
    color: #0066b3;
}
.ils .start-box .tabs, .haf .start-box .tabs {
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.ils .start-box .tabs li, .haf .start-box .tabs li {
    cursor: pointer;
    background-color:#eee;
    padding:5px 10px;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    display:inline-block;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
}
.ils .start-box .tabs li.active, .haf .start-box .tabs li.active {
    background-color:#fff;
    margin-bottom:-1px;
    font-weight: bold !important;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #fff;
    display:inline-block;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
}
.ils .start-box .tabs li:link, .haf .start-box .tabs li:link,
.ils .start-box .tabs li:hover, .haf .start-box .tabs li:hover {
    background-color:#fff;
    margin-bottom:-1px;
    font-weight: normal;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #fff;
    display:inline-block;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
}

.ils .start-box .content, .haf .start-box .content {
    background-color:#fff;
    height:180px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.fernakademie .start-box {
    background-color: #eae4e2;
    display:block;
    float:left;
    width:360px;
    border:1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right:5px;
    margin-bottom:20px;
    height:257px;
}
.fernakademie .start-box h1 {
    padding: 7px 0 16px 13px;
    font-size: 18px;
    color: #ec7532;
}
.fernakademie .start-box .tabs {
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.fernakademie .start-box .tabs li {
    cursor: pointer;
    background-color:#f6e7c8;
    padding:5px 10px;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    display:inline-block;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
}
.fernakademie .start-box .tabs li.active {
    background-color:#fff;
    margin-bottom:-1px;
    font-weight: bold !important;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #fff;
    display:inline-block;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
}
.fernakademie .start-box .tabs li:link,
.fernakademie .start-box .tabs li:hover  {
    background-color:#fff;
    margin-bottom:-1px;
    font-weight: normal;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #fff;
    display:inline-block;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
}
.fernakademie .start-box .content {
    background-color:#fff;
    height:180px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.ils .start-box .loading, .haf .start-box .loading {
    color: #0066b3;
    height:112px;
    text-align:center;
    padding-top: 50px;
}
.fernakademie .start-box .loading {
    color: #ec7532;
    height:112px;
    text-align:center;
    padding-top: 50px;
}
.start-box .content {
    padding:0px 0px 0px 0px;
    overflow:hidden;
}
.start-box .content table {
    width:100%;
    border-spacing: 0px;
}
.start-box .content td {
    border-bottom:1px solid #ccc;
    padding-top:2px;
    padding-bottom: 2px;
    padding-left:10px;
    padding-right:10px;
}
.start-box .content tr:last-of-type td {
    border-bottom: none;
}
.start-box .content .inner-content {
    overflow-x:hidden;
    overflow-y:auto;
    height: 160px;
}
.start-box .content .box-footer {
    border-top:1px solid #ccc;
    height: 20px;
    padding-left:10px;
    padding-right:10px;
}
.start-box .content #new-contacts-link {
    padding-left:10px;
    padding-right:10px;
}

.arbeitsplatz-adresse .adresse {
    width: 100%;
    height:auto;
    display:none;
    line-height: 20px;
}
.arbeitsplatz-adresse h2 {
    cursor: pointer;
}
.korrektur-hinweise-text {
    display: none;
}
.korrektur-hinweise h2 {
    cursor: pointer;
}

.arbeitsplatz-schritte {
    margin:18px 0px 20px 0px;
    display: flex;
    width: 100%;
}
.arbeitsplatz-schritte a {
    margin:0;
    padding:0;
    font: normal normal bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    display: flex;
    height:34px;
    flex-grow: 1;
}
.arbeitsplatz-schritte a:link, .arbeitsplatz-schritte a:visited, .arbeitsplatz-schritte a:hover, .arbeitsplatz-schritte a:active {
    text-decoration: none;
}
.arbeitsplatz-schritte a .step {
    display:flex;
    flex-grow: 1;
    padding: 7px 0px 7px 15px;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
.arbeitsplatz-schritte a .first-step {
    display:flex;
    flex-grow: 1;
    padding: 7px 0px 7px 15px;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
.arbeitsplatz-schritte a .arrow {
    display:flex;
    width: 17px;
    background: transparent url("../images/backgrounds/bg_progressbar_ils.png") no-repeat 0px 0px;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
.arbeitsplatz-schritte a .last-arrow {
    display:flex;
    width: 17px;
    background: transparent url("../images/backgrounds/bg_progressbar_ils.png") no-repeat 0px 0px;
}
.arbeitsplatz-schritte a.inactive, .arbeitsplatz-schritte a.inactive:link, .arbeitsplatz-schritte a.inactive:visited, .arbeitsplatz-schritte a.inactive:hover, .arbeitsplatz-schritte a.inactive:active {
    text-decoration: none;
    color:#ccc;
}
.arbeitsplatz-schritte a .arrow.yellow {
    background: #ffdd00 url("../images/backgrounds/bg_progressbar_ils.png") no-repeat 0px -100px;
}
.arbeitsplatz-schritte a.active .step, .arbeitsplatz-schritte a.active {
    background-color:#ffdd00;
}
.arbeitsplatz-schritte a.active .arrow, .arbeitsplatz-schritte a.active .last-arrow {
    background: transparent url("../images/backgrounds/bg_progressbar_ils.png") no-repeat 0px -50px;
}
.arbeitsplatz-schritte span {
    display:inline-block;
    width: 100%;
}
.arbeitsplatz-schritte i {
    padding:2px 0px 0px 0px;
    float:right;
    font-size: 12px;
}
#sendproblem .ansprechpartner {
    float:left;
    margin-right: 20px;
}
#sendproblem textarea {
    width: 380px;
    height:200px;
}
#content #main .box.disciplinesView.collapsed {

}
#content #main .box.disciplinesView .summary {
    height: auto !important;
    padding: 0px;
    position: static;
}
#content #main .box.disciplinesView .summary ul {
    padding:10px 20px 10px 20px;
    width: auto;
    position: static;
}
#content #main .box.disciplinesView .summary ul li {
    vertical-align: middle;
    display: inline-block;
    float: none;
    clear: none;
}
#content #main .box.disciplinesView.collapsed .ils li div.toggle {
    vertical-align: middle;
    background-position: 21px 10px;
}
#content #main .box.disciplinesView .summary li div.toggle,
#content #main .box.disciplinesView.expanded .summary li div.toggle {
    vertical-align: middle;
    display: inline-block;
    width: 50px;
    height: 44px;
    border-left: 1px solid #ddd;
    background: transparent url("../images/icons/ic_arrowsbig_ils.png") no-repeat 20px -45px;
}

.community-searchbar {
    float: right;
    margin-bottom: 30px;
}
.community-searchbar .button {
    margin:0px;
    display: inline-block;
    vertical-align: middle;
}
.community-searchbar .searchfield {
    width:200px;
    border:1px solid #0066b3;
    height: 24px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.community-frontpage .community-box .community-content td a{
    font-weight: normal;
}

.community-frontpage .community-box .community-content .unread,
.community-frontpage .community-box .community-content .unread a{
    font-weight: bold;
}
.community-frontpage .community-box {
    margin-bottom:25px;
}
.ils .community-frontpage .community-box {
    background-color: #eee;
}
.fernakademie .community-frontpage .community-box {
    background-color: #eae4e2;
}
.haf .community-frontpage .community-box {
    background-color: #eee;
}
.community-frontpage .community-box h1 {
    color: #0066b3;
    font-size: 18px;
}
.community-frontpage .community-box .community-content {
    width:540px;
    padding:5px;
    display: inline-block;
    vertical-align: middle;
}
.community-frontpage .community-box .community-image {
    padding:10px 0px 0px 10px;
    width: 170px;
    height: 260px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: top;
}
.community-frontpage .community-box .community-image .count-member-badge {
    padding:0px 5px 2px 5px;
    font-size: 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.2);
}
.ils .community-frontpage .community-box .community-image .count-member-badge {
    background-color: #f98b23;
    color:#fff;
}
.fernakademie .community-frontpage .community-box .community-image .count-member-badge {
    background-color: #ec763b  ;
    color:#fff;
}
.haf .community-frontpage .community-box .community-image .count-member-badge {
    background-color: #fffae7;
    color:#0066b3;
}
.community-studiengemeinschaft h1 {
    color: #0066b3;
    font-size: 18px;
    margin-bottom:25px;
}
.community-studiengemeinschaft .community-box {
    margin-bottom:25px;
}
.ils .community-studiengemeinschaft .community-box {
    background-color: #eee;
}
.fernakademie .community-studiengemeinschaft .community-box {
    background-color: #eae4e2;
}
.haf .community-studiengemeinschaft .community-box {
    background-color: #eee;
}

.ils .community-studiengemeinschaft .community-box h2,
.fernakademie .community-studiengemeinschaft .community-box h2,
.haf .community-studiengemeinschaft .community-box h2 {
    cursor: pointer;
    font-size: 14px !important;
    margin:0px !important;
    padding:10px 10px 10px 10px !important;
    color: #0066b3 !important;
}
.community-studiengemeinschaft .community-box h2:after {
    font-weight: normal;
    font-size: 22px;
    font-family:'fontawesome';
    float: right;
    margin-right: 20px;
    content: '\f0a9';
}
.community-studiengemeinschaft .community-box.open h2:after {
    font-weight: normal;
    font-size: 22px;
    font-family:'fontawesome';
    float: right;
    margin-right: 20px;
    content: '\f0ab';
}
.community-studiengemeinschaft .community-box .sg {
    display:none;
}
.community-studiengemeinschaft .community-box.open .sg {
    display:table;
    width:100%;
    border-spacing: 0px;
}
.community-studiengemeinschaft .community-box table {
    width:100%;
    border-spacing: 0px;
}
.community-studiengemeinschaft .community-box th  {
    padding:5px 5px 5px 10px;
}
.community-studiengemeinschaft .community-box td  {
    padding:5px 5px 5px 10px;
    border-top: 1px solid #ccc;
}
.community-studiengemeinschaft .community-box th:nth-child(2),
.community-studiengemeinschaft .community-box th:nth-child(3) {
    width: 10%;
}
.community-studiengemeinschaft .community-box th:nth-child(4) {
    width: 20%;
}

.community-studiengemeinschaft .community-box td:nth-child(2),
.community-studiengemeinschaft .community-box td:nth-child(3) {
    text-align: center;
}

.community-threads .community-box {
    background-color: #eee;
    margin-bottom:25px;
}
.community-threads .community-box h2 {
    font-size: 14px !important;
    margin:0px !important;
    padding:10px 10px 10px 10px;
    color: #0066b3;
}
.community-threads table {
    width:100%;
    border-spacing: 0px;
}
.community-threads th  {
    padding:5px 5px 5px 10px;
}
.community-threads td  {
    padding:5px 5px 5px 10px;
    border-top: 1px solid #ccc;
}
.community-threads a,
.community-threads .bluefont,
.community-threads .grey {
    font-weight: normal;
}
.community-threads .unread,
.community-threads .unread a,
.community-threads .unread .bluefont,
.community-threads .unread .grey {
    font-weight: bold;
}
.community-threads th:nth-child(2),
.community-threads th:nth-child(3) {
    width: 10%;
}
.community-threads th:nth-child(4) {
    width: 20%;
}

.community-threads td:nth-child(2),
.community-threads td:nth-child(3) {
    text-align: center;
}
.community-threads .pager {
    float:right !important;
}
.abo-info {
    cursor: pointer;
    font-weight: bold;
    color: #990012;
}
.abo-info.active {
    cursor: pointer;
    font-weight: bold;
    color: #348017;
}
.community-posts {
    background-color: #eee;
    padding:20px 20px;
    margin:0px 0px 20px 0px;
}
.community-posts h1 {
    display: inline-block;
    color: #0066b3;
    font-size: 18px;
}
.community-posts .abo-toggle {
    display:inline-block;
    float: right;
    vertical-align: middle;
}
.community-posts .post {
    padding:20px;
    margin:20px 0px 0px 0px;
    background-color: #fff;
}
.community-posts .post .deleted_post {
    font-weight: bold;
    padding:20px;
    border:1px solid darkred;
    color:darkred;
}
.community-posts .post .user-img {
    display: inline-block;
    vertical-align: top;
}
.community-posts .post .user-info {
    padding:0px 0px 0px 10px;
    display: inline-block;
    vertical-align: top;
}
.community-posts .post .user-info .quote-name {
    display: none;
}
.community-posts .post .actions {
    float: right;
    display:inline-block;
    vertical-align: top;
}
.community-posts .post .actions i {
    cursor: pointer;
    float: right;
    color: #0066b3;
    font-size: 18px;
}
.community-posts .post .actions .action-links {
    display: none;
    float: right;
    vertical-align: top;
    color: #0066b3;
    margin:0px 20px 0px 0px;
}
.community-posts .post .actions .action-links a,
.community-posts .post .actions .action-links a:link,
.community-posts .post .actions .action-links a:visited,
.community-posts .post .actions .action-links a:hover,
.community-posts .post .actions .action-links a:active {
    padding:2px 0px;
    display:flex;
    text-decoration: none;
    cursor: pointer;
}
.community-posts .post .actions .action-links a:not(:first-child){
    border-top:1px solid #ccc;
}
.community-posts.contact-search .post .actions .action-links a:not(:first-child){
    border-top:none;
}
.community-posts .post p {
    margin:10px 0px 0px 0px;
}
.community-posts .post .hidden-content {
    display:none;
}
.community-posts .post .edited-at {
    text-align: right;
    color:#999;
}
.report-post-textarea {
    width:95%;
    height:200px;
}
.community-posts .posts-print {
    margin: 20px 0px 0px 0px;
    float: right;
}
.highlight {
    background-color: #FFFF00;
}
.searchpath {
    font-size: 14px !important;
    font-weight: bold !important;
}
.searchpath i {
    margin: 0px 10px;
}
.searchpath a {
    padding: 0px !important;
    font-size: 14px !important;
    font-weight: bold !important;
}
.abo-list {
    margin: 0px 0px 25px 0px;
}
.abo-list li {
    padding: 10px 0 0 21px;
}
.abo-list li.headline {
    padding: 10px 0 0 21px;
    font-size: 14px;
    font-weight: bold;
    color: #0066b3;
}
.abo-list li i {
    cursor: pointer;
    vertical-align: middle;
    font-size: 16px;
    color:#666;
    padding: 0px 2px 0px 0px;
}
.abo-list li span {
    vertical-align: middle;
}
.read a {
    font-weight: normal !important;
}
.unread a {
    font-weight: bold !important;
}
.community-box .borderless td {
    padding: 5px 10px 5px 0px;
    background-color: #eee;
}
.community-user-list {
    background-color: #eee;
}
.community-user-list h3 {
    font-size: 18px;
    color: #0066b3;
    padding: 10px 0 15px 15px;
}
.myContacts .name {
    display: none;
}
.community-user-list li {
    width:96px;
    margin: 0px 10px;
    display: inline-block;
    vertical-align: top;
}
.community-user-list li a{
    text-align: center;
}
.community-user-list img {
    margin:0 auto;
    display: block;
}
.community-user-list .myContacts .name {
    display: block;
}
.community-user-list .box {
    border:none !important;
}
.community-user-list .content {
    background-image:none !important;
    background-color:#eee !important;
}
.community-content.free-group .follow-action {
     width:30px;
     font-size: 20px;
     float:right;
 }
.community-content.free-group .follow-action a{
    cursor: pointer;
}
.community-content.free-group .follow-action .fa-toggle-on {
    color: #0066b3;
}
.community-content.free-group .follow-action .fa-toggle-off {
    color:black;
}
.community-content.free-group h1 {
    width:510px;
}
.community-box .frame {
    border-radius: 50%;
}
.contact-request-actions a, .contact-request-actions a:link, .contact-request-actions a:visited, .contact-request-actions a:hover, .contact-request-actions a:active{
    text-decoration: none;
    font-size:18px;
    font-family: FontAwesome;
}
.contact-request-actions .accept::after {
    color:green;
    content: '\f058';
}
.contact-request-actions .reject::after {
    color:red;
    content: '\f057';
}
.community-searchbar.contact-search {
    float:none;
    margin-bottom: 0px;
    padding: 0 0 15px 15px;
    width:100%;
}
.community-searchbar.contact-search .searchfield {
    display:inline-block;
    width: 80%;
    border:1px solid #c0c0c0;
}
.community-searchbar.contact-search .button {
    display:inline-block;
}
.community-posts.contact-search i{
    padding: 0px 10px 3px 0px;
}
.community-box .move-icon {
    float: right;
    text-align: right;
    color:#666;
    font-size:22px;
    cursor:move;
}
.drop-placeholder {
    padding:10px;
    margin-bottom: 25px;
}
.ils .drop-placeholder {
    border: 3px dashed #0066b3;
    background-color: #ccc;
}
.haf .drop-placeholder {
    border: 3px dashed #0066b3;
    background-color: #ffe21f;
}
.fernakademie .drop-placeholder {
    border: 3px dashed #666;
    background-color: #f4e1bb;
}
.headline-grey-background h2,
.headline-grey-background h3 {
    background-color: #eee;
}
#content #main .headline-grey-background h2 {
    margin: 0px 0px 0px 0px !important;
    padding: 10px 0px 15px 15px;
}
.profil-preview .box{
    border:none !important;
    padding:0px !important;
    box-shadow: none !important;
}
.profil-preview .content{
    background:none #eee !important;
}
.profil-preview h3{
    margin: 0px !important;;
    background:none #eee !important;
    border-bottom: none !important;
    -moz-border-radius-topleft: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    -moz-border-radius-topright: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
#header ul#mainnav li {
    width: auto !important;
}
@media only screen and (max-width: 1099px) {
    #course {
        display: none;
    }
}
#container {
    padding:20px 0px 0px 0px !important;
}

.sde-progress-bar {
    width:100%;
}
.sde-progress-bar .sde-progress {
    height: 1em;
    background-image: linear-gradient(90deg, rgba(249,139,35,1) 0%, rgba(249,139,35,1) 81%, rgba(210,210,210,1) 81%, rgba(210,210,210,1) 100%);
    background-size: 14.00px 14.00px;
}
.navholder .navi > ul > li .submenu {
    line-height: 24px;
}
.header .progressbadgeholder.table > .progressbadge > .box .table.ects {
    padding:0 0 0 1em;
}
.barinfo {
    display: block !important;
}
.overlay.small .content {
    padding-right: 10px;
}
.online-test-support-icon {
    display: inline-block;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
    margin: 0px 5px 0px 5px;
    width: 24px;
    height: 24px;
}
/*arbeitsplatz topnav*/

.topmainnav-container{
    margin-left:auto;
    margin-right:auto;
    margin-bottom:50px;
    padding:10px;
}
.topmainnav-container a{
    display: table-cell;
    color:black;
    text-align: center;
    vertical-align:middle;
    font-weight:400;
    text-decoration: none;
}

.topmainnav-container .topmainnav{
    display:table;
    height:50px;
}
.topmainnav-container .text-container-main{
    display:table;
    height:100%;
    width:100%;
}
.topmainnav-container .sidedown-container .text-container-main{
    display:inline-block !important;
}
.topmainnav-container .text-container-sub{
    height:18px;
    display:table;
    justify-content: center;
    align-items: center;
}
.topmainnav-container .topmainnav > div:hover > div > a > .rectangle-background, .topmainnav > div.active > div > a > .rectangle-background {
    background-color: white;
    color: #f98b23;
}
.topmainnav-container .rectangle-background {
    background: #f98b23;
    color: white;
    display:inline-block;
    min-width: 14px;
}

.topmainnav-container .topmainnav > div {
    display:table-cell;
    width:155px;
    /*border:solid 1px;*/
}
.topmainnav-container .topmainnav > div:not(:last-child) {
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
}
.topmainnav-container .topmainnav > div:last-child {
    border:1px solid #CCCCCC;
}
.topmainnav-container .topmainnav > div.active > div, .topmainnav > div:hover > div > .text-container-main{
    background-color:#f98b23;
}
.topmainnav-container .topmainnav > div.active > div > a, .topmainnav > div:hover > div > a{
    color:white;
    background-color:#f98b23;
}


.topmainnav-container .dropdown > .dropdown-content > div > div > a, .sidedown a {
    padding:0;
}

.topmainnav-container div.sidedown {
    display: inline-block;
    margin-top:6px;
}

.topmainnav-container .dropdown div, .sidedown div{
    /*margin-top:6px;*/
}

.topmainnav-container .dropdown-content, .sidedown-content {
    display: none;
    position: absolute;
    background-color: white;
    z-index: 1;
}

.topmainnav-container .dropdown-content .menu-item{
    margin-top:6px;
}

.topmainnav-container .dropdown-content a {
    color: black;
    /*padding: 12px 16px;*/
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    text-decoration: none;
    display: block;
    text-align: center;
}
.ot-desktop-j {
    background-image: url("/public/images/icons/ot/ot_desktop_j.png");
}
.ot-desktop-n {
    background-image: url("/public/images/icons/ot/ot_desktop_n.png");
}
.ot-notebook-j {
    background-image: url("/public/images/icons/ot/ot_notebook_j.png");
}
.ot-notebook-n {
    background-image: url("/public/images/icons/ot/ot_notebook_n.png");
}
.ot-tablet-j {
    background-image: url("/public/images/icons/ot/ot_tablet_j.png");
}
.ot-tablet-n {
    background-image: url("/public/images/icons/ot/ot_tablet_n.png");
}
.ot-smartphone-j {
    background-image: url("/public/images/icons/ot/ot_smartphone_j.png");
}
.ot-smartphone-n {
    background-image: url("/public/images/icons/ot/ot_smartphone_n.png");
}

.topmainnav-container .dropdown-content > div > div.active > .text-container-main > a, .sidedown-content > div > div.active > .text-container-main > a{
    color:#F9A157;

}

.topmainnav-container .dropdown-content > div, .sitedown-content > div{
    width:155px
}

.topmainnav-container .dropdown-content a:hover, .sidedown-content a:hover {
    background-color: #F9A157;
    color:white !important;
}

.topmainnav-container .dropdown:hover > .dropdown-content {
    display: block;
}

.topmainnav-container .sidebtn{
    display: inline-block !important;
    /*color: white;*/
    text-align: center;
    width:153px;
    margin-right:10px;
    /*padding: 14px 16px;*/
    text-decoration: none;
}

.topmainnav-container div:hover > a, .sidebtn:hover > a{
    background-color: #f98b23;
    color:white;
}

.topmainnav-container .sidedown-content {
    margin-top:-6px;
}

.topmainnav-container .sidedown-content a {
    color: black;
    width:155px;
    /*padding: 12px 16px;*/
    text-decoration: none;
    display: block;
    text-align: center;
}

.topmainnav-container .sidedown:hover > .sidedown-container > .sidedown-content {
    display: inline-block;
}

.topmainnav-container .dropbtn.active{
    background-color:#f98b23;
    color:white
}
.topmainnav-container .sidebtn.active{
    background-color:#F9A157;
    color:white
}/*arbeitsplatz topnav ENDE*/

.nav-letterbar{
    margin-left:20px;
    margin-right:20px;
    margin-bottom:12px;
}
.nav-letterbar-element-container{
    background: #EBEBEB;
    border-color:#CCCCCC;
}

.nav-letterbar-element{
    cursor: pointer;
    display:flex;
    height:25px;
    align-items:center;
    justify-content:center;
    background: #EBEBEB;
    width:100%;
}
.nav-letterbar-element.active{
    color: white;
    background:#009090;
}
.nav-letterbar-letter{
    /*display:inline-block;
    width:18px;
    text-align:center;
    */
}

.nav-letterbar-letter-disabled{
    color: #B3B3B3;
    cursor:default;
}

.contact-request-text {
    font-size: 12px;
}
.appteaser .app-but.haf {
    top:0;
    left:0;
    position: absolute;
    z-index:0;
}

.mediaportal {
    padding-left: 25px !important;
    padding-right: 25px !important;
}
@media only screen and (max-width: 800px) {
    .mediaportal {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
.navholder .navi ul>li.pin:hover{
    background-color: rgba(0, 0, 0, 0);
}
.punkte-rechner {
    width:60%;
}
.punkte-rechner td {
    padding: 5px 15px 5px 0px;
}

.tutor p, .tutor h3, .tutor td, .tutor th, .tutor .button .label, .tutor .back, .tutor strong {
    font-size: 16px !important;
}