* {
	margin: 0;
	padding: 0;
	font-family: "lucida grande", "lucida sans unicode", "sans serif";

}

ul {
    list-style: none;
}

li, p, span, a {
    font-size: 12px;
    line-height: 18px;
}

img {
    border: 0;
}

body {
    background-color: #d8d8d8;
    padding: 20px;
	font-size: 14px;
}

#top {
    width: 100%;
    background-image: url(../graphics/top_bg.gif);
    background-repeat: repeat-x;
    float: left;
    height: 87px;
    position: relative;
    min-width: 950px;
}

#accountbox {
    float: right;
    height: 40px;
}

#accountbox ul {
    float: left;
}

#accountbox ul li {
    float: left;
    line-height: 40px;
    padding-left: 10px;
    color: #fff;
}

#search form {
    float: left;
    margin: 6px 6px 0 0;
}

#search .field {
    width: 115px;
    height: 18px;
    padding: 4px 8px 4px 8px;
    border: 0;
    background-image: url(../graphics/searchbox.gif);
    background-repeat: no-repeat;
    float: left;
    color: #4d4d4d;
    font-size: 12px;
}

#search .submit {
    background-image: url(../graphics/searchbox_submit.gif);
    border: 0;
    width: 28px;
    height: 26px;
    text-indent: -5000px;
    float: left;
    cursor: pointer;
}

#accountbox ul li a {
    color: #fff;
}

#prinav {
	float: left;
	height: 35px;
	line-height: 35px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#prinav ul li {
	float: left;
	height: 35px;
	line-height: 35px;
	padding-top: 0;
	padding-right: 7px;
	padding-bottom: 0;
	padding-left: 7px;
}

#prinav ul li a {
    text-transform: uppercase;
    float: left;
    height: 35px;
    line-height: 35px;
	cursor: hand;
}

#prinav ul li a span {
    float: left;
    height: 35px;
    line-height: 28px;
    color: #fff;
}

#prinav ul li.active a {
    background-image: url(../graphics/prinav_active.gif);
    background-repeat: no-repeat;
    padding: 0 0 0 15px;
}

#prinav ul li.active a span {
    background-image: url(../graphics/prinav_active.gif);
    background-repeat: no-repeat;
    padding: 0 15px 0 0;
    background-position: 100% 0;
    color: #000;
}

#secnav {
    clear: both;
    float: left;
    line-height: 47px;
    height: 47px;
    margin: 0;
    padding: 9px 0 0 8px;
    width: 100%;
}

#secnav ul {
    display:inline-block;
    float: left;
    height: 29px;
    line-height: 29px;
    margin: 0;
    padding: 0;
	width: 100%;
    
}

#secnav ul li {
	display: inline-block;
	float: left;
    height: 29px;
    line-height: 29px;
    padding: 0 5px 0 5px;
}

#secnav ul li a {
    height: 29px;
    line-height: 29px;
   float: left;
}

#secnav ul li a span {
	display:block;
	float: left;
	color: #232323;
    height: 29px;
    line-height: 27px;
    text-transform: uppercase;
   
}

#secnav ul li a img {
    padding: 8px 7px 0 0;
   
}

#secnav ul li.active {
    background-image: url(../graphics/secnav_active.gif);
    color: #fff;
    padding: 0 0 0 13px;
}

#secnav ul li.active a span {
    background-image: url(../graphics/secnav_active.gif);
    color: #fff;
    background-position: 100% 0;
    padding: 0 13px 0 0;
}

#top a {
    text-decoration: none;
    color: #fff;
}

#top a:hover span {
    text-decoration: underline;
}

#top .bg_left {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

#top .bg_right {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

#intro .corners img {
    position: absolute;
}

img.tl {
    top: 0px;
    left: 0px;
    position: absolute;
}

img.tr {
    top: 0px;
    right: 0px;
    position: absolute;
}

img.bl {
    bottom: 0px;
    left: 0px;
    position: absolute;
}

