@charset "utf-8";

/* CSS Document */

html, body{	

	background:#e7ecf5;

	margin:0px; 

	color: #595959;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size:10pt;}

	

a{color:#003399; text-decoration:underline;}

a:hover{color:#666666; text-decoration:none;}

a:focus{outline:none;}



img{border:0px;}



iframe{border:0px; display:inline-block;}

#lbIframe {

border: 0px solid #888888;

}

b, strong{color:#003399;}

h1, h2, h3, h4, h5, h6{color:#003399;}

h3{margin-top:3px; color:#003399; font-size:12pt;}

h4{margin-top:3px; margin-bottom:8px; color:#003399; font-size:11pt;}

.color{color:#003399;}

#page{

	width:1010px;

	height:auto;

	margin:10px auto;

	overflow:visible;

}

.collapsable{margin-bottom:15px;}

#site{

	background-color:#FFFFFF;

	overflow:hidden;

	width:848px;

	height:auto;

	margin-right:10px;

	float:left;

	border:#CCCCCC 1px solid;}



#spons{

	width:150px;

	height:600px;

	float:left;

	overflow:visible;}



#head{

	background:url(head.jpg);

	width:848px;

	height:161px;

	overflow:hidden;}



#menu{

	background:#003399;

	width:848px;

	height:23px;

	font: normal 11px verdana;}



#content{

	width:842px;

	height:auto;

	min-height:400px;

	overflow:hidden;

	padding-left:3px;

	padding-right:3px;}



	#content img{border:#999999 1px solid;}

	

.bildr{float:right;}

		.infobox{

			width:278px;

			height:auto;

			min-height:400px;

			float:left;}

		.infobox .date{

			color:#0000CC;}

		

		.center{

			border-left:#CCCCCC 1px solid;

			border-right:#CCCCCC 1px solid;

			padding-left:3px;

			padding-right:3px;	}



.kortinfo{

	min-height:110px;

	padding-bottom:3px;}

	.kortinfo img{float:right; margin-top:4px; border:#999999 1px solid;}

	.kortinfo p{

	width:600px;

	margin-top:3px;

	margin-bottom:12px;}

	.odd{

		border-top:1px solid #CCCCCC;

		border-bottom:1px solid #CCCCCC;}

			

.id{

	line-height:15px;

	width:330px;

	height:165px;

	border:#666666 1px solid;

	float:left;

	margin-left:10px;

	margin-bottom:10px;

	padding:5px;

	overflow:hidden;}

.id .bild{

	background: url(need/bilder/id/idstandard.jpg);

	height:148px;

	width:110px;

	float:left;

	overflow:hidden;

	border:#666666 1px solid;

	margin-right:5px;}

.tranar{

width:350px;

height:auto;

float:right;}	





.gallery{

	overflow:hidden;

	width:145px;

	height:200px;

	padding:5px;

	float:left;

	border:1px solid #999999;

	margin-left:15px;

	margin-bottom:10px;

	}

	.hov :hover{

	opacity: 0.4; filter: alpha(opacity=40);}

	.gallerytext{height:33px;

	width:150px;

	background:#FFFFFF;

	text-align:center;}

	

.halva{

	height:auto;

	width:50%;

	float:left;}



#footer{

	height:20px;

	width:850px;

	border-top:1px dotted #CCCCCC;}	

	



/*meny*/

#menu ul {

	margin: 0;

	padding: 0;

	list-style: none;

	}

.noborderl{

	border-left:0px;}

.noborderr{

	border-right:0px;}



#menu ul li {

	position: relative;

	float: left;

	width:94px;



}

#menu .under{

	width:110px;

	border-top:1px solid #fff }

	

li ul {

	position: absolute;

	left: 0; /* Set 1px less than menu width */

	top: auto;

	display: none;

	}

li ul ul{

	position: absolute;

	left:100%; /* Set 1px less than menu width */

	top: -.1em;

	display: none;

	}



/* Stilar till menyn*/

ul li a {

	display: block;

	text-decoration: none;

	color: #fff;

	background: #003399; /*pga bugg i IE6 */

	padding: 5px;

	border-left:1px solid #fff;

	border-right:1px solid #fff;

	/*height:30px;*/

	}

ul li a:focus{outline:none;}

/* fixar problem i mac \*/ 

* html ul li a {height:1%}

/* end hack */ 



/*Hover farg*/

li:hover a, li.over a,

li:hover li:hover a, li.over li.over a,

li:hover li:hover li:hover a, li.over li.over li.over a,

li:hover li a:hover, li.over li a:hover,

li:hover li:hover li:hover a:hover, li.over li li a:hover,

li:hover li:hover li:hover li:hover a:hover, li.over li.over li.over li.over a:hover 

{

   color: #777777;

   background-color:#fff;

}





/* set dropdown to default */

li:hover li a, li.over li a,

li:hover li:hover li a, li.over li.over li a,

li:hover li:hover li:hover li a, li.over li.over li.over li a

 {

    color: #fff;

   background-color: #003399;

}

li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul li:hover ul ul, ul li:hover ul ul ul, ul li.over ul ul, ul li.over ul ul ul {

display:none;

}



ul li:hover ul,ul li li:hover ul,ul li li li:hover ul, ul li.over ul, ul li li.over ul,ul li li li.over ul {

	display: block;

}



/*lytebox kod url(need/lytebox/*/







#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }

	#lbOverlay.grey { background-color: #000000; }

	#lbOverlay.red { background-color: #330000; }

	#lbOverlay.green { background-color: #003300; }

	#lbOverlay.blue { background-color: #011D50; }

	#lbOverlay.gold { background-color: #666600; }



#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }

#lbMain a img { border: none; }



#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }

	#lbOuterContainer.grey { border: 3px solid #888888; }

	#lbOuterContainer.red { border: 3px solid #DD0000; }

	#lbOuterContainer.green { border: 3px solid #00B000; }

	#lbOuterContainer.blue { border: 3px solid #5F89D8; }

	#lbOuterContainer.gold { border: 3px solid #B0B000; }



#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }

	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }

	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }

	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }

	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }

	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }



#lbImageContainer, #lbIframeContainer {padding: 10px; }

#lbLoading {

	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(need/lytebox/images/loading.gif) center no-repeat;

}



#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#lbImageContainer>#lbHoverNav { left: 0; }

#lbHoverNav a { outline: none; }



#lbPrev { width: 49%; height: 100%; background: transparent url(need/lytebox/images/prev_grey.gif) left 0% no-repeat; display: block; left: 0; float: left; }

	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(need/lytebox/images/prev_grey.gif) left 0% no-repeat; 	filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(need/lytebox/images/prev_red.gif) left 15% no-repeat; }

	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(need/lytebox/images/prev_green.gif) left 15% no-repeat; }

	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(need/lytebox/images/prev_blue.gif) left 15% no-repeat; }

	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(need/lytebox/images/prev_gold.gif) left 15% no-repeat; }

	

#lbNext { width: 49%; height: 100%; background: transparent url(need/lytebox/images/next_grey.gif) right 0% no-repeat; display: block; right: 0; float: right; }

	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(need/lytebox/images/next_grey.gif) right 0% no-repeat; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}

	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(need/lytebox/images/next_red.gif) right 15% no-repeat; }

	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(need/lytebox/images/next_green.gif) right 15% no-repeat; }

	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(need/lytebox/images/next_blue.gif) right 15% no-repeat; }

	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(need/lytebox/images/next_gold.gif) right 15% no-repeat; }



#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }

	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }

	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }

	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }

	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }

	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }

	

#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }

	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }

	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }

	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }

	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }

	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }

	

#lbDetailsData { padding: 0 10px; }

	#lbDetailsData.grey { color: #333333; }

	#lbDetailsData.red { color: #620000; }

	#lbDetailsData.green { color: #003300; }

	#lbDetailsData.blue { color: #01379E; }

	#lbDetailsData.gold { color: #666600; }



#lbDetails { width: 60%; float: left; text-align: left; }

#lbCaption { display: block; font-weight: bold; }

#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }





#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }

	#lbClose.grey { background: url(need/lytebox/images/close_grey.png) no-repeat; }

	#lbClose.red { background: url(need/lytebox/images/close_red.png) no-repeat; }

	#lbClose.green { background: url(need/lytebox/images/close_green.png) no-repeat; }

	#lbClose.blue { background: url(need/lytebox/images/close_blue.png) no-repeat; }

	#lbClose.gold { background: url(need/lytebox/images/close_gold.png) no-repeat; }



#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }

	#lbPlay.grey { background: url(need/lytebox/images/play_grey.png) no-repeat; }

	#lbPlay.red { background: url(need/lytebox/images/play_red.png) no-repeat; }

	#lbPlay.green { background: url(need/lytebox/images/play_green.png) no-repeat; }

	#lbPlay.blue { background: url(need/lytebox/images/play_blue.png) no-repeat; }

	#lbPlay.gold { background: url(need/lytebox/images/play_gold.png) no-repeat; }

	

#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }

	#lbPause.grey { background: url(need/lytebox/images/pause_grey.png) no-repeat; }

	#lbPause.red { background: url(need/lytebox/images/pause_red.png) no-repeat; }

	#lbPause.green { background: url(need/lytebox/images/pause_green.png) no-repeat; }

	#lbPause.blue { background: url(need/lytebox/images/pause_blue.png) no-repeat; }

	#lbPause.gold { background: url(need/lytebox/images/pause_gold.png) no-repeat; }

	

	
