/* css for composer Kent Olofsson's website 
   by Cristin Lindqvist aka Kartis, http://www.cristinlindqvist.com */
/* This css is fully compatible for all browsers that support CSS2.1. 
   Internet Explorer 6 and earlier for Windows don't support this level of CSS well.
   There might be some serious layout problems in earlier browsers. */
   
/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */

* {
 margin: 0;
 padding: 0;
}
body {
 background: #eed url(bilder/bggrad.jpg) 0 100% repeat-x;
 font: 11px Verdana, Helvetica, sans-serif;
 color: #422121;
 text-align: justify;
}
/* ---------------------------------------------------------------------------------------------------- */
/* -----Blocks for layout (960/5)----- */
#wrap {
 background: url(bilder/wrap.gif) repeat-x;
}
#page { /* Wraps all content inside wrap block, gives it width and makes it centered. */
 margin: 0 auto;
 width: 960px;
 background: url(bilder/bgpage.jpg) repeat-y;
 text-align: left;
}
#header {
 height: 90px;
 background: url(bilder/bgheader.jpg) no-repeat right;
 color: #ccb;
 margin: -4px 0px 0px 0px;
}
#prim {
 float: right;
 margin: 70px 18px 0px 18px;
 width: 540px;
}
#prim p {
 padding-bottom: 8px;
 text-align: justify;
}
#imgstart {
 float: right;
 width: 384px;
 height: 384px;
 background: url(bilder/kento.jpg) no-repeat;
 margin: -9px 18px 9px 18px;
}
#sekund {
 float: right;
 margin: 0px 18px 0px 18px;
 padding: 70px 0px 0px 0px;
 width: 156px;
}
#sekund p {
 text-align: left;
 margin-top: 3px;
 margin-bottom: 10px;
 font-size: 0.9em;
}
#sekund img {
 text-align: center;
 padding: 24px 0 24px 0;
 border: none;
}
#footer {
 clear: right;
 height: 163px;
 margin: 0px;
 padding: 8px 2px 5px 2px;
 background: #dbdec1 url(bilder/bgfooter.jpg) top no-repeat;
}
#footer p {
 text-align: left;
 font-size: 0.9em;
 padding-top: 80px;
 padding-left: 285px;
}
#footer a:link, a:visited {
 color: #a58000;
}
.clear {
 clear: both;
}
/* --Textstorlek på ToTop-- */
.tiny {
 font-size: 0.8em;
 text-align: center;
 margin-top: 3px;
 margin-bottom: 10px;
}
.totop {
 position: static;
 padding: 20px 2px 10px 2px;
 font-size: 0.8em;
 text-align: center;
 margin-top: 3px;
 margin-bottom: 10px;
}

.last {
	margin-bottom : 0;
}
.ruta1 {
  position: static;
  background: url(bilder/bgrand1.jpg) 0 75% repeat-x;
  font-size: 1.2em; 
  font-weight: 600;
  letter-spacing: 0.3em;
  margin-top: 10px;
  margin-bottom: 2px;
  padding: 2px;
  text-align: left;
  border: 1px #ddb;
  border-style: none none solid none;
}
.ruta2 {
  position: static;
	background: #dfe1c7;
  padding: 2px 2px 10px 2px;
  text-align : left;
  border: 1px #aa9;
  border-style: none none solid none;
}
.ruta2 a:link {
  font-weight: 500;
}
#anchlink {
	font-size: 10px;
  position: static;
	line-height: 20px;
	width: 80%;
	margin: auto;
	padding: 10px;
	text-align: left;
	border: 1px #d8d4c0 dotted;
}
.img {
 position: absolute;
 margin-left: 420px;
 padding: 3px;
 border: 1px solid #eed;
 background: #aa9;
 text-align: right;
}
.cdimg {
 width: 100px;
 height: 100px;
 padding: 0;
 border: 1px solid #aa9;
}
/* --Width on .leftimg should be max 176px to fit inside left column-- */
.leftimg {
 float: left;
 margin: 4px 10px 4px -192px;
 padding: 0;
 border: 1px solid #aa9;
}
p.leftimgp {
 float: left;
 margin: -4px 0px 0px -298px;
 padding: 0px;
 text-indent: 0px;
 text-align: left;
 font-size: 0.8em;
}
h1 {
  font-size: 2.0em; 
  font-weight: 500;
}
.head1 {
	font-size: 21px;
	font-weight: 400;
	text-align: left;
	margin: 2px 0px 0px 70px;
}
.head2 {
	font-size: 18px;
	font-weight: 400;
	text-align: right;
	margin-top: 10px;
	margin-right: 80px;
}
.start {
	line-height: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}
