/* css Zen Garden default style v1.01 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */


/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
body { 
	font: 12px/16px Georgia; 
	color: #000000; 
	background: #fff url(/bilder/ortbak.gif) no-repeat top left; 
	margin: 0px; 
	padding: 0px; 
	}
p { 
	font: 12px/16px arial;  
	margin-top: 0px; 
	text-align: justify;
	}
h3 { 
	font: italic normal 12pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}
a:link { 
	text-decoration: none; 
	color: #000000;
	}
a:visited { 
	text-decoration: none; 
	color: #000000;
	}
a:hover, a:active { 
	color: #555555;
	}
.rod { 
	color: #ff0000;
	}
.bla { 
	color: #0088ff;
	}
.liten { 
	font: 10px arial;
	}
.200 { 
	position:absolute;
	left:200px
	}
.400 { 
	position:relative;
	left:400px
	}
	
ul {
	border-top: 1px solid #ddd;
	margin: 3px 0 0 0; 
	padding: 0 0 0 0;
	}
	
.liten {
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	}
	
li {
	padding: 3px 0 3px 7px;
	border-bottom: 1px solid #ddd;
	list-style: none;
	margin: 0px; 
	}
	
li:hover {
	background-color: #f3f3f3;
	}
	
.liten {
	padding: 2px 0 2px 3px;
	border-bottom: 1px solid #ddd;
	list-style: none;
	margin: 0px; 
	}
	
tr {
	border-bottom: 1px solid #ddd;
	}
	
.lista:hover {
	background-color: #f3f3f3;
	}
	
td {
	font: 10px/12px arial;
//	border-bottom: 1px solid #ddd;
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */

#huvud {
	position: absolute; 
	top: 14px; 
	left: 20px;
	width: 726px; 
	margin: 0px; 
	padding: 0px;
	}

#vansterkant {
	position: absolute; 
	top: 264px; 
	left: 20px;
	width: 230px; 
	margin: 0px; 
	padding: 0px;
	}

#main {
	position: absolute; 
	top: 56px; 
	left: 276px;
	width: 470px; 
	margin: 0px; 
	padding: 0px;
	}
	
#main h1 {
	font: 24px Georgia;
	font-weight: bold; 
	padding: 0px; 
	margin: 0px; 
	}
	
#main h2 {
	margin: 5px 0px 5px 0px; 
	padding: 5px 0px 5px 0px;
	font: 10px Arial;
	border-top: dotted 1px #999999;
	border-bottom: dotted 1px #999999;
	}

#main2 {
	position: absolute; 
	top: 56px; 
	left: 276px;
	width: 670px; 
	margin: 0px; 
	padding: 0px;
	}

#karta { 
	position: absolute; 
	top: 56px; 
	left: 20px;
	width: 206px; 
	margin: 0px; 
	padding: 0px;
	}

#kartany { 
	position: absolute; 
	top: 59px; 
	left: 47px;
	width: 190px; 
	margin: 0px; 
	padding: 0px;
	}

#rallymeny { 
	float: left;
	}
	
#lankar { 
	float: right;
	font: 10px arial; 
	color: #999999;
	}
	
#resultatlista { 
	font: 10px arial; 
	margin-bottom: 20px; 
	}

#left {  
	float: left;
	}

#right {  
	float: right;
	}

#rebusar {  
	font: 16px arial, sans-serif; 
	margin: 5px 0px 10px 0px; 
	padding: 0px; 
	width: 310px; 
	font: 10px arial; 
	}
	
#rebusar a {
	font: 10px arial; 
	color: #333333;
	}
	
#rebusar a:hover {
	color: #000000;
	}
	
#rebusar h1 {
	font: 12px arial; 
	color: #000000;
	font-weight: bold; 
	}

#pyssel {  
	margin: 5px 0px 10px 0px; 
	padding: 7px; 
	width: 130px; 
	font: 10px/13px arial; 
	background: #f9f9f9; 
	border: dotted 1px #999999;
	}
	
#pyssel h1 {
	font: 11px arial; 
	color: #000000;
	font-weight: bold; 
	border-bottom: dotted 1px #999999;
	margin: 0px 0px 5px 0px; 
	padding: 0px 0px 5px 0px;
	}

#ruta {  
	margin: 5px 0px 10px 0px; 
	padding: 7px; 
	width: 170px; 
	font: 10px/13px arial; 
	background: #f9f9f9; 
	border: dotted 1px #999999;
	}
	
#ruta h1 {
	font: 11px arial; 
	color: #000000;
	font-weight: bold; 
	border-bottom: dotted 1px #999999;
	margin: 0px 0px 5px 0px; 
	padding: 0px 0px 5px 0px;
	}