@charset "UTF-8";
body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0; /* det är bra att nollställa marginalen och utfyllnaden av body-elementet för att ta hänsyn till olika webbläsarstandarder */
	padding: 0; /* centrerar containern i Internet Explorer 5*-webbläsare. Texten ställs sedan in efter den vänsterjusterade standarden i #container-väljaren */
	color: #000000;
	line-height: 160%;
	text-align: center;

}
/* neutralize browser styles. Taget från Lynda DW Css */

/* neutralize browser spacing for vertical elements
	we could do more elements, but this gives us the 
	most widely used block level elements so that we
	control main element spacing without having to 
	add margins back for every block element */
	
 h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 1em  0;
	padding: 0;
	color: #000;
	}
/* Slut på Taget från Lynda DW Css*/
#container {
	width: 960px;  /* om du använder 20 pixlar färre än hela bredden på 800 pixlar kan du anpassa webbläsarfönstrets innehåll och undvika en vågrät rullningslist */
	background: #FFFFFF;
	margin: 0 auto; /* detta åsidosätter textjusteringen: mitten på body-elementet. */
	position: relative;
} 
#header {
	float: right;
	background: #FFF url(../pics/janalm_logg.gif) no-repeat;
	height: 260px;
	width: 694px;
	background-position:124px 45px;
}
#mastHead {
	float: right;
	background: #FFF url(../pics/janalm_logg.gif) no-repeat;
	height: 260px;
	width: 694px;
	background-position:124px 45px;
} 
#sidebar1 {
	float: left; /* eftersom detta element är flytande måste en bredd anges */
	width: 266px; /* den faktiska bredden på denna div, i standardwebbläsare eller standardläge i Internet Explorer, kommer att inkludera utfyllnaden och kanten utöver bredden */
	background: #FFF; /* bakgrundsfärgen kommer att visas för längden på innehållet i kolumnen, men inte längre */
	/* utfyllnaden håller innehållet i diven borta från kanterna */
	 margin-bottom: 0px;
	
	 }
.thrColFixHdr #sidebar2 {
	float: right; /* eftersom detta element är flytande måste en bredd anges */
	width: 160px; /* den faktiska bredden på denna div, i standardwebbläsare eller standardläge i Internet Explorer, kommer att inkludera utfyllnaden och kanten utöver bredden */
	 /* bakgrundsfärgen kommer att visas för längden på innehållet i kolumnen, men inte längre */
	padding: 15px 10px 15px 10px;/* utfyllnaden håller innehållet i diven borta från kanterna */
	margin: 0px 0px 0px 0px;
	
}
.thrColFixHdr #mainContent {
	margin: 0px 190px 0 276px; /* höger- och vänstermarginalerna för detta div-element skapar de två yttre kolumnerna på sidorna av sidan. Oavsett hur mycket innehåll divarna för sidofälten innehåller kommer kolumnutrymmet att finnas kvar. Du kan ta bort denna marginal om du vill att texten i #mainContent div ska fylla utrymmet i sidofälten när innehållet i varje sidofält tar slut. */
	padding: 244px 10px; 
	color: #24612A;
}
/*--- three column ----------------------------------*/

.thrColFixHdr #mastHead {
	float: right;
	background: #FFF url(../pics/janalm_logg.gif) no-repeat;
	height: 240px;
	width: 694px;
	background-position:124px 45px;
}
.thrColFixHdr #primaryContent {
	float: left;
	width: 435px;
	margin: 0 20px 0px 40px;
}

.thrColFixHdr #sideContent {
	float: left;
	width: 266px;
	margin: 0 0 0px 0px;
	
}
.thrColFixHdr #secondaryContent {
	float: left;
	width: 180px;
	margin: 0 0 0 15px;
}
.thrColFixHdr #mainContentM {
	margin: 0px 190px 0 276px;
	padding: 184px 10px 50px 0px;
	color: #24612A;
	height: 1050px;
}
/*----- two column ------------------------------------*/
.twoColFixHdr #mastHead {
	float: right;
	background: #FFF url(../pics/janalm_logg.gif) no-repeat;
	height: 240px;
	width: 694px;
	background-position:124px 45px;
}
.twoColFixHdr #primaryContent {
	float: right;
	width: 650px;
	margin: 0 20px 0px 15px;
	text-align: justify;
}

.twoColFixHdr #sideContent {
	float: left;
	width: 266px;
	margin: 0 0 0px 0px;
	
}
.twoColFixHdr #secondaryContent {
	float: left;
	width: 180px;
	margin: 0 0 0 15px;
}

