* 
{
	outline:0;
}

html 
{
	background-color: #fff;
	font-size: 62.5%;
	overflow-x: auto;
	overflow-y: scroll;
}

body 
{
	text-align: left;
	margin: 0;
	padding: 0;
}

/*CONTENT (start) ---------*/

body 
{
	/*Content editor body*/
	/*background-color: #fff;*/
}

body, select, input, textarea, table 
{
	font-family: arial, verdana, sans-serif;
	color: #000;
	font-size: 1.2em;
	line-height: 1.5;
}

table 
{
	font-size: inherit;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6 
{
	color: #000;
	padding: 0em;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.4;
}

h6 
{
	font-size: 0.4em;
	margin: 1em 0em 0em 0em;
}

h5 
{
	font-size: 0.6em;
	margin: 1em 0em 0em 0em;
}

h4 
{
	font-size: 0.8em;
	margin: 1.5em 0em 0em 0em;
}

h3 
{
	font-size: 1.2em;
	margin: 1em 0em 0em 0em;
}

h2 
{
	font-size: 1.5em;
	margin: 2em 0em 0em 0em;
}

h1,
.modGallery h2,
.modGuestbook h2,
.modCatalog h2,
.modNewsList h2 
{
	text-transform: none;
	letter-spacing: 0em;
	font-size: 2.2em;
	margin: 0em 0em 0em 0em;
}

p 
{
	margin: 1em 0em 0em 0em;
}

a, 
a:link,
a:visited, 
a:active 
{
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

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

a img 
{
	border: 0;
}

hr 
{
	height: 1px;
	margin: 0.5em 0 1em 0;
	color: #999999;
	background-color: gray;
}

ul,
ol 
{
	margin: 1.2em 0em 1.2em 2em;
	padding: 0;
}

ul li,
ol li 
{
	margin: 0.3em 0em 0em 0em;
	list-style-position: outside;
	line-height: 1em;
	padding: 0 0 0.5em 0;
}

ul 
{
	
}

ol 
{
	list-style: decimal;
}

strong 
{
	font-weight: bold;
}

em 
{
	font-style: italic;
}

blockquote 
{
	margin: 0em 3em;
}

/*CONTENT (end) -----------*/

/*FOOTER ------------------*/

#footer
{
	font-size: 0.8em;
	text-align: center;
	margin: 0.2em 0 0 0;
	clear: both;
	color: #000;
	border-top: 10px solid #305990;
}

#pFooterText
{
	
}

#footer a,
#footer a:link,
#footer a:hover,
#footer a:visited,
#footer a:active 
{
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

/*LAYOUT ------------------*/

#wrapper
{
	text-align: left;
	width: 80em;
	padding: 0em;
	margin: 3em auto;
}

#header
{
	text-align: right;
	border-bottom: 10px solid #305990;
	background-color: #000;
	background-image: url(http://www.testwebben.se/2208/Images/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 0 1em 0;
	height: 100px;
position:relative;
}

#logo
{
position:absolute;
top:5px;
right:20px;
}

#main
{
	margin: 0 0 0 0;
	padding: 0em;
	min-height: 20em;
	height: auto !important;
	height: 20em;
	background-color: #fff;
}


#main-content
{
	float: right;
	width: 62em;
	padding: 1em;
	margin: 0;
	text-align: left;
}

#newsbox
{
	float: right;
	width: 20em;
	min-height: 20em;
	height: auto !important;
	height: 20em;
    	position: relative;
    	display: block;
    	border: 1px #000 solid;
    	padding: 0 0.5em 0.5em 0.5em;
    	margin: 1.5em 1.5em;
	font-size: 11px;
}

.clear 
{
	clear: both;
	line-height: 0.01;
	border-style: none;
}

/* NAV ---------------------- */

#nav
{
	float: left;
	width: 15em;
	margin: 1em 0 0 0;
}

#nav ul 
{	
	margin: 0;
	padding: 0;
}

#nav ul li 
{
	background-color: #000;
	width: 100%;
	list-style-type: none;
	margin: 0.4em 0;
	padding: 0;
}


#nav ul li.current a 
{
	background-color: #305990;
}

/*Current state för nivå1*/
#nav ul li.current li a 
{
	background-color: #fff;
}

#nav ul li.current 
{
	background-color: #fff;

}

#nav ul li a 
{
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 3px 0.5em;
	color: #fff;
	text-decoration: none;
        display: block;
}
		
#nav ul li a:hover 
{
	background-color: #305990;
	
}

/*Nivå2*/
#nav ul ul 
{
	margin: 0 0 0 1em;
}
	
#nav ul ul li 
{
	padding:0;

        margin: 5px 0 0 0;
}

#nav ul ul li a
{
	font-weight: normal;
        display: block;
	color: #000;
	border-left: #305990 solid 2px;
	font-size: 0.9em;
}

#nav ul ul li li a
{
	border-left: 0px;
}

#nav ul ul li a:hover 
{
	color: #305990;
	background-color: #fff;
}

/*Current state för nivå2*/
#nav ul li ul li.current a 
{

}

#nav ul li ul,
#nav ul li ul li ul,
#nav ul li.current ul li ul
{
    	display:none;
    	font-weight: normal;
}

#nav ul li.current ul,
#nav ul li.current ul li.current ul
{
	display: block;
}


/*NYHETSMODUL------------------*/

.modNewsList
{
	margin: 0px;
}

.NewList
{

	width: 600px;
}


.modNewsList h3
{
	background-color: #305990;
	border: 1px #000 solid;
	color: #fff;
	font-weight: bold;
	padding: 0 0.3em;
	margin: 0 0 0.1em 0;
	position: relative;
	top: -1em;
	width: 5em;
}

.modNewsList ul 
{
	margin: 0;
	padding: 0;
}

.NewsList li
{
	list-style-type: none;
	margin: 0;
	padding: 1em 0em;
    	margin-right: 10px;
    	width: 150px;
}

.NewList li
{
    	list-style-type: none;
    	margin: 0;
    	padding: 1em;
    	border-bottom: #ccc 1px solid;
}

.image
{
    	margin: 0 1em 1em 0;
}

.aNewsLink 
{
    	font-weight:bold;
}

.modNewsList ul.NewsList li, 
.date
{
    	font-weight:bold;
}

.modNewsList a, 
.modNewsList a:hover
{
    	font-weight: normal;
	line-height: 1.2;
}

/*IE PNG Fix------------------*/

img, div 
{ 
	 
}


/* <---------------------------------------------[Produktkatalog]------*/
div.modCatalog {
width:810px;
margin:20px auto;
}

/*Kategorier*/

div.CategoryAsImage {
width:230px;
height:240px;
display:table;
border-collapse:collapse;
float:left;
margin:0 15px 15px 0;

text-align:center;
border:1px solid #ccc;
}
div.CategoryAsImage:hover {
background:#fff;
border:1px solid #aaa;
}
div.CategoryAsImage a {

}
div.CategoryAsImage img {
margin-top:20px;
border:1px solid #ccc;
}

/*Produkter*/
div.ProductAsImage {
width:230px;
height:240px;
display:table;
border-collapse:collapse;
float:left;
margin:0 15px 15px 0;
text-align:center;
border:1px solid #ccc;
}

div.ProductAsImage:hover {
background:#fff;
border:1px solid #aaa;
}
div.ProductAsImage a {

margin-bottom:5px;
}
div.ProductAsImage img {
margin-top:15px;
}

a.modCatalog_cat_imglink {

}
div.navigator {

}

div.divAdditionalImage {
float:left;
margin:10px;
}
div.divAdditionalImage:hover {cursor:pointer;}

#imgProduct {

}