/* Generelle desktop styles start */
@media (min-width: 768px) {
 #main #menu {
 display: none;
 }
 #top {
 width: 100%;
 height: 90px;
 margin: 0px 0px 0px 0px;
 border: none;
 position: relative;
 }
 #leftTop {
 height: 65px;
 float:left;
 }
 #intranet_logo_top {
 width: 200px;
 border: none;
 margin: 15px 0px 0px 24px;
 }
 #topNav {
 margin: 20px 0px 0px 10px;
 color:#d0d0c9;
 }
 #rightTop {
 position: absolute;
 top: 0;
 right: 0;
 }
 #brobergmedia_logo_top {
 width: 350px;
 border: none;
 margin: 15px 0px 0px 0px;
 opacity: 0.4;
 filter: alpha(opacity=40);
 -moz-opacity: 0.4;
 }
 #brobergmedia_logo_top:hover {
 opacity: 0.8;
 filter: alpha(opacity=80);
 -moz-opacity: 0.8;
 }
 #main {
 max-width: 1150px;
 width: 100%;
 }
 #content {
 display: flex;
 width: 100%;
 padding: 40px 40px 0px 40px;
 }
 #main a.topNav {
 text-transform: uppercase
 }
 .leftContent {
 flex-grow: 1;
 }
 .rightContent {
 flex: 220px 0 0;
 margin: 0 0 0 20px;
 }
 #bottom {
 max-width: 1150px;
 width: 100%;
 margin: 0 auto;
 font-size: 12px;
 line-height: 14px;
 }
 #frontpage_bottom {
 text-align:center;
 font-size: 13px;
 line-height: 20px;
 color: #909080;
 }
 #frontpage_bottom a {
 color: #909080;
 font-size: 13px;
 font-weight: normal;
 text-decoration: none;
 }
 #frontpage_bottom a:hover {
 color: #585840;
 text-decoration: none;
 }
 #main .includeBody1 {
 width: 220px;
 min-height: 130px;
 margin-bottom: 20px;
 background-color: #f8f8f7;
 }
 #main .includeBody2 {
 width: 420px;
 background-image: url(https://intranet.brobergmedia.dk/images/bg_2sp.gif);
 background-repeat: repeat-y;
 border-bottom: solid 1px #deded9;
 margin-bottom: 20px;
 }
 #main .includeHeader {
 width: 220px;
 background-color: #deded9;
 background-image: url(https://intranet.brobergmedia.dk/images/header_bg.gif);
 background-repeat: no-repeat;
 background-position: top left;
 padding: 4px 0px 3px 10px;
 color: #585840;
 font-size: 12px;
 font-weight: bold;
 position: relative;

 }
 #main .includeContent {
 padding: 5px 0px 5px 10px;
 color: #585840;
 font-weight: normal;
 border: solid 1px #deded9;
 }
 .time_text {
 display: block;
 float: left;
 width: 55px;
 padding-top: 2px;
 }
 .time_dropdown {
 display: block;
 width: 130px;
 height: 20px;
 background-image: url(https://intranet.brobergmedia.dk/images/dropdown_bg.gif);
 cursor: pointer;
 }
 .time_dropdown_menu {
 display: none; 
 width: 130px; 
 background-image: url(https://intranet.brobergmedia.dk/images/dropdown_bg1.gif);
 background-repeat: repeat-y;
 position:absolute;
 border-top: none;
 border-bottom: solid 1px #c7c7bf;
 padding-bottom: 2px;
 }
 .dropdown {
 padding-top:1px;
 margin-left:3px;
 display:block;
 height: 20px;
 }
 .dropdown.main {
 font-weight: bold;
 }
 a.dropdown {
 padding-top:2px;
 margin-left:7px;
 display:block;
 }
 #time_customer_menu a {
 padding-top:1px;
 margin-left:3px;
 display:block;
 }
 
 #time_control {
 background-image: url(https://intranet.brobergmedia.dk/images/time_bg.gif);
 background-repeat: no-repeat;
 background-position: top left;
 width: 175px;
 height: 35px;
 text-align: center;
 margin-top: 10px;
 }
 #time_control img {
 margin-top: 6px;
 margin-left: 15px;
 margin-right: 15px;
 cursor: pointer;
 }
 
 #ordreInfo {
 width: 180px;
 }
 #ordreInfo td.label {
 width: 70px;
 color: #b1b1a6;
 padding-bottom: 2px;
 }
 
 #ordreInfo td.content {
 width: 110px;
 color: #909080;
 padding-bottom: 2px;
 }
 
 
 
 /* Orderlist start */
 #orderOverviewHead {
 display: flex;
 align-items: stretch;
 padding: 0 0 4px 0;
 margin: 0 0 5px 0;
 border-bottom: solid 1px #c7c7bf;
 }
 #orderOverviewHead > div {
 flex-grow: 1;
 }
 #orderOverviewHead div.id {
 flex-grow: 0;
 width: 80px;
 }
 #orderOverviewHead div.kunde {
 flex-grow: 0;
 width: 200px;
 } 
 #orderOverviewHead div.levering {
 flex-grow: 0;
 width: 110px;
 }
 #orderOverviewHead div.status {
 flex-grow: 0;
 width: 85px;
 } 

 #orderOverview > div {
 color: #c7c7bf;
 display: flex;
 align-items: stretch;
 }
 #orderOverview > div > div {
 flex-grow: 1;
 padding: 2px 0px 2px 0px;
 }
 
 #orderOverview div.ordreNormal {
 background-color: #f4f4f2;
 color: #585840;
 cursor: pointer;
 }
 #orderOverview div.opgaveNormal {
 color: #909080;
 }
 #orderOverview div.space {
 height: 3px;
 }
 #orderOverview div.ordreAfsluttet {
 background-color: #f4f4f2;
 color: #909080;
 cursor: pointer;
 }
 #orderOverview div.opgaveAfsluttet {
 color: #909080;
 }
 #orderOverview div.id {
 flex-grow: 0;
 width: 80px;
 }
 #orderOverview div.kunde {
 flex-grow: 0;
 width: 200px;
 } 
 #orderOverview div.levering {
 flex-grow: 0;
 width: 110px;
 }
 #orderOverview div.status {
 flex-grow: 0;
 width: 85px;
 }
 
 #ordreVisning {
 width: 645px;
 margin-bottom: 5px;
 }
 #ordreVisning tr.head {
 background-color: #f4f4f2;
 color: #585840;
 height: 16px;
 }
 #ordreVisning td.label1 {
 width: 95px;
 }
 #ordreVisning td.label2 {
 background-color: #ffffff;
 width: 20px;
 color: #c7c7bf;
 padding: 4px 0px 0px 0px;
 }
 #ordreVisning td.tekst1 {
 width: 300px;
 }
 #ordreVisning td.tekst1 span.forbrugt {
 color: #909080;
 }
 #ordreVisning td.tekst1 span.forbrugt:hover {
 color: #585840;
 }
 
 
 
 
 
 #ordreVisning td.tekst2 {
 background-color: #ffffff;
 width: 300px;
 color: #909080;
 padding: 4px 0px 0px 0px;
 }
 #ordreVisning td.tekst2 a {
 color: #585840;
 }
 #ordreVisning td.tekst2 a:hover {
 color: #909080;
 }
 #ordreVisning td.tekst3 {
 background-color: #ffffff;
 width: 530px;
 color: #909080;
 padding: 4px 0px 0px 0px;
 }
 #ordreVisning td.tekst4 {
 background-color: #ffffff;
 width: 320px;
 color: #909080;
 padding: 2px 0px 0px 0px;
 }
 #ordreVisning td.tekst4 span.forbrugt {
 color: #c4c4ae;
 }
 #ordreVisning td.tekst4 span.forbrugt:hover {
 color: #909080;
 }
 
 #ordreVisning td.estimat_label {
 width: 55px;
 color: #b1b1a6;
 }
 #ordreVisning td.forbrugt_label {
 width: 55px;
 color: #b1b1a6;
 padding: 2px 0px 0px 0px;
 }
 #ordreVisning td.estimat {
 width: 45px;
 text-align: right;
 }
 #ordreVisning td.forbrugt {
 width: 45px;
 text-align: right;
 color: #b1b1a6;
 padding: 2px 0px 0px 0px;
 }
 #ordreVisning td.space {
 width: 10px;
 }
 #ordreVisning td.pris_label {
 color: #b1b1a6;
 width: 20px;
 }
 #ordreVisning td.pris_forbrugt_label {
 color: #b1b1a6;
 width: 20px;
 padding: 2px 0px 0px 0px;
 }
 #ordreVisning td.pris {
 width: 80px;
 text-align: right;
 }
 #ordreVisning td.pris_forbrugt {
 width: 80px;
 color: #b1b1a6;
 text-align: right;
 padding: 2px 0px 0px 0px;
 }
 #ordreVisning tr.linespace {
 height: 10px;
 }
 #ordreVisning #status, #fakturering, #kunde {
 display:block;
 width: 130px;
 cursor: pointer;
 }
 #ordreVisning #status_menu, #fakturering_menu, #kunde_menu {
 display: none;
 /* width: 100px; */
 position:absolute;
 border: solid 1px #c7c7bf;
 background-color: #f4f4f2;
 padding: 6px;
 }
 
 #ordreVisning #status_menu span, #fakturering_menu span, #kunde_menu span {
 padding: 0px 0px 0px 0px;
 }
 
 #ordreVisning #kunde_menu span a {
 color: #909080;
 text-decoration: none;
 }
 #ordreVisning #kunde_menu span a:hover {
 color: #585840;
 }
 #ordreMenu {
 width: 645px;
 margin-top: 20px;
 }
 #ordreMenu .ordreMenuButton {
 width: 195px;
 height: 40px;
 }
 #ordreMenu .space {
 width: 30px;
 height: 30px;
 }
 #ordreMenu .ordreMenuButton a {
  
 display: block;
 width: 195px;
 text-align: center;
 padding: 4px 0px 5px 0px;
 background-color: #e8e9e4;
 background-repeat: no-repeat;
 border-radius: 6px;
 }
 #ordreMenu .ordreMenuButton input {
 color: #909080;
 border: none;
 background-color: transparent;
 display: block;
 width: 195px;
 text-align: center;
 padding: 4px 0px 5px 0px;
 background-color: #e8e9e4;
 background-repeat: no-repeat;
 border-radius: 6px;
 cursor:pointer;
 }
 #ordreMenu .ordreMenuButton input:hover {
 color: #585840;
 }
 #ordrePopUp1 {
 display: none;
 width: 320px;
 height: 190px;
 position: absolute;
 margin-left: 162px;
 margin-top: -180px;
 }
 #ordrePopUp2 {
 display: none;
 width: 320px;
 height: 190px;
 position: absolute;
 margin-left: 162px;
 margin-top: -180px;
 }
 #popUpContentTop {
 height: 20px;
 width: 269px;
 background-color: #deded9;
 font-size: 12px;
 font-weight: bold;
 color: #585840;
 }
 #popUpLeft {
 height: 190px;
 width: 20px;
 }
 #popUpClose {
 height: 10px;
 width: 10px;
 margin-top: 2px;
 margin-right: 5px;
 border: 0px;
 }
 #popUpContent {
 height: 149px;
 background-color: #f8f8f7;
 color: #909080;
 }
  #popUpRight {
 height: 190px;
 width: 20px;
 }
 #popUpContent table {
 margin: 10px 0px 0px 10px;
 width: 260px;
 }
 #popUpContent table td.label {
 width: 80px;
 height: 18px;
 }
 #popUpContent table td.content {
 color: #585840;
 width: 180px;
 }
 #popUpContent table td.submit {
 text-align: center;
 padding-top: 10px;
 }
 .popUpInput {
 font-size: 10px;
 color: #585840;
 border: solid 1px #c7c7bf;
 width: 180px;
 height: 11px;
 }
 .popUpText {
 font-size: 10px;
 color: #585840;
 border: solid 1px #c7c7bf;
 width: 182px;
 height: 28px;
 }
 #popUpSubmit {
 color:#909080;
 margin: 0px 0px 0px 0px;
 padding-top: 0px;
 width: 106px;
 height:15px;
 border: 0px;
 background-image: url(https://intranet.brobergmedia.dk/images/popUpSubmit.gif);
 background-repeat: no-repeat;
 cursor:pointer;
 text-align: center;
 }
 #popUpBottom {
 height: 11px;
 }
 .opgave_status_off {
 margin: 3px 0px 3px 4px;
 display: block;
 width: 7px;
 height: 7px;
 background-image: url(https://intranet.brobergmedia.dk/images/opgave_status_off.gif);
 float: left;
 }
 .opgave_status_on {
 margin: 3px 0px 3px 4px;
 display: block;
 width: 7px;
 height: 7px;
 background-image: url(https://intranet.brobergmedia.dk/images/opgave_status_on.gif);
 float: left;
 }
 .opgave_status_hover {
 margin: 3px 0px 3px 4px;
 display: block;
 width: 7px;
 height: 7px;
 background-image: url(https://intranet.brobergmedia.dk/images/opgave_status_hover.gif);
 float: left;
 }
 
 #km_registrering {
 text-align: left;
 width: 645px;
 color: #909080;
 }
 
 
 
 
 #tidsregHead {
 width: 645px;
 color: #909080;
 padding-bottom: 4px;
 border-bottom: solid 1px #c7c7bf;
 margin-bottom: 2px;
 }
 #tidsregHead .tidssreg_ordrenr {
 float: left;
 width: 50px;
 }
 #tidsregHead .tidssreg_kunde {
 float: left;
 width: 140px;
 }
 #tidsregHead .tidssreg_ordre {
 float: left;
 width: 150px;
 }
 #tidsregHead .tidssreg_opgave {
 float: left;
 width: 190px;
 }
 #tidsregHead .tidssreg_start {
 float: left;
 width: 35px;
 text-align: center;
 }
 #tidsregHead .tidssreg_slut {
 float: left;
 width: 35px;
 text-align: center;
 }
 #tidsregHead .tidssreg_forbrugt {
 float: left;
 width: 45px;
 text-align: center;
 }
 #tidsreg {
 width: 645px;
 color: #909080;
 cursor: pointer;
 }
 #tidsreg .row.active {
 color: #585840;
 }
 #tidsreg .row.active a {
 color: #585840;
 }
 #tidsreg .row {
 padding: 5px 0 4px 0;
 vertical-align: top;
 border-bottom: solid 1px #f4f4f2;
 }
 #tidsreg .row > div {
 padding-top: 3px;
 }
 
 #tidsreg .tidssreg_ordrenr {
 float: left;
 width: 50px;
 }
 #tidsreg .tidssreg_kunde {
 float: left;
 width: 140px;
 position: relative;
 }
 #tidsreg .tidssreg_ordre {
 float: left;
 width: 150px;
 position: relative;
 }
 #tidsreg .tidssreg_opgave {
 float: left;
 width: 190px;
 }
 #tidsreg .tidssreg_start {
 padding-top: 0;
 float: left;
 width: 35px;
 text-align: center;
 }
 #tidsreg .tidssreg_slut {
 float: left;
 width: 35px;
 text-align: center;
 }
 /* #tidsreg .row.active .tidssreg_start,
 #tidsreg .row.active .tidssreg_slut {
 padding-top: 0;
 }
 */
 #tidsreg .tidssreg_forbrugt {
 float: left;
 width: 45px;
 text-align: center;
 }
 #tidsreg_kunde, #tidsreg_opgave {
 float: left;
 height: 16px;
 }
 .tidsreg_dropdown_menu {
 display: none;
 background-color: #ffffff;
 min-width: 250px;
 background-repeat: repeat-y;
 position: absolute;
 border: solid 1px #c7c7bf;
 padding: 4px;
 top: 18px;
 z-index: 100;
 }
 .tidsreg_dropdown_menu a {
 color: #909080;
 white-space: nowrap;
 }
 /*
 #tidsreg_kunde_menu.tidsreg_dropdown_menu a.dropdown {
 }
 #tidsreg_opgave_menu.tidsreg_dropdown_menu a.dropdown {
 color: #909080;
 }
 */
 #tidsreg .input_text_head {
 margin-top: -2px;
 margin-bottom: 0;
 }
 #tidsreg .tidsreg_save {
 position: absolute;
 top: 0;
 left: 40px;
 font-size: 10px;
 border: none;
 background-color: transparent;
 padding: 0;
 cursor: pointer;
 color: #909080;
 }
 #tidsreg .tidsreg_save:hover {
 color: #585840;
 }
 #tidsreg tr.active td {
 position: relative;
 }
 
}
/* Generelle desktop styles end */ 


/* 768px - 1024px start */
@media (min-width: 768px) and (max-width: 1023px) {

 #brobergmedia_logo_top {
 width: 300px;
 }

}
/* 768px - 1024px end */