/* css form chill */


/* IE */
	html {
		font-size: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		}
		
	*{margin:0;padding:0}
	body{
		height: 100%;
		padding:0;
		margin: 0 auto;
		text-align:center;
		color: olive;
		font:80%/140% georgia,serif;
		line-height: 120%;
		background: #FAFFF7  ;

		}
		

	h1{
		font: bold 80% 'helvetica neue',sans-serif;
		letter-spacing:3px;
		text-transform:uppercase;
		margin-top: 2.5em;
		margin-bottom: 1em;
		color: #4F4F2F;

		}

	h2{
		font:bold 80% 'helvetica neue',sans-serif;
		letter-spacing:3px;
		text-transform:uppercase;
		margin-top: 2.5em;
		margin-bottom: 1em;
		text-align: center;
		color: #4F4F2F;
		}
	h3{
		font:bold 80% 'helvetica neue',sans-serif;
		letter-spacing:3px;
		text-transform:uppercase;
		margin-top: 2.5em;
		margin-bottom: 1em;
		color: red;
		}

	h4{
		font:bold 90% 'helvetica neue',sans-serif;
		letter-spacing:3px;
		color: #4F4F2F;
		text-transform:uppercase;
		text-align: center;
		}

	h5{
		font:bold italic 80% 'helvetica neue',sans-serif;
		letter-spacing:3px;
		color: #4F4F2F;
		text-align: center;
		}

	a {
		color:#667700;
		text-decoration:none;
		outline:none;
		font:  100% 'helvetica neue',sans-serif;

		}
		
	a:hover {color:#99CC00;}


	p 	{
		text-align: center;
		margin-top: 1em;
		margin-bottom: 0.5em;
		line-height: 1.8em;
		color: olive;
		font:  100% 'helvetica neue',sans-serif;

		}

	p.black 	{
		text-align: left;
		margin-top: 1em;
		margin-bottom: 0.5em;
		line-height: 3em;
		color: black;

		}

	p.italic {
		color: #olive;
		font: italic 70% 'helvetica neue',sans-serif;
		}
 
/* navbar nivå 1 */ 	
 
	#nav {
		margin-top:.5em;
    	padding:2em 0;
		width:100%;
		float: left;
		border-width:0.0625em 0;
		}

	#nav li {
		display:inline;
		margin:0;
		padding:0.625em;
		}
	
	
	#nav a:link,
	#nav a:visited {
		color:#olive;
		padding:0.8em 2.5em 0 0.625em;
		float: right;
		width:auto;
/*		border-right:0.2em solid #bba;*/
		text-decoration:none;
		font:bold 85%/85% Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		line-height: 150%;
		}
	#nav a:hover {
		color: red;
		}
	#nav li:first-child a {
/*		border-left:0.0625em solid #42432d;*/
		}
	#hem #nav-hem a,
	#produkter #nav-produkter a,
	#lev #nav-lev a,
	#kontakt #nav-kontakt a {
		border-bottom: none;
		color: black;
		}
	#hem #nav-hem a:hover,
	#produkter #nav-produkter a:hover,
	#lev #nav-lev a:hover,
	#kontakt #nav-kontakt a:hover {
		background: none;
		}
	#nav a:active {
		background: none;
		color: white;
		
		}
	
/* navbar nivå 2 */


	#nav2 a:link,
	#nav2 a:visited {
		color:#bba;
		padding:0 2.5em 0 0.625em;
		float: right;
		width:auto;
/*		border-right:0.2em solid #bba;*/
		text-decoration:none;
		font:bold 90%/90% Arial, Helvetica, sans-serif;
/*		text-transform:lowercase;*/
/*		text-shadow: 0.1em 0.1em  #olive;*/

		}
	#nav2 a:hover {
		color: red;
/*		text-shadow: 0.1em 0.1em  #black;*/
		}
	#nav2 li {
/*		border-left:0.0625em solid #42432d;*/
		display: inline;
		list-style: none;
		
		}
	#produkter_cm #nav-produkter_cm a,
	#produkter_fm #nav-produkter_fm a,
	#produkter_skia #nav-produkter_skia a {
		background-color: none;
		color: black;
/*		text-shadow: 0.1em 0.1em  olive;*/
		
		}
	#produkter_cm #nav-produkter_cm a:hover,
	#produkter_fm #nav-produkter_fm a:hover,
	#produkter_skia #nav-produkter_skia a:hover {
		background: none;
		}
	#nav2 a:active {
		background: none;
		color:#fff;
		
		}



