/*--- MAIN ELEMENTS ---*/

body {
	background: #FFFFFF url('../img/main_bg.gif') top center repeat-y;
	color:#231f20;
	font-size: 12px;
	line-height:1.3em;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	margin: 0px auto 2px;
	}

img {
	border:none;
}

h1 {
	font-family: 'BaxiRespondMediumRegular', Verdana, Arial, Helvetica, Sans-Serif;
	font-size:24px;
	color:#231f20;
	margin:1em 0 0.2em 0;
	padding:0 0 0 0;
	line-height:0.5em;
}

h2 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:0.5em;
}
h3 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:0.25em;
}

hr { color: #999999; height: 1px; border:none; background-color:#999999; width:100% }

p { margin:0 0 0.5em 0; }

td { vertical-align: top; margin:0px; padding:0px;}

table { border:none;  padding:0px; margin:0px; }

input { 
	padding:1px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
 }

textarea {
	font-size: 11px;
	padding: 3px;
	font-size: 12px;
	line-height:1.3em;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

a:link { text-decoration: none;	color: #0088ca; }
a:visited {text-decoration: none; color: #005596; }
a:active {text-decoration: none; color: #00abef; }
a:hover { text-decoration:none;	color: #f7941d; }

ul
{
list-style-position:inside;
}

li {  font-size: 12px; margin-bottom:0.5em; }  




/*--- GENERAL CLASSES ---*/

.clearer { clear:both; }

.content-page img { margin:0 0 25px 50px; }

.massor-lista td { padding-bottom:0.5em; }

.addThisDiv { float:right; width:154px; text-align:right; margin-top:8px; }

.addThisDivHome { position:absolute; width:154px; top:472px; right:0px; text-align:right; }

/*--- STRUCTURE & HEADING ---*/

#maindiv {
	width:1000px;
	margin: 0px auto 0px;
	background-color:#FFFFFF;
	position:relative;
}

#logodiv {
	float:left;
}

#logo {
	display:inline;
	margin:27px 25px 18px 25px;
}

#tagline {
	display:inline;
	margin:30px 0px;
}

#searchdiv {
	float:right;
	margin:40px 25px 0 0;
	font-weight:bold;
	vertical-align:middle;
}

#searchbutton {
	vertical-align:bottom;
}

#mainmenu-shadow {
	height:6px;
	background:#FFFFFF url('../img/menu_shadow.gif') repeat-x scroll 0 0;
	font-size:1px;
}
	
#mainmenu {
	background:#0165b1 url('../img/menu_bg.gif') repeat-x scroll 0 0;
	height:44px;
}

.menu-sub {
	font-size:10px;
	font-weight:normal;
	color:#cccccc;
}

#mainmenu-right {
	text-align:right;
}

#mainmenu-right li{
 font-size:12px; margin-bottom:0;
 }
 
#mainmenu-right2 {
	position:absolute;
	top:0px;
	right:25px;
}

.right-menu2 {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-align:right;
}

.right-menu2 li {
	float:left;
	padding:3px 12px;
	font-size:10px;
	border-right:1px solid #d5d5d5;
}

.mainContent {
	padding:20px;
}


.searchButton {
	height:26px;
	width:92px;
	background:#ffffff url('/img/btn-search.png') no-repeat top left;
	border:none;
	cursor:pointer;
}

.searchInput {
	border:1px solid #b4d2e9;
	padding:3px;
	float:left;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height:17px;
	margin-right:10px;
}

.searchInput  input {
	border:none;
	font-size:12px;
	font-weight:normal;
	color:#777777;
}

li a span.new {
	color:#009900;
	font-size:10px;
	font-weight:bold;
}


/*--- LEFT MENU ---*/

