/* globala ------------------------------------------------------------*/

	* {
		font-family:Verdana, Arial, sans-serif;	
	}
	
	html {
		width:100%;
		height:100%;
	}
/* html styles --------------------------------------------------------*/

	div {
		margin:0;
		font-family:Verdana, Arial, sans-serif;	
		font-size:11px; 
		color:#000; 
		text-decoration:none; 
	}
		div a {
			color:#000; 
			text-decoration:underline;
		}
			div a:hover {
				text-decoration:none;
			}
	
	h1 { 
		font-family:Verdana, Arial, sans-serif;
		font-size:24px; 
		color:#000000; 
		text-decoration:none;
		margin-top:0px;
		margin-bottom:5px;
		font-weight:normal;
	}
	
	h2 { 
		font-family:Verdana, Arial, sans-serif;	
		font-size:22px; 
		color:#000000; 
		text-decoration:none;
		margin-top:0px;
		margin-bottom:5px;
		font-weight:normal;
	}
	
	h3 { 
		font-family:Verdana, Arial, sans-serif;		
		font-size:18px; 
		color:#000000; 
		text-decoration:none;
		margin-top:0px;
		margin-bottom:5px;
		font-weight:normal;
	}
	
	h4 { 
		font-family:Verdana, Arial, sans-serif;		
		font-size:14px; 
		color:#000000; 
		text-decoration:none; 
		margin-top:0px;
		margin-bottom:5px;
	}
	
	h5 { 
		font-family:Verdana, Arial, sans-serif;	
		font-size:12px; 
		color:#000000; 
		text-decoration:none; 
		margin-top:0px;
		margin-bottom:5px;
	}
	
	h6 { 
		font-family:Verdana, Arial, sans-serif;	
		font-size:10px; 
		color:#000000; 
		text-decoration:none; 
		margin-top:0px;
		margin-bottom:5px;
	}
	
	input, select, textarea {
		padding:0;
		margin:0;
		font-family:Verdana, Arial, sans-serif;
		font-size:10px;
		color:#000;
	}
	
	form {
		margin:0;
		padding:0;
	}

	label {
		cursor:pointer;
		cursor:hand;
	}

	fieldset {
		padding:1px;
		border:1px dotted #aaaaaa;
		margin-bottom:20px;
	}
	
	legend {
		font-family:Verdana, Arial, sans-serif;	
		font-size:11px; 
		font-weight:normal;
		color:#aaaaaa; 
		text-decoration:none;
		background-color:#f2f2f2;
		padding:5px;
	}
	
	p {
		margin:2px 0 12px 0;
		font-family:Verdana, Arial, sans-serif;	
		font-size:11px; 
		color:#000; 
		text-decoration:none; 
	}
		p a {
			color:#000; 
			text-decoration:underline;
		}
			p a:hover {
				text-decoration:none;
			}

	ul {
		margin:0 0 10px 20px;
		list-style-type: square;
	}
	