img.br {
	bottom: 0px;
	right: 0px;
	position: absolute;
}

#intro {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    background-color: #dff3fe;
    background-image: url(../graphics/intro_left.gif);
    background-repeat: repeat-y;
    position: relative;
    min-width: 950px;
}

#intro .top {
    background-color: #fff;
    line-height: 7px;
    height: 7px;
    width: 100%;
    overflow: hidden;
    background-image: url(../graphics/intro_top.gif);
    background-repeat: repeat-x;
}

#intro .bottom {
    background-color: #fff;
    line-height: 7px;
    height: 7px;
    width: 100%;
    overflow: hidden;
    background-image: url(../graphics/intro_bottom.gif);
    background-repeat: repeat-x;
    position: relative;
    float: left;
    clear: both;
}

#intro #buttons {
    float: right;
    height:43px;
    position: absolute;
    top: 0;
    right: -5px;
}

#intro #intro_left {
    float: left;
    width: 8px;
    height: 43px;
    background-image: url(../graphics/intro_leftBorder.gif);
    background-repeat: no-repeat;
}

#intro #intro_center {
	float: left;
	height: 40px;
	background-color:#d8d8d8;
	border-bottom:solid 3px #fff;
}

#intro #intro_right {
    float: right;
    width: 8px;
    height: 43px;
    background-image: url(../graphics/intro_corner.gif);
    background-repeat: no-repeat;
}

#intro .content {
    width: 100%;
    float: left;
    background-image: url(../graphics/intro_right.gif);
    background-repeat: repeat-y;
    background-position: 100% 0;
    padding: 43px 0 0 0;
}

a.newcard {
	float: left;
	width: 142px;
	height: 34px;
	background-image: url(../graphics/button_newcard.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 6px;
}


a.editdata {
	float: left;
	width: 156px;
	height: 34px;
	background-image: url(../graphics/button_rediger_stamdata.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 6px;
}
a.othercards {
	float: left;
	width: 157px;
	height: 34px;
	background-image: url(../graphics/button_othercards.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 6px;
}

#intro .content #calendar {
    float: right;
    clear: both;
    width: 288px;
    background-image: url(../graphics/dummy_calendar.gif);
    width: 295px;
    height: 286px;
    background-repeat: no-repeat;
    margin: 16px 20px 0 0;
    padding: 0 0 15px 0;
}

#intro #introtext {
    padding: 20px 0 0 50px;
    width: 420px;
    font-size: 15px;
    line-height: 25px;
    float:left;
}

#introtext p {
    font-size: 14px;
    line-height: 25px;
    margin: 0 0 15px 0;
}

#introtext h1 {
    margin: 0 0 30px 0;
}

.twocol {
    float: left;
    width: 100%;
    padding: 10px 0 0 0;
    min-width: 950px;
}

.twocol .col1, .twocol .col2 {
    float: left;
    width: 50%;
    background-color: #fff;
    position: relative;
}

.twocol .col2 {
    margin: 0 0 0 10px;
}


.twocol .col1 .head, .twocol .col2 .head {
    width: 100%;
    background-image: url(../graphics/subbox_header.gif);
    height: 111px;
    float: left;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
}

.twocol .head span {
    font-size: 14px;
    float: left;
    clear: both;
}

.twocol table {
    margin: 0 3px 10px 3px;
    border-collapse: collapse;
    float: left;
}

.twocol table tr {
    height: 35px;
    line-height: 35px;
}

.twocol table tr.header {
    background-image: url(../graphics/table_header.gif);
    background-repeat: repeat-x;
    height: 40px;
}

table tr.lightheader {
    background-image: url(../graphics/table_header_light.gif);
    background-repeat: repeat-x;
    height: 40px;
}

.twocol table tr.header td {
    font-size: 14px;
    color: #fff;
}

.twocol table td {
}

.twocol table a {
    color: #0f5279;
    text-decoration: none;
}

.twocol .head div {
    float: left;
    margin: 34px 0 0 28px;
}

