﻿@font-face {
	font-family: "SikkerTrafik-Nilland-ExtraBold";
	src: url(fonts/Nilland-ExtraBold.ttf) format("truetype");
	font-weight: normal;
}

html, body {
	margin:0;
	padding:0;
}
html {
	overflow-y:scroll;
}
body {
	font-family: Verdana,Tahoma,Geneva,sans-serif;
	font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size: 12px;
	background:#fff url(img/body-bagground.png) repeat-x top;
}
a img {
	border:0;
}
a:link,
a:visited
{
	color:#75b515;
}
a:focus,
a:hover
{
	color:#005427;
}
a.pidlink {
display:none;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom:0;
	clear:left;
}
h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * {
	margin-top:0;
}
ul {
	color:#78B617;
}
ul li {
	color:#212121;
}

#page {
	width:960px;
	margin:0 auto;
	position:relative;
	padding-bottom: 20px;
}
	#head {
		position:relative;
		height:172px;
	}
		#head ul {
			margin:0;
			padding:0;
			list-style: none;
		}
			#head li {
				margin:0;
				padding:0;
			}
				#head a {
					margin:0;
					padding:0;
				}

		#logo {
			position: absolute;
			left:0;
			top:21px;			
		}
		#menu-secondary {
			position: absolute;
			right:190px;
			top:36px;	
		}
			#menu-secondary ul {
				float:left;
				list-style: none;
				margin-left:20px;
			}
				#menu-secondary li {
					background: url(img/bullet-secondary.png) no-repeat scroll 0 3px;
					padding-left: 10px;
					height: 20px;
					line-height: 14px;
				}
			
				#menu-secondary a {
					text-decoration: none;
					/* padding:1px 10px 2px 1px;
					display:inline-block; */
				}
					#menu-secondary a:focus,
					#menu-secondary a:hover,
					#menu-secondary a.selected,
					#menu-secondary a.inpath
					{
						text-decoration: underline;
					}
		
		#search {
			position: absolute;
			right:0;
			top:70px;	
			width:162px;
			height:25px;
			background:url(img/search-box-narrow.png) no-repeat;
		}
			#search label {
				display:none;
			}
			#search #q {
				border:0;
				margin:0;
				padding:2px 4px 0px 8px;
				background: transparent;
				width:125px;
				height:24px;				
				position:absolute;
				top:0;
				right:25px;
				font-size: 16px;
				color:white;
			}
			#search #q:focus,
			#search #q:hover
			{
				color:black;
			}
			#search .submit {
				border:0;
				margin:0;
				padding:0;
				background: transparent;
				width:25px;
				height:25px;				
				position:absolute;
				top:0;
				right:0;
				text-indent:-999em;
			}
		
		#menu-primary {
			position: absolute;
			left:0;
			right:0;
			bottom:11px;	
			background:#121212 url(img/menu-gradient.png) repeat-x bottom;
			border:1px solid black;
			-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
			-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
			box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
			#menu-primary ul {
				display:block;
				border:1px solid #4f4f4f;
				height:46px;
				padding-left:6px;
				-webkit-border-radius: 1px;
				-moz-border-radius: 1px;
				border-radius: 1px;
				overflow:hidden;
			}
				#menu-primary li {
						float:left;
				}
					#menu-primary a {
						color:white;
						text-decoration: none;
						font-size:16px;
						padding:14px 12px;
						float:left;
					}
					#menu-primary > ul > li > a:focus,
					#menu-primary > ul > li > a:hover,
					#menu-primary > ul > li > a.selected,
					#menu-primary > ul > li > a.inpath {
						color:#76b615;
					}
		#tool {
			position: absolute;
			right:11px;
			bottom:19px;	
			-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
			-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
			box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
		}
			#tool li {
				float:left;
				list-style:none;
			}
				#tool a {
					float:left;
					background:white;
					min-width:40px;
					min-height:30px;
					border:1px solid #000;
					margin-right:-1px;
					background:#515151 url(img/tool-gradient.png) repeat-x bottom;
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
				}
					#tool img {
						display:block;
					}
				#tool a:focus,
				#tool a:hover
				{
					background:#121212 url(img/menu-gradient.png) repeat-x bottom;
				}

		#breadcrumb {
			position: absolute;
			left:0;
			bottom:-20px;	
			background: url(img/breadcrumb-background.png) no-repeat right;
			padding-right:20px;
			padding-left:5px;
		}
			#breadcrumb ul {
				display:inline;
			}
				#breadcrumb li {
					display:inline;
				}
				#breadcrumb a,
				#breadcrumb span
				{
					display:inline-block;
					padding:4px 2px 7px 5px;
					text-decoration:none;
					font-size:11px;
				}
				#breadcrumb a:link,
				#breadcrumb a:visited
				{
				}
				#breadcrumb a:focus,
				#breadcrumb a:hover
				{
					text-decoration:underline;
				}
				#breadcrumb li li:before {
					content: ">";
					display:inline;
				}

	#target {
		overflow: hidden;
		height: 270px;
		position: relative;
		top: 10px;
	}

		#target h2{
			font-size: 50px;
			height: 130px;
			/* line-height: 60px; */
			margin: 10px 0 0 20px;
			width: 280px;
			
			font-weight: normal;
			font-family: "SikkerTrafik-Nilland-ExtraBold", 'Courier New', Courier, monospace;
			font-family: "SikkerTrafik-Nilland-ExtraBold", Consolas,'Lucida Console',Monaco,monospace;
		}
		
		#target h3 {
			font-size: 12px;
			height: 29px;
			line-height: 29px;
			margin: 0px;
		}
		
		#target p {
			margin: 0 0 0 20px;
			width: 240px;
		}
		
		#target #inmate {
			width: 480px;
			height: 270px;
			position: absolute;
			top: 0px;
		}

			#target #inmate h3 {
				position: absolute;
				top: 200px;
				left: 130px;
			}
			
			#target #inmate img.gf {
				position: absolute;
				bottom: 0px;
				right: 0px;
			}	
			
		#target #family {
			width: 240px;
			height: 270px;
			position: absolute;
			top: 0px;
			left: 480px;
		}
		
			#target #family h3 {
				position: absolute;
				top: 200px;
				left: 30px;
			}
	
			#target #family img.gf {
				position: absolute;
				top: 0px;
				right: 0px;
			}
	
		#target #children {
			width: 240px;
			height: 270px;
			position: absolute;
			top: 0px;
			left: 720px;
		}		

			#target #children h3 {
				position: absolute;
				top: 200px;
				left: 10px;
			}		
		
			#target #children img.gf {
				position: absolute;
				bottom: 0px;
				right: 0px;
			}			

		#target h3 img {
			display:block;
			float:left;
			margin-right:10px;
		}

	.main#front {
		background: #fff url(img/main-background-front.png) repeat-y top left;
		overflow: hidden;
		margin-top: 20px;
		border-bottom: 1px solid black;
		clear: both;
	}
		
	.main#segmentwrap {
		background: #fff url(img/main-background-segment.png) repeat-y top left;
		clear: both;
	}
		
	.main {
		background: #fff url(img/main-background.png) repeat-y top left;
		overflow:hidden;
		margin-top:54px;
		border-bottom:1px solid black;
	}

		#fullwidth {
			background: #fff url(img/main-background-wide.png) repeat-y top left;
		}

		.main h1,
		.main h2 {
			background:#1C1C1C url(img/tool-gradient.png) repeat-x top;
			color:white;
            overflow:hidden;
			font-size:28px;
			height:42px;
			line-height:42px;
			margin:0;
			
			font-weight:normal;
			font-family: "SikkerTrafik-Nilland-ExtraBold", 'Courier New', Courier, monospace;
			font-family: "SikkerTrafik-Nilland-ExtraBold", Consolas,'Lucida Console',Monaco,monospace;
			text-shadow:0 0 5px black;
		}
		.main h1 img,
		.main h2 img {
			display:block;
			float:left;
			margin-right:10px;
		}
		.main .manchet {
			background:#76b615 url(img/manchet-gradient.png) repeat-x top;
			color:#1e221c;
			margin:0 1px 0 1px;
		}
		.main .manchet .manchet-wrap {
			background:url(img/manchet-mand.png) no-repeat bottom right;
			padding:36px 70px 28px 50px;
		}
		.main .manchet h2 {
			margin:0 0 0 0;
			padding:0;
			background:transparent;
			color:black;
			font-family: inherit;
			font-size:30px;
			font-weight: normal;
			text-shadow:0 0 0 black;
		}
		.main .manchet p {
			font-size:16px;
			margin:0 0 12px 0;
			padding:0;
		}

		#col1 {
