/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	color: #333333;
	font-size: 100%;
	background-color:#141414;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
}

body#utskrift {
	background: #ffffff url(../images/vitruta.gif) repeat;
}


a, a:link, a:active, a:visited   {
	font-weight: bold;
    text-decoration: none;
	color: #333333;
    border: 0px;
}

a:hover   {
	font-weight: bold;
    text-decoration: none;
	color: #ff9900;
}

img.left {
	float:left;
	padding: 0px 15px 15px 0px;
	background-color: #ffffff;
}

img.left-projekt {
	float:left;
	padding: 0px 15px 15px 0px;
	background-color: #000000;
}

img.right {
	float:right;
	padding: 0px 0px 15px 15px;
	background-color: #ffffff;
}

img.leftprojekt {
	float:left;
	padding: 0px 15px 15px 0px;
	background-color: #000000;
}

h1 {
	margin-bottom: 7px;
}

h1 span { 
	display: none; 
}

h1.rubrik {
	padding: 2px 0px 0px 10px;
	font-size: 100%;
	font-weight:bold;
}

h2 {
	margin: 5px 0px 10px 0px;
	padding: 2px 0px 0px 10px;
	font-size: 80%;
}

h2 span {
	font-size: 80%;
	color: #999999;
	font-weight: normal;
	letter-spacing: 0.8px;
}

h2.nyhet {
	padding: 2px 0px 0px 0px;
}

h3 {
	margin: 5px 0px 10px 0px;
	padding: 2px 0px 0px 10px;
	font-size: 80%;
}

/* LAYOUT  ALLMANT STRUKTUR */

#head {
	margin: 15px auto 0px auto;
	padding:  0px;
	border: 0px;
	text-align: left;
	display: block !important; 
	width: 950px;	
	height: 79px;
	color: #f0f0f0;
}

#head img, #head img a {
	border: 0px;
}

#mitten {
	margin: 1px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	background-image: url(../images/white.gif);
	background-repeat: repeat-x;
	background-position: 0 0 !important;
	border-top: 1px solid #fff;
	overflow:hidden;
}

#innehall {
	margin: 30px auto 0px auto;
	padding: 0px;
	text-align: left;
	display: block !important; 
	width: 950px;	
	background: none;
	min-height: 100%;
}

* html #innehall {
	height: 100%;
} 

#sidfot {
	padding: 70px 0px 0px 0px;
	width: 100%;
	height: 133px;
	background-image: url(../images/bg_sidfot.jpg);
	background-repeat: repeat-x;
	background-color:#141414;
}

#sidfottext {
	width: 950px;
	margin: 0px auto 0px auto;
	}

.clear {
	clear:both;
	height:1px;
}

/* MENY VANSTER LAYOUT */

#menybox {
	float:left;
	width: 225px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	height: 100%;
}

.menystartsidan h1 {
	height: 28px;
	background-image: url(../images/m_rubrik_startsidan.gif);
	background-repeat: no-repeat;
}

.menysortiment h1 {
	height: 28px;
	background-image: url(../images/m_rubrik_sortiment.gif);
	background-repeat: no-repeat;
}

.menytips h1 {
	height: 28px;
	background-image: url(../images/m_rubrik_tips.gif);
	background-repeat: no-repeat;
}

.menykakel h1 {
	height: 28px;
	background-image: url(../images/m_rubrik_kakel.gif);
	background-repeat: no-repeat;
}

.menyfack h1 {
	height: 28px;
	background-image: url(../images/m_rubrik_fack.gif);
	background-repeat: no-repeat;
}

.menyproffs h1 {
	height: 28px;
	background-image: url(../images/m_rubrik_proffs.gif);
	background-repeat: no-repeat;
}

.menyarkitekt h1 {
	height: 28px;
	background-image: url(../images/m_rubrik_arkitekt.gif);
	background-repeat: no-repeat;
}

#menybox ul {
	margin: 3px 0px 10px 0px;
	padding:0px;
	list-style:none;
}
#menybox ul li {
	/*float: left;*/
	height: 20px;
	width: 200px;
	margin-bottom: 2px;
}

#menybox li > ul {
	top: auto;
	left: auto;
	}
#menybox ul li a {
	display: block;
	height: 20px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
    text-decoration: none;
	color: #333333;
	text-transform: uppercase;
	font-size: 70%;
	letter-spacing: 0.8px;
	/*background-image: url(../images/meny_off.gif);
	background-repeat: no-repeat;*/
	border: 0px;
}

#menybox .menysortiment ul li a {
	background-image: url(../images/meny_sortiment_off.gif);
	background-repeat: no-repeat;
}

#menybox .menytips ul li a {
	background-image: url(../images/meny_tips_off.gif);
	background-repeat: no-repeat;
}

#menybox .menykakel ul li a {
	background-image: url(../images/meny_kakel_off.gif);
	background-repeat: no-repeat;
}

#menybox .menykakel ul li a.eng {
	background-image: url(../images/meny_kakel_eng_off.gif);
	background-repeat: no-repeat;
}

