﻿
/* ----- 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;
		}
		
		
/* ----- LAYOUT ------------------------------------------------------------------------------------------------------ */
#container { 
	width: 852px;
	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;
	position: relative;
	border: 0px solid #ff0000;
	}
	
	#pageTop { 
			background: url(../images/design_top.jpg) no-repeat top; 
			width: 852px;
			height: 94px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			font-size : 2px;
			border: 0px solid #00ff00;
			}
	#pageTop_Eng { 
			background: url(../images/design_top_eng.jpg) no-repeat top; 
			width: 852px;
			height: 94px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			font-size : 2px;
			border: 0px solid #00ff00;
			}
	#pageTop_corner { 
			background: url(../images/design_middle_top.jpg) no-repeat top; 
			width: 852px;
			height: 19px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			font-size : 2px;
			border: 0px solid #00ff00;
			}


	/* ----- MENY --- SWE --------------------------------------------------------------------------------------------------- */
	#pageMeny_start { 
			background: url(../images/meny_1start.jpg) no-repeat top; 
			width: 852px;
			height: 29px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			border: 0px solid #0000ff;
			}
		#pageMeny_start_link { 
			position : absolute;
			top : 0px; 
			left : 105px;
			z-index: 2;
			}
			
		#pageMeny_swe { 
			position : absolute;
			top : 94px; 
			left : 25px;
			z-index: 2;
			}
		#pageMeny_eng { 
			position : absolute;
			top : 94px; 
			left : 54px;
			z-index: 2;
			}
		
	#pageMeny_about { 
			background: url(../images/meny_2about.jpg) no-repeat top; 
			width: 852px;
			height: 29px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			border: 0px solid #0000ff;
			}
		#pageMeny_about_link { 
			position : absolute;
			top : 94px; 
			left : 149px;
			z-index: 2;
			}
			
	#pageMeny_news { 
			background: url(../images/meny_3news.jpg) no-repeat top; 
			width: 852px;
			height: 29px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			border: 0px solid #0000ff;
			}
		#pageMeny_news_link { 
			position : absolute;
			top : 94px; 
			left : 267px;
			z-index: 3;
			}
	#pageMeny_flat { 
			background: url(../images/meny_4flats.jpg) no-repeat top; 
			width: 852px;
			height: 29px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			border: 0px solid #0000ff;
			}
		#pageMeny_flat_link { 
			position : absolute;
			top : 94px; 
			left : 379px;
			z-index: 4;
			}
	#pageMeny_info { 
			background: url(../images/meny_7info.jpg) no-repeat top; 
			width: 852px;
			height: 29px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			border: 0px solid #0000ff;
			}
		#pageMeny_info_link { 
			position : absolute;
			top : 94px; 
			left : 490px;
			z-index: 4;
			}
	#pageMeny_contact { 
			background: url(../images/meny_5contact.jpg) no-repeat top; 
			width: 852px;
			height: 29px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			border: 0px solid #0000ff;
			}
		#pageMeny_contact_link { 
			position : absolute;
			top : 94px; 
			left : 601px;
			z-index: 5;
			}
	#pageMeny_error { 
			background: url(../images/meny_6error.jpg) no-repeat top; 
			width: 852px;
			height: 29px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			border: 0px solid #0000ff;
			}
		#pageMeny_error_link { 
			position : absolute;
			top : 94px; 
			left : 716px;
			z-index: 6;
			}


	/* ----- MENY --- ENG ---------------------------------------------------- */
	#pageMeny_start_eng { 
			background: url(../images/meny_1start_eng.jpg) no-repeat top; 
			width: 852px;
			height: 29px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			border: 0px solid #0000ff;
			}
	#pageMeny_about_eng { 
			background: url(../images/meny_2about_eng.jpg) no-repeat top; 
			width: 852px;
			height: 29px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			border: 0px solid #0000ff;
			}
	#pageMeny_news_eng { 
			background: url(../images/meny_3news_eng.jpg) no-repeat top; 
			width: 852px;
			height: 29px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			border: 0px solid #0000ff;
			}
	#pageMeny_flat_eng { 
			background: url(../images/meny_4flats_eng.jpg) no-repeat top; 
			width: 852px;
			height: 29px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			border: 0px solid #0000ff;
			}
	#pageMeny_info_eng { 
			background: url(../images/meny_7info_eng.jpg) no-repeat top; 
			width: 852px;
			height: 29px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			border: 0px solid #0000ff;
			}
	#pageMeny_contact_eng { 
			background: url(../images/meny_5contact_eng.jpg) no-repeat top; 
			width: 852px;
			height: 29px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			border: 0px solid #0000ff;
			}
	#pageMeny_error_eng { 
			background: url(../images/meny_6error_eng.jpg) no-repeat top; 
			width: 852px;
			height: 29px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px; 
			border: 0px solid #0000ff;
			}


			
	/* ----- MENY ------------------------------------------------------------------------------------------------------ */

			
