/* top right bottom left */

body {
	font-size: 76%;
	line-height: 1.3em;
  font-family: Verdana, Geneva, Arial, Sans-serif;
	background-color: #fff;
  color: #000;
}



/*--------- S T A N D A R D --------------------------------------------------*/

/* innehåller alla allmänna definitioner (ej klasser eller id) */

* { margin: 0; padding: 0; }

label, ul, ol, dl, fieldset, address { margin: 0.5em 0; }
h1, h2, h3, h4, h5, h6 { margin: 1em 0 0 0; }
li, dd { margin-left: 20px; }
fieldset { border: 1px solid #666; padding: 10px; }

p { margin: 2px 0 8px 0; }

div {
  font-size: 11px;
}

a {
	color: #d40046;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #d40046;
	font-weight: bold;
	text-decoration: underline;
}
a img { border: 0 none; }

h1 { font-size: 28px; line-height: 30px; }
h2 { font-size: 22px; line-height: 24px; }
h3 { font-size: 18px; line-height: 20px; margin: 22px 0 10px 0; }
h4 { font-size: 14px; line-height: 18px; margin: 16px 0 4px 0; }

/*hr { color: #666; background-color: #666; height: 1px; border: 0px solid #666; }*/
hr {
	border: 0 #fff solid;
	color: #fff;
	/*border-top-width: 4px;*/
	clear: both;
	height: 4px;
	margin: 0;
	padding: 0;
}

span.hr {
	font-size: 0px;
	line-height: 0em;
	display: block;
	height: 4px;
}


blockquote { padding-left: 20px; }
pre { font-size: 11px; }



/*--------- M A I N   D I V S ------------------------------------------------*/

#wrap {
	margin-left: 10px;
	/*background-color: #d9d9ff;*/
}

.clear {
	clear: both;
}

.hidden {
	visibility: hidden;
	position: absolute;
}

.litentext{
 font-size: 9px;
}

#guiden {

}
#guiden td {
	font-weight: bold;
}
td {

}


.title {
	padding: 6px;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}
.right {
	text-align: right;
	padding-left: 24px;
}



#grid_wrap {
	/*width: 975px;*/
	font-size: 10px;
	font-weight: bold;
}






/* klass-kategorier */
.rowspan {
	float: left;
	width: 40px;
}
	.rowspan div {
		overflow: hidden;
		margin-bottom: 2px;
	}

/* klass-namn */
.klass {
	float: left;
	width: 175px;
	margin-right: 4px;
}
	.klass div {
		overflow: hidden;
		height: 18px;
		margin-right: 2px;
		margin-bottom: 2px;
		padding-top: 4px;
		padding-right: 4px;
		padding-left: 10px;
		text-align: right;
	}
	
	.klass .header {
		padding: 0;
		margin: 0;
		background-color: #f9f8f4;
		background-image: url(../images/sortguide/header_logo.png);
		background-repeat: no-repeat;
		text-align: center;
	}

/* produktceller */
.produkt {
	float: left;
	width: 26px;
}
	.produkt div {
		overflow: hidden;
		padding: 2px;
		height: 18px;
		margin-right: 2px;
		margin-bottom: 2px;
	}


/* fixed top-rows */
.fixed {
	position: fixed;
	border-bottom: 6px solid #f9f8f4;
	padding-top: 0;
}

/* vit mask under fixed top-rows */
.pad {
	background-color: #f9f8f4;
}



.ja { background: url(../images/sortguide/plupp.gif) center center no-repeat; }
.ja_special { background: url(../images/sortguide/plupp_special.gif) center center no-repeat; }
.nej { }


/* trädörrar */
.tra, .tra1_title, .tra2_title {
	background-color: #c18347;
}
	.tra1 div, .traparti1 div{
		background-color: #e7cbaf;
	}
	.tra2 div, .info_tra {
		background-color: #f0decb;
	}


/* ståldörrar */
.stal, .stal1_title, .stal2_title {
	background-color: #80a2a8;
}
	.stal1 div {
		background-color: #cad8db;
	}
	.stal2 div, .info_stal {
		background-color: #dfe6e8;
	}


