/* Layout model:

Start page:

| 10px | wrapper 960px                                        | 10px |
|      |______________________________________________________|      |
|      |                                                      |      |
|      |______________________________________________________|      |
|      | top image 750px                       | 10 | newsbox |      |
|      |                                       |    | 200px   |      |
|      |_______________________________________|    |         |      |
|      | 236px   | 21 | 236px   | 21 | 236px   |    |         |      |


All other pages:

| 10px | wrapper 960px                                        | 10px |
|      |______________________________________________________|      |
|      | sidebar | 10 | top image 540px        | 10 | newsbox |      |
|      | 200px   |    |                        |    | 200px   |      |
|      |         |    | 10 | content 520  | 10 |    |         |      |

*/

body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	color: #000000;
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 12px;
/*	height: 100%; */
/*	overflow: -moz-scrollbars-vertical; */
}

body.mceContentBody, table {
	background: #ffffff;
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 12px;
}

body.mceContentBody {
  background-color: #ffffff;
}

#body {
	background: #fdfdfd url('/icon/bakgradient4.gif') repeat-x left top;  
/*	background: #ffffff url('/icon/grey-ext.png') top left repeat-x; */
  padding-top: 1px;
/*  clear: both;  */
}

#outwrap {
  width: 920px;
  height: auto;
	margin: 10px auto 0;
	padding: 10px 0 0 0;
  background: url('/icon/round-top.png') top left no-repeat;
}

#wrapper {
  width: 920px; /* header section, body is redefined below to 870 */
  height: auto;
/*	min-height: 100%; */
	margin: 0px auto 0;
	padding: 0 10px 0;

/*
  border-right: 1px solid #666666;
  border-left: 1px solid #666666;
*/
 /* clear: both; */
}

* html #wrapper {
/*	height: 100%; */
}

#wrapper.printable {
  width: 780px;
}

#wrapper.noborder {
	border-left: none;
  border-right: none;
/*
  width: 982px;
	margin: 0px auto 0;
*/
	padding: 0;
}

#header {
/*
    padding-top: 10px;
    padding-bottom: 10px;
*/
/*		background: url('/icon/header-bg.jpg') top left repeat-x; */
  padding-bottom: 6px;
  background: #eeeeee;
}

#header #wrapper {
}

#sidebar {
	float: left;
  width: 200px; 
  font-size: 12px;
  margin-right: 10px;
/* padding-bottom: 4px; */
	background: url('/icon/sidebar-bottom.png') bottom left no-repeat;
  
}

#newsbox {
	float: right;
  width: 200px;
}

#sidebar img#box {
  margin-top: 5px;
  margin-bottom: 5px;
}

a:link, a:visited {
	color: #00457c; /* 75cae5 but darker */
	text-decoration: underline;
	font-weight: bold; 
}

table#admin a:link, table#admin a:visited {
  text-decoration: none;
}

