@font-face {
	font-family: "Kraaitura";
	src: url("../typsnitt/Futura LT Medium.ttf") format("truetype");
}

ol, ul {
   	list-style: none;
}

html {background: white;}

* {
	border: 0;
	padding: 0;
	margin: 0;
}

body
{
	max-width: 60em;
	background: transparent url("bilder/krakabakgrundgra.gif") 50% 0% fixed no-repeat;
	color: black;
/*	font-family: "bitstream vera sans";*/
/*	font-size: 90%;*/
}

h1, h2, h3, h4 {
	text-transform: lowercase;
	font-family: "Futura", "Kraaitura", "Century Gothic", sans-serif;
	font-weight: normal;
	color: black;
}

h1
{
    padding: 0.3em 0.5em 0.25em 0.7em;
	text-align: left;
	font-size: x-large;
	background: #fc9 url("bilder/krakabakgrundbrun.gif") 50% 0% fixed no-repeat;
}

h2
{
	padding: 0.25em 1em 0.25em .8em;
	text-align: left;
	font-size: large;
	background: inherit;
}
h2.aktuellt
{
	font-size: x-large;
	background: #fc9 url("bilder/krakabakgrundbrun.gif") 50% 0% fixed no-repeat;
	padding: 0.3em 0.5em 0.25em 0.7em;
/*	padding: 0.25em 0.5em 0.25em 4.8em;*/
/*    text-indent: -4.1em;*/
}

#main h1 {
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

#main h2 {
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

h3
{
	padding: 0.25em 1em 0.25em 1em;
	text-align: left;
	font-size: medium;
	background: inherit;
}

/*h4
{
    font-weight: normal;
	text-transform: lowercase;
	font-family: "Futura", "Century Gothic", sans-serif;
}
*/
p
{
	padding: 0.25em 1em 0.25em 1em;
	color: #333;
	background: inherit;
/*	text-align: justify;*/
}

p:first-letter {
	font-size: larger;
/*	font-family: "Futura", "Century Gothic", sans-serif;	*/
}

p, li
{
	font-size: 80%;
	line-height: 1.5;
	font-family: "Georgia", serif;
}	

li *
{
	font-size: 100%;
}	

ul, ol
{
	padding: 0.25em 1em 0.25em 1em;
	color: #333;
	background: inherit;
	text-align: left;
	list-style-position: inside;
}

ol
{
	margin-left: 0em;
}

ol ol, ul ol
{
	padding-left: 1em;
}

ol {list-style-type: decimal;}

ul h3
{ 
	padding: 0.5em 1em 0.5em 0;
	font-size: medium;
}

ul ol, ol ol, ol ul, li h4, li p
{
	background: #fc9 url("bilder/krakabakgrundbrun.gif") 50% 0% fixed no-repeat;
	color: inherit;
}

ul.aktuellt
{
	background: #fc9 url("bilder/krakabakgrundbrun.gif") 50% 0% fixed no-repeat;
	color: inherit;
	font-family: "Futura", "Kraaitura", "Century Gothic", sans-serif;
	text-transform: lowercase;
	margin: .5em 1em .5em 1em;
}

li h4
{
	padding: 0.25em 1em 0.25em 1em;
	margin: 0.25em 0 .5em 0;
	line-height: 1.5;
	font-size: 120%;
}

li ol, li ul, li p
{
	margin: -0.25em 0 0.25em 0;
}

li.kommande
{
	padding-bottom: .5em;
	list-style-type: none;
}

.subsequent
{
	visibility: hidden;
}

em
{
    font-style: italic;
}

/* links */

a
{
	color: black;
	background: inherit;
	text-decoration: none;
/*	font-size: medium;*/
/*	font-weight: bold;*/
	font-family: "Futura", "Kraaitura", "Century Gothic", sans-serif;
	text-transform: lowercase;
}

a:link, a:visited
{
	color: black;
	border: solid gray;
	border-width: 0 0 thin 0;
	padding: 3px 2px 0px 2px;
	background-color: inherit;
}

a:hover, a:active, a:focus
{
	background: #fc9;
	border: none;
}

li a:link, li a:visited
{
	border-width: 0;
}

#main li a, #navbar ul.aktuellt li a
{
	font-family: "Georgia", serif;
	text-transform: none;
	color: #333;
	background: transparent;
}

#main li h4 a
{
	font: inherit;
	text-transform: inherit;	
}

#main li a:hover, #main li a:active, #main li a:focus
{
/*	background: transparent;*/
	background: #fc9;
/*	font-weight: bold;*/
/*	text-decoration: underline;/*
/*	letter-spacing: 0.1em;*/
	color: black;
}

