
/* bredd ------------------------------*/

.w20 {
	width: 20px; 
}
.w30 {
	width: 30px; 
}
.w35 {
	width: 35px; 
}
.w40 {
	width: 40px; 
}
.w50 {
	width: 50px; 
}
.w60 {
	width: 60px; 
}
.w80 {
	width: 80px; 
}
.w100 {
	width: 100px; 
}
.w130 {
	width: 130px; 
}
.w150 {
	width: 150px; 
}
.w175 {
	width: 175px;
}
.w180 {
	width: 180px; 
}
.w190 {
	width: 190px; 
}
.w200 {
	width: 200px; 
}
.w250 {
	width: 250px; 
}
.w260 {
	width: 260px; 
}
.w270 {
	width: 270px; 
}
.w300 {
	width: 300px; 
}
.w350 {
	width: 350px; 
}
.w450 {
	width: 450px; 
}
.w460 {
	width: 460px; 
}



/* formulärsfält ----------------------*/

input, select, textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000; 
}

.textfield {
	border: 1px solid #84969C;
}

.textarea { 
	border: 1px solid #84969C;
 
}
.button {
}




/* typsnitt och storlek ---------------*/

h1 { 
	font-family: Verdana, Arial, sans-serif;
	font-size: 24px; 
	color: #000000; 
	text-decoration: none;
	margin-top:0px;
	margin-bottom:15px;
}
h2 { 
	font-family: Verdana, Arial, sans-serif;	
	font-size: 22px; 
	color: #000000; 
	text-decoration: none;
	margin-top:0px;
	margin-bottom:15px;
}
h3 { 
	font-family: Verdana, Arial, sans-serif;		
	font-size: 18px; 
	color: #000000; 
	text-decoration: none;
	margin-top:15px;
	margin-bottom:0px;
}
h4 { 
	font-family: Verdana, Arial, sans-serif;		
	font-size: 14px; 
	color: #000000; 
	text-decoration: none; 
	margin-top:15px;
	margin-bottom:0px;
}
h5 { 
	font-family: Verdana, Arial, sans-serif;	
	font-size: 12px; 
	color: #000000; 
	text-decoration: none; 
	margin-top:15px;
	margin-bottom:0px;
}
h6 { 
	font-family: Verdana, Arial, sans-serif;	
	font-size: 10px; 
	color: #000000; 
	text-decoration: none; 
	margin-top:15px;
	margin-bottom:0px;
}


.h0 { 
	font-family: Verdana, Arial, sans-serif;
	font-size: 24px; 
	color: #000000; 
	font-weight: bold; 
	text-decoration: none;
}

.text1 { 
	font-family: Verdana, Arial, sans-serif;
	font-size: 22px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none;
}
.text2 { 
	font-family: Verdana, Arial, sans-serif;	
	font-size: 18px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none;
}
.text3 { 
	font-family: Verdana, Arial, sans-serif;	
	font-size: 15px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none;
}
.text4 { 
	font-family: Verdana, Arial, sans-serif;		
	font-size: 13px; 
	color: #000000; 
	text-decoration: none; 
}
.text5 { 
	font-family: Verdana, Arial, sans-serif;	
	font-size: 10px; 
	color: #000000; 
	text-decoration: none; 
	line-height:15px;
}
.text6 { 
	font-family: Verdana, Arial, sans-serif;	
	font-size: 9px; 
	color: #000000; 
	text-decoration: none; 
}



/* font styles -------------------------*/

.b {
	font-weight: bold;
}
.i {
	font-style: italic;
}
.u {
	text-decoration: underline; 
}



/* font färger -------------------------*/

.grey {
	color: #CCCCCC; 	
}
.grey30 {
	color: #B2B2B2;
}
.grey50 {
	color: #7F7F7F;
}
.black {
	color: #000000; 	
}
.white {
	color: #FFFFFF; 	
}
.orange {
	color: #FF6600;	
}
.red {
	color: #FF0000;	
}
.green {
	color: #339933;	
}


/* font hover -------------------------*/

.link {
	text-decoration: none; 
}
.link:hover {
	color:#666666;
}
.link_underline {
	text-decoration: underline; 
}
.link_underline:hover {
	color:#666666;
	text-decoration: none; 
}



/* bakgrund --------------------------*/

.bgwhite {
	background-color: #FFFFFF;
}
.bggrey {
	background-color: #BDBABD;
}
.bggrey2 {
	background-color: #DEDBDE;
}
.bggrey3 {
	background-color: #EFEBEF;
}
.bgred {
	background-color: #C3AD85;
	}
/* border -----------------------------*/

.border {
	border: 1px solid #000000;
}
.borderleft {
	border-left: 1px solid #000000;
}
.borderright {
	border-right: 1px solid #000000;
}
.bordertop {
	border-top: 1px solid #000000;
}
.borderbottom {
	border-bottom: 1px solid #000000;
}

.bordergrey {
	border: 1px solid #84969C;
}
.borderleftgrey {
	border-left: 1px solid #84969C;
}
.borderrightgrey {
	border-right: 1px solid #84969C;
}
.bordertopgrey {
	border-top: 1px solid #84969C;
}
.borderbottomgrey {
	border-bottom: 1px solid #84969C;
}

.bordertopwhite {
	border-top: 1px solid #FFFFFF;
}

