/************************************

	CSS FÖR HOME ENERGY
	-----------------
	Author: ShopSetup
	Year: 2007

 ***********************************/

body {margin: 0 auto; background: #0072bc; font-family: Arial, Helvetica, sans-serif; text-align: center;}

/*--- SHOPSETUP ---*/

.shopsetup { position: absolute; bottom: 0px; right: -17px;}
.shopsetup a { outline: none}
.shopsetup a img{ border: none}


/* FONTS *************************************************************************************/
h1 {font-family: Arial; font-size: 20px; color: #666; font-weight: bold; padding-bottom: 16px;}
h1 span {font-size:14px; color:#555; padding-left:10px;}
/*h1.fullpost {font-size: 38px; margin-top: 0px; padding:0px;}*/
h1.fullpost {font-size: 38px; margin-top: 0px; padding:0 0 13px 0; border-bottom: solid 1px #dedede; width: 430px; * padding-bottom: 14px}
h2 {font-size: 14px; color: #444; font-weight: normal; padding-bottom: 14px; line-height: 24px;}
p {font-size: 11px; color: #444; font-weight: normal; padding-bottom: 16px; line-height: 18px;}

/* FÄRGER */
.bold {font-weight:bold;}
.white {color: #fff;}
.beige {font-weight:bold; color: #a1998a;}
.orange {color: #f8981c;}
.orange_kontakt {color: #f8981c;}
.grey {color: #666;}
.nopadding {padding: 0px;}
.underline {text-decoration: underline;}
#noborder {border:none;}
#bottomborder {border-bottom:solid 1px #DEDEDE; padding: 0 0 12px 0}
/********************************************************************************************/

/* WRAPPER */
#wrapper {width: 980px; height: auto; margin: 0 auto; padding: 0 auto; background: #fff; text-align: left;}
.clear {clear:both; margin: 0 auto;}
.clear_streck {clear:both; margin: 0 auto; border-top: 1px solid #cfc5b4;}
.clear_streck_news {clear:both; margin: 0 auto; border-top: 1px solid #cfc5b4; margin-bottom: 10px;}

/* TOP *************************************************************************************/
#top {position:relative; clear:both; margin: 0; padding: 0;}
#top img{float:left; margin: 0;}

#topflikar {position: absolute; right: 0; top: 0; width: 340px;}
#topflikar img {float:left; margin-right: 10px;}

/* MENU */
.topmenu {clear: both; width: 900px; height: 44px; margin: 0 auto; padding: 100px 20px 0px 60px; background:url(../img/top.jpg); background-repeat: no-repeat;}
.topmenu ul {float:right; width: auto; margin-top: 5px; height: 17px; padding-bottom: 21px;}
.topmenu li {list-style-type: none; display: inline; margin-right: 5px; font-size: 12px; color: #fff; height: 17px; padding-bottom: 21px;}
.topmenu li#current {background-image:url(../img/current.jpg); background-position: bottom; background-repeat: no-repeat; }
.topmenu li.streck {color: #444;}

.topmenu li.pil {padding-right: 20px; background:url(../img/pil.png); background-repeat: no-repeat; background-position: center right;}


.topmenu a {color: #fff; text-decoration: none;}
.topmenu a:visited {color: #fff; text-decoration: none;}
.topmenu a:hover {color: #fff; text-decoration: underline;}

/*******************************************************************************************/

/* KOLUMNER */
.defaultCols {float:left; width: 246px; height: auto; padding: 40px 40px 20px 40px; margin: 0 auto;}
.defaultCols img {margin-bottom: 16px; border: 1px solid #ccc;}
.defaultCols a {color: #444; text-decoration: none;}
.defaultCols a:visited {color: #444; text-decoration: none;}
.defaultCols a:hover {color: #444; text-decoration: underline;}

.defaultCols h2.beige a {color: #a1998a; text-decoration: none;}
.defaultCols h2.beige a:visited {color: #a1998a; text-decoration: none;}
.defaultCols h2.beige a:hover {color: #a1998a; text-decoration: underline;}

.defaultCol2 {float:left; width: 430px; height: auto; padding: 40px 0px 10px 40px; margin: 0 auto;}
.defaultCol2 img {margin-bottom: 16px; border: 1px solid #ccc;}
.defaultCol2 img.product {padding-top: 0px; margin-bottom: 16px; border:none;}
.defaultCol2 span {color: #666; font-size:small;}
.imgText {margin:auto; width:100%; text-align:center;}


.defaultCol2 a {color: #444; text-decoration:none;}
.defaultCol2 a:visited {color: #444; text-decoration:none;}
.defaultCol2 a:hover {color: #444; text-decoration:underline;}

.defaultCol5 {float:left; width: 115px; height: auto; padding: 20px 40px 20px 40px; margin: 0 auto;}
.defaultCol5 img {margin-bottom: 16px; border: 1px solid #ccc;}
.defaultCol5 a {color: #999; text-decoration: none;}
.defaultCol5 a:visited {color: #999; text-decoration: none;}
.defaultCol5 a:hover {color: #999; text-decoration: underline;}

.bg_beige {background-color: #a1998a;}
.border_right {border-right: 1px solid #cfc6b5;}

.allCol {float:left; width: 860px; height: auto; padding: 40px 40px 20px 40px; margin: 0 auto;}

h2.head {font-size: 16px; font-weight:700; margin-bottom:-12px; margin-top: 15px;} 
h2.head span {font-size: 12px; color:#656565; padding-left:20px;}
p.bildtext {margin-top:-10px; }
ul.two_cols {font-size:12px; color:#eee; font-weight:700; font-family:Arial, Helvetica, sans-serif; color:#555; padding-left:1px; /*border-bottom:1px solid #b9b09f;*/ float:left; padding:2px 0 2px 2px; width:100%}
ul.two_cols li {float:left; width:110px; line-height:130%; font-style:oblique}

img.tMargin {margin-top:20px; border:none;

}

/*******************************************************************************************/

/* FULLPOST FLIKAR *************************************************************************/
.fullpostflikar {clear:both; width: 430px; padding-bottom: 40px; height: 38px; margin-left: -40px; }
.fullpostflikar img {float:left; padding-right: 17px; border: none;}
/********************************************************************************************/

/* PRESS ***********************************************************************************/
.pressmatContainer {clear:both; width: 900px; padding: 0px 0 20px 0;}
	.pressmatContainer_doc {float:left; width: 110px; padding-right: 20px; padding-bottom: 20px; text-align:center; height:155px}
		.pressmatContainer_doc p {line-height: 14px;}
		#top .pressmatContainer img {border: 1px solid #ccc; float:none;} 

/* FAQ */
ul#faq {list-style-type: none; font-size: 12px; padding-bottom: 20px;}
ul#faq li {background:url(../img/icon_doc.png) no-repeat #fff; padding-left: 20px; margin-bottom: 10px;}
#faqsvar p {width: 600px;}

/* KONTAKT ***********************************************************************************/
div.contact {margin:0; padding:0}
div.contact img {float:left; padding:0px 20px 5px 0; border:0;}

/* FOOTER */
.footer {clear:both; width: 980px; border-bottom: 20px solid #f8981c;}
.kontakt {float:left; margin: 0 auto; padding: 20px 10px 10px 40px; text-align:left;}
.kontakt a {color: #444; text-decoration:none;}
.kontakt a:visited {color: #444; text-decoration:none;}
.kontakt a:hover {color: #444; text-decoration:underline;}

/* SUBLINKS */
a.subLink {font-size:small; display: block; width:auto;float:left; padding: 10px; margin: 5px 0 0 0; background-color: #ccc; font-weight: bold; }
a:hover.subLink{text-decoration:underline;}
a.viewingSubLink{font-size:small; display: block;width:auto;float:left; padding: 10px; margin: 5px 0 0 0; background-color: #999; font-weight: bold; }
a:hover.viewingSubLink{text-decoration:none;}

a#hlIntro.subLink {font-size:small; display: block; width:auto;float:left; padding: 10px; margin: 5px 0 0 0; background-color: #ccc; font-weight: bold; }
a:hover#hlIntro.subLink{text-decoration:underline;}
a#hlIntro.viewingSubLink{font-size:small; display: block;width:auto;float:left; padding: 10px; margin: 5px 0 0 0; background-color: #999; font-weight: bold; }
a:hover#hlIntro.viewingSubLink{text-decoration:none;}

a.pdf{text-decoration:none;}
a:hover.pdf{text-decoration:none;}

/* TABS */

.fullpostflikar ul, li{ border:0; margin:0; padding:0; list-style:none;}
.fullpostflikar ul{
border-bottom:solid 1px #DEDEDE;
height:29px;
padding-left: 40px;
width: 440px

}
.fullpostflikar li {float:left; margin-right:2px; width: 84px; text-align: center; overflow: hidden; height: 30px}

.tab a:link, .tab a:visited{
background:url(../img/tab-round.png) right 60px;
color:#666666;
display:block;
font-weight:bold;
height:30px;
line-height:30px;
text-decoration:none;
}
.tab a span{
background:url(../img/tab-round.png) left 60px;
display:block;
height:30px;
margin-right:4px;
padding-left:4px;
cursor: pointer
}
.tab a:hover{
background:url(../img/tab-round.png) right 30px;
display:block;
height:30px;
cursor: pointer
}
.tab a:hover span{
background:url(../img/tab-round.png) left 30px;
display:block;
cursor: pointer
}

/* -------------------------------- */
/* ACTIVE ELEMENTS */
.fullpostflikar  .active a:link, .active a:visited, .active a:visited, .active a:hover{
background:url(../img/tab-round.png) right 0 no-repeat;
}
.fullpostflikar  .active a span, .active a:hover span{
background:url(../img/tab-round.png) left 0 no-repeat;
}