.twocol .col1 .head div {
    margin: 34px 0 0 26px;
}

.twocol .col2 .head div {
    margin: 29px 0 0 27px;
}

.twocol .head div img {
    float: left;
    clear: both;
}

.twocol .col1 .head div span {
    padding: 0 0 0 44px;
}

.twocol .col2 .head div span {
    padding: 0 0 0 59px;
}

.twocol table tr:hover td {
    background-color: #dff3fe;
}

.twocol table tr.lightheader:hover {
    background-color: transparent;
}

.twocol .projektbeskrivelse tr:hover td {
    background-color: #ffffff;
}

.col1 .stamdataNote tr:hover td {
    background-color: #ffffff;
}

.twocol table tr.header:hover td {
    background-color: transparent;
}

.twocol table tr.projektbeskrivelse:hover td {
    background-color: transparent;
}

#footer {
    min-width: 950px;
    width: 100%;
    float: left;
    clear: both;
    padding: 0 0 50px 0;
    position: relative;
}

#footer ul {
    float: left;
    padding: 20px 0 0 0;
}

#footer ul li {
    color: #6c6c6c;
    float: left;
    font-size: 14px;
    padding: 0 10px 0 0;
}

#footer ul li a {
    float: left;
    color: #6c6c6c;
    font-size: 14px;
    text-decoration: none;
}

#footer ul li a:hover {
    text-decoration: underline;
}

#footer .logo {
    position: absolute;
    right: 14px;
    top: 0;
}

.kalender-forside {
	font-family: "Lucida Grande", sans-serif;
	font-size: 14px;
	background-image: url(../graphics/kalender-grid.gif);
}
.tekst-12px {
	font-size: 12px;
	font-family: "Lucida Grande", sans-serif;
}
.forside-kalender-div {
	background-image: url(../graphics/forside-element-baggrund.gif);
	float: right;
	width: 250px;
	padding: 20px;
	font-size: 14px;
}
.kalender-forside-mark {
	background-color: #f0f8fd;
}
.kalender-forside-date {
	background-image: url(../graphics/kalender-mark-back.gif);
}
.kalender-forside-nouse {
	background-image: url(../graphics/kalender-mark-nouse.gif);
}

.forside-element-wrapper {
	float: right;
	position: relative;
	width: 290px;
	background-image: url(../graphics/forside-element-baggrund.gif);
	margin-top: 20px;
	margin-right: 23px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.forside-todo {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 3px;
	padding-bottom: 3px;
}
.tekst-12px-blue {
	font-size: 12px;
	font-family: "Lucida Grande", sans-serif;
	color: #8ab4cd;
}

.forside-todo-top {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 3px;
}
.forside-todo-midt {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 3px;
	padding-top: 5px;
}
.txt-12-grey {
	font-size: 12px;
	color: #6e6e6e;
}

.onecol {
    float: left;
    width: 100%;
    padding: 10px 0 0 0;
    min-width: 950px;
height: auto;
}

.onecol .col1, .twocol .col2 {
    float: left;
    width: 100%;
    background-color: #fff;
    position: relative;
	height: auto;
}

.onecol .col2 {
    margin: 0 0 0 10px;
}


.onecol .col1 .head, .twocol .col2 .head {
    background-image: url(../graphics/subbox_header.gif);
    height: 111px;
    float: left;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
}

.onecol .head span {
    font-size: 14px;
    float: left;
    clear: both;
}

.onecol table {
    margin: 0 3px 10px 3px;
    border-collapse: collapse;
    float: left;
}

.onecol table tr {
	height: 35px;
	line-height: 35px;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f2f2f2;*/
}

.onecol table tr td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f2f2f2;
}

.onecol table tr.new-letter {
	height: 35px;
	line-height: 34px;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;*/
}
.onecol table tr.new-letter td {
	border-bottom: 1px solid #000000 !important;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;*/
}
.onecol table tr.header {
	background-image: url(../graphics/table_header.gif);
	background-repeat: repeat-x;
	height: 40px;
	/*border-bottom-width: 0px;
	border-bottom-style: none; */
}

