body {

	margin: 0;

	padding: 0;

	background: #016370 url(img/bg-body.gif) top left repeat-y;

	color: #646464;

	font: 13px 'Helvetica Neue', Arial, sans-serif;

	text-align: center;

	}

* {margin: 0; padding: 0;}


/*------ layout ------*/

#wrapper {float: left; width: 900px;}



#sida {

	display: inline;

	float: left;

	width: 635px;

	margin: 0 0 0 15px;

	text-align: left;

	line-height: 150%;
	
	}

#sida ul {

	list-style: disc inside;

	margin: 0 60px;

	padding: 1em 0;

	font-size: 15px;

	}

#sida li {margin: 0 0 0.5em;}

#sida dl {margin: 0 60px; padding: 0 0 1em;}

#sida dd {color: #848484; font-size: 11px; margin: 0 0 0.8em;}

#sida dd a {font-size: 13px;}

#sidospalt {float: right; width: 250px; }

#sidospalt #logo {

	width: 220px;

	margin: 30px 0 0 30px;

	color: #fff;

	}

#sidospalt #logo span, #sidospalt #logo a {

	display: block;

	width: 220px;

	height: 100px;

	border: none;

	background: url(img/logo-right.gif) no-repeat;

	}

#sidospalt #logo img  {display: block; width: 0; border: none;}

#sidfot {

	width: 520px;

	margin: 60px 0 0;

	padding: 0 0 30px;

	font-size: 11px;

	color: #646464;

	background: url(img/logo-sidfot.gif) top right no-repeat;

	clear: both;

	}

#sidfot p {margin: 0 20px 0 20px; padding: 0 60px;}

#sidfot a {

	padding-bottom: 1px;

	color: #999 !important;

	border-color: #ccc !important;

	}

#sidfot a:hover {background: none !important; border: none !important;}

/*------ nav ------*/

ul#nav { 

	list-style: none;

	float: left;

	width: 170px;

	margin-top: 30px;

	text-align: left;

	font-size: 12px;

	}

ul#nav li { 

	margin-bottom: 0.8em;

	padding: 1px 0 1px 30px;

	text-transform: uppercase;

	}

ul#nav li.avd {margin-bottom: 2.5em;}

ul#nav a {

	display: block;

	color: #fff;

	text-decoration: none;

	font-weight: bold;

	}

ul#nav a:hover {color: #c33;}



body#hem li#nav-hem, body#nyheter li#nav-nyheter, body#hoghojd li#nav-hoghojd,

body#byggnad li#nav-byggnad, body#skorstensskydd li#nav-skorstensskydd,

body#klienter li#nav-klienter, body#foretaget li#nav-foretaget,

body#kontakt li#nav-kontakt {

	background: url(img/menyindikerare.gif) center left no-repeat;

	}


body#hem li#nav-hem a, body#hem ul#nav a:hover,

body#nyheter li#nav-nyheter a, body#nyheter ul#nav a:hover,

body#hoghojd li#nav-hoghojd a, body#hoghojd ul#nav a:hover,

body#byggnad li#nav-byggnad a, body#byggnad ul#nav a:hover,

body#skorstensskydd li#nav-skorstensskydd a, body#skorstensskydd ul#nav a:hover,

body#klienter li#nav-klienter a, body#klienter ul#nav a:hover,

body#foretaget li#nav-foretaget a, body#foretaget ul#nav a:hover,

body#kontakt li#nav-kontakt a, body#kontakt ul#nav a:hover {color: #c33;}

/*------ img ------*/

#sida img {margin: 6px 20px 6px 20px; padding: 0.5em 60px 0.5em;}

#sida img.left {float: left; margin: 6px 20px 6px 20px; padding: 0.5em 0 0.5em 60px;}

#sida img.arrow {
	
	margin: 0;
	
	padding: 0;
	
	}

.bild-behallare {

	display: inline;

	float: left;

	width: 460px;

	margin: 20px 60px 5px;

	}

.bild-behallare img {

	display: inline;

	margin: 0 15px 30px;

	padding: 5px;

	border: 1px solid #bbb !important;

	} 

.bild-behallare a {

	border: none !important;

	background: none !important;

	}

