
/* ----- BASICS ELEMENTS ------------------------------------------------------------------------------------------------- */

html { height: 100%; }

body { 
		font-family : Arial, Geneva, Helvetica, sans-serif;
		color : #000000;
		background-color: #ffffff; 
		margin: 0px; 
		padding: 0px;
		text-align: center;
		letter-spacing : 0.0px;
		min-height: 100%;
		height: 100%;
		height: auto;
		
		background-image: url(/images/background.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		}
		
		
/* ----- LAYOUT ------------------------------------------------------------------------------------------------------ */
#container { 
	width: 850px;
	height: auto;
	height: 100%;
	min-height: 100%;
	background-color: transparent; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 50px;
	text-align: left;
	position: relative;
	border: 0px solid #ffffff;
	}
	
#containerWide { 
	width: 1050px;
	height: auto;
	height: 100%;
	min-height: 100%;
	background-color: transparent; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 50px;
	text-align: left;
	position: relative;
	border: 0px solid #ffffff;
	}
	
	
	#pageTop { 
			background: url(../images/corner_top.png) no-repeat top; 
			width: 850px;
			height: 16px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			font-size : 2px;
			}
	#pageTopWide { 
			background: url(../images/corner_top_wide.png) no-repeat top; 
			width: 1050px;
			height: 16px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			font-size : 2px;
			}

			
#container_middle { 
		background: url(../images/corner_middle.png) repeat-y;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px;
		height: auto;
		height: 100%;
		min-height: 100%;
		position: relative;
		letter-spacing : 0.0px;
		}

#container_middleWide { 
		background: url(../images/corner_middle_wide.png) repeat-y;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px;
		height: auto;
		height: 100%;
		min-height: 100%;
		position: relative;
		letter-spacing : 0.0px;
		}

	#menu {
			font-size : 0.80em;
			margin-left: 10px;
			margin-right: 10px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px;
			height: auto;
			height: 100%;
			min-height: 100%;
			position: relative;
			}
			
	#main { 
			height: auto;
			height: 100%;
			min-height: 100%;
			}

	
#pageContent { 
			font-size : 0.80em;
			margin-left: 0px;
			width: 616px;
			height: auto;
			height: 100%;
			min-height: 100%;
			position: relative;
			border: 0px solid #00ff00;
			}			

#pageContentWide { 
			font-size : 0.90em;
			margin-left: 0px;
			width: 816px;
			height: auto;
			height: 100%;
			min-height: 100%;
			position: relative;
			border: 0px solid #00ff00;
			}
			
			
#pageBottom {
			background: url(../images/corner_bottom.png) no-repeat top; 
			width: 850px;
			height: 30px;
			position: relative;
			}
#pageBottomWide {
			background: url(../images/corner_bottom_wide.png) no-repeat top; 
			width: 1050px;
			height: 30px;
			position: relative;
			}
			
	#pageBottomMadeBy {
			background: none;
			background-color: #ffffff;
			width: 850px;
			height: 25px;
			padding-right : 20px;
			text-align: right;
			}
		#pageBottomMadeByWide {
			background: none;
			background-color: #ffffff;
			width: 1050px;
			height: 25px;
			padding-right : 20px;
			text-align: right;
			}

	.pageBottomMadeBy, pageBottomMadeBy:link, pageBottomMadeBy:active, pageBottomMadeBy:visited {
			background-color: transparent;
			color : #ababab;
			font-size : 10px;
			text-decoration : none;
			}
	.pageBottomMadeBy:hover, pageBottomMadeBy:visited:hover {
			background-color: transparent;
			color : #ababab;
			font-size : 10px;
			text-decoration : underline;
			}
		.pageBottomMadeByWide, pageBottomMadeByWide:link, pageBottomMadeByWide:active, pageBottomMadeByWide:visited {
			background-color: transparent;
			color : #ababab;
			font-size : 10px;
			text-decoration : none;
			}
		.pageBottomMadeByWide:hover, pageBottomMadeByWide:visited:hover {
			background-color: transparent;
			color : #ababab;
			font-size : 10px;
			text-decoration : underline;
			}


			
			
			
/*----------------------- MENYN-------------------------------------*/

