html, body , input , textarea , select
{
	font-family: verdana, arial;
	font-size: 10px;	
}

body
{
	background-image: url(../Images/Site/background.gif);
	background-repeat: repeat-x;
	background-color: White;	

}

#outer
{
	position: absolute; 
	left: 10px; 
	top: 10px;
	width: 820px;
}

#header
{
	position: absolute; 
	left: 0px;
	top: 0px;
	width: 100%;
	height: 70px;
}

#logo
{
	position: absolute; 
	left: 10px;
}

#topnavi
{
	position: absolute; 
	left: 160px;
	top: 0px;	
}

#pageinfo
{
	position: absolute;
	left: 0px; top: 70px;
	width: 100%;
	height: 36px;	
	background-color: #006ca1;
}

#pageheading
{
	position: absolute;
	left: 5px;
	top: 5px;
	height: 31px;
	background-image: url(../Images/Site/tab-bg-left.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#pageheading .inner
{
	background-image: url(../Images/Site/tab-bg-right.gif);	
	background-position: right top;
	background-repeat: no-repeat;
	padding: 7px 10px 0 10px;
	width: 195px;
}

#pageheading .inner .demo
{
	font-size: 13px;
}

#pageheading h1
{
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	font-weight: bold;	
}

#pageinfo #usercustomerinfo
{
	position: absolute;	
	left: 230px;
	top: 5px;
	width: 580px;
}

#usercustomerinfo #customerinfo
{
	float: left;
	text-align: left;	
}

#usercustomerinfo #userinfo
{
	float: right;
	text-align: right;	
}

#pageinfo .row1
{
	color: #9fc9df;
	font-weight: bold;
}

#pageinfo .row2
{
	color: white;
}

#content
{
	position: absolute; 
	left: 0px;
	top: 106px;
	width: 790px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #bbbfc2;	
	padding: 15px;
}

A
{
	color: #006ca1;
}

A:hover
{
	color: #006ca1;
}

A.button
{	
	text-decoration: none;
	color: Black;
	
	display: block;
	float: left;
	height: 19px;
    
	background-image: url(../Images/Site/button-bg-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 5px;
}

A.button span
{
	display: block;
	height: 16px;

	background-image: url(../Images/Site/button-standard-bg-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 3px 0 0 7px;

	padding-right: 25px;
}

A.button
{	
	cursor: pointer;
}

.lefthalf
{
	float: left;
	width: 50%;
}

.righthalf
{
	float: right;
	width: 50%;
}

.ButtonContainer
{
	height: 19px;
}

.right
{
	float: right;
}

.EditRow
{
	padding-bottom: 5px;
}

.EditRow .formatstring
{
	color: #a0a0a0;
}

.EditCaption
{
	font-weight: bold;
}

.SortLink
{
	color: Black;
}

.SortLink:hover
{
	color: Black;
}

.RadioButtonContainer
{
	padding-bottom: 3px;
}

.RepeaterButton
{ 
	clear: both; 
	padding-bottom: 30px;
}

.columnlink
{
	padding-bottom: 30px;
	clear: both;
}

.columnlink .button
{
	width: 200px;
}

.columnlink_long
{
	padding-bottom: 30px;
	clear: both;
}

.columnlink_long .button
{
	width: 300px;
}

.textlink
{
	margin-bottom: 5px;
}

.textlink a
{
	text-decoration: none;
}

.textlink a img
{
	vertical-align: middle;
}

.textlink span
{
	margin-left: 5px;
	text-decoration: underline;
}

.ErrorBox
{
	width: 630px;
	border: 1px solid #c1c1c1;
	background-color: White;
	margin: 20px 0 20px 80px;
}

.ErrorBox p
{
	margin: 0px 20px 20px 20px;
	padding: 6px 10px 0px 25px;
}

.ErrorBox table
{
	width: 550px;
	margin: 0px 0px 20px 40px;
}

.ErrorBox H3
{
	background-image: url(../Images/Site/warning.png);
	background-repeat: no-repeat;
	padding: 6px 5px 5px 35px;
	font-size: 11px;
	margin-left: 10px;
	margin-top: 10px;
}

.ErrorBox H4
{
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 6px 5px 0px 25px;
}
	
.ErrorBox ul
{
	margin: 0;
}

.ErrorBox li
{
	margin-left: -5px;
	margin-bottom: 3px;	
}

.ErrorBox .ButtonContainer
{
	margin: 20px 0px 10px 40px;
}

.EyeBox
{
	width: 630px;
	border: 1px solid #c1c1c1;
	background-color: White;
	padding-bottom: 6px;
	margin: 20px 0 20px 80px;
}

.EyeBox .EyeText
{
	background-image: url(../Images/Site/eye.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	margin-left: 20px;
	margin-top: 10px;
	padding: 6px 5px 0px 25px;
}

.EyeBox H4
{
	margin-bottom: 0px;
}

.EyeBox p
{
	margin-top: 0px;
}

.EyeBox ul
{
	margin-top: 0px;
	padding-left: 25px;
	margin-left: 0px;
}

A IMG
{
	border: none;
}

img#logotyp {
    width: 70%;
}

h2
{
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

h3
{
	font-size: 11px;
	margin: 15px 0px 5px 0px;
	padding: 0;
}

h4
{
	font-size: 10px;
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}

li
{
	margin: 0;
	margin-bottom: 5px;
}

table
{
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
}

th
{
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
	padding: 3px 0 3px 0;
}

tr
{
	height: 18px;
}

td
{
	border-bottom: 1px solid #e5e5e5;
	text-align: left;
	padding: 3px 0 3px 0;
}

hr
{
	margin: 20px 0 20px 0;	
	border: none;
	color: #e3e3e3;
	background-color: #e5e5e5;
	height: 1px;
	width: 100%;
}

.summeringsrad td
{
	border-bottom: 1px solid #090909;
	border-top: 1px solid #090909;
}

.summeringsradTop td {
    border-top: 2px solid #636363;
}

.underrad td
{
	font-style: italic;
	color: #707070;
	background-color: #ededed;
}

.DynamiskTabell
{
	width: 100%;
}

.DynamiskTabell .TabellHeaderCell
{
	width: auto;
	font-weight: bold;
}

.DynamiskTabell .KolumnHeaderCell
{
	width: 9%;
	font-weight: bold;
	text-align: right;
}

.DynamiskTabell .longCell
{
	width: 11%;
}

.DynamiskTabell .bottomborder
{
	border-bottom: 1px solid black;
}

.DynamiskTabell .TabellCell
{
	text-align: right;
}

.DynamiskTabell .MarkedChange
{
	color: Red;
	font-weight: bold;
}

.DynamiskTabell .TabellCell input
{
	text-align: right;
}

/* TOPPNAVIGERING */

#topnavi .bg
{
	position: absolute; 
	left: 0px; top: 0px;
	border: 1px solid #BBBFC2;
	width: 660px;
	height: 56px;
	background-color: #F7F7F7;
}

#topnavi .bg .row
{
	width: 100%;
	height: 1px;
	border-top: 1px solid #BBBFC2;
	position: absolute; 
	top: 18px;
}

#topnavi .bg .col
{
	width: 1px;
	height: 100%;
	border-left: 1px solid #BBBFC2;
	position: absolute; 
	top: 0px;
	left: 164px;
}

#topnavi .bg .admincolor 
{
	position: absolute;
	left: 165px; top: 37px;
	width: 164px;
	height: 19px;
	background-color: #ffddd6; 
}

#topnavi .links ul
{
	position: absolute; 
	left: 0px;
	top: 0px;
	list-style: none;
	margin: 0;
}

#topnavi .links li
{
	position: absolute; 
	list-style: none;
	margin: 0;
	width: 160px;
}

#topnavi .links li a
{
	color: #006CAD;
	text-decoration: none;
}

#topnavi .links li a:hover
{
	color: #63BCE2;
	text-decoration: none;
}

#topnavi .links .c1 { left: 5px; } 
#topnavi .links .c2 { left: 170px; }
#topnavi .links .c3 { left: 335px; }
#topnavi .links .c4 { left: 500px; }

#topnavi .links .r1 { top: 4px; }
#topnavi .links .r2 { top: 23px; }
#topnavi .links .r3 { top: 42px; }

.error{
	color:red;
}