a.no:link, a.no:visited {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

a.blkunb:link, a.blkunb:visited {
  color: #000000;
  text-decoration: none;
	font-family: tahoma,arial,helvetica,sans-serif;
  font-size: 12px;
  font-weight: normal;
}

a.blkbnu:link, a.blkbnu:visited {
  color: #000000; /* #74887f, #666666; */
  text-decoration: underline;
	font-family: tahoma,arial,helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
}

a:hover, .top_td a:hover, .top_tds a:hover {
	text-decoration: none; /* underline; */
	
}

.pt4 {
  padding-top: 4px;
}

.pt10 {
  padding-top: 10px;
}

.pb10 {
  padding-bottom: 10px;
}

.pl10 {
  padding-left: 10px;
}

.pr10 {
  padding-right: 10px;
}

.pa10 {
  padding: 10px;
}

.mar0 {
  margin: 0;
}

p.press {
  padding-bottom: 10px;
}

.pdf {
  padding-right: 40px;
  padding-bottom: 20px;
  background: url('/icon/icon_pdf.gif') no-repeat top right;
}


.Standard, .Standard td, .Tahoma, .f1, .f1o, .f1g {
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 14px;
}

.Standardsmall, .Standardsmall td {
	font-family: tahoma,arial,helvetica,sans-serif;
  font-size: 12px;
}

.Sttiny, .Sttiny td {
	font-family: tahoma,arial,helvetica,sans-serif;
  font-size: 11px;
}


.Ingress, .Ingress td {
/*	font-weight: bold; */
/*  color: #00457c; */
	font-family: tahoma,arial,helvetica,sans-serif;
  font-size: 16px;
}

.Rubrik, .Rubriksmall {
	font-family: tahoma,arial,helvetica,sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #000000; /* 666666; */
}

.Rubriksmall {
  font-size: 18px;
}

.Produktrubrik {
	font-family: tahoma,arial,helvetica,sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  margin-top: 0px;
  margin-bottom: 0px;
}

.Prunderrubrik {
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 14px;
  font-weight: bold;
  margin-top: 0px;
}

.Pris {
	font-family: tahoma,arial,helvetica,sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  margin-top: 0px;
  margin-bottom: 0px;
}

.f1o, a.f1o:link, a.f1o:visited {
	color: #ff8500;
}

.f1g, a.f1g:link, a.f1g:visited {
	color: #666666;
}

.v10, .v10b {
		 font-family: Verdana, Arial, Sans Serif;
		 font-size: 10px;
}

.v11, .v11b {
		 font-family: Verdana, Arial, Sans Serif;
		 font-size: 11px;
}

.a11, .a11b {
	font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
}

.v10b, .v11b, .a11b {
			font-weight: bold;
}



.a12b {
			font-family: Arial Black, Arial;
			font-size: 11px;
			/* font-weight: bold;  */
}

.a14b {
			font-family: Arial Black, Arial;
			font-size: 14px;
			font-weight: bold;
			font-smooth: always;
}

.mid_table td a:hover {
	text-decoration: underline;
}	

hr {
     border: none;
     border-top: 1px solid #e0e0e0;
     height: 1px;
}

h1 {
	font-family: Verdana, Arial, Sans Serif;
	font-size: 16px;
	font-weight: normal;
}

td {
	vertical-align: top;
}

.vam {
		 vertical-align: middle;
}

.dark {
	background-color: #666666; /* eeeeee; */
	/*
	border-top: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
	*/
}

.darko {
	background-color: #ff8500;
}

.flik, .ib, .ibw {
  background-color: #ff8500; 
}

.miniflik {
	font-family: Arial, Sans Serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
}


.top_td, .top_tds, .flik, .fliks {
	color: #aaaaaa;
	font-size: 16px;
	height: 18px;
	padding-left: 5px;
	padding-top: 5px;
	text-align: left;
	vertical-align: middle;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	/* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
  padding-bottom: 3px;
  min-width: 75px; 
}

.top_tds a:link, .top_tds a:visited, .top_td a:link, .top_td a:visited {
	font-weight: bold;
}

.flik, .fliks {
	border-top: 1px solid #d0d0d0;
}

.left_td {
  padding: 3px 5px 3px 5px;
  background-color: #eeeeee;
  border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
  font-family: Arial, Sans Serif;
  font-size: 9px;
  width: 135px; 
	height: 100%;
}

td.main_td {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10px;
}

.bot_td {
	background-color: #eeeeee;
	padding-top: 10px;
	padding-bottom: 10px;
}

.bot_td, .bot_td a:link, .bot_td a:visited {
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight: normal;
  text-decoration: none;
	text-transform: uppercase;
	color: #555555;
/*	background: url('/icon/red-grad.png') repeat-x; */
}

.bot_td a:link, .bot_td a:visited {
  color: #aaaaaa;
}


.bot_td a:hover {
	text-decoration: underline;
}

td.but img {
	display: block;
}

.bold, .bold a {
	font-weight: bold;
}

td.uline, td.uline a {
	text-decoration: underline;
}

.lightbox {
  background-color: #eeeeee;
  border: 1px solid #d0d0d0;
  font-family: Arial, Sans Serif;
  font-size: 9px;
}

.greybox {
  background-color: #eeeeee;
  border: 1px solid #d0d0d0;
	padding: 5px;
}

.white {
	border: 1px solid #d0d0d0;
	padding: 5px;
}

.bronze {
	border: 1px solid #d0d0d0;
	padding: 5px;
}

.posimg {
	background-position: top center;
/*	background-repeat: no-repeat;*/
}

.silver {
	background-image: url("/icon/silver.gif");
	background-repeat: repeat;
	/* 	background-color: #eeeeee; */
	border: 1px solid #d0d0d0;
	padding: 5px;
}

.gold {
	background-image: url("/icon/gold.gif");
	background-repeat: repeat;
	/* 	background-color: #ffeecc; */
	border: 1px solid #d0d0d0;
	padding: 5px;
}

.pil {
	background-color: #d0d0d0;
	border: 1px solid #000000;
  padding: 2px;
}

.annons {
/*  border: 1px solid #666666; */
	text-align: center;
	font-family: Arial, Sans Serif;
	font-size: 9px;	
  margin-left: 3px;
  margin-bottom: 3px;
  margin-top: 2px;
/*
	width: 150px;
	padding-top: 34px;
	padding-bottom: 35px;
	margin-bottom: 5px;
	*/

}

.flik, .fliks {
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
  font-family: Arial, Sans Serif;
	color: #000000;
  width: 80px; 
	border-top: 1px solid #d0d0d0;
}

.flikmain { /* a td (previously a table) */
	border: 1px solid #d0d0d0;
	padding: 15px;
	/*	width: 100%; */
} 

.bld {
	border-top: 1px dashed #000000;
}

form.login {
  font-family: Arial, Sans Serif;
  font-size: 9px;
}

.formtd {
 padding-left: 0px;
 padding-right: 10px;
 padding-top: 3px;
 padding-bottom: 3px;
 white-space: nowrap;
}

.loginfield {
 width: 100px;
 margin-top: 3px;
 margin-bottom: 3px;
}


/* Hmm.. different browsers may display these input elements in different
   fashion */

.it, .itw {
  border: 1px solid #cccccc; /* #000000; */
}

.itw {
	width: 99%;
}

/* Previously, we had width: 0 and then a subdefinition that
	 width: auto for other browsers than MSIE6. However, it did
	 not work out as planned, so we set width: auto from the
	 beginning and hope that MSIE 6, MSIE 7, Firefox, Opera and
   all the other browsers will look decent.
*/

.ib, .ibw, .blabut {
	background: transparent url('/icon/box75-dgra.png') no-repeat;
  width: 75px;
  height: 37px;
  padding-top: 0;
  border: 0;
	text-align: center;
	vertical-align: center;
	font-family: Arial, Helvetica, Sans-serif;
/*  font-family: Trebuchet MS, Geneva; */
  font-weight: bold;
	font-size: 14px;
  color: #ffffff;
  cursor: pointer;
}

a.ib:link, a.ib:visited {
  float: right;
  margin-right: 10px;
  padding-top: 10px;
  color: #ffffff;
  text-decoration: none;
}

.ibnb {
	border: none;
	background-color: #ffffff;
}

div.button {
	background: url('/icon/but20-sqh.gif') no-repeat right;
	display: block;
	height: 20px;
  min-width: 70px;
  margin-right: 0px;
	padding-right: 5px; /* sliding doors padding */
	text-decoration: none;
}

div.button div.skicka {
	background: url('/icon/but20-sqv.gif') repeat-x;
	display: block;
	white-space: nowrap;
	line-height: 8px; 
	padding: 5px 0px 8px 5px;
	font-family: tahoma,arial,helvetica,sans-serif;
  font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

div.rbutton {
	background: url('/icon/but20-greenv.gif') no-repeat right;
	display: block;
	height: 20px;
  min-width: 70px;
  margin-right: 0px;
	padding-right: 10px; /* sliding doors padding */
	text-decoration: none;
}

div.rbutton div.rskicka {
	background: url('/icon/but20-greenh.gif') repeat-x;
	display: block;
	white-space: nowrap;
	line-height: 8px; 
	padding: 5px 0px 8px 10px;
	font-family: tahoma,arial,helvetica,sans-serif;
  font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

/* <select> */

.is {
	width: 150px;
}

/* MSIE6 doesn't understand [class] */
/* .ib[class] { width: auto; } */

.lb {
  /* width: 130px; */ /* 135 */
	font-family: Arial, Sans Serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	border-bottom: 3px solid #eeeeee;
	padding: 3px;
}

img.icon {
	height: 67px;
	width: 67px;
	border: 0px;
}

.right {
	float: right;
 	padding-left: 15px;
	padding-bottom: 10px;
	padding-right: 15px;
}

.right2 {
	float: right;
 	padding-left: 10px;
	padding-right: 5px;
}

.rinner {
	border: 1px solid #000000;
	padding-bottom: 5px;
}

.left1 {
	float: left;
	padding-right: 2px;
}

span.robrik {
	font-family: Arial, Sans Serif;
  font-size: 11px;
  font-weight: bold;
}

table.category {
	border: 0;
	width: 100%;
	font-family: Arial, Sans Serif;
	font-size: 10px;
}

/* Work-around to get layout tables inside articles to appear somewhat
	 left-justified. On the right-hand edge, nobody looks too carefully.
	 At the same time, we add a work-around to get slightly more margin
	 around pictures in the table.
*/

td.artikel table {
	border-collapse: collapse;
}

td.artikel table tr td {
	padding-right: 5px;
}

td.artikel table td img {
	padding-right: 5px;
	padding-left: 5px;
}

table.kantlinje {
	border-collapse: collapse;
}

table.kantlinje th, table.kantlinje td {
	padding: 5px;
	border: 1px solid #000000;
}

table.blogg {
	width: 100%;
	/*	margin-top: 20px; */
	margin-bottom: 20px;
}

td.blogghdr {
	font-weight: bold;
	padding-bottom: 10px;
}

td.bloggbody {
	padding-bottom: 20px;
}

tr.blogg {
	background-color: #d0d0d0;
}

td.bottom {
	border-bottom: 2px solid #ffffff;
}

/* Those are the same colours as defined in funcs.php. They're usually
   combined with the classes defined in $headclass (dhead and lhead) for
   multiple inheritance. */

.red { background-color: #a61111; /* a11133 */ }
.green { background-color: #77a144; }
.blue { background-color: #0055a1; }
.cyan { background-color: #00d4ee; }
.purple {	background-color: #aa77dd; }
.brown { background-color: #664411; }
.grey { background-color: #d0d0d0; }
.orange { background-color: #ff8833; }
.wht { background-color: #ffffff; }
.ggrn { background-color: #74887f; }
.lgrn {	background-color: #e9f5ef; } 
.lgrn2 { background-color: #e1ede8; }
.dg27 { background-color: #272217; }
.turq { background-color: #5193c9; /* 75cae5 */ }

.lred { background-color: #ff9999; }
.lorn {	background-color: #ffe599; }
.lcyn {	background-color: #99f2f2; }
.lblu { background-color: #99b3ff; }
.lvio { background-color: #cc29a3; }
.lpur { background-color: #ff99e5; }
.lgrey { background-color: #e0e0e0; }

.dhead, .lhead, .round {
	color: #000000;
	height: 16px;
	font-family: Arial, Sans Serif;
	font-weight: bold;
	font-size: 10px;
}

.lhead, .lhead a:link, .lhead a:visited, .round, .round a:visited,
.round a:link, .lb a:link, .lb a:visited, .miniflik a:link,
.miniflik a:visited {
}

.dhead a:link, .dhead a:visited {
	color: #000000;
}

.round {
	text-align: center;
}

ul {
    padding: 0;
    margin: 0;
}

ul li {
	padding-bottom: 10px;
}

ul.compact li {
	padding-bottom: 0px;
}

.cssl {
	height: 20px;
	padding-left: 6px;
}	

.cssr {
	height: 20px;
	padding-right: 6px;
}

/* Excess CSS tidied */

#topnavl {
  float: left; /*Set to "left" or "right" to position menu accordingly*/
/*	clear: both; */
/*	width: 960px; */
/*	margin-bottom: 0px; */

  margin-top: 10px;
  padding-top: 0px;
	padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;

  height: 35px;

/*  background: #ffffff;  */
/*	border-bottom: 10px solid #75cae5; */
/*  border-right: 1px solid #666666; */
/*  border-left: 1px solid #666666; */

}

#topnavl ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

#topnavl li {
	display: inline;
	padding: 0;
  height: 35px;
	float: left; 
/*  border-right: 1px solid #ffffff; */
o}

#topnavl li.rsp {
  border-right: 2px solid #ffffff;
}

#topnavl span {
	display: block;
	margin:	0;
}

#topnavl span a {
	float: none;
}

#topnavl .top_td, #topnavl .top_tds {
  padding-left: 10px; /* 16 px */
  margin-right: 3px;
  margin-top: 0px;
	margin-bottom: 0px;
  height: 30px; 

/*  background: url('/icon/td-lgrey4-l.gif') bottom left no-repeat; */
/*  border-top: 2px solid #75cae5; */
}

#topnavl .top_tds {
  background: url('/icon/rl-24.png') bottom left no-repeat; 
}

#topnavl .top_div {
/*  padding-right: 6px; */
/*  background: url('/icon/td-lgrey4-r.gif') bottom right no-repeat; */
}

#topnavl .top_divs {
/*  padding-right: 6px; */
/*  background: url('/icon/td-lblue-r.gif') bottom right no-repeat;  */
}

#topnavl .top_td .mval, #topnavl .top_tds .mval {
  padding-right: 10px;
  line-height: 30px; 
  text-align: center; /* left */
/*  background: url('/icon/td-lgrey4-m.gif') bottom left repeat-x; */
}


#topnavl .top_tds .mval {
  background: url('/icon/rr-24.png') bottom right no-repeat; 
/*  background: #75cae5;   */
}

#topnavl .top_td:hover {
/*  background: url('/icon/top-td-l-v3.png') bottom left no-repeat;  */
}

#topnavl .top_td:hover .mval {
/*  background: url('/icon/top-tdh.png') top left repeat-x; */
}


#topnavl .top_td .mval a {
  color: #aaaaaa; /* 737373 */
  font-weight: normal;
}

#topnavl .top_td:hover .mval a {
  color: #555555; /* #00457c, 425b50; */
  text-decoration: underline;
/*  font-weight: bold; */
}

#topnavl .top_tds .mval a {
  color: #ffffff; /* #555555, #000000 */
}

#rightnav {
	background: #ffffff;
  padding-bottom: 10px;
	min-width: 200px;
}

#rightnav ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

#rightnav li {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 12px;
/*
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
*/
/*	border-top: 1px solid #666666; */
}

#rightnav li.first {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  margin-bottom: 10px;
	background: #343434;
  color: #ffffff;
  font-weight: bold;
/*  height: 50px; */
/*  background: url('/icon/rightnav-1st.png') top center no-repeat; */
}

#rightnav li.third {
  margin-left: 0px;
  margin-right: 0px;
	padding-left: 15px;
	border-top: none;
}

#rightnav li.hilight {
  padding-left: 5px;
  background: url('/icon/arrow-lblue4.gif') top left no-repeat; 


/*  background: #cdcdcd; */
  color: #000000;
}

#rightnav li.thfirst {
  margin-top: 10px;
}

#rightnav li.hlthird {
  margin-left: 10px;
  padding-left: 5px;
  background: url('/icon/greenarrow.png') top right no-repeat; 
  color: #ffffff;
}

#rightnav li a {
	font-family: tahoma,arial,helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

#rightnav li.third a {
  font-weight: normal;
}

