/* ALLMANA TAGGAR */

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	color:#333333;
	height:100%;
	/*background-color:#666666;*/
	background: #666666 url(../images/bg_body.jpg) no-repeat center top;
} 

h1 {
	font-size:95%;
	text-transform: uppercase;
	font-weight:bold;
	color:#ff0000;
	margin:5px 0px 5px 0px;
}

h2 {
	font-size:80%;
	font-weight:bold;
	margin:5px 0px 3px 0px;
}

p {
	font-size:80%;
	margin:0px 0px 10px 0px;
}

p.valkommen {
	margin:0px 0px 30px 0px;
}

h2 span {
	font-size:90%;
	color:#999999;
	font-weight:normal;
}

h2.historik, p.historik {
	color:#666666;
	font-style:italic;
}

img {
	border:0px;
}

a, a:link, a:active, a:visited   {
	font-weight: bold;
    text-decoration: none;
	color: #ff0000;
    border: 0px;
}

a:hover   {
	font-weight: bold;
    text-decoration: none;
	color: #666666;
    border: 0px;
}

.rensa {
	clear:both;
	height:1px;
}

table.right {
	float:right;
	font-size:75%;
	font-weight: bold;
	text-transform: uppercase;
}

/* LAYOUT RAMAR */

#ram {
	position:absolute;
	left:50%;
	top: 0px;
	width: 980px;
	height: 100%;
	margin-left: -490px; 
	overflow: visible;
}

#toppmeny {
	width:980px;
	height: 66px;
	padding:0px 0px 0px 0px;
	background:url(../images/bg_toppmeny.jpg) no-repeat;
}

#sidhuvud {
	width:980px;
	height: 100px;
	padding:0px 0px 0px 0px;
	background:url(../images/bg_sidhuvud.jpg) no-repeat;
	clear:both;
}

.logga {
	padding:28px 0px 0px 45px;
	width:300px;
	height:70px;
}

#innehall {
	width:980px;
	/*height: 490px;*/
	height: auto;
	padding:0px 0px 0px 0px;
	background:url(../images/bg_innehall.jpg) repeat-y;
}

#sidfot {
	width:980px;
	height: 88px;
	padding:6px 0px 0px 0px;
	background:url(../images/bg_sidfot.jpg) no-repeat;
}

/* MENYTOPP */

#meny, #menybotten	{
	width: 980px;
	padding:20px 0px 0px 0px;
}

html>#meny, html>#menybotten { 
	top: 0px; 
	}

#meny ul, #menybotten ul {
	margin:0px 50px 0px 15px;
	padding:0px;
	list-style:none;
	text-align: left;
	float:right;
	width:auto;
}
#meny ul li, #menybotten ul li {
	float: left;
}

#meny li > ul, #menybotten li > ul {
	top: auto;
	left: auto;
	}
#meny ul li a, #menybotten ul li a {
	display: block;
	/*float: right;*/
	width:auto;
	height:auto;
	margin: 0px;
	padding: 5px 10px 10px 10px;
	font-size: 75%;
	text-decoration: none;
	font-weight: bold;
	color: #333333;
	border-bottom: 0px;
	text-transform: uppercase;	
}

#meny ul li a.slut, #menybotten ul li a.slut {
	padding: 5px 0px 10px 10px;
}

#meny ul li a:hover, #menybotten ul li a:hover {
	color: #ff0000;
	border-bottom: 0px;
}
		
#meny ul li#aktivtopp a, #menybotten ul li#aktivbotten a {
	color: #ff0000;
	font-weight: bold;
	border-bottom: 0px;
}  		

/* INNEHALL STARTSIDAN */

.vanster-bild {
	float:left;
	width:430px;
	height:auto;
	background:url(../images/startbild.jpg) no-repeat;
	margin:10px 0px 0px 45px;
}

.vanster-bild p {
	padding:232px 20px 0px 0px;
	text-align:right;
	color: #ff0000;
	font-size:140%;
	font-style:italic;
	font-weight:bold;
}

.hoger {
	float:right;
	width:430px;
	margin:10px 45px 0px 0px;
}

#bildmeny {
	float: left;
	width: 890px;
	margin:20px 0px 0px 45px;
}

/*html>#meny { 
	top: 20px; 
	}*/


#bildmeny ul {
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:left;
}
#bildmeny ul li {
	float: left;
	height: 180px;
	width: 200px;
}

#bildmeny li > ul {
	top: auto;
	left: auto;
	}
#bildmeny ul li a {
	display: block;
	height: auto;
	margin: 0px;
	padding: 165px 0px 0px 0px;
	text-decoration: none;
	font-weight: bold;
	font-size:80%;
	text-transform: uppercase;
}

li#bildmenyomoss, li#bildmenykontakt, li#bildmenyoffert {
	margin:0px 30px 0px 0px;
	}
li#bildmenytips {
	margin:0px;
}

#bildmenyomoss a {
	width: 200px;
	background: url(../images/meny_omoss.jpg) no-repeat 0px 0px;
	color: #333333;
	}
	
#bildmenyomoss a:hover{
	width: 200px;
	background: url(../images/meny_omoss_sv.jpg) no-repeat 0px 0px;
	color: #ff0000;
	}
#bildmeny ul li a#pil-omoss {
	background: url(../images/pil_omoss.gif) no-repeat 0px 0px;
}
	
#bildmenykontakt a {
	width: 200px;
	background: url(../images/meny_kontakt.jpg) no-repeat 0px 0px;
	color: #333333;
	}
	