/* kolumner */


	#container {
		text-align: left;
		height: 100%;
		min-height: 100%;
		margin-bottom: -3em;
		width: 80em;
		margin:0 auto;
		background: #FAFFF7 url(formchill_logo.png) 0 0 no-repeat;
		}

	#header {
		width: 100%;
		float: left;
		padding: 0 0 0.5em 0;
		border-bottom: thin groove;
		background: none;
		}



/*Vid behov av 2 kolumner:*/

	
	#column_left {
		float: left;
		text-align: left;
		width:11em;
		padding:0 0 0 3em;
		margin-top: 1em;
		margin-bottom: 1em;
		background:#FAFFF7;
		font-size: 95%;
		}	
		
	#column_left p {
		font: italic 1em/1.1em Georgia, Geneva, sans-serif;
		text-align: left;
		line-height:150%
		}

	
	#column_right {
		
		float: right;
		width: 63em;
		background:#FAFFF7;
		padding: 0 0.5em 1em 1em;

		margin: 1em auto 1em 2em;
/*		border: 1px solid olive;*/
		text-align: center;
		line-height: 1.5em;
			
		

/* inset fungerar inte i Safari			
		-moz-box-shadow: inset 0 0 1.5em olive;
		-webkit-box-shadow:  0 0 1.5em olive;
        box-shadow:  inset 0 0 1.5em olive;
        -moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		-opera-border-radius: 12px;
		-khtml-border-radius: 12px;
		border-radius:12px;
/* fil för att kunna ha box med rundade hörn i alla browsers - http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser 
		behavior: url(border-radius.htc);
*/
		}


	#column_right p {
		text-align: center;
		line-height:150%
		
		}


	#column_test {
		
		float: right;
		width: 63em;
		background:none;
		padding: 0 0.5em 1em 1em;

		margin: 1em auto 1em 2em;
		border: 1px solid olive;
		text-align: center;
		line-height: 1.5em;
		}


	#column_test p {
		text-align: center;
		line-height:150%
		
		}
		

		