a.blkunb:hover, #rightnav li a:hover {
  color: #00457c; /* 75cae5 but darker */
  text-decoration: underline;
}

#rightnav li.first a, #rightnav li.hlthird a {
  font-weight: bold;
  color: #ffffff;
}

#rightnav li.hilight a {
  font-weight: bold;
  color: #ffffff; /* #000000 */
}

#ddmbox {
 clear: both;
 margin-top: 10px;
/* border: 3px solid #40e0e0; */
}

#ddmbox #topnavl {
 background: transparent; /* #e0e0e0; */
 margin-top: 0px;
 padding-left: 0px;
}

#ddmbox #topnavl .top_td, #ddmbox #topnavl .top_tds  {
 padding-top: 0px;
	color: #ffffff;
  background: url('/icon/tab-l2.png') top left no-repeat;

	height: 22px;
	padding-left: 6px;
	padding-right: 0px;

/*  background: #ccccff; */
/*
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
*/

	font-size: 12px;
	vertical-align: middle;
	font-family: tahoma,arial,helvetica,sans-serif;
  font-size: 14px;
  min-width: 10px;
/*  min-width: 100px; */
}

#ddmbox #topnavl .top_td .mval, #ddmbox #topnavl .top_tds .mval {
/*  padding-right: 10px; */
  color: #000000;
  text-align: left;
  padding-left: 5px;
	padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
	height: 16px;
	text-align: center;
