
body {
	font-family: Verdana, Geneva, verdana, arial, tahoma;
	font-size: 11px;
	color: #333;

	line-height: 160%;
	margin: 0;
	padding: 0;
	text-align: left;
}



#content {
	padding:0;
	width:900px;
	margin:20px auto;
}

#left{
float:left;
display:block;
width:163px;
height:680px;
background-image:url(assets/meny/left.jpg);
background-repeat:no-repeat;}

#right{
float:left;
width:720px}
#top{
display:block;
float:left;
height:115px;
width:720px;
background-image:url(assets/meny/top.jpg);
background-repeat:no-repeat;
}
#main{
width:700px;
float:left;
clear:left;
padding:15px 0 20px 35px;
}

#footer {
	font-size:9px;
	margin: 8px 0px 10px 0px;
	padding:20px 0 5px 0;	
	clear: both;
	letter-spacing:0.1em;
	width:645px;
	background-image:url(assets/forstasida/prickadlinje.gif);
background-repeat:no-repeat;
background-position:0 0;
}
.topplogo
{position:absolute;
left:30px;
top:10px;
width:101px;
height:94px;
}
.flaggor{
position:relative;
left:50px;
top:110px;
width:60px;
vertical-align:middle;
text-align:center;
}
h2 { font-size: 11px;
	font-weight:bold;
	color: #555;
	line-height:1.3em;
	letter-spacing: 3%;
	padding:0;
	margin:5px 0 1px 0;
}
h3 { 	font-size: 10px;
		color: #999;
		font-weight:bold;
		letter-spacing:1px;
		padding:0;
	margin:0 0 0 0;
	text-transform:uppercase;
	}

a:link, a:visited { color: #6E7282; text-decoration: none; line-height:12px;
 }
a:hover{ color: #999; text-decoration: none; }

p{
	font-size: 11px;
line-height:150%;
	color: #333;

padding:1px 0 2px 0;
margin:2px 0 3px 0;}
h1 {
font-family:Verdana, Helvetica, sans-serif;
color: #333;
font-size:18px;
font-weight:bod;
	line-height: 120%;
	margin-bottom:4px;
	margin-top:15px;
	background-image:url(assets/logotyper/bgrubrik.gif);
	background-repeat:no-repeat;
	width:245px;
	height:60px;	
}
#admintop{
width:800px;
height:85px;

padding:10px;
margin-bottom:20px;
}
	#admincontainer {
	float:left;
	width: 800px;
	text-align:left;
	background-color:#f5f5f5;
	border: 1px solid #665245;
		padding:30px;
			
	
	}
.inloggningsruta{

margin:150px;
padding:30px;
width:450px;
border:1px solid #ccc;
background-color:#FFFFFF;
text-align:left;}
	.tonbgtop {
	background-image:url(assets/admin/bgtontop.gif);
		background-repeat:repeat-x;
		font-weight:bold;
}

.meny {
	list-style-type: none;
		position: absolute;
		left:20px;
	width: 145px;
	top: 152px;
	height: auto;
	padding:0;
	margin:0;
}

.meny li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333;
	text-decoration: none;
	line-height: 20px;
	background: transparent url(assets/meny/bullet.gif) left center no-repeat;
	padding-left: 15px;
}
.meny li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ccc;
	text-decoration: none;
	
	background: transparent url(assets/meny/bullethover.gif) left center no-repeat;
	color: black;
}
.toppmenycontent {
position: absolute;
		left:180px;
	width: 650px;
	top: 80px;
}
.toppmeny {
	list-style-type: none;
		
	height: auto;
	padding:0;
	margin:0;
}
.toppmeny li{
	display:inline;}
.toppmeny li a {
	display:inline;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333;
	text-decoration: none;

	margin-left:10px;
padding:0 15px 0 10px;

border-right:1px solid #ccc;
}
.toppmeny li a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	text-decoration: none;

	background: transparent url(assets/meny/bullethover.gif) left center no-repeat;
	color: black;
}

.gallerycontainer{
	float:left;
	width:800px;
	padding-top:15px;
	height:5	00px;

/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
	border: 1px solid white;
	margin: 0 5px 5px 0;
}

.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;
left: -1000px;
border: 1px solid #f5f5f5;
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*/
position:absolute;
visibility: visible;
top: -50px;
left: 150px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.ruta{
border:1px solid #999;
font-size:11px;
font-weight:normal;
padding:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-image:url(assets/admin/bgmeny.gif);
	background-position:top;
	background-repeat:repeat-x;}
	#printer{
	float:right;
	clear:both;
	padding:5px 40px 15px 0;
	}
	.hoger{
clear:right;
float:right;
padding:20px 0 10px 15px;
width:300px;
}
	.border {
	border: 1px solid #ccc;
}
	.kontaktmedbildvanster {
display:block;
clear:left;
float:left;
width:220px;
margin:0 0 15px 0;
padding:0 0 15px 15px;


}
.kontaktmedbild {
display:block;
float:left;
width:220px;
margin:0 0 15px 0;
border-left:1px solid #e2dbd0;
padding:0 20px 15px 35px;

}
.kontaktbild{
border:1px solid #e2dbd0;
padding:10px;
}
.kontakttext{
padding:0 0 0 0;
margin:0 0 0 0;
list-style-type:none;
font-family: 'Lucida Grande', Lucida sans, Geneva, trebuchet ms, verdana, arial, tahoma;
font-size:11px;
font-weight:bold;
line-height:15px;

}.kontaktul{
padding:0 0 10px 0 ;
margin:10px 0 0 0;
list-style-type:none;

}

