/* CSS Document - mall.css */


body {height:100%; width:800px; margin:0; margin-right: auto; margin-left: auto;  padding:0; overflow:scroll; 
     background-color: #dddddd;
     background-image:url(bilder/bg.png);
	 background-repeat:repeat-x;
	 background-position:top left;
    
     font-family: Arial, Helvetica, sans-serif;
     -moz-box-shadow: 0px 0px 15px #888888; /* Firefox */
     -webkit-box-shadow: 0px 0px 15px #888888; /* Safari and Chrome */
     box-shadow: 0px 0px 15px #888888;}


/* Text */

@font-face{
     font-family: CalibriBold;
     src: url('font/CalibriB.ttf'),
     url('font/Calibri.eot') format("opentype"); /* IE */}

h1 {font-family: Arial, Helvetica, sans-serif; 
	font-size:1.2em; 
	font-weight:bold; 
	color:#88AB33;
	vertical-align:top;
    margin:0;
    text-align:left; 
	line-height:150%;}
    
h2 {font-family: Arial, Helvetica, sans-serif; 
	font-size:0.9em; 
	font-weight:bold; 
	color:#000000;
	vertical-align:top;
    margin:0;
    text-align:left; 
	line-height:150%;}
    
h3 {font-family: Arial, Helvetica, sans-serif; 
	font-size:0.9em; 
	font-weight:bold; 
	color:#88AB33;
	vertical-align:top;
    margin:0;
    text-align:left; 
	line-height:150%;}

h4 {font-family: Arial, Helvetica, sans-serif; 
	font-size:0.9em; 
	font-weight:bold; 
	color:#ffffff;
	vertical-align:top;
    margin:0;
    text-align:left; 
	line-height:150%;}

h5 { font-family: Arial, Helvetica, sans-serif; 
	font-size:0.8em; 
	font-weight:bold; 
    margin:0;
	color:#888888; 
	text-align:left; 
	line-height:150%;}
    
.r1 {font-family: Arial, Helvetica, sans-serif; 
	font-size:1.2em; 
	font-weight:bolder; 
	color:#88AB33;
    text-align:left; 
	vertical-align:top;}
    
.r2 {font-family: Arial, Helvetica, sans-serif; 
	font-size:1.2em; 
	font-weight:bolder; 
	color:#000000;
    text-align:left; 
	vertical-align:top;}
    
p { font-family: Arial, Helvetica, sans-serif; 
	font-size:0.8em; 
	font-weight:normal;
	color:#333333; 
	text-align:left; 
	line-height:150%;}
    
b { font-family: Arial, Helvetica, sans-serif; 
	font-size:0.8em; 
	font-weight:bold; 
	color:#000000; 
	text-align:left; 
	line-height:150%;}
    
p b {
    font-family: Arial, Helvetica, sans-serif; 
	font-size:1em; 
	font-weight:bold; 
	color:#000000; 
	text-align:left; 
	line-height:150%;}
    
ul {
    list-style-image:url('bilder/pil.gif');
    margin:0;
    padding:0;
    padding-left:15px;}
    
  
.pil li {font-size:0.8em;
        list-style: none;
        padding-left: 20px;
        background: transparent url('bilder/level1.png') 0 .15em no-repeat;
        line-height:150%;}
            
.pil ul li {font-size:0.8em;
           list-style: none;
           padding-left: 20px;
           background: transparent url('bilder/level2.png') 0 .15em no-repeat;
           line-height:150%;}

            
.datum { text-align:left; color:#888888; font-weight:bold;}  
.small{font-family: Arial, Helvetica, sans-serif; color:#000; font-size:0.7em; margin:0;}  
.centrerad {text-align:center;}
.error {font-weight:normal; color:#FF0000;}
.smula {color:#cccccc;}
    
	
/* Länkar */	

	a:link {font-family:Arial, Helvetica, sans-serif; font-style:normal; text-decoration:none; color: #000;}
	a:visited {font-family:Arial, Helvetica, sans-serif; font-style:normal; text-decoration:none; color:#000;}
	a:hover {font-family:Arial, Helvetica, sans-serif; font-style:normal; text-decoration:underline; color:#000;}
	a:active {font-family:Arial, Helvetica, sans-serif; font-style:normal; text-decoration:underline; color:#000;}

    p a:link {font-family:Arial, Helvetica, sans-serif; font-size:1em; font-style:normal; font-weight:bold; text-decoration:none; color:#000;}
    p a:visited {font-family:Arial, Helvetica, sans-serif; font-size:1em; font-style:normal; font-weight:bold; text-decoration:none; color:#000; }
    p a:hover {font-family:Arial, Helvetica, sans-serif; font-size:1em; font-style:normal; font-weight:bold; text-decoration:underline; color:#000;}
    p a:active {font-family:Arial, Helvetica, sans-serif; font-size:1em; font-style:normal; font-weight:bold; text-decoration:underline; color:#000;}


/* Bilder */

img {border:0;}

.bild_text {max-width:200px; max-height:400px; float:right; padding-left:20px;}
.bild_right {width:210px; max-height:400px; float:right;}
.bild_main {max-width:320px;}
.bild_meny {max-width:200px; max-height:350px; float:right; padding-bottom:10px;}
.bild_dokument {float:left; padding-right:10px;}
.bild_leverantoer {max-width:200px; max-height:80px;}

.bild_produkter {max-width:90px; max-height:150px; float:left;}
.bild_produkt {max-width:200px; max-height:400px; float:right;}
.bild_undersidor {max-width:150px; max-height:300px; float:right;}
.bild_resultat {max-width:400px;}

.bild_estetisk {background-image:url(bilder/applikation_estetisk.png);
	           background-repeat:no-repeat;
	           background-position:bottom right;}
               
.bild_kirurgi {background-image:url(bilder/applikation_kirurgi.png);
	           background-repeat:no-repeat;
	           background-position:bottom right;}
               
.bild_oegon {background-image:url(bilder/applikation_oegon.png);
	         background-repeat:no-repeat;
	         background-position:bottom right;}
             
.ikon {max-width:35px; float:right;}
.ikon_nyhet {max-width:30px; float:left; padding-right:10px;}
.ikon_footer {max-width:20px; float:left; padding-right:10px;}
        
        
/* Formulär */

input[type="text"] { width:170px;
        height:19px;
        font-family: Arial, Helvetica, sans-serif; 
	    font-size:0.8em; 
	    font-weight:normal; 
        background-color:#ffffff;
        margin-top:5px;
        padding:3px;
        border:1px solid #cccccc;}
        
textarea { width:260px;
        font-family: Arial, Helvetica, sans-serif; 
	    font-size:0.8em; 
	    font-weight:normal; 
        background-color:#ffffff;
        margin-top:5px;
        padding:3px;
        border:1px solid #cccccc;}  
        
.skicka { background-image: url(bilder/ikon_skicka.png); background-repeat:no-repeat; height: 23px; width: 68px; background-color: transparent; border: none;
        font-family: Arial, Helvetica, sans-serif; 
	    font-size:0.8em; 
	    font-weight:bold; 
        color:#ffffff;
        cursor:pointer;}
        
.skicka_soek { background-image: url(bilder/ikon_skicka_soek.png); background-repeat:no-repeat; height: 25px; width: 25px; background-color: transparent; border: none;
        font-family: Arial, Helvetica, sans-serif; 
	    font-size:0.8em; 
	    font-weight:bold; 
        padding:0;
        margin:0; 
        color:#ffffff;
        cursor:pointer;}
        
.textpos { position:absolute;
        left:-200px;}
          

/* Tabell */

table {width:100%;  
       padding:0; 
       margin:0;
       font-family: Arial, Helvetica, sans-serif; 
       font-size:0.8em; 
       font-weight:normal; 
       color:#000000; 
       text-align:left; 
       line-height:150%;
       border-collapse:collapse;}
       
table b {font-family: Arial, Helvetica, sans-serif; 
	font-size:0.9em; 
	font-weight:bold; 
	color:#000000; 
	text-align:left; 
	line-height:150%;}

tr {background-color:#e5e5e5;}

td, th {border-bottom:2px solid #ffffff;
       padding:5px;
       vertical-align:top;}
       
th {background-color:#9bb5b0;
   color:#000000;}


/* Linjer */

.linje {border-bottom:1px solid #ccc; margin: 10px 0;}
.meny_right  {border-right:1px solid #ffffff;}


/* Boxar - Grund */

#header {
	width: 780px; 
	height: 70px;
	padding: 10px;
    padding-top:40px;
	margin-right: auto;
	margin-left: auto;
	background-color:#ffffff;
    background-image:url(bilder/bg_header.jpg);
	background-repeat:no-repeat;
	background-position:top right;}
    
.search_box {
	width: 250px;
	height:30px;
    padding:0;
    margin-top:30px;
    float:right;
    text-align:right;
    background-color:transparent;}

#meny {
	width: 800px;
	height:50px;
	padding: 0;
    margin: 0;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
	vertical-align:top;
	background-color:#ffffff;}
    
#footer {
	width: 780px;
	height:140px;
	padding: 10px;
    margin: 0;
    margin-right: auto;
	margin-left: auto;
	text-align:left;
	background-color:#ffffff;
    background-image:url(bilder/bg_footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;}
    
.footer_box {
	width: 195px;
	height:110px;
    padding:0;
    float:left;
    background-color:transparent;}
	
#main {
	width: 780px;
	min-height:400px;
    padding:10px;
    padding-top:20px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
    vertical-align:top;
    overflow:auto;
    background-color:#ffffff;}
    
#main_content {
	width: 550px;
	min-height:400px;
	padding: 0;
	margin: 0;
	text-align:left;
    float:left;
	background-color:#ffffff;}	
    
.main_kolumn {
	width: 228px;
	height:100%;
	padding: 10px;
	margin: 0;
    margin-right:10px;
	text-align:left;
    float:left;
	background-color:#ffffff;
    border:1px solid #cccccc;}	
    
.kolumn {
	width: 248px;
	height:100%;
	padding: 0;
	margin: 0;
    margin-right:10px;
	text-align:left;
    float:left;
	background-color:#ffffff;}	
    
.kolumn_margin {
	width: 228px;
	height:100%;
	padding: 10px;
	margin: 0;
    margin-right:10px;
	text-align:left;
    float:left;
	background-color:#ffffff;}	
    
.main_text {
	width: 320px;
	height:100%;
	padding: 0;
	margin: 0;
	text-align:left;
    float:left;
	background-color:#ffffff;}	 
    
#bg_soek {
    width: 248px;
	height:50px;
	padding: 10px;
    margin: 0;
	text-align:left;
	background-color:#ffffff;
    background-image:url(bilder/bg_soek.jpg);
	background-repeat:no-repeat;
	background-position:top left;}
    
    
/* Produkt */
    
.produkt_content {
	width: 530px;
	min-height:400px;
	padding: 10px;
    padding-top:20px;
	margin: 0;
	text-align:left;
    float:left;
	background-color:#ffffff;
    border:1px solid #cccccc;}
    
#produkt_meny {
	width: 540px;
	height:20px;
	padding: 5px;
    margin:0;
	text-align:center;
	vertical-align:top;
    float:left;
	background-color:#e5e5e5;}

.produkter_bild {
	width: 243px;
	height:165px;
	padding: 10px;
	margin: 5px;
	float:left;
	text-align:center;
	vertical-align:bottom;
	background-color:#ffffff;
    border:1px solid #cccccc;}
    
.produkter_text {
	width: 133px;
	height:100%;
	margin:0;
	text-align:left;
    float:right;
	vertical-align:top;
	background-color:#ffffff;
    overflow:hidden;} 

    
/* Startsida */

#startsida_bild {
	width: 510px;
	height:180px;
	padding: 20px;
	margin: 0;
    text-align:left;
	float:left;
    background-image:url(bilder/startsida_duet.jpg);
	background-repeat:no-repeat;
	background-position:top left;}
    
#startsida_bild2 {
	width: 510px;
	height:180px;
	padding: 20px;
	margin: 0;
    text-align:left;
	float:left;
    background-image:url(bilder/startsida_bild2.jpg);
	background-repeat:no-repeat;
	background-position:top left;}
    
#startsida_bild3 {
	width: 510px;
	height:180px;
	padding: 20px;
	margin: 0;
    text-align:left;
	float:left;
    background-image:url(bilder/startsida_bild3.jpg);
	background-repeat:no-repeat;
	background-position:top left;}
    
    
/* Applikationer */
    
.applikation {
	width: 550px;
	height:160px;
	padding: 0;
	margin: 0;
    text-align:left;
	float:left;
	background-color:#ffffff;}

.applikation_bild {
	width: 153px;
	height:150px;
	padding: 10px;
	margin: 0;
    margin-right:10px;
	float:left;
	text-align:left;
	vertical-align:top;
    background-color:#ffffff;
    border:1px solid #cccccc;} 
    
.applikation_bild_right {
	width: 158px;
	height:150px;
	padding: 10px;
	margin: 0;
	float:left;
	text-align:left;
	vertical-align:top;
    background-color:#ffffff;
    border:1px solid #cccccc;} 
    
    
/* Listor */
    
#lista_content {
	width: 528px;
	height:100%;
	padding: 10px;
	margin: 0;   
	text-align:left;
    float:left;
	background-color:#ffffff;
    border:1px solid #cccccc;}	
    
.lista_content {
	width: 528px;
	height:100%;
	padding: 10px;
	margin: 0;   
	text-align:left;
    float:left;
	background-color:#ffffff;
    border:1px solid #cccccc;}	

.lista_personal {
	width: 528px;
	height:100%;
	padding: 10px;
	margin: 0;
    margin-bottom:20px;
	text-align:left;
    float:left;
	background-color:#ffffff;
    border:1px solid #ccc;}	
    
.lista_leverantoer {
	width: 200px;
	height:100%;
	margin:0;
	text-align:left;
    float:right;
	vertical-align:top;
	background-color:#ffffff;}