#main li li a:hover, #main li li a:active, #main li li a:focus,
#navbar ul.aktuellt li a:hover,
#navbar ul.aktuellt li a:active,
#navbar ul.aktuellt li a:focus,
#main ul.aktuellt li a:hover,
#main ul.aktuellt li a:active,
#main ul.aktuellt li a:focus

{
	background: transparent url("bilder/krakagradient.gif") 50% 0% fixed repeat-x;
	color: black;
}

#main li h4 a:hover, #main li h4 a:focus, .subsequent
{
	font-weight: normal;
}

/* divs */

#main
{
/*	position: relative;
	top: 0;
	left: 0;
	width: auto;
	height: auto;*/
	margin: 1em 1em 0 16em;
	border: dashed #333 1px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
/*	-webkit-transform:rotate(-1deg);
	-moz-transform:rotate(-1deg);	*/
	border-radius: 20px;
	background: transparent url("bilder/krakagradient.gif") 50% 0% fixed repeat-x;
}

#punch
{
/*	display: none;*/
	position: relative;
	width: 19em;	/* 320px */
	height: 10em;	/* 150px */
	text-align: left;
	background: white url("bilder/krakabakgrundgra.gif") 50% 0% fixed no-repeat;
	color: inherit;
	border: dashed #333;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	float: right;
	border-width: 0 0 1px 1px;
	padding: 0 0 0.25em 1em;
	margin: -1px -1px 0.5em 1em;
}
#punch img
{
	width: 20em;
	margin: -1em 0 0 0;
}
#punch p
{
	color: black;
	text-align: left;
	font: 120%/1 "Futura", "Kraaitura", "Century Gothic", sans-serif;
	text-transform: lowercase;
	padding: 0.5em 0 0 0;
	}

#footer
{
	margin: 0 1em 0.5em 16em;
}
#footer p
{
/*	font: bold 75%/1 "Century Gothic", arial, sans-serif;*/
/*	font-weight: bold;*/
	font-family: "Futura", "Kraaitura", "Century Gothic", sans-serif;
	text-transform: lowercase;
	font-size: smaller;
	color: black;
	text-align: center;
	padding: 0.5em 0 0 0;
}

#bread
{
	clear: both;
}

#navbar
{
	z-index: 1;
	width: 12em;
	text-align: center;
	background: white url("bilder/krakagradient.gif") 50% 0% fixed repeat-x;
	color: inherit;
	border: 1px dashed #333;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	position: fixed;
	float: left;
	top: 0;
	left: 0;
	overflow: hidden;
	padding: 0em 1em 0.25em 1em;
	margin: 1em 1em 0 1em;	
}
#navbar img
{
	margin: 0 0 0.25em 0;
	border: 1px solid gray;
	width: 12em;
}
#navbar img#kraka
{
	margin: 0;
	border: none;
	width: auto;
}
#navbar a
{
	border-width: 0 0 thin 0;
}
#navbar a:hover, #navbar a:active, #navbar a:focus
{
	border: none;
}
#navbar p
{
	text-align: center;
/*	font-weight: bold;
	font-family: sans-serif;/*
	text-transform: lowercase;*/
/*	font-size: smaller;*/
	line-height: 1.5;
	color: black;
	padding: 0 0 .5em 0;
	margin: 0;
}

#navbar ul.aktuellt
{
	margin: 0.25em 0 .25em 0;
	padding: .25em 0 .25em .5em;
}

#navbar ul.aktuellt a
{
	border: 0;
}

#menu ul
{
	padding: 0;
	margin: 0 0 0.5em 0;
	text-align: center;
}
#menu li
{
	display: inline;
	padding: 0 0.25em 1em 0.25em;
	font-size: medium;
	
}
#menu a
{
	padding: 3px .25em 0px .25em;
	font-family: "Futura", "Kraaitura", "Century Gothic", sans-serif;
	text-transform: lowercase;

}
#menu a.active
{
	color: #C96;
	background: transparent;
}

#logo img
{
	border: none;
}
#logo p
{
	font: 75%/1 "Futura", "Kraaitura", "Century Gothic", sans-serif;
	text-transform: lowercase;
	text-align: left;
	color: black;
	padding: 0;
	margin: 0 0 1em 0;
}

#ads
{
	width: 14em;
	text-align: center;
	background: white url("bilder/krakagradient.gif") 50% 0% fixed repeat-x;
	color: black;
	position: fixed;
	float: left;
	bottom: 0;
	left: 0;
	overflow: hidden;
	margin: 0 1em 0.5em 1em;
	padding: 25% 0 0 0;	
}
#ads p
{
	text-align: center;
	font-size: smaller;
	color: black;
	padding: 0;
	margin: 0;
}
#ads ul
{
	padding: 0;
	margin: 0;
	text-align: center;
}
#ads li
{
	display: inline;
	padding: 0;
	margin: 0;
}