/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	text-align: center;
	text-decoration: none;
	background-color: #00aad2;
	padding: 0px;
	background-image: url(../graphics/background.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h1 {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 0px;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 0px;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-bottom: 5px;
	margin-top: 10px;
}
p {
	margin-top: 0px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;	
}


a {
	text-decoration: underline;
	color: #FFFFFF;
}

a:hover {
	background: none;
	color: #FFFFFF;
}

#wrapper {
	width: 884px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 56px;
}

/* Header */

#header {
	height: 85px;
	width: 848px;
	padding-left: 20px;
	padding-right: 16px;
}

#bling {
	background-image: url(../graphics/bling.jpg);
	background-repeat: no-repeat;
	height: 19px;
	width: 20px;
	position: absolute;
	top: 77px;
	left: 47px;
}

#logga {
	height: 60px;
	background-image: url(../graphics/logga.jpg);
	background-repeat: no-repeat;
	width: 124px;
	float: left;
	margin-top: 10px;
}
#headtext p{
	float: right;
	margin-top: 57px;
	height: 16px;
	font-weight: bold;
}




/* Menu */

#menu {
	width: 880px;
	height: 23px;
	margin: 0 auto;
	padding: 0;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-width: 0px;
	background-image: url(../graphics/menubg.jpg);
	background-repeat: no-repeat;

}
.menuline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #192133;
	height: 22px;
	width: 880px;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border: none;
	padding-top: 3px;
	padding-right: 2px;
	padding-left: 15px;
}

#menu a:hover {
	color: #192133;
}
 #menu .active a {
 	color: #192133;
 }


/*punktlista */

#punkt ul {
	list-style-position: outside;
	list-style-type: circle;
}

/* Page */

#page {
	width: 880px;
	background-color: #CCCCCC;
	border: 2px solid #FFFFFF;
	height: 458px;
}

/* Content */

#content {
	float: left;
	width: 848px;
	height: 323px;
	padding: 16px;
	background-color: #171e31;
}
/* Hem*/
#page-hem {
	width: 880px;
	background-color: #CCCCCC;
	border: 2px solid #FFFFFF;
	height: 456px;
}



#content-hem {
	float: left;
	width: 848px;
	height: 321px;
	background-image: url(../graphics/background-hem.jpg);
	background-repeat: no-repeat;
	padding: 16px;
	background-color: #000033;
}

#hem-txt {
	width: 410px;
	margin-right: 220px;
	margin-left: 220px;
	text-align: center;
}

#hem-txt h1{
	font-size: 21px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-bottom: 5px;
	margin-top: 0px;
}
#hem-txt .inside{
	margin-left: 50px;
	text-align: left;
}
#hem-txt h2{
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}
/* Om oss*/

#page-omoss {
	width: 880px;
	background-color: #CCCCCC;
	border: 2px solid #FFFFFF;
	height: 456px;
}



#content-omoss {
	float: left;
	width: 848px;
	height: 321px;
	padding: 16px;
	background-color: #171e31;
	background-image: url(../graphics/background-hem.jpg);
}
#flash-omoss {
	float: right;
	width: 435px;
	height: 295px;
	margin-top: 35px;
}
/* Tjänster */

#page-tjanster{
	width: 880px;
	background-color: #CCCCCC;
	border: 2px solid #FFFFFF;
	height: 480px;
}



#content-tjanster {
	float: left;
	width: 848px;
	height: 345px;
	padding: 16px;
	background-color: #171e31;
}

#rightbild-tjanster {
	float: right;
	width: 420px;
	height: 319px;
	border: 2px solid #8fa5ab;
}

/* Kvalite */
#page-kvalite{
	width: 880px;
	background-color: #CCCCCC;
	border: 2px solid #FFFFFF;
	height: 862px;
}



#content-kvalite {
	float: left;
	width: 848px;
	height: 728px;
	padding: 16px;
	background-color: #171e31;
}
#rightbild-kvalite {
	float: right;
	width: 395px;
	height: 299px;
	border: 2px solid #8fa5ab;
}
#rightbild-kvalite2 {
	float: right;
	width: 363px;
	height: 320px;
	border: 2px solid #8fa5ab;
	background-color: #611b21;
	text-align: left;
	padding: 16px;
	margin-top: 16px;
}

/* Miljö */

#page-miljo{
	width: 880px;
	background-color: #CCCCCC;
	border: 2px solid #FFFFFF;
	height: 695px;
}



#content-miljo {
	float: left;
	width: 848px;
	height: 560px;
	padding: 16px;
	background-color: #171e31;
}
#left-txt-miljo {
	width: 380px;
	text-align: left;
	float: left;
	height: 260px;
}
#redmiljo{
	width: 371px;
	border: 2px solid #8fa5ab;
	background-color: #611b21;
	padding: 16px;
	text-align: left;
	margin-top: 28px;
	float: left;
	height: 236px;
}
/* Personal */

#page-personal{
	width: 880px;
	background-color: #CCCCCC;
	border: 2px solid #FFFFFF;
	height: 830px;
}



#content-personal {
	float: left;
	width: 848px;
	height: 694px;
	padding: 16px;
	background-color: #171e31;
}

#rightbild-personal {
	float: right;
	width: 388px;
	border: 2px solid #8fa5ab;
	background-color: #303a53;
	text-align: left;
	height: 154px;
	padding: 16px;
}
#rightbild-personal2{
	float: right;
	width: 388px;
	border: 2px solid #8fa5ab;
	background-color: #611b21;
	padding: 16px;
	text-align: left;
	margin-top: 16px;
}

/* Referenser */

#left-txt-ref{
	width: 380px;
	text-align: left;
	float: left;
	height: 250px;
}