/*---------- one column -----------------------------------*/
.oneColFixHdr #mastHead {
	float: right;
	background: #FFF url(../pics/janalm_logg.gif) no-repeat;
	height: 240px;
	width: 694px;
	background-position:124px 45px;
}
.oneColFixHdr #primaryContent {
	float: left;
	margin: 0 auto;
	width: 960px;
	
}

/*----------------------------------------------------*/
#primaryContent p {
	line-height: 190%;
	text-align: left;
}
#footer {
	padding: 5px 10px 5px 20px; /* denna utfyllnad matchar vänsterjusteringen av elementen i de divar som visas ovanför den. */
	margin-bottom: 20px;
	margin-top: 0px;
	background: #FFB333;
	clear: both;
	}
#footer p {
	margin: 0; /* genom att nollställa marginalerna i det första elementet i sidfoten undviker du att marginaler komprimeras, d.v.s. att det blir ett utrymme mellan divar */
	padding: 10px 0px; /* utfyllnad på detta element skapar utrymme precis som marginalen skulle göra, utan problemet med att marginaler komprimeras */
	text-align: left;
}
.fltrt { /* denna klass kan användas för att flytta ett element till höger på sidan. Det flytande elementet måste komma före elementet som det ska ligga bredvid på sidan. */
	float: right;
	margin-left:8px;
}
.floatrt {
	float: right;
}
.fltlft { /* denna klass kan användas för att flytta ett element till vänster på sidan */
	float: left;
	margin-right: 8px;
}
.floatlft {
	float: left;
}

.centerText {
	margin-left:279px;
	
}
.clearfloat { /* denna klass ska placeras på en div eller break-element och ska vara det sista elementet innan en container som helt ska innehålla ett flyttal stängs */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* Slut på DW-mall*/
a:link {
	
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
h1 {
	font-size: 1.6em;
	font-weight: 400;
	text-align: left;
	}
h5 {
	color: #444;
	font-size: 11px;
}

#sidebar1 img {
	padding: 0px 0px 10px 0px;
}

#sidebar1 p {
	margin-top: 0px;
	margin-bottom: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
}



/* Martinson: */
#sidebar1 #musicframe { /*används inte nu, för lagring av olika inspelningar*/
	float: left;
	height: auto;
	width: 266px;
	padding-top: 20px;
	border: medium solid #DFC275;
}
#sidebar1 .cap {
	border-top:3px outset #914315;
	/*border-bottom:2px groove #AAA;
	border-right:1px solid #AAA;
	border-left: 1px solid #AAA;*/
	margin-bottom:10px;
	background-color:#DDC9B0;
	text-align:center;
	}
/*----------------------------------------*/
#sideContent img {
	padding: 0px 0px 10px 0px;
}

#sideContent p {
	margin-top: 0px;
	margin-bottom: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
}
#sideContent .cap {
	border-top:3px outset #914315;
	/*border-bottom:1px groove #AAA;
	border-right:1px solid #AAA;
	border-left: 1px solid #AAA;*/
	margin-bottom:10px;
	background-color:#DDC9B0;
	text-align:center;
	}
#sideContent .info {
	position: static;
	width: 234px;
	border: 2px solid #618D4D;
	color: #434125;
	}
#sideContent .about {
	width: 234px;
	border: 2px solid #618D4D;
	position: static;
	background: white;
	left: 0px;
	top: 0px;
	border-top: none;
	color: #434125;
	}
/*--------------------------------------------*/
#mainContent a img {
	border:none;
}
#apQ1player {
	position: absolute;
	left: 823px;
	top: 360px;
	background-color: #FF0000;
	width: 90px;
	height: 24px;
}
#top_pic {
	padding-top: 20px;
}
/*QUARTET 1*/


#montage {
	z-index:1;
	left: 0;
	bottom: 0px;
	/*position: relative;*/
}
.fade {
	position: absolute;
	bottom: 49px;
	left: 9px;
	display: none;
	
	z-index:2;
}
.fadeTop {
	position: absolute;
	bottom: 0px;
	left: 0;
	display: none;
	
	z-index:3;
}	

#Qdb1_text {
	border: 2px solid #B24D41;
	}

#playerbox {
	line-height: 100%;
	float: right;
	padding: 0px 12px 12px 12px;
	}
#sideContent #playerbox {
	line-height:100%;
	
	padding: 0px 12px 10px 12px;
	margin: 0px 0px 10px 0px;
	width: 238px;
	
	}
.normalLink {
	color:#F63;
	/*color: #630;*/
	text-decoration: none;
	}

