/* ----------------------------------------
/* 	   			Bergvarme-info.se
/* ----------------------------------------
/*
/*
/*
/* ----------------------------------------

/*

/* ----------------------------------------
/* 	   		Start CSS
/* ----------------------------------------

/* -------------------- */
/*	   Huvudklasser
/* -------------------- */

/* Body */

html, body, #maincontent{
margin: 0;
text-align: center;
}

.startpagetext {
	font-size: 14px;
}


.list {
	font-size: 16px;
	font-weight: 700;
}

#maincontent {
margin: 0 auto;
font-family: arial, helvetica, sans-serif;
border-collapse: collapse;
background-color: #FFFFFF;
}

#mainborder {
margin: 0 auto;
font-family: arial, helvetica, sans-serif;
background-color: #FFFFFF;
border-bottom-width:thin;
border-color: #99cc33;
}
/* Innehåll */

.topheader {
background-color: #99cc33;
}

.banner {
	height: 97px;
	/*background-image: url(images/warmepumpe.gif);
	background-repeat: no-repeat;*/
	overflow:hidden;
	background-color: #99cc33;
	cursor: pointer;
	text-align: left;
}

.login {
background-image: url(images/leftmenulogin.gif);
background-repeat: no-repeat;
background-color: #F6F6F6;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border-top: 1px solid #333333;
width: 147px;
text-align: left;
}

.menu {
	background-image: url(images/leftmenumenu.gif);
	background-repeat: no-repeat;
	background-color: #DDDDDD;
	text-align: left;
	/*height: 150px;*/
	width: 147px;
}

.menulogin {
	background-image: url(images/leftmenulogin.gif);
	background-repeat: no-repeat;
	background-color: #DDDDDD;
	text-align: left;
	/*height: 150px;*/
	width: 147px;
}
.menukonto {
	background-image: url(images/leftmenukonto.gif);
	background-repeat: no-repeat;
	background-color: #DDDDDD;
	text-align: left;
	/*height: 150px;*/
	width: 147px;
}
.menumein {
	background-image: url(images/leftmenumeinmenu.gif);
	background-repeat: no-repeat;
	background-color: #DDDDDD;
	text-align: left;
	/*height: 150px;*/
	width: 147px;
}


.menuitems_logged {
background-image: url(images/leftmenukonto.gif);
background-repeat: no-repeat;
width: 152px;
margin-top: 2px;
padding-top: 15px;
border-top: 1px solid #333333;
}
.menuheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: left;
}

.menuheaderright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: right;
}
.news {
background-color: #DDDDDD;
background-image: url(images/aktuelles_right_menu.gif);
background-repeat: no-repeat;
background-position: top right;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
/*padding-top: 16px;*/
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}