/* standard-grå */
.grey1 {
	background-color: #a1a3a4;
}
.grey2 {
	background-color: #d8d8d8;
}



/* oklassade */
.oklassade_title {
	background-color: #d8d8d8;
}





/* brandklasser */
.brandklasser_title_se { background: #de8574 url(../images/se/brandklasser_title.gif) no-repeat scroll center left; }
.brandklasser_title_no { background: #de8574 url(../images/no/brandklasser_title.gif) no-repeat scroll center left; }
.brandklasser_title_dk { background: #de8574 url(../images/dk/brandklasser_title.gif) no-repeat scroll center left; }

.brandklasser {
	background-color: #ecb8a9;
	font-size: 10px;
	cursor: pointer;
}


.brandklasser_top{

	background-color: #de8574;
	font-size: 10px;
	color: #fff;

}


.brandklasser:hover {
	color: #fff;
	background-color: #de8574;
}

/* ljudklasser */
.ljudklasser_title_se { background: #52976c url(../images/se/ljudklasser_title.gif) no-repeat scroll center left; }
.ljudklasser_title_no { background: #52976c url(../images/no/ljudklasser_title.gif) no-repeat scroll center left; }
.ljudklasser_title_dk { background: #52976c url(../images/dk/ljudklasser_title.gif) no-repeat scroll center left; }
.ljudklasser {
	background-color: #9cbea3;
	font-size: 10px;
	cursor: pointer;
}
.ljudklasser:hover {
	color: #fff;
	background-color: #52976c;
}

/* inbrottsskydd */
.inbrottsskydd_title_se { background: #3c80bb url(../images/se/inbrottsskydd_title.gif) no-repeat scroll center left; }
.inbrottsskydd_title_no { background: #3c80bb url(../images/no/inbrottsskydd_title.gif) no-repeat scroll center left; }
.inbrottsskydd_title_dk { background: #3c80bb url(../images/dk/inbrottsskydd_title.gif) no-repeat scroll center left; }
.inbrottsskydd {
	background-color: #b9c9e3;
	font-size: 10px;
	cursor: pointer;
}
.inbrottsskydd:hover {
	color: #fff;
	background-color: #3c80bb;
}


/* nollar ponter */
.nofinger{
	cursor: default;
}


.brandtathet_title_se { background: #de8574 url(../images/se/brandtathet_title.gif) no-repeat scroll center left; }
.brandtathet_title_no { background: #de8574 url(../images/no/brandtathet_title.gif) no-repeat scroll center left; }
.brandtathet_title_dk { background: #de8574 url(../images/dk/brandtathet_title.gif) no-repeat scroll center left; }

.emi_dampning_title_se { background: #6e7070 url(../images/se/emi_dampning_title.gif) no-repeat scroll center left; }
.emi_dampning_title_no { background: #6e7070 url(../images/no/emi_dampning_title.gif) no-repeat scroll center left; }
.emi_dampning_title_dk { background: #6e7070 url(../images/dk/emi_dampning_title.gif) no-repeat scroll center left; }

.skottsakerhet_title_se { background: #6e7070 url(../images/se/skottsakerhet_title.gif) no-repeat scroll center left; }
.skottsakerhet_title_no { background: #6e7070 url(../images/no/skottsakerhet_title.gif) no-repeat scroll center left; }
.skottsakerhet_title_dk { background: #6e7070 url(../images/dk/skottsakerhet_title.gif) no-repeat scroll center left; }

.explosion_title_se { background: #6e7070 url(../images/se/explosion_title.gif) no-repeat scroll center left; }
.explosion_title_no { background: #6e7070 url(../images/no/explosion_title.gif) no-repeat scroll center left; }
.explosion_title_dk { background: #6e7070 url(../images/dk/explosion_title.gif) no-repeat scroll center left; }

.ce-markning_title_se { background: #6e7070 url(../images/se/ce-markning_title.gif) no-repeat scroll center left; }
.ce-markning_title_no { background: #6e7070 url(../images/no/ce-markning_title.gif) no-repeat scroll center left; }
.ce-markning_title_dk { background: #6e7070 url(../images/dk/ce-markning_title.gif) no-repeat scroll center left; }

.korrosionsskydd_title_se { background: #a1a3a4 url(../images/se/korrosionsskydd_title.gif) no-repeat scroll center left; }
.korrosionsskydd_title_no { background: #a1a3a4 url(../images/no/korrosionsskydd_title.gif) no-repeat scroll center left; }
.korrosionsskydd_title_dk { background: #a1a3a4 url(../images/dk/korrosionsskydd_title.gif) no-repeat scroll center left; }

.ytor_och_monster_title_se { background: #a1a3a4 url(../images/se/ytor_och_monster_title.gif) no-repeat scroll center left; }
.ytor_och_monster_title_no { background: #a1a3a4 url(../images/no/ytor_och_monster_title.gif) no-repeat scroll center left; }
.ytor_och_monster_title_dk { background: #a1a3a4 url(../images/dk/ytor_och_monster_title.gif) no-repeat scroll center left; }

.anvandningsomraden_title_se { background: #a1a3a4 url(../images/se/anvandningsomraden_title.gif) no-repeat scroll center left; }
.anvandningsomraden_title_no { background: #a1a3a4 url(../images/no/anvandningsomraden_title.gif) no-repeat scroll center left; }
.anvandningsomraden_title_dk { background: #a1a3a4 url(../images/dk/anvandningsomraden_title.gif) no-repeat scroll center left; }



/* övriga klasser */
/*.ovriga_title {
	background-color: #6e7070;
}*/
.ovriga {
	background-color: #a1a3a4;
	font-size: 10px;
	cursor: pointer;
}
.ovriga:hover {
	color: #fff;
	background-color: #6e7070;
}

/* anvandningsomraden + ytor_och_monster */
/*.ytor_title {
	background-color: #a1a3a4;
}*/
.ytor {
	background-color: #d8d8d8;
	font-size: 10px;
	cursor: pointer;
}
.ytor:hover {
	color: #fff;
	background-color: #a1a3a4;
}


.selected {
	background-image: url(../images/sortguide/selected_hub.png);
	background-repeat: no-repeat;
}




#produkt_info {
	float: left;
	margin-top: 93px;
	font-weight: normal;
}
/*.info_stal, .info_tra {
	width: 400px;
	margin: 6px 4px;
	padding: 6px;
	font-size: 11px;
	cursor: pointer;
}
.info_stal img, .info_tra img {
	float: left;
	margin-right: 6px;
}*/




/* TOOLTIPS */

.tip {
	cursor: help;
}

.tooltip {
	width: 200px;
	padding: 1px;
	background-color: #fff;
	border: 1px solid #666;
}

.tooltip .tip {
	z-index: 13000;
	font-size: 11px;
	color: #000;
	background-color: #eee;
}

.tooltip .tip-title {
	padding: 3px;
}

.tooltip .tip-text {
	padding: 3px;
	border-top: 1px solid #ccc;
}




/* MAIN MENU */

#menu_header {
	height: 93px;
		width: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
		background-color: #fff; /*#f3f2ee;*/
		z-index: 64;
}

#menu_header img {
	border: 0 none;
}

.daloc_logo {
	position: absolute;
	top: 6px;
	left: 8px;
}

span.menu {
	display: block;
	float: left;
	margin-left: 1px;
	margin-right: 2px;
	margin-top: 8px;
	position: relative;
	z-index: 128;
}
span.menu_active {
	display: block;
	float: left;
	margin-left: -5px;
	margin-right: -4px;
	position: relative;
	z-index: 256;
}


div.flaggor {
	position: absolute;
	top: 26px;
	right: 21px;
}
div.flaggor img {
	margin-right: 4px;
}


/* TOPP-MENY svenska -------------------------------------------------------- */

#se_menu_daloc {
	width: 58px; height: 42px;
	background: url(../images/se/hover_daloc.png) top left no-repeat;
}
#se_menu_sortimentsguide {
	width: 84px; height: 42px;
	background: url(../images/se/hover_sortimentsguide.png) top left no-repeat;
}
#se_menu_sakerhet {
	width: 121px; height: 42px;
	background: url(../images/se/hover_sakerhet.png) top left no-repeat;
}
#se_menu_stal {
	width: 87px; height: 42px;
	background: url(../images/se/hover_stal.png) top left no-repeat;
}
#se_menu_tra {
	width: 83px; height: 42px;
	background: url(../images/se/hover_tra.png) top left no-repeat;
}
#se_menu_tillval {
	width: 129px; height: 42px;
	background: url(../images/se/hover_tillval.png) top left no-repeat;
}
#se_menu_stalpartier {
	width: 86px; height: 42px;
	background: url(../images/se/hover_stalpartier.png) top left no-repeat;
}
#se_menu_register {
	width: 69px; height: 42px;
	background: url(../images/se/hover_register.png) top left no-repeat;
}

#se_menu_daloc_active {
	width: 70px; height: 42px;
	background: url(../images/se/active_daloc.png) top left no-repeat;
}
#se_menu_sortimentsguide_active {
	width: 96px; height: 42px;
	background: url(../images/se/active_sortimentsguide.png) top left no-repeat;
}
#se_menu_sakerhet_active {
	width: 133px; height: 42px;
	background: url(../images/se/active_sakerhet.png) top left no-repeat;
}
#se_menu_stal_active {
	width: 99px; height: 42px;
	background: url(../images/se/active_stal.png) top left no-repeat;
}
#se_menu_tra_active {
	width: 95px; height: 42px;
	background: url(../images/se/active_tra.png) top left no-repeat;
}
#se_menu_tillval_active {
	width: 141px; height: 42px;
	background: url(../images/se/active_tillval.png) top left no-repeat;
}
#se_menu_stalpartier_active {
	width: 98px; height: 42px;
	background: url(../images/se/active_stalpartier.png) top left no-repeat;
}
#se_menu_register_active {
	width: 81px; height: 42px;
	background: url(../images/se/active_register.png) top left no-repeat;
}

/* TOPP-MENY norska --------------------------------------------------------- */

#no_menu_daloc {
	width: 58px; height: 42px;
	background: url(../images/no/hover_daloc.png) top left no-repeat;
}
#no_menu_sortimentsguide {
	width: 78px; height: 42px;
	background: url(../images/no/hover_sortimentsguide.png) top left no-repeat;
}
#no_menu_sakerhet {
	width: 117px; height: 42px;
	background: url(../images/no/hover_sakerhet.png) top left no-repeat;
}
#no_menu_stal {
	width: 79px; height: 42px;
	background: url(../images/no/hover_stal.png) top left no-repeat;
}
#no_menu_tra {
	width: 74px; height: 42px;
	background: url(../images/no/hover_tra.png) top left no-repeat;
}
#no_menu_tillval {
	width: 176px; height: 42px;
	background: url(../images/no/hover_tillval.png) top left no-repeat;
}

#no_menu_daloc_active {
	width: 70px; height: 42px;
	background: url(../images/no/active_daloc.png) top left no-repeat;
}
#no_menu_sortimentsguide_active {
	width: 90px; height: 42px;
	background: url(../images/no/active_sortimentsguide.png) top left no-repeat;
}
#no_menu_sakerhet_active {
	width: 129px; height: 42px;
	background: url(../images/no/active_sakerhet.png) top left no-repeat;
}
#no_menu_stal_active {
	width: 91px; height: 42px;
	background: url(../images/no/active_stal.png) top left no-repeat;
}
#no_menu_tra_active {
	width: 86px; height: 42px;
	background: url(../images/no/active_tra.png) top left no-repeat;
}
#no_menu_tillval_active {
	width: 188px; height: 42px;
	background: url(../images/no/active_tillval.png) top left no-repeat;
}

/* TOPP-MENY danska --------------------------------------------------------- */

#dk_menu_daloc {
	width: 58px; height: 42px;
	background: url(../images/dk/hover_daloc.png) top left no-repeat;
}
#dk_menu_sortimentsguide {
	width: 78px; height: 42px;
	background: url(../images/dk/hover_sortimentsguide.png) top left no-repeat;
}
#dk_menu_sakerhet {
	width: 113px; height: 42px;
	background: url(../images/dk/hover_sakerhet.png) top left no-repeat;
}
#dk_menu_stal {
	width: 73px; height: 42px;
	background: url(../images/dk/hover_stal.png) top left no-repeat;
}
#dk_menu_tra {
	width: 71px; height: 42px;
	background: url(../images/dk/hover_tra.png) top left no-repeat;
}
#dk_menu_tillval {
	width: 133px; height: 42px;
	background: url(../images/dk/hover_tillval.png) top left no-repeat;
}