#sidebar2 h2 strong {
	color: #F16C30;
	}
.textruta {
	border: #914315 2px solid;
	background: #DDC9B0;
	padding: 0px;
	margin: 0px;
	}
.textrutaB {
	border: 2px solid #9893B1;
	margin: 0px 0px 35px 0px;
	text-align:center;
	
}
.textrutaC {
	border: 2px solid #C2943F;
	background: #EFE5D9;
	padding: 0px;
	margin: 0px;
	}
.textrutaMart {
	border: 2px solid #755E58;
	background: #A5B461;
	padding: 0px;
	margin: 0px;
	/*background-image:url(../Martinson/images/Mart_bakgrund.jpg);*/
	color: #434125;
	}
.hover {
	cursor: pointer;
	background-color:#FFF;
	}
.info {
	position:absolute;
	padding:0px 14px 0px 14px;
	float: none;
	width: 300px;
	margin-right: 380px;
	clear: none;
	border: 2px solid #85B3CD;
	left: 276px;
	top: 200px;
	z-index:5;
	height: 53px;
	}

.about {
	display: none;
	padding: 0px 14px 2px 14px;
	margin: 0px;
	width: 300px;
	border: 2px solid #85B3CD;
	position: absolute;
	background: white;
	left: 276px;
	top: 255px;
	z-index: 4;
	line-height: 140%;
	text-align: justify;
	}
#sidebar1 .info {
	position: static;
	width: 234px;
	border: 2px solid #618D4D;
	color: #434125;
	}
#sidebar1 .about {
	width: 234px;
	border: 2px solid #618D4D;
	position: static;
	background: white;
	left: 0px;
	top: 0px;
	border-top: none;
	color: #434125;
	}
.q1 {
	border: 2px solid #914315;
    }

.uglyDuck {
	float: left;
	display: block ;
	text-align: justify;
	line-height: 130%;
	left: 276px;
	width: 356px;
	/*height: 353px;*/
	margin: 0px 0px 0px 25px;
    }
	
#header.smallHeader  {
	height: 200px;
}

#aboutQ1 p {
	text-align: justify;
}
#norfolk {
	position: absolute;
	bottom: 49px;
	left: 9px;
	visibility: hidden;
	z-index: 5;
	
	
}
#accordion {
	margin-top: 16px;
}
#mainContentM #accordion div p {
	text-align: left;
	padding-left: 40px;
}
#mainContentM #accordion h3 a {
	text-align: left;
	text-indent: 62px;
	color: #235F2A;
}

a[href^="http:"] {
	background: url(../pics/external.gif) no-repeat right top;
	padding-right: 10px;
}
a[href^="http://www.janalm.se"],
a[href^="http://janalm.se"] {
	background-image: none;
	padding-right: 0;
}
a[href $='.pdf'] {
	background:transparent url(../pics/061220_icon_pdf.gif) no-repeat center right;;
	padding-right: 18px;
}
div.cont {
	margin: 0px auto;
	clear: both;
	position:relative;
	
}
.maintext {
	border: 1px solid #666;
	margin: 0px ;
}
#swed {
	position:absolute;
	left:860px;
	top:18px;
	width:50px;
	height:31px;
	z-index:1;
}
#brittish {
	position:absolute;
	left:860px;
	top:60px;
	width:50px;
	height:25px;
	z-index:2;
}

#sideContent .fltrt img {
	padding: 0px 0px 10px;
	margin: 0px;
	clear: both;
	float: right;
}
.oneColFixHdr #container #primaryContent .fltlft {
	margin: 0px;
}
table {
	border-top:  #914315 2px solid;
	border-left:  #914315 2px solid;
	border-collapse: collapse;
	margin-bottom: 30px;
}
caption {
	font-size: 1.2em;
	color: #aa2222;
	padding-bottom: 6px;
}
th, td {
	padding: 8px;
	border-right:  #914315 2px solid;
	border-bottom: #914315 2px solid;
}
th {
	border: #914315 2px solid;
	background: #DDC9B0;
	text-align: center;
}

tfoot {
	background: #DDC9B0;
	}
.rotatorlist {
	text-align:left;
	margin-left: 25px;
	}
.rotatorlist h4  {
	margin-left: -25px;
	}
.default {
	background: none;
	border: none;
	}
.default th {
	border: none;
	background: none;
	padding-top: 0px;
}
.default td {
	border: none;
	background: none;
	padding-top: 0px;
}	

.boxed {
	padding: 10px;
	border: 2px solid #563F59;
	background: #F5FAF3;
}