.onecol table tr.header td {
	border-bottom-width: 0px;
	border-bottom-style: none;
}

.onecol table tr.header td {
    font-size: 14px;
    color: #fff;
}

.onecol table td {
}

.onecol table a {
    color: #0f5279;
    text-decoration: none;
}

.onecol .head div {
    float: left;
    margin: 34px 0 0 28px;
}

.onecol .col1 .head div {
    margin: 34px 0 0 26px;
}

.onecol .col2 .head div {
    margin: 29px 0 0 27px;
}

.onecol .head div img {
    float: left;
    clear: both;
}

.onecol .col1 .head div span {
    padding: 0 0 0 44px;
}

.onecol .col2 .head div span {
    padding: 0 0 0 59px;
}

.onecol table tr:hover td {
    background-color: #dff3fe;
}


.onecol table tr.header:hover td, .onecol table tr.lightheader:hover td {
    background-color: transparent;
}
.row-topline {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}


.projekt-beskrivelse {
	font-size: 14px;
	line-height: 19px;
	padding-right: 20px;
	padding-left: 20px;
}

.twocol .col2 .projektbeskrivelse {
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #FFF;
}
.hours-good {
	color: #83d600;
	font-weight: bold;
	font-size: 14px;
}

a.hours-good:link, a.hours-good:visited {
	text-decoration: none;
	color: #83d600;
	font-weight: bold;
	font-size: 14px;

}
a.hours-good:hover {
	text-decoration: underline;
	color: #83d600;
	font-weight: bold;
	font-size: 14px;
}

.hours-bad {
	color: #d60000;
	font-weight: bold;
	font-size: 14px;
}

a.hours-bad:link, a.hours-bad:visited {
	text-decoration: none;
	color: #d60000;
	font-weight: bold;
	font-size: 14px;

}
a.hours-bad:hover {
	text-decoration: underline;
	color: #d60000;
	font-weight: bold;
	font-size: 14px;
}
.kampagne-bigtekst {
	font-size: 30px;
	font-weight: bold;
}
.onecol .head span.bigtxt {
	font-size: 30px;
	float: left;
	clear: both;
	font-weight: bold;
}
.kampagner-toptekstmargin {
	padding-left: 20px;
	padding-top: 0px;
}
.kampagner-toptekstmargin1 {
}
.kampagner-toptekstmargin2 {
	padding-right: 20px;
}
.note {
	padding: 20px;
	width: 100%;
	border: 2px solid #CCC;
	line-height: 19px;
}
.noter-felt {
	float: left;
	width: 360px;
	position: relative;
	clear: both;
	padding: 30px;
}
.noter-noter {
	float: left;
	width: 80%;
	position: relative;
	background-color: #090;
	padding: 30px;
	text-align: center;
}
.timesag-reg-back {
	color: #000;
	font-size: 12px;
	background-color: #f0f8fd;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #d6e9f5;
	border-left-color: #d6e9f5;
}
.timsag-back-left {
	background-image: url(../graphics/timesag-bund-back-left.jpg);
	background-repeat: repeat-x;
	background-position: left;
	font-size: 12px;
	color: #000;
}
.onecol .col1 .stamdata-tabel-top {
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#buttons {
	/*float: right;*/
	height:43px;
	position: absolute;
	top: 0;
	right: -5px;
	/*width: 327px;*/
}
#intro_center {
	float: left;
	height: 40px;
	width: auto;
	background-color:#d8d8d8;
	border-bottom:solid 3px #fff;
}
#intro_left {
	float: left;
	width: 8px;
	height: 43px;
	background-image: url(../graphics/intro_leftBorder.gif);
	background-repeat: no-repeat;
}
#intro_right {
	float: right;
	width: 8px;
	height: 43px;
	background-image: url(../graphics/intro_corner.gif);
	background-repeat: no-repeat;
}