width:458px;
margin-left: 1px;
			float: left;
		}
		
			#col1 .box ul, #segmentwrap #content .box ul,
			#front #col1 ul {
				width: 189px;
				float: left;
				list-style: none;
				padding-left: 20px;
				margin-bottom: 10px;
			}
		
				#col1 .box li, #segmentwrap #content .box li,
				#front #col1 li {
					width: 110px;
					background: url(img/icon-arrow-small.png) no-repeat scroll 0 0;
					padding-left: 35px;
					height: 23px;
					line-height: 20px;
				}
		
		#col2 {
			width: 500px;
			float: left;
		}
		
		#content {
			width:739px;
			float:left;
		}

                            #fullwidth #content {
				width: 960px;
				float: left;
            }
			#content .section {
				float: left;
				width: 268px;
				margin: 36px 0 12px 1px;
			}
			
			.section ul {
				list-style:none;
				margin:0;
				padding:0;
			}
			.section li {
				margin:0;
				padding:0;
			}
			.section ul a {
				text-decoration:none;
				padding-left: 50px;
				padding: 5px 5px 5px 50px;
				display:block;
                                                                font-weight: bold;

			}
			.section ul ul a {
				padding-left: 90px;
			}
			.section a:focus, 
			.section a:hover {
				text-decoration:underline;
			}
			.section a.selected {
				background: url(img/section-arrow.png) no-repeat left center;
			}

			#content .content {
				float:right;
				width:458px;
				margin:12px 1px 0 0;
			}

                                                #segmentwrap #content .content {
                                                                margin: 0 1px 0 0;
                                                 }

                                     #fullwidth #content .content {
					width: 669px;
				}
				#content .content p,
				#content .content ul,
				#content .content div.shortcut,
				#content .content div.fakta,
				#content .content table.data
				{
					max-width:400px;
				}
                    
                                     #content .content p {
					margin-top: 0;
				}

                                     #content .content div.shortcut {
					margin-bottom: 12px;
				}