/*  min-width: 80px; */
  background: url('/icon/tab-r2.png') top right no-repeat;
}

#ddmbox #topnavl .top_td .mval a, #ddmbox #topnavl .top_tds .mval a {
 color: #ffffff;
}



#ddcontent {
 clear: both;
 padding-left: 5px;
 border: 1px solid #e0e0e0;
 min-height: 250px;
}

.blg {
	border-left: 1px solid #666666;
}

.blnc {
	border-left: 1px solid;
}

.brnc {
	border-right: 1px solid;
}

.btnc {
	border-top: 1px solid;
}

.bbnc {
	border-bottom: 1px solid;
}

.b2lnc {
	border-left: 2px solid;
}

.b2rnc {
	border-right: 2px solid;
}

.b2tnc {
	border-top: 2px solid;
}

.b2bnc {
	border-bottom: 2px solid;
}

.b4lnc {
	border-left: 4px solid;
}

.b4rnc {
	border-right: 4px solid;
}

.b4tnc {
	border-top: 4px solid;
}

.b4bnc {
	border-bottom: 4px solid;
}

.b6tnc {
	border-top: 6px solid;
}


.bcg {
	border-color: #666666;
}

.bco {
  border-color: #ff8500;
}

.bcgo {
  border-color: #da7207;
}