.news_texts {
	background-color: #DDDDDD;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*padding-top: 16px;*/
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.main {
background-color: #FFFFFF;
text-align: left;
padding: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.bottomspacer {
background-color: #99cc33;
}

.bottomfooter {
background-color: #DDDDDD;
font-size: 11px;

}

/* Länkar */
a {
text-decoration: none;
color: #000000;
}

a:visited {
color: #000000;
text-decoration: none;
}

a:hover {
color: #003399;
text-decoration: underline;
}

a.newslink {
text-decoration: none;
}

a.newslink:hover {
color: #000000;
text-decoration: none;
}

a.newslink:visited {
text-decoration: none;
}

a.easylink {
color: #2200CC;
text-decoration: underline;
font-style: normal;
}

.sendlink {
color: #2200CC;
text-decoration: underline;
font-size: 23px;
}

.sendlink:hover {
color: #003399;
}

.textlink {
color: #2200CC;
text-decoration: underline;
font-size: 16px;
}

.textlink:hover {
color: #003399;
}

.textlinksmall {
color: #2200CC;
text-decoration: underline;
font-size: 12px;
}

.textlinksmall:hover {
color: #003399;
}

.menuitems {
height: 114px;
text-align: left;
padding-top: 14px;
margin-left: -1px;
}

/* MenuLinks*/
a.menulink1, a.menulink2, a.menulink3, a.menulink4, a.menulink5, a.menulink6,
a.menulink1_customer, a.menulink2_customer, a.menulink3_customer, a.menulink4_customer,
a.menulink1_company, a.menulink2_company, a.menulink3_company, a.menulink4_company,
a.menulink1_admin, a.menulink2_admin, a.menulink3_admin, a.menulink4_admin, a.menulink5_admin, a.menulink6_admin, a.menulink7_admin {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
font-size: 12px;
}
/*
a.menulink1 {padding-right: 109px;}
a.menulink2 {padding-right: 59px;}
a.menulink3 {padding-right: 39px;}
a.menulink4 {padding-right: 96px;}
a.menulink5 {padding-right: 118px;}
a.menulink6 {padding-right: 112px;}
a.menulink1_customer {padding-right: 70px;}
a.menulink2_customer {padding-right: 39px;}
a.menulink3_customer {padding-right: 39px;}
a.menulink1_company {padding-right: 74px;}
a.menulink2_company {padding-right: 67px;}
a.menulink3_company {padding-right: 70px;}
a.menulink4_company {padding-right: 104px;}
a.menulink1_admin {padding-right: 74px;}
a.menulink2_admin {padding-right: 100px;}
a.menulink3_admin {padding-right: 100px;}
a.menulink4_admin {padding-right: 102px;}
a.menulink5_admin {padding-right: 57px;}
a.menulink6_admin {padding-right: 70px;}
a.menulink7_admin {padding-right: 67px;}
*/

/* -------------------- */
/*   Textfält/Knappar
/* -------------------- */


.submitbutton {
width: 200px;
height: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #99cc33;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
cursor: pointer;
}

.submitbtnform {
width: 300px;
height: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #0066FF;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
cursor: pointer;
}

.submitbtnform:hover {
text-decoration: underline;
color: #003399;
}

.button {
width: 100px;
height: 20px;
font-size: 12px;
background-color: #FFFFFF;
cursor: pointer;
}

.button2 {
width: 100px;
height: 20px;
font-size: 12px;
background-color: #DDDDDD;
cursor: pointer;
}

.button3 {
font-size: 10px;
background-color: #999999;
cursor: pointer;
border: 0px;
}

.button4 {
height: 17px;
font-size: 12px;
background-color: #DDDDDD;
cursor: pointer;
}

.button5 {
height: 17px;
font-size: 11px;
background-color: #CCCCCC;
cursor: pointer;
border: 1px solid #DDDDDD;
}

.button2:hover {
border: 1px solid #666666;
}

.button3:hover {
color: #99cc33;
}

.button4:hover {
border: 1px solid #666666;
}

.button5:hover {
border: 1px solid #666666;
}

.button:hover {
border: 1px solid #666666;
}

.adresscopybutton {
padding-left: 4px;
padding-right: 4px;
padding-bottom: 1px;
padding-top: 1px;
font-size: 11px;
border: 1px solid #CCCCCC;
background-color: #DDDDDD;
}

.loginform {
text-align: center;
width: 150px;
/*height: 150px;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

.license {
background-color: #FFFFFF;
text-align: left;
padding: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
cursor: default;
}

.header {
	font-family: Verdana, Impact, sans-serif;
	font-size: 18px;
	color: #000000;
	cursor: default;
	font-style: normal;
	font-weight: bold;
}

h1 {
	font-family: Verdana, Impact, sans-serif;
	font-size: 18px;
	color: #000000;
	cursor: default;
	font-style: normal;
	font-weight: bold;
}

.newsheader {
font-size: 13px;
color: #000000;
font-weight: bold;
}

.newstable {
width: 100%;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}

input {
border: 1px solid #99cc33;
background-color: #FFFFFF;
font-size: 11px;
}

/* info box i footern */
h2 {
font-family: Verdana, Impact, sans-serif;
font-size: 14px;
color: #666666;
cursor: default;
font-style: normal;
font-weight: bold;
}
h3 {
font-family: Verdana, Impact, sans-serif;
font-size: 12px;
color: #666666;
cursor: default;
font-style: normal;
font-weight: bold;
}
legend {
font-family: Verdana, Impact, sans-serif;
font-size: 14px;
color: #666666;
cursor: default;
font-style: normal;
font-weight: bold;
border: 0px;
}
fieldset.infotext{
position: relative;
width: 155%;
top: 900px;
left: -158px;
border: 1px solid #666666;
color: #666666;
}
fieldset.infotext,fieldset.infotext h2, fieldset.infotext h3, fieldset.infotext a, fieldset.infotext p{
font-family: Verdana, Impact, sans-serif;
font-size: 12px;
color: #666666;
text-decoration:none;
}


/* Order formulär */
.ordertext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9; }
.tdskriv {
	border-bottom-style: dashed;
	border-bottom-color: #333333;
}
.tdskrivinput {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: thin;
	border-left-width: 0px;
	border-bottom-style: dotted;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #333333;
	border-left-color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
}


/* RegisterForm (Index) */
#form {
border: 1px solid #DFDFDF;
width: 100%;
text-align: left;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}

/* RegisterForm (Firma) */
#registerform {
border: 1px solid #DFDFDF;
width: 75%;
text-align: left;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}