.onecol .no-hover tr:hover td {
	background-color:#FFF;
	
}

.stamdataNote td {
    vertical-align: top;
    overflow: hidden;
}

.stamdataNote {
	border: 0;
	padding: 0;
	width: 100%;
}
.stamdataNote tr {
    border: 0 !important;
}

.stamdataNote .col1 {
    padding: 25px 55px 45px 87px;
    width: 452px !important;
}
.stamdataNote .col1 table {
	width: 100% !important;
}
.stamdataNote .col2 {
    padding: 25px 54px 45px 0;
}

.stamdataNote h1 {
    font-family: lucida grande, lucida sans unicode;
    font-size: 14px;
    margin: 0 0 3px 0;
}

.stamdataNote td.col1 textarea.note {
    padding: 5px;
    width: 442px !important;
    height: 354px !important;
    background-image: url(../graphics/addnote.gif);
    background-repeat: no-repeat;
    color: #7f7f7f;
    font-size: 13px;
    font-family: lucida grande, lucida sans unicode;
    border: 0;
    margin: 0;
}

.stamdataNote td.col1 form input {
    float: right;
    clear: both;
    margin: 13px 0 0 0;
}

.notebox {
    width: 100%;
    position: relative;
    float: left;
    margin: 0 0 18px 0;
    border: 2px solid #efefef;
    padding: 20px 20px 13px 20px;
}

.notebox span {
    float: left;
    clear: both;
    width: 100%;
    color: #8ab4cd;
    margin: 0 0 10px 0;
    font-size: 13px;
}

.notebox p {
    font-size: 14px;
    margin: 0 0 10px 0;
    color: #202020;
}



.head .week {
    position: absolute;
    top: 32px;
    right: 20px;
}

.head .week select {
    width: 156px;
    padding: 2px;
}

#logind {
	float: none;
	width: 262px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../graphics/logind-baggrund.gif);
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 130px;
	height: 220px;
}
.logind-form {
	width: 256px;
	height: 25px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 15px;
	padding-top: 5px;
}
.logind-glemtpassword {
	float: left;
	position: relative;
	width: 256px;
	text-align: center;
	padding-top: 35px;
	color: #666;
	text-decoration: none;
}

a.glemtpassword, a.glemtpassword:visited  {
	color: #666;
	text-decoration: none;
}

a.glemtpassword:hover  {
	color: #666;
	text-decoration: underline;
}
#mask {
	display: none;
    position:absolute; 
	top: 0;
	left: 0;
    z-index:9000;
    background-color:#000;
}
#loadingDia {
	z-index:9999;
	width: 101px;
	height: 101px;
	position: absolute;
	background-image:url('/graphics/ajax-loader-blue.gif');
	background-repeat:no-repeat;
	background-position:center center;  
    display:none;  
}
#pagingletters a{
	padding-left: 2px;
	padding-right: 2px;
	color:#ffffff;
}

#nextpage, #prevpage {
	color:#ffffff;
	
}

.wrapper {
	padding-left: 5px;
}

a.newcontact {
      float: left;
      width: 156px;
      height: 34px;
      background-image: url(../graphics/button_ny_kontakt.gif);
      background-repeat: no-repeat;
      text-indent: -5000px;
      margin-top: 0px;
      margin-right: 0;
      margin-bottom: 0;
      margin-left: 6px;
}


a.newproject {
      float: left;
      width: 156px;
      height: 34px;
      background-image: url(../graphics/button_opret_projekt.gif);
      background-repeat: no-repeat;
      text-indent: -5000px;
      margin-top: 0px;
      margin-right: 0;
      margin-bottom: 0;
      margin-left: 6px;
}

a.newhistory {
      float: left;
      width: 156px;
      height: 34px;
      background-image: url(../graphics/button_opret_historik.gif);
      background-repeat: no-repeat;
      text-indent: -5000px;
      margin-top: 0px;
      margin-right: 0;
      margin-bottom: 0;
      margin-left: 6px;
}