.meny	{
		color : #00447a;
		background-color : #dbebf6;
		border: solid 1px #bbdbee;
		text-align : left;
/*		height : 25px;*/
		width : 200px;
		padding-top : 3px;
		padding-left : 10px;
		padding-right : 5px;
		padding-bottom : 3px;
		vertical-align : middle;
		font-family : Arial, Geneva, Helvetica, sans-serif;
		font-size : 1.0em;
		font-weight : normal;
		}
.meny a	{
		color: #00447a;
		text-decoration : none;
		display : block;
		width : 100%;
		}
.meny a:hover {
		color: #00447a;
		}

	#menylogo	{
		background-color : #ffffff;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px;
		text-align: center;
		}
		
	.menyAdress	{
			color : #00447a;
			background-color : #dbebf6;
			border-top: solid 1px #bbdbee;
			border-right: solid 1px #bbdbee;
			border-bottom: solid 0px #bbdbee;
			border-left: solid 1px #bbdbee;
			text-align:center;
/*			height : 25px; */
			width : 200px;
			padding-top : 3px;
			padding-left : 10px;
			padding-right : 5px;
			padding-bottom : 0px;
			vertical-align : middle;
			font-family : Arial, Geneva, Helvetica, sans-serif;
			font-size : 1.0em;
			font-weight : normal;
			}		

		
.menyVALD	{
		color : #ffffff;
		background-color : #00447a;
		text-align:left;
/*		height : 25px;*/
		width : 200px;
		padding-top : 3px;
		padding-left : 10px;
		padding-right : 5px;
		padding-bottom : 3px;
		vertical-align : middle;
		font-family : Arial, Geneva, Helvetica, sans-serif;
		font-size : 1.0em;
		font-weight : normal;
		letter-spacing : 0.5px;
		}
.menyVALD a	{
		color: #ffffff;
		text-decoration : none;
		display : block;
		width : 100%;
		}
.menyVALD a:hover {
		color: #ffffff;
		}



		
.menyNivaTva	{
		color : #00447a;
		background-color : #dbebf6;
		border: solid 1px #bbdbee;
		text-align:left;
/*		height : 25px; */
		width : 200px;
		padding-top : 0px;
		padding-left : 20px;
		padding-right : 5px;
		padding-bottom : 0px;
		vertical-align : middle;
		font-family : Arial, Geneva, Helvetica, sans-serif;
		font-size : 0.9em;
		font-weight : normal;
		letter-spacing : 0.5px;
		}
.menyNivaTva a	{
		color: #00447a;
		text-decoration : none;
		display : block;
		width : 100%;
		}
.menyNivaTva a:hover {
		color: #00447a;
		}

.menyNivaTvaVALD	{
		color : #ffffff;
		background-color : #00447a;
		text-align:left;
/*		height : 25px; */
		width : 200px;
		padding-top : 0px;
		padding-left : 20px;
		padding-right : 5px;
		padding-bottom : 0px;
		vertical-align : middle;
		font-family : Arial, Geneva, Helvetica, sans-serif;
		font-size : 0.9em;
		font-weight : normal;
		letter-spacing : 0.5px;
		}
.menyNivaTvaVALD a	{
		color: #ffffff;
		text-decoration : none;
		display : block;
		width : 100%;
		}
.menyNivaTvaVALD a:hover {
		color: #ffffff;
		}		




		
/*------------------------------------------------------------*/			
			
			
			
			
			
			
			
/* ----------------- Produkter ----------------------*/			
#products_container { 
	width: 816px;
	height: auto;
	height: 100%;
	min-height: 100%;
	background-color: transparent; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	font-size : 0.88em;
	border: 0px solid #000000;
	}

	
	#products_Top { 
			background: url(../../images/products_bg_top.png) no-repeat top; 
			width: 816px;
			height: 10px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			font-size : 20px;
			}

			
	#products_container_middle { 
			background: url(../../images/products_bg_middle.png) repeat-y;
			width: 816px;
			height: auto;
			height: 100%;
			min-height: 100%;
			margin-top: 0px;
			margin-bottom: 0px;
			padding-left: 0px;
			}

	#products_Bottom {
			background: url(../../images/products_bg_bottom.png) no-repeat top; 
			width: 816px;
			height: 10px;
			position: relative;
			font-size : 2px;
			}	
			
.produktsidrubrik{
			font-family : Arial, Geneva, Helvetica, sans-serif;
			color : #000000;
			margin: 0px; 
			padding: 0px;
			font-size : 1.5em;
			font-weight : bold;
			}