#menybox .menyfack ul li a {
	background-image: url(../images/meny_fack_off.gif);
	background-repeat: no-repeat;
}

#menybox ul li a:hover {
	color: #ADADAD;
	background-image: url(../images/meny_on.gif);
	background-repeat: no-repeat;
	border: 0px;
}

#menybox ul li#aktiv a {
	color: #336699;
	/*background-image: url(../images/meny_on.gif);
	background-repeat: no-repeat;*/
}

/* OPPETTIDER OCH ADRESS, COPY*/

.oppettider, .copy {
	float:left;
	width: 225px;
	margin: 10px 0px 0px 0px;
}

.oppettider p, .copy p {
	padding-bottom: 10px;
	font-size: 70%;
}

/* MEDLEMSSKAP, SPONSORER */ 

#medlemskap {
	clear:both;
	float:left;
	width: 225px;
	margin: 10px 0px 0px 0px;
}

#medlemskap a, #medlemskap img {
	border: 0px;
	margin-bottom: 5px;
}

/* INNEHALL MITTEN STARTSIDAN */

#mittenbox, #mittenbox-p {
	float: left;
	width: 350px;
}

#erbjudanderuta {
	float: left;
	width: 350px;
	background-image: url(../images/erbjudanderuta.gif);
	background-repeat: no-repeat;
	padding-top: 30px;
}

.erbjudande {
	/*float:left;*/
	width: 350px;
	clear:both;
}

.erbjudandetext {
	/*float: left;*/
	width: 350px;
	
}
.erbjudandetext h2 {
	font-size: 90%;
	font-weight:bold;
	text-transform: uppercase;
	margin: 10px 0px 10px 0px;
	padding: 0px;	
}

.erbjudandetext h2 span {
	font-weight:normal;
	color:#FF9900;
}

.erbjudandetext p {
	line-height: 18px;
	padding: 7px 10px 0px 10px;
	background-color:#f0f0f0;
	margin:1px 0px 10px 0px;
}

.erbjudandebild {
	float: left;
	width: 350px;
}

#proffskbvallruta {
	float: left;
	width: 350px;
	/*background-image: url(../images/proffskvall.gif);
	background-repeat: no-repeat;*/
}

#proffskvallflash {
	margin: 0px 0px 10px 0px;
	
}

#inspirationruta {
	float: left;
	width: 350px;
	background-image: url(../images/inspirationsruta.gif);
	background-repeat: no-repeat;
}

#branschreglerruta {
	float: left;
	width: 350px;
	background-image: url(../images/branschregler.gif);
	background-repeat: no-repeat;
}

#inspflash {
	margin: 30px 0px 10px 0px;
}

#temaruta {
	float: left;
	width: 350px;
	background-image: url(../images/temaruta-2010.gif);
	background-repeat: no-repeat;
	margin:0px 0px 30px 0px;
}


#projektruta {
	float: left;
	width: 350px;
	background-image: url(../images/bloggruta.gif);
	background-repeat: no-repeat;
}

#nya-branschregler, #bloggflash {
	margin: 30px 0px 2px 0px;
}

#videoruta {
	float: left;
	width: 350px;
	height: 166px;
	background-image: url(../images/filmruta.gif);
	background-repeat: no-repeat;
	margin-bottom: 1px;
}

#videorutatext {
	float: left;
	width: 350px;
	margin: 0px 0px 2px 0px;
	border-top: 4px solid #a7a7a7;
	padding-top: 5px;
	text-align: right;
}

.mitttextruta {
	margin-top: 3px;
	border-top: 4px solid #a7a7a7;
	padding-top: 5px;
	text-align: right;
}

#ikearuta,#yrkesruta {
	float: left;
	width: 350px;
	background-image: url(../images/ikearuta.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 10px 0px;
	margin-top:8px;
}

#ledigajobbruta {
	float: left;
	width: 350px;
	background-image: url(../images/ledigajobb.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	padding-top: 30px;
}

#nordbyggruta {
	float: left;
	width: 350px;
	background-image: url(../images/nordbygg-ruta.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	padding-top: 30px;
}

#ledigajobb {
	margin: 30px 0px 2px 0px;
}

#yrkesrutany {
	float: left;
	width: 350px;
	background-image: url(../images/arkitektruta.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 15px 0px;
	
}

#yrkesruta #proffs {
	margin: 30px 0px 2px 0px;
	width: 170px;
	height: 150px;
	float: left;
	background-image:url(../images/proffs_bild.gif);
	background-repeat: no-repeat;
}

#yrkesruta #proffs p {
	text-align: right;
	padding-top: 130px;
	font-size: 75%;
}

#yrkesruta #arkitekt {
	margin: 30px 0px 2px 0px;
	width: 170px;
	height: 150px;
	float: right;
	background-image:url(../images/arkitekt_bild.gif);
	background-repeat: no-repeat;
}

#yrkesruta #arkitekt p {
	text-align: right;
	padding-top: 130px;
	font-size: 75%;
}

