@namespace "http://www.w3.org/1999/xhtml";
@namespace svg "http://www.w3.org/2000/svg";

svg|g {color:#ccc;}


body {
	margin:0px; 
	padding:0px;
	background-color: #333;
	color: #ccc;
	font-family: helvetica,sans-serif;
	letter-spacing:0.02em;
/*	font-weight:lighter;*/
	font-size:12px;
	line-height:1.5em;
}
p { margin:7px 0px 0px 0px; padding:0px;}
.notis { font-size:11px; margin-top:12px; color:#999}
li { margin:4px 0px; }
ul { margin:12px 0px; padding-left:20px; letter-spacing:0.1px;}

h1,h2,h3 { font-weight:normal;  margin-top:1.2em; margin-bottom:1.2em;}
#marginal h1:first-child { margin-top:-1px;}
p:first-child,h1:first-child,h2:first-child {  margin-top:0;}
h1 { font-size:140%; }
h2 { font-size:120%; }
h3 { font-size:100%; }

.ruta { width:50%; font-family: sans-serif; font-size:120%; background-color: #ccc; padding:5px; padding-bottom:3px; border:none;}
textarea.ruta { height:150px; }

div {
	margin:0px;
	padding:0px;
}
#totalruta {
	top:20px;
	left:50px;
/*	margin: 20px auto;*/
/*	margin-left:-475px;*/
	position:absolute;
	width: 950px;
	height: 600px;
}

#marginal {
	font-size:14px;
	position:fixed;
	top:20px;
	left:50px;
	width:154px; /*lite extra för att tummarnas marginal ska få plats*/
	height: 600px;
}
.logga { width:150px; height:75px; border:none; padding:0px; }

#fotruta {
	position:absolute;
	left:0px;
	bottom:0px;
	width:150px;
	font-size:11px;
	/*text-align:right;*/
	line-height:1.1em;
}

#linje {
	position:absolute;
	left:164px;
	height: 600px;
	width: 3px;
	background-color:#ccc;
}
#inneruta {
	position:absolute;
	padding-left:20px;
	border-left:3px solid #ccc;
	left:170px;
	width: 750px;
	min-height: 600px;
	height:auto !important;
	height:600px;
	/*	overflow: visible;*/
}
.tumstycke { line-height:0; margin-top:0;}


img { border:none; }
img.tumme { display:block; height:expression(this.parentNode.currentStyle['height']); width:expression(this.parentNode.currentStyle['width']); height:inherit; width:inherit;}
/*.indextumme { height:47px;width:47px; margin:0px 3px 3px 0px; } /*15x12=180*/
/*.indextumme { height:57px;width:57px; margin:0px 3px 3px 0px; } /*12x10=120*/
/*.indextumme { height:63px;width:63px; margin:0px 4px 4px 0px; } /*11x9=99*/
/*.indextumme { height:70px;width:70px; margin:0px 5px 5px 0px; } /*10x8=80*/
/*.indextumme { height:80px;width:80px; margin:0px 6px 6px 0px; } /*8x7=56*/
/*.indextumme { height:93px;width:93px; margin:0px 8px 8px 0px; } /*7x6=42*/
.indextumme { height:112px;width:112px; margin:0px 10px 10px 0px; } /*6x5=30*/
/*.indextumme { margin:0px 10px 10px 0px; } /*6x5=30*/
.detaljbild { float:left; margin-right:10px; margin-bottom:10px; max-width:750px; max-height:600px;}
.mb {margin-right:0;}
.mh {margin-bottom:0;}

.k2 { height:73px; width:73px; margin:0px 4px 4px 0px; }
.k3 { height:48px; width:48px; margin:0px 3px 4px 0px; }
/*a:focus { outline: none; }*/
a.tumblock { position:relative; display:inline-block; font-weight:normal; font-size:10px;}
a.tumblock span {position:absolute; top:0; padding:0 1px; color:#333; background-color:#ccc; line-height:11px;}
/*img.v {margin-left:0px;}*/
/*//a.tumblock img{ height:100%; width:100%; }*/

a:link,a:visited { color: #5aa; text-decoration: none; outline: none;}
.osynlig { display:none; }

table {border-spacing:0px;}
td {margin-right:10px;width:400px;vertical-align:top;}