.be0 {
  border-color: #e0e0e0;
}

.mt0 {
  margin-top: 0px;
}

.tdimg {
 width: 1%;
 padding-right: 10px;
 padding-bottom: 10px;
}

#toc {
		background: url(/icon/blkdot.gif) repeat-x bottom left;
		overflow: hidden;
		padding-bottom: 2px;
}

#toc #item {
		display: inline-block;
		background: #fff;
		position: relative;
		padding: 0 2px 3px 0;
		bottom: -4px;
}

/* language selector */

#dwm-sprak { width: 143px; font-size: 14px; height: 27px; }
#dwm-sprak a { text-decoration: none; }

#dwmmenu, #dwmmenuutb { width: 143px; height: 27px; font-size: 14px; }

#dwmmenuutb { height: 32px; }

#dwmchoose, #dwmutb { 
		line-height: 27px; vertical-align: middle; width: 143px; height: 27px; 
		background: url('/pics/country-menu2.png') top left no-repeat; 
		cursor: pointer; 
}

#dwmutb {
  line-height: 32px; height: 32px;
  background: url('/pics/utb-menu.png') top left no-repeat;
}

#dwmchoose span, #dwmutb span { 
		padding-left: 34px; color: Black; display: block; text-align: left;
		line-height: 27px;
}

