@charset "utf-8";



body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
		background-color:#000;
	margin: 20px 0 20px 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;
	text-align: center; /* centrerar containern i Internet Explorer 5*-webbläsare. Texten ställs sedan in efter den vänsterjusterade standarden i #container-väljaren */
	color: #444;
}


/* Containern runt allt innehåll*/


.Textile #container { 
	width: 900px;  /* 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; /* automarginalerna (i samband med en bredd) centrerar sidan */
	border: 1px solid #000000;
	text-align: left; /* detta åsidosätter textjusteringen: mitten på body-elementet. */
}


/* Innehåller diven med loggan och länken till english*/


.Textile #header {
	position:relative;
	height:90px;
	font-size:12px;
	font-weight:bold;
	padding-left:10px;
	
}

/* Länkar i header LoVeHAte */

.Textile #header a:link{
	
	font-size:10px;
	text-decoration:none;
	color:#000;
	
}

.Textile #header a:visited{
	font-size:10px;
	text-decoration:none;
	color:#000;
}

.Textile #header a:hover{
	font-size:10px;
	text-decoration:underline;
	color:#000;
}

.Textile #header a:active {
	font-size:10px;
	text-decoration:none;
	color:#000;
}

/* boxen ligger inne i #header och innehåller loggan*/


.Textile #logga {
	position:absolute;
	background-image:
	url(images/swedishtextile_logga.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:90px;
	width:600px;
	left: 160px;
	
}


/* Boxen där den horizontella menydiven är placerad */

.Textile #menucontainer { 
	
	height:27px;
	width:860px;
	position:relative;
	margin-left:15px;
	margin-top:20px;
	background-image:
	url(images/menu_hover.gif);
	background-repeat:repeat-x;
	
}


/* Vänster sidebar där även menyer är placerade i vissa undersidor*/

.Textile #sidebar1 {
	position:relative;
	margin-top:45px;
	margin-left:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:
	#FFFFFF;
	float: left; /* eftersom detta element är flytande måste en bredd anges */
	width: 120px; /* den faktiska bredden på denna div, i standardwebbläsare eller standardläge i Internet Explorer, kommer att inkludera utfyllnaden och kanten utöver bredden */
	height:400px;
	padding: 30px 10px 15px 10px; /* utfyllnaden håller innehållet i diven borta från kanterna */
	
}



/* Höger sidebar, helt tom container*/


.Textile #sidebar2 {
	margin-top:20px;
	margin-right:15px;
	float: right; /* eftersom detta element är flytande måste en bredd anges */
	width: 60px; /* den faktiska bredden på denna div, i standardwebbläsare eller standardläge i Internet Explorer, kommer att inkludera utfyllnaden och kanten utöver bredden */
	height:400px;
	padding: 15px 10px 15px 20px; /* utfyllnaden håller innehållet i diven borta från kanterna */
	
}

/* Mittensektionen som innehåller diven med information*/


.Textile #mainContent {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin: 20px 150px 0 180px; /* 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: 10px 0 0 0; /* kom ihåg att utfyllnaden är utrymmet inuti div-rutan och marginalen är utrymmet utanför div-rutan */
	
}

/* Innehåller all information om Swedish textile på startsidorna */

.Textile #mainContentText {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	margin: 0px 10px;
	padding: 20px 20px 0 0 ; /* kom ihåg att utfyllnaden är utrymmet inuti div-rutan och marginalen är utrymmet utanför div-rutan */
	background-color:#FFF;
	font-style: normal;
	
}

.Textile #mainContentText h1{
	font-size:12px;
	color:#000;
	text-decoration:none;
	
}

.Textile #mainContentText h3{
	font-size:12px;
	color:#000;
	text-decoration:none;
	
}


/* Länkarna i maincontentText LoVeHAte*/

.Textile #mainContentText a:link {
	color:#000;
	text-decoration:none;
}

.Textile #mainContentText a:visited {
	color:000;
	text-decoration:none;		
}
.Textile #mainContentText a:hover {
	text-decoration:underline;
	color:000;
}

.Textile #mainContentText a:active {
	color:000;
	text-decoration:none;
		
}

/* Innehållet i klassisk och modern */

.Textile #mainContentKlassisk {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#000;
	margin: 20px 110px 0 220px; /* 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: 10px 0 0 0; /* kom ihåg att utfyllnaden är utrymmet inuti div-rutan och marginalen är utrymmet utanför div-rutan */
	
}

.Textile #mainContentKlassisk a:link{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	font-style: normal;
	text-decoration:none;
	
}
.Textile #mainContentKlassisk a:visited{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	font-style: normal;
	text-decoration:none;
	
}.Textile #mainContentKlassisk a:hover{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	font-style: normal;
	text-decoration:none;
	
}.Textile #mainContentKlassisk a:active{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	font-style: normal;
	text-decoration:none;
	
}


.Textile #mainContentTextKlassisk {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#000;
	margin: 0px 10px;
	padding: 20px 20px 0 0; /* kom ihåg att utfyllnaden är utrymmet inuti div-rutan och marginalen är utrymmet utanför div-rutan */
	background-color:#FFF;
	font-style: normal;
	
}

/*Länkinställningarna nedan är till för att inte rutan runt bilderna ska bli blå i vissa webläsare*/

.Textile #mainContentTextKlassisk a:link{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	font-style: normal;
	text-decoration:none;
	
}
.Textile #mainContentTextKlassisk a:visited{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	font-style: normal;
	text-decoration:none;
	
}.Textile #mainContentTextKlassisk a:hover{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	font-style: normal;
	text-decoration:none;
	
}.Textile #mainContentTextKlassisk a:active{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	font-style: normal;
	text-decoration:none;
	
}




/* footern*/
.Textile #footer { 
	height:70px;
	background-color:#000;
	color:#FFF;
}


.Textile #footer p {
	text-align:left;
	font-family:
	Verdana, Geneva, sans-serif;
	font-size:10px;
	color:
	#FFF;
	
	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: 3px 0; /* utfyllnad på detta element skapar utrymme precis som marginalen skulle göra, utan problemet med att marginaler komprimeras */
}

/* Länkarna i footer LoVeHAte*/

.Textile #footer a:link {
	text-decoration:none;
	color:#FFF;
}

.Textile #footer a:visited {
	text-decoration:none;
	color:#FFF;
}
.Textile #footer a:hover {
	text-decoration:underline;
	color:#FFF;
}

.Textile #footer a:active {
	text-decoration:none;
	color:#FFF;
		
}




.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;
}



.fltlft { /* denna klass kan användas för att flytta ett element till vänster på sidan */
	float: left;
	margin-right: 8px;
}


/* Texten och det blåa fältet längst ner på sidan */

.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: 10px;
    line-height: 12px;
	color:#FFF;
	
	}
	
	/*Färgen på innehåll som visas när inte javascript är aktiverat*/
	
.noscript  {
	color:#F00;
	font-size: 12px;
}

/*Endast på ställen där det står under kontruktion*/

.underkonstr {
	font-size: 12px;
	color: #000;
	font-style:normal;
}

/*Under klassisksidan fet-text*/
.DescText {
	font-weight: bold;
	font-size: 12px;
}