html {
	overflow:scroll;
	overflow-x:auto;
}

html,body {
	margin:0;
	padding:0;
	width:100%;
	height:100%; /* needed for container min-height */
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: x-small;
    background-color:#cecece;
	background-image: url('images/bg.png');_background-image: url('images/ie6_bg.gif');
	background-repeat:repeat-y;
	background-position:top center;
	color: #000000 
}



/*GENERAL ELEMENTS*/

	h1 { font-size: 25px; font-weight: bold; color: #000000; margin:0 0 0.25em 0 }
	h2 { font-size: small; font-weight: bold; color: #848484 }
	h3 { font-size: x-small; font-weight: bold; color: #888888 }
	p { font-size: x-small;line-height:1.5;margin:0 0 1em; }
	a { font-size: x-small;color:#003366; outline: none; }
	a span { color:#FFFFFF }
	a:link, a:active, a:visited, a:hover { text-decoration: none} 
	span {  font-size: x-small; color:#000000; }
	span.user {  font-size: x-small; color:#aaaaaa }
	td {  font-size: x-small }
	ul {  font-size: x-small }
	hr { color: #cdcdcd }
	img {border:0;}
	strong { font-weight: bold }
	input {  font-size:8pt; color: #000000;}
	input.logon {  font-size:8pt; color: #000000; background-color:#EEEEEE;}
	input.logon:focus {  font-size:8pt; color: #000000; background-color:#FFFFFF;}
	select {  font-size:8pt; color: #000000;background-color: #f2f2f2}
	textarea {  font-size:8pt; color: #000000; background-color: #f2f2f2}
    fieldset{background:transparent url( 'images/fieldset.png') top left;_background:none; padding:5px 10px;border:1px solid #C5D4F7; -moz-border-radius: 4px;-webkit-border-radius: 4px;}
    fieldset { overflow /*\**/:visible\9; margin-bottom /*\**/:5px; *height:1%; } /* IE7 and 8 hacks because og ie fieldset bug*/
    fieldset{ _position: relative;*margin-top:1em; *padding-top:0; _padding-top:1.25em } /* IE6,7 and 8 hacks because og ie fieldset bug*/
    legend, legend span { font-size: 13px; font-weight: bold; color:#000000 }
    legend { margin-top /*\**/: -1em\9;} /* IE7 and IE8 hacks because og ie fieldset bug*/
    legend{ _position:absolute; _top: -.5em;*left: .5em;} /* IE6,7 and 8 hacks because og ie fieldset bug */


/*CONTENT*/

#logo 
{
    display:block;
    background:transparent url(images/knutepunkt_plain_blue.png) no-repeat top left;
    width:900px;
    height:156px;
}

#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:860px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
    background-color:#ffffff;
	overflow:hidden; _overflow:auto; _overflow-x:hidden;
}

#container.topframe {
    width: 900px;
    height:156px;
    background-color: #10365d;
    background-image: none;
    border-style: none;
    _overflow:hidden;
}

#content {
    height:100%;
}

#greyborder { 
    position:fixed;
    top:0px;
    width:900px;
    height:20px;
    margin-left:-20px;
    background: transparent url('images/maincontent_bg_top.png') no-repeat center top;
    z-index:100;
}

#greyborder2 { 
    width:900px;
    height:25px;
    margin-left:-20px;
    /*background: transparent url('images/maincontent_bg_top2.png') no-repeat center top;*/
}

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 148px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: transparent; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0; /* padding keeps the content of the div away from the edges */
	padding-left:170px;
	padding-top:20px;
}

#sidebar2 {
	float: left; /* since this element is floated, a width must be given */
	width: 148px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: transparent; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0; /* padding keeps the content of the div away from the edges */
	padding-left:140px;
	padding-top:50px;
}

#login_select_page { 
    float:left;
	background:none;
	width:278px;
	margin-left:80px;
	margin-top:70px;
	_overflow:hidden;
}

#login { 
    float:left;
	background:#ffffff url(images/loginbg.png) top left no-repeat;
	width:315px;
	margin-left:50px;
	margin-top:50px;
	padding:0 30px 30px 30px; padding:0 30px;
	_overflow:hidden;
}

#login h1 { 
	margin-top:25px;
	color:#000000;
}

#footer {
    _display:none;
	position:absolute;
	z-index:100;
	width:900px;
	left:0;
	bottom:0; /* stick to bottom */
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align:center;
	background:transparent url(images/maincontent_bg_bottom.png) bottom left no-repeat;
}

#footer p {
	padding:15px 0 5px 0;
	margin:0;
    color:#a1a1a1;
}
    
    
/*CLASSES*/

.tekst { font-size: x-small }
.bluedotbar {font-size: 14px; color: #ffffff}
.appH1 { color: #333333;  font-size: 16px; text-decoration: none; font-weight: bold}
.apptxtGrey { color: silver;  font-size: 11px; text-decoration: none; }
.apptxtBold { color: #000000;  font-size: 11px; font-weight: bold; list-style-type: disc; text-align: left; height: 6px; background-position: center center}
.apptxtCaps { color: #333333;  font-size: 11px; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.apptxtItalic { color: #333333;  font-size: 11px; font-style: italic; text-decoration: none; }
.apptxtSmall { color: #333333;  font-size: 9px; text-decoration: none; }
.apptxtSmallBold { color: #333333;  font-size: 9px; text-decoration: none; font-weight: bold; }
.apphdOrange { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; list-style-type: disc; text-align: center }
.apptxtWhite { color: #FFFFFF;  font-size: 11px; font-weight: bold; list-style-type: disc; text-align: center; height: 6px; background-position: center center}
.apptxtPlain { color: #000000;  font-size: 11px; text-decoration: none; }
.attriblabel { width:100px;min-width: 100px; font-family: Arial; font-size: small; color:#333333; padding-bottom:10px; vertical-align:top; }
.loginlabel { min-width: 100px; font-family: Arial; font-size: small; color:#333333; padding-bottom:10px; vertical-align:top; }
.horpadding{ padding:0 20px;}		
.verpadding{ padding:20px 0; }	
.contentpadding { padding:20px; }
.no_background { background-image:none; background-color:transparent; }
.margin_bottom_fix { margin-bottom:40px;}
.lightgreybox {text-decoration:none;font-size:11px;background-color:#f0f0f0;border:1px solid #dddddd;padding:5px}
.lightgreybox:hover {text-decoration:none}
.vikarlogin {height:310px;}
.vikarloginbutton {float:left;background:transparent url(images/vikarlogin.png) top left no-repeat;height:56px;width:278px;}
.vikarloginbutton:hover {background-position: 0 -57px }
.ansattelogin {height:310px;}
.ansattloginbutton {float:left;background:transparent url(images/ansattlogin2.png) top left no-repeat;height:56px;width:278px;}
.ansattloginbutton:hover {background-position: 0 -57px }
/*.admin {color:#aaaaaa }*/
.grey {background-image: url(images/grey_transp.png)}
.darkgrey {background-image: url(images/darkgrey_transp.png)}
.lightgrey {background-image: url(images/lightgrey_transp.png)}
.green {background-image: url(images/green_transp.png)}
.red {background-image: url(images/red_transp.png)}
.information_icon {position:relative;top:5px;left:80px;}
.information_icon2 {position:absolute;top:57px;right:75px;}
.intro_text {margin-left:50px;margin-top:0px;width:750px;}
.float_left{float:left}
.float_right{float:right;}
.topmenu { float:left; }
.topmenu a { display:block; outline: none; background: transparent url('images/topmenu_button_bg.png') no-repeat -3px 0;_background: none; font-weight : bold; text-decoration:none; text-align:center; padding: 0 0 0 10px;_padding: 0 0 5px 10px; margin-left:-3px;}
.topmenu a.first { margin-left:0; background: transparent url('images/topmenu_button_bg.png') no-repeat top left;_background: none; }
.topmenu a span { display:block; font-size : 12px; padding: 7px 10px 3px 0px; background: transparent url('images/topmenu_button_bg.png') no-repeat 100% 0;_background: none; }
.topmenu a:hover, div.topmenu a.selected { background: transparent url('images/topmenu_button_bg_hover.png') no-repeat top left;_background: none; text-decoration: none;_text-decoration: underline; }
.topmenu a:hover span, div.topmenu a.selected span { background-position: 100% 0px;_background: none; text-decoration: none;_text-decoration: underline; }



/*DIV (skal ryddes i)*/  
    
    select.searchcontrol, input.searchcontrol, textarea.seachcontrol { background-color: #d0d6ec}
    select.searchcontrol { width: 185px;}
    input.searchcontrol { width: 179px;}
    input#GSM, input#PW { width: 100px; }
    
    #Msgs { width:850px;}
    #Msgs td, #PKGrid td{ padding: 2px 2px 0 2px;*padding: 2px 2px 2px 2px;}
    #listman { margin-top:6px; width:845px; padding:0; }
    #tabs { width: 900px; height: 25px; background: #10365d url('images/topmenu_bg.png') repeat-x bottom left; border-width: none; }
   	#headertext { font-size: 25px; font-weight: bold; color: #000000; margin:0 0 0.25em 0 }
  	legend #headertext {  font-size: 14px; font-weight: bold; color:#000000}
 	#btnMMS { display:block;padding-bottom:10px;font-weight:bold}
 	#btnSend { display:block; background: transparent url('images/send.png') no-repeat top left;height:25px;width:75px;vertical-align:top;}
    #nextMonth, #prevMonth {background-color:none;  }
    #chooseMonth {display:block;background-image: url('images/calendertop_bg.png');height:35px; width:300px;}
    #chooseRowBtn {background-color:transparent;}