h2 {
	margin-left: -96px;
	padding: 10px 0 10px 132px;
  font-size: 1.8em; 
  font-weight: 500;
	background: url(bilder/h2_ornament.gif) 3px 0 no-repeat;
}
h3 {
  font-size: 1.4em; 
  font-weight: 600;
  letter-spacing: 0.2em;
  margin-top: 10px;
  margin-bottom: 2px
}
h4 {
  font-size: 1.2em; 
  font-weight: 500;
  letter-spacing: 0.2em;
  margin-top: 10px;
  margin-bottom: 2px
}
h4:first-letter {
	font-size: 120%;
}
h5 {
  font-size: 1.1em; 
  letter-spacing: 0.1em;
  font-weight : 600;
  margin-top: 6px;
}
h6 {
  font-size: 0.9em; 
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 4px;
}
h6:first-letter {
	font-size: 115%;
}
p {
  text-align : justify;
	text-indent : 25px;
}
p:first-letter {
  font-size : 115%;
}
p.side {
	font-size: 9px;
  text-align: left;
  text-indent: 0px;
  margin-top: 6px;
  margin-bottom: 10px;
}
p.quote {
  text-align: left;
  text-indent: 0px;
  padding: 6px 50px 6px 50px;
  font-style: italic;
}
a:link {
  color : #486;
  background-color: transparent;
  text-decoration: none;
  font-weight: 700;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  color: #cca438;
  background-color: transparent;
  text-decoration: none;
}
a:active {
  color: #ffe;
  background-color: transparent;
  text-decoration: none;
}
table {
	
}
tr {
	
}
td {
	
}
td.titlefull {
	width: 95px;
	font-size: 0.9em;
	vertical-align: baseline;
}
td.infofull {
	width: 435px;
	vertical-align: baseline;
}
td.letter {
	width: 20px;
	text-align: center;
	vertical-align: middle;
	padding: 6px 12px 6px 12px;
}
td.year {
	width: 80px;
}
td.yearsing {
	width: 60px;
	text-align: center;
	padding: 10px;
}
td.num {
	font-family: monospace;
	text-align: center;
	width: 40px;
	vertical-align: top;
}
td.infochron {
	width: 536px;
	vertical-align: baseline;
}
td.info {
	width: 428px;
	padding-top: 4px;
}
td.cd {
	width: 104px;
	text-align: right;
	vertical-align: middle;
}
ol {
 text-align: justify;
 list-style-type: decimal;
 padding: 2px 2px 2px 12px;
 margin: 2px 2px 6px 18px;
}
ol li {
 padding: 0px 0px 2px 0px;
 margin: 0px;
 text-align: left;
}
ul {
 text-align: justify;
 list-style-type: disc;
 padding: 2px 2px 2px 6px;
 margin: 2px 2px 2px 10px;
}
ul li {
 padding-top: 6px;
}
dl {
 padding: 2px 2px 2px 12px;
 margin: 0px 2px 6px 8px;
}
dt {
 text-align: justify;
 font-size: 1.1em;
 font-weight: 700;
 padding: 4px 2px 2px 10px;
}
dd {
 text-align: justify;
 margin: 2px 2px 2px 18px;
}
hr {
	color: #966;
}