.kontaktul li{
font-weight:normal;
color:#333333;}
.firmagavetext{
float:left;
width:200px;}
.firmagavebild{
display:block;
float:left;
width:410px;
height:410px;
margin-left:10px;}
.firmagaveknappvanster{
float:left;
clear:left;
width:680px;}
.kolltext{
display:block;
width:250px;
float:left;
clear:left;
padding:0 0 15px 0;}
.kollbild {
float:right;
width:405px;
}
.kolldesignerbild{
float:right;
padding:0 0 5px 25px;


}

.kollsignatur{
float:right;
padding:6px 0 10px 5px;
clear:right;
text-align:right;

}
.kollill{
float:left;
width:405px;
margin:10px 0 10px 0;
padding:5px 0 5px 0;
}
.kollilldet{

width:135px;
border-left:1px dotted #999;
padding:5px 5px 5px 10px;
margin:0;
vertical-align:bottom;}
.designtext{
display:block;
width:230px;
float:left;
clear:left;
padding:0 15px 0 0;}
.designerrader {
float:left;
width:420px;
}
.designdettext{
display:block;
width:420px;
float:left;
clear:left;
padding:0 25px 15px 0;}
.designdetbild{
float:left;
width:200px;
text-align:right;}

.kollsearchdet{

width:135px;
border-left:1px dotted #999;
padding:5px 5px 5px 10px;
margin:0;
vertical-align:top;}

.skuggruta{
float:left;
width:225px;
display:block;
padding:10px 0 10px 0;
}
.skuggrutatop{
background-image:url(assets/kollektion/rutatop.gif);
background-repeat:no-repeat;
display:block;
height:23px;
width:225px;
float:left;}
.skuggrutabotten
{background-image:url(assets/kollektion/rutabotten.gif);
display:block;
width:225px;
height:29px;
background-position:0 100%;
float:left;
}
.skuggrutamitten {
background-image:url(assets/kollektion/rutamitten.gif);
background-repeat:repeat-y;
padding:0 40px 0 40px;
margin:0;
float:left;
width:165px;
}
ul.filer{
list-style-type:none;
padding:0;
margin:0;

}
ul.filer li.designer{
background-image: url(assets/kollektion/zoom.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding:0 0 5px 25px;
font-size:11px;
border-bottom:1px dotted #ccc;
margin:0 0 5px 0;
width:130px;}

ul.filer li.print{
background-image: url(assets/kollektion/print.gif);
background-repeat:no-repeat;
background-position:0 0;
padding:5px 0 5px 25px;
font-size:11px;
border-bottom:1px dotted #ccc;
margin:8px 0 10px 0;
width:130px;
}

ul.filer li.back{
background-image: url(assets/kollektion/back.gif);
background-repeat:no-repeat;
background-position:0 0;
padding:0 0 5px 25px;
font-size:11px;
	margin:2px 0 0 0;
}

ul.filer li.krystall{
background-image: url(assets/kollektion/krystallikon.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding:0 0 5px 25px;
font-size:11px;
border-bottom:1px dotted #ccc;
margin:0 0 5px 0;
width:130px;}
ul.filer li.porselen{
background-image: url(assets/kollektion/porselenikon.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding:0 0 5px 25px;
font-size:11px;
border-bottom:1px dotted #ccc;
margin:0 0 5px 0;
width:130px;}
ul.filer li.kunstglass{
background-image: url(assets/kollektion/kunstglassikon.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding:0 0 5px 25px;
font-size:11px;
border-bottom:1px dotted #ccc;
margin:0 0 5px 0;
width:130px;}
ul.filer li.vaser{
background-image: url(assets/kollektion/vasikon.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding:0 0 5px 25px;
font-size:11px;
border-bottom:1px dotted #ccc;
margin:0 0 5px 0;
width:130px;}
ul.filer li.abc{
background-image: url(assets/kollektion/abcikon.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding:0 0 5px 25px;
font-size:11px;
border-bottom:1px dotted #ccc;
margin:0 0 5px 0;
width:130px;}
ul.filer li.nyhetsikon{
background-image: url(assets/kollektion/nyheterikon.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding:0 0 5px 25px;
font-size:11px;
border-bottom:1px dotted #ccc;
margin:0 0 5px 0;
width:130px;}
ul.filer li.ovriga{
background-image: url(assets/kollektion/ovrigaikon.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding:0 0 5px 25px;
font-size:11px;
border-bottom:1px dotted #ccc;
margin:0 0 5px 0;
width:130px;}
.datumnyhet
{
font-size:9px;
color:#999999;}
.datumrubrik{
margin:1px 0 1px 0;
font-size:10px;
}
.skuggruta2{
float:left;
width:240px;
display:block;
padding:3px 0 3px 0;
}
.skuggrutatop2{
background-image:url(assets/kollektion/rutatop2.gif);
background-repeat:no-repeat;
height:21px;
width:240px;
float:left;


}
.skuggrutabotten2
{background-image:url(assets/kollektion/rutabotten2.gif);
display:block;
width:240px;
height:25px;
background-position:0 100%;
float:left;
}
.skuggrutamitten2 {
background-image:url(assets/kollektion/rutamitten2.gif);
background-repeat:repeat-y;
padding:0 40px 0 40px;
margin:0;
float:left;
width:180px;
}
.nyhetslista{
background-image:url(assets/forstasida/prickadlinje.gif);
background-repeat:no-repeat;
background-position:0 0;
padding:15px 10px 15px 0px;
float:left;
clear:left;
width:465px;
margin:0px 10px 0 0;
}
.illtext{
font-size:10px;
}
.illtextrubrik{

font-weight:bold;}
.aflista
{
background-image:url(assets/forstasida/prickadlinje.gif);
background-repeat:no-repeat;
background-position:0 0;
padding:15px 10px 10px 10px;
float:left;
clear:left;
width:300px;
margin:0px 10px 0 10px;
}