.pris {
			font-family : Arial, Geneva, Helvetica, sans-serif;
			color : #000000;
			margin: 0px; 
			padding: 0px;
			font-size : 1.1em;
			}
.pris2 {
			font-family : Arial, Geneva, Helvetica, sans-serif;
			color : #000000;
			margin: 0px; 
			padding: 0px;
			font-size : 1.3em;
			font-weight : bold;
			}
#produktspec {
			font-family : Arial, Geneva, Helvetica, sans-serif;
			color : #000000;
			margin: 0px; 
			padding: 0px;
			text-align: left;
			font-size : 0.9em;
			/*letter-spacing : 0.5px;*/
			}
.produktspecrubrik {
			font-family : Arial, Geneva, Helvetica, sans-serif;
			color : #000000;
			margin: 0px; 
			padding: 0px;
			text-align: left;
			font-size : 1.1em;
			font-weight : bold;
			/*letter-spacing : 0.5px;*/
			}
			
.products_serie{
			font-family : Arial, Geneva, Helvetica, sans-serif;
			color : #ffffff;
			margin: 0px; 
			padding: 0px;
			text-align: center;
			font-size : 0.9em;
			font-weight : bold;
			letter-spacing : 0.5px;
			}
.products_serie a{
			font-family : Arial, Geneva, Helvetica, sans-serif;
			color : #ffffff;
			margin: 0px; 
			padding: 0px;
			text-align: center;
			font-size : 0.9em;
			font-weight : bold;
			letter-spacing : 0.5px;
			}
		

/*------------------------------------------------------------*/	
			
			
			
			
			
			
			
			
/* ----- TEXTS ------------------------------------------------------------------------------------------------------ */
			
p 		{ 
		padding: 0px;
		margin-top: 0px;
		}

a		{
		background-color: transparent;
		color: #00447a;
		text-decoration : underline;
		letter-spacing : 0.0px;
		}

a:hover {
		color: #80a5d1;
		}
.ingress {
			font-size : 1.05em;
			}
		
.sidrubrik	{
		background-color: transparent;
		color : #000000;
		font-size : 1.3em;
		font-weight : bold;
		}
	
.rubrik1	{
		background-color: transparent;
		color : #000000;
		font-size : 1.1em;
		font-weight : bold;
		}

.rubrik2	{
		background-color: transparent;
		color : #000000;
		font-size : 1.0em;
		font-weight : bold;
		}

.rubrikNews1	{
		background-color: transparent;
		color : #000000;
		font-size : 1.5em;
		font-weight : bold;
		}
		
ul		{
		list-style-position: Outside;
		list-style-type: inherit;
		margin-left: 9px;
		padding-left: 9px;
	  }

li		{
		list-style: disc;
		margin: 0;
		padding: 0;
	  }
	  
li li	{
		list-style: square;
		margin: 0;
		padding: 0;
	  }

.textsmaller	{
		color : #000000;
		font-size : 0.8em;
		}
.textsmaller_blue	{
		color : #00447a;
		font-size : 0.8em;
		}
/* Texter ------------------------------------------------------------ END */






/* Ovrigt ------------------------------------------------------------ Start */

iframe {
border: 0px solid #ffffff;
}

.pictureRight {
		border-width: 0px;
		border-style: solid;
		border-color: #bbdbee;
		border-collapse: collapse;
		margin-left: 20px;
		margin-bottom: 10px;
		}
.picture {
		border-width: 0px;
		border-style: solid;
		border-color: #008ac8;
		border-collapse: collapse;
		}

.border_start {
		border-width: 0px;
		padding-left: 12px;
		padding-right: 12px;
		}

.pictureProductThumb{
		border-width: 0px;
		border-style: solid;
		border-color: #000000;
		border-collapse: collapse;
		margin-top: 3px;
		margin-left: 0px;
		margin-right: 2px;
		margin-bottom: 2px;
		}
/* Ovrigt ------------------------------------------------------------ END */






/* Forms ------------------------------------------------------------ Start */
.input 		 {  font-family: Arial, Geneva, Helvetica, sans-serif;
				font-size : 0.9em;
				letter-spacing: 1px;
				border-bottom: 1px solid #bbdbee;
				border-right: 1px solid #bbdbee;
				border-left: 1px solid #bbdbee;
				border-top: 1px solid #bbdbee;
				padding-left : 5px;
				background-color: #dbebf6;
				color : #000000;
				}