#yrkesrutany #arkitektny {
	margin: 30px 0px 2px 0px;
	width: 350px;
	height: 170px;
	background-image:url(../images/arkitekt_bildny.gif);
	background-repeat: no-repeat;
}

#yrkesrutany #arkitektny p {
	text-align: right;
	padding-top: 161px;
	font-size: 75%;
}

#ikeaflash {
	margin: 30px 0px 2px 0px;
}



/* INNEHALL HOGER STARTSIDAN */

#hogerbox, #hogerbox-p {
	float: right;
	width: 350px;
}

#proffskvallruta {
	float: right;
	width: 350px;
	background-image: url(../images/fraschauppfogarna.gif);
	/*background-image: url(../images/badrummet.gif);
	background-image: url(../images/nyttibutik.gif);*/
	/*background-image: url(../images/casamood.gif);*/
	background-repeat: no-repeat;
	padding-top: 30px;
}



#proffskvalltext {
	float: left;
	width: 350px;
	margin: 1px 0px 2px 0px;
	border-top: 4px solid #b7b7b7;
	padding-top: 5px;
	text-align: right;
}

#nyhetsruta {
	float: right;
	width: 350px;
	background-image: url(../images/nyhetsruta.gif);
	background-repeat: no-repeat;
	padding-top: 30px;
}

.nyhet {
	/*float:left;*/
	width: 350px;
	clear:both;
}

.nyhetstext {
	float: left;
	width: 350px;
	
}
.nyhetstext h2 {
	font-size: 90%;
	font-weight:bold;
	text-transform: uppercase;
	margin: 10px 0px 10px 0px;	
}

.nyhetstext h2 span {
	font-weight:normal;
	color:#FF9900;
}

.nyhetstext p {
	line-height: 20px;
}

.nyhetsbild {
	float: right;
	width: 350px;
}

#nyhetsarkivlank, #erbjudandearkivlank {
	float:right;
	width: 350px;
	margin-top: 15px;
	text-align: right;
}

#nyhetsbrevruta {
	float: left;
	width: 350px;
	height: 160px;
	background-image: url(../images/nyhetsbrevruta_ny.jpg);
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

#nyhetsbrevtext {
	margin: 45px 0px 2px 150px;
}

#nyhetsbrevrutatext {
	float: left;
	width: 350px;
	margin: 1px 0px 0px 0px;
	border-top: 4px solid #b7b7b7;
	padding-top: 5px;
	text-align: right;
}

#soprocityruta {
	float: left;
	width: 350px;
	background-image: url(../images/soprocityruta.gif);
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

#soprocityflash {
	margin: 30px 0px 2px 0px;
}

#soprocitytext {
	float: left;
	width: 350px;
	margin: 0px 0px 2px 0px;
	border-top: 4px solid #a7a7a7;
	padding-top: 5px;
	text-align: right;
}

#mittenbox p, #hogerbox p, #hogerbox-p p{
	padding-bottom: 10px;
	font-size: 80%;
}

#menybox p span, #mittenbox p span, #hogerbox p span, #innehallbox p span {
	font-weight:bold;
	color:#ff9900;
}


/* INNEHALL UNDERSIDOR LAYOUT */

#innehallbox {
	float:right;
	width: 725px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
}

#innehallbox .svart-rand {background-color:#000; height:30px;}

#undermenyer {
	width: 725px;
	margin: 2px 0px 15px 0px;
	background-image: url(../images/bg_undermenyer.jpg);
	background-repeat: repeat-x;
	height: 20px;
}

#textinnehall {
	width: 725px;
	margin: 2px 0px 15px 0px;
}

#textinnehallprojekt {
	width: 725px;
	margin: 2px 0px 15px 0px;
	background-color:#000000;
	color:#ffffff;
}

#textinnehallprojekt #mittenbox-p, #textinnehallprojekt hogerbox-p {
	background-color:#000000;
}

.bildboxliggande {
	width: 715px;
	margin: 2px 0px 20px 10px;
	padding-top: 22px;
	background-image: url(../images/bg_bilder_liggande.jpg);
	background-repeat: repeat-x;
}

.bildboxliggande-p {
	width: 715px;
	margin: 2px 0px 20px 10px;
	padding-top: 22px;
	background-image: url(../images/bg_bilder_liggande_p.jpg);
	background-repeat: repeat-x;
}

#undermenybox {
	width: 715px;
	margin: 2px 0px 0px 10px;
	padding-bottom: 20px;
}


.texter p {
	line-height: 20px;
	margin: 0px 0px 10px 10px;
	font-size: 80%;
}

.texter h2 {
	margin: 30px 0px 10px 0px;
	font-size: 90%;
	color:#F90;
	font-weight:normal;
}

.texter table {
	margin: 0px 0px 10px 10px;
}

.texter p.noline {
	padding-top: 10px;
}

.texter ul {
	list-style: none;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	border: none;
}

.texter li {
	display: block;
	background-image: url("../images/kakelspecialisten/li_mark.gif");
	background-repeat:no-repeat;
	width:auto;
	padding: 1px 5px 5px 35px;
	margin: 0px 0px 2px 0px;
	font-size:12px;
}