#dk_menu_daloc_active {
	width: 70px; height: 42px;
	background: url(../images/dk/active_daloc.png) top left no-repeat;
}
#dk_menu_sortimentsguide_active {
	width: 90px; height: 42px;
	background: url(../images/dk/active_sortimentsguide.png) top left no-repeat;
}
#dk_menu_sakerhet_active {
	width: 125px; height: 42px;
	background: url(../images/dk/active_sakerhet.png) top left no-repeat;
}
#dk_menu_stal_active {
	width: 85px; height: 42px;
	background: url(../images/dk/active_stal.png) top left no-repeat;
}
#dk_menu_tra_active {
	width: 83px; height: 42px;
	background: url(../images/dk/active_tra.png) top left no-repeat;
}
#dk_menu_tillval_active {
	width: 145px; height: 42px;
	background: url(../images/dk/active_tillval.png) top left no-repeat;
}



#header_border {
	position: absolute;
	width: 100%;
	top: 69px;
	height: 24px;
	z-index: 512;
}

#header_border a {
	color: #fff;
	font-weight: normal;
	text-decoration: underline;	
}

.inloggad{
  color: #fff;
  height: 24px;
  padding-top: 4px;
  padding-left: 20px;
  font-size: 9px;
}

#support_toggle {
	float: right;
	width: 82px;
	height: 24px;
	background-image: url(../images/menu/support.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
#support_wrapper {
	position: absolute;
	top: 103px;
	right: 10px;
	width: 280px;
	z-index: 640;
}