.select 		{  	font-family: Arial, Geneva, Helvetica, sans-serif;
				font-size : 0.9em;
				letter-spacing: 1px;
				border-bottom: 1px solid #bbdbee;
				border-right: 1px solid #bbdbee;
				border-left: 1px solid #bbdbee;
				border-top: 1px solid #bbdbee;
				background-color: #dbebf6;
				color : #000000;
				}
.textarea  {  	font-family: Arial, Geneva, Helvetica, sans-serif;
				font-size : 0.9em;
				letter-spacing: 1px;
				border-bottom: 1px solid #bbdbee;
				border-right: 1px solid #bbdbee;
				border-left: 1px solid #bbdbee;
				border-top: 1px solid #bbdbee;
				padding-left : 5px;
				background-color: #dbebf6;
				color : #000000;
				}
.button		{	font-family: Arial, Geneva, Helvetica, sans-serif;
				font-size : 0.9em;
				background-color: #00447a;
				color: #FFFFFF;
				border-bottom: 1px solid #000000;
				border-right: 1px solid #000000;
				border-left: 1px solid #000000;
				border-top: 1px solid #000000;
				height:24px;
				text-decoration:none;
				font-weight: bold;
				cursor: auto;
				background-image : none;
				}
.radio {		border: none;
				border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF;
				background-color: #transparent;
				color : #000000;
				background-image : none;
				}
.checkbox {		border: none;
				background-color: #transparent;
				color : #000000;
				background-image : none;
				}

				
				

				
/*------------ Produkter --------------------------------------*/





.produktkategori	{
		color : #000000;
		height : 25px;
		padding-left : 0px;
		vertical-align : left;
		font-family : Arial, Geneva, Helvetica, sans-serif;
		font-size : 0.95em;
		border: 0px solid #ff0000;
		}
	.produktkategori a	{
			color: #000000;
			text-decoration : none;
			display : block;
			width : 100%;
			}
	.produktkategori a:hover {
			color: #000000;
			text-decoration : underline;
			}

.produktkategoriMarked	{
		color : #ffffff;
		background-color: #00447a;
		height : 25px;
		padding-left : 0px;
		padding-top : 5px;
		padding-right : 0px;
		padding-bottom : 5px;
		vertical-align : left;
		font-family : Arial, Geneva, Helvetica, sans-serif;
		font-size : 0.95em;
		border-bottom: 0px solid #864249;
		border-right: 0px solid #864249;
		border-left: 0px solid #864249;
		border-top: 0px solid #864249;
		}
	.produktkategoriMarked a	{
			color: #ffffff;
			text-decoration : none;
			display : block;
			width : 100%;
			}
	.produktkategoriMarked a:hover {
			color: #ffffff;
			text-decoration : underline;
			}

.ProduktLista	{
		padding-left : 0px;
		left: 0;
		margin-left: 0;
		}

.ProduktListaBild, a.ProduktListaBild, a.ProduktListaBild:hover, a.ProduktListaBild:visited		{
		border: 0px solid #000000;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 0;}


.Produktbild	{
		color : #000000;
		font-size : 0.9em;
		letter-spacing : 0.5px;
		font-weight : normal;
		}

.Produktbild a	{
		color : #000000;
		font-size : 0.9em;
		letter-spacing : 0.5px;
		font-weight : normal;
		text-decoration : none;
		
		}
		
		
/* ---- imageslideshoe*/
/* CSS FOR SLIDESHOW SCRIPT */
	#imageSlideshowHolder{
		margin:0px;	/* "Air" */
	/*	float:left;*/ /* Floating gallery at the left side of other web page content */		
		width:616px;	/* Image width */
		height:400px;	/* Image height */
		
		position:relative;	/* Don't remove this line */
		left:0px;
		top:0px;
		margin-bottom: 20px;
	}
	/* Don't change these values */
	#imageSlideshowHolder img{
		position:absolute;
		left:0px;
		top:0px;
	}
	/* END CSS SLIDESHOW SCRIPT */

	

	

/* Lightbox ------------------------------------------------------------ END */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 5000px; background-color: #000; }

/* Lightbox ------------------------------------------------------------ END */
	
	
	
	
	
	
	
	
	
	