.jobb {
	border-top: 1px dashed #cccccc;
	margin: 10px 0px 10px 10px;
	padding:10px 0px 10px 0px;
}

.jobb p {
	line-height: 20px;
	font-size: 80%;
	margin: 0px 0px 10px 0px;
}

.jobb ul {
	margin: 10px 0px 0px 25px;
	padding: 0px;
	border: none;
}

.jobb li {
	width:auto;
	padding: 1px 5px 5px 10px;
	margin: 0px 0px 2px 0px;
	font-size:80%;
}


.lank p {
	margin: 5px 0px 10px 10px;
	font-size: 80%;
	text-align: right;
}

p.kalla {
	margin-top: 20px;
	font-size: 70%;
	font-style:italic;
}

p.kallaliten {
	margin-top: 20px;
	font-size: 70%;
	font-style:italic;
	text-align: right;
}


.bildboxstaende {
	width: 350px;
	margin: 0px 0px 20px 0px;
	padding-top: 22px;
	background-image: url(../images/bg_bilder.jpg);
	background-repeat: repeat-x;
	clear:both;
}

.bildboxstaende table {
	font-size: 70%;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}

.bildboxstaende table td {
	padding: 10px 0px 2px 10px;
}

/* INNEHALL BADRUMSMOBLER, OFFENTLIGA LOKALER, BEHANDLINGSPROGRAM, FAKTA */

#lista {
	float:left;
	width: 450px;
	margin: 15px 0px 10px 7px;
}

#lista p, #listabred p {
	font-size: 80%;
	margin-bottom: 10px;
	line-height: 20px;
}

#lista span, #listabred span, #faq span, #undermenybox span, #personal span, .ensymbolbox span, table#tabellista td span, table#tabellista2 td span, table.tabellista td span {
	font-weight:bold;
	color:#ff9900;
}

#listabred {
	float:left;
	width: 715px;
	margin: 15px 0px 10px 10px;
}

#listabred-p {
	float:left;
	width: 705px;
	padding: 0px 10px 10px 10px;
	background-color:#000000;
}

#listabred p.noborder {
	border: 0px;
	text-align: right;
	background: #FFFFFF url(../images/vitruta.gif) repeat;
}

#listabred p.antalover {
	font-size: 70%;
	text-align: right;
	background: #FFFFFF url(../images/vitruta.gif) repeat;
}

#listabred p.antalunder {
	font-size: 70%;
	border: 0px;
	text-align: right;
	background: #FFFFFF url(../images/vitruta.gif) repeat;
}

#listabred p.ikeainfo {
	margin-top: 5px;
	font-size: 75%;
	margin-bottom: 10px;
	line-height: 13px;
	background: #FFFFFF url(../images/vitruta.gif) repeat;
}

table#tabellista, table#tabellista2, table.tabellista, table.tabellistakontakt {
	margin-bottom: 15px;
	
}

table#tabellista td , table#tabellista2 td, table.tabellista td {
	font-size: 70%;
	padding: 5px 0px 5px 0px;
}

table.tabellistakontakt td {
	font-size: 80%;
	padding: 0px 0px 3px 0px;
}

table.tabellistavisa {
	margin-bottom: 15px;
}

table.tabellistavisa td {
	font-size: 100%;
	padding: 3px 0px 3px 0px;
}

table#tabellista td img, table.tabellistavisa td img {
	border: 0px;
}

table#tabellista td.rubrik, table#tabellista2 td.rubrik, table.tabellista td.rubrik {
	font-weight: bold;
}

.plattologen {
	padding: 0px 0px 10px 10px;
}

table#tabellistaikea td {
	font-size: 90%;
	padding: 5px 0px 10px 0px;
}

table#tabellistaikea td p {
	margin-left: 10px;
	background: #FFFFFF url(../images/vitruta.gif) repeat;
}
table#tabellistaikea td img {
	padding: 10px;
	border: 1px solid #cccccc;
}

/* INNEHALL UNDERSIDOR FAQ */


#faqform {
	margin-bottom: 10px;
}

#faqform .falt{
	width: 200px;
	border: 1px solid #666666;
}

#faq, #fragaform { 
	width: 715px;
	margin: 20px 0px 20px 10px;
	font-size: 80%;
	float:left;
}

#faq p.border {
	padding: 0px 0px 6px 0px;
	border-bottom: 1px dotted #cccccc;
}

#faq dl {
	padding: 0px;
	list-style-type: none;
	margin: 20px 0px 5px 0px;
}

#faq dt, #faq dd, #faq ul, #faq li {
	list-style-type: none;
	width: auto;  
}

#faq #fraga dt {
	cursor: pointer;
	padding: 10px 0px 20px 0px;
	line-height: 15px;
	text-align: left;
	clear:both;
}


#faq #fraga dd {
	padding:3px 0px 3px 0px;
	color: #666666;
	font-weight: normal;
	
}