#container_middle { 
		background: url(../images/design_middle_middle.jpg) repeat-y;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		height: auto;
		height: 100%;
		min-height: 100%;
		position: relative;
		letter-spacing : 0.0px;
		}
	#container_middle_start { 
		background: url(../images/page_1_1.jpg) repeat-y;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		height: auto;
		height: 100%;
		min-height: 100%;
		position: relative;
		letter-spacing : 0.0px;
		}
	#container_middle_start2 { 
		background: url(../images/page_1_2.jpg) repeat-y;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		height: auto;
		height: 100%;
		min-height: 100%;
		position: relative;
		letter-spacing : 0.0px;
		}
	#pagestart_link { 
			position : absolute;
			top : 427px; 
			left : 680px;
			z-index: 10;
			}

	#container_middle_flat { 
		background: url(../images/page_4_grund.jpg) repeat-y;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		height: auto;
		height: 100%;
		min-height: 100%;
		position: relative;
		letter-spacing : 0.0px;
		}
			
	#main { 
			height: auto;
			height: 100%;
			min-height: 100%;
			}

	
#pageContent { 
			font-size : 0.8em;
			margin-left: 15px;
			width: 810px;
			height: auto;
			height: 100%;
			min-height: 100%;
			position: relative;
			border: 0px solid #00ff00;
			}			

		
			
#pageBottom {
			background: url(../images/design_middle_bottom.jpg) no-repeat top; 
			width: 852px;
			height: 55px;
			position: relative;
			
			}

			
	#pageBottomMadeBy {
			font-family : Arial, Geneva, Helvetica, sans-serif;
			background: none;
			background-color: #ffffff;
			width: 852px;
			height: 25px;
			padding-right : 20px;
			text-align: right;

			}


	.pageBottomMadeBy, pageBottomMadeBy:link, pageBottomMadeBy:active, pageBottomMadeBy:visited {
			font-family : Arial, Geneva, Helvetica, sans-serif;
			background-color: transparent;
			color : #ababab;
			font-size : 10px;
			text-decoration : none;
			}
	.pageBottomMadeBy:hover, pageBottomMadeBy:visited:hover {
			font-family : Arial, Geneva, Helvetica, sans-serif;
			background-color: transparent;
			color : #ababab;
			font-size : 10px;
			text-decoration : underline;
			}



			
			
			
/*----------------------- ProduktMENYN-------------------------------------*/

.meny	{
		color : #000000;
		background-color : #ffffff;
		border: solid 0px #bbdbee;
		text-align : left;
/*		height : 25px;*/
		width : 200px;
		padding-top : 3px;
		padding-left : 0px;
		padding-right : 5px;
		padding-bottom : 3px;
		vertical-align : middle;
		font-family : Arial, Geneva, Helvetica, sans-serif;
		font-size : 1.5em;
		font-weight : bold;
		}
.meny a	{
		color: #000000;
		text-decoration : none;
		display : block;
		width : 100%;
		}
.meny a:hover {
		color: #000000;
		}

	

		
.menyVALD	{
		color : #000000;
		background-color : #ffffff;
		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: #000000;
		text-decoration : none;
		display : block;
		width : 100%;
		}
.menyVALD a:hover {
		color: #000000;
		}



		
