/* ====== style_common.css ====== */

* {
  margin: 0;
  padding: 0;
}

/* if background needed
html {
	background-attachment: fixed;
	background-image: url(picture.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;	
}
*/

body {
	font: 80% verdana, helvetica, arial, sans-serif;
}

#wraper {
	text-align: center;
	width: 100%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#content {
	width: 900px;   /* ====== old value 750px ====== */
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-left: 22px;
	text-align: left;
}
* html #content {
	padding-left: 0;
}
#brandarea {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-image: url(img/mainbg1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#brandarea #logodiv {
	width: 936px;   /* ====== old value 786px ====== */
	margin-right: auto;
	margin-left: auto;	
}

#brandarea #logodiv img{
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border: 0;
}

#navcontainer {
	background-color: #FFFFFF;
	background-image: url(img/shadow2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0px;
	width: 900px;    /* ====== old value 750px ====== */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.titlemain {
	font-weight: normal;
	font-size: 1.6em;
	width: 100%;
	color: #AD6C50;
	text-align: left;
	padding-top: 1em;
	padding-bottom: 1em;
	font-family: "Trebuchet MS", sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
/* html .titlemain {
	width: 728px;
}*/

.titlesmall {
	font-weight: bold;
	font-size: 1.1em;
	width: 100%;
	color: #444444;
	text-align: left;
	padding-top: 0.2em;
	clear: both;
	padding-bottom: 0.2em;
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", sans-serif;
}

#mainarea {
	width: 900px;   /* ====== old value 750px ====== */
	float: left;
	text-align: justify;
	padding-bottom: 10px;
}

#sublinks {
	line-height: 2em;
}

/* ===== Start footer ==================================== */
.footer {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
	clear: both;
	color: #999999;
	font-size: 0.8em;
	text-align: left;
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	line-height: 1em;
}

.footershort {
	width: 550px;
}
/* ===== End footer ==================================== */

.bgbalanceme {
	background-image: url(img/logobalanceme_small.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.bgskinnlogo {
	background-image: url(img/logoskinn_small.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.bgorganiclogo {
	background-image: url(img/logoorganicapoteke_small.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

/* ======
.bgskinn {
	background-image: url(img/logobalanceme_small.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
===== */

.logopicture{
	border: none;
}

.borderdashedbottom {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}

hr {
	visibility: hidden;
	position: absolute;
}

/* ===== Start padding on product icons ==================================== */
.links img {
	padding: 2px;
	background-color: #FFF;
} 

.forsideprodukt img {
	padding: 2px;
	background-color: #FFF;
}


/* ===== Start Links ==================================== */

#content a {
	color: #6ec65c;
}
#content a:hover {
	color: #408b31;
}

#content a.balancemelinks {
	color: #6ec65c;
}

#content a.balancemelinks:hover {
	color: #408b31;
}

/* ===== End Links ====================================== */