#dwmutb span {
  padding-left: 27px;
  color: #ffffff; font-weight: bold;
}

.ddwrapper {
	padding: 2px 0 0 4px; position: absolute; display: none; 
 }

.sprak { 
		padding: 0px; margin: 0; list-style: none; width: 135px; 
		border-bottom: 1px solid #d5e0e6; border-left: 1px solid #d5e0e6; 
}

.sprak a { 
		font-weight: normal; text-decoration: none; height: 20px; padding: 8px 0px; display: block; 
}

.sprak a:link, .sprak a:visited, .sprak a:active, .sprak a:hover { color: Black; }
.sprak span { float: left; line-height: 20px; vertical-align: middle; }

.sprak li { 
		background-color: #f0f0f0; width: 135px; vertical-align: middle;
		border-top: 1px solid #fefefe; 
    height: 27px;
}

.sprak li a:hover { background-color: #f5f5f5; }

.sprak .flag { 
		background-image: url('/pics/country-menu2.png');
		line-height: 20px; float: left; margin: 0px 16px 0px 10px; 
		display: block; width: 19px; height: 19px; 
}

.sprak .flag-us { background-position: -0px -95px; }
.sprak .flag-nl { background-position: -0px -37px; }
.sprak .flag-ru { background-position: -24px -37px; }
.sprak .flag-world { background-position: -0px -66px; }
.sprak .flag-fi { background-position: -0px -124px; }
.sprak .flag-tr { background-position: -0px -153px; }
.sprak .flag-uk { background-position: -0px -182px; }
.sprak .flag-sv { background-position: -0px -211px; }
.sprak .flag-pl { background-position: -0px -240px; }
.sprak .flag-phi { background-position: -0px -269px; }
.sprak .flag-nor { background-position: -0px -298px; }
.sprak .flag-nz { background-position: -0px -327px; }
.sprak .flag-de { background-position: -0px -356px; }
.sprak .flag-aus { background-position: -0px -385px; }

/* emulate <ASIDE> featured in HTML5 */

#header #wrapper #aside {
		/* margin-left: 25px; */
    /* margin-top: 0; */
    background-color: #111;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding-top: 70px;
    height: 125px;
    width: 498px;
}