#leftmenudiv{ position:relative; width: 180px; margin:0; padding: 20px 0px 20px 20px;}
.left-menu-header { border-bottom:dashed 1px #999999; padding:7px 5px 7px 5px; margin-bottom:0; color:#6b6061; font-size:20px; }

/* A few IE bug fixes */
* { margin: 0; padding: 0; }
* html .left-menu ul li a { height: 100%; }
* html .left-menu li a { height: 100%; }
* html .left-menu ul li { margin-bottom: -1px; }

.left-menu  { position:relative; }
.left-menu * { font-size:11px; }

.left-menu { margin: 0 0 0.5em 0; }
.left-menu ul { margin-bottom: 0.5em; padding:0; }
.left-menu li { width: 180px; border-bottom:dashed 1px #999999; margin-bottom:0px; }
.left-menu ul li { width: 170px; border-bottom: none; margin: 0 0 0 5px; padding: 0 0 0 5px; }
.left-menu ul ul li { width: 160px;  }
.left-menu li a { display:block; padding:6px 5px; text-decoration:none; color:#222;}
.left-menu ul li a { padding:4px 5px;}
.left-menu li a:hover { display:block; background-color: #eee; }

.left-menu li { list-style-type: none; }

.left-menu a.current { font-weight:bold; }

.left-menu ul.level1, .left-menu ul.level2 { display:block; } 


#leftmenudiv .menuSeparator { height:2px; background-color:#cccccc; }


/*--- HOME ---*/

h1#home-header { padding:0; margin:0; }
#sucker-div { padding:20px 0 0 20px;  } 
#home-structure { width:100%; } 
#home-structure td { padding-right:20px;  } 
.home-box { background-color:#E0E0E0; padding:10px; }
.home-box h2 { 	
	font-family: 'BaxiRespondMediumRegular', Verdana, Arial, Helvetica, Sans-Serif;
	font-size:20px;
	padding:30px 0 0px 10px; 
	line-height:0.1em;
	color:#464041;
}
.home-box-inner { margin-top:10px; background-color:#ffffff; position:relative; height:240px; padding:20px; }

.home-box-inner .prev {
	position:absolute;
	top:50px;
	left:10px;
	cursor:pointer;
}
.home-box-inner .next {
	position:absolute;
	top:50px;
	right:10px;
	cursor:pointer;
}

.carousel{
	overflow: hidden; 
	visibility: visible; 
	z-index: 2; 
	margin:0px 20px; 
	width: 201px;
}
            
.carousel ul{
	margin: 0pt; 
	padding: 0pt; 
	list-style-type: none; 
	z-index: 1; 
	width: 5880px; 
	left: -80px;
}

.carousel li{
	overflow: hidden; 
	float: left; 
	width: 62px; 
	height: 80px;
	text-align:center;
	padding:0 3px;
	line-height:80px
}
.carousel li img { vertical-align:middle; cursor:pointer; }

.carousel-info {
	position:absolute;
	z-index:40;
	top:120px;
	width:240px;
	display:none;
}

.carousel-basic {
	position:absolute;
	z-index:20;
	top:120px;
	width:240px;
}

.carousel-text { font-size:11px; }

.popupHome {
	position:absolute;
	top:150px;
	left:20px;
	width:300px;
	background-color:#ccc;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.popupHome .content{
    margin:10px;/*size of border*/
	padding:20px;
	background-color:#ffffff;
}


/*--- PRODUKTER ---*/

.spacy { padding:1em 0; }

.visa-produkter-table td { padding:0 20px 30px 0; }

img#bb{ margin-left:20px; }

.productproperties li {
	font-size:12px;
	margin-left:15px;
	padding-bottom:0.5em;
}

.categoryMain {
	overflow:auto;
}

#categoryImg {
	margin-bottom:20px;
}

.categoryContent {
	float:left;
	width:300px;
	padding:20px;
	background-color:#e0e0e0;
}

.categoryProducts {
	float:right;
	width:388px;
	text-align:right;
}

a.categoryListItem {
	display:block;
	width:300px;
	height:56px;
	padding:10px 78px 10px 10px;
	margin-bottom:5px;
	overflow:auto;
	background:#ffffff url('/img/categoryListItem.png') no-repeat top center;
}

a.categoryListItem:hover {
	background:#ffffff url('/img/categoryListItemActive.png') no-repeat top center;
}

.categoryListImg {
	float:left;
	height:53px;
	width:55px;
	padding-top:2px;
	margin-right:10px;
	background-color:#ffffff;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	text-align:center;
}

.categoryListImg  img{
	vertical-align:middle;
}

.categoryListContent {
	float:left;
	color:#999999;
	font-size:11px;
	width:220px;
}

.categoryListContent h2 {
	color:#f7941d;
	font-size:18px;
	font-weight:normal;
}

.categoryExtra {
	margin-top:20px;
}


/*--- INSTALLATÖRER ---*/

.installator-lista td { font-size:11px; }




/*--- OFFERTFÖRFRÅGAN ---*/

.guidenext { font-size:16px; font-weight:bold; }
#container-9 h2 { margin-top:10px; }
.guide-summary, .guide-summary-guid { border-color:#FFFFFF; border-style: none; margin-left:20px; }
.guidetable td { padding:2px 0; }
.guidetable tr { display:inherit; }
.guide-img { float:right; padding:0 0 10px 20px; }

.produkt-vet { display: none; }

.not_example { color:#AAAAAA; }

table#guidesumup {display:none;}
html > body table#guidesumup {display:inline;}

.guideHide { display:none; }


/*--- PRINCIPSKISSER ---*/

.imgPrincipskiss { width:748px; }



/*--- FOOTER ---*/

#footer {
	margin:20px;
	padding:5px 0;
	border-top:solid 1px #999999;
	text-align:center;
}

#footer div {
	font-size:11px;
	color:#666666;
	margin:0.75em;
}





/*--- Newsletter ---*/

body.letter {
	background: none;
	color:#231f20;
	font-size: 12px;
	line-height:1.3em;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	margin: 0px auto 0px;
}


body.container {
	background: none;
	color:#231f20;
	font-size: 11px;
	line-height:1.3em;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	margin: 0px auto 0px;
}


body.container td {
	font-size: 11px;
}

.test {
	color:red;
}



/*--- OLD BAXI CLASSES ---*/


.invisible{
	display:none;
}

.newsrubrik {
	font-size: 13px;
	font-weight: bold;	
	
}
.tavlingssvar {
	vertical-align: baseline;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	
}

.newsrubrik2 {
	font-size: 15px;
	font-weight: bold;	
	
}
.skribent {
	font-size: 10px;
	color: #c0c0c0;
	font-weight: bold;
}


.content {
	margin: 25px;
}

.storiesNamn {
	color: #8e8887;
}

#preview	{
	border: solid 1px #000000;
}

#filid		{
	height:200px;
}
.icon {
	vertical-align: middle;
}

.distancer	{height:30px; vertical-align:bottom;}
.filelist	{
	padding-right: 3px;
	padding-left: 3px;
}
.container				{
	margin: 10px;
	
	font-size: 12px;
	line-height: 16px;
	vertical-align: top;
}



.blarubrik1 {
	color:#231f20;
	font-weight:bold;
	font-size: 13px;
}

.blarubrik2 {
	margin-top:1em;
	color:#231f20;
	font-weight:bold;
	font-size: 14px;
}

.fullWidth			{width:600px; margin:0px; padding: 0px;}
.widthSeparatorSmall	{width:20px;}
.halfWidth				{width:225px;}


.error				{color:#FF0000;  font-size: 12px;}
.whitey					{ background-color: #ffffff; vertical-align: top}

.liten					{  font-size: 11px; }

.ingress, .Ingress		{  font-size: 14px; color: #555555; font-weight: normal; font-style:italic; padding-bottom:1em; }

.platta {
	background-color: #eeeeee;
	vertical-align: top;
	font-size: 11px;
	line-height: 14px;
	padding: 6px;
}

.faqSvar {
	background-color:#eeeeee;
	padding-left:25px;
	padding-bottom:3px;
	padding-top:3px;
	padding-right:5px;
	margin-top:3px;
	margin-bottom: 6px;

}

.kundlankar {
	padding-left:25px;
	padding-bottom:3px;
	padding-top:3px;
	padding-right:5px;
	margin-top:3px;
	margin-bottom: 6px;

}
.kundlank
{
	padding-bottom:8px;
}

.plattaContent
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom:  5px;
}

.plattaContentSmall
{
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 4px;
	padding-bottom:  4px;
}

.plattaDivider {
	line-height:1px;
	font-size:1px;
	margin:0px;
	padding:0px;
	height:14px;
	
}

.datum {
	color: #8f8e8e;
	width:90px;
	font-size:11px;
}

.plattaStor {
	background-color: #e0e0e0;
	vertical-align: top;
	margin:0px;
	padding:0px;
	height:100%;
}

.file, a.file{
	font-size:10px;
}

.filedate {
	color: #8f8e8e;
}

.fileBox td {
	padding:5px 0;
}

a:hover.file
{
	color:#FF0000;
}
.plattaStorContent
{
	padding:15px;
	width:100%;
}

.plattaStor .rubrik
{
	background-color:#CF0044;
	width:325px;
}


.qLeft {
	padding-right: 2px;
	vertical-align:middle;
	padding-bottom: 2px;
}


.tablehead2 {  font-size: 12px; font-weight: bold; background-color: #a79e9a; line-height: 16px; vertical-align: middle; padding:2px;  }

.tablehead2 a:visited, .tablehead2 a:link, .tablehead2 a:active, 	  			
{
	text-decoration: none;
}
.blacklink
{
	font-weight:bold;
}

.tablehead3				{  font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #a79e9a; line-height: 16px; vertical-align: middle; padding:7px;  }
.tablehead4				{  font-size: 16px; font-weight: bold; color: #FFFFFF; background-color: #a79e9a; line-height: 16px; vertical-align: middle; padding:7px; text-align:center; }

.tabledark				{ background-color: #eeeeee; line-height: 16px; padding:2px; }
.tablelight				{ line-height: 16px; padding:2px;}

.skicka_knapp { 
	height:26px;
	width:92px;
	background:#ffffff url('/img/button-small.png') no-repeat top left;
	border:none;
	cursor:pointer;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
}

#separatedTop {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #000000;
	margin-top: 10px;
	padding-top: 10px;
	width:100%;

}
.smallText {
	font-size: 10px;
}
.distancerSmall {
	height: 15px;
}

.b					{ background-color: #c2bcb9; font-size: 11px; vertical-align:top;  }
.c					{ font-size: 11px; background-color: #c2bcb9; text-align:center; vertical-align:top; }
.d, .a				{ vertical-align: top; text-align: center; color: #FFFFFF; background-color: #0165b1; }


a.baxiButton {
	display:block;
	padding:10px 0px;
	color:#ffffff;
	font-size:12px;
	width:264px;
	height:14px;
	text-align:center;
	font-weight:bold;
	background:transparent url('/img/button-big.png') no-repeat top left;
}

a.baxiButton:hover {
	background:transparent url('/img/button-big-hover.png') no-repeat top left;
}





/*--- BERÄKNINGSPROGRAMET ---*/

/* Main elements */

#berMain {
	position:relative;
	overflow:auto;
	font-size:10px;
	margin-top:20px;
}

#berLeft {
	float:left;
	width:475px;
}

#berRight {
	float:right;
	width:250px;
	border: 1px solid #a6c9e2; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}

#berMain input, #berMain select, #berMain p {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

#berMain table td {
	vertical-align:bottom;
	padding:2px 2px 0 0;
}

.outTxt {
	border:none;
}

.col1 label {
	font-weight:normal;
}

.col1 label.berHelpLabel {
	font-weight:normal;
}

.berHelpIcon {
	cursor:pointer;
	vertical-align:bottom;
}

.berHelpRight {
	position:absolute;
	right:10px;
	top:10px;
	width:16px;
	height:16px;
}

#buttonDiv {
	margin-top:20px;
	display:none;
}

.expandBox {
	position:absolute;
	right:10px;
	top:10px;
	width:16px;
	height:16px;
	background:transparent url('../img/icon-down.png') no-repeat top left;
	cursor:pointer;
	display:none;
}

.collapseBox {
	background:transparent url('../img/icon-up.png') no-repeat top left;
}

/* In */

#berNuvarande {
	overflow:auto;
	height:220px;
	border: 1px solid #a6c9e2; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	padding:5px;
	margin-bottom:10px;
}

#berNuvarandeInput {
	float:left;
	width:220px;
	margin-right:10px;
}

#berNuvarandeText {
	float:left;
	width:220px;
}

.berInBox {
	display:none;
}

.berInButton {
	margin-top:5px;
	cursor:pointer;
}

.berTxt {
	width:40px;
	text-align:right;
}

.berNuvarandeFieldBox {
	display: none;
	overflow:auto;
	margin-bottom:5px;
}

.actionIcon {
	float:left;
}

.berNuvarandeField {
	float:left;
}

.berNuvarandeSpec {
	font-size:9px;
}

.actionIcon {
	margin:8px 6px 0 0;
	cursor:pointer;
}

#berInError {
	color:#990000;
	font-weight:bold;
}

#berNuvarandeHelp {
	color:#999999;
}


/* Ny */

#berNytt {
	width:463px;
	padding:5px;
	display:none;
}

.berOutBox {
	overflow:auto;
}

.berOutLeft {
	float:left;
	width:210px;
	margin-right:10px;
}

.berOutRight {	
	float:left;
	width:210px;
	display:none;
	position:relative;
}

.outTxt {
	width:40px;
	text-align:right;
}

.berOutPanninfoBox {
	display: none;
}

.recommendedTxt {
	display:none;
	color:#999999;
}

#expandBoxPanna {
	top:0px;
	right:0px;
}

