/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ------------------------------------ */

body 			{ margin: 0; background: url(../bg_fade.png) top repeat-x; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #333; background-color: #8b8b8b;}

#wrapper-all	{min-width:960px; width: 960px; display: table; margin-left: auto; margin-right: auto; position: relative; background-color: #FFF; margin-top: 40px;
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-inside	{min-width:880px; width: 880px; display: table; margin-left: auto; margin-right: auto; position: relative; margin-bottom: 30px; font-size: 12px; line-height: 1.5;}	

#footer			{min-width:880px; width: 880px; display: table; margin-left: auto; margin-right: auto; position: relative; margin-top: 40px; font-size: 11px;
				line-height: 1.4; color: #333; text-shadow: 1px 1px #b3b3b3; font-size: 12px !important; padding: 0px 0px 40px 0px;}

#footer a		{color: #333 !important; font-size: 12px !important; line-height: 1.6 !important;}

/* branding & tag */
.branding-holder	{min-width:960px; width: 960px; display: table; margin-left: auto; margin-right: auto; position: relative;}
.branding-holder-col1,.branding-holder-col2{overflow:hidden; display:inline-block; text-align: left;}
.branding-holder-col1{float:left; width:200px; padding: 20px 0px 0px 17px;}
.branding-holder-col2{float:right; width:730px; padding: 56px 0px 0px 0px;}
.brandingmessage{font-size: 18px !important; text-align: left !important; font-weight: bold !important; margin-bottom: 10px;}
.brandingtagline{font-size: 12px; color: #666; font-style: italic;}

/* huvudmeny */
.huvudmeny			{background-color: #333; width: 960px; margin: 30px 0px 30px 0px;}
.huvudmeny ul		{height:42px; list-style: none !important; padding: 0px !important;}
.huvudmeny ul li	{float:left;padding:0px;}
.huvudmeny li a		{color:#FFF !important; font-size: 12px; display:block;font-weight:normal;line-height:42px;margin:0px 0px 0px 3px;padding: 0px 0px 0px 40px; text-align:center;text-decoration:none !important; font-family: "Georgia"; font-weight: bold !important; text-shadow: 1px 1px #000;}

.menySel, .menySel a, .menySel a:Visited, .menySel a:Link, .menySel a:Hover {color: #999 !important;}

/* Undersidor */
.mainimg{background-image: url(../mainimg.png); width: 880px; height: 235px; margin: 0px 0px 30px 0px;}

/* 2 col uneven */
.colsys2col1, .colsys2col2{overflow:hidden; display:inline-block; text-align: left;}
.colsys2col1{float:left; width:647px;}
.colsys2col2{float:right; width:173px; font-size: 12px; color: #333; text-align: center; border:  1px solid #CACACA; margin: 0px 0px 0px 0px;}
.colsys2col2 img{margin: 20px 0px 20px 0px;}

/* 2 col even */
.colsys1col1, .colsys1col2{overflow:hidden; display:inline-block; text-align: left;}
.colsys1col1{float:left; width:360px;}
.colsys1col2{float:right; width:360px;}


/* produktlista */
.produktlista			{min-width:894px; width: 894px; display: table; margin-left: auto; margin-right: auto; position: relative; padding: 0px 0px 30px 0px;}
.produktlista h2		{margin: 0px 0px 0px 5px !important;}
.produktlista ul		{list-style: none !important; padding: 0px !important;}
.produktlista ul li		{float:left; padding:0px !important; width: 210px; height: 165px !important; margin: 5px; border: 1px solid #CACACA;}
.produktlista ul li a img	{margin: 10px; width: 190px; height: 95px;}
.produktlista li h3 a		{color:#000; font-size: 12px; display:block;font-weight:normal; margin: 0px 0px 0px 20px;}
.produktlista-text		{padding: 20px;}


/* produktlista-small */
.produktlista-small				{min-width:894px; width: 894px; display: table; margin-left: auto; margin-right: auto; position: relative; padding: 0px 0px 30px 0px;}
.produktlista-small h2			{margin: 0px !important;}
.produktlista-small ul			{list-style: none !important; padding: 0px !important;}
.produktlista-small ul li		{float:left; padding:0px !important; width: 115px; height: 110px; margin: 5px; border: 1px solid #CACACA; filter:alpha(opacity=60);opacity:0.6;}
.produktlista-small ul li:hover	{filter:alpha(opacity=100);opacity:1;}
.produktlista-small ul li a img	{margin: 5px; width: 105px; height: 53px;}
.produktlista-small li h3 a		{color:#000; font-size: 11px; display:block;font-weight:normal; margin: 0px 0px 0px 10px;}
.produktlista-text				{padding: 20px;}

/* Produktdisplay */

.produkt-action-options			{margin: 30px 0px 0px 0px;}
.produkt-action-options ul		{height:19px; list-style: none !important;}
.produkt-action-options ul li	{float:left;padding:0px;}
.produkt-action-options li a	{display:block; line-height:19px; padding: 0px 15px 0px 24px; text-align:center; text-decoration: none !important; background: url(../knapp.gif) left top no-repeat;
								font-size: 12px !important;}
								
.produktdisplay-thumbs			{}
.produktdisplay-thumbs ul		{height:50px; list-style: none !important;}
.produktdisplay-thumbs ul li	{float:left;padding:0px;}
.produktdisplay-thumbs li a		{display:block; width: 100px; height: 70px; margin: 10px 10px 0px 0px;}							
.produktdisplay-thumbs li a img	{display:block; width: 100px; height: 70px;}

.produktdisplay			{min-width:880px; width: 880px; display: table; margin-left: auto; margin-right: auto; margin-bottom: 30px; position: relative; padding: 0px 0px 30px 0px; border-bottom: 1px dotted #CACACA;}

#produktbilder-holder, #produkttext-holder{overflow:hidden; display:inline-block; text-align: left;}
#produktbilder-holder{float:left; width:440px;}
#produkttext-holder{float:right; width:410px; font-size: 13px; line-height: 1.5 !important;}



.iframeladdaner{border: 0px;}

/* Skštsel */
.skotselimg {float: left; clear: none; width: 186px; height: 130px; margin: 3px 25px 0px 0px; border: 10px solid #FFF; 
-moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999; box-shadow: 0px 0px 5px #999;}



/* Typografi */
h1	{font-family: "Georgia"; font-weight: bold; color: #000; text-transform: uppercase;}
h2	{font-family: "Georgia"; font-weight: bold; font-size: 28px; margin-bottom: 25px; line-height: 1; color: #000;}
h3	{font-family: "Georgia"; font-size: 20px; font-weight: normal; margin-bottom: 24px; line-height: 1.3; color: #000;}
p	{margin-bottom: 14px;}

a:link {color: #8f3738;text-decoration: none;}
a:visited {text-decoration: none;color: #8f3738;}
a:hover {text-decoration: underline;color: #8f3738;}
a:active {text-decoration: none;color: #8f3738;}


/* Certifikat */
.certifikat-holder {min-width:880px; width: 880px; height: 324px; min-height: 324px; display: table; margin-left: auto; margin-right: auto; position: relative; background: url(../certi_bg.jpg) bottom right no-repeat;}
.certifikat-text {min-width:880px; width: 880px; display: table; margin-left: auto; margin-right: auto; position: relative; padding: 0px 0px 40px 0px;}
.certifikat-text-insdie {min-width:580px; width: 580px; display: table;}
.certifikat-holder ul li h2 {font-size: 15px !important;}
.certifikat-holder ul li {line-height: 1;}
.certifikat-left, .certifikat-right {overflow:hidden; display:inline-block; text-align: left; padding: 0px 0px 20px 0px;}
.certifikat-left {float: left; width: 300px;}
.certifikat-right {float: left; width: 300px;}

.certi-link-form a {font-size: 11px !important; font-weight: normal !important; text-decoration: none !important; color: #000 !important; line-height: 1 !important;}
.certi-link-form a:hover{color: #999 !important;}

.certi_preview {float: right; clear: none; margin: 0px 0px 0px 20px;}

/* ------------------------------------------------ */



/* 
table 				{ margin: 0; padding: 0; }

p					{  font-size: 11px; font-style: normal; line-height: 1.5; font-weight: normal; color: #000000; text-align:left; margin-bottom: 1em; margin-top: 1em; text-decoration: none}


.higher				{ height: 100%; background-image: url(../bg.gif); }
.high2				{ height: 185px; }
.high_main			{ height: 549px; }
.high3				{ height: 134px; }

.sep25				{ background-image: url(../sep_25.gif); }

.content_high		{ height: 523px; }

.red_bg	 			{ background-image: url(../red_bg.gif); }
.white	 			{ background-image: url(../ffffff.gif); } 
.pic_0 				{ background-image: url(../startbild_skugg.jpg) }

.bg_produkt			{ height: 200px; background-image: url(../produkt_rutor.gif); }


.topleft 			{} 
.topright 			{} 

.midleft 			{} 
.midright 			{} 

.bottomleft 		{} 
.bottomright		{} 

.topend 			{}
.bottomend 			{}

h1 					{ font-size: 140%; font-weight: normal; text-align: right; color: #000000; line-height: 1.5;  }
h2 					{ font-size: 120%; font-weight: bold; text-align: left; color: #000000; line-height: 1.2;  }
h3 					{ font-size: 100%; font-weight: normal; text-align: left; color: #000000; line-height: 1.2;  }
h4 					{ font-size: 50%; font-weight: normal; text-align: left; color: #000000; line-height: 1.2;  }

.copy				{  font-size: 11px; font-style: normal; line-height: 1.5; font-weight: normal; color: #ffffff; text-align:left; text-decoration: none}
.copy	a 			{  font-size: 11px; font-style: normal; line-height: 1.5; font-weight: normal; color: #ffffff; text-align:center; text-decoration: none}
.copy	a:Visited  	{  font-size: 11px; font-style: normal; line-height: 1.5; font-weight: normal; color: #ffffff; text-align:center; text-decoration: none}
.copy	a:Link 		{  font-size: 11px; font-style: normal; line-height: 1.5; font-weight: normal; color: #ffffff; text-align:center; text-decoration: none}
.copy	a:Hover 	{  font-size: 11px; font-style: normal; line-height: 1.5; font-weight: normal; color: #ffffff; text-align:center; text-decoration: none}







.text11				{  font-size: 11px; font-style: normal; line-height: 1.5; font-weight: normal; color: #000000; text-align:left; text-decoration: none}
.text11	a 			{  font-size: 11px; font-style: normal; line-height: 1.5; font-weight: normal; color: #000000; text-align:left; text-decoration: none}
.text11	a:Visited  	{  font-size: 11px; font-style: normal; line-height: 1.5; font-weight: normal; color: #000000; text-align:left; text-decoration: none}
.text11	a:Link 		{  font-size: 11px; font-style: normal; line-height: 1.5; font-weight: normal; color: #000000; text-align:left; text-decoration: none}
.text11	a:Hover 	{  font-size: 11px; font-style: normal; line-height: 1.5; font-weight: normal; color: #a8a9ac; text-align:left; text-decoration: none}

.text11w				{  font-size: 11px; font-style: normal; line-height: 1.5; font-weight: normal; color: #ffffff; text-align:left; text-decoration: none}
.text11w	a 			{  font-size: 11px; font-style: normal; line-height: 1.5; font-weight: normal; color: #ffffff; text-align:left; text-decoration: none}
.text11w	a:Visited  	{  font-size: 11px; font-style: normal; line-height: 1.5; font-weight: normal; color: #ffffff; text-align:left; text-decoration: none}
.text11w	a:Link 		{  font-size: 11px; font-style: normal; line-height: 1.5; font-weight: normal; color: #ffffff; text-align:left; text-decoration: none}
.text11w	a:Hover 	{  font-size: 11px; font-style: normal; line-height: 1.5; font-weight: normal; color: #a8a9ac; text-align:left; text-decoration: none}

*/