/* Cascading style sheet för Wassberg + Skotte's hemsida www.w-s.se. Skapat 10 jan 2007, senast ändrat  10 jan 2007*/

/* -------------- POSITIONERING AV INGÅENDE ELEMENT  -------------------------------------------------------------------------------*/
body {
	color:#000000;
	background-color: #000000; 
}
/* Genom att sätta både html och body till 100% har tabellen 'wrapper' en höjd att relatera till*/
/* då den sätts till 100%                                                                                                                           */
html, body, #wrapper{
	height:100%;
	margin:0;
	padding:0;
	border: none;
	text-align:center;
}
/* wrapper  är en tabell som fixar att mittencellen alltid ligger centrerad vertikalt  genom att vara*/
/* 100% av browser-fönstret och ha 'vertical-allign middle' (funkar inte i MAC med IE5.2)             */
#wrapper{
	background-color:#000;
	margin: 0 auto;
	text-align:left;
	vertical-align:middle;
	width: 600px;
}
/* container är en en-cells tabell som är själva 'scenen'  och tar upp önskad yta*/
#container{
	background-color:#fff;
	background-image:url('../bilder/bakgrund2.jpg');
	margin: 0px ;
	text-align:left;
	vertical-align: middle;
	width:800px;
	height:566px;
	border:0px;
}
/* logo är en div som innehåller logotypbilden*/
#logo{
	background-color:#fff;
	margin: 19px 0 0 35px;
	padding:0px;
	border:0px;
	width:144px;
	height:84px; /* 60px */
	vertical-align:top;
	text-align:left;
	float:left;
	display:inline;
	position:static;
	clear:none;
	}
	/*illustration är en div som innehåller en illustration*/
	#illustration{
	background-color:#fff;
	margin: 31px 0 0 35px;
	padding:0px;
	border:0px;
	width:144px;
	height:399px;
	vertical-align:top;
	text-align:left;
	float:left;
	position:static;
	display:inline;
	clear:left;
	}
	/* content en class för diven som innehåller aktuella materialet*/
	.content{
	background-color:#fff;
	margin:31px 0 0 12px;
	padding:0px;
	border:0px;
	width:574px;
	height:399px;
	vertical-align:top;
	z-index::150;
	position:static;
	float:left;
	}

	
/*--------------------------- NAVIGERINGEN - ' FLY OUT MENYN'---------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* .meny1 är div:en för vänstra elementet i rollovermenyn och dess 'fly out'. Problem i IE 6 och 7 ordnas*/
/* i HTML-koden med if-satser.                                                                                                                                 */
.meny1{width:348px; height:48px; margin:53px 0 0px 12px; background-color:transparent; z-index:100; position:static; float:left;  display: inline;}
.meny1 ul{padding:0; margin:0; list-style-type:none;}
.meny1 ul li{display:block; float:left; width:86px;}
/* en nivå ned 'fly out' */
.meny1 ul li ul{visibility:visible;  width:0px; height:24px; margin:0 0 0 0; background-color:transparent; z-index:100; position:relative;  overflow:hidden;}			
.meny1 ul li:hover ul, .meny1 ul li a:hover ul{visibility:visible; width:344px; overflow:visible;}
.meny1 ul li:hover ul li , .meny1 ul li a:hover ul li {display:block; background-color:transparent;}
.meny1 ul li:hover ul li a, .meny1 ul li a:hover ul li a{display:block; background-color:transparent;}
.meny1 ul li:hover ul li a:hover, .meny1 ul li a:hover ul li a:hover {background-color:transparent;}
/* tabell som får  fly out att funka i IE  */
.meny1 table{border-collapse:collapse; margin:0; padding:0; font-size: 1em;}