#print {
	height:24px;
}
#print a {
	float:right;
	padding:0;
	margin:0 24px 0 0;
	text-indent:-9999px;
	display:block;
	width:16px;
	height:16px;
	background:url(img/icon-print.png) no-repeat;	
	outline:0;
}

		#side {
			width:221px;
			float:left;
		}
			#side .box h3,
			#side .box p,
			#side .box ul
			{
				margin:10px 15px;
				
			}
			#side .box ul {
				margin-left:0;
			}
		
		
	#foot {
		width:100%;
	}			
		#foot h2 {
			font-size:16px;
			font-weight: normal;
			margin-bottom: 8px;
		}	
		#foot ul {
			margin:0;
			padding:0 0 0 18px;
		}
			#foot li {
				margin:0;
				padding:2px 0;
			}
		#foot .foot {
			background:url(img/foot-gradient.png) repeat-x bottom;
		}	
		#foot .links-newsservice-about {
			width:960px;
			margin:0 auto;
			overflow:hidden;
			background:url(img/foot-about-image.png) no-repeat bottom right;			
		}
		#links {
			float:left;
			width:33%;
			padding-top:15px;
		}	
		#newsservice {
			float:left;
			width:33%;
			padding-top:20px;
		}	
		#about {
			float:left;
			width:33%;
			padding-top:20px;
			min-height:155px;
		}	

			#links ul, #newsservice ul {
				float:left;
				list-style: none;
				padding: 0;
			}
				#links li, #newsservice li {
					background: url(img/bullet-secondary.png) no-repeat scroll 0 5px;
					padding-left: 10px;
					height: 20px;
					line-height: 14px;
				}

		#address {
			width:100%;
			background:black;
			color:white;
			border-top:1px solid #848484;
		}
			#address .address {
				width:960px;
				margin:0 auto;
				text-align:center;
			}					
			#address p {
				line-height: 32px;
				display:inline;
				padding:0 10px;
				border-left:1px solid white;
			}					
			#address p:first-child {
				border:0;
			}
			#address a:focus,
			#address a:hover
			{
				color:#fff;
			}

