@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
}
#logo {
	float: left;
	width: 400px;
	margin-left: 40px;
	margin-top: 30px;
}

html {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#Container {
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFFFFF;
}
#SiteContainer {
	width: 1065px;
	margin-right: auto;
	margin-left: auto;
}
#mainContainer {
	margin-top: 20px;
	padding: 0px;
	margin-bottom: 0px;
}
#mainText {
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #000000;
	float: left;
	margin-left: 40px;
	padding: 0px;
	margin-bottom: 0px;
}
#mainText h1 {
	margin-top: 0px;
	padding-top: 0px;
}
#mainTextFullwidth {
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #000000;
	float: left;
	margin-left: 40px;
	padding: 0px;
	margin-bottom: 0px;
}

#bottomContainer {
	margin-left: 30px;
	margin-right: 32px;
	padding: 0px;
	margin-top: 0px;
}
#nyheter {
	float: right;
	height: 260px;
	width: 267px;
	background-image: url(/images/nyheter_rutan.png);
	background-repeat: no-repeat;
	overflow: hidden;
	margin-right: -5px;
}
#nyhetsText {
	height: 210px;
	width: 218px;
	margin-top: 22px;
	margin-left: 28px;
	overflow: hidden;
}
#nyhetsTextContainer {
	margin: 10px;
	height: 170px;
	overflow: hidden;

}
#nyhetstextdiv {
	margin-bottom: 8px;
}

.nyhetsdatum {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #412311;
}
.nyhetsrubrik {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 5px;
}
.nyhetsrubrik a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.nyhetsrubrik a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.nyhetstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.nyhetsarkiv a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	margin-left: 10px;
}
.nyhetsarkiv a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	margin-left: 10px;
}
#puff_mitten {
	float: left;
	height: 260px;
	width: 215px;
	overflow: hidden;
}
#referenser {
	float: left;
	height: 260px;
	width: 267px;
	overflow: hidden;
}
#footer {
	height: 65px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	padding-top: 15px;
	clear: both;
	background-image: url(/images/footer_bg.png);
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E5E5E5;
}
#menyContainer {
	float: right;
	height: 75px;
	width: 580px;
	margin-right: 24px;
	margin-top: 0px;
	overflow: hidden;
	text-align: right;
	padding: 0px;
}
#menyContainer li {
	width: 89px;
	text-align: center;
	height: 69px;
	background-image: url(/images/meny_rutan.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	float: right;
	padding: 0px;
	margin-right: 1px;

}
#menyContainer ul {
	list-style-type: none;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#menyContainer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	height: 44px;
	width: 71px;
	display: block;
	margin-top: 25px;
	margin-right: 9px;
	margin-left: 9px;
}
#menyContainer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	height: 44px;
	width: 71px;
	display: block;
	margin-top: 25px;
	margin-right: 9px;
	margin-left: 9px;
	color: #B66611;
}
#menyContainer li:hover {
	float: right;
	width: 89px;
	text-align: center;
	height: 69px;
	background-image: url(/images/meny_rutan_over.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #B66611;
}
#menyContainer li.Selected {
	float: right;
	width: 89px;
	text-align: center;
	height: 69px;
	background-image: url(/images/meny_rutan_over.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#referensImg {
	margin-top: 15px;
}
#referensHolder {
	margin: 10px;
	height: 210px;
	width: 400px;
	overflow: hidden;
}



#saljarkontakt {
	margin-left: -20px;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	visibility: hidden;
}

h1 {
	font-family: "Trebuchet MS", Arial;
	font-size: 22px;
	font-weight: bold;
	color: #4D4D4D;
	line-height: 28px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #666666;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}


#mainImg {
	height: 240px;
	width: 495px;
	float: left;
	margin-left: 40px;
	overflow: hidden;
}


#topContainer {
	background-image: url(/images/top.png);
	background-repeat: no-repeat;
	height: 150px;
}
#maintext_right {
	height: auto;
	width: 520px;
	float: left;
	margin-left: 40px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #000000;
}
#maintext_upplysning {
	height: auto;
	width: 715px;
	float: left;
	margin-left: 40px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #000000;
}

#Content_rightunder {
	float: right;
	width: 200px;
	margin-right: 20px;
	overflow: hidden;
}

#undermenyContainer {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	float: left;
	margin-left: 10px;
}
#undermenyContainer li {
	text-align: center;
	height: 25px;
	color: #666666;
	margin-bottom: 5px;
	background-color: #EFEFEF;
	border: 1px solid #999999;
	padding: 0px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	width: 180px;

}
#undermenyContainer li:hover {
	text-align: center;
	height: 25px;
	color: #FFFFFF;
	margin-bottom: 5px;
	background-color: #DADADA;
	border: 1px solid #B66611;
	padding: 0px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	width: 180px;
}
#undermenyContainer li.Selected {
	text-align: center;
	height: 25px;
	color: #FFFFFF;
	margin-bottom: 5px;
	background-color: #DADADA;
	border: 1px solid #B66611;
	padding: 0px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	width: 180px;
}

