/*
------------------------------------------------------
Copyright Torbjörn Noaksson, www.finnmera.se
some rights reserved
http://www.noaksson.se/
sökmotoroptimering, utbildning, SEO, SEM, sökmarknadsföring på internet
------------------------------------------------------
*/


body, html {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
color: #000000;
font-size:12px;
background-color: #ededed;
}

.top {
margin-bottom: 0;
letter-spacing: 5px;
text-align: right;
margin-top: 0;
font-weight: bold;
color: #ffffff;
}

.menu_table {
color:#FFFFFF;
display:block;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
border-top: 1px #ffffff solid;
/*border-bottom: 1px #000000 solid;*/
background-image:url(../imgs/background_topnav2.jpg);
background-repeat:repeat-x;
}
.menu_table td {
dispay:block;
padding-left:8px;
padding-right:8px;
}
.menu_table a:link, .menu_table a:visited {
color:#FFFFFF;
}
.menu_table a:hover  {
/*display:table-cell;
background-image:url(../imgs/background_topnav3.gif);
background-repeat:repeat-x;*/
color:#000000;
text-decoration:none;
}

.youarehere {
display:table-cell;
background-image:url(../imgs/background_topnav3.gif);
background-repeat:repeat-x;
color:#000000;
}
.youarehere a:link {
display:table-cell;
color:#000000;
}
.content_table {
font-family: verdana, arial, helvetica, sans-serif;
font-size:10px;
color:#000000;
}
.content_table p {
	line-height:16px;
	padding-right:4px;
}
.content_table_separator {
background-image:url(../imgs/line_footer.gif);
background-repeat:repeat-y;
}

.footer_table {
color:#000000;
font-size:10px;
border-top: 1px #ffffff solid;
border-bottom: 1px #ffffff solid;
margin-top: 4px;
margin-bottom:4px;
/*background-image:url(../imgs/background_topnav.jpg);
background-repeat:repeat-x;*/
}
/* For the main navigation bar for the site. */

#navbar {
margin-bottom: 0;
margin-left: 110px;
margin-right: 110px;
font-size: .65em;
text-align: center;
margin-top: 0;
padding-bottom: 8px;
padding-right: 8px;
font-weight: bold;
padding-top: 8px;
background-color: #265057;
color: #ffffff;
word-spacing: 8px;
border-bottom: 2px #ff4700 solid;
}

#navbar a:link, #navbar a:visited {
color: #ffffff;
word-spacing: none;
}

#navbar a.current {
color: #ff4700;
}

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

.personal {
	border-left:1px black solid;
	border-top:1px black solid;
	border-right:1px black solid;
	border-bottom:1px black solid;
}
/* For the pullquote or other text directly under the navigation bar. */

#headline {
font-size: .65em;
padding-top: 30px;
text-align: justify;
background-color: #e1ecee;
padding-left: 100px;
padding-right: 100px;
margin-left: 110px;
margin-right: 110px;
margin-bottom: 0;
line-height: 1.5em;}

/* For the byline on the pullquote. */

p.byline {
text-align: right;
margin-bottom: 0;
}

h1 {
margin-left: 5px;
font-size: 1.3em;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 0;
padding-right: 0;
color: #936b00;
border-bottom: 1px #4b6ca3 solid;
letter-spacing: 1px;
font-weight: bold;
}
.h1 {
margin-left: 10px;
font-size: 1.2em;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 0;
padding-right: 0;
color: #936b00;
border-bottom: 1px #4b6ca3 solid;
letter-spacing: 5px;
font-weight: normal;
}

/* Contains all the main body of text on the page, including the h2 elements. */

#main-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 110px;
margin-right: 110px;
font-size: .7em;
line-height: 1.8em;
background-color: #e1ecee;
}

#main-text p {
text-align: justify;
margin-left: 50px;
margin-right: 50px;
}

.right_side {
padding: 4px;
font-family: verdana, arial, helvetica, sans-serif;
margin-bottom: 4px;
color: #FFFFFF;
letter-spacing: 1px;
font-weight: bold;
line-height:10px;
font-size: 1.1em;
padding-top: 2px;
background-image:url(../imgs/background_topnav2.jpg);
background-repeat:repeat;
}
.right_side a:link,visited,hover {
padding: 4px;
font-family: verdana, arial, helvetica, sans-serif;
margin-bottom: 4px;
color: #FFFFFF;
letter-spacing: 1px;
line-height:10px;
font-weight: bold;
font-size: 1.1em;
padding-top: 2px;
background-image:url(../imgs/background_topnav2.jpg);
background-repeat:repeat;
}