/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* .meny1a är  menyn med 'fly out' på första elementet konstant synlig.   Problem i IE 6 och 7 ordnas*/
/* i HTML-koden med if-satser.                                                                                                                                 */
.meny1a{width:348px; height:48px; margin:53px 0 0px 12px; background-color:transparent; z-index:100; position:static; float:left;  display: inline;}
.meny1a ul{padding:0; margin:0; list-style-type:none;}
.meny1a ul li{display:block; float:left; width:86px;}
/* en nivå ned 'fly out' */
.meny1a ul li ul{visibility:visible;  width:344px; height:24px; margin:0 0 0 0; background-color:transparent; z-index:100; position:static;  overflow:visible}			
.meny1a ul li:hover ul, .meny1a ul li a:hover ul{visibility:visible; width:344px; overflow:visible;}
.meny1a ul li:hover ul li , .meny1a ul li a:hover ul li {display:block; background-color:transparent;}
.meny1a ul li:hover ul li a, .meny1a ul li a:hover ul li a{display:block; background-color:transparent;}
.meny1a ul li:hover ul li a:hover, .meny1a ul li a:hover ul li a:hover {background-color:transparent;}
/* tabell som får  fly out att funka i IE  */
.meny1a table{border-collapse:collapse; margin:0; padding:0; font-size: 1em;}

/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* .meny1a First är  menyn med 'fly out' på första elementet konstant synlig på sajtens 'index'-sida. Rubriken 'Företaget är */
/*et även om den inte hovras.   Problem i IE 6 och 7 ordnas*/
/* i HTML-koden med if-satser.                                                                                                                                 */
.meny1aFirst{width:348px; height:48px; margin:53px 0 00px 12px; background-color:transparent; z-index:100; position:static; float:left;  display: inline;}
.meny1aFirst ul{padding:0; margin:0; list-style-type:none;}
.meny1aFirst ul li{display:block; float:left; width:86px;}
/* en nivå ned 'fly out' */
.meny1aFirst ul li ul{visibility:visible;  width:344px; height:24px; margin:0 0 0 0; background-color:transparent; z-index:100; position:static;  overflow:visible}			
.meny1aFirst ul li:hover ul, .meny1aFirst ul li a:hover ul{visibility:visible; width:344px; overflow:visible;}
.meny1aFirst ul li:hover ul li , .meny1aFirst ul li a:hover ul li {display:block; background-color:transparent;}
.meny1aFirst ul li:hover ul li a, .meny1aFirst ul li a:hover ul li a{display:block; background-color:transparent;}
.meny1aFirst ul li:hover ul li a:hover, .meny1aFirst ul li a:hover ul li a:hover {background-color:transparent;}
/* tabell som får  fly out att funka i IE  */
.meny1aFirst table{border-collapse:collapse; margin:0; padding:0; font-size: 1em;}


/*-------------------------------------------------------------------------------------------------------------------------------------------*/
/* .meny2  är div:en för menyns två mittersta element - saknar fly out. Anledningen till att de har egen div  */
/* är att första elementets fly out trycker de övriga elementen åt sidan. I vanliga fall hade den inte behövt  */
/* det men med denna sidas vertikala centrering av innehållet  måste elementens positionering väljas så*/
/* att det blir  så.                                                                                                                                                               */
.meny2{width:176px; height:24px; line-height:24px; margin:53px 0 0px 0; background-color:transparent; z-index:101; 
				position:static; margin-left:-262px; float:left; }
.meny2 ul{padding:0; margin:0; list-style-type:none;}
.meny2 ul li{float:left; width:86px; padding:0 0 0 1px;}

/*-------------------------------------------------------------------------------------------------------------------------------------------*/
/* .meny3  är div:en för menyns högersta element - saknar fly out. Anledningen till att den har egen div     */
/* är dels samma som ovan, dels för att elementet behöver mer plats än de andra då det är längre.         */
.meny3{width:100px; height:24px; line-height:24px; margin:53px 0 0px 0; background-color:transparent; z-index:101; 
				position:static; margin-left:-90px; float:left; clear:right; }
.meny3 ul{padding:0; margin:0; list-style-type:none;}
.meny3 ul li{float:left; width:100px; padding:0 0 0 1px;} 