#page-ref{
	width: 880px;
	background-color: #CCCCCC;
	border: 2px solid #FFFFFF;
	height: 926px;
}



#content-ref {
	float: left;
	width: 848px;
	height: 791px;
	padding: 16px;
	background-color: #171e31;
}
#right-bild-ref {
	float: right;
	border: 2px solid #8fa5ab;
	background-color: #303a53;
}
#right-bild2-ref {
	float: right;
	border: 2px solid #8fa5ab;
	margin-top: 16px;
	width: 396px;
	height: 350px;
	background-color: #2c3b3d;
}
#right-bild2-ref p{
	text-align: left;
	margin-top: 0px;
	padding-top: 10px;
	padding-right: 16px;
	padding-bottom: 16px;
	padding-left: 16px;
}

#redref{
	width: 396px;
	border: 2px solid #8fa5ab;
	background-color: #611b21;
	padding: 16px;
	text-align: left;
	margin-top: 49px;
	float: left;
}
#ref {
	background-color: #2c3b3d;
	width: 396px;
	margin-top: -12px;
	margin-bottom: -10px;
}


/* Kontakta oss */

#page-kontakta {
	width: 880px;
	background-color: #CCCCCC;
	border: 2px solid #FFFFFF;
	height: 950px;
}



#content-kontakta {
	float: left;
	width: 848px;
	height: 814px;
	padding: 16px;
	background-color: #171e31;

}

#left-txt-kontakta {
	text-align: left;
	float: left;
	width: 432px;
	height: 600px;
	background-image: url(../graphics/karta-kontakt.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

#rightbild-kontakta {
	float: right;
	border: 2px solid #8fa5ab;
	background-color: #303a53;
	text-align: left;
	height: 794px;
	width: 366px;
	padding-top: 16px;
	padding-right: 16px;
	padding-left: 16px;
}
#rightbild-kontakta p {
	font-size: 12px;
	margin-bottom: 15px;
}
#rightbild-kontakta a {
	text-decoration: none;	
}
.bild1 {

	margin-right: 25px;
	margin-bottom: 10px;
}


/* Kampanjer  */


#page-kampanj {
	width: 880px;
	background-color: #CCCCCC;
	border: 2px solid #FFFFFF;
	height: 816px;
}

#content-kampanj {
	float: left;
	width: 848px;
	height: 681px;
	padding: 16px;
	background-color: #171e31;
}
.redbild{
	width: 376px;
	border: 2px solid #8fa5ab;
	background-color: #611b21;
	padding: 16px;
	text-align: left;
	margin-top: 38px;
	float: left;
}
.redbild2{
	width: 384px;
	border: 2px solid #8fa5ab;
	background-color: #611b21;
	padding: 16px;
	text-align: left;
	margin-top: 16px;
	float: right;
}
#right-bild {
	float: right;
	border: 2px solid #8fa5ab;
	background-color: #303a53;
}
#right-bild2 {
	float: right;
	border: 2px solid #8fa5ab;
	margin-top: 16px;
}

#left-txt-kampanj {
	width: 380px;
	text-align: left;
	float: left;
	height: 200px;
}


/* Offert*/
#left-txt-offert{
	width: 457px;
	text-align: left;
	float: left;
}

.offertbild {
	border: 2px solid #8fa5ab;
}
#offertbild {
	margin-top: 74px;
}
#rightbild-offert {
	float: right;
	border: 2px solid #8fa5ab;
	background-color: #303a53;
	text-align: left;
	padding: 16px;
	height: 399px;
}

#page-offert{
	width: 880px;
	background-color: #CCCCCC;
	border: 2px solid #FFFFFF;
	height: 570px;
}



#content-offert {
	float: left;
	width: 848px;
	height: 435px;
	padding: 16px;
	background-color: #171e31;
}

.offertext {
	margin-top: 0px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;	
}
#left-txt {
	width: 380px;
	text-align: left;
	float: left;
}

#base {
	float: left;
	width: 880px;
	background-color: #00CCFF;
	height: 101px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
#base h2{
	font-size: 16px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	font-weight: bold;
	}
#box1 {
	float: left;
	height: 101px;
	width: 292px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background-color: #00CCFF;
}
#box2 {
	float: left;
	height: 101px;
	width: 292px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background-color: #00CCFF;
}
#box3 {
	float: left;
	height: 101px;
	width: 292px;
	background-color: #00CCFF;
}
.box {
	background-image: url(../graphics/boxbg.jpg);
	background-repeat: no-repeat;
	height: 100px;
	width: 292px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #192133;
	text-align: left;
	float: left;
}

.box p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-right: 8px;
	margin-left: 8px;
}
.box a {
	text-decoration: underline;
	color: #000000;
}
#ikon {
	float: left;
	margin-right: 8px;

}
#kuvert {
	float: right;
	margin-right: 10px;
	margin-top: 3px;

}
/* Footer */
#footer {
	width: 879px;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	text-align: right;
	padding-left: 2px;


}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 10px;
	color: #CCCCCC;
}

#footer a {
	color: #CCCCCC;
	text-decoration:none;
}
img {
	border:0;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	top: 0px;
	margin-left: 8px;

}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	list-style-type: none;

}

.bold {
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}

.bla {
	color: #FF0000;
}
.bild {
	margin-top: 10px;
	margin-right: 20px;
}
.kontaktbild {
	margin-bottom: 16px;
}
.aid {
	margin-right: 65px;
	margin-left: 65px;
	margin-bottom: 4px;
}
.telefon{
	font-size: 14px;
	font-weight: bold;
}
.telefonbild {
	margin-bottom: 10px;
	margin-left: 20px;
}
.karta {
	margin-top: 50px;
}
.personal a{
	text-decoration:none;
}
.punkt {
font-size: 14px;
}
.inputField { width: 200px; }