@import url(http://fonts.googleapis.com/css?family=Mako);
		
		h1,h2,h3,a,img,ul,li,ol{
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		html{
			width:100%;
			height:100%;
		}
		body{
			width:100%;
			height:100%;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			position:relative;
			
			background-color:#000;
			
			font-family: Helvetica, sans-serif;
			color:#FFF;
			}
		img{
			border: 0;
			width: 100%;
			display: block;
			max-width: 100%;
		}
		.clearem{
			clear:both;
		}
		
		
		
		
		#page_hld{
			width:100%;
			height:100%;
			position:absolute;
			overflow:hidden;
			z-index:10;
		}
		header{
			width:98%;
			height:auto;
			margin:1% 1% 0 1%;
			position:absolute;
			z-index:101;
			display:none;
			
			background:rgba(0,0,0,0.5);
			opacity:0.2;
			border-radius:3px;
			border:1px solid rgba(0,0,0,0.5);
		}
		header:hover{
			opacity:1;
			border:1px solid #FFF;
		}
		
		header #breadcrumb{
			width:auto;
			height:16;
			margin:8px 5px 0 5px;
			float:left;
			
			text-transform:uppercase;
			font-size:14px;
			line-height:14px;
		}
		header #breadcrumb a{
			text-decoration:none;
			color:#FFF;
		}		
		header #breadcrumb a:hover{
			text-decoration:underline;
			color:#FFF;
		}
		
		
		header #headnav{
			width:auto;
			height:auto;
			margin-right:2px;
			float:right;
		}			
		header #headnav li{
			width:20px;
			height:20px;
			margin:5px 2px;
			float:right;
			list-style:none;
			background:#FFF;
		}		
		header #headnav .addthis_sharing_toolbox{
			width:auto;
			height:20px;
			margin:5px 2px;
			float:right;
		}
		header #headnav .divider{
			width:auto;
			height:20px;
			margin:5px 2px;
			float:right;
			list-style:none;
			background:none;
		}
		header #headnav li img{
			width:100%;
			height:auto;
		}
		
		
		
		
		#bgimg1{
			position:absolute;
			width:100%;
			z-index:2;
		}
		#bgimg2{
			position:absolute;
			width:100%;
			display:none;
			z-index:1;
		}
		
		#nav_hld{
			width:30%;
			height:100%;
			padding-right:35px;
			position:absolute;
			left:0%; top: 0%;
			z-index:2;
		}
		#mainnav{
			width:90%;
			position:absolute;
			left:1%; bottom: 1%;
			z-index:2;
		}
		#pull_left{
			width:60px;
			height:100px;
			position:absolute;
			right:0px; top:50%;
			margin-top:-75px;
			display:none;
			
			background:url('../img/pull_left.png') center left no-repeat;
		}
		#mainnav .nor{
			width:100%;
			height:auto;
			padding:11px 0 12px 0;
			margin:0 0 0 0;
			/*background:url(../img/fade-streep_m800.png) 29px 44px no-repeat;*/
			background: -webkit-linear-gradient(left, rgba(255,255,255,0.8), rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(right, rgba(255,255,255,0.8), rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(right, rgba(255,255,255,0.8), rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */
			background: linear-gradient(to right, rgba(255,255,255,0.8), rgba(255,255,255,0)); /* Standard syntax (must be last) */
			background-size: 100% 1px;
			background-repeat: no-repeat;
			background-position: 29px bottom;

			
			list-style:none;

			font-family: 'Mako', sans-serif;
			font-size:24px;
			line-height:24px;
			font-weight:normal;
			text-transform:uppercase;
			color:#FFFFFF;
			text-shadow:1px 1px 2px #000;
			filter: dropshadow(color=#000000, offx=1, offy=1);
		}
		#mainnav .down{
			width:100%;
			height:auto;
			padding:11px 0 12px 0;
			margin:0 0 0 0;
			/*background:url(../img/fade-streep_m800.png) 29px 44px no-repeat;*/
			background: -webkit-linear-gradient(left, rgba(255,255,255,0.8), rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(right, rgba(255,255,255,0.8), rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(right, rgba(255,255,255,0.8), rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */
			background: linear-gradient(to right, rgba(255,255,255,0.8), rgba(255,255,255,0)); /* Standard syntax (must be last) */
			background-size: 100% 70px;
			background-repeat: no-repeat;
			background-position: 29px bottom;

			
			list-style:none;

			font-family: 'Mako', sans-serif;
			font-size:24px;
			line-height:24px;
			font-weight:normal;
			text-transform:uppercase;
			color:#FFFFFF;
			text-shadow:1px 1px 2px #000;
			filter: dropshadow(color=#000000, offx=1, offy=1);
		}
		.nav a{
			text-decoration:none;
			color:#FFFFFF;
		}
		
		
		
		
		
		
		
		#content_hld{
			width:60%;
			height:90%;
			position:absolute;
			z-index:2;
			top:8%;
			right:1%;
			
			/*border:1px solid green;*/
		}
		#pull_right{
			width:25px;
			height:50px;
			position:absolute;
			left:0px; top:42%;
			margin-top:-25px;
			display:none;
			
			background:url('../img/pull_right.png') top right no-repeat;
		}
		#content_hld #page_title{
			width:100%;
			height:8%;
			padding:0 0 2% 0;
			overflow:hidden;
			position:relative;
			text-align:right;
			text-shadow:1px 1px 2px #000;
			filter: dropshadow(color=#000000, offx=1, offy=1);
		}
		#content_hld #page_title h1{
			padding:0 0 0 0;
			margin:0 0 0 0;
			font-family: 'Mako', sans-serif;
			font-size:38px;
			line-height:38px;
			font-weight:normal;
			text-transform:uppercase;
		}
		#content_hld .streep{
			width:92%;
			height:2px;
			position:relative;
			background:url(../img/fade-streep_right_m1400.png)right bottom no-repeat;
		}
		#content{
			width: 100%;
			height: 90%;
			/*border:1px solid blue;*/
			position:relative;
			
			overflow:scroll;
		}
		#content .item_title{
			width:64%;
			height:40px;
			margin:5px 0 0 8%;
			position:relative;
			overflow:hidden;
			
			text-align:right;
			font-family: 'Mako', sans-serif;
			text-transform:uppercase;
			font-style:italic;
			
		}
		#content .item_title h2{
			line-height:30px;
			font-size:30px;
			font-weight:normal;
			margin:0 5px 0 0;
			
			text-shadow:1px 1px 2px #000;
			filter: dropshadow(color=#000000, offx=1, offy=1);
		}
		#content .item_sub_title{
			width:64%;
			margin-left:8%;
			height:30px;
			position:relative;
			overflow:hidden;
			
			text-align:right;	
			font-style:italic;
		}
		#content .item_sub_title h3{
			font-size:20px;
			font-weight:normal;
			line-height:20px;
			margin:0 2px 0 0;
			
			text-shadow:1px 1px 2px #000;
			filter: dropshadow(color=#000000, offx=1, offy=1);
		}
		#content .page_btn_hld{
			width:100%;
			height:30px;
		}
		#content .item_pages{
			width:64%;
			margin-left:8%;
			height:25px;
			float:left;
			overflow:hidden;
			position:relative;
			text-shadow:1px 1px 2px #000;
			filter: dropshadow(color=#000000, offx=1, offy=1);
		}
		#content .item_pages ul{
			margin:0 0 0 0;
			padding:0 0 0 0;
			list-style:none;
		}
		#content .item_pages li{
			float:right;
			margin:0 0 0 6px;
		}
		#content .item_pages li a{
			color:#FFFFFF;
			text-decoration:none;
		}
		#content .item_pages li a:hover{
			color:#ff0000;
			text-decoration:none;
		}
		#content #hidetext{
			width: 20%;
			height:24px;
			padding:6px 0 0 0;
			overflow:hidden;
			float:left;
			
			font-size:11px;
			text-align:right;
			text-transform:uppercase;
			text-shadow:1px 1px 2px #000;
			filter: dropshadow(color=#000000, offx=1, offy=1);
		}
		#content #hidetext a{
			color:#FFFFFF;
			text-decoration:none;
		}
		#content #hidetext a:hover{
			color:#FFFFFF;
			text-decoration:underline;
		}
		
		
		
		
		
		#item_tekst{
			width:84%;
			padding:20px 0 20px 8%;
			margin:0 0 0 0;
			height:auto;
			position:relative;
			text-align:justify;
			text-shadow:1px 1px 2px #000;
			filter: dropshadow(color=#000000, offx=1, offy=1);
		}
		#item_tekst a{
			color:#FFF;
			text-decoration:none;
		}
		#item_tekst a:hover{
			color:#FFF;
			text-decoration:underline;
		}

		#item_nav{
			width:84%;
			margin:10px 0 20px 8%;
			height:auto;
			position:relative;
			text-align:justify;
			text-shadow:1px 1px 2px #000;
			filter: dropshadow(color=#000000, offx=1, offy=1);
		}
		#item_nav .item_nav_back{
			width:auto;
			height:auto;
			float:left;
		}
		#item_nav .item_nav_prev{
			width:auto;
			height:auto;
			margin-right:15px;
			float:right;
		}
		#item_nav .item_nav_next{
			width:auto;
			height:auto;
			float:right;
		}
		#item_nav .item_nav_back a,#item_nav .item_nav_prev a,#item_nav .item_nav_next a{
			color:#FFF;
			font-size:11px;
			text-decoration:none;
			text-transform:uppercase;
		}
		#item_nav .item_nav_back a:hover,#item_nav .item_nav_prev a:hover,#item_nav .item_nav_next a:hover{
			color:#FFF;
			text-decoration:underline;
		}


		

			
			
			
			
			
			
			
		
		
		
		
		
		
		
		
		
.item_cnt{
			width:84%;
			height:60px;
			padding:20px 0 20px 0;
			background:url(../img/fade-streep_right_m1400.png)right bottom no-repeat;
			text-align:right;
			font-style:italic;
		}
.item_cnt h2{
			height:30px;
			padding-right:5px;
			overflow:hidden;
			font-weight:normal;
			font-size:26px;
			text-transform:uppercase;
		}
.item_cnt h3{
			height:30px;
			padding-right:5px;
			overflow:hidden;
			font-weight:normal;
			font-size:21px;
			text-transform:lowercase;
		}
.item_cnt a{
	color:#FFFFFF;
	text-decoration:none;
}




/* For portrait, we want the tool bar on top */

@media (orientation: portrait) {
  #rotation {
    width: 100%;
    height: 100%;
	display:block;
  }
  #rotation  img{
    width: 100%;
    height: auto;
  }
}

/* For landscape, we want the tool bar stick on the left */

@media (orientation: landscape) {
  #rotation {
	display:none;
  }	
}