.box {
color: #000000;
letter-spacing: 0;
font-weight: normal;
font-size: 1em;
background-image:url(../imgs/produkt_box1.gif);
background-repeat:no-repeat;
}
.box td{
padding: 12px;
}
.box:hover {
color: #000000;
letter-spacing: 0;
font-weight: normal;
font-size: 1em;
background-image:url(../imgs/produkt_box_hover1.gif);
background-repeat:no-repeat;
}

/***** Produkt ***/
.product_box {
color: #000000;
width:281px;
height:220px;
letter-spacing: 0;
font-weight: normal;
font-size: 1em;
background-image:url(../imgs/produkt_box.gif);
background-repeat:no-repeat;
}
.product_box td{
	
padding-left:4px;
margin-right:12px;
padding-top:0;
padding-bottom:2px;
}
.product_box:hover {
color: #000000;
width:281px;
height:220px;
letter-spacing: 0;
font-weight: normal;
font-size: 1em;
background-image:url(../imgs/produkt_box.gif);
background-repeat:no-repeat;
} 
.product_box1 {
color: #000000;
width:281px;
height:220px;
padding-left:4px;
padding-top:2px;
letter-spacing: 0;
font-weight: normal;
font-size: 1em;
background-image:url(../imgs/produkt_box2.gif);
background-repeat:no-repeat;
}
.product_box1 td{
padding: 12px;
}
.product_box1:hover {
color: #000000;
width:281px;
height:220px;
padding-left:4px;
padding-top:2px;
letter-spacing: 0;
font-weight: normal;
font-size: 1em;
background-image:url(../imgs/produkt_box2.gif);
background-repeat:no-repeat;
} 

h2 {
padding-right: 0;
margin-bottom: 4px;
color: #936b00;
letter-spacing: 1px;
font-weight: bold;
font-size: 1.2em;
padding-top: 10px;
}
h2 a:link {
padding-right: 0;
margin-bottom: 4px;
color: #936b00;
letter-spacing: 1px;
font-weight: bold;
font-size: 1.2em;
padding-top: 10px;
}

h3 {
padding-right: 0;
margin-bottom: 4px;
color: #936b00;
letter-spacing: 1px;
font-weight: bold;
font-size: 1.0em;
padding-top: 10px;
}
h3 a:link {
padding-right: 0;
margin-bottom: 4px;
color: #936b00;
letter-spacing: 1px;
font-weight: bold;
font-size: 1.0em;
padding-top: 10px;
}

p, ul, ol, table {
margin-top: 17px;
margin-bottom: 0;
}

ol, ul {
margin-left: 75px;
margin-right: 75px;
}

a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #0a3c83;
}

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

/* Styles for the footer at the bottom of the page */

#footer {
text-align: center;
margin-bottom: 0;
padding-top: 8px;
padding-bottom: 8px;
font-size: .65em;
margin-top: 20px;
padding-right: 50px;
background-color: #ff4c00;
color: #ffffff;
font-weight: bold;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
}

#footer a:link, #footer a:visited {
color: #ffffff;
text-decoration: none;
}

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

.produkter {
	background-image:url(../imgs/products_yellow.gif);
	background-repeat:repeat-x;
	padding-top:16px;
}
.produkter_red {
	background-image:url(../imgs/products_red.gif);
	background-repeat:repeat-x;
	padding-top:16px;
}
.produkter_grey {
	background-image:url(../imgs/products_grey.gif);
	background-repeat:repeat-x;
	padding-top:16px;
}
.produkter_bronze {
	background-image:url(../imgs/products_bronze.gif);
	background-repeat:repeat-x;
	padding-top:16px;
}
.produkter_blue {
	background-image:url(../imgs/products_blue.gif);
	background-repeat:repeat-x;
	padding-top:16px;
}
.produkter_yellow {
	background-image:url(../imgs/products_yellow.gif);
	background-repeat:repeat-x;
	padding-top:16px;
}
#nav-suba {
	margin-top:-1px;
}
.nav-sub td a:link, .nav-sub td a:visited{
	background-position:left;
	background-image: url(../imgs/bullet_link.gif);
	background-repeat: no-repeat;
	text-align:center;
	font-size:10px;
	padding-left:10px;
}
.nav-sub td a:hover{
	background-position:left;
	background-image:url(../imgs/bullet_on.gif);
	background-repeat: no-repeat;
	text-align:right;
	font-size:10px;
	padding-left:10px;
}