/*För kolumner i prod_spec:*/

	#bildkolumn {
		font-family: Arial;
		font-size: 90%;
		color: #667700;
		float: left;
		text-align: left;
		line-height:1.2em;
		width: 75%;
		
		}


	#bk1 {
		font-family: Arial;
		font-size: 90%;
		text-align: left;
		line-height:1.2em;
		width: 49%;
		padding-right: 1em 0 0 0;
		float:left; 
		}

	#bk2 {
		font-family: Arial;
		font-size: 90%;
		text-align: left;
		line-height:1.2em;
		width: 49%;
		padding-right: 1em 0 0 0;
		marging-left:50%; 
		}


	#sidokolumn {
		font-family: Arial;
		font-size: 90%;
		text-align: left;
		line-height:1.2em;
		width: 23%;
		padding-right: 1em 0 0 0;
		marging-left:80%; 
		}


		
	.textbox {
		padding: 0 0.5em 0.5em 0.5em;
		width: 62em;
		margin: 0.5em auto 0 auto;
/*		border: 1px solid olive;*/
		text-align: center;
		line-height: 1.5em;
			
		

/* inset fungerar inte i Safari			
		-moz-box-shadow: inset 0 0 1.5em olive;
		-webkit-box-shadow:  0 0 1.5em olive;
        box-shadow:  inset 0 0 1.5em olive;
        -moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		-opera-border-radius: 12px;
		-khtml-border-radius: 12px;
		border-radius:12px;
/* fil för att kunna ha box med rundade hörn i alla browsers - http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser	
		behavior: url(border-radius.htc);
		*/
		}

	.aktuellt{
		margin-top: 2em;
		background: #fff url(Univers.jpg) 2.5em 0 no-repeat;
		width:55em;
		height:35em;
		float:left;
		border: #000;
		white-space: nowrap;
	    padding:8px 1px 8px 1px;
/*		opacity: 0.8;filter:alpha(opacity=80)*/
		}
		
	.conmoto{
		margin-top: 2em;
		background: #FAFFF7 url(RIVA_Lounge_roof.jpg) 7em 0 no-repeat;
		width:55em;
		height:35em;
		float:left;
		text-align: center;
		border: #000;
		white-space: nowrap;
	    padding:8px auto 8px 1px;
/*		opacity: 0.8;filter:alpha(opacity=80)*/
		}

	.fischermoebel{
		margin-top: 1em;
		background: #FAFFF7 url(taku_bistro_square.jpg) 7em 0 no-repeat;
		width:55em;
		height:35em;
		float:left;
		text-align: center;
		border: #000;
		white-space: nowrap;
	    padding:8px auto 8px 1px;
/*		opacity: 0.8;filter:alpha(opacity=80)*/
		}
		
	.skia{
		margin-top: 1em;
		background: #FAFFF7 url(skia_camerarius_skulptur.jpg) 7em 0 no-repeat;
		width:55em;
		height:35em;
		float:left;
		text-align: center;
		border: #000;
		white-space: nowrap;
	    padding:8px auto 8px 1px;
/*		opacity: 0.8;filter:alpha(opacity=80)*/
		}
		
		
	.prevnext {
		 position:absolute;
		 top:27em; 
		 left:62em;
 		 width:25em;
 		 height:10em;
 		 margin:20em auto 0 10.5em;
 		 border:#000;
		  /* for IE */
 		 filter:alpha(opacity=70);
 		 /* CSS3 standard */
 		 opacity:0.7;
 		 }
		
		
	.text {

 		 width:41em;
 		 height:5em;
 		 margin:27em auto 0 10.5em;
 		 background-color:#ffffff;
 		 border:#000;
		  /* for IE */
 		 filter:alpha(opacity=70);
 		 /* CSS3 standard */
 		 opacity:0.7;
 		 }
 		 
  	.text p {
		 padding: 1em 0 0 0;
		 font: bold italic 95% 'helvetica neue',sans-serif;
		 color:#000;
		 }


	.prodtext {
		 position:absolute;
		 top:27em; 
		 left:62em;
 		 width:25em;
 		 height:10em;
 		 margin:20em auto 0 10.5em;
 		 background-color:#9BCD9B;
 		 border:#000;
		  /* for IE */
 		 filter:alpha(opacity=70);
 		 /* CSS3 standard */
 		 opacity:0.7;
 		 }
 		 
  	.prodtext p {
		 padding: 0.5em 0.5em 0.5em 0.5em;
		 font: bold italic 100% 'helvetica neue',sans-serif;
		 color:#000;
		 
		 }


	.nyhet_cm {
		 position:absolute;
		 top:29em; 
		 left:58em;
 		 width:9em;
 		 height:2.5em;
 		 margin:17em auto 0 10.5em;
/* 		 background-color:#FF6347;*/
 		 border:#000;
		  /* for IE */
 		 filter:alpha(opacity=70);
 		 /* CSS3 standard */
 		 opacity:0.7;
 		 }
 		 
  	.nyhet_cm p {
		 padding: 0em 0em 0.5em 0em;
		 font: bold italic 100% 'helvetica neue',sans-serif;
		 color:red;
		 }



	.frame{
		width:11em;
		height:10em;
		background: #FAFFF7;
  		/* for IE */
 		 filter:alpha(opacity=80);
		  /* CSS3 standard */
		  opacity:0.8;
		text-align: center;
		float:left;
		white-space: nowrap;
	    padding:0.5em 0.1em 0.9em 0.1em;
   		/*border: inset thin olive;*/

		display: inline;
		}

		
	.frstartbild{
		width:80em;
		height:55em;
		background: #fff;
		text-align: center;
		float:left;
		/*border: inset thin olive;*/
		white-space: nowrap;
	    padding:8px 1px 8px 1px;
		}
		
		
		
	.frprislistor{
		width:65em;
		height: 100em;
		background: #fff;
		text-align: center;
		float:left;
		border-right: solid thin black;
		white-space: nowrap;
	    padding: 2em 0  0 8em; 
		}
		


	.frp{
		width:9em;
		height:9em;
		background: #fff;
		text-align: center;
		float:left;
		border: outset thin #fff;
		white-space: nowrap;
	    padding:8px 1px 8px 1px;
		display: inline;

		}


	#form{
		text-align:left;
		margin:25px;
		}
	#form ul{
		list-style:none;
		}
	#form li{
		margin:0 0 1em 0;
		}
	#form textarea{
		width:100%;
		height:150px;
		}



	#footer {
		float: left;
		height: 3em;
		width: 100%;
		clear:both;
		border-top: thin groove;
		padding:0.4em 0 0 0;
		background:#FAFFF7;
		}
	#footer p {
		margin:0;
		background: #FAFFF7;
 		}
    
  	/* IE */
	* html #footer {
		height:0.0625em;
		}