.border_daloc, .border_default {
	background-color: #d40046;
}
.border_sortimentsguide {
	background-color: #6e7070;
}
.border_sakerhet {
	background-color: #457a78;
}
.border_stal {
	background-color: #80a2a8;
}
.border_tra {
	background-color: #c18347;
}
.border_tillval {
	background-color: #9e7444;
}
.border_stalpartier {
	background-color: #4e7aa1;
}
.border_register {
	background-color: #6e7070;
}









.info_wrap {
	width: 300px;
	margin: 6px;
	/*background-color: #f6f6f6;*/
	font-size: 11px;
	cursor: pointer;
}
.infoheader_sakerhet {
	height: 17px;
	padding-left: 6px;
	padding-top: 1px;
	color: #fff;
	font-weight: bold;
	background: #f9f8f4 url(../images/header_sakerhet.png) top left no-repeat;
}
.infoheader_stal {
	height: 17px;
	padding-left: 6px;
	padding-top: 1px;
	color: #fff;
	font-weight: bold;
	background: #f9f8f4 url(../images/header_stal.png) top left no-repeat;
}
.infoheader_tra {
	height: 17px;
	padding-left: 6px;
	padding-top: 1px;
	color: #fff;
	font-weight: bold;
	background: #f9f8f4 url(../images/header_tra.png) top left no-repeat;
}