/*------------------------------------- TEXTFORMATTERING ---------------------------------------------------------------------------------------------------------------*/
body {              
	font-family:Arial, sans-serif;
	font-size:13px;
	line-height:normal;
	font-weight:normal;
	color:#FF0000;
	text-allign:center;
	text-decoration:none;
}
.meny1,.meny1a,.meny1aFirst, .meny2, .meny3{
	font-family:Arial,  sans-serif;
	font-size:11px;
	line-height:22px;
	font-weight:normal;
	color:#FF0000;
	text-allign:left;
	text-decoration:none;
}
.meny1aFirst ul li a, .meny1aFirst ul li a:visited,
.meny1 ul li a, .meny1 ul li a:visited, 
.meny1a ul li a, .meny1a ul li a:visited,
.meny2 ul li a, .meny2 ul li a:visited,
.meny3 ul li a, .meny3 ul li a:visited{
	display:block; text-decoration:none; color:#000;
} 

.meny1aFirst ul li:hover a, .meny1aFirst ul li a:hover,
.meny1 ul li:hover a, .meny1 ul li a:hover,
.meny1a ul li:hover a, .meny1a ul li a:hover,
.meny2 ul li:hover a, .meny2 ul li a:hover,
.meny3 ul li:hover a, .meny3 ul li a:hover{
	color:#000; font-weight:bold;
}
.meny1aFirst ul li:hover ul li , .meny1aFirst ul li a:hover ul li ,
.meny1 ul li:hover ul li , .meny1 ul li a:hover ul li,
.meny1a ul li:hover ul li , .meny1a ul li a:hover ul li {
	color:#000; 
	line-height:24px; 
	font-weight:normal;
}

.meny1aFirst ul li:hover ul li a, .meny1aFirst ul li a:hover ul li a,
.meny1 ul li:hover ul li a, .meny1 ul li a:hover ul li a,
.meny1a ul li:hover ul li a, .meny1a ul li a:hover ul li a{
	color:#000; 
	font-weight:normal;
}

.meny1aFirst ul li ul li a:hover ,.meny1aFirst ul li ul li:hover,
.meny1 ul li:hover ul li a:hover, .meny1 ul li a:hover ul li a:hover,
.meny1a ul li ul li a:hover ,.meny1a ul li ul li:hover {	
	color:#000; 
	font-weight:bold;
}

.meny1aFirst ul li table tr td ul li a:hover,
.meny1a ul li table tr td ul li a:hover{font-weight:bold;}
.content {
	color:#000;
	text-align:left;
}
.content a{
	color:#000;
	text-decoration:none;
}
.content a:hover{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
p{
	font-size:12px;
	line-height:18px;
	color:#000;
	text-align:left;
	}
.indrag{
	text-indent:16px;
	margin-bottom:-1em;
	}
.indragTop{
	text-indent:16px;
	margin-bottom:-1em;
	margin-top: 0em;
	}
.pright{
		text-align:right;
	}
.ptight{
/*	margin-bottom:-1em;  */
	font-size:13px;
	margin-top:9px;
	line-height:18px;
}
.ptightTop{
/*	margin-bottom:-1em;  */
	margin-top:-2px;
	line-height:18px;
}
.p11{
/*	margin-bottom:-1em;  */
	font-size:11px;
	margin-top:5px;
	line-height:14px;
	margin-bottom:4px;
}
.p10{
/*	margin-bottom:-1em;  */
	font-size:10px;
	margin-top:5px;
	line-height:13px;
	margin-bottom:3px;
}
.brodtext{
   vertical-align:top;
	margin: 0 0 0 0;
	color:#000;
	line-height:18px;
	}
.personallista{
	margin: 0 0 0 0;
	color:#000;
	line-height:18px;
	}
.faktalista{
	margin: 0 0 0 0;
	color:#000;
	font-size:11px;
	line-height:15px;
	}
.faktalista ul{
	margin-top: 0px;
	margin-left: 16px;
	margin-bottom: 5px;
	line-height:13px;
	list-style-type:disc;
	}
.download{
	font-size:11px;
	line-height:15px;
	color:#000;
}
.pjul{
/*	margin-bottom:-1em;  */
	font-size:13px;
	margin-top:9px;
	line-height:18px;
	color:#ff0000;
}