/****************************************
 FileStructure of campus.css (v1.0)
*****************************************
    1.0 Basics
    2.0 Portalnav
    3.0 Header
        3.1 Logonav
            3.1.1 Logo
            3.1.2 Customernav
        3.2 Mainnav
        3.3 Suche
    4.0 Content
        4.1 Carsearch
        4.2 Topoffers
        4.3 Main
            4.3.1 Easysteps
            4.3.2 Arguments
            4.3.3 Accordeon
        4.4 Sidebar
            4.4.1 Box
            4.4.2 Teaser
    5.0 Asterictext
    6.0    Footer
        6.1 News
        6.2 Sitemap
        6.4 Footernav
*****************************************/
/***basics***/
body{margin:0;padding:0;font:normal normal normal 11px/18px Verdana, Arial, Helvetica, sans-serif;color:#111;background:#fff url("../images/backgrounds/bg_body_ils.png") repeat-x 0 48px;text-align:center;}
a{text-decoration:none;color:#005ea8;font-weight:bold;}/*skin*/
a:hover{text-decoration:underline;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font:normal normal bold 100%/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;}
p{margin:0 0 10px 0;padding:0;}
form {margin:0;padding:0;}
fieldset{border:none;margin:0;padding:0;}
legend{display:none;}
object{display:block;}
ul,ol,li{margin:0;padding:0;list-style:none;}
img{border:none;}
acronym, abbr {border-bottom: #333 1px dotted; font-style:normal;text-transform:none;}
b,strong {font-weight:bold;}
object,embed{outline:none;}
input[type=text],input[type=password]{padding:2px 3px;font:normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;border:1px solid #CCCCCC;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;height:16px;}/*skin*/

input[type=file]{width:100%;color:#111;padding:2px;font:normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}
select{vertical-align:top;padding:3px 1px;font:normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;border:1px solid #005ea8;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-color:#CCCCCC;}/*skin*/
textarea{color:#111;border:1px solid #ccc;font:normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;line-height:200%;margin:0 0 30px;padding:5px 9px 15px;}
input.search[type=text]{padding:7px 0 6px 10px; border-color:#0066b3;}/*skin*/
input[type=checkbox],input[type=radio]{margin:2px 5px 0 0;padding:0;/*position:relative;top:3px;*/}
*+html input[type=checkbox]{margin-left:-4px;margin-right:3px;}/* msie 7.x filter */

body.flashstage{background-position:0 266px;}
body.login{background-position:0 -54px;}

/**
* SKINS
* default skin is ILS.
* skins need to _overwrite_ the given values.
* e.g. color, background-color and background-images.
**/

/* eurofh colors are #005ea8 and #ffdd00 */
body.eurofh{background-image:url("../images/backgrounds/bg_body_eurofh.png");}
body.eurofh input.search[type=text]{border-color:#005ea8;}
body.eurofh a{color:#005ea8;}
body.eurofh a.go,body.eurofh a.back,body.eurofh .button .label,body.eurofh #header ul#mainnav li a,
	body.eurofh #content #sidebar ul#sectnav>li>a{background-image:url("../images/icons/ic_arrows_eurofh.png");}
body.eurofh a.contact,body.eurofh a.profile,body.eurofh a.requests,body.eurofh a.chat,
	body.eurofh div.questiongeneral,body.eurofh div.questionorga,body.eurofh div.questioncourse,body.eurofh div.questionreply,
	body.eurofh div.feedback{background-image:url("../images/icons/ic_icons_eurofh.png");}
body.eurofh a.sorting{background-image:url("../images/elements/el_sorting_eurofh.png");}
body.eurofh span.match{background:#005ea8;}
body.eurofh .button{background:#005ea8 url("../images/backgrounds/bg_mainnav.png") repeat-x 0 -7px;}
body.eurofh .button:hover{background:#fd0 url("../images/backgrounds/bg_mainnav.png") repeat-x 0 -7px;}
body.eurofh .button:hover .label{color:#005ea8;background-position:100% -31px;}
body.eurofh .button.back .label:hover,
body.eurofh .button.back:hover .label{background-position:0 -113px !important;}
body.eurofh a img.frame:hover{border-color:#005ea8;}
body.eurofh #header h1#logo{top:30px;left:10px;background-image:url("../images/logos/lg_eurofh.png");}
body.eurofh #header h1#logo a{width:210px;height:43px;}
body.eurofh #header ul#mainnav{background:#005ea8 url("../images/backgrounds/bg_mainnav.png") repeat-x left top;}
body.eurofh #header ul#mainnav li.active,
body.eurofh #header ul#mainnav li:hover{color:#005ea8;background:#fd0 url("../images/backgrounds/bg_mainnav.png") repeat-x left bottom;}
body.eurofh #header ul#mainnav li a{background:transparent url("../images/icons/ic_arrows_eurofh.png") no-repeat 132px -66px;}
body.eurofh #header ul#mainnav li.active a,
body.eurofh #header ul#mainnav li:hover a,
body.eurofh #header ul#mainnav li a:hover{color:#005ea8;background-position:132px -25px;}
body.eurofh #header h1#course{color:#005ea8;}
body.eurofh.login #header h1#course {top:46px;}
body.eurofh #content #sidebar ul#sectnavefh li a:hover,
body.eurofh #content #sidebar ul#sectnavefh li.active>a{background-color:#fd0;color:#005ea8;/*background-position:161px -25px;*/}
body.eurofh #content #sidebar ul#sectnavefh li.active.sub>a{background-position:171px 17px;}
body.eurofh #content #main h2{color:#005ea8;}
body.eurofh #content #main ol.pager li.active a{background:#005ea8;}
body.eurofh #content #main ol.pager li a:hover{background:#fd0;color:#005ea8;}
body.eurofh #content #main ol.pager li a.prev:hover,
body.eurofh #content #main ol.pager li a.next:hover{background:none;color:#005ea8;}
body.eurofh #content #main ol.atozpager li.active a{background:#005ea8;}
body.eurofh #content #main ol.atozpager li a:hover{background:none;color:#005ea8;}
body.eurofh #content #main ol.atozpager li:first-child a:hover{background:none;color:#ec763b;}
body.eurofh #content #main .box.head h3{color:#005ea8;background:#E9F1F8 url("../images/backgrounds/bg_content_box_eurofh.png") repeat-x left top;}
body.eurofh #content #main form.box.head h3{background:#e4e4e4;}
body.eurofh #content #main form.box .content{background:#f8f8f8;}
body.eurofh #content #main .box .content{background:#E9F1F8 url("../images/backgrounds/bg_content_box_eurofh.png") repeat-x left top;}
body.eurofh #content #main .box .content h3,
body.eurofh #content #main .box.head .content h4{color:#005ea8;}
body.eurofh #content #main form.box.head .content.wizard h4{color:#111;}
body.eurofh #content #main form.box .content.wizard fieldset div.formRow label{color:#005ea8;}
body.eurofh #content #main .quicklink.cursor:hover{border-color:#005ea8;}
body.eurofh #content #main .quicklink div{background-image:url("../images/icons/ic_arrowsbig_eurofh.png");}
body.eurofh #content #main .quicklink div p{color:#005ea8;}
body.eurofh #content #main .box.disciplinesView .summary span.toggle,
body.eurofh #content #main .box.disciplinesView.expanded .summary span.toggle{background-image:url("../images/icons/ic_arrowsbig_eurofh.png");}
body.eurofh #content #main .box.disciplinesView .ils ul li{color:#005ea8;}
body.eurofh div#helpcarousel div.helpcarousel h3 {color:#005ea8;}
body.eurofh #content #main form.box.head .content ul.contacts li label{color:#005ea8;}
body.eurofh #content #extra .box h3{background:#005ea8;}
body.eurofh #content #main #tabnav>li h3{color:#005ea8;}
body.eurofh #content #main #tabnav>li h3:hover{border-color:#005ea8;}
body.eurofh #content #main #tabnav>li ul li.active{background:#fd0;}
body.eurofh #content #main table.normal tbody tr td a.icon_delete{background:transparent url("../images/icons/ic_icons_eurofh.png") no-repeat 0 -232px;}
body.eurofh #content #main table.normal tbody tr td a.icon_move{background:transparent url("../images/icons/ic_icons_eurofh.png") no-repeat 0 -186px;}
body.eurofh #content #main table.normal tbody tr td a.icon_attachment{background:transparent url("../images/icons/ic_icons_eurofh.png") no-repeat 0 -137px;}
body.eurofh #content #main #courseinfohead ul li.active{background-color:#ffdd00;}
body.eurofh #content #main .footnote:target h3{color:#005ea8;}
body.eurofh #content #main .box .content form.workingon input[type=text]{border-color:#005ea8;}
body.eurofh #content #main ol.progressbar li.last.active,
body.eurofh #content #main ol.progressbar li.active + li{background-image:url("../images/backgrounds/bg_progressbar_eurofh.png");}
body.eurofh #content #main ol.progressbar li.active,
body.eurofh #content #main ol.progressbar li.active a,
body.eurofh #content #main ol.progressbar li.done a{color:#005ea8;}
body.eurofh .overlay h3{color:#005ea8;}


/* fernakademie colors are #ec763b and #f4e1bb */
body.fernakademie{background-image:url("../images/backgrounds/bg_body_fernakademie_grau.png");}
body.fernakademie input.search[type=text]{border-color:#ec7532;}
body.fernakademie a{color:#005ea8;}
body.fernakademie a.go,body.fernakademie a.back,body.fernakademie .button .label,body.fernakademie #header ul#mainnav li a,
body.fernakademie #content #sidebar ul#sectnav>li>a{background-image:url("../images/icons/ic_arrows_fernakademie_grau.png");}
body.fernakademie a.contact,body.fernakademie a.profile,body.fernakademie a.requests,body.fernakademie a.chat,
body.fernakademie div.questiongeneral,body.fernakademie div.questionorga,body.fernakademie div.questioncourse,body.fernakademie div.questionreply,
body.fernakademie div.feedback{background-image:url("../images/icons/ic_icons_fernakademie.png");}
body.fernakademie a.sorting{background-image:url("../images/elements/el_sorting_fernakademie.png");}
body.fernakademie span.match{background:#ec7532;}
body.fernakademie .button{background:#EC7532 url("../images/backgrounds/bg_mainnav.png") repeat-x 0 -7px;}
body.fernakademie .button:hover{background:#f4e1bb url("../images/backgrounds/bg_mainnav.png") repeat-x 0 -7px;}
body.fernakademie .button:hover .label{color:#ec7532;}
body.fernakademie .button.back .label:hover,
body.fernakademie .button.back:hover .label{background-position:0 -113px !important;}
body.fernakademie a img.frame:hover{border-color:#ec763b;}
body.fernakademie #header h1#logo{top:21px;left:16px;background-image:url("../images/logos/lg_fernakademie_neu.png");}
body.fernakademie #header h1#logo a{width:260px;height:37px;}
body.fernakademie #header ul#mainnav{background:#ec763b url("../images/backgrounds/bg_mainnav.png") repeat-x left top;}
body.fernakademie #header ul#mainnav li.active,
body.fernakademie #header ul#mainnav li:hover{color:#666;background:#f4e1bb url("../images/backgrounds/bg_mainnav.png") repeat-x left bottom;}
/*body.fernakademie #header ul#mainnav li a{background:transparent url("../images/icons/ic_arrows_fernakademie_grau.png") no-repeat 132px -66px;}*/
body.fernakademie #header ul#mainnav li.active a,
body.fernakademie #header ul#mainnav li:hover a,
body.fernakademie #header ul#mainnav li a:hover{color:#666;background-position:132px -188px;}
body.fernakademie #header h1#course{color:#ec7532;}
body.fernakademie.login #header h1#course {top:42px;}
body.fernakademie #content #sidebar ul#sectnav li a:hover,
body.fernakademie #content #sidebar ul#sectnav li.active>a{background-color:#f4e1bb;color:#666;/*background-position:161px -188px;*/}
body.fernakademie #content #sidebar ul#sectnav li.active.sub>a{background-position:171px -228px;}
body.fernakademie #content #main h2{color:#ec7532;}
body.fernakademie #content #main ol.pager li.active a{background:#ec7532;}
body.fernakademie #content #main ol.pager li a:hover{background:#f4e1bb;color:#666;}
body.fernakademie #content #main ol.pager li a.prev:hover,
body.fernakademie #content #main ol.pager li a.next:hover{background:none;color:#ec7532;}
body.fernakademie #content #main ol.atozpager li.active a{background:#ec7532;}
body.fernakademie #content #main ol.atozpager li a:hover{background:#f4e1bb;color:#666;}
body.fernakademie #content #main ol.atozpager li.active a{background:#ec7532;}
body.fernakademie #content #main ol.atozpager li:first-child a:hover{background:none;color:#ec7532;}
body.fernakademie #content #main .box.head h3{color:#ec7532;background:#eae4e2 url("../images/backgrounds/bg_content_box_fernakademie_grau.png") repeat-x left bottom;}
body.fernakademie #content #main form.box.head h3{background:#e4e4e4;}
body.fernakademie #content #main form.box .content{background:#f8f8f8;}
body.fernakademie #content #main .box .content{background:#fefaf3 url("../images/backgrounds/bg_content_box_fernakademie.png") repeat-x left top;}
body.fernakademie #content #main .box .content h3,
body.fernakademie #content #main .box.head .content h4{color:#ec7532;}
body.fernakademie #content #main form.box.head .content.wizard h4{color:#111;}
body.fernakademie #content #main form.box .content.wizard fieldset div.formRow label{color:#ec7532;}
body.fernakademie #content #main .quicklink.cursor:hover{border-color:#ec7532;}
body.fernakademie #content #main .quicklink div{background-image:url("../images/icons/ic_arrowsbig_fernakademie.png");}
body.fernakademie #content #main .quicklink div p{color:#ec7532;}
body.fernakademie #content #main .box.disciplinesView .summary span.toggle,
body.fernakademie #content #main .box.disciplinesView.expanded .summary span.toggle{background-image:url("../images/icons/ic_arrowsbig_fernakademie.png");}
body.fernakademie #content #main .box.disciplinesView .ils ul li{color:#ec7532;}
body.fernakademie div#helpcarousel div.helpcarousel h3 {color:#ec7532;}
body.fernakademie #content #main form.box.head .content ul.contacts li label{color:#ec7532;}
body.fernakademie #content #extra .box h3{background:#ec7532;}
body.fernakademie #content #main #tabnav>li h3{color:#ec7532;}
body.fernakademie #content #main #tabnav>li h3:hover{border-color:#ec7532;}
body.fernakademie #content #main #tabnav>li ul li.active{background:#f4e1bb;}
body.fernakademie #content #main table.normal tbody tr td a.icon_delete{background:transparent url("../images/icons/ic_icons_fernakademie.png") no-repeat 0 -232px;}
body.fernakademie #content #main table.normal tbody tr td a.icon_move{background:transparent url("../images/icons/ic_icons_fernakademie.png") no-repeat 0 -186px;}
body.fernakademie #content #main table.normal tbody tr td a.icon_attachment{background:transparent url("../images/icons/ic_icons_fernakademie.png") no-repeat 0 -137px;}
body.fernakademie #content #main #courseinfohead ul li.active{background-color:#f4e1bb;}
body.fernakademie #content #main #courseinfohead ul li.active a{color:#666;background-position:100% -200px;}
body.fernakademie #content #main .footnote:target h3{color:#ec7532;}
body.fernakademie #content #main .box .content form.workingon input[type=text]{border-color:#ec7532;}
body.fernakademie #content #main ol.progressbar li.last.active,
body.fernakademie #content #main ol.progressbar li.active + li{background-image:url("../images/backgrounds/bg_progressbar_fernakademie.png");}
body.fernakademie #content #main ol.progressbar li.active{color:#666;background-color:#f4e1bb;}
body.fernakademie #content #main ol.progressbar li.active a,
body.fernakademie #content #main ol.progressbar li.done a{color:#ec7532;}
body.fernakademie .overlay h3{color:#ec7532;}

/* ILS colors are #f98b23 and #0066b3 */


/*userpic*/
.userpic{float:left;margin:0 10px 20px 0;}
img.frame{padding:4px;border:1px solid #e4e4e4;background:#fff;}
a img.frame:hover{border-color:#f98b23;}/*skin*/

span.time{padding-left:20px !important;margin-left:13px;background:transparent url("../images/icons/ic_icons.png") no-repeat 0 -195px;}
span.match{display:inline-block;padding:1px 4px;background:#f98b23;color:#fff;}/*skin*/
a.go{padding-right:15px !important;background:transparent url("../images/icons/ic_arrows_ils.png") no-repeat 100% -38px;}/*skin*/
a.back{padding-left:15px !important;background:transparent url("../images/icons/ic_arrows_ils.png") no-repeat 0 -120px;}/*skin*/
a.contact{padding-left:25px !important;background:transparent url("../images/icons/ic_icons_ils.png") no-repeat 0 2px;}/*skin*/
a.profile{padding-left:25px !important;background:transparent url("../images/icons/ic_icons_ils.png") no-repeat 2px -526px;}/*skin*/
a.requests{padding-left:25px !important;background:transparent url("../images/icons/ic_icons_ils.png") no-repeat 0 -45px;}/*skin*/
a.chat{padding-left:25px !important;background:transparent url("../images/icons/ic_icons_ils.png") no-repeat 0 -95px;}/*skin*/
a.rename{padding-left:25px !important;background:transparent url("../images/icons/ic_icons_ils.png") no-repeat 0 -280px;}/*skin*/
a.sorting{padding-right:17px !important;background:transparent url("../images/elements/el_sorting_ils.png") no-repeat 100% -18px;}/*skin*/
a.sorting.up{background-position:100% 4px;}
a.sorting.down{background-position:100% -39px;}
div.questiongeneral{text-indent:-3000px;width:23px;height:25px;overflow:hidden;background:transparent url("../images/icons/ic_arrows_ils.png") no-repeat 0 -331px;}/*skin*/
div.questionorga{text-indent:-3000px;width:23px;height:25px;overflow:hidden;background:transparent url("../images/icons/ic_arrows_ils.png") no-repeat 0 -331px;}/*skin*/
div.questioncourse{text-indent:-3000px;width:23px;height:25px;overflow:hidden;background:transparent url("../images/icons/ic_arrows_ils.png") no-repeat 0 -331px;}/*skin*/
div.questionreply{text-indent:-3000px;width:29px;height:20px;overflow:hidden;background:transparent url("../images/icons/ic_arrows_ils.png") no-repeat 0 -377px;}/*skin*/
div.feedback{text-indent:-3000px;width:23px;height:25px;overflow:hidden;background:transparent url("../images/icons/ic_arrows_ils.png") no-repeat 0 -421px;}/*skin*/
div.msg{-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;line-height:200%;margin:0 0 30px;overflow:auto;padding:5px 9px 30px;}
ul.services li{padding:10px 0 10px 130px;background:transparent url("../images/icons/ic_imservices.png") no-repeat 0 0;}
ul.services li.imwindowslive{background-position:0 5px;}
ul.services li.imyahoo{background-position:0 -57px;}
ul.services li.imskype{background-position:0 -116px;}
ul.services li.imicq{background-position:0 -171px;}
ul.services li.imaim{background-position:0 -225px;}
ul.services li.imgtalk{background-position:0 -286px;}
ul.services li.imjabber{background-position:0 -347px;}
ul.services li.imtwitter{background-position:0 -402px;}
.cursor{cursor:pointer;}
.rss{padding-left:21px !important;background:transparent url("../images/icons/ic_icons.png") no-repeat -10px -145px;}
.button{height:30px;cursor:pointer;overflow:hidden;display:inline-block;margin:0 10px 20px 10px;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;}/*skin*/
.button:hover{background:#0066b3 url("../images/backgrounds/bg_mainnav.png") repeat-x 0 -7px;}/*skin*/
.button .label{float:left;color:#fff;font-size:12px;font-weight:bold;display:inline-block;padding:6px 20px 6px 21px;margin:0 10px 0 0;background:transparent url("../images/icons/ic_arrows_ils.png") no-repeat 100% -72px;}/*skin*/
.button.back .label{background-position:0 -154px;margin:0 0 0 10px;}
.button:hover .label,
.button .label:hover{text-decoration:none;}/*skin*/
.button input.label{overflow:visible;border:none;font-family:Verdana, Arial, Helvetica, sans-serif;}/*skin*/
.rating{display:inline-block;overflow:hidden;width:85px;height:17px;text-align:left;background:transparent url("../images/elements/el_ratingstars.png") no-repeat -85px 0;}
.rating.onestar{background-position:-68px 0;}
.rating.twostars{background-position:-51px 0;}
.rating.threestars{background-position:-34px 0;}
.rating.fourstars{background-position:-17px 0;}
.rating.fivestars{background-position:0 0;}
.rating span{visibility:hidden;}
.rating span.rate{visibility:visible;}
.rating span.rate:hover{background:transparent url("../images/elements/el_ratingstars.png") no-repeat -68px -1px;}
.rating span.rate a{display:inline-block;height:17px;width:17px;}
.rating span.rate a:hover{text-decoration:none;}

/* general error */
.error{color:#c00;}
.error input[type=text], input[type=text].error,
.error textarea, textarea.error,
.error select, select.error,
p.error, span.error{border:1px solid #c00 !important;}

p.error, span.error,/* there are also child selector specified rules of those */
.infobox{display:block;padding:13px 13px 15px 13px;margin-bottom:15px;}
.infobox{border:1px solid #0a0;}


/**tooltip**/ /* general rules. there are specifications according to different usages of the "moreInfo/tooltip" combination - search for it */ /* for developers: >>display:-moz-inline-stack;<< is an alternative to older version 2 gecko render engines that do not support >>display:inline-block;<< at all */
div.tooltip{display:none;position:absolute;right:26px;bottom:-5px;min-width:8em;max-width:16em;padding:5px 9px 7px 9px;text-align:left;background-color:#fafafa;border:1px solid #aaa;border-left-color:#afafaf;border-right-color:#afafaf;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 5px #eee;-webkit-box-shadow:0 0 5px #eee;box-shadow:0 0 5px #eee;}
div.moreInfo{display:inline-block;position:relative;top:6px;margin-top:-7px;width:21px;height:21px;background:transparent url("../images/icons/ic_icons.png") no-repeat scroll top right;cursor:pointer;z-index:20;}
*+html div.moreInfo{display:inline;}
div.moreInfo:hover>div.tooltip{display:block;}


/****container****/
#container{width:968px;text-align:left;margin:0 auto;}
/***header***/
#header{min-height:205px;position:relative;}
body.login #header{min-height:121px;}
#header h1#logo{position:absolute;top:15px;left:6px;background:transparent url("../images/logos/lg_ils.png") no-repeat top left;-webkit-transition: -webkit-transform 3s ease-in;}/*skin*/
#header h1#logo a{display:block;width:111px;height:95px;text-indent:-3000px;}/*skin*/
#header ul#metanav{position:absolute;top:20px;left:569px;width:400px;}
#header ul#metanav li{float:left;}
#header ul#metanav li.settings{margin:0 20px 0 80px;}
#header ul#metanav li.help{margin:0 34px 0 0;}
#header ul#metanav li.requests{clear:both;}
#header ul#metanav li.chat{clear:both;}
#header ul#metanav li.pim{width:190px;float:right;margin:0 0 6px 0;}
#header ul#metanav li.pim a{font-weight:normal;padding:0 0 2px 25px;}
#header ul#metanav li.pim a:hover{text-decoration:none;}
#header ul#metanav li a span{font-weight:bold;text-decoration:underline;}
#header p#loginmsg{position:absolute;top:90px;left:151px;-webkit-transition: -webkit-transform 3s ease-in;}
#header p#loginmsg a{padding:0 0 0 5px;}
#header ul#mainnav{position:absolute;top:120px;left:0;float:left;font:normal normal bold 14px/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;background:#f98b23 url("../images/backgrounds/bg_mainnav.png") repeat-x left top;-moz-box-shadow:3px 3px 3px #c8c8c8, -3px 0 3px #c8c8c8;-webkit-box-shadow:3px 3px 3px #c8c8c8, -3px 0 3px #c8c8c8;box-shadow:3px 3px 3px #C8C8C8, -3px 0px 3px #c8c8c8;}/*skin*/
#header ul#mainnav li{float:left;border-right:1px solid #fff;}
#header ul#mainnav li a{display:block;height:29px;width:136px;padding:11px 0 0 15px;color:#fff;background:transparent url("../images/icons/ic_arrows_ils.png") no-repeat 132px -66px;}/*skin*/
#header ul#mainnav li.active,
#header ul#mainnav li:hover{background:#0066b3 url("../images/backgrounds/bg_mainnav.png") repeat-x left bottom;}/*skin*/
#header ul#mainnav li.active a,
#header ul#mainnav li:hover a,
#header ul#mainnav li a:hover{text-decoration:none;}/*skin*/
#header ul#mainnav li.search{border:none;padding:8px 10px 0 10px;height:32px;width:auto;}
#header ul#mainnav li.search input[type=text]{float:left;width:138px;height:20px;padding:3px 0 0 10px;margin:0 13px 0 0;border:1px solid #fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#header h1#course{position:absolute;top:178px;left:15px;font-size:18px;color:#000000;}/*skin*/
body.login #header h1#course {font-size:25px;right:70px;top:81px;text-align:right;color:#0066b3 !important}/*skin*/

/***content***/
#content{margin:18px 0 50px 0;}

/**sidebar**/
#content #sidebar{float:left;width:190px;padding:22px 0 0 0;}
/*sectnav*/
#content #sidebar ul#sectnav{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#sectnav>li{border-bottom:1px solid #e5e5e5;}
#content #sidebar ul#sectnav li a{display:block;padding:2px 20px 3px 10px;}
#content #sidebar ul#sectnav>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#sectnav li a:hover{background-color:#0066b3;color:#fff;text-decoration:none;background-position:171px -66px;}/*skin*/
#content #sidebar ul#sectnav li.active>a{color:#fff;background-color:#0066b3;/*background-position:161px -25px;*/}/*skin*/
#content #sidebar ul#sectnav li.active.sub>a{background-position:171px -228px;}/*skin*/
#content #sidebar ul#sectnav li ul{font-size:11px;font-weight:normal;}
#content #sidebar ul#sectnav li ul li{padding:6px 0 5px 0;}
#content #sidebar ul#sectnav li ul li:first-child{margin:7px 0 0 0;}
#content #sidebar ul#sectnav li ul li a{font-weight:normal;}
#content #sidebar ul#sectnav li ul li a{font-weight:normal;}
#content #sidebar ul#sectnav li ul li ul li{padding:2px 0;}

/*sectnavefh*/
#content #sidebar ul#sectnavefh{font:normal normal bold 14px/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;margin:0 0 35px 0;border-top:1px solid #e5e5e5;}
#content #sidebar ul#sectnavefh>li{border-bottom:1px solid #e5e5e5;}
#content #sidebar ul#sectnavefh li a{display:block;padding:2px 0 3px 10px;}
#content #sidebar ul#sectnavefh>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#sectnavefh li a:hover{background-color:#00FF00;color:#fff;text-decoration: none}/*skin*/
#content #sidebar ul#sectnavefh li.active>a{color:#fff;background-color:#0066b3;/*background-position:161px -25px;*/}/*skin*/
#content #sidebar ul#sectnavefh li.active.sub>a{background-position:171px -228px;}/*skin*/
#content #sidebar ul#sectnavefh li ul{font-size:11px;font-weight:normal;}
#content #sidebar ul#sectnavefh li ul li{padding:6px 0 5px 0;}
#content #sidebar ul#sectnavefh li ul li:first-child{margin:7px 0 0 0;}
#content #sidebar ul#sectnavefh li ul li a{font-weight:normal;}
#content #sidebar ul#sectnavefh li ul li a{font-weight:normal;}
#content #sidebar ul#sectnavefh li ul li ul li{padding:2px 0;}

#content #sidebar #profilestatus h3{color:#111;padding:0 10px;margin:0 0 9px 0;line-height:16px;}
#content #sidebar #profileProgressbar{height:15px;margin:0 0 8px 0;-moz-box-shadow:1px 1px 3px #c8c8c8;-webkit-box-shadow:1px 1px 3px #c8c8c8;box-shadow:1px 1px 3px #c8c8c8;}
#content #sidebar #profilestatus p{color:#bbb;padding:0 10px;}

/**main**/
#content #main{float:left;width:535px;margin:0 20px 0 15px;padding:30px 0 0 0;}
#content.nosidebar #main{float:left;width:740px;margin:0 20px 0 0;}
body.home #content #main{padding-top:20px;}
body.login #content #main{width:auto;}
#content #main h2{font-size:18px;color:#0066b3;margin:0 0 15px 15px;}/*skin*/
body.login #content #main h2{margin:5px 0 10px 0;}
/*#content #main h2 a:hover{text-decoration:none;}
#content #main h2 a span:hover{text-decoration:underline;}*/
#content #main h2 a{padding:0 0 0 17px;font-size:11px;}/*skin*/
#content #main .text{padding:0 0 0 15px;}

#content #main .login{overflow:hidden;margin:0 0 40px 0;}
#content #main .login>form{width:37%;margin:0 40px 0 0;float:left;background:#f8f8f8;}
#content #main .login form .content{padding:10px !important;}
#content #main .login form fieldset{margin:0 !important;}
#content #main .login form fieldset label{display:block;font-weight:bold;margin:0 0 3px 0;}
#content #main .login form fieldset input[type=text],input[type=password]{width:98%;margin:0 0 10px 0;}
#content #main .login form ul{margin:10px;border-top:1px solid #e5e5e5;}
#content #main .login form ul li{border-bottom:1px solid #e5e5e5;border-top:1px solid #fff;padding:10px;}
#content #main .login form ul li a{display:block;}
#content #main .login>div{width:59%;float:left;}

#content #main .login .datenschutz-text li{list-style:inside;}


#content #main .scrollbox{height:320px;overflow-y:scroll;overflow-x:hidden;margin:0 0 20px 0;}/*
#content #main .infobox{border:1px solid #0a0;padding:15px;}*/ /* there is a new child selector specified rule of that */

#content #main .courseProgressbar{height:86px;margin:0 0 20px 0;}
#content #main .courseProgressbar h3{margin:0 0 10px 15px;}

#content #main div#flashstage{height:237px;}
#content #main #flashstage{margin:-40px 0 30px 0;}

#content #main ol.pager{float:right;margin:0 0 20px 0;}
#content #main ol.pager li{float:left;padding:0 2px;}
#content #main ol.pager li a{padding:2px 4px 2px 4px;}
#content #main ol.pager li.active a{background:#f98b23;color:#fff;}/*skin*/
#content #main ol.pager li a:hover{background:#0066b3;color:#fff;text-decoration:none;}/*skin*/
#content #main ol.pager li:first-child,
#content #main ol.pager li:last-child{padding:0;}
#content #main ol.pager li a.prev:hover,
#content #main ol.pager li a.next:hover{background:none;color:#0066b3;}
#content #main ol.pager li a.prev:hover span,
#content #main ol.pager li a.next:hover span{text-decoration:underline;}

#content #main ol.atozpager{clear:both;margin:0 0 20px 15px;}
#content #main ol.atozpager li{float:left;}
#content #main ol.atozpager li:first-child{padding:0 10px 0 0;}
#content #main ol.atozpager li a{padding:2px 4px 2px 5px;}
#content #main ol.atozpager li:first-child a{text-decoration:none;padding:0;}
#content #main ol.atozpager li:first-child a:hover{background:none;text-decoration:underline;color:#0066b3;}
#content #main ol.atozpager li.active a{background:#f98b23;color:#fff;}/*skin*/
#content #main ol.atozpager li a:hover{background:#0066b3;text-decoration:none;color:#fff;}/*skin*/

#content #main ol.progressbar{overflow:hidden;clear:both;margin:18px 0 20px 0;background:#fff url("../images/backgrounds/bg_progressbar_ils.png") no-repeat right top;border-left:1px solid #ddd;}/*skin*/
#content #main ol.progressbar li{width:33.3%;float:left;font:normal normal bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#ccc;background:transparent url("../images/backgrounds/bg_progressbar_ils.png") no-repeat 0 0;}/*skin*/
#content #main ol.progressbar.steps4 li{width:24.9%;}
#content #main ol.progressbar.steps5 li{width:19.9%;}
#content #main ol.progressbar li:first-child{background:none;}
#content #main ol.progressbar li.active{color:#005EA8;background-color:#ffdd00;background-position:0 -99px;}/*skin*/
#content #main ol.progressbar li.active+li{background-position:0 -50px;}
/*#content #main ol.progressbar li.last{background-image:none;}*/
#content #main ol.progressbar li span{display:block;padding:6px 0 7px 25px;border:1px solid #ddd;border-width:1px 0;}
#content #main ol.progressbar li:first-child span{padding-left:14px;}
#content #main ol.progressbar li.last span{margin:0 15px 0 0;}
#content #main ol.progressbar li.last.active{background:#ffdd00 url("../images/backgrounds/bg_progressbar_ils.png") no-repeat 100% -50px;}/*skin*/
#content #main ol.progressbar li.last.active span{background:transparent url("../images/backgrounds/bg_progressbar_ils.png") no-repeat 0 -99px;}
#content #main ol.progressbar li a{color:#ccc;padding:0 !important;display:block;background-position:100% -29px}
#content #main ol.progressbar li.active a,
#content #main ol.progressbar li.done a{color:#005EA8;}/*skin*/

#content #main form.searchbar{float:left;margin:0 0 20px 0;padding:0 0 0 15px;}
#content #main form ol.pager{margin:5px 0 0 0;}
/*#content #main form.searchbar .search{float:left;}*/
#content #main form.searchbar input.search[type="text"]{float:left;}
#content #main form.searchbar .button{float:left;margin-bottom:0;}

#content #main form.closetipbox{overflow:hidden;margin:0 0 15px 0;}
#content #main form.closetipbox label{float:left;padding:5px 0 0 0;}
#content #main form.closetipbox label input{float:left;}
#content #main form.closetipbox input[type=image]{float:right;}

#content #main table.borderless{margin:0 0 20px 0;background:#fff;}
#content #main table.borderless thead tr th{padding:5px 0;text-align:left;font-weight:bold;border:1px solid #e5e5e5;border-width:1px 0;}
#content #main table.borderless tbody tr td{border-bottom:1px solid #e5e5e5;padding:5px 10px 5px 0;}
#content #main table.borderless tbody tr td:first-child{padding-left:15px;}

#content #main table.normal{margin:0 0 20px 0;}
#content #main table.normal thead tr th{padding:5px 0;text-align:left;/*text-align:center;*/font-weight:bold;border-bottom:1px solid #e5e5e5;}
#content #main table.normal thead tr th:first-child{padding-left:15px;}
#content #main table.normal tbody tr td{padding:10px 10px 10px 0;vertical-align:top;border-bottom:1px solid #e5e5e5;/*text-align:center;*/background:#fff;}
#content #main table.normal tbody tr td:first-child{padding-left:15px;/*text-align:left;*/}
#content #main table.normal tr td.right{text-align:right;}
/*#content #main table.normal tbody tr td.left{text-align:left;}*/
#content #main table.normal tr td 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;}
#content #main table.normal tr td span.status.notstarted{background-color:#ff7900;}
#content #main table.normal tbody tr td a.icon_delete{display:inline-block;width:13px;height:18px;text-indent:-3000px;background:transparent url("../images/icons/ic_icons_ils.png") no-repeat 0 -232px;}/*skin*/
#content #main table.normal tbody tr td a.icon_rename{display:inline-block;width:18px;height:18px;text-indent:-3000px;background:transparent url("../images/icons/ic_icons_ils.png") no-repeat 0 -280px;}/*skin*/
#content #main table.normal tbody tr td a.icon_move{display:inline-block;width:18px;height:18px;text-indent:-3000px;background:transparent url("../images/icons/ic_icons_ils.png") no-repeat 0 -186px;}/*skin*/
#content #main table.normal tbody tr td 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;}/*skin*/
#content #main table.normal tfoot tr td{padding:5px 10px 5px 0;}

#content #main .box{clear:both;border:1px solid #ddd;padding:4px;margin:0 0 20px 0;-moz-box-shadow:0 3px 5px #eee;-webkit-box-shadow:0 3px 5px #eee;box-shadow:0 3px 5px #eee;}
#content #main .box.head{padding:0 1px 1px 1px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;}
#content #main .box.head h3{position:relative;padding:7px 0 8px 13px;margin:0 -1px;font-size:14px;color:#0066b3;border-bottom:1px solid #ddd;background:#E9F1F8 url("../images/backgrounds/bg_content_box_ils.png") repeat-x left top;}/*skin*/
#content #main .box.head h3:first-child{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;}/*skin*/
#content #main .box .content{padding:10px;overflow:hidden;background:#E9F1F8 url("../images/backgrounds/bg_content_box_ils.png") repeat-x left top;}/*skin*/
#content #main .box.head h2+.content, #content #main .box.head h3+.content, #content #main .box.head .content:first-child{padding-top:30px;}
#content #main .box .content h3,
#content #main .box.head .content h4{/*clear:both;*/color:#f98b23;font-size:14px;margin:0 0 10px 0;}/*skin*/
#content #main .box .content p.threadabo{margin:0 0 16px 0;}
#content #main .box .content p.threadabo span{display:inline-block;padding:1px 25px 2px 0;margin:0 11px 0 0;background:transparent url("../images/icons/ic_icons.png") no-repeat 100% 2px;}
#content #main .box .content .col{width:50%;float:left;}
#content #main .box .section{border-top:1px solid #e5e5e5;padding:15px 0 0 0;margin:15px 0 0 0;}
#content #main .box .section:first-child{border:none;padding-top:0;margin-top:0;}
/*#content #main .box *:last-child{margin-bottom:0;}*/
#content #main .box .content p.results input#pages{width:6%;text-align:center;}

#content #main div.overview{overflow:hidden;margin:0 0 20px -4%;}
#content #main div.overview .quicklink{width:42.2%;margin-left:4%;float:left;clear:none;}
#content #main div.overview .quicklink a{width:67%;}

#content #main .quicklink{clear:both;position:relative;overflow:hidden;border:1px solid #ddd;padding:19px 0 19px 19px;margin:0 0 20px 0;background:#fff url("../images/backgrounds/bg_quicklink.png") repeat-x left center;-moz-box-shadow:0 3px 5px #eee;-webkit-box-shadow:0 3px 5px #eee;box-shadow:0 3px 5px #eee;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#content #main .box .quicklink{-moz-box-shadow:0 3px 5px #ddd;-webkit-box-shadow:0 3px 5px #ddd;box-shadow:0 3px 5px #ddd;}
#content #main .quicklink.cursor:hover{border-color:#005EA8;}/*skin*/
#content #main .quicklink a{float:left;width:54%;font-size:13px;min-height:35px;}
#content #main .quicklink a:hover{text-decoration:none;}
#content #main .quicklink div{position:absolute;right:19px;top:50%;margin:-19px 0 0 0;overflow:hidden;padding:0 45px 0 0;background:transparent url("../images/icons/ic_arrowsbig_ils.png") no-repeat 100% 8px;}/*skin*/
#content #main .quicklink div p{min-height:35px;padding:0 20px 0 0;margin:0;text-align:right;color:#005EA8;border-right:1px solid #ddd;}/*skin*/
#content #main .quicklink div p span.posts{font-size:14px;font-weight:bold;}
#content #main .quicklink div p span.info{display:block;color:#989898;}


#content #main .allModulesToggle{display:none;padding:6px 8px 26px 18px;}


#content #main .box.disciplinesView{padding:0 1px 1px 1px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background-color:#fafafa;}

#content #main .box.disciplinesView span.status{float:left;width:11px;height:11px;margin:3px 5px 0 0;/*border:1px solid #bbb;*/background:#ff9000 url("../images/icons/ic_status.png") repeat-x top left;text-indent:-3000px;}
#content #main .box.disciplinesView .summary ul li.exam.byAttendance span.status{background-color:#01dddd;}
*+html #content #main .box.disciplinesView .summary ul li.exam span.status{margin-top:4px;}
#content #main .box.disciplinesView .content table.normal tr td span.status{float:right;display:block;position:relative;top:3px;margin:0 10px 0 0;border:none;}
#content #main .box.disciplinesView .content table.normal tr td span.status.examByAttendance{background-color:#01dddd;}
*+html #content #main .box.disciplinesView .content table.normal tr td span.status{top:4px;z-index:0;}

#content #main .box.disciplinesView .summary{position:relative;padding:17px 75px 43px 17px;}
*+html #content #main .box.disciplinesView .summary{padding-bottom:25px;}
#content #main .box.disciplinesView .summary h3{color:#005ea8;font-size:14px;}/*skin*/ /* TODO */
#content #main .box.disciplinesView .summary ul{position:relative;width:100%;padding-top:1.5em;}
#content #main .box.disciplinesView .summary ul li{float:left;clear:none;width:49.9%;font-weight:bold;}
#content #main .box.disciplinesView .summary ul li.completed{float:none;position:absolute;right:1px;top:-1.5em;font-weight:normal;}

#content #main .box.disciplinesView .summary,
#content #main .box.disciplinesView.expanded .summary{cursor:pointer/*s-resizerow-resize*/;}
#content #main .box.disciplinesView.collapsed .summary{cursor:pointer/*n-resizerow-resize*/;}

#content #main .box.disciplinesView .summary span.toggle,
#content #main .box.disciplinesView.expanded .summary span.toggle{clear:left;display:block;position:absolute;right:6px;top:19px;width:57px;height:57px;border-left:1px solid #ddd;background:transparent url("../images/icons/ic_arrowsbig_ils.png") no-repeat 20px -45px;text-indent:-3000px;}/*skin*/
#content #main .box.disciplinesView.collapsed .summary span.toggle{background-position:18px 19px;}

#content #main .box.disciplinesView .summary:hover{background-color:#eee;}

#content #main .box.disciplinesView.collapsed:hover .summary{background:none;}
#content #main .box.disciplinesView.collapsed:hover{border:1px solid #005ea8;}
#content #main .box.disciplinesView.collapsed .content{display:none;}
#content #main .box.disciplinesView .content{background:none;}

#content #main .box.disciplinesView .content table.normal{border-collapse:collapse;empty-cells:show;margin:-10px 0 18px 0;background-color:#fff;}/*
#content #main .box.disciplinesView .content table.normal tr,*/
#content #main .box.disciplinesView .content table.normal tr td{clear:both;}
#content #main .box.disciplinesView .content table.normal tr th{border-bottom: 1px solid #ddd;background-color:#fafafa;}
#content #main .box.disciplinesView .content table.normal tr td span.entranceRequirement{padding: 0 38px 3px 0;background:transparent url("../images/icons/ic_icons.png") no-repeat scroll 100% -101px;}
#content #main .box.disciplinesView .content table.normal tr td span.openForScheduling{float:left;margin:0 4px 0 -34px;width:19px;height:18px;background:transparent url("../images/icons/ic_icons.png") no-repeat scroll 0 -486px;}
#content #main .box.disciplinesView .content table.normal tr td span.stateOfDate{font-weight:bold;}
#content #main .box.disciplinesView .content table.normal tr td span.fixedDate{float:left;}
*+html #content #main .box.disciplinesView .content table.normal tr td span.openForScheduling{position:relative;top:1px;z-index:1;}

#content #main .box.disciplinesView .content table.normal tr td div.moreInfo{float:right;display:block;top:-2px;margin-top:0;margin-bottom:-2px;}
*+html #content #main .box.disciplinesView .content table.normal tr td div.moreInfo{top:-1px;}
@-moz-document url-prefix() {#content #main .box.disciplinesView .content table.normal tr td div.moreInfo{top:-1px;}}/* mozilla only filter */
#content #main .box.disciplinesView .content.ils table.normal tr td div.moreInfo:hover>div.tooltip{right:auto;left:26px;}
#content #main .box.disciplinesView .content.ils table.normal tr td div.moreInfo{margin-top:0;}
*+html #content #main .box.disciplinesView .content.ils table.normal tr td div.moreInfo{margin-top:-1.6em;margin-bottom:-3px;}
@-moz-document url-prefix() {#content #main .box.disciplinesView .content.ils table.normal tr td div.moreInfo{margin-top:-1.6em;margin-bottom:-4px;}}/* mozilla only filter */

#content #main .box.disciplinesView .content table.normal tr th+th+th+th,
#content #main .box.disciplinesView .content table.normal tr td+td+td+td{padding-left:10px;border-left:30px solid #fafafa;}

#content #main .box.disciplinesView .content table.normal tr th:first-child {padding-left:24px;}
#content #main .box.disciplinesView .content table.normal tr td:first-child {padding-left:24px;font-weight:bold;}
#content #main .box.disciplinesView .content table.normal tr.warning td:first-child {color:#c00;}
#content #main .box.disciplinesView .content table.normal tr.warning td+td+td+td {font-weight:bold;color:#c00;background:transparent url("../images/icons/ic_icons.png") no-repeat scroll 100% -41px;}
*+html #content #main .box.disciplinesView .content table.normal tr.warning td+td+td+td {background-position: 100% -40px;}

#content #main .box.disciplinesView .content table.normal tbody tr:hover,
#content #main .box.disciplinesView .content table.normal tbody tr:hover td{background-color:#eee;}
#content #main .box.disciplinesView .content table.normal tbody tr.group:hover{background-color:#ddd/*e7e7e7*/;}
#content #main .box.disciplinesView .content table.normal tbody tr.group:hover td {background-color:#ddd/*e7e7e7*/;}
*+html #content #main .box.disciplinesView .content table.normal tbody tr:hover td+td+td+td {background-color:#eee;}
*+html #content #main .box.disciplinesView .content table.normal tbody tr.group:hover td:first-child {background-color:#ddd/*e7e7e7*/;}

#content #main .box.disciplinesView .content table.normal tr.group,
#content #main .box.disciplinesView .content table.normal tr.group.expanded{cursor:s-resize/*row-resize*/;}
#content #main .box.disciplinesView .content table.normal tr.group.collapsed{cursor:n-resize/*row-resize*/;}

#content #main .box.disciplinesView .content table.normal tr.group td:first-child,
#content #main .box.disciplinesView .content table.normal tr.group.expanded td:first-child{background:transparent url("../images/icons/ic_icons.png") no-repeat scroll 8px -596px;}
#content #main .box.disciplinesView .content table.normal tr.group.collapsed td:first-child{background-position:10px -523px;color:#005ea8;}
#content #main .box.disciplinesView .content table.normal tr.group.collapsed.warning td:first-child{background-position:10px -561px;color:#c00;}
#content #main .box.disciplinesView .content table.normal tr.group.thirdLevelGroup td:first-child,
#content #main .box.disciplinesView .content table.normal tr.group.thirdLevelGroup.expanded td:first-child{background-position:18px -596px;}						/* 18px ... */
#content #main .box.disciplinesView .content table.normal tr.group.thirdLevelGroup.collapsed td:first-child{background-position:20px -523px;}						/* 20px ... */
#content #main .box.disciplinesView .content table.normal tr.group.thirdLevelGroup.collapsed.warning td:first-child{background-position:20px -561px;}		/* 20px ... */
#content #main .box.disciplinesView .content table.normal tr.group.fourthLevelGroup td:first-child,
#content #main .box.disciplinesView .content table.normal tr.group.fourthLevelGroup.expanded td:first-child{background-position:34px -596px;}						/* 28px/34px ... */
#content #main .box.disciplinesView .content table.normal tr.group.fourthLevelGroup.collapsed td:first-child{background-position:36px -523px;}					/* 30px/36px ... */
#content #main .box.disciplinesView .content table.normal tr.group.fourthLevelGroup.collapsed.warning td:first-child{background-position:36px -561px;}	/* 30px/36px ... */
#content #main .box.disciplinesView .content table.normal tr.group.fifthLevelGroup td:first-child,
#content #main .box.disciplinesView .content table.normal tr.group.fifthLevelGroup.expanded td:first-child{background-position:44px -596px;}						/* 38px/44px ... */
#content #main .box.disciplinesView .content table.normal tr.group.fifthLevelGroup.collapsed td:first-child{background-position:46px -523px;}						/* 40px/46px ... */
#content #main .box.disciplinesView .content table.normal tr.group.fifthLevelGroup.collapsed.warning td:first-child{background-position:46px -561px;}		/* 40px/46px ... */

#content #main .box.disciplinesView .content table.normal tr.groupMember td:first-child{padding-left:35px;}
#content #main .box.disciplinesView .content table.normal tr.groupMember.thirdLevelMember td:first-child{padding-left:45px;}
#content #main .box.disciplinesView .content table.normal tr.groupMember.thirdLevelGroup td:first-child{padding-left:35px;}
#content #main .box.disciplinesView .content table.normal tr.groupMember.fourthLevelMember td:first-child{padding-left:55px;}
#content #main .box.disciplinesView .content table.normal tr.groupMember.fourthLevelGroup td:first-child{padding-left:45px;}
#content #main .box.disciplinesView .content table.normal tr.groupMember.fifthLevelMember td:first-child{padding-left:65px;}
#content #main .box.disciplinesView .content table.normal tr.groupMember.fifthLevelGroup td:first-child{padding-left:55px;}

#content #main .box.disciplinesView .content table.normal tr.groupMember.vanished{display:none!important;}

#content #main .textblock{border-top: 1px solid #e5e5e5; clear:both; margin:0 0 20px; padding:4px;}
#content #main .textblock .content{overflow:hidden; padding:10px; margin: 20px 0 0;}
#content #main .textblock .content .col{width:45%;float:left;}
#content #main .textblock .content .col:first-child{margin-right:10%}

#content #main .disciplines_2colHeader{clear:both;min-height:2em;padding:0 20px;margin:0 0 20px 0;}/*philipp*/
#content #main .disciplines_2colHeader form.mailReminder,
#content #main .disciplines_2colHeader div.allModulesToggle{float:left;}
#content #main .disciplines_2colHeader div.allModulesToggle{padding:0;}
#content #main .disciplines_2colHeader form input[type="checkbox"]{position:relative;top:3px;}
#content #main .disciplines_2colHeader a.go{float:right;background:transparent url(../images/icons/ic_arrows_ils.png) no-repeat scroll 100% -35px;}
#content #main .disciplines_2colHeader span.overallAverageGrade{font-weight:bold;display:block;float:right;}

#content #main .box.disciplinesView .ils{padding-bottom:38px;}/*philipp*/
#content #main .box.disciplinesView .ils span.toggle,
#content #main .box.disciplinesView.expanded .ils span.toggle{top:6px;height:45px;}
#content #main .box.disciplinesView .ils ul{padding-top:0;}
#content #main .box.disciplinesView .ils ul li{color:#005ea8;font-size:14px;width:47%;}/*skin*/
#content #main .box.disciplinesView .ils ul li:first-child{width:35%;}
#content #main .box.disciplinesView .ils ul li.completed{width: 10%;float:left;position:relative;right:auto;top:auto;font-weight:normal;color:#ccc;font-size:11px;text-align:right;}
#content #main .box.disciplinesView.collapsed .ils span.toggle{background-position:21px 10px;}

#content #main .box.disciplinesView .ils table.normal tr {clear:both;}/*philipp*/
#content #main .box.disciplinesView .ils table.normal tr th+th+th+th,
#content #main .box.disciplinesView .ils table.normal tr td+td+td+td{border-left:10px solid #fafafa;}
#content #main .box.disciplinesView .ils table.normal tr td+td+td+td form fieldset {position:relative;overflow:hidden;margin-bottom:-3px;}
#content #main .box.disciplinesView .ils table.normal tr td+td+td+td form fieldset input[type="text"]{float:left;color:#bbb;width:80%;border:none;background-color:#fff;height:17px;padding:3px 0 0 0;}
#content #main .box.disciplinesView .ils table.normal tr td+td+td+td form fieldset input[type="image"]{float:right;}
#content #main .box.disciplinesView .ils table.normal tbody tr:hover td+td+td+td form fieldset input[type="text"]{background-color:#eee;}
#content #main .box.disciplinesView .ils table.normal tr.warning td+td+td {font-weight:bold;color:#c00;}

.einstiegsvideoEinsendeaufgabe {width:205px !important;height:185px !important;border:none !important;box-shadow:none !important;margin:20px 0px !important;}
.einstiegsvideoEinsendeaufgabe h3{background:#f98b23;color:#fff;padding:7px 0 9px 14px;font-size:14px}
.haf .einstiegsvideoEinsendeaufgabe h3{background:#0066b3;color:#fff;padding:7px 0 9px 14px;font-size:14px}
.fernakademie .einstiegsvideoEinsendeaufgabe h3{background:#ec7532;;color:#fff;padding:7px 0 9px 14px;font-size:14px}

#relatedquestion h3.subtitle {font-size:11px !important;color:#111 !important;border:none !important;margin-bottom:0 !important;background:none !important;}
.haf #relatedquestion h3.subtitle {font-size:11px !important;color:#111 !important;border:none !important;margin-bottom:0 !important;background:none !important;}
.fernakademie #relatedquestion h3.subtitle {font-size:11px !important;color:#111 !important;border:none !important;margin-bottom:0 !important;background:none !important;}


/**lighgtbox / overlay**/
div#lighgtbox{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;-moz-opacity:0.6;-webkit-opacity:0.6;opacity:0.6;filter: alpha(opacity=60);z-index:90;}
div#lighgtbox.white,
div#lighgtbox.helpcarousel{background-color:#fff;}
div#lighgtbox.helpcarousel{background-color:#000;}/* alternative help-skin variant */

.alerted{position:absolute;background-color:#fff;/*float:none;*/-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;z-index:95;}

.overlay{display:none;position:fixed;left:0;top:250px;width:635px;padding:16px 15px 10px 19px;text-align:left;background-color:#fafafa;border:1px solid #aaa;border-left-color:#afafaf;border-right-color:#afafaf;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 5px #eee;-webkit-box-shadow:0 0 5px #eee;box-shadow:0 0 5px #eee;z-index:115;}
.overlay.doNotFix{position:absolute;}
.overlay.medium{width:495px;}
.overlay.small{width:315px;}
.overlay h3{font-size:14px;color:#005ea8;margin-bottom:11px;}/*skin*/
.overlay a.close{display:block;position:absolute;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;}
.overlay a.close span{visibility:hidden;}

.overlay form.box div.content fieldset{margin: 15px 0;}
.overlay form.box div.content h4{margin: 20px 0 0;}
.overlay form.box div.content fieldset label.formRow{position:relative;clear:both;display:block;}
.overlay form.box div.content fieldset label.formRow span{color:#f98b23;}/*skin*/
.overlay form.box div.content fieldset input[type=file]{margin: 20px 0}
.overlay form.box div.content fieldset input[type=radio],
.overlay form.box div.content fieldset input[type=checkbox]{margin-left:0;position:relative; top:3px;}
.overlay form.box div.content fieldset select{width:60%;}

.overlay form.box div.content fieldset.quicksearch span.inputButtonRow{overflow:hidden;display:inline-block;margin:0 0 20px; width:70%;}
.overlay form.box div.content fieldset.quicksearch span.inputButtonRow input{float:left;height:20px;padding-top:6px;top:-1px;width:97%;}

div.content form div.formRow fieldset.mailbox input[type="file"]{width:auto;float:left;margin-top:5px;}
div.content form div.formRow fieldset.mailbox span.button{float:right;margin-right:0;}

/**helpcarousel**/
div#helpcarousel{position:absolute;left:0;top:0;width:0;height:0;z-index:110;}
div#helpcarousel>*{position:absolute;left:0;top:0;display:none;}
div#helpcarousel div.helpcarousel{width:315px;padding:16px 15px 0 19px;text-align:left;background-color:#fafafa;border:1px solid #aaa;border-left-color:#afafaf;border-right-color:#afafaf;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 5px #eee;-webkit-box-shadow:0 0 5px #eee;box-shadow:0 0 5px #eee;}/*
div#helpcarousel div.helpcarousel{background-color:#ffffe1;}*/ /* alternative help-skin variant */
div#helpcarousel div.helpcarousel h3{font-size:14px;color:#005ea8;margin-bottom:11px;}
div#helpcarousel div.helpcarousel div.controller{height:64px;}
div#helpcarousel div.helpcarousel div.controller a{display:block;position:absolute;background:transparent url("../images/icons/ic_icons.png") no-repeat scroll 0 -241px;}
div#helpcarousel div.helpcarousel div.controller a.gotoPrevious{left:19px;bottom:17px;background-position:0 -326px;z-index:1;}
div#helpcarousel div.helpcarousel div.controller a.gotoNext{right:15px;bottom:17px;background-position:right -282px;z-index:1;}
div#helpcarousel div.helpcarousel div.controller a.close{right:9px;top:9px;width:22px;height:21px;overflow:hidden;text-decoration:none;}
div#helpcarousel div.helpcarousel div.controller a.close span{visibility:hidden;}
div#helpcarousel div.helpcarousel div.controller div.indicator{display:block;position:absolute;left:0;bottom:17px;width:100%;text-align:center;z-index:0;}

*+html div#helpcarousel div.helpcarousel div.controller a:hover,/* msie 7.x filter */
*+html div#helpcarousel div.helpcarousel div.controller a:active,
*+html div#helpcarousel div.helpcarousel div.controller a:focus{outline:1px dotted #000;}

div.helpBubbleEdge{position:absolute;width:11px;height:20px;overflow:hidden;background:transparent url("../images/backgrounds/bg_help_bubble_edges.png") no-repeat scroll left top;}
div#helpcarousel div.helpcarousel div.helpBubbleEdge{top:23px;}
div#helpcarousel div.helpcarousel div.helpBubbleEdge.pointLeft{left:-11px;}
div#helpcarousel div.helpcarousel div.helpBubbleEdge.pointRight{right:-11px;background-position:right top;}


/*body.home #content #main{margin-left:-30px;width:770px;}*/
body.home #content #main .box{padding:4px;}
body.home #content #main .box .content{padding:15px 5px 0 5px;height:177px;overflow-y:auto;overflow-x:hidden;background:#fff url("../images/backgrounds/bg_home_box.png") repeat-x left bottom;}
body.home #content #main .box.head h3{font-size:18px;margin:-4px;padding-top:10px;padding-bottom:10px;}
body.home #content #main .overview{overflow:hidden;margin:0 0 0 -4%;}
body.home #content #main .overview .box{clear:none;float:left;width:44.7%;margin:0 0 20px 4%;}

#content #main .box .content ol.newsfeed li{margin:0 0 5px 0;}
#content #main .box .content ol.newsfeed li h4{font-weight:bold;color:#111;font-size:11px;margin:0 0 3px 3px;}
#content #main .box .content ol.newsfeed ul{border-top:1px solid #e5e5e5;}
#content #main .box .content ol.newsfeed ul li{min-height:36px;border-bottom:1px solid #e5e5e5;padding:3px 5px 3px 5px;margin:0;}

#content #main .box .content form.workingon{padding:7px 0 0 5px;}
#content #main .box .content form.workingon h4{margin:0 0 7px 0;color:#111;font-size:11px;}
#content #main .box .content form.workingon input[type=text]{float:left;padding:6px 6px;margin:0 5px 0 0; border-color:#EC763B;}/*skin*/
#content #main .box .content form.workingon .button{margin:0;}

#content #main form.box.head{padding:0;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;}
#content #main form.box .content{background:#f8f8f8;padding-left:13px;padding-right:13px;border-top:1px solid #ddd;} /* more specific rule in line below */
#content #main form.box h2+.content, #content #main form.box h3+.content, #content #main form.box .content:first-child{border:none;}

#content #main form.box.head h3{background:#e4e4e4;margin:0;padding:12px 0 12px 13px;}
body.login #content #main form.box.head h3{background:transparent;font-size:18px;color:#000;}
#content #main form.box .buttonbar{background:#e4e4e4;margin:0;padding:10px;border-top:1px solid #DDD;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;}
body.login #content #main form.box .buttonbar{background:transparent;padding-left:5px;}
/*CHANGED through Ticket #2768 CB 03.08.2010 07:56*/
*+html body.login #content #main form.box .buttonbar{width:335px;}
#content #main form.box .buttonbar p{position:absolute;top:15px;width:50%;}
#content #main form.box .buttonbar p:first-child{left:13px;}
#content #main form.box .buttonbar *+p{left:auto;right:13px;text-align:right;}/*kind of last-child emulation - for msie 7.x - others recognize this as well*/
#content #main form.box .buttonbar .button{top:10px;}
#content #main form.box.head .content h4{color:#111;font-size:11px;margin:0 0 10px 0;}/*skin*/
#content #main form.box.head .content fieldset{margin:0 0 25px 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {/* chrome3/safari4 filter only */
	#content #main form.box.head .content fieldset{margin-bottom:7px;}
}
*+html #content #main form.box.head .content fieldset{margin-bottom:-1px;}


#content #main form.box .content.editable fieldset {position:relative;padding-top:15px;}
#content #main form.box .content.editable fieldset a.edit{position:absolute;right:0;top:-19px;}
@-moz-document url-prefix() {#content #main form.box .content.editable fieldset a.edit{top:-34px;}}/* mozilla only filter */

#content #main form.box .content fieldset{margin:0 0 10px 0;}
#content #main form.box .content fieldset div.formRow{margin:0 0 10px 0;}
#content #main form.box .content fieldset div.formRow.indented{margin-left:25px;}
#content #main form.box .content.wizard fieldset div.formRow label{color:#0066b3;}
#content #main form.box .content fieldset div.formRow label span{display:block;padding:10px 0 0 21px;}
#content #main form.box .content fieldset div.formRow div.formItem{width:49.9%;float:left;}
#content #main form.box .content fieldset div.formRow div.formItem input[type=text]{width:96%;}
#content #main form.box .content fieldset div.formRow div.formItem select{width:99%;}
#content #main form.box .content fieldset div.formRow div.formItem div.formItem.oneThird{width:25%;}
#content #main form.box .content fieldset div.formRow div.formItem div.formItem.twoThird{width:70%;}

#content #main form.searchfilter ul.actions{margin:0 0 20px 0;}
#content #main form.searchfilter ul.actions li{display:inline;margin:0 10px 0 0;}
#content #main form.box.searchfilter .content{padding-top:10px;}
#content #main form.box.searchfilter .content fieldset{margin:0 0 10px 0;}
#content #main form.box.searchfilter .content fieldset label{margin:0 20px 0 0;}
#content #main form.box.searchfilter .content fieldset div.formRow div.formItem{text-align:right;float:right;}
#content #main form.box.searchfilter .content fieldset div.formRow div.formItem:first-child{text-align:left;float:left;}
#content #main form.box.searchfilter .content fieldset div.formRow div.formItem div.formItem{text-align:left;float:left;}
#content #main form.box.searchfilter .content fieldset div.formRow div.formItem div.formItem:first-child{margin:0 8px 0 0;}
#content #main form.box.searchfilter .buttonbar .button{margin-right:5px;}

/* specific error */
#content #main form.box .content fieldset>div.error{clear:both;overflow:hidden;}
#content #main form.box .content fieldset>div.error span{display:inline-block;padding:7px 0;}

#content #main form.box .content fieldset label.formRow{clear:both;display:block;position:relative;margin: 0 0 16px 0;}
#content #main form.box .content fieldset label.formRow input[type=text],
#content #main form.box .content fieldset label.formRow select{position:absolute;right:0;}
#content #main form.box .content fieldset label.formRow select{padding-top:2px;top:-1px;width:46.1%;}
@media screen and (-webkit-min-device-pixel-ratio:0) {/* chrome3/safari4 filter only */
	#content #main form.box .content fieldset label.formRow input[type=text]{top:-3px;}
	#content #main form.box .content fieldset label.formRow select{width:46.2%;}
}
*+html #content #main form.box .content fieldset label.formRow input[type=text]{top:-5px;}/* msie 7.x filter */
*+html #content #main form.box .content fieldset label.formRow select{top:-3px;/*right:-1px;*/}

#content #main form.box .content fieldset label.formRow:hover{/*outline:1px dotted #000;*/cursor:pointer}
#content #main form.box .content fieldset label.formRow:hover input[type=text],
#content #main form.box .content fieldset label.formRow:hover select{cursor:default;}

#content #main form.box .content fieldset label.formRow.doCheck{float:left;width:50%;margin-bottom:15px;}
#content #main form.box .content fieldset label.formRow.doCheck.checkAll{clear:none;float:none;/*width:auto;*/}
#content #main form.box .content fieldset label.formRow.doCheck span{padding-left:20px;font-weight:bold;}
#content #main form.box .content fieldset label.formRow.doCheck.checkAll span{font-weight:normal;}/*
#content #main form.box .content fieldset label.formRow.applyToChecked{margin-top:15px;}*/ /*fails becaus of the floating before and collapsing margins*/
#content #main form.box .content fieldset label.formRow.applyToChecked{padding-top:15px;}
#content #main form.box .content fieldset label.formRow.applyToChecked span{font-weight:bold;}	/*adapt to adjusted parent rule right above*/
#content #main form.box .content fieldset label.formRow.applyToChecked input[type=text],				/*adapt to adjusted parent rule right above*/
#content #main form.box .content fieldset label.formRow.applyToChecked select{margin-top:15px;}	/*adapt to adjusted parent rule right above*/
#content #main form.box .content fieldset label.formRow.doCheck+input[type=text],
#content #main form.box .content fieldset label.formRow.doCheck+select{position:relative;float:right;width:45%;padding-top:4px;}
#content #main form.box .content fieldset label.formRow.doCheck+input[type=text]{top:-1px;}
#content #main form.box .content fieldset label.formRow.doCheck+select{padding-top:2px;height:24px;width:46.1%;}
@media screen and (-webkit-min-device-pixel-ratio:0) {/* chrome3/safari4 filter only */
	#content #main form.box .content fieldset label.formRow.doCheck+select{top:1px;}
}
*+html #content #main form.box .content fieldset label.formRow.doCheck input[type=checkbox],
*+html #content #main form.box .content fieldset label.formRow.doCheck input[type=radio]{top:2px;}
*+html #content #main form.box .content fieldset label.formRow.doCheck+input[type=text]{margin-bottom:12px;}

/* specific error */
#content #main form.box .content fieldset>div.error label.formRow{clear:none;margin-bottom:3px;top:-6px;}
#content #main form.box .content fieldset>div.error label.formRow input[type=text],
#content #main form.box .content fieldset>div.error label.formRow.doCheck+input[type=text]{color:#c00;font-style:italic;}
*+html #content #main form.box .content fieldset>div.error label.formRow{top: -6px;}
*+html #content #main form.box .content fieldset>div.error label.formRow.doCheck input[type=checkbox],
*+html #content #main form.box .content fieldset>div.error label.formRow.doCheck input[type=radio]{top: -5px;}


#content #main form.box.head .content fieldset p{margin:0 0 13px 0;}
#content #main form.box.head .content .preview{width:60%;margin:20px 0 0 0;}
#content #main form.box.head .content .preview .grouppic{float:left;margin:0 15px 0 0;}
#content #main form.box.head .content ul.contacts li{position:relative;margin:0 0 10px 0;}
#content #main form.box.head .content ul.contacts li img{vertical-align:middle;margin:0 20px 0 0;}
#content #main form.box.head .content ul.contacts li label{font-weight:bold;color:#0066b3;display:inline-block;margin:7px 0 0 0;}/*skin*/
#content #main form.box.head .content ul.contacts li input[type=checkbox]{position:absolute;left:40px;top:21px;}

#content #main .box .content .hint{color:#bbb;}
#content #main .box .content dl.facts{overflow:hidden;margin:0 0 20px 0;}
#content #main .box .content dl.facts dt{float:left;clear:both;width:50%;font-weight:bold;margin:0 0 10px 0;}
#content #main .box .content dl.facts dd{float:left;width:50%;margin:0 0 10px 0;}

#content #main .box.facts .content h4{margin:0 0 10px 0;position:relative;}
#content #main .box.facts .content h4 span{position:absolute;top:2px;left:50%;font-size:11px;}

#content #main .grouphead div.grouppic{float:left;margin:0 10px 0 0;}
#content #main .grouphead div.overview{margin:0;}
#content #main .grouphead div.overview h3{margin:0 0 5px 0;}
/*#content #main .grouphead div.overview span.time{margin:0 0 0 13px;}*/

#content #main .groupmembers{overflow:hidden;margin:0 0 20px 0;}
#content #main .groupmembers h2{padding:5px 15px;margin:0 0 20px 0;font-size:11px;color:#111;font-weight:bold;border:1px solid #e5e5e5;border-width:1px 0;}
#content #main .groupmembers ul{margin:0 0 0 -9px;}
#content #main .groupmembers ul li{float:left;margin:0 0 10px 9px;}

#content #main .groupoverview div.info{float:left;width:50%;}
#content #main .groupoverview div.info div.grouppic{float:left;margin:0 10px 0 0;}
#content #main .groupoverview div.info p{font-weight:bold;}
#content #main .groupoverview div.vdivider{float:left;min-height:100px;border-left:1px solid #ddd;padding:0 0 0 19px;}
#content #main .groupoverview table tr th{text-align:left;font-weight:bold;padding:0;}
#content #main .groupoverview table tr td{padding:0 5px 5px 0;vertical-align:top;}
#content #main .groupoverview table tr td a{font-weight:normal;}
/*#content #main .groupoverview table tr td.right{text-align:right;padding-right:10px;}*/

#content #main .groupinvite div.info{float:left;margin:0 15px 0 0;}
#content #main .groupinvite div.info p{margin:0 0 5px 0;}
#content #main .groupinvite div.info ul.channels li{display:inline;height:15px;width:15px;}
#content #main .groupinvite div.info ul.channels a{display:inline-block;}
#content #main .groupinvite div.info ul.actions{clear:both;}
#content #main .groupinvite div.info ul.actions li{margin:0 0 5px 0;}
#content #main .groupinvite div.info ul.actions li a{font-weight:normal;}
#content #main .groupinvite div.msg{height:129px;}

#content #main .contactrequest div.info{float:left;width:65%;margin:0 0 35px 0;}
#content #main .contactrequest div.info p{margin:0 0 5px 0;}
#content #main .contactrequest div.info ul{overflow:hidden;}
#content #main .contactrequest ul.actions{float:right;}
#content #main .contactrequest ul.actions li{text-align:right;}
#content #main .contactrequest form{clear:both;}
#content #main .contactrequest form h4{display:inline-block;padding:0 0 0 20px;}
#content #main .contactrequest form p.date{float:right;padding:0 20px 0 0;}
#content #main .contactrequest form textarea{width:96%;margin:0 0 20px 0;}
#content #main .contactrequest form .buttonbar{margin-bottom:0;}

#content #main .msgthread{}
#content #main h3 span.extra{position:absolute;top:7px;right:20px;font-size:11px;font-weight:normal;float:right;}
#content #main h3 span.extra span{padding:0 0 0 25px;}
#content #main .msgthread div.post{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.post div.head{position:relative;overflow:hidden;border-bottom:1px solid #ddd;}
#content #main .msgthread div.post:first-child div.head{min-height:108px;}
#content #main .msgthread div.post div.head div.info{}
#content #main .msgthread div.post div.head div.info .userpic{margin-bottom:0;}
/* Ticket #2768 CHANGED 3.08.2010 07:51 cbueter */
#content #main .msgthread div.post 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.post div.head div.info h4{width:70%;}
#content #main .msgthread div.post div.head div.info h4 a:hover{text-decoration:none;}
/*#content #main .msgthread div.post div.head div.info span.time{margin:0 0 0 7px;}*/
#content #main .msgthread div.post div.head div.actions{position:absolute;top:0;right:0;text-align:right;margin:6px 9px 0 0;}
#content #main .msgthread div.post div.head div.actions p.rating{margin:0 0 22px 0;}
#content #main .msgthread div.post 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;}
#content #main .msgthread form.buttonbar p{text-align:center;padding:7px 0 0 0;margin:0;}
#content #main .msgthread form.buttonbar p .rating{display:inline;}

#content #main .profile{}
#content #main .profile .userpic{margin-right:4px;margin-bottom:0;}
#content #main .profile .content{min-height:190px;}
#content #main .profile .content h3{color:#000;font-size:14px;margin:0 0 10px 0;}
#content #main .profile .content .info{width:50%;float:left;}
#content #main .profile .content .info p{margin:0 0 15px 0;}
#content #main .profile .content .info ul.actions li{margin:0 0 9px 0;}
#content #main .profile .content .info ul.actions li a{padding:1px 0;}
#content #main .profile .content .about{width:49%;float:left;}
#content #main .profile .content .about h4{margin:0 0 3px 0;}
#content #main .profile .content .about ul{margin:0 0 10px 0;}

#content #main .requestconfirmation{}
#content #main .requestconfirmation .section p{margin-bottom:0;}
#content #main .requestconfirmation .section p.right{text-align:right;}

#content #main #tabnav{overflow:hidden;position:relative;margin:0 0 20px 0;width:100%;}
#content #main #tabnav>li{clear:both;width:100%;float:left;/*position:absolute;top:0;left:0;*/}
#content #main #tabnav>li h3{width:141px;height:30px;padding:8px 13px;font-size:11px;color:#0066b3;border:1px solid #e5e5e5;border-width:1px 1px 0 1px;background:#fff;position:absolute;top:0;left:0;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;}/*skin*/
#content #main #tabnav>li h3:hover{border-color:#f98b23;}/*skin*/
#content #main #tabnav>li+li h3{left:50%;margin-left:-84px;}
*+html #content #main #tabnav>li+li h3{left:49.9%;}
#content #main #tabnav>li+li+li h3{right:0;left:auto;margin:0;}
#content #main #tabnav>li ul{display:none;overflow:hidden;border-top:1px solid #ccc;margin:50px 0 0 0;padding:18px 0;background:#fff;}
*+html #content #main #tabnav>li ul{float:left;width:100%;}
#content #main .box #tabnav>li ul{border:1px solid #ccc;}
#content #main #tabnav>li.active h3{height:34px;border-color:#ccc;color:#111 !important;cursor:default;}
#content #main #tabnav>li.active ul{display:block;}
#content #main #tabnav>li ul li{width:49.9%;float:left;margin:0 0 9px 0;}
#content #main #tabnav>li ul li.active{background:#f98b23;}/*skin*/
#content #main #tabnav>li ul li a{font-weight:normal;margin:0 0 0 15px;}
#content #main .box #tabnav>li ul li a{margin-left:3px;}

#content #main ul.exercises{border-top:1px solid #e5e5e5;}
#content #main ul.exercises li{padding:10px 15px;border-bottom:1px solid #e5e5e5;}
#content #main ul.exercises li.even{background:#fafafa;}
#content #main ul.exercises li.odd{background:#fff;}
#content #main ul.exercises li .head{min-height:35px;}
#content #main ul.exercises li .head p{margin:0;}
#content #main ul.exercises li .head .title{float:left;}
#content #main ul.exercises li .head .info{text-align:right;}
#content #main ul.exercises li .head .js_toggleBody{visibility:hidden;}
#content #main ul.exercises li .body{clear:both;display:block;}
*+html #content #main ul.exercises li .body p{overflow:hidden;}
*+html #content #main ul.exercises li .body p a{float:left;}
#content #main ul.exercises li .body p a.js_toggleBody{float:right;}
#content #main ul.exercises li.closed .head .js_toggleBody{visibility:visible;}

#content #main ul.issueoverview{overflow:hidden;margin:0 0 20px 0;border-top:1px solid #e5e5e5;background:#fff;}
#content #main ul.issueoverview li{float:left;width:30%;padding:5px 0 5px 3%;border-bottom:1px solid #e5e5e5;}

#content #main .reply  h3 .extra{top:10px;}
#content #main .reply div.msg{height:129px;}
#content #main .reply textarea{width:96%;margin:0 0 15px 0;}
#content #main .reply input[type=file]{margin:0 0 15px 0;}

#content #main .reply #markspad{margin:0 0 20px 0;}
#content #main .reply #markspad a{width:53px;height:23px;padding:3px 0 0 0;text-align:center;float:left;background:#fff;border:1px solid #ccc;margin:0 20px 10px 0;-moz-box-shadow:0 3px 5px #ddd;-webkit-box-shadow:0 3px 5px #ddd;box-shadow:0 3px 5px #ddd;}
	*+html #content #main .reply #markspad a{margin-bottom:0;}
#content #main .reply #markspad a:hover{border-color:#005ea8;text-decoration:none;}
#content #main .reply #markspad a.active{background:#ffe330;}
#content #main .reply #markspad div{clear:both;overflow:hidden;padding:0 0 0 35px;}
	*+html #content #main .reply #markspad div{overflow:visible;}
#content #main .reply #markspad div span{width:35px;height:23px;padding:4px 0 0 0;text-align:center;float:left;margin:0 0 0 -35px;}
#content #main .reply #markspad .add{float:left;margin:20px 0 0 0;}
	*+html #content #main .reply #markspad .add a{margin-bottom:10px;}
#content #main .reply #markspad .add a.markn{width:183px;}
#content #main .reply #markspad .add .marko{padding-left:0;}
#content #main .reply #markspad .add .marko a{width:86px;margin-right:10px;}
#content #main .reply #markspad .results{margin:20px 0 0 0;}
	*+html #content #main .reply #markspad .results{float:left;}
#content #main .reply #markspad .results .result{font-weight:bold;display:block;padding:3px 0 0 0;}
#content #main .reply #markspad .results .result #result{font-size:14px;}
	*+html #content #main .reply .buttonbar{clear:both;}

#content #main #inboxstatus{float:right;}
#content #main #inbox .buttonbar{margin-bottom:10px;}
#content #main #inbox .buttonbar .formGroup{float:left;margin:0 0 0 25px;}
#content #main #inbox .buttonbar .formGroup select{float:none;margin:0 0 0 10px;}
#content #main #inbox .buttonbar .formGroup input[type=checkbox]{margin:5px 10px 5px 0;}
#content #main #inbox table.normal tr.unread td,
#content #main #inbox table.normal tr.unread td a{font-weight:bold;}
#content #main #inbox table.normal.clickable tr{cursor:pointer;}
#content #main #inbox table.normal tr td a{font-weight:normal;color:#111;}
#content #main #inbox table.normal tr:hover td{background:#efefef;}
#content #main #inbox table.normal a:hover{text-decoration:none;}

#content #main #createmessage{}
#content #main #createmessage .formRow{margin:0 0 20px 0;}
#content #main #createmessage p{margin:0 0 30px 0;}
#content #main #createmessage label{width:12%;font-weight:bold;float:left;}
#content #main #createmessage input#recipient{width:50%;margin:0 15px 0 0;}
#content #main #createmessage input#subject{width:86%;}
#content #main #createmessage textarea{width:97%;line-height:200%;height:300px;}
#content #main #createmessage ul#uploads{overflow:hidden;}
#content #main #createmessage ul#uploads li span{float:left;}
#content #main #createmessage ul#uploads li a{float:right;background-position:100% -35px;}

#content #main #replymessage{}
#content #main #replymessage .userpic{margin:0 20px 0 0;}
#content #main #replymessage div.head{overflow:hidden;padding:0 0 20px 0;}
#content #main #replymessage div.head p.subject{padding:5px 8px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#content #main #replymessage div.head a{margin:5px 0 0 10px;float:left;background-position:100% -35px;}
#content #main #replymessage div.head div.move{float:right;}
#content #main #replymessage div.head div.move select{margin:4px 10px 0 0;float:left;}
#content #main #replymessage div.head div.move .button{margin:0;}
#content #main #replymessage div.msg{clear:both;margin:0 0 30px 0;max-height:500px;}
#content #main #replymessage h4{padding:0 0 0 10px;color:#111;font-size:11px;}
#content #main #replymessage ul.attachments{}
#content #main #replymessage ul.attachments li{overflow:hidden;padding:0 0 10px 0;}
#content #main #replymessage ul.attachments li span.file{width:73%;float:left;padding:5px 9px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#content #main #replymessage ul.attachments li span.button{float:right;margin:0;}

#content #main #pagenav{margin:10px 0 20px 0;overflow:hidden;}
#content #main #pagenav li{width:49.9%;float:left;margin:0 0 9px 0;}
#content #main #pagenav li a{font-weight:normal;margin:0 0 0 15px;}

#content #main #courseinfohead{margin:0 0 20px 0;display:inline-block;}
#content #main #courseinfohead ul{float:left;width:45%;margin:0 40px 0 0;}
#content #main #courseinfohead ul li{padding:0 0 1px 14px;margin:0 0 9px 0;}
#content #main #courseinfohead ul li.active{background:#0066b3;}/*skin*/
#content #main #courseinfohead ul li a{font-weight:normal;}
#content #main #courseinfohead ul li.active a {color:#fff;background-position:100% -79px;}
#content #main #courseinfohead dl{float:left;width:39.9%;}
#content #main #courseinfohead dl dt{float:left;width:49.9%;}
#content #main #courseinfohead dl dd{float:left;width:49.9%;margin:0 0 9px 0;font-weight:bold;}

#content #main form.inlineform{background:#fafafa;border:1px solid #e5e5e5;border-width:1px 0;}
#content #main #relatedquestion{margin:0 0 20px 0;overflow:hidden;}
#content #main #relatedquestion form{margin:0 0 20px 0}
#content #main #relatedquestion form h3{font-size:11px;color:#111;border:none;}
#content #main #relatedquestion form h3 label{margin:0 0 0 40px;font-weight:normal;}
#content #main #relatedquestion form fieldset{padding:0 10px 20px;}
#content #main #relatedquestion form textarea{width:96%;margin:0 0 10px 0;}
#content #main #relatedquestion form input[type=file]{margin:0 0 10px 0;}
#content #main #relatedquestion form input.search{float:left;width:70.3%;}
#content #main #relatedquestion form input.search+.button{margin-right:0;}

#content #main .footnote{padding:5px;margin:0px 0px 10px 0px;}
#content #main .footnote:target h3{color:#0066b3;}/*skin*/
#content #main .footnote p{padding:0 50px 0 10px;}
#content #main .footnote p:last-child{margin:0;}


/* sticks with an already existing simple margin/padding-element-grid */
/* specific error */
#content #main>h3{margin-left:15px;}
#content #main>p,
#content #main>span,
#content #main>.text{padding-left:13px;padding-right:13px;}
#content #main>p.error,
#content #main>span.error,
#content #main>.infobox{padding-left:12px;padding-right:12px;}
#content #main>div.head{margin-bottom:20px;}


.buttonbar{margin:0 -10px 20px -10px;position:relative;height:30px;}
.buttonbar .back{position:absolute;top:0;left:0;}
.buttonbar .next{position:absolute;top:0;right:0;}
.buttonbar.right{text-align:right;}
.buttonbar.right a{margin:0 10px 0 0;}
.buttonbar select{float:left;margin:5px 0 0 10px;} /*maybe to global TODO*/

/**extra**/
#content #extra{float:left;width:205px;margin:-43px 0 30px 0;-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;}
#content #extra .box{clear:both;background:#fff;}
#content #extra .box h3{background:#f98b23;color:#fff;padding:7px 0 9px 14px;font-size:14px;}/*skin*/
#content #extra .box .content{border:1px solid #f5f5f5;border-width:0 1px 1px 1px;padding:15px 10px 25px 10px;}

/*mailboxnav*/
#content #extra div#mailboxnav{padding:13px 4px;}
#content #extra div#mailboxnav>ul{border-top:1px solid #ccc;margin:0 0 10px 0;}
#content #extra div#mailboxnav>ul>li{border-bottom:1px solid #ccc;padding:10px 4px;}
#content #extra div#mailboxnav>ul>li:first-child{border-top:1px solid #fff;}
#content #extra div#mailboxnav ul li a{font-weight:bold;display:block;background-position:100% -35px;}
#content #extra div#mailboxnav>ul>li.active>a{background-position:100% 5px;}
#content #extra div#mailboxnav>ul>li>ul{display:none;}
#content #extra div#mailboxnav>ul>li.active>ul{display:block;}
#content #extra div#mailboxnav ul li ul li a{font-weight:normal;background-position:0 -35px;padding:0 0 0 15px !important;}
#content #extra div#mailboxnav ul li ul li.active a{color:#111;background-position:0 -198px;}
#content #extra div#mailboxnav ul li ul li ul li{padding:7px 0px 7px 17px;}
#content #extra div#mailboxnav p{padding:0 4px;}

/*myTutor*/
#content #extra div#myTutor img{border-top:1px solid #fff;}
#content #extra div#myTutor .content{padding:6px 14px 23px 14px;}
#content #extra div#myTutor .content h4{font-size:14px;}
#content #extra div#myTutor .content p{margin-bottom:5px;}

/*myContacts*/
#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 #extra div#myContacts ul.content li{float:left;margin:0 10px 5px 0;width:53px;height:63px;border:1px solid #e4e4e4;background-color:#fff;}
#content #extra div#myContacts ul.content li a{display:block;padding:4px;}
#content #extra div#myContacts ul.content li a img{background-color:#f2f3f5;}
#content #extra div#myContacts ul.content li span{display:block;width:45px;height:55px;margin:4px;background-color:#f2f3f5;}
*/

/*allTutors*/
#content #extra div#allTutors .content .userpic{margin-bottom:0;}
	*+html #content #extra div#allTutors .content h4{float:left;}
#content #extra div#allTutors .content p{margin:0;}

/*calendar*/
#content #extra div#calendar{}
#content #extra div#calendar ol.dates{margin:0 0 0 15px;}
#content #extra div#calendar ol.dates li{list-style:disc;color:#0a0;}
#content #extra div#calendar ol.dates li p{color:#111;}


/***footer***/
#footer{clear:both;font:normal normal normal 11px Arial, Helvetica, sans-serif;color:#797979;border-top:1px solid #e4e4e4;padding:13px 14px 0 14px;}
#footer ul#footernav{margin:0 0 6px 0;}
#footer ul#footernav li{display:inline;padding:0 18px 0 0;}
#footer ul#footernav li a{color:#797979;}
@media print{
body,
body.fernakademie,
body.eurofh{background:none; } /* page-break-after: auto;*/
#header #mainnav,#header #metanav,#header #loginmsg,#sidebar,#extra,#footer{display:none;}
#header{min-height:0;margin:0 0 20px 0;}
/* #header h1#course{top:85px !important;} */
#header h1#course,#header h1#logo{position:static !important;}
#main{width:68% !important;margin:0 !important; max-width: 100% !IMPORTANT;}
/*expand/disable scrollboxes*/
#content #main .scrollbox{height:auto;scroll:auto;}
body.home #content #main .box .content{height:auto;scroll:auto;}
object#flashstage {display:none;}
}
/*Fachfrage beantworten Eingabe Feld anpassen an gestellte Fachfrage*/
@media only screen and (min-width: 1150px) {
	.ffanswerta {
		font-size: 14px;
	}
}
@media only screen and (max-width: 800px) {
	.ffanswerta {
		font-size: 14px;
	}
}
.ffanswerta {
	font-family: 'Oxygen', Arial, Helvetica, sans-serif;
	line-height: 200%;
}

.vm-einrichten {
	cursor:pointer;
	content:url("/public/images/icons/vm/vm_einrichten_aktiv.png");
}
.vm-einrichten.inaktiv {
	cursor:default;
	content:url("/public/images/icons/vm/vm_einrichten_inaktiv.png");
}
.vm-starten {
	cursor:pointer;
	content:url("/public/images/icons/vm/vm_start_aktiv.png");
}
.vm-starten.inaktiv {
	cursor: default;
	content:url("/public/images/icons/vm/vm_start_inaktiv.png");
}
.vm-stoppen {
	cursor:pointer;
	content:url("/public/images/icons/vm/vm_stop_aktiv.png");
}
.vm-stoppen.inaktiv {
	cursor:default;
	content:url("/public/images/icons/vm/vm_stop_inaktiv.png");
}