.infoheader_traparti {
	height: 17px;
	padding-left: 6px;
	padding-top: 1px;
	color: #fff;
	font-weight: bold;
	background: #f9f8f4 url(../images/header_tra.png) top left no-repeat;
}





.infoheader_tillval {
	height: 17px;
	padding-left: 6px;
	padding-top: 1px;
	color: #fff;
	font-weight: bold;
	background: #f9f8f4 url(../images/header_tillval.png) top left no-repeat;
}



.info {
	padding: 6px;
	/*height: 320px;
	overflow: hidden;*/
}
.info img {
	float: right;
	margin-left: 6px;
	margin-bottom: 6px;
}


/* säkerhetsdörrar */
.info_sakerhet {
	background-color: #dce8e8;
}

/* trädörrar */
.info_tra {
	background-color: #f0decb; /*#e7cbaf*/ 
}

.info_traparti {
	background-color: #f0decb; /*#e7cbaf*/ 
} 

/* ståldörrar */
.info_stal {
	background-color: #dfe6e8; /*#cad8db*/
}

/*

ljudklasser
inbrottsskydd

brandtathet
emi_dampning
skottsakerhet
explosion
*/

/* klassikoner */
div.grund_class{
  font-size: 9px;
  font-weight: bold;
  height:20px;
  margin-bottom:4px;
  padding-left: 20px;
  line-height: 20px;
}