#bildmenykontakt a:hover {
	width: 200px;
	background: url(../images/meny_kontakt_sv.jpg) no-repeat 0px 0px;
	color: #ff0000;
	}
	
#bildmenyoffert a {
	width: 200px;
	background: url(../images/meny_offert.jpg) no-repeat 0px 0px;
	color: #333333;
	}
#bildmenyoffert a:hover{
	width: 200px;
	background: url(../images/meny_offert_sv.jpg) no-repeat 0px 0px;
	color: #ff0000;
	}

#bildmenytips a {
	width: 200px;
	background: url(../images/meny_tips.jpg) no-repeat 0px 0px;
	color: #333333;
	}

#bildmenytips a:hover {
	width: 200px;
	background: url(../images/meny_tips_sv.jpg) no-repeat 0px 0px;
	color: #ff0000;
	}
	
/* UNDERSIDOR */

.vanster{
	float:left;
	width:430px;
	height:auto;
	margin:10px 0px 0px 45px;
	padding:0px 0px 20px 0px;
}
.center{
	float:left;
	width:637;
	height:auto;
	margin:10px 0px 0px 45px;
	padding:0px 0px 20px 0px;
}

#undermeny {
	width: 400px;
	padding:0px 0px 0px 0px;
}


html>#undermeny { 
	top: 0px; 
	}

#undermeny ul {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	text-align: left;
	float:left;
	width:auto;
}
#undermeny ul li {
	float: left;
}

#undermeny li > ul {
	top: auto;
	left: auto;
	}
#undermeny ul li a {
	display: block;
	/*float: right;*/
	width:auto;
	height:auto;
	margin: 0px;
	padding: 5px 5px 10px 5px;
	font-size: 75%;
	text-decoration: none;
	font-weight:normal;
	color: #333333;
	border-bottom: 0px;
	text-transform: uppercase;	
}

#undermeny ul li a.start {
	padding: 5px 5px 10px 0px;
}

#undermeny ul li a:hover {
	color: #ff0000;
	border-bottom: 0px;
}

#undermeny ul li#visa a {
	color: #ff0000;
	font-weight: bold;
	border-bottom: 0px;
}  		

/* UNDERSIDOR OM OSS */

#bildundermeny {
	float: left;
	width: 430px;
	margin:10px 0px 0px 0px;
}

#bildundermeny ul {
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:left;
}
#bildundermeny ul li {
	float: left;
	height: 90px;
	width: 98px;
}

#bildundermeny li > ul {
	top: auto;
	left: auto;
	}
#bildundermeny ul li a {
	display: block;
	height: auto;
	margin: 0px;
	padding: 70px 0px 0px 0px;
	text-decoration: none;
	font-weight: bold;
	font-size:70%;
	text-transform: uppercase;
}

li#omforetaget, li#etiketter, li#tjanster, li#omforetagetaktiv, li#etiketteraktiv, li#tjansteraktiv {
	margin:0px 11px 0px 0px;
	}
li#referenser, li#referenseraktiv {
	margin:0px;
}

#omforetaget a {
	width: 98px;
	background: url(../images/omoss/bild_omforetaget.jpg) no-repeat 0px 0px;
	color: #333333;
	}
	
#omforetaget a:hover, #omforetagetaktiv a {
	width: 98px;
	background: url(../images/omoss/bild_omforetaget_sv.jpg) no-repeat 0px 0px;
	color: #ff0000;
	}
	
#etiketter a {
	width: 98px;
	background: url(../images/omoss/bild_etiketter.jpg) no-repeat 0px 0px;
	color: #333333;
	}
	
#etiketter a:hover,#etiketteraktiv a {
	width: 98px;
	background: url(../images/omoss/bild_etiketter_sv.jpg) no-repeat 0px 0px;
	color: #ff0000;
	}
	
#tjanster a {
	width: 98px;
	background: url(../images/omoss/bild_tjanster.jpg) no-repeat 0px 0px;
	color: #333333;
	}
#tjanster a:hover, #tjansteraktiv a {
	width: 98px;
	background: url(../images/omoss/bild_tjanster_sv.jpg) no-repeat 0px 0px;
	color: #ff0000;
	}

#referenser a {
	width: 98px;
	background: url(../images/omoss/bild_referenser.jpg) no-repeat 0px 0px;
	color: #333333;
	}

#referenser a:hover, #referenseraktiv a {
	width: 200px;
	background: url(../images/omoss/bild_referenser_sv.jpg) no-repeat 0px 0px;
	color: #ff0000;
	}

#innehall .vanster p a, #innehall .vanster p a:link, #innehall .vanster p a:active, #innehall .vanster p a:visited   {
	font-weight: bold;
    text-decoration: none;
	color: #ff0000;
    border: 0px;
}

#innehall .vanster p a:hover   {
	font-weight: bold;
    text-decoration: none;
	color: #666666;
    border-bottom: 1px solid #666666;
}

.text ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

.text li {
	display: block;
	background-image: url(../images/bg_li_mark.gif);
	background-repeat: no-repeat;
	width:auto;
	padding:0px 0px 5px 30px;
	font-size: 80%;
}

.text li span {
	font-style:italic;
	color:#666666;
}

#visahistorik {
	display:none;
	padding:10px;
	position: absolute; 
	left: 30%; 
	top: 30%; 
	margin-left:100px; 
	margin-top:0px; 
	z-index: 5; 
	height: auto; 
	width: 300px; 
	background-color: #EFEED2; 
	border: 1px solid #999999;
}

#visahistorik.close {
	padding:0px 0px 20px 0px;
	text-align: right;
}