/*
(c) 2016 ...
Author: www.webdecker.de, 23.2.2016

*/

/* ----------------------------------------- */
/* basics */
/* ----------------------------------------- */
body { padding: 0; margin: 0; color: #222; background-color: #fff; }

div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea { margin: 0; padding: 0; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; vertical-align: top; padding: 4px 2px 4px 2px; }
abbr, acronym { font-variant: normal; border-bottom: 1px dotted #666; cursor:help; }
blockquote, q { quotes: none; }
fieldset, img { border:0; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
p { padding-bottom: 10px; }
li p { padding-bottom: 0; }
hr { border: 0; border-top: 1px solid #7592A5; }
.print-block { display: none; }
.print-inline { display: none; }
.screen-block { display: block; }
.screen-inline { display: inline; }
#wrapper .clear, #wrapper .clearfix { clear: both; }
.float_left { float: left; }
.float_right { float: right; }
figure { max-width: 100%; }
img { max-width: 100%; height: auto;  border: 0; vertical-align: top; }
.imgleft { margin-right: 10px; margin-bottom: 10px; float: left; }
.imgright { margin-left: 10px; margin-bottom: 10px; float: right; }
.imgleftborder { margin-right: 10px; margin-bottom: 10px; border: 1px solid #222; float: left; }
.imgrightborder { margin-left: 10px; margin-bottom: 10px; border: 1px solid #222; float: right; }

ul { list-style-position: outside; margin-left: 24px; }

/*
.text li { font-size: 24px; }
.text li p { color: #222; font-size: 14px; }
*/
.text li.todo { color: #ff0000;  }
.text li.todo.done { color: #008800; }

.text span.red { color: #dd0000; }
.text span.orange { color: #dd8800; }
.text span.blue { color: #7592A5; color: #223399; }
.text span.yellow { color: #ddbb66; }
.text span.lightgreen { color: #448844; }
.text span.green { color: #008800; }
.text span.grey { color: #999999; }


nav ul, ul.tab_navi , #header ul, #footer ul, .objectlist > ul, ul.actions  { list-style-type: none; margin: 0; padding: 0; }
nav li, ul.tab_navi li, #header li, #footer li, .objectlist > ul > li ul.actions li {  margin: 0; padding: 0; }



/* ----------------------------------------- */
/* fonts */
/* ----------------------------------------- */
body, input, textarea, td, th { font-family: FiraSansCondensed-Light, Trebuchet MS,Tahoma, Verdana, sans-serif; font-size: 14px; line-height: 18px;  } /* "Lucida Console",  */
h1, h2, h3, h4 { font-family: FiraSansCondensed-Regular, Trebuchet MS,Tahoma, Verdana, sans-serif; font-weight: normal; color: #7592A5; } /* 61838d  7D95A5 #7592A5 */
h1, h2, h3, h4 {  } /* margin-top: 0; */
h1 { font-size: 26px; line-height: 40px; margin-bottom: 15px; }
h2 { font-size: 22px; line-height: 30px; margin-bottom: 10px; }
h3 { font-size: 18px; line-height: 24px; margin-bottom: 10px; }
h4 { font-size: 16px; line-height: 22px; margin-bottom: 10px; }
a { text-decoration: none; color: #7592A5; }
body a:hover { color: #e08405; }
a:visited { text-decoration: none;  color: #7592A5; }
a:active { text-decoration: none;  color: #e08405; }

strong, b { font-family: FiraSansCondensed-Regular, FiraSansCondensed-SemiBold, Trebuchet MS,Tahoma, Verdana, sans-serif; font-weight: normal; }
caption, th, th td, #c_task .attribs .key { font-family: FiraSansCondensed-Regular, Trebuchet MS,Tahoma, Verdana, sans-serif; font-weight: normal; }
#c_plan .modes .active { font-family: FiraSansCondensed-SemiBold, Trebuchet MS,Tahoma, Verdana, sans-serif; font-weight: normal; }

.fa,
.toggle:after
	{ font-family: FontAwesome; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.toggle:after { content: "\f13a"; display: inline-block; padding-left: 10px; }
.toggle.open:after { content: "\f139"; }

p.meta { color: #999; }

/* --------------------------------------- */
/* Layout */
/* --------------------------------------- */

.w, #content { max-width: 1200px; margin: 0 auto; padding: 0 20px 0 20px; }
#wrapper { position: relative; }
#header { position: relative; overflow: hidden; }
    #header .header { overflow: hidden; position: relative; padding: 20px 0 0 0; background-color: #333; color: #fff; }
    #c_header_logo { width: 100px; float: left; margin: 0 0 10px 0; font-size: 24px; line-height: 24px; }
    #c_hello_logout { width: 240px; float: right; margin: 0 0 10px 0; text-align: right; line-height: 24px; margin-top: 2px; }
        #c_hello_logout p { margin: 0; padding: 0; }
    #header div.menu { background-color: #e08405; }
    #header div.submenu { background-color: #F2C487; }
    
    #header div.project { position: relative; overflow: hidden; background-color: #fff; }
        #header div.project > div > div { overflow: hidden; position: relative; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #e08405; }
        #header div.project h1 { display: none; }
        #header div.project > div > div > div { float: left; width: 50%; min-width: 300px; }
        #header div.project .field { margin-bottom: 0; }
        #header div.project .field > .label { width: 100px; }
        #header div.project .field > .input { margin-left: 110px; }
        #header div.project .submit { display: none; }
        #header div.project fieldset { padding: 0; }
        
#left { display: none; }
#right { display: none; }

#main { clear: both; position: relative; padding-top: 20px; background-color: #fff; }
#main > .inner { padding: 30px 0 30px 0; }

#content { padding-bottom: 40px;  }
#content > .inner {  }



#footer { clear: both; background-color: #333; padding: 20px 0 100px 0; display: block; position: relative;  }
    #footer .inner { display: block; position: relative;  }
    #c_footer { float: left; }
    #c_footer_servicemenu { float: right; }

#sysmsg { color: #222; background-color: #f8f8f8; border: 1px solid #7592A5; margin: 20px 0 20px 0; text-align: center; padding: 20px 20px 20px 20px; position: relative; box-shadow: 3px 3px 5px #666; margin-right: 10px; } 
#sysmsg p { margin: 0; }

section > .inner > div, section > .inner > nav { margin-bottom: 20px; }

body.popup { background-color: #fff; }
.popup header#header { display: none; }
.popup footer#footer { display: none; }
.popup #left { display: none; }
.popup #right { display: none; }


/* --------------------------------------- */
/* Action links */
/* --------------------------------------- */

div.actions { margin-top: 20px; }


/* --------------------------------------- */
/* Menu, Pager */
/* --------------------------------------- */

nav.menu { text-align: left;  }
#c_menu ul { }
#c_menu li { display: inline-block; }
#c_menu a { color: #fff; display: block; padding: 5px 20px 5px 20px; font-weight: bold; }
#c_menu a:hover { color: #222; background-color: #f2c487; }
#c_menu .active > a { color: #222; background-color: #f2c487; }
#c_menu .trail > a { color: #222;  background-color: #f2c487; }
#c_menu .level_2 { display: none; }

#c_menu_2 ul {  }
#c_menu_2 li { display: inline-block; }
#c_menu_2 a { color: #222; display: block; padding: 5px 20px 5px 20px; font-weight: bold; }
#c_menu_2 a:hover { color: #222; background-color: #fff; }
#c_menu_2 .active > a { color: #222; background-color: #fff; }
#c_menu_2 .trail > a { color: #222; background-color: #fff; }
#c_menu_2 .level_2 { display: none; }


#c_footer_servicemenu { overflow: hidden; position: relative; }
#c_footer_servicemenu li { float: left; margin-left: 10px; }
#c_footer_servicemenu li.stretch { margin: 0; }


div.pager { margin-bottom: 12px; margin-top: 12px; clear: both; }
.pager ul { margin-left: 0; }
.pager li { display: inline-block; margin-right: 2px; }
.pager .active { color: #e08405; }
.pager a { background-image: none; padding: 2px 2px 2px 2px; display: block;  font-size: 20px; }


/* --------------------------------------- */
/* Forms */
/* --------------------------------------- */
fieldset { border: 0; margin: 0; padding: 0 0 20px 0; }
label { margin: 0px 0px 2px 0; display: block;  }
.option label { font-weight: normal; }
button { cursor: pointer; }
button.image { border: 0; padding: 0; margin: 0; background-color: transparent; }
input, select, textarea { border: 1px solid #999; padding: 2px; font-size: 100%; box-sizing: border-box; }
.popup input, .popup select, .popup textarea { width: 100%;  }
select { padding: 0px; }
textarea { width: 99%; font-size: 110%; }
#c_login input { width: auto; }

.field {  clear: both; box-sizing: border-box; display: block; position: relative; padding: 0 10px 10px 0; }
.field > .label { float: left; width: 130px; padding-bottom: 10px; }
.field > .input { margin-left: 140px; }
.field > .info { margin-left: 140px;  padding-top: 4px; }
.field .error { margin-left: 140px; padding-top: 4px; } 
.field .error, .field.error label, p.error  { color: #e08405; }
.field.error input, .field.error textarea, .field.error select { border: 1px solid #e08405; }

.field .info { color: #999; }

.field.wide { width: 100%; }
.field.wide input, .field.wide textarea { width: 90%; }
.field.medium { width: 100%; }
.field.medium input, .field.medium textarea { width: 50%; }

form .w50 { width: 50%; float:left; clear:none; }
form .w50 textarea { width: 100%; }


.radio .option { display: inline; }
.blocks.radio .option { display: block; }
.radio .option label { display: inline; padding-left: 6px; padding-right: 12px; }
input.radio { vertical-align: baseline; border: 0; }

.checkbox .option { display: inline; }
.blocks.checkbox .option { display: block; }
.checkbox .option label { display: inline; padding-left: 6px; padding-right: 12px; }
input.checkbox { vertical-align: baseline; border: 0; }

.field label span.info { display: block; padding-top: 4px; margin: 0; }

div.submit { text-align: left; clear: both; padding-top: 20px; }
#wrapper .submit input, #wrapper input.submit { background-color: #7592A5; color: #fff; border: 1px solid #999; padding: 1px 10px 1px 10px; cursor: pointer; width: auto; }
#wrapper .submit input:hover, #wrapper input.submit:hover { background-color: #f8f8f8; color: #222; }

fieldset.submit { padding-top: 12px; }
fieldset.submit a.back { display: block; float: left; background-color: #7592A5; color: #fff; border: 1px solid #999;  padding: 1px 10px 1px 10px; cursor: pointer; }
fieldset.submit a.back:hover { background-color: #f8f8f8; color: #222; }

div.stylish.selected { min-width: 80px; }
div.stylish.selected .pre  { background-color: #7592A5; }
div.stylish.selected .pre:hover  { background-color: #f8f8f8; color: #222; }

.filter .field { float: left; width: 50%; box-sizing: border-box; clear: none; min-height: 35px; }
.filter .field .label { width: 110px; }
.filter .field .input { margin-left: 120px; }
.filter .submit { clear: both; }



/* --------------------------------------- */
/* lists */
/* --------------------------------------- */

.listdetails a.action { display: inline-block; margin-bottom: 20px; }

li.item { padding-bottom: 20px; }

/* --------------------------------------- */
/* details */
/* --------------------------------------- */
div.back {  margin-bottom: 20px;  margin-top: 20px;  text-align: right; }

div.back a.back { border-top: 1px solid #cdc9b6; display: block; margin: 0 0 0 80%; width: 20%; }


/* --------------------------------------- */
.tasktable { width: 100%; margin-bottom: 20px; }
.tasktable td.level_0, .tasktable td.level_1 { font-weight: bold; }
.tasktable td.title.level_2 { padding-left: 15px; }
.tasktable td.title.level_3 { padding-left: 30px; }
.tasktable td.title.level_4 { padding-left: 45px; }
.tasktable td.title.level_5 { padding-left: 60px; }

.tasktable tfoot .first td { border-top: 1px solid #222; }
.tasktable tfoot .last td { border-bottom: 3px double #222; }
.tasktable thead  th { border-bottom: 1px solid #222; }

.tasktable td, .tasktable th { text-align: right; }
.tasktable td._enum, .tasktable th._enum { text-align: left; }
.tasktable td.title, .tasktable th.title { text-align: left; }

table td.number { text-align: right; }
table td.price { text-align: right; }

/*
.tasktable .number { text-align: right; }
.tasktable th.effort, .tasktable th._effort, .tasktable th._done, .tasktable th.done, .tasktable th._worked, .tasktable th._workcost, 
.tasktable th._effprog, .tasktable th._realeffort, .tasktable th._realcost, .tasktable th._rate, .tasktable th.rate, 
*/


.tasktable .red { color: #dd0000; }
.tasktable .orange { color: #dd8800; }
.tasktable .yellow { color: #ddbb66; }
.tasktable .lightgreen { color: #88aa88; }
.tasktable .green { color: #008800; }
.tasktable .grey { color: #999999; }

#wrapper .tasktable tr:hover, #wrapper .tasktable tr:hover td { background-color: #eeeeee; }
#wrapper table.plan tr:hover, #wrapper table.plan tr:hover td { background-color: #eeeeee; }


.tasktable.houroverview th.Kunde, .tasktable.houroverview td.Kunde { text-align: left; }
.tasktable.houroverview th.Projekt, .tasktable.houroverview td.Projekt { text-align: left; }


._enum.colspan { padding: 0 10px 0 10px; }


table.plan { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 20px; width: auto; table-layout:fixed;  }
table.plan table { width: 100%; }

table.plan .intro.label { width: 620px; }
table.plan th { padding: 1px 2px 1px 1px;  box-sizing: border-box; } /*  padding-right: 5px;   white-space: nowrap;   */
table.plan td { padding: 1px 2px 1px 1px; position: relative; box-sizing: border-box; } /*  padding-right: 5px;   white-space: nowrap;   */
table.plan td.title { padding-left: 2px; }
table.plan td.day, table.plan th.day { width: 20px; padding: 0; }
table.plan .mouseover { display: none; }
table.plan td:hover .mouseover { display: block; position: absolute; padding: 10px; z-index: 1000; background-color: #f8f8f8;  box-shadow: 3px 3px 5px #666; width: 200px; }
table.plan .l { display: none; }

table.plan span.amount { position: absolute; top: 1px; left: 2px; font-size: 70%; }
table.plan img { display: block; width: 20px; height: 20px; }

table.plan .newmonth { border-left: 1px solid #ddd; }

table.plan td div { height: 18px; overflow: hidden;}
/*
table.plan td.title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
table.plan td.title div { display: block; position: absolute; top: 0; left: 0;  }
table.plan td.title span { display: block; position: absolute; top: 0; left: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
*/

#c_offer td._effort,
#c_offer td._cost,
#c_done td._done,
#c_workcost td._effort,
#c_workcost td._worked,
#c_workcost_budget td._effort,
#c_workcost_budget td._worked,
yxy
	{ background-color: #f8f8f8; }


.p_2 { width: 2%; }
.p_4 { width: 4%; }
.p_6 { width: 6%; }
.p_8 { width: 8%; }
.p_10 { width: 10%; }
.p_12 { width: 12%; }
.p_14 { width: 14%; }
.p_16 { width: 16%; }
.p_18 { width: 18%; }
.p_20 { width: 20%; }
.p_22 { width: 22%; }
.p_24 { width: 24%; }
.p_26 { width: 26%; }
.p_28 { width: 28%; }
.p_30 { width: 30%; }
.p_32 { width: 32%; }
.p_34 { width: 34%; }
.p_36 { width: 36%; }
.p_38 { width: 38%; }
.p_40 { width: 40%; }
.p_42 { width: 42%; }
.p_44 { width: 44%; }
.p_46 { width: 46%; }
.p_48 { width: 48%; }
.p_50 { width: 50%; }
.p_52 { width: 52%; }
.p_54 { width: 54%; }
.p_56 { width: 56%; }
.p_58 { width: 58%; }
.p_60 { width: 60%; }
.p_62 { width: 62%; }
.p_64 { width: 64%; }
.p_66 { width: 66%; }
.p_68 { width: 68%; }
.p_70 { width: 70%; }
.p_72 { width: 72%; }
.p_74 { width: 74%; }
.p_76 { width: 76%; }
.p_78 { width: 78%; }
.p_80 { width: 80%; }
.p_82 { width: 82%; }
.p_84 { width: 84%; }
.p_86 { width: 86%; }
.p_88 { width: 88%; }
.p_90 { width: 90%; }
.p_92 { width: 92%; }
.p_94 { width: 94%; }
.p_96 { width: 96%; }
.p_98 { width: 98%; }
.p_100 { width: 100%; }


.plan .p_0 { width: 0px; } 
.plan .p_2 { width: 11px; } 
.plan .p_4 { width: 22px; } 
.plan .p_6 { width: 33px; } 
.plan .p_8 { width: 44px; } 
.plan .p_10 { width: 55px; } 
.plan .p_12 { width: 66px; } 
.plan .p_14 { width: 77px; } 
.plan .p_16 { width: 88px; } 
.plan .p_18 { width: 99px; } 
.plan .p_20 { width: 110px; } 
.plan .p_22 { width: 121px; } 
.plan .p_24 { width: 132px; } 
.plan .p_26 { width: 143px; } 
.plan .p_28 { width: 154px; } 
.plan .p_30 { width: 165px; } 
.plan .p_32 { width: 176px; } 
.plan .p_34 { width: 187px; } 
.plan .p_36 { width: 198px; } 
.plan .p_38 { width: 209px; } 
.plan .p_40 { width: 220px; } 
.plan .p_42 { width: 231px; } 
.plan .p_44 { width: 242px; } 
.plan .p_46 { width: 253px; } 
.plan .p_48 { width: 264px; } 
.plan .p_50 { width: 275px; } 
.plan .p_52 { width: 286px; } 
.plan .p_54 { width: 297px; } 
.plan .p_56 { width: 308px; } 
.plan .p_58 { width: 319px; } 
.plan .p_60 { width: 330px; } 
.plan .p_62 { width: 341px; } 
.plan .p_64 { width: 352px; } 
.plan .p_66 { width: 363px; } 
.plan .p_68 { width: 374px; } 
.plan .p_70 { width: 385px; } 
.plan .p_72 { width: 396px; } 
.plan .p_74 { width: 407px; } 
.plan .p_76 { width: 418px; } 
.plan .p_78 { width: 429px; } 
.plan .p_80 { width: 440px; } 
.plan .p_82 { width: 451px; } 
.plan .p_84 { width: 462px; } 
.plan .p_86 { width: 473px; } 
.plan .p_88 { width: 484px; } 
.plan .p_90 { width: 495px; } 
.plan .p_92 { width: 506px; } 
.plan .p_94 { width: 517px; } 
.plan .p_96 { width: 528px; } 
.plan .p_98 { width: 539px; } 
.plan .p_100 { width: 550px; } 


.admintable { width: 100%; }
.admintable tr:hover { background-color: #eee; }
.admintable tr { border-bottom: 2px solid #fff; }
.admintable td { padding: 4px; }

table.houroverview { min-width: 50%; }
table.houroverview td.Stunden { text-align: right; }
table.houroverview th.Stunden { text-align: right; }

table.houroverviewrs { min-width: 50%; }
table.houroverviewrs td.v { text-align: right; }


#c_plan .modes .active {  }
#c_plan .gantt, #c_plan .resourcework { display: block; position: relative; width:100%; padding-right:20px; padding-bottom: 50px; overflow: auto; box-sizing: border-box; }
#c_plan .gantt img { max-width: none; }

#c_plan div.conflicts { margin: 20px 0 20px 0; padding: 20px; border: 1px solid #ff0000; }
#c_plan div.conflicts pre { color: #ff0000; }

.item_comment { overflow: hidden; }
.item_comment:after { content: ''; clear: both; display: block; position: relative; }

.item_comment .file { width: 150px; margin-left: 20px; padding-bottom: 20px; float: right; }
.item_comment .text { margin-bottom: 20px; }
.item_comment .internal { color: #e08405; }
.item_comment a.edit { display: inline-block; margin-left: 20px; }

#c_task .attribs { float: right; width: 250px; margin: 0 0 20px 40px; padding: 20px; background-color: #f8f8f8; overflow: hidden; box-shadow: 3px 3px 5px #666; margin-right: 10px; }
    #c_task .attribs .row { clear:both; }
    #c_task .attribs .key { width: 100px; float: left; margin-right: 10px; }
    #c_task .attribs .value {  margin-left: 110px; }
#c_task .main { margin-bottom: 20px; }
#c_task .main .text { padding: 20px 20px 40px 20px; background-color: #f8f8f8; overflow: hidden; box-shadow: 3px 3px 5px #666; margin: 0 0px 20px 0; box-sizing: border-box;  }
#c_task .items_comment li { overflow: visible; }

#c_task .importance .blocker { color: #dd0000; }
#c_task .importance .bug { color: #dd4400; }
#c_task .importance .minor.bug { color: #ffaa00; }
#c_task .importance .feature { color: #333333; }
#c_task .importance .discussion { color: #999999; }

#c_task .status .new { color: #dd4400; }
#c_task .status .work { color: #dd4400; }
#c_task .status .pause { color: #88ff88; }
#c_task .status .done { color: #008800; }
#c_task .status .closed { color: #999999; }

#c_task pre { width: 100%; box-sizing: border-box; padding-left: 12px; border-left: 1px solid #888; font-size: 80%; overflow: auto; }


.admintable.task .blocker { color: #dd0000; }
.admintable.task .bug { color: #dd4400; }
.admintable.task .minor.bug { color: #ffaa00; }
.admintable.task .feature { color: #333333; }
.admintable.task .discussion { color: #999999; }


.admintable.task .startdate.ago { color: #dd8800; }
.admintable.task .startdate.soon { color: #aa0000; }
.admintable.task .startdate.today { color: #dd0000; }


.admintable.task .red { color: #dd0000; }
.admintable.task .orange { color: #dd8800; }
.admintable.task .yellow { color: #ddbb66; }
.admintable.task .lightgreen { color: #448844; }
.admintable.task .green { color: #008800; }
.admintable.task .grey { color: #999999; }



#c_overview_project .attribs { float: right; width: 250px; margin: 0 0 20px 40px; padding: 20px; background-color: #f8f8f8; overflow: hidden; box-shadow: 3px 3px 5px #666; margin-right: 10px; }
    #c_overview_project .attribs .row { clear:both; }
    #c_overview_project .attribs .key { width: 100px; float: left; margin-right: 10px; }
    #c_overview_project .attribs .value {  margin-left: 110px; }
#c_overview_project .main { margin-bottom: 20px; }
#c_overview_project .main .text { padding: 20px 20px 40px 20px; background-color: #f8f8f8; overflow: hidden; box-shadow: 3px 3px 5px #666; margin: 0 0px 20px 0; box-sizing: border-box;  }
#c_overview_project .items_comment li { overflow: visible; }

#c_overview_project span.customer.new { color: #e08405; font-weight: bold; }
#c_overview_project span.customer.active { color: #008800; font-weight: bold; }
#c_overview_project span.customer.inactiv { color: #000; font-weight: bold; }
#c_overview_project div.tasks { margin-bottom: 24px; }
#c_overview_project div.hours { margin-bottom: 24px; }
#c_overview_project a.lastcom { margin-bottom: 8px; }
#c_overview_project a.lastcom:before { display: inline; content: '* '; }

#c_overview_project a.status_new { color: #885555; }
#c_overview_project a.status_work { color: #7592A5; }
#c_overview_project a.status_pause { color: #000; }
#c_overview_project a.status_done { color: #558855; }
#c_overview_project a.status_closed { color: #888; }

#c_overview_project .row.status .new { color: #885555; }
#c_overview_project .row.status .work { color: #7592A5; }
#c_overview_project .row.status .pause { color: #000; }
#c_overview_project .row.status .done { color: #558855; }
#c_overview_project .row.status .closed { color: #888; }



#c_overview_projects .status_new { color: #885555; }
#c_overview_projects .status_work { color: #7592A5; }
#c_overview_projects .status_pause { color: #000; }
#c_overview_projects .status_done { color: #558855; }
#c_overview_projects .status_closed { color: #888; }
#c_overview_projects td.closed, #c_overview_projects td.done { opacity: 0.5; }
/*
#c_overview_projects .startdate { text-align: right; }
*/

/* --------------------------------------- */
/* Misc, Modules */


/* --------------------------------------- */
/* media queries */


@media all and (max-width: 800px) {
	#c_task .attribs { float: none; width: auto; margin: 0 0 20px 0; }
	
	#c_overview_project .attribs { float: none; width: auto; margin: 0 0 20px 0; }
	

}

@media all and (max-width: 500px) {
	.field > .label { float: none; width: auto; padding-top: 10px; padding-bottom: 5px; font-weight: bold; }
	.field > .input { margin-left: 0; }
}