/* specifika id:n -----------------------------------------------------*/

	#body {
		height:100%;
		background: #6A6C6D url("/file/image/design/page_background.gif") repeat-x;
		margin:0;
		padding:0 0 0 20px;
	}
	
	#content {
		clear:both;
		width:750px;
		height:100%;
		border-left:1px solid #6A6C6D;
		border-right:1px solid #6A6C6D;
		background:#FFFFFF;
		padding:0;
	}
	
		#content td {
			vertical-align:top;
		}
		
		#content #top {
			width:746px;
			height:58px;
			background: #FFFFFF url("/file/image/design/top_background.gif") no-repeat;
			font-weight:normal;
			margin:0 2px 2px 2px;
		}
		
		#content #top #logo {
			float:left;
			padding-left:20px;
		}
		
		#content #top #logotext {
			float:right;
			padding:38px 20px 0 0;
		}
	

		#content #menu {
			clear:both;
			width:746px;
			height:22px;
			background:#CF5752;
			font-family:Verdana, Arial, sans-serif;
			font-size:10px;
			margin:0 2px;
			padding:0;
			list-style:none;
		}
		
			#content #menu li {
					display:block;
					float:left;
					background:#CF5752;
					color:#ffffff;
					text-decoration:none;
					font-weight:bold;
			}
				#content #menu li div {
					display:block;
					float:left;
					padding:5px 0 0 0;
					background:#CF5752;
					color:#ffffff;
					text-decoration:none;
					font-weight:normal;					
				}
				
				#content #menu li a {
					display:block;
					float:left;
					padding:5px 10px 5px 10px;
					background:#CF5752;
					color:#ffffff;
					text-decoration:none;
					font-weight:bold;
				}

				#content #menu li a:hover {
					background:#DEDBDE;
					color:#CF5752;
				}


		#content #submenu {
			width:100%;
			font-family:Verdana, Arial, sans-serif;
			font-size:10px;
			margin:0;
			padding:0;
			list-style:none;
		}
		
			#content #submenu li {
				
			}
			
				#content #submenu li a {
					display:block;
					width:100%;
					text-align:right;
					padding:2px 0;
					background:#ffffff;
					color:#000;
					text-decoration:none;
				}

				#content #submenu li a:hover {
					text-decoration:underline;
				}	
				


		#content #main {
			width:746px;
			font-size:11px;
			clear:both;
			border:0;
			margin:10px 2px;
		}
			#content #main td {
				border:0;
			}
	
			#content #main #left {
				font-family:Verdana, Arial, sans-serif;
				font-size:11px;
				padding:20px 10px 0 10px;
				width:167px;
				background: url("/file/image/design/line_ver.gif") right repeat-y;
			}
		
			#content #main #right {
				padding:20px;
				font-family:Verdana, Arial, sans-serif;
				font-size:11px;
			}
		


	#TableList {
		font-family:Verdana, Arial, sans-serif;
		width:100%;
	}
		#TableList th {
			padding:0;
			text-align:center;
			background-color:#e1e1e1;
			font-size:11px;
			white-space:nowrap;
			border-left: 1px solid #ffffff;
			border-top: 1px solid #ffffff;
			border-right: 1px solid #aaaaaa;
			border-bottom: 1px solid #aaaaaa;
		}
			#TableList th a {
				display:block;
				width:100%;
				height:14px;
				padding:2px 0;
				margin:0;
				color:#000000;
				text-decoration:none;
			}
			#TableList th a:hover {
				text-decoration:none;
				background-color:#D7D7D7;
			}
			
		#TableList td {
			background-color:#ffffff;
			border-bottom: 1px dotted #aaaaaa;
			border-left: 1px solid #ffffff;
			border-top: 1px solid #ffffff;
			border-right: 1px solid #ffffff;
			font-size:9px;
			padding:2px 4px;
		}
			#TableList td a {
				color:#000;
				text-decoration:underline;
			}
			#TableList td a:hover {
				text-decoration:none;
			}
			

	#table {
		font-family:Verdana, Arial, sans-serif;
		width:100%;
	}
		#table th {
			background-color:#e1e1e1;
			font-size:10px;
			white-space:nowrap;
			border-left: 1px solid #ffffff;
			border-top: 1px solid #ffffff;
			border-right: 1px solid #aaaaaa;
			border-bottom: 1px solid #aaaaaa;
		}
			#table th a {
				color:#000;
				text-decoration:underline;
			}
			#table th a:hover {
				text-decoration:none;
			}
			
		#table td {
			background-color:#f2f2f2;
			border-bottom: 1px dotted #aaaaaa;
			font-size:9px;
		}
			#table td a {
				color:#000;
				text-decoration:underline;
			}
			#table td a:hover {
				text-decoration:none;
			}
			
	#tableform {
		font-family:Verdana, Arial, sans-serif;
		width:100%;
	}
		#tableform th {
			background-color:#fff;
			font-size:10px;
			white-space:nowrap;
			padding:2px;
		}
			#tableform th a {
				color:#000;
				text-decoration:underline;
			}
			#tableform th a:hover {
				text-decoration:none;
			}
			
		#tableform td {
			background-color:#EFEBEF;
			font-size:9px;
			padding:2px;
		}
			#tableform td a {
				color:#000;
				text-decoration:underline;
			}
			#tableform td a:hover {
				text-decoration:none;
			}


	#ordertable, #ordertable2 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	
	#ordertable2 th {
		font-size:9px;
		background:#D5D2D5;
	}
	#ordertable2 td {
		font-size:9px;
		background:#EFEBEF;
	}

	#newspreamble {
		font-family:Verdana, Arial, sans-serif;
	}
		#newspreamble th {
			font-size:10px;
			white-space:nowrap;
		}
			#newspreamble th a {
				color:#000;
				text-decoration:none;
			}
			#newspreamble th a:hover {
				text-decoration:none;
			}
			
		#newspreamble td {
			font-size:9px;
		}
			#newspreamble td a {
				color:#000;
				text-decoration:none;
			}
			#newspreamble td a:hover {
				text-decoration:underline;
			}
	
	#contactform {
		font-family:Verdana, Arial, sans-serif;
	}
		#contactform th {
			background-color:#DEDBDE;
			font-size:10px;
			white-space:nowrap;
		}
			#contactform th a {
				color:#000;
				text-decoration:underline;
			}
			#contactform th a:hover {
				text-decoration:none;
			}
			
		#contactform td {
			background-color:#EFEBEF;
			font-size:9px;
		}
			#contactform td a {
				color:#000;
				text-decoration:underline;
			}
			#contactform td a:hover {
				text-decoration:none;
			}

	