#faq #fraga dd ul {
	padding: 0px;
}

#faq #fraga dd ul li {
	margin-bottom: 20px;
	padding: 2px 30px 4px 30px;
	text-align: left;
	line-height: 20px;
	border-left: 1px solid #ff9900;
	border-right: 1px solid #ff9900;
	height: 1%;
	background-image: url(../images/vitruta.gif);
	background-repeat:repeat;	
}

/* INNEHALL UNDERSIDOR PERSONAL */


#personal { 
	width: 715px;
	margin: 20px 0px 20px 10px;
	font-size: 80%;
	
}

#personal p.border {
	padding: 0px 0px 6px 0px;
	border-bottom: 1px dotted #cccccc;
}

#personal dl {
	padding: 0px;
	list-style-type: none;
	margin: 20px 0px 5px 0px;
}

#personal dt, #personal dd, #personal ul, #personal li {
	list-style-type: none;
	width: auto;  
}

#personal #visapersonal dt {
	cursor: pointer;
	margin: 10px 0px 10px 0px;
	line-height: 15px;
	text-align: left;
	clear:both;
}


#personal #visapersonal dd {
	padding:3px 0px 3px 0px;
	color: #666666;
	font-weight: normal;
}

#personal #visapersonal dd ul {
	padding: 0px;
}

#personal #visapersonal dd ul li {
	/*margin-bottom: 5px;*/
	padding: 2px 30px 4px 20px;
	text-align: left;
	height: 1%;
	border-left: 1px solid #ff9900;
	font-size:90%;
}

#personal #visapersonal dd ul li a {
	color:#666666;
}

/* INNEHALL UNDERSIDOR 4 SYMBOLER */ 

#symbol {
	width: 715px;
	padding: 22px 0px 0px 10px;
	/*padding-top: 22px;*/
	font-size: 80%;
	background-image: url(../images/bg_bilder_symbol.jpg);
	background-repeat: repeat-x;
}

#symbolejbg {
	width: 715px;
	margin: 2px 0px 20px 10px;
	padding-top: 22px;
	font-size: 80%;
}

.symbolbox {
	padding: 0px 0px 0px 0px;;
	clear:both;
}

#symbol p.lank {
	padding: 10px 0px 0px 0px; 
}

#symbolejbg p.lank a {
	color:#ffffff;
}

#symbolejbg p.lank a:hover {
	color:#ff9900;
}

#symbol .symbol-v, #symbolejbg .symbol-v {
	float:left;
	margin: 0px 15px 0px 0px;
	width: 167px;
	min-height: 170px;
}

#symbol .symbol-m, #symbolejbg .symbol-m {
	float:left;
	margin: 0px 15px 0px 0px;
	width: 167px;
	min-height: 170px;
}

#symbol .symbol-h, #symbolejbg .symbol-h {
	float:right;
	margin: 0px 0px 0px 0px;
	width: 167px;
	min-height: 170px;
}

#symbolejbg p {
	font-size: 90%;
	margin-bottom: 10px;
	line-height: 20px;
}

#symbolprojekt {
	width: 715px;
	margin: 2px 0px 20px 10px;
	padding-top: 22px;
	font-size: 80%;
}

#symbolprojekt p {
	margin:3px 0px 0px 0px;
}

#symbolprojekt p.lank a {
	color:#ffffff;
}

#symbolprojekt p.lank a:hover {
	color:#ff9900;
}

#symbolprojekt .symbol-v {
	float:left;
	margin: 0px 12px 0px 0px;
	width: 167px;
	height: 170px;
}

#symbolprojekt .symbol-m {
	float:left;
	margin: 0px 12px 0px 0px;
	width: 167px;
	height: 170px;
}

#symbolprojekt .symbol-h {
	float:right;
	margin: 0px 10px 0px 0px;
	width: 167px;
	height: 170px;
}



/* INNEHALL UNDERSIDOR 1 SYMBOL/BILD */ 

#ensymbol {
	width: 715px;
	margin: 2px 0px 20px 10px;
	padding-top: 22px;
	background-image: url(../images/bg_bilder_ensymbol.jpg);
	background-repeat: repeat-x;
}

#ensymbolutan {
	width: 715px;
	margin: 2px 0px 20px 10px;
	padding-top: 22px;
}

.ensymbolbox {
	padding: 0px;
	clear:both;
}

.ensymbolbox .texter p.indrag {
	padding-left: 173px;
}

.ensymbolbox .texter p.maxit {
	margin: 0px;
}

#ensymbolutan p.antal {
	font-size: 80%;
}

/* SORTIMENT VISA THUMBS OCH STORA BILDER */

.thumbsbox p {
	padding-bottom: 5px;
	text-align: right;
	border-bottom: 1px dashed #999999;
	font-size: 80%; 
}

.thumbsbox p.noborder {
	border: 0px;
}

.thumbsbox p.antalover {
	font-size: 70%;
}

.thumbsbox p.antalunder {
	font-size: 70%;
	border: 0px;
}