.menyNivaTva	{
		color : #000000;
		background-color : #ffffff;
		border: solid 0px #bbdbee;
		text-align:left;
/*		height : 25px; */
		width : 200px;
		padding-top : 0px;
		padding-left : 00px;
		padding-right : 5px;
		padding-bottom : 0px;
		vertical-align : middle;
		font-family : Arial, Geneva, Helvetica, sans-serif;
		font-size : 1.3em;
		font-weight : normal;
		letter-spacing : 0.5px;
		}
.menyNivaTva a	{
		color: #000000;
		text-decoration : none;
		display : block;
		width : 100%;
		}
.menyNivaTva a:hover {
		color: #000000;
		text-decoration : underline;
		}

.menyNivaTvaVALD	{
		color : #000000;
		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;
	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 : 1.1em;
			/*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 ------------------------------------------------------------------------------------------------------ */
			
.grundtext {
			font-size : 1.0em;
			}

p 		{ 
		padding: 0px;
		margin-top: 0px;
		}

a		{
		background-color: transparent;
		color: #757c12;
		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.2em;
		font-weight : normal;
		margin-bottom: 3px;
		}

.rubrik_omoss	{
		background-color: transparent;
		color : #000000;
		font-size : 3.5em;
		font-weight : normal;
		}
.rubrik_news	{
		background-color: transparent;
		color : #000000;
		font-size : 2.0em;
		font-weight : normal;
		margin-top: 5px;
		margin-bottom: 5px;
		}
.rubrik_news2	{
		background-color: transparent;
		color : #000000;
		font-size : 1.3em;
		font-weight : normal;
		margin-top: 0px;
		margin-bottom: 1px;
		}
.rubrik_info2	{
		background-color: transparent;
		color : #000000;
		font-size : 1.3em;
		font-weight : normal;
		margin-top: 0px;
		margin-bottom: 10px;
		}
.rubrik_bostader	{
		background-color: transparent;
		color : #000000;
		font-size : 2.3em;
		font-weight : normal;
		margin-top: 5px;
		margin-bottom: 5px;
		}
.rubrik_bostader2	{
		background-color: transparent;
		color : #000000;
		font-size : 2.5em;
		font-weight : normal;
		margin-top: 0px;
		margin-bottom: 5px;
		}
.rubrik_bostader3	{
		background-color: transparent;
		color : #000000;
		font-size : 1.8em;
		font-weight : normal;
		margin-top: 0px;
		margin-bottom: 5px;
		}
.rubrik_bostader4	{
		background-color: transparent;
		color : #000000;
		font-size : 1.4em;
		font-weight : normal;
		margin-top: 0px;
		margin-bottom: 5px;
		}

.rubrik_form	{
		background-color: transparent;
		color : #000000;
		font-size : 1.8em;
		font-weight : normal;
		margin-top: 0px;
		margin-bottom: 5px;
		}
		
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;
		}

.bildNoBorder, a.bildNoBorder:hover, a.bildNoBorder:visited		{border: 0px solid #ff0000;}

.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 : 1.0em;
				letter-spacing: 1px;
				border-bottom: 1px solid #d6d6d6;
				border-right: 1px solid #d6d6d6;
				border-left: 1px solid #d6d6d6;
				border-top: 1px solid #d6d6d6;
				padding-left : 5px;
				background-color: #ffffff;
				color : #797e1a;
				}
.select 		{  	font-family: Arial, Geneva, Helvetica, sans-serif;
				font-size : 0.9em;
				letter-spacing: 1px;
				border-bottom: 1px solid #d6d6d6;
				border-right: 1px solid #d6d6d6;
				border-left: 1px solid #d6d6d6;
				border-top: 1px solid #d6d6d6;
				background-color: #ffffff;
				color : #797e1a;
				}
.textarea  {  	font-family: Arial, Geneva, Helvetica, sans-serif;
				font-size : 0.9em;
				letter-spacing: 1px;
				border-bottom: 1px solid #d6d6d6;
				border-right: 1px solid #d6d6d6;
				border-left: 1px solid #d6d6d6;
				border-top: 1px solid #d6d6d6;
				padding-left : 5px;
				background-color: #ffffff;
				color : #797e1a;
				}
.button		{	font-family: Arial, Geneva, Helvetica, sans-serif;
				font-size : 0.9em;
				background-color: #636466;
				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:413px;	/* Image width */
		height:420px;	/* 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 */