/* MembershipForm (Medlemskap) */
#membershipform {
border: 1px solid #DFDFDF;
width: 38%;
text-align: left;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}

/* RegisterForm (Index) */
.optionsform {
border: 1px solid #DFDFDF;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}

.optionsform td{
   background: #f9f9f9;
   border: 1px solid #ddd;
}

.forminfotext {
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
}

.formheader {
text-align: left;
font-size: 11px;
}

select {
font-size: 11px;
width: 120px;
border: 1px solid #99cc33;
background-color: #FFFFFF;
}

.adminselect {
font-size: 11px;
width: 54px;
border: 1px solid #DDDDDD;
background-color: #CCCCCC;
}

.adminselect:hover {
border: 1px solid #666666;
}

/* Textområde */
textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #99cc33;
background-color: #FFFFFF;
padding: 1px;
}

/* Bilder */
img {
border: 0px;
}

/* Felmeddelande */
.message {
text-align: center;
font-size: 11px;
color: #FF0000;
padding: 2px;
}

/* Förfrågningstabell */
.enquirytable {
border: 1px solid #666666;
width: 100%;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border-collapse: collapse;
}

.enquirytable .grey3:hover{
    color: #a60004;
}


/* AdministrativFörfrågningstabell */
.adminenquirytable {
border: 1px solid #666666;
width: 720px; /* OBS */
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border-collapse: collapse;
}

table{
    color: black;
}

