/* Info ----------------------------
CSS
Jonny Strömberg
http://www.jonnystromberg.se
------------------------------------*/	

/* Allmänt
------------------------------------*/	
* { 
	margin:0; 
	padding:0;}
body { 
	background:url(bilder/bg.jpg) #fcfcfc top repeat-x;
	font-size:small;
	text-align:center;
	margin-top:20px; 
	margin-bottom:20px;}	
* html body { 
	font-size:x-small; 
	f\ont-size:small; }
html>body {
	overflow:scroll;}
.fix { 
	clear:both;}
li { 
	list-style-type:none;}
	
/* Länkar
------------------------------------*/	
a:link 		{ text-decoration:none; color:#000; }
a:active 	{ text-decoration:none; color:#000; }
a:visited 	{ text-decoration:none; color:#000; }
a:hover 	{ text-decoration:underline; color:#196624;}	
a img 		{ border:0;}

p a:link 	{ text-decoration:none; color:#888; }
p a:active 	{ text-decoration:none; color:#888; }
p a:visited { text-decoration:none; color:#888; }
p a:hover 	{ text-decoration:underline; color:#196624;}	

/* Typografi
------------------------------------*/	
h1#logo { 
	background:url(bilder/logo2.gif) no-repeat;
	width:210px;
	height:165px;
	float:right;
	display:inline;
	margin-top:15px;
	margin-bottom:20px;}
h1#logo a {
	display:block;
	width:210px;
	height:165px;}
h1#logo a span {
	display:none;}	
	
h2 {
	font:bold 270%/1 arial;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin-top:10px;}
h3 {
	font:normal 140%/1 arial;
	text-transform:uppercase;
	letter-spacing:-1px;
	color:#999;
	margin-bottom:10px;}
h4 {
	font:bold 107%/1.5 tahoma, "trebuchet ms", sans-serif; 
	color:#222;}	
			
p {
	font:normal 93%/1.5 tahoma, "trebuchet ms", sans-serif; 
	margin-bottom:14px;
	color:#222;}
p.ingress {
	font:italic 147%/1.5 georgia, "trebuchet ms", sans-serif; }			

/* WRAP
************************ */		
div#wrap {
	background:url(bilder/bg_wrap.jpg) repeat-y transparent;
	width:825px;
	margin:0 auto;
	text-align:left;}

/* MENY
************************ */		
ul#menu {
	width:210px;
	clear:right;
	float:right;
	text-align:left;}
ul#menu li { 
	font:normal 105%/1.8 arial;
	text-transform:uppercase;
	margin-left:2px;}
ul#menu li a.aktiv {
	color:#c70202;}
ul#menu li a:hover {
	color:#a9adaf;
	text-decoration:none;}
		
		
/* INNEHÅLL
************************ */		
div#content {
	background:url(bilder/bg_content.jpg) no-repeat transparent;
	width:605px;
	text-align:left;}
div#padd {
	padding:38px 35px 18px 35px;}
div#padd img.bild {
	background-color:#fff;
	float:right;
	border:solid 1px #eee;
	padding:10px;
	margin:0 0 20px 10px;}
div#padd ul {
	margin-bottom:20px;
	margin-left:10px;}
div#padd ul li {
	background:url(bilder/lista2.png) 1px 5px no-repeat;
	padding:5px 0 5px 22px;
	font:normal 90%/1.3 tahoma;
	color:#777;}
div#padd ul.tal li {
	background:url(bilder/lista3.png) 1px 5px no-repeat;}
div#padd table {
	margin-bottom:14px;
	width:100%;}
div#padd th {
	font:normal 100%/1.2 tahoma;
	text-align:left;
	padding:4px 10px 4px 0;
	color:#222;}
div#padd td {
	font:normal 100%/1.2 tahoma;
	color:#777;}
div#padd table.behandlingar tr td.a_right {
	text-align:right;}
div#padd table.behandlingar th {
	font:normal 140%/1 arial;
	text-transform:uppercase;
	letter-spacing:-1px;
	color:#111;}

div#padd form ol li {
	padding:2px 0 2px 0;
	border-top:solid 1px #eee;
	text-align:right;}
div#padd form label {
	font:bold 100%/1.5 tahoma;
	display:block;
	width:150px;
	float:left;
	text-align:left;}
div#padd form input {
	font:normal 100%/1.2 tahoma;
	width:300px;
	border:solid 1px #999;
	padding:2px;}	
div#padd form textarea {
	font:normal 100%/1.2 tahoma;
	width:530px;
	height:100px;
	clear:left;
	display:block;
	border:solid 1px #999;
	padding:2px;}
		
/* BOTTEN
************************ */		
div#bottom {
	background:url(bilder/bg_bottom.jpg) center bottom no-repeat;
	clear:both;
	height:18px;}