table.data {
	background:#74B415 url(img/table-gradient.png) repeat-x top;
	border-spacing: 1px;
}
	table.data caption {
		text-align:left;
		font-size:16px;
		margin:10px 0;
	}

	table.data tbody tr:nth-child(odd)
	{
		background-color:#fff; 
	}
	table.data tbody tr:nth-child(even)
	{ 
		background-color:#C8E2A1; 
	}

	table.data th {
		color:white;
		font-size:16px;
		font-weight:normal;
		padding:10px 15px;
		text-align:left;
	}
	table.data td {
		color:black;
		padding:5px 15px;
	}
				
.shortcut {
	background:#121212 url(img/menu-gradient.png) repeat-x bottom;
	border:1px solid rgb(42, 42, 42);
	-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 240px;
	margin: 10px;
}			

	.shortcut.js {
		position:absolute;
		right:0;
	}
							
	.shortcut ul {
		padding:0;
		margin:0;
		list-style: none;
	}					
		.shortcut ul li {
			position:relative;
			padding:0;
			margin:0;
		}
			.shortcut ul li a {
				color:white;
				text-decoration:none;
				font-size:16px;
				padding:4px;
				display:block;
				color:white;
				border:1px solid #414141;
				background:url(img/shortcut-icon.png) no-repeat right;
			}
			
				.shortcut ul ul {
					background:#fff;
					-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
					-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
					box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
					border-top:0;
					padding:0 0 5px 0;
					margin:0 1px 0 1px;
					list-style: none;
					border-top:1px solid #212121;
				}
				.shortcut.js ul ul {
					position:absolute;
					left:0;
					right:0;
				}
					.shortcut ul ul  a {
						font-size:12px;
						background:white;
						color:#75b515;
						text-decoration:underline;
						-webkit-box-shadow:0 0 0 rgb(0, 0, 0);
						-moz-box-shadow:0 0 0 rgb(0, 0, 0);
						box-shadow:0 0 0 rgb(0, 0, 0);
						-webkit-border-radius: 0;
						-moz-border-radius: 0;
						border-radius: 0;	
						border:0;
						padding:3px 5px;
					}
					.shortcut ul ul a:link,
					.shortcut ul ul a:visited
					{
						color:#75b515;
					}
					.shortcut ul ul a:focus,
					.shortcut ul ul a:hover
					{
						color:#005427;
					}
	
.fakta {
	border:1px solid #76b615;
	background:#74B415 url(img/table-gradient.png) repeat-x top;
}
.main .fakta h2 {
	background: url(img/icon-fakta.png) no-repeat left;
	padding-left:52px;
	text-shadow:0 0 5px rgba(0, 0, 0, 0.5);
}
.fakta .text{
	background:white;
	padding:10px 20px;
}

.newsitem {
	float: left;
	clear: left;
	margin-bottom: 1px;
	width: 500px;
}
	.newsitem .photo {
		float: left;
		width: 160px;
	}

	.newsitem .text {
		overflow: hidden;
		height: 100px;
		width: 340px;
		float: left;
	}
		.newsitem .text h3 {
			clear: none;
			padding: 0 10px 0 30px;
			background: url(img/icon-arrow-small.png) no-repeat;
			height: 21px;
			font-size: 16px;
			margin-top: 7px;
		}

                  .newsitem .text h3 a {
			text-decoration: none;
			color: #000;
		}

		.newsitem .text h3 a:hover, .newsitem .text h3 a:focus {
			text-decoration: underline;
			color:#005427;
		}
		
		.newsitem .text p {
			margin: 0;
			padding: 0 10px 0 30px;
			font-style: italic;
		}

			.newsitem .text p.date {
				padding: 5px 0 5px 30px;
				background: #76b615;
				color: #fff;
				font-weight: bold;
				font-style: normal;
			}