/* Tabellfält */
.darkred {background-color: #FF0000;}
.darkgrey {background-color: #999999; font-weight: bolder;}
.grey {background-color: #CCCCCC; cursor: pointer;}
.grey2 {cursor: pointer; border-top: 1px solid #666666;}
.grey3 {background-color: #CCCCCC; font-size: 11px;}
.grey4 {background-color: #F6F6F6;}
.admingrey {background-color: #CCCCCC; cursor: pointer;}
.standardgrey {background-color: #CCCCCC; cursor: default;}

#form tr{
    border-bottom: 1px solid #f1f1f1;
}

.darkgrey a{
  color: #000000;
}


.grey2:hover .adresscopybutton{
    background: #9C3;
    color: black;
    border: 1px solid black;
}

.grey2:hover input,
.grey2:hover select{
    border: 1px solid black;
}

.enquirytable.company .button2{
    background: #cd0a0a;
    padding: 6px;
    border: 1px solid black;
    height: 100%;
}

.enquirytable.company .button2:hover{
    background: #FF0000;
}




/* Oddevenfält */
tr.odd,.tr.even{
    border-top: 0px;
    border-bottom: 0px;
}

tr.odd{
    background: #f1f1f1;
}

.grey3.links:hover{
    color: #12c;
    background: #ddd;
}

.darkgreen {background-color: #009933;font-weight: bolder;}
.green {background-color: #99cc33; cursor: pointer;}
.green2 {cursor: pointer; border-top: 1px solid #666666;}
.green3 {background-color: #99cc33; font-size: 10px; border-bottom: 1px solid #666666;}
.green4 {background-color: #99CC66;}
.admingreen {background-color: #99cc33; cursor: pointer;}
.standardgreen {background-color: #99cc33; cursor: default;}
/*Hjälp stilar */
#help1 {
	position:absolute;
	left:30%;
	top:250px;
	width:424px;
	height:75px;
	z-index:1;
	visibility: hidden;
}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.helpstyle1 {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

a.browsefind {
font-size: 14px;
color: #99CC33;
font-weight: bold;
}

#smallform {
border: 1px solid #DFDFDF;
width: 100%;
text-align: left;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}

#smallform input {
border: 1px solid #000000;
background-color: #FFFFFF;
font-size: 11px;
}

#smallform input:focus
{
	background-color:yellow;
}

#smallform select {
font-size: 11px;
width: 120px;
border: 1px solid #000000;
background-color: #FFFFFF;
}

#smallform textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #000000;
background-color: #FFFFFF;
padding: 1px;
}

.smallsubmitbutton#smallformbutton {
width: 200px;
height: 35px;
font-family: Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: bold;
color: #0044CC;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
cursor: pointer;
/*text-decoration: 3px solid underline;*/
}


.note{
    border: 1px solid #000000;
    width: 98%;
    background-color: #FFFF99;
    padding: 5px
}

div.editable{
    padding: 5px;
    display: block;
}

div.editable a{
    position: relative;
    top: 0px;
    right: -20px;
    background: white;
    padding: 2px;
    font-size: 11px;
}

div.editable:hover,
div.editable:hover > .editlink{
    outline: 1px dashed #ddd;
    display: block;
    color: black;
    background: #f1f1f1;
}

/******************
	Hjälp
******************/
#offerthelp{
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -540px;
	margin-top: -145px;
	background: white;
	width: 500px;
	border: 2px solid black;
	padding: 20px;
	z-index: 100;
	font-size: 14px;
	font-family: helvetica, arial, sans-serif;
}

#offerthelp-bkr {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	background: black;
	z-index: 80;
}
.closebtn{
	background: url('images/close-button.png');
	height: 29px;
	width: 29px;
	position: absolute;
	top: -15px;
	right: -15px;
	cursor: pointer;
}

input.smallred,
input.bigred,
a.smallred,
a.bigred{
    color: white !important;
    background: #c20000;
    background: -moz-linear-gradient(top, #D80000 0%,#B10000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D80000), color-stop(100%,#B10000));
    background: -webkit-linear-gradient(top, #D80000 0%,#B10000 100%);
    background: -o-linear-gradient(top, #D80000 0%,#B10000 100%);
    background: -ms-linear-gradient(top, #D80000 0%,#B10000 100%);
    background: linear-gradient(to bottom, #D80000 0%,#B10000 100%);
    border: 1px solid #d85353;

}

input.smallred:hover,
input.bigred:hover,
a.smallred:hover,
a.bigred:hover{
    color: #fafafa !important;
    background: #CF2929;
}

input.small-button,
input.big-button{
    display: inline-block;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.1);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    line-height: 26px;

    font-weight: normal !important;
    font-size: 20px;
    padding: 0px 24px;
    margin: 8px 6px 8px 0;
}