#undermenyContainer ul {
	list-style-type: none;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#undermenyContainer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	height: 20px;
	display: block;
	margin-top: 5px;
	width: 180px;
}
#undermenyContainer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	height: 20px;
	display: block;
	margin-top: 5px;
	width: 180px;
	color: #333333;
}
#wagmp_map_10 {
	border: 2px solid #999999;
}
.clear_footer {
	clear: both;
	height: 1px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
}
#login {
	float: right;
	height: 20px;
	width: 200px;
	text-align: right;
	clear: none;
	margin-right: 40px;
}
#plogin {
	margin-right: 15px;
}

.bruntext {
	color: #B66611;
}
.rodtext {
	color: #990000;
}
.morkgratext {
	color: #666666;
}
.ljusgratext {
	color: #CCCCCC;
}
a:link {
	color: #B66611;
}
a:hover {
	color: #333333;
}
a:visited {
	color: #B66611;
}
.normalinkvit:link {

	color: #FFFFFF;
}
.normalinkvit:visited {

	color: #FFFFFF;
}
.normalinkvit:active {

	color: #FFFFFF;
}
.normalinkvit:hover {

	color: #B66611;
}	
.normalinkgra:link {

	color: #666666;
}
.normalinkgra:visited {

	color: #666666;
}
.normalinkgra:active {

	color: #666666;
}
.normalinkgra:hover {

	color: #B66611;
}.litentext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#betalning {
	float: left;
	height: 260px;
	width: 215px;
	overflow: hidden;
	margin-right: 40px;
}
#tipsrutan {
	float: left;
	height: 260px;
	width: 215px;
	overflow: hidden;
	margin-right: 40px;
}
#main_mail {

	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	height: auto;
	padding: 4px;
}
#top_mail {

	height: 26px;
	width: 585px;
	background-color: #0560A3;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#text_mail {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #525552;
	width: 535px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	margin-right: 0px;
	margin-left: 30px;
	float: left;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	line-height: 19px;
}
.pristext_mail {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #5c7b8e;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#puff_styckegods {
	width: 160px;
	float: right;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin: 0px;
	background-color: #ECF0F4;
}
#bohagspuff {
	float: left;
	width: 520px;
	clear: both;
}
#bohagspuff a {
	color: #FFF;
	display: block;
	width: 510px;
	height: 35px;
	margin: 0px;
	background-color: #0560A3;
	line-height: 35px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 20px;
	border: 1px solid #666;
}
#bohagspuff a:hover {
	color: #333;
	background-color: #E8F4FF;
	border: 1px solid #666;
}


#styckegodspuff {
	float: left;
	width: 520px;
	clear: both;
}
#styckegodspuff a {
	line-height: 35px;
	color: #FFF;
	background-color: #333;
	display: block;
	height: 35px;
	width: 510px;
	padding-left: 10px;
	margin-top: 10px;
	font-size: 20px;
	border: 1px solid #666;
}
#styckegodspuff a:hover {
	color: #333;
	background-color: #E8F4FF;
	border: 1px solid #666;
}


#utlandspuff {
	float: left;
	width: 520px;
	clear: both;
}
#utlandspuff a {
	line-height: 35px;
	color: #FFF;
	display: block;
	height: 35px;
	width: 510px;
	margin-top: 10px;
	padding-left: 10px;
	background-color: #C0854B;
	font-size: 20px;
	border: 1px solid #666;
}
#utlandspuff a:hover {
	color: #333;
	background-color: #E8F4FF;
	border: 1px solid #666;
}

#bokningspuff {
	float: left;
	width: 520px;
	margin-left: 15px;
}

#img_bokautland {
	margin-left: 40px;
}

#img_bokastycke {
	float: left;
	margin-left: 40px;
}
#img_bokabohag {
	float: left;
}
#myMap {
	height: 250px;
	width: 400px;
	margin-left: -200px;
	position: relative;
	left: 50%;
	border: 1px solid #0099CC;
	background-color: #FFFFFF;
}
#Formularstart {
	width: 400px;
	padding: 10px;
	background-color: #F2F2F2;
	border: 1px solid #CCC;
	margin: 0px;
}
#Formularstart table {
	margin: 0px;
	padding: 0px;
}

#Formularstart h3 {
	color: #666;
	font-size: 14px;
}

#Formularstart #Adressfran {
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	width: 230px;
}
#Formularstart #Adresstill {
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	width: 230px;
}
#Formularstart #Postnrfran {
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
#Formularstart #Stadfran {
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
#Formularstart #Postnrtill {
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
#Formularstart #Stadtill {
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
.vidareknapp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B66611;
	height: 30px;
	border: 1px solid #333;
	width: 200px;
	float: left;
	clear: both;
	margin-bottom: 10px;
}
#getDistance {
	height: 25px;
	float: left;
	margin-left: 5px;
}
#distance_km {
	width: 30px;
	float: left;
	height: 25px;
}
#distance_avstand {
	float: left;
	height: 25px;
}
#map_canvas {
	border: 3px solid #CCCCCC;
	height: 200px;
	width: 350px;
}
#gavidare_berakna {
	margin-bottom: 15px;
}
.litentextred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C00;
	line-height: 14px;
}
.leftfloat {
	float: left;
	margin-top: 30px;
	text-align: left;
	clear: both;
	width: 520px;
}
.ramobg {
	background-color: #B66611;
	width: 478px;
	padding: 20px;
	border: 1px solid #333;
	font-size: 11px;
	color: #FFF;
}
.socialt {
	margin-top: 25px;
	margin-bottom: 25px;
	clear: both;
	display: block;
}