.bild-behallare a:hover img {border-color: #c33 !important; background: #eee;}


body#home .bild-behallare a:hover img {border-color: #ab3 !important;}

body#quick .bild-behallare a:hover img {border-color: #e83 !important;}

body#expose .bild-behallare a:hover img {border-color: #09c !important;}

/*------ typo ------*/

p {margin: 0 20px 0 20px; padding: 0 60px;}

p.ingress {color: #747474; font-size: 15px; line-height: 150%;}

p.bildtext {

	float: right;

	width: 220px;

	color: #888;

	font-size: 11px;

	line-height: 140%;

	text-align: right;

	}

p.date {

	margin: -0.5em 0 2em;

	font-size: 11px;

	text-transform: uppercase;

	letter-spacing: 0.1em;

	color: #c33;

	}

h1#h1-hem, h1#h1-nyheter, h1#h1-hoghojd, h1#h1-byggnad, h1#h1-skorstensskydd,

h1#h1-klienter, h1#h1-foretaget, h1#h1-kontakt {

	height: 100px;

	margin: 30px 0 30px 80px;

	padding: 0;

	text-indent: -9999px;

	}

h1#h1-hem {background: url(img/h1-hem.gif) no-repeat;}

h1#h1-nyheter {background: url(img/h1-nyheter.gif) no-repeat;}

h1#h1-hoghojd {background: url(img/h1-hoghojd.gif) no-repeat;}

h1#h1-byggnad {background: url(img/h1-byggnad.gif) no-repeat;}

h1#h1-skorstensskydd {background: url(img/h1-skorstensskydd.gif) no-repeat;}

h1#h1-klienter {background: url(img/h1-klienter.gif) no-repeat;}

h1#h1-foretaget {background: url(img/h1-foretaget.gif) no-repeat;}

h1#h1-kontakt {background: url(img/h1-kontakt.gif) no-repeat;}


h2 {margin: 0 20px 0 20px; padding: 1em 60px 0.5em; font-size: 13px; clear: both;}


/* Lınkar */

#sida a:link, #sida a:visited {

	border-bottom: 1px solid #c33;

	color: #c33;

	text-decoration: none;	

	}

#sida a:hover {background: #c33; color: #fff;}

#sida a.img {border: none; background: none;}

#sida a img {border: none;}

/*------ ıvrigt ------*/

/* hr */

.hr {

	height: 1px;

	margin: 30px 0;

	border-bottom: 1px solid #ddd;

	font-size: 1px;

	line-height: 1px;

	}

.hr hr {display: none;}

/* Hoppa ıver menyn */

a.skipnav {position: absolute; left: -1000em; width: 20em;}

/* Visa ej nır CSS-stıd finns */

.hide {display: none;}

/* Rensa floats */

.clearall {

	display: block;

	clear: both;

	height: 1px;

	margin: 0;

	font-size: 1px;

	line-height: 1px;

	}
	
/* Listor */

ul.kompetens {

	margin:  30px 0 0 0;
	
	padding: 0 0 0 0;
	
	list-style: none;
	
	font-size: 15px;
	
	}
	
ul.kompetens li {
	
	margin: 8px 0 0 0;
	
	padding: 0 0 0 50px;
        
    list-style: none;
	
	}
	
/*------ Nyheter ------*/

body#nyheter h2 {
	color: #02A7BD;
		
	font-weight: bold;
	
	}
	
/*------ Klienter ------*/

body#klienter img {

	border: 1px solid #000000;
	
	margin: 0;
	
	padding: 0;
	
	}
	
#client_wrapper {margin-top: 1em;}

.client_left_first {float: left; padding: 0 0 0 110px;}

.client_right_first {float: right; padding: 0 110px 0 0;}
	
.client_left {float: left; padding: 1em 0 0 110px;}

.client_right {float: right; padding: 1em 110px 0 0;}
	

	
/*------ Skorstensskydd ------*/

div#gallery_wrapper img {

	border: 1px solid #000000;
	
	margin: 0;
	
	padding: 0;
	
	}	
	
div#gallery_wrapper a {text-decoration: none;}

#gallery_wrapper {margin-top: 1em;}

.gallery_left_first {float: left; padding: 0 0 0 100px;}

.gallery_right_first {float: right; padding: 0 100px 0 0;}

.gallery_left {float: left; padding: 2em 0 0 100px;}

.gallery_right {float: right; padding: 2em 100px 0 0;}

/*------ Popup ------*/

body#popup {background: #FFF;}

body#popup img {

	border: 1px solid #000000;
	
	margin: 20px auto 0 auto;
	
	padding: 0;
	
	}
	
body#popup p {margin-top: 10px;}

body#popup a {text-decoration: none; color: #666}