.thumbsbox p.test {
	font-size: 70%;
	border: 0px;
	text-align: left;
}

ul.thumbslist {
	margin: 0px 0px 5px 0px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dashed #999999;
}

.thumbslist li {
	display: inline;
	list-style-type: none;
	padding-right: 14px;
}

.thumbslist li img {
	border: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.thumbslist li a img {
	border-top: 2px dashed #ffffff;
	border-bottom: 2px dashed #ffffff;
}

.thumbslist li a:hover img {
	border-top: 2px solid #ff9900;
	border-bottom: 2px solid #ff9900;
}

.sortimentstaende {
	float:left;
	width: 400px;
	margin: 2px 0px 20px 0px;
	padding-top: 22px;
	background-image: url(../images/bg_bilder.jpg);
	background-repeat:no-repeat;
}

.sortimentstaendeinfo  {
	float:right;
	width: 300px;
	margin: 2px 0px 20px 0px;
	padding-top: 22px;
}

.sortimentstaendeinfo h2, .sortimentliggandeinfo h2 {
	padding: 0px;
}

.sortimentstaendeinfo p, .sortimentliggandeinfo p, .sortimenttabell p {
	line-height: 20px;
	margin: 0px 0px 10px 0px;
	font-size: 80%;
}

.sortimentstaendeinfo p.mobler, .sortimenttabell p.mobler {
	margin-top: 10px;
	text-align:left;
	font-weight:bold;
}

.sortimentstaendeinfo p.noborder, .sortimenttabell p.noborder {
	margin-top: 10px;
	text-align:right;
}

.sortimentstaendeinfo p.noborder a img, .lank p a img {
	border: 0px;
}

.sortimentstaendeinfo table, .sortimenttabell tabell {
	margin: 15px 0px 15px 0px;
}

.sortimentstaendeinfo td, .sortimenttabell td {
	font-size: 70%;
	padding: 5px 0px 5px 0px;
}

.sortimentstaendeinfo td.rubrik, .sortimenttabell td.rubrik {
	font-weight: bold;
}

/* SORTIMENT VISA STOR BILD KOK */

.sortimentliggande {
	width: 700px;
	margin: 2px 0px 20px 0px;
	padding-top: 22px;
	background-image: url(../images/bg_bilder_liggande.jpg);
	background-repeat:no-repeat;
}

.sortimentliggandeinfo {
	float:left;
	width: 300px;
	margin: 10px 0px 10px 0px;
}

.sortimenttabell {
	width: 340px;
	margin: 10px 0px 10px 10px;
}

/* SORTIMENT UTSKRIFT */

#utskriftbox {
	margin-top: 30px;
	width: 700px;
}


/* INNEHALL ARKITEKT/INREDARE */ 

#arkitektflash{
	width: 715px;
	margin: 20px 0px 10px 10px;
	padding-top: 22px;
	background-image: url(../images/bg_bilder_liggande.jpg);
	background-repeat: repeat-x;
}

#arkitektflashny {
	width: 725px;
	margin: 0px 0px 20px 0px;
	/*float:left;
	padding-top: 22px;
	background-image: url(../images/bg_bilder_liggande.jpg);
	background-repeat: repeat-x;*/
}

#arkitekthoger {
	width: 250px;
	margin: 55px 0px 10px 0px;
	float:right;
}

#projektkontakt {
	width: 220px;
	color:#ffffff;
	font-size:80%;
	background: url(../images/arkitekt/projektkontakt.jpg) no-repeat;
	height:60px;
	margin:0px 0px 5px 30px;
}

#projektsortiment {
	width: 220px;
	color:#ffffff;
	font-size:80%;
	background: url(../images/arkitekt/projektsortiment.jpg) no-repeat;
	height:60px;
	margin:0px 0px 5px 30px;
}

#projektseminarier {
	width: 220px;
	color:#ffffff;
	font-size:80%;
	background: url(../images/arkitekt/projektseminarier.jpg) no-repeat;
	height:60px;
	margin:0px 0px 5px 30px;
}

#projektreferenser {
	width: 220px;
	color:#ffffff;
	font-size:80%;
	background: url(../images/arkitekt/projektreferenser.jpg) no-repeat;
	height:60px;
	margin:0px 0px 5px 30px;
}

#projektutstallning {
	width: 220px;
	color:#ffffff;
	font-size:80%;
	background: url(../images/arkitekt/projektutstallning.jpg) no-repeat;
	height:60px;
	margin:0px 0px 5px 30px;
}

#projektnyhetsbrev {
	width: 220px;
	color:#ffffff;
	font-size:80%;
	background: url(../images/arkitekt/projektnyhetsbrev.jpg) no-repeat;
	height:60px;
	margin:0px 0px 5px 30px;
}

#projekttrycksaker {
	width: 220px;
	color:#ffffff;
	font-size:80%;
	background: url(../images/arkitekt/projekttrycksaker.jpg) no-repeat;
	height:60px;
	margin:0px 0px 5px 30px;
}

