/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
html {overflow-y: scroll;}
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;
}

.clear-v {
	clear:left;
	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_fack_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_kakel_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, oppettider-2 {
	float:left;
	width: 225px;
	margin: 10px 0px 0px 0px;
}

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

#visatiderbox {margin:0px; padding:0px;}
#visatiderbox p {padding:2px 0px 0px 0px; font-weight:bold;}
#menybox .oppettider #visatiderbox ul#oppettider, #menybox .oppettider #visatiderbox ul#oppettider-2 {list-style:none; margin:0px; padding:0px;}
#menybox .oppettider #visatiderbox ul#oppettider li, #menybox .oppettider #visatiderbox ul#oppettider-2 li {float:left; width:90px; height:15px; padding:0px; margin:0px; font-size:70%;}

/* MEDLEMSSKAP, SPONSORER, RETAIL */ 

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

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

#medlemskap a, #medlemskap img, #retail a, #retail img {
	border: 0px;
	margin-bottom: 5px;
}
.container {width:225px; margin:0px 0px 0px 0px;}
.toggle_container {margin:-20px 0px 0px 0px; padding:0; background:#f0f0f0; overflow:hidden; font-size:80%; width:200px; clear:both;}
.toggle_container .block {padding:10px;}
.toggle_container .block img {margin:2px 0px;}
.toggle_container .block h3 {padding: 5px 0 0px 0px; margin: 0px 0; font-size:90%;}	
.toggle_container .block p {padding: 5px 0; margin: 0px 0; font-size:75%;}
.toggle_container img {border: 1px solid #d6d6d6; margin:0px 0px 5px 0px;}

/* RETAIL */
h2.trigger {padding: 0 0 0px 0px; margin: 0 0 0px 0; width: 225px; font-size: 2em; font-weight: normal; text-align:left; font-size:70%;}
h2.trigger a {color: #333; text-decoration: none;}
h2.trigger a:hover {color: #ccc;}
h2.trigger span {font-weight:bold; color:#FF9900;}
h2.active {background-position: left bottom;}

/* NYHETSBREV VANSTERSPALT */
#nyhetsbrev-v {clear:both;float:left; width:225px; margin:10px 0px 0px 0px;}
div.trigger {padding:10px; margin:0 20px 0px 0; width:180px; font-weight:normal; text-align:left; font-size:70%; border:1px solid #e6e6e6; background:#f0f0f0 url(../images/bg_nyhetsbrev_v.png) bottom right no-repeat;}
div.trigger p.rubrik {padding:0px 0px 7px 0px;}


/* 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;
}


#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:5px 10px 10px 5px;
	font-size: 75%;
	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 PRESS */
.texter .pressinfo {float:left; width:343px;}
.texter .pressmeddelanden {float:right; width:329px; border-left:1px solid #999; padding:0px 0px 0px 20px;}
.texter .pressmeddelanden p {margin:0px; padding:0px 0px 5px 0px;}
.texter .pressmeddelanden ul {list-style:none; margin:0px; padding:0px;}
.texter .pressmeddelanden ul li {float:left; display:block; margin:0px; padding:0px 0px 5px 0px; background:#fff url(../images/vitruta.gif) repeat; font-size:70%;}
.texter .pressmeddelanden ul li.datum {margin:0px 10px 0px 0px;}
.texter .pressmeddelanden ul li span {color:#f90; font-weight:bold;}

#bildbankbox {width:715px; margin: 2px 0px 20px 10px; padding-top:22px; font-size:80%;}
#bildbankbox p {margin:3px 0px 0px 0px;}
#bildbankbox p.lank a {color:#333;}
#bildbankbox p.lank a:hover {color:#f90;}
#bildbankbox ul {list-style:none; margin:10px 0px; padding:0px;}
#bildbankbox li {float:left; display:block; margin:0px 15px 0px 0px; width:167px; text-align:center; padding:0px 0px 5px 0px;}
#bildbankbox li.right {float:right; margin:0px 1px 0px 0px;}
#bildbankbox li img {margin:0px 0px 5px 0px;}
#bildbankbox li a {font-size:70%;}

/* INNEHALL BOKA TID */

#boka-tid {font-size:100%; padding:0px 0px 5px 10px; color:#333;}
#boka-tid ul {margin:0px; padding:0px;}
#boka-tid ul li {float:left; display:block; padding:5px 20px 5px 0px; font-size:80%; width:320px;}
#boka-tid p {padding:3px 0px; margin:0px;}
#boka-tid span {color:#f90;}
#boka-tid label {font-weight:bold;}
#boka-tid .falt {margin:5px 0px 5px 0px; border:0px; width:300px; background-color:#fff; padding:5px 5px; border:1px solid #cccccc;}
#boka-tid .val {margin:5px 15px 5px 0px; border:0px;}
#boka-tid .falt-captcha {margin:5px 0px 5px 0px; border:0px; width:100px; background-color:#fff; padding:5px 5px; border:1px solid #cccccc;}
#boka-tid .knapp {float:right; margin:60px 0px 5px 0px; border:0px; width:110px; /*height:42px;*/ background:#e6e6e6; padding:5px 5px; color:#333; font-weight:bold; border: 1px solid #cccccc;}


#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;}


/* 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;
}

#personal-ny {width:515px; margin:20px 0px 20px 10px;font-size:80%; float:left;  border-right:1px solid #ccc;}
#personal-ny ul#avdelning, #personal-ny ul#avdelning ul {margin:0px; padding:0px; list-style:none;}
#personal-ny ul#avdelning {padding:5px 0px;}
#personal-ny ul#avdelning li {float:left; display:block; padding:0px 5px 5px 0px; font-weight:bold; width:122px;}
#personal-ny ul#avdelning ul {padding:5px 0px;}
#personal-ny ul#avdelning ul li {float:none; display:block; padding:0px 10px 5px 0px; font-weight:normal; }
#personal-ny ul#avdelning ul li a {font-weight:normal;}

#personal-ny-visa {width:180px; margin:20px 0px 20px 0px;font-size:80%; float:right; min-height:300px; padding:0px 5px;}
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	display:none;
	color:#666;
	font-size:12px;
	text-align:center;
	
	}
#screenshot img {width:100px; height:100px; margin-bottom:5px;}

/* 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.fynd {
	height: 28px;
	background-image: url(../images/r_sortiment_fynd.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.rita {
	height: 28px;
	background-image: url(../images/r_tips_rita.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

h1.bokatid {
	height: 28px;
	background-image: url(../images/r_tips_bokatid.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;
}

.fyndlapp {float:right; margin:-120px 0px 0px 0px; background:transparent url(../images/sortiment/fynd-lapp.png) no-repeat; height:281px; width:136px; z-index:1000; position:relative;}

#proffs-lansforsakringar {width:715px; height:330px; margin:20px 0px 10px 10px; background-color:#000; padding:15px;}
#proffs-lansforsakringar img {float:left; margin:0px 30px 0px 0px;}
#proffs-lansforsakringar h2 {color:#f90; font-size:120%;}
#proffs-lansforsakringar p {color:#fff; font-size:80%; line-height: 20px; padding:0px 0px 7px 0px;}
#proffs-lansforsakringar a {color:#f90;}