.borderimage {
	border: 2px solid #CEE3C6;
}

.borderdotted {
	border: 1px dotted #000000;
}
/* cursor ----------------------------*/

.hand {
	cursor: pointer;
	cursor: hand;
}


/* position --------------------------*/

.left {
	float:left;
}
.right {
	float:right;
}

.imgleft {
	float:left;
	margin-right:10px;
}

.imgright {
	float:right;
	margin-left:10px;
	clear:both;
}

/* marginaler ------------------------*/
.paddingleft {
	padding-left: 10px;
}
.paddingtop {
	padding-top: 10px;
}
.paddingright {
	padding-right: 10px;
}
.paddingbottom {
	padding-bottom: 10px;
}



/* övrigt ----------------------------*/
HTML {
	height: 100%; 
	width: 100%; 
	margin: 0px; 
	padding: 0px;
}
.body_public {
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
}

.body_private {
	background-color: #EFEBEF;
	margin-left:10px;
	margin-top:30px;
	margin-right:10px;
	margin-bottom:10px;
	padding:0px;
}


.frmErr {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}
.copy { 
	font-family: Verdana, Arial, sans-serif;	
	font-size: 11px; 
	color: #615E51; 
	text-decoration: none; 
}

fieldset {
	padding:0px;
}
legend {
	font-family: Verdana, Arial, sans-serif;	
	font-size: 14px; 
	font-weight:bold;
	color: #84969C; 
	text-decoration: none;
}

.menu { 
	padding-left:10px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	background-color: #F49E65;
	border-top: 1px solid #FFFFFF;	
	border-bottom: 1px solid #000000;	
	font-family: Verdana, Arial, sans-serif;	
	font-size: 9px; 
	color: #000000; 
	text-decoration: none; 
}

.menu_hover { 
	padding-left:10px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	background-color: #E07127;
	border-bottom: 1px solid #000000;	
	border-top: 1px solid #FFFFFF;
	font-family: Verdana, Arial, sans-serif;	
	font-size: 9px; 
	color: #FFFFFF; 
	text-decoration: none; 
	cursor: pointer;
	cursor: hand;
}

.menu_active { 
	padding-left:10px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	background-color: #E07127;
	border-bottom: 1px solid #000000;	
	border-top: 1px solid #FFFFFF;
	font-family: Verdana, Arial, sans-serif;	
	font-size: 9px; 
	color: #FFFFFF; 
	text-decoration: none; 
}

.topmenu { 
	width:70px;
	padding-left:10px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:4px;
	background-color: #A2B5BC;
	font-family: Verdana, Arial, sans-serif;	
	font-size: 9px; 
	color: #000000; 
	text-decoration: none; 
	float:left;
	margin-right:2px;
}
.topmenu_hover {
	width:70px; 
	padding-left:10px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:4px;
	background-color: #84969C;
	font-family: Verdana, Arial, sans-serif;	
	font-size: 9px; 
	color: #FFFFFF; 
	text-decoration: none; 
	cursor: pointer;
	cursor: hand;
	float:left;
	margin-right:2px;
}
.topmenu_active { 
	width:70px;
	padding-left:10px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:4px;
	background-color: #84969C;
	font-family: Verdana, Arial, sans-serif;	
	font-size: 9px; 
	color: #FFFFFF; 
	text-decoration: none; 
	float:left;
	margin-right:2px;
}
.topmenu_logout { 
	width:70px;
	padding-left:10px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:4px;
	background-color: #D0D0D0;
	font-family: Verdana, Arial, sans-serif;	
	font-size: 9px; 
	color: #000000; 
	text-decoration: none; 
	float:left;
	margin-right:2px;
}

.public_menu { 
	padding-left:15px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	font-family: Verdana, Arial, sans-serif;	
	font-size: 10px; 
	color: #000; 
	text-decoration: none; 
	line-height: 16px;
}

.public_menu:hover { 
	padding-left:15px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	font-family: Verdana, Arial, sans-serif;	
	font-size: 10px; 
	color: #000; 
	text-decoration: none; 
	line-height: 16px;
	font-weight: bold;

}

.public_menu_hover { 
	padding-left:15px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	font-family: Verdana, Arial, sans-serif;	
	font-size: 10px; 
	color: #000; 
	text-decoration: none; 
	cursor: pointer;
	cursor: hand;
	line-height: 16px;

}

.public_menu_active { 
	padding-left:15px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	font-family: Verdana, Arial, sans-serif;	
	font-size: 10px; 
	color: #000; 
	text-decoration: none; 
	line-height: 16px;
	font-weight: bold;

}

.language { 
	padding-top:2px;
	padding-bottom:2px;
	font-family: Verdana, Arial, sans-serif;	
	font-size: 10px; 
	color: #000; 
	text-decoration: none; 
	line-height: 16px;
}

.language_active { 
	padding-top:2px;
	padding-bottom:2px;
	font-family: Verdana, Arial, sans-serif;	
	font-size: 10px; 
	color: #000; 
	text-decoration: none; 
	line-height: 16px;
	font-weight: bold;

}

p {
	margin-left:0px;
	margin-top:2px;
	margin-right:0px;
	margin-bottom:12px;
}
.html { 
	font-family: "Courier New", Courier, mono;
	font-size: 12px; 
	color: #000000; 
	text-decoration: none; 
}