#projektfasad {
	width: 220px;
	color:#ffffff;
	font-size:80%;
	background: url(../images/arkitekt/projektfasad.jpg) no-repeat;
	height:60px;
	margin:0px 0px 5px 30px;
}

#projektindustri {
	width: 220px;
	color:#ffffff;
	font-size:80%;
	background: url(../images/arkitekt/projektindustri.jpg) no-repeat;
	height:60px;
	margin:0px 0px 5px 30px;
}

#projektkontakt p, #projektsortiment p, #projektseminarier p, #projektreferenser p, #projektutstallning p, #projektnyhetsbrev p, #projekttrycksaker p, #projektfasad p, #projektindustri p  {
	padding:12px 0px 0px 75px;
	width:auto;
}

.texter p.vit {
	line-height: 18px;
	margin: 5px 10px 10px 10px;
	font-size: 80%;
	color:#ffffff;
}

#arkitektkontakt {
	width: 715px;
	margin: 20px 0px 10px 10px;
	font-size: 80%;
}

.arkitektkontakt {
	padding: 0px;
	clear:both;
}

#arkitektkontakt p {
	line-height: 20px;
	padding: 0px 0px 10px 0px;
}

#arkitektkontakt table {
	margin-top: 15px;
}

#arkitektkontakt .kontakt-v {
	float:left;
	margin: 0px 15px 0px 0px;
	width: 330px;
}

#arkitektkontakt .kontakt-v h1.rubrik {
	font-size:130%;
	padding:0px;
}

#arkitektkontakt table td span, #listabred-p table td span {
	font-weight:bold;
	color:#ff9900;
}

#arkitektkontakt .kontakt-h {
	float:right;
	margin: 0px 0px 0px 0px;
	width: 350px;
}

#sidfotprojekt {
	height:28px;
	width:725px;
	clear:both;
	background-image: url(../images/arkitekt/bg_sidfot.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

/* INNEHALL PROFFS */

.proffsfaqruta {
	margin-top: 28px;
	padding: 0px 10px 10px 10px;
	width: auto;
	border: 1px solid #666666;
	/*background: #ffffff url(../images/proffs/bg_proffs_faq.gif) repeat;*/
}

table#tabellkurser {
	margin-bottom: 15px;
}

table#tabellkurser td {
	font-size: 70%;
	padding: 5px 0px 5px 0px;
}

table#tabellkurser td.rubrik {
	font-weight: bold;
	border-bottom: 1px solid #999999;
}

p.kursrubrik {
	border-bottom: 1px solid #999999;
	padding-bottom: 5px;
	margin-top: 20px;
	font-weight:bold;
}

#textinnehallprojekt p.kursrubrik {
	border-bottom: 1px solid #ffffff;
	padding-bottom: 5px;
	margin: 20px 10px 10px 10px;
	font-weight:bold;
}

#hogerbox-p p.kursrubrik {
	border-bottom: 1px solid #ffffff;
	padding-bottom: 5px;
	margin: 20px 10px 10px 0px;
	font-weight:bold;
}

.skickabox p {
	margin: 10px 0px 5px 0px;
}
#hogerbox .skickabox { 
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 20px 20px;
	font-size: 90%;
	border-left: 1px solid #999999;
}

#hogerbox-p .skickabox { 
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 20px 20px;
	font-size: 90%;
	border-left: 1px solid #ffffff;
	background-color:#000000;
}

#nyhetsbrevform .skickabox { 
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 20px 20px;
	font-size: 80%;
}

#hogerbox .skickabox label,  #nyhetsbrevform .skickabox label, #hogerbox-p .skickabox label { 
	font-weight:bold;
	font-size: 80%;
}

#bestallprov .skickabox label {
	font-weight:bold;
	font-size: 80%;
}

#bestallprov .skickabox textarea.falt {
	height: 60px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 80%;
	border: 1px solid #cccccc;
	width: 250px;
}

#hogerbox .skickabox span,  #nyhetsbrevform .skickabox span, #fragaform .skickabox span, #hogerbox-p .skickabox span { 
	color:#ff9900; 
	font-weight:bold;
}

#hogerbox .skickabox .falt,  #nyhetsbrevform .skickabox .falt {
	margin: 5px 0px 10px 0px;
	border: 1px solid #cccccc;
	width: 250px;
}

#hogerbox .skickabox .faltantal {
	margin: 5px 0px 10px 0px;
	border: 1px solid #cccccc;
	width: 50px;
}

#hogerbox .skickabox .knapp,  #nyhetsbrevform .skickabox knapp, #hogerbox-p .skickabox .knapp {
	margin: 5px 0px 10px 0px;
	border: 1px solid #cccccc;
	width: 80px;
	background-color: #e6e6e6;
}

/* PROFFS TOOLTIPS */

#produktlista table#tabellista td a span.tool {
	color:#333333;
}

#produktlista table#tabellista td a:hover span.tool, #produktlista table#tabellista td a span.tool span {
	color:#ff9900;
}