/* NEWS LIST SIDEBAR */
                   #side .box .newslist .item.sidebar {
                                                margin-bottom: 10px;
                                 }  
 
   	   #side .box .newslist .item.sidebar h3 {
			clear: none;
                                                margin: 0 0 0 21px;
			padding: 0 10px 0 30px;
			background: url(img/icon-arrow-small.png) no-repeat;
			font-size: 14px;
		}

                  .newslist .item.sidebar h3 a {
			text-decoration: none;
			color: #000;
		}

		.newslist .item.sidebar h3 a:hover,
		.newslist .item.sidebar h3 a:focus {
			text-decoration: underline;
			color:#005427;
		}
		
		#side .box .newslist .item.sidebar p {
			margin: 0;
			padding: 0 10px 5px 50px;
			font-style: italic;
		}

/* NEWS LIST */
.newsbox {
         margin-bottom: 10px;
         width: 400px;
         float: left;
}

.newsphoto {
        float: left;
        padding: 0px 20px 5px 0px;
        width: 160px;
}

.newstext {
        float: left;
        width: 220px;
}

	.newstext h3 {
		margin: 0;
	}

		.newstext h3 a {
			text-decoration: none;
			color: #000;
		}

			.newstext h3 a:focus,
			.newstext h3 a:hover
			{
				color:#005427;
				text-decoration: underline;
			}

#paginering {
        float: left;
        width: 400px;
}


/* DOWNLOAD */
#download ul {
         list-style: none;
         margin: 0;
         padding-left: 20px;
}

	#download li {
			  background: url(img/icon-arrow-small-download.png) no-repeat;
			  height: 25px;
			  padding-top: 2px;
	}

		#download li a {
				  padding-left: 30px;
				  text-decoration: none;
		}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {

	.shortcut ul ul {
		outline:1px solid rgba(42,42,42,0.5);
	}
}


/* SEARCH */
.searchResultItem h3 a {
           text-decoration: none;
           color: #000;
}

.searchResultItem h3 a:hover, 
.searchResultItem h3 a:focus {
           text-decoration: underline;
}

.searchResult .info {
           padding-top: 10px;
}

.searchResult .last {
           margin-bottom: 20px;
}


/* SEGMENT */
#segmenttext {
        position:relative;
}
#segmenttext .text {
     position: absolute;
     top: 0px;
     left: 480px;
     width: 400px;
}

#segmenttext .text h3 {
      font-size: 30px;
}

#segmenttext .text p {
       font-size: 16px;
}

/*
	ImageMap
*/
#content #imageMapContainer
{
	border:1px solid #78b719;
	width:627px;
	overflow:hidden;
	margin-bottom:10px;
	max-width:627px;
}
#content #imageMapContainer ul
{
	list-style-type:none;
	margin:0;
padding-left:0;
}
#content #imageMapContainer li
{
	padding:5px;
}
#content #imageMapContainer hr
{
                border:none;
	border-top:1px solid #e5e5e5;
}
#content #imageMapHead
{
	background:url(../images/imgmap/icon_info_white.png) left top no-repeat #78b719;
	padding-left:50px;
	height:41px;
}
#content #imageMapHead h2
{
	font-weight:normal;
    background:none;
}
#content #imageMapLinks
{
	width:180px; 
	float:left;
	text-align:left;
}
#content #imageMapContainer .text
{
    overflow:hidden;
}
#imgmaplegend
{
    float:left;
    width:180px;
}
#storelocator
{
    float:left;
}
/* Transparent image overlay */
.block.box.theme
{
    float:left;
    display:inline;
    overflow:hidden;
    position:relative;
}
.image.overlay
{
    position:relative;
}
.trans
{
    position:absolute;
    bottom:0;
    color:#FFF;
    width:422px;
    padding:5px 15px;
    white-space:normal;
	background: #76b615;
      background: rgba(118, 182, 21, 0.7);

}
.box .trans
{
    padding:20px;
}
.trans .text
{
    padding:0;
}
.trans .text,
.trans .text a,
.trans .text ul li
{
    color:#FFF;
    float:left;
}
.trans h2, .trans h3
{
    background:none;
    font-size:36px;
}
.trans h2 a,
.trans h3 a
{
    text-decoration:none;
}
.trans .paragraphimage
{
    float:left;
margin-left:-20px;
margin-right:10px;
}
.header
{
    width:457px;
}