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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

body
{
	background: #33afe3;
	font: normal 12px/1.5em Tahoma;
}

a {text-decoration: none; color: #1d1d1d;}
a:hover {color: #000;}
p {margin: 1em 0;}
p.intro {font-weight: bold;}
h1, h2, h3, h4 {font-family: georgia,serif; line-height: 1em; margin: 0 0 5px 0;}
h1 {font-size: 30px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}

h1 a, h2 a, h3 a {color: #1d1d1d;}
h1 a:hover, h2 a:hover, h3 a:hover {background: #33afe3; color: #fff;}

#wrapper
{
	width: 995px;
	margin: 50px auto;
}

#contentHolder {float: left; width: 840px; padding: 10px 10px 40px 10px; background: #fff; position: relative;}

#footer 
{
	float: left;
	width: 840px;
	height: 120px;
	background: #fff;
	margin: 10px 0 40px 0;
	padding: 10px 10px 30px 10px;
	position: relative;
}

#footer #footer-header
{
	position: absolute;
	height: 58px;
	background: url("../images/footerBg.png") no-repeat center top;
	top: -25px;
	left: 10px;
	width: 840px;
}

#footer #first, #footer #second, #footer #third
{
	float: left;
	width: 220px;
	margin: 10px;
}

#footer #first {margin-left: 60px;} 
#footer #third {margin-right: 60px;}  

#footer h4 {font-size: 20px;}
#footer a {color: #1A7CA6; font-size: 16px; font-family: Georgia, serif;} 
#footer a:hover {background: #33afe3; color: #fff;}
#footer p {line-height: 1.2em; font-size: 11px;}
#footer span.black {background: #000; color: #fff; padding: 0 3px;}

#globalLinks
{
	float: left;
	height: 26px;
	width: 500px;
	padding: 0 10px;
	background: url("../images/globalLinksBg.gif") repeat-x 0 0;
}
#globalLinks li{float: left;}
#globalLinks li a
{
	float: left;
	color: #fff;
	padding: 2px 10px;
	font-size: 11px;
	height: 22px;
}

#globalLinks li a:hover {text-decoration: underline;}


#globalLinksRight
{
	float: left;
	height: 26px;
	width: 320px;
	padding: 0;
	background: url("../images/globalLinksBg.gif") repeat-x 0 0;
}


#globalLinksRight li{float: left;}
#globalLinksRight li a
{
	float: right;
	color: #fff;
	padding: 2px 10px;
	font-size: 11px;
	height: 22px;
}

#globalLinksRight li a:hover {text-decoration: underline;}

#supplierLink
{
    background: url("../images/icoCatalogue.png") no-repeat 0 3px; 
    padding: 0 15px 0 18px ;
    }
    
#newsletterlink 
{
    background: url("../images/icoNewsletter.png") no-repeat 0 4px; 
    padding: 0 0 0 26px;
    }
    
.supplier-table th 
 {
     
line-height:16px;
padding:3px 5px !important;
background-color: #000;
color:#ffF;
}

.supplier-table td
{line-height:16px;
padding:3px 0 !important;}
    
.supplier-th-left{width:200px;}
.supplier-th-middle{width:300px;}
.supplier-th-right{width:150px;}
    
.supplier-td-left{vertical-align:top;}
.supplier-td-left p {margin-top:4px; font-weight:bold;}
.supplier-td-middle{ vertical-align:top; }
.supplier-td-right{vertical-align:top;}
    
    
    
    .button  {
background-color:#FFFFFF;
background-repeat:repeat-x;
border-color:#CCCCCC #999999 #999999 #CCCCCC;
border-right:1px solid #000;
border-style:solid;
border-width:1px;
color:#333333;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:1em;
font-weight:bold;
padding:0.25em;
    }
    
    ul.marquee {
	/* required styles */
	display: block;
	margin: 10px 0 5px 0;
	padding:4px 4px 4px 50px;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;

	/* optional styles for appearance */
	width: 422px;
	height: 22px; /* height should be included to reserve visual space for the marquee */

	background: #E6EDF5; 
	border: 1px solid #D4E0EE;
	
}

ul.marquee li {
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */
    color: #4F76A3;
	/* optional styles for appearance */
	font: 14px Arial, Helvetica, sans-serif;
	padding:4px 4px 4px 120px;
	}

ul.marquee li a {
	font-weight:bold;
	color: #4F76A3;
}
ul.marquee li a.description {
	font-weight:normal;
	font-style: italic;
	color: #4F76A3;
}

    
#header 
{
	float: left;
	width: 840px;
	height: 141px;
	margin: 0;
	background: url("../images/headerBg.gif") repeat-x 0 0;
	position: relative;
}

#header a#logo 
{
	position: absolute;
	left: 20px;
	top: 36px;	
}

#header #latestIssue 
{
	position: absolute;
	top: 20px;
	left: 290px;
	width: 210px;
	
}

#header #latestIssue img {float: left; margin: 0 15px 0 0;}
#header #latestIssue p {color:#fff; padding-top:32px;}
#header .latestIssueStar {position: absolute; top: -10px; left: 330px;}

#header #searchArea
{
	height:40px;
	left:510px;
	position:absolute;
	top:55px;
	width:310px;
	background: url("../images/searchInputBg.png") no-repeat left center;
}

#header #searchArea #ctl00_Header1_searchInput 
{
	border: none;
	position: absolute;
	padding: 4px;
	width: 190px;
	top: 8px;
	left: 40px;
	color: #999;
}

#header #searchArea #searchBtn
{
	position: absolute;
	top: 0px;
	left: 255px;
	background: url("../images/btnSearch.png") no-repeat 0 0;
	width: 72px;
	height: 41px;
	border: none;
}

#header #searchArea #searchBtn span {display: none;}


#menu
{
	float: left;
	width: 840px;
	margin: 0 0 2px 0;
	height: 42px;
	background: url("../images/menuBg.gif") repeat-x 0 0;
}

#menu li {float: left;}

#menu li a 
{
	float: left;
	height: 20px;
	padding: 11px 10px;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	background: url("../images/menuDivider.gif") no-repeat right center;
}

#menu li a:hover {background: url("../images/menuHoverBg.gif") repeat-x 0 0;}

#menu li.selected {background: url("../images/menuHoverBg.gif") repeat-x 0 0;}

#mainAd 
{
	float: left;
	width: 840px;
	margin: 0;
	overflow:hidden;
}

#col1
{
	clear:left;
	float:left;
	margin-right:10px;
	overflow:hidden;
	width:430px;
}

#col1col2
{
	clear:left;
	float:left;
	margin:10px 10px 0 0;
	overflow:hidden;
	width:640px;
}


#col2
{
	float:left;
	
	margin-right:10px;
	overflow:hidden;
	width:200px;
	margin-top: 10px;
}

#col3
{
	float:right;
	overflow:hidden;
	width:190px;
	height: 520px;
	background: #fff url("../images/labelAd.gif") no-repeat left 5px;
	position: relative;
	padding: 20px 0 0 0;
}

#verticalAdCol
{
	float: left;
	width: 400px;
	padding: 0 0 20px 0;
	border-bottom: solid 1px #c1c1c1;
}

#verticalAdCol .article
{
	float: left;
	width: 473px;
	padding: 10px 0;
	
}

#adColumn
{
	position: absolute;
	right: -150px;
	top: 220px;
	width: 140px;
	background: #fff url("../images/labelAd.gif") no-repeat left 5px;
	padding: 20px 10px 10px 0;
}

#adInArticle
{
	float: left;
	width: 466px;
	background: #fff url("../images/labelAd.gif") no-repeat left top;
	padding: 15px 0 5px 0;
}

/* Artikellistning */

.ad {float: left; clear: both; margin: 0 0 5px 0;}

.article 
{
	float: left;
	width: 430px;
	padding: 10px 0;
	border-bottom: solid 1px #c1c1c1;
}

.article .date
{
	color: #1a7ca6;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
}

.article img.large {width: 400px;}
.article img.left {float: left; width: 140px; margin: 0 15px 10px 0;}
.article img.right {float: right; width: 140px; margin: 0 15px 10px 0;}

.rightArticles img.large {width: 400px;}
.rightArticles img.left {float: left; width: 140px; margin: 0 15px 10px 0;}
.rightArticles img.right {float: right; width: 140px; margin: 0 15px 10px 0;}

.bajs{ float:left; }

#rightArticles{ width: 400px;}
#rightArticles .article {width: 400px;}

/* Listor i column2 */

#col2 ul
{
	float: left;
	width: 198px;
	background: #f2f2f2;
	border: solid 1px #cfcdcd;
	border-top: none;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

#col2 ul li
{
	float: left; 
	width: 178px;
	margin: 0 10px;
	border-bottom: solid 1px #ddd;
	padding: 5px 0;
}
 
#col2 ul li.first 
{
	background: url("../images/listHeader.gif") repeat-x 0 0;
	height: 18px;
	width: 176px;
	margin: 0;
	padding: 12px;
	color: #fff;
	font-size: 16px;
	font-family: Georgia, serif;
	
}

#col2 ul li a
{
	color: #282626;	
	float: left;
	width: 100%;
}

#col2 ul li a:hover {background: #33afe3; color: #fff;}


.person 
{
float:left;
height:260px;
padding:0 20px 0 0;
overflow:hidden;
width:120px;
}
.person p
{
margin: 3px 0;	
	}
	
	.imagebutton
	{
		left:255px;
position:absolute;
		}