#header #wrapper #aside P {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    letter-spacing: 1px;
}

#body #wrapper, #body #wrapper table {
    background: #ffffff;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size: 16px;
    color: #777;
}

#body #wrapper {
    width: 870px;
    padding: 0 25px 20px;
}


#body #wrapper DL,
#body #wrapper OL,
#body #wrapper ADDRESS,
#body #wrapper H1,
#body #wrapper P {
/*    width: 510px; */
/*    margin-left: 10px; */
    margin-bottom: 16px;
}

#body #wrapper p.nomargin {
		width: 100%;
    margin-left: 0;
		margin-right: 0;
}

#body #wrapper OL {
    padding-left: 22px;
    list-style-type: decimal;
    font: italic 24px "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: #000;
}
#body #wrapper DL DT,
#body #wrapper ADDRESS {
    font: normal normal 12px Arial, Helvetica, sans-serif;
}
#body #wrapper DL DT {
    text-transform: uppercase;
    color: #444;
    font-weight: bold;
}
#body #wrapper DL DD,
#body #wrapper OL LI {
    margin-bottom: 16px;
}
#body #wrapper OL LI P {
    font-size: 12px;
    color: #777;
    font-style: normal;
}
#body #wrapper P STRONG {
    color: #000;
}

#body #wrapper P STRONG.big {
    font-size: 24px;
}
#body #wrapper P.kex {
    font: lighter 10px Arial, Helvetica, sans-serif;
    color: #888;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 16px;
}
#body #wrapper P + P.kex {
    margin-top: 64px;
}
#body #wrapper H1.introduction {
    font: 26px "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: #000;
    margin-top: 16px;
}

#body #wrapper p.puff {
    font-size: 22px;
    padding-left: 10px;
    width: 515px;
/*    float: left; */
    margin-bottom: 25px;
    margin-top: 0px;
    color: #000;
}

#body #wrapper DIV.quicklinks {
    float: right;
    width: 205px;
    font: 11px Arial, Helvetica, sans-serif;
    margin-bottom: 25px;
}

#body #wrapper DIV.quicklinks H2 {
    color: #bbb;
    background-color: #222;
    margin-bottom: 5px;
    text-transform: uppercase;
    padding: 5px;
    font-size: 16px;
}

UL.pointers {
    overflow: hidden;
    list-style-type: none;
}

UL.pointers LI {
    text-indent: -7px;
    padding-left: 7px;
}
UL.pointers LI:before {
    content: "> ";
    color: #aaa;
}

#body #wrapper #aside P {
    width: auto;
    margin: auto;
}

#body #wrapper #aside {
    margin-bottom: 20px;
    width: 100%;
    float: none;
}

#body #wrapper #aside {
    overflow: hidden;
    font: 11px Arial, Helvetica, sans-serif;
}

#aside #section {
    float: left;
    margin-left: 15px;
    width: 280px;
    /* height: 150px; */
    /* margin-right: 90px; */
}

#aside #section h2 {
  background: url('/pics/bricka-top-280.png') top left no-repeat;
	color: #ffffff;
  height: 30px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-top: 10px;
}

#aside #section #bricka {
    width: 150px;
    height: 120px;
    padding: 10px 10px 10px 120px;
    background: #eeeeee;
}

#aside #section #bricka:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

#aside #section #centered {
  display: inline-block; 
  vertical-align: middle;
  width: 140px;
}