/*...............................................uppbyggnad..........................................*/

* {
	margin:0;
	padding:0;
}


#log{
	position:relative;
	width:420px;
}

#ram{
	position:relative;
	width:940px;
	height:540px;
	background-color: #CCC;
	border: 1px solid #fff;
	
}

#topmeny{
	position:relative;
	width:900px;
	height: 20px;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
	
#content{
	position:relative;
	width:902px;
	height:500px;
	background-color: #fff;
	border: 1px solid #fff;
}
#text {
	text-align:left;
}

#left {
	position:relative;
	width:600px;
	float:left;
	text-align:left;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

#right {
	position:relative;
	width:300px;
	float:right;

	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

#leftsort {
	position:relative;
	width:200px;
	float:left;
	text-align:left;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

#rightsort {
	position:relative;
	width:700px;
	float:right;

	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

a.litenbild img {
	filter:alpha(opacity=60); 
	-moz-opacity: 0.6; 
	opacity: 0.6;
}

a.litenbild:hover img, a.litenbild:current img, a.litenbild:active img {
	filter:alpha(opacity=100); 
	-moz-opacity: 1.0; 
	opacity: 1.0;
}

#insp_beskr {
	width:258px;
	height:140px;
	margin-left:10px;
	margin-top:10px;
	overflow: auto;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;
}

#meny1 {
	position:relative;
	float:left;
	width:910px;
	height:32px;
	
	text-align:left;
}


/*...............................................uppbyggnad slut..........................................*/

.text {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	/*font-weight: bold;*/
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	/*font-weight: bold;*/
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	/*font-weight: bold;*/
	text-decoration: none;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	/*font-weight: bold;*/
	text-decoration: none;
}


 a.info{
        position:relative;           /*this is the key*/
        z-index:24;
       	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #666;
		/*font-weight: bold;*/
		text-decoration: none;
        }

        a.info:hover {
        z-index:25;
    
        }

        a.info span{
        display: none;  /* hide the span text using this css */
        }

        a.info:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: -3em;
        left: 3em;
        width:15em;
        border:1px solid #000000; /* border colour */
        background-color:#BBB; /* background colour here */
        color:#000000;         /* text colour */
        text-align: center;
        font-size: .8em;
        font-style:italic;
        z-index:30;
        }


/*...............................................Sortiment..........................................*/

#sortiment{
	position:relative;
	width:902px;
	height:500px;


}

#sort_meny1{
	position:relative;
	width:902px;
	height:20px;
	background-color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	text-align:left;
}


a.sort_meny1a:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #fff;
  /*font-weight: bold;*/
  text-decoration: none;
}

a.sort_meny1a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #fff;
  /*font-weight: bold;*/
  text-decoration: none;
}
a.sort_meny1a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #fff;
  /*font-weight: bold;*/
  text-decoration: none;
}
a.sort_meny1a:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #fff;
  /*font-weight: bold;*/
  text-decoration: none;
}


#sort_meny2{
	position:relative;
	width:902px;
	height:20px;
	border-top: 1px solid #fff;
	background:url(bilder/bg_meny2.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	text-align:left;
}

#sort_meny3 {
	width:187px;
	height:460px;
	border-top: 1px solid #fff;
	float:right;
	overflow: auto;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	background:url(bilder/bg_menyright.gif);
}

#sort_visa {
	position:relative;
	width:690px;
	height: 450px;
	float:left;
	text-align:left;
	overflow: auto;
	padding-left: 20px;
	padding-top: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

#sorttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	padding-left: 10px;
}

#sort_iframe {
	position:relative;
	width:330px;
	float:left;
	text-align:left;
	margin-top:20px;
	margin-left:20px;
	
}

#sort_thmeny {
	position:relative;
	width:330px;
	float:left;
	text-align:left;
	margin-top:20px;
	
}


/*...............................................Sortiment slut..........................................*/