/*
Copyright Carina Malmgren 2002-2006
www.versicolor.se - carina@versicolor.se
version 1.3 of www.kopparcronan.se 
updated Sept 12, 2006

YOU MAY NOT MODIFY, COPY, REPRODUCE, REPUBLISH, UPLOAD, POST, TRANSMIT, OR DISTRIBUTE, IN ANY MANNER, THE CONTENT ON THIS SITE, 
UNLESS I HAVE GIVEN SPECIFIC PERMISSION TO DO SO
---------------------------------------------------------- */

/* General
---------------------------------------------------------- */
* { 
margin:0; padding:0; 
}
body { 
background:#fff; text-align:center; 
font:10px/15px Arial, Helvetica, sans-serif; 
color:#333; 
}
/* KopparCronan - layout
---------------------------------------------------------- */
#wrap {
background:#fff; color:#333;
width:750px; margin:0px auto; position:relative; 
}
#logo { 
width:747px; height:99px;
}
body#bredare #content { 
margin:0px 150px 0px 150px; width:425px; border-left:1px solid #ccc; padding:0px 0px 0px 12px; 
 text-align:left;
}
body#bredare #content-hotell { 
	margin: 0px 0px 0px 150px !important;
	margin: 0px 0px 0px 160px;
	width: 584px !important;
	width: 574px;
	border-left:1px solid #ccc; 
	padding:0px 0px 0px 12px; 
	text-align:left;
}
body#smalare #content {
width:335px; margin:0px 242px 0px 150px; border-left:1px solid #ccc; padding:15px 0px 0px 12px; text-align:left;
}
#nav {
position:absolute; top:110px; left:0px; width:148px; text-align:left;
}
#extra { 
width:155px; position:absolute; top:120px; right:0;
text-align:left;
}
#extraallt {
	width:241px; 
	position:absolute;
	top:120px;
	right:0;
	text-align:center;
}
	#extraallt img {
		margin-bottom: 15px;
	}
/* Levin-Malmgren Image Replacement Tool
---------------------------------------------------------- */
.forsvinn {
position:relative; margin:0; padding:0;
/* IEMac \*/

overflow:hidden;
/* */
}
.forsvinn span {
display:block; position:absolute; top:0px; left:0px; z-index:1;
}
.forsvinn span span { display:none; }
.forsvinn a { 
text-decoration:none; border:none; cursor:pointer;
}
/* KopparCronan - Headings
---------------------------------------------------------- */

#logoh1, #logoh1 span {
height:99px; width:747px; background:#fff url(css/logomotife.jpg) top right no-repeat;
}
h1 a { 
display:block; height:99px; width:747px; 
}
#contenth2, #contenth2 span {
background:url(css/h2.jpg) top left no-repeat;
height:100px; width:405px;
}
#kontakth2, #kontakth2 span {
background:url(css/h2harfinnsvi2.jpg) top left no-repeat;
height:179px; width:318px;
}
#prish2, #prish2 span {
background:url(css/h2vadkostardet2.jpg) top left no-repeat; 
height:179px; width:318px;
}
#infoh2, #infoh2 span {
background:url(css/h2hurfunkardet2.jpg) top left no-repeat;
height:179px; width:318px;
}
#bilbatmch2, #bilbatmch2 span {
background:url(css/h2batbilhusvagn.jpg) top left no-repeat;
height:179px; width:318px;
}
#sakerh2, #sakerh2 span {
background:url(css/h2sakerhet2.jpg) top left no-repeat;
height:179px; width:318px;
}
#kontorh2, #kontorh2 span {
background:url(css/h2lokaler.jpg) top left no-repeat;
height:179px; width:318px;
}
#lagerh2, #lagerh2 span {
background:url(css/h2lager.jpg) top left no-repeat;
height:177px; width:320px;
}
#logistikh2, #logistikh2 span {
background:url(css/h2hurkanvi2.jpg) top left no-repeat;
height:177px; width:320px;
}
#referenserh2, #referenserh2 span {
background:url(css/h2referenser.jpg) top left no-repeat;
height:177px; width:320px;
}
#magasinh2, #magasinh2 span {
background:url(css/h2magasinering.jpg) top left no-repeat;
height:177px; width:319px;
}

#flytth2, #flytth2 span {
background:url(css/h2alltforflytt.jpg) top left no-repeat;
height:177px; width:319px;
}

/* KopparCronan - Text
---------------------------------------------------------- */
h1 {
font:100 15px/20px Georgia, "Times New Roman", Times, serif;
color:#000;
}
h2 {
font:100 13px/20px Tahoma, Arial, Helvetica, sans-serif; 
color:#666;
}
.text {
margin:20px 6px 0 3px;
}
#content h3 {
font:bold 13px/15px Arial, Helvetica, sans-serif; 
font-variant:small-caps; color:#666;
}
#extra h3 { 
font:bold 13px/18px Arial, Helvetica, sans-serif; color:#666; font-variant:small-caps;
background:url(css/h3.jpg) top left no-repeat; padding:7px 7px 7px 12px;
height:30px;
}
* html #extra h3 { height:35px; }
h4 { 
font:bold 12px/15px Arial, Helvetica, sans-serif; color:#000; 
line-height:1.7em;
margin:0 0 5px 0;
}
h5 {
font:bold 12px/15px Arial, Helvetica, sans-serif; color:#000;
line-height:1.7em;
margin:0 0 2px 0;
}
.puffar p {
font:lighter 11px/15px Arial, Helvetica, sans-serif; line-height:1.5em;
margin:5px 9px 5px 8px;
color:#000;
}
p, #content li { 
font:lighter 11px/17px Verdana, Arial, Helvetica, sans-serif;
margin:0 0 7px 0; color:#000;
}
strong {
font:bold 11px/15px Arial, Helvetica, sans-serif; 
color:#363930;
}
#content ul {
list-style-type:none;
}
#content li {
display:block;
}