span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 10px;
  left: 150px;
  width: auto;
  padding: 3px 7px 4px 6px;
  border: 1px solid #999999;
  background-color: #ffffff;
  text-align: left;
}

#produktlista {
	float:left;
	width: 170px;
	margin: 15px 0px 10px 7px;
}

#produktvisa {
	float:right;
	width: 480px;
	margin: 15px 7px 10px 0px;
}

table#produktinfo {
	margin-bottom: 15px;
	border-left: 1px dashed #999999;
}

table#produktinfo td {
	font-size: 70%;
	padding: 10px;
}

table#produktinfo td h2 {
	font-size: 110%;
	padding: 0px;
}

table#produktinfo td img {
	border: 0px;
}

/* INNEHALL UNDERSIDOR RUBRIKER */



h1.senastenytt {
	height: 28px;
	background-image: url(../images/r_kakel_senastenytt.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

h1.erbjudanden {
	height: 28px;
	background-image: url(../images/r_erbjudanden_arkiv.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

h1.nyheter {
	height: 28px;
	background-image: url(../images/r_nyheter_fler.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

h1.nyhetsbrev {
	height: 28px;
	background-image: url(../images/r_nyhetsbrev_anmalan.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

h1.badrum {
	height: 28px;
	background-image: url(../images/r_sortiment_badrum.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

h1.kok {
	height: 28px;
	background-image: url(../images/r_sortiment_kok.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

h1.golv {
	height: 28px;
	background-image: url(../images/r_sortiment_golv.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

h1.ovrigt, h1.badovrigt, h1.poolerterrasser {
	height: 28px;
	background-image: url(../images/r_sortiment_ovrigt.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

h1.gordetsjalv {
	height: 28px;
	background-image: url(../images/r_tips_gordetsjalv.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

h1.kakelpaikea {
	height: 28px;
	background-image: url(../images/r_tips_ikea.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

h1.kakelpatv {
	height: 28px;
	background-image: url(../images/r_tips_tv.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

h1.faq {
	height: 28px;
	background-image: url(../images/r_tips_faq.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

h1.fakta {
	height: 28px;
	background-image: url(../images/r_tips_fakta.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

h1.omoss {
	height: 28px;
	background-image: url(../images/r_kakel_omoss.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

h1.arkitekt {
	height: 28px;
	background-image: url(../images/r_proffs_arkitekt.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

h1.projekt {
	height: 28px;
	background-image: url(../images/r_proffs_projekt.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

h1.plattsattare {
	height: 28px;
	background-image: url(../images/r_proffs_plattsattare.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

h1.blogg {
	height: 28px;
	background-image: url(../images/r_kakel_blogg.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

h2.sortiment {
	height: 20px;
	background-image: url(../images/bg_underrubriker_sortiment.gif);
	background-repeat: no-repeat;
}

h2.kakel {
	height: 20px;
	background-image: url(../images/bg_underrubriker_kakel.gif);
	background-repeat: no-repeat;
}

h2.tips {
	height: 20px;
	background-image: url(../images/bg_underrubriker_tips.gif);
	background-repeat: no-repeat;
}

h2.arkitekt, h2.plattsattare {
	height: 20px;
	background-image: url(../images/bg_underrubriker_arkitekt.gif);
	background-repeat: no-repeat;
}

/* PROJEKT */

#mittbox-projekt {
	float: left;
	width: 450px;
	}

h2.nyhetsrubrik {
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 120%;
	color:#ff9900;
	}

h2.projekt {
	margin: 0px 0px 10px 0px;
	padding: 20px 0px 0px 10px;
	font-size: 80%;
	color:#ff9900;
}

h2 span.projekt {
	font-size: 80%;
	color: #cccccc;
	font-weight: normal;
	letter-spacing: 0.8px;
}

.bildboxliggandeprojekt {
	width: 725px;
	margin: 2px 0px 20px 10px;
}

#listaprojekt {
	float:left;
	width: 450px;
	margin: 15px 0px 10px 7px;
}

#arkitekthoger a, #arkitekthoger a:link, #arkitekthoger a:active, #arkitekthoger a:visited, #listaprojekt a, #listaprojekt a:link, #listaprojekt a:active, #listaprojekt a:visited, .lankprojekt p a, .lankprojekt p a:link, .lankprojekt p a:active, .lankprojekt p a:visited, #listabred-p a, #textinnehallprojekt .texter p a {
	font-weight: bold;
    text-decoration: none;
	color: #ffffff;
    border: 0px;
}

#arkitekthoger a:hover, #listaprojekt a:hover, .lankprojekt p a:hover, #listabred-p a:hover, #textinnehallprojekt .texter p a:hover {
	font-weight: bold;
    text-decoration: none;
	color: #ff9900;
}

.lankprojekt p {
	padding: 5px 10px 10px 10px;
	font-size: 80%;
	text-align: right;
}

#projektkontaktflash {
	width: 715px;
	margin: 2px 0px 20px 10px;
	padding-top: 22px;
	background-image: url(../images/bg_bilder_liggande_p.jpg);
	background-repeat: repeat-x;
}