#berOutRightVedDetail {
	display:none;
}


/* Beräkning */

.berBerBox {
	padding:10px;
	position:relative;
}

#berBerBox1 {
	border-bottom:1px solid #ddeedd;
}

#berRight h2 {
	padding:5px 0 0 10px;
}

.berBerDefault {
    font-style:italic;
}

#berBerSparaBoxOuter {
	background-color:#eeffee;
	border-top:1px solid #ddeedd;
	border-bottom:1px solid #ddeedd;
}

#berBerEnergiBox, #berBerEnergiBoxDetail {
	display:none;
}

#berBerNukostBox, #berBerNukostBoxDetail {
	display:none;
}

.berBerTxt {
	width:20px;
	text-align:right;
}

#berBerAckBox, #berBerAckBoxDetail {
	display:none;
}

.berBerTable td.col1 { width:150px; }
.berBerTable td.col2 { width:40px; text-align:right; }
.berBerTable td.col3 { width:20px; }

.berSpara {
	font-weight:bold;
}


/*--- PARTNER PAGE ---*/

.partnerGroup {
	overflow:auto;
}

.partnerItem {
	float:left;
	padding-right:15px;
	border-right:dashed 1px #999999;
	margin-right:15px;
}

.partnerExample {
	height:140px;
	position:relative;
	text-align:centre;
}

.partnerExample div {
	padding:20px 0;
	position:absolute;
	left:50%;
}

.partnerCode {
	margin-top:1em;
}

.partnerCode textarea {
	width:150px;
	height:100px;
	font-size:10px;
}


/* KAMPANJ */

.kampanjBox
{
	background-color:#ffffff;
	opacity:0.7;
	filter:alpha(opacity=70);
	z-index:1;
}

#kampanjMain
{
	width:570px;
	overflow:auto;
	height:500px;
	position:absolute;
	top:60px;
	left:25px;
	z-index:1;
}

.kampanjHeader
{
	font-family: 'BaxiRespondBoldRegular', Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 24px;
	color:#000000;
}




/* Admin */

.adminBerLeft, .adminBerRight {
	padding:20px 40px 0 0;
}

textarea#beskrivning {
	width:100%;
	height:500px;
}