/* KopparCronan - Links in general
---------------------------------------------------------- */
a:link, a:visited {
color:#517FAA; text-decoration:none; 
}
a:hover, a:active {
color:#b68553; text-decoration:underline;
}
a img {
border:none;
}
/* KopparCronan - Main menu
---------------------------------------------------------- */
#nav ul { 
list-style:none; 
width:148px;
background:#fff;
font:11px/15px Arial, Helvetica, sans-serif;
letter-spacing:1px;
}
#nav li, 
#nav li ul li { 
display:block; margin:4px 0px;
color:#333;
}
a.nocol:link, a.nocol:visited {
color:#000; text-decoration:none 
}
a.nocol:hover, a.nocol:active {
color:#B68553; text-decoration:none;
}
#nav ul li { 
font-weight:bold;
}
#nav ul li ul li {
font-weight:lighter;
}
#nav ul li ul { 
margin:0px 0px 15px 0px; 
}
#nav ul li.aktiv {
color:#333;
}
#nav ul li.privat, 
#nav ul li.privat a {
color:#707500; 
}
#nav ul li.privat ul li a, 
#nav ul li.foretag ul li a
{ color:#000; }

#nav ul li.foretag, 
#nav ul li.foretag a {
color:#517FAA;
}
#nav ul li a.privat:hover, 
#nav ul li a.foretag:hover, 
#nav ul li a.privat:active, 
#nav ul li a.foretag:active { 
color:#b68553; text-decoration:none;
}

#nav ul li ul li { 
padding:0px 0px 0px 15px; 
}

li.aktiv {
background:url(css/orangepil.jpg) left center no-repeat;
text-align:left;
}

/* KopparCronan - Secondary Content
---------------------------------------------------------- */

.puffar {
background:url(css/extra.jpg) top left repeat-y; 
}
.puffend {
height:20px; display:block;
background:url(css/puffend.jpg) bottom left no-repeat;
}

/*** ljusgrön platta ***/
#nyhetforetag {
	background: url(css/nyheterforetag.jpg) top left no-repeat;
	margin: 0;
	width: 240px; 
	height: 12px; 
	text-align: center;
	padding-top: 53px;
	padding-bottom: 55px;
}
/*** ljusblå platta ***/
#nyheterprivat {
	background:url(css/nyheterprivat.jpg) bottom left no-repeat;
	color:#333; font:10px/15px Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	width:240px; height:150px;
	padding:0px 10px;
	text-align:left;
}
/*** orange platta ***/
#nyhetstandard {
background:url(css/nyheterstandard.jpg) bottom left no-repeat;
width:240px; height:130px;
margin:0;
text-align:center;
}
/* KopparCronan - Small ads
---------------------------------------------------------- */
.extrapuff {
margin:0px 0px 0px 3px;
}
.extrapuff ul {
list-style:none;
}
.extrapuff li {
height:137px; margin:5px 0px 0px 0px;
}
.extrapuff a {
height:137px; width:150px; display:block;
}
.privpuff, .privpuff span {
height:137px; width:150px; background:url(css/puffa-privat.jpg) top left no-repeat;
}
.forepuff, .forepuff span {
height:137px; width:150px; background:url(css/puffa-foretag.jpg) top left no-repeat;
}

/* KopparCronan - If a form
---------------------------------------------------------- */
form {
width:400px; border:none;
font:11px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#333;
}
textarea {
width:380px; height:70px;
padding:10px;
}

#versi, #versi span {
position:absolute;
right:0px;
float:right;
height:40px; width:27px;
font:10px/15px Tahoma, Verdana, Arial, Helvetica, sans-serif;
background:#fff url(http://versicolor.se/images/versicolor.jpg) top left no-repeat;
}

#storbild {
	margin: 20px 0 18px 0;
	text-align: right;
	padding: 0;
}

/* KopparCronan - Kontorshotell */

#banner {
	margin: 0 0 22px 0;
	text-align: right;
	padding: 20px 0 0 0;
}
#text-hotell {
	width: 326px;
	padding: 0 0 0 3px;
}
#images {
	width: 238px;
	float: right;
}
	#images img {
		margin: 0 0 12px 0;
	}
	
#uthyres {
	margin-top: 6px;
}
.uthyres {
	margin-top: 0;
}
#bjorn {
	margin: 0 0 10px 0;
}
strong.big {
	font-size: 14px;
}

#julbanner {
	width: 477px;
	height: 77px;
	margin-top: 10px;
	position: absolute;
}

#viewing {
	background-image: url('bilder/viewing_bg.gif');
	background-repeat: no-repeat;
	height: 60px;
	padding: 15px;
}


#outer {
	width: 1216px;
	margin: 0px auto;
}
	#outer #wrap {
		margin: 0 233px 0 0;
		float: right;
	}
#bubbla {
	width: 198px;
	float: left;
	margin-right: 25px;
	margin-top: 115px;
	margin-left: 10px;
	text-align: left;
}