/* CSS Document */

#content {
	position:absolute;
	width: 780px;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	border-left: 1px solid #B3B3B3;
	border-top: 1px solid #B3B3B3;
	top:5px;
	left:30px;
	background-color: #FFFFFF;
	}
	#contentpopup {
	position:absolute;
	width: 580px;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	border-left: 1px solid #B3B3B3;
	border-top: 1px solid #B3B3B3;
	top:5px;
	left:10px;
	background-color: #FFFFFF;
	}
	
#footer {	
	clear:both;
	font-size: 85%;
	color: #666;
	padding: 10px 10px 20px 30px;}
	
#topmeny{
position:relative;
top:35px;
left:50px;

		
	}
	
.toplink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}	
.toplink:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b3b3b3;
	text-decoration: none;
}	
.topmenyleft {
text-align:center;
	width:88px;
	float:left;
	border-right:1px solid #b3b3b3;
	border-top:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	padding:4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border-left-color: #b3b3b3;
	}
	
	.topmenyright {
	text-align:center;
	width:87px;
	float:left;
	border-top:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	padding:4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	
	}
#nyheter{
	padding-top:20px;
	padding-right:20px;
}
	
#innehallpuff{
	float:left;
	padding-top:10px;
	

	}
#innehalllinje {
	padding-left:15px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #ccc;
}
	
#innehall{
	float:left;
	width: 260px;
	padding-top:15px;
	}
	#innehallsidor{
	float:left;
	width: 520px;
	padding-top:15px;
	padding-left:15px;
	}

#puffar{
	width:140px;	
	
}

#storbild {
	position:absolute;
	top:140px;
	border-color:#333333;
	border-right: solid 1px;
	border-left: solid 1 px;

}
#meny {
	position:absolute;
}
#logo {
	position:absolute;
	top:7px;
	left:650px;
}
#logopopup {
	position:absolute;
	top:7px;
	left:450px;
}
#hovlev{
	position:absolute;
	top:20px;
	left:60px;
}
.bgmeny {
	width:160px;
	vertical-align:top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B3B3B3;
	border-right-color: #B3B3B3;
	border-bottom-color: #B3B3B3;
	border-left-color: #B3B3B3;
	padding-top: 15px;
	padding-right:15px;
}
.bghoger {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B3B3B3;
	border-right-color: #B3B3B3;
	border-bottom-color: #B3B3B3;
	border-left-color: #B3B3B3;
	padding-right:15px;
}
.adressforsta {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.datum {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	letter-spacing: 1px;
}
.nyhetsrubrik {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
line-height:150%;
}
.nyhetinnehall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	line-height: 15px;
}
#innehall {
padding-left:20px;
padding-top:20px;

}

#navcontainer ul
{
padding:0px;
margin:0px;
	list-style: none;
	
}


.meny {

	list-style-position: outside;
	list-style-type: none;
	
	height: auto;
}

.ameny {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	text-decoration: none;
	line-height: 20px;
	background: transparent url(bilder/bullet.gif) left center no-repeat;
padding-left: 15px;
}
.ameny:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	line-height: 20px;
	background: transparent url(bilder/bullethover.gif) left center no-repeat;
color: black;
}

.bmeny {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;
	text-decoration: none;
	line-height: 13px;
	
}
.bmeny:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	line-height: 13px;
}

.ulunder {
	padding-left:10px;
	margin:0;
	list-style-position: outside;
	list-style-type: none;
}
.border {
border:solid 1px;
border-color:#b3b3b3;}.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 16px;
}
.ruta {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px solid #333333;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;	
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	}.rubrik {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 300;
	color: #666666;
	text-decoration: none;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height:140%;
}
.hogerbild {
	 float: right;
margin: 10px 0 10px 10px;
border: 1px solid #b3b3b3;
}
.produktrubrik {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
	line-height: 30px;
}
.designertextprodukt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 15px;
	color: #666666;
}
.designertextprodukt:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 15px;
	color: #000000;
}
.linjeproduktdesigner {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-color:#999999;
	padding-left: 15px;
}
.indexinnehall {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.puffartd {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-left:10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #999;
	border-left-color: #333333;

}
#flaggor {
position:absolute;
top:55px;
left:570px;
clear:left;}
#pic {
	background-color: #FFFFFF;
	
	position: relative;
		
	 float: right;
margin: 10px 0 10px 10px;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	top: 0;
	width: 1px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	border: 1px solid #b3b3b3;
	display: block;
	height: 130px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 160px;
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 1px solid #b3b3b3;
	display: block;
	left: -150px;
	position: absolute;
	top: -150px;
	width: 400px;
	height: 500px;

}
h1,h2{margin: 0 10px;}
h1{font-size: 120%;color: #FFF;}
h2{font-size: 110%;color: #f0f0f0;}
p{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 16px;
	padding:2px 0 3px 0;
margin:2px 0 3px 0;}
h2{padding-top: 0.3em;}
div#nifty{ margin: 0 10%;background: #f5f5f5 ; width:540px; }

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #f5f5f5;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
.table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px dotted #bdbdbd;
}
.bestallning {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 1px;
	border: 1px solid #999999;
}
.streckadtabell{
border:1px dotted #cccccc;
padding:13px;
}
.streckadtabellvanster{
border-bottom:1px dotted #cccccc;
}
.streckadtabellhoger{
border-left:1px dotted #cccccc;
border-bottom:1px dotted #cccccc;
}
.tabellhuvud{
background-image:url(bilder/bgtabell.gif);
border-bottom:1px solid #ccc;

}.pristabell {
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	color: #000000;
	padding: 2px;
}
.pristabellrubr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	padding: 2px;
	font-weight: normal;
}
.adressrubrik{
font-family:"Trebuchet MS", Verdana, Tahoma;
font-size:12px;
color:#666;
font-weight:bold;}
	.gallerycontainer{
float:left;
height:550px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px #CCC;
margin: 0 10px 10px 10px;


}
.thumbnail{
border: 1px #999;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px #999;
}

.thumbnail span.tumme{ /*CSS for enlarged image*/
position: absolute;
background-color: #000;
padding: 10px 5px 5px 5px;
left: -1000px;
border: 1px solid #ccc;
visibility: hidden;
color: #FFF;
text-decoration: none;
}

.thumbnail span.tumme img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnail:hover span.tumme{ /*CSS for enlarged image*/
visibility: visible;
top: 352px;
left: 198px; /*position where enlarged image should offset horizontally */
z-index: 50;
}