.sakerhet_brandklasser { background: #c5dbdb url(../images/icons/sakerhet_brandklasser.png) no-repeat; }
.sakerhet_ljudklasser { background: #c5dbdb url(../images/icons/sakerhet_ljudklasser.png) no-repeat; }
.sakerhet_inbrottsskydd { background: #c5dbdb url(../images/icons/sakerhet_inbrottsskydd.png) no-repeat; }
.sakerhet_brandtathet { background: #c5dbdb url(../images/icons/sakerhet_brandtathet.png) no-repeat; }
.sakerhet_emi_dampning { background: #c5dbdb url(../images/icons/sakerhet_emi_dampning.png) no-repeat; }
.sakerhet_skottsakerhet { background: #c5dbdb url(../images/icons/sakerhet_skottsakerhet.png) no-repeat; }
.sakerhet_explosion { background: #c5dbdb url(../images/icons/sakerhet_explosion.png) no-repeat; }
.sakerhet_oklassade { background: #c5dbdb url(../images/icons/sakerhet_oklassade.png) no-repeat; }

.stal_brandklasser { background: #cad8db url(../images/icons/stal_brandklasser.png) no-repeat; }
.stal_ljudklasser { background: #cad8db url(../images/icons/stal_ljudklasser.png) no-repeat; }
.stal_inbrottsskydd { background: #cad8db url(../images/icons/stal_inbrottsskydd.png) no-repeat; }
.stal_brandtathet { background: #cad8db url(../images/icons/stal_brandtathet.png) no-repeat; }
.stal_emi_dampning { background: #cad8db url(../images/icons/stal_emi_dampning.png) no-repeat; }
.stal_skottsakerhet { background: #cad8db url(../images/icons/stal_skottsakerhet.png) no-repeat; }
.stal_ce_markning { background: #cad8db url(../images/icons/stal_ce_markning.png) no-repeat; }
.stal_explosion { background: #cad8db url(../images/icons/stal_explosion.png) no-repeat; }
.stal_oklassade { background: #cad8db url(../images/icons/stal_oklassade.png) no-repeat; }

.tra_brandklasser, .traparti_brandklasser  { background: #e7cbaf url(../images/icons/tra_brandklasser.png) no-repeat; }
.tra_ljudklasser, .traparti_ljudklasser { background: #e7cbaf url(../images/icons/tra_ljudklasser.png) no-repeat; }
.tra_inbrottsskydd, .traparti_inbrottsskydd { background: #e7cbaf url(../images/icons/tra_inbrottsskydd.png) no-repeat; }
.tra_brandtathet, .traparti_brandtathet { background: #e7cbaf url(../images/icons/tra_brandtathet.png) no-repeat; }
/*.tra_emi_dampning { background: #e7cbaf url(../images/icons/tra_emi_dampning.png) no-repeat; }*/
/*.tra_skottsakerhet { background: #e7cbaf url(../images/icons/tra_skottsakerhet.png) no-repeat; }*/
/*.tra_explosion { background: #e7cbaf url(../images/icons/tra_explosion.png) no-repeat; }*/
.tra_oklassade, .traparti_oklassade { background: #e7cbaf url(../images/icons/tra_oklassade.png) no-repeat; }






/* support-rutan: */

.index_small_toggle {
	padding: 2px 2px 0 16px;
	background-image: url(../images/toggle_index_small.png);
	background-repeat: no-repeat;
	color: #d40046;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}
.index_small_toggle:hover {
	text-decoration: underline;
}

.toggle_off {
	background-position: 0px 0px;
}
.toggle_on {
	background-position: 0px -30px;
}