/*
 * Stilmall för Softwolves för mobiltelefoner och handdatorer.
 * © 2003-2008 Peter Krefting
 */

/* Visa snabbtangenter */
*[accesskey]:after {
	content: attr(accesskey);
	border: 1px solid black;
	padding: 1px 2px;
	font-size: 80%;
	text-decoration: none;
	font-style: normal;
}

/* Visa sidtiteln överst */
title {
	display: block;
	visibility: visible;
	margin: 0;
	background: #eee;
	border: 0;
	border-bottom: 1px solid black;
	float: none;
	text-align: center;
	font-family: sans-serif;
}

/* Navigeringshjälpen */
p.hide {
	font-size: 80%;
	text-indent: 0;
	margin: 2px 5px;
	border: 1px dashed #ccc;
	padding: 2px;
	text-align: center;
	font-style: italic;
}

/* Färger */
body {
	background: white;
	color: black;
	margin: 0;
	padding: 0;
	font-family: sans-serif;
}

/* Standardstycken */
p {
	margin: 2px 5px;
	text-indent: 1em;
}

/* Logotyp- och navigeringslåda */
div.logo {
	text-align: center;
	padding: 2px 0;
	border: 3px solid black;
	margin: 0 5px;
	background: #262;
	color: #8f8;
	font-size: 80%;
}

div.logo p {
	margin: 0 auto;
}

div.logo object, div.logo img, div.logo h1, div.logo h1 img {
	width: 95%;
	max-width: 95%; /* Fungerar i Opera 6.30+ */
}

div.logo h1 {
	padding: 0;
}

div.logo a:link, div.logo a:active {
	color: white;
	background: #262;
}

div.logo a:visited {
	color: #ccc;
	background: #262;
}

div.logo a:hover {
	color: white;
	background: #004;
}

/* Språk */
div.logo span.sv, div.logo span.en, div.logo span.de, div.logo span.no,
div.logo span.es, div.logo span.fi, div.logo span.hu,
div.right a.sv, div.right a.en, div.right a.de, div.right a.no,
div.right a.es, div.right a.fi, div.right a.hu,
div.right span.sv, div.right span.en, div.right span.de, div.right span.no,
div.right span.es, div.right span.fi, div.right span.hu {
	text-decoration: underline;
}

/* Sidhuvud */
div.uppertitle {
	border-left: 2px solid black;
	border-right: 2px solid black;
	margin: 0 2px 1em 2px;
	padding-left: 2px;
	padding-right: 2px;
}

div.uppertitle p.blurb, div.uppertitle p[align="center"] {
	font-size: 80%;
	text-indent: 0;
	border-top: 1px dashed black;
	border-bottom: 1px dashed black;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0 5px 0.5em 5px;
}

div.uppertitle h1 {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	color: black;
	background: #ffc;
}

div.uppertitle h1 img {
	content: attr(alt);
}

div.uppertitle [align="center"] {
	text-align: left !important;
}

/* Onödiga bilder */
p.floatright, p.floatright img, p.floatleft, p.floatleft img {
	display: none;
}

/* Rubriker */
h1, h2, h3, h4, h5, h6 {
	background: black;
	color: #ffc;
	font-family: serif;
	padding: 0 2px;
}

/* Navigeringspanel */
div.right {
	border: 1px solid black;
	margin: 0 5px;
	padding: 0;
	background: #eee;
	color: black;
}

div.right h2 {
	margin: 0;
}

div.right p {
	text-indent: 0;
	margin: 5px;
}

/* Sidfot */
div.bottom {
	border-top: 1px dashed black;
	margin: 1em 5px 0;
	padding-top: 0.5em;
	font-size: 80%;
}

div.bottom a img {
	content: attr(alt);
}

/* Förk. */
abbr:after, acronym:after {
	content: " (" attr(title) ")";
	font-size: 80%;
}

/* Listor */
ul, ol {
	display: block;
	margin: 0;
}

li {
	display: block;
	margin: 0 5px 0 1em;
}

/* Formulär */
input {
	max-width: 100%;
}

/* Tabeller */
table, table.cool {
	border-collapse: collapse;
}

table th, table.cool th {
	font-weight: bold;
	background: #eee;
	color: black;
	text-align: left;
	border: 1px solid black;
}

table td, table.cool td {
	background: white;
	color: black;
	text-align: left;
	border: 1px solid black;
}