/* bredd & höjd -------------------------------------------------------*/

	.w20 {
		width: 20px; 
	}
	.w30 {
		width: 30px; 
	}
	.w40 {
		width: 40px; 
	}
	.w50 {
		width: 50px; 
	}
	.w60 {
		width: 60px; 
	}
	.w70 {
		width: 70px; 
	}
	.w80 {
		width: 80px; 
	}
	.w90 {
		width: 90px; 
	}
	.w100 {
		width: 100px; 
	}
	.w120 {
		width: 120px; 
	}
	.w140 {
		width: 140px; 
	}
	.w160 {
		width: 160px; 
	}
	.w180 {
		width: 180px; 
	}
	.w200 {
		width: 200px; 
	}
	.w250 {
		width: 250px; 
	}
	.w300 {
		width: 300px; 
	}
	.w350 {
		width: 350px; 
	}
	.w400 {
		width: 400px; 
	}
	.w450 {
		width: 450px; 
	}
	.w500 {
		width: 500px; 
	}
	.h20 {
		height:20px;
	}
	.h40 {
		height:40px;
	}
	.h60 {
		height:60px;
	}
	.h80 {
		height:80px;
	}
	.h100 {
		height:100px;
	}
	
/* font size ----------------------------------------------------------*/	

	.size9 {
		font-size:9px;
	}
	.size10 {
		font-size:10px;
	}
	.size11 {
		font-size:11px;
	}
	.size12 {
		font-size:12px;
	}
	.size13 {
		font-size:13px;
	}
	.size14 {
		font-size:14px;
	}
	.size16 {
		font-size:16px;
	}
	.size18 {
		font-size:18px;
	}
	.size20 {
		font-size:20px;
	}
	.size22 {
		font-size:22px;
	}
	.size24 {
		font-size:24px;
	}
	
/* font style ---------------------------------------------------------*/

	.b {
		font-weight:bold;
	}
	.i {
		font-style:italic;
	}
	.u {
		text-decoration:underline; 
	}
	.n {
		font-weight:normal; 
	}


/* font färger -------------------------------------------------------*/

	.grey {
		color:#9CA7B7; 	
	}
	.grey30 {
		color:#B2B2B2;
	}
	.grey50 {
		color:#7F7F7F;
	}
	.black {
		color:#000000; 	
	}
	.white {
		color:#FFFFFF; 	
	}
	.orange {
		color:#FDCC99;	
	}
	.red {
		color:#FF0000;	
	}
	.green {
		color:#339933;	
	}
	
	
/* länkar ------------------------------------------------------------*/

	.link {
		text-decoration:none; 
	}
	.link:hover {
		text-decoration:underline; 
	}
	.ulink {
		text-decoration:underline; 
	}
	.ulink:hover {
		text-decoration:none; 
	}


/* bakgrundsfärger ---------------------------------------------------*/

	.bgwhite {
		background-color:#FFFFFF;
	}
	.bggrey {
		background-color:#6E6E6E;
	}
	.bggrey2 {
		background-color:#E1E1E1;
	}
	.bggrey3 {
		background-color:#DFF3F4;
	}
	.bgred {
		background-color:#FF3333;
		}
	.bgorange {
		background-color:#FF9933;
		}
	.bggreen {
		background-color:#669966;
		}
	.bggreen2 {
		background-color:#94B594;
		}
	.bluegreen {
	 	background-color:#01A8B3;
	}
		
		
/* 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 #6E6E6E;
	}
	.borderleftgrey {
		border-left:1px solid #6E6E6E;
	}
	.borderrightgrey {
		border-right:1px solid #6E6E6E;
	}
	.bordertopgrey {
		border-top:1px solid #6E6E6E;
	}
	.borderbottomgrey {
		border-bottom:1px solid #6E6E6E;
	}
	.bordertopwhite {
		border-top:1px solid #FFFFFF;
	}
	.borderimage {
		border:2px solid #CEE3C6;
	}


/* cursor ------------------------------------------------------------*/

	.hand {
		cursor:pointer;
		cursor:hand;
	}


/* position ----------------------------------------------------------*/

	.left {
		float:left;
	}
	.right {
		float:right;
	}
	.txtleft {
		text-align:left;
	}
	.txtright {
		text-align:right;
	}
	.txtcenter {
		text-align:center;
	}
	.imgleft {
		float:left;
		margin-right:6px;
	}
	.imgright {
		float:right;
		margin-left:6px;
	}
	
	
/* övrigt ------------------------------------------------------------*/

	.ruler_hor {
		background-image:  url("/image/common/ruler_hor.gif");
		background-repeat:repeat-x;
		margin:5px 0;
	}
	
	.button {
		background-color:#6E6E6E;
		border:1px solid #01A8B3;
		color:#fff;
		height:16px;
	}
	
	.textfield {
		border:1px solid #aaaaaa;
		height:16px;
		line-height:16px;

	}
	
	.formerror {
		font-size:9px;
		color:#ff0000;
		font-style:italic;
		font-weight:bold;
		padding-left:5px;
	}
	.nowrap {
		white-space:nowrap;
	}
	
	.clear {
		clear:both;
	}
	
	.noscreen {
		display:none;
	}


/* hml editor --------------------------------------------------------*/
	.Ingress { 
		font-family:Verdana, Arial, sans-serif;	
		font-size:15px; 
		font-weight:bold; 
		color:#000000; 
		text-decoration:none;
	}
	.Brodtext { 
		font-family:Verdana, Arial, sans-serif;	
		font-size:11px; 
		color:#000000; 
		text-decoration:none; 
	}
	.Bildtext { 
		font-family:Verdana, Arial, sans-serif;	
		font-size:9px; 
		color:#000000; 
		text-decoration:none;
		font-style:italic; 
	}
	.Bild_vanster {
		float:left;
		margin-right:6px;
	}
	.Bild_hoger {
		float:right;
		margin-left:6px;
	}
	.Ram {
		border:1px solid #000;
	}