* { 
padding: 0; 
margin: 0; 
spacing: 0;
}


body {
color: #313131;
	background: #bab8ad url('http://www.jernia.no/images/body_bg.gif') repeat-x scroll left top;
	font-family:'Trebuchet MS',Arial,Verdana,sans-serif;
padding: 0px;
margin: 0px;
behavior:	url("/css/csshover.htc");
}

a:link {
	color: #1e4495;
	text-decoration: none;
	}
a:visited {
	color: #1e4495;
	text-decoration: none;
	} 
a:hover {
	color: #ff831b;
	text-decoration: underline;
	}
a:active {
	color: #1e4495;
	text-decoration: none;
	}

.ikke a:link {
	color: #000000;
	text-decoration: none;
	}
.ikke a:visited {
	color: #000000;
	text-decoration: none;
	} 
.ikke a:hover {
	color: #000000;
	text-decoration: underline;
	}
.ikke a:active {
	color: #000000;
	text-decoration: none;
	}

p {
font-size: 0.8em;
}

td {
vertical-align: top;
}

div.main {
background-color: #ffffff;
background-image: url(topheadergrill.jpg);
background-repeat:no-repeat;
background-position: top left;
border: 1px solid #cccccc;
width: 730px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
}

img.logo {
margin: 5px;
}

table.logoer {
margin-left: 5px;
width: 890px;
}

td.logoer {
width: 197px;
}

table.main {
margin-left: 5px;
margin-right: 5px;
width: 890px;
}

td.meny {
width: 200px;
padding-left: 5px;
padding-right: 5px;
vertical-align: top;
}

td.main {
vertical-align: top;
padding-left: 5px;
padding-right: 5px;
width: 638px;

}

tr.gra {
background-color: #ccc;
}

table.jern {
font-size: 0.8em;
}

td.rightmeny {
width: 200px;
vertical-align: top;
}



fieldset.rightmeny {
border: 1px solid #cccccc;
padding: 5px;
width: 200px;
}

legend {
color: #1e4495;
padding: 5px;
font-size: 18px;
font-weight:bold;
font-family:Tahoma, Arial, Verdana, sans-serif;
}


img.logos {
width: 170px;
}

h1 { margin-top: 10px; margin-bottom: 10px;
color: #1e4495; }

h1.color { margin-top: 10px; margin-bottom: 10px;
color: #FF0000; }


h3,h2 { margin-top: 10px; margin-bottom: 10px;
font-family : Tahoma, Verdana, Arial, sans-serif;}

#navbar {
	margin: 0;
	padding: 0;
	height: 1em; }
#navbar li {
	list-style: none;
	float: left; }
#navbar li a {
	display: block;
	padding: 3px 8px;
	text-decoration: none;
	font-size: 12px;
	color: #5e0052;}
#navbar li ul {
	display: none;
	width: 10em; /* Width to help Opera out */
}
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li:hover li, #navbar li.hover li {
	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #d7d7d7;
	border-bottom: 0px solid #000; }
#navbar li li a:hover {
	background-color: #bcbaba; }
	
.menu ul {
margin-left: -5px;
margin-bottom: -2px;
}
.menu li {
font : 1.10em Tahoma, Verdana, Arial, sans-serif;
font-weight : normal;
line-height : 25px;
list-style: none;
margin-bottom: 0px;
text-align: left;
}
.menu li a {
font : 1.10em Tahoma, Verdana, Arial, sans-serif;
line-height : 25px;
color: #000;
text-decoration: none;
display: block;
width: 193px;
padding-left: 5px;
border-left: 12px solid #1e4495;
}
.menu li a:hover {
background-color: #1e4495;
color: #fff;
text-decoration: none;
border-left: 12px solid #ff831b;
}



li.jernvare a {
font : 1.10em Tahoma, Verdana, Arial, sans-serif;
line-height : 25px;
color: #000;
text-decoration: none;
display: block;
width: 193px;
padding-left: 5px;
border-left: 12px solid #7bb5de;
}

li.hus a {
font : 1.10em Tahoma, Verdana, Arial, sans-serif;
line-height : 25px;
color: #000;
text-decoration: none;
display: block;
width: 193px;
padding-left: 5px;
border-left: 12px solid #ded57b;
}

li.las a {
font : 1.10em Tahoma, Verdana, Arial, sans-serif;
line-height : 25px;
color: #000;
text-decoration: none;
display: block;
width: 193px;
padding-left: 5px;
border-left: 12px solid #b5de7b;
}

li.hjem a {
font : 1.10em Tahoma, Verdana, Arial, sans-serif;
line-height : 25px;
color: #000;
text-decoration: none;
display: block;
width: 193px;
padding-left: 5px;
border-left: 12px solid #dea47b;
}

li.maling a {
font : 1.10em Tahoma, Verdana, Arial, sans-serif;
line-height : 25px;
color: #000;
text-decoration: none;
display: block;
width: 193px;
padding-left: 5px;
border-left: 12px solid #f2cdd0;
}

div.tilbud h3 {
color: red;
margin:0px;
font-size: 1.6em;
}

div.tilbud {
width: 195px;
height: 125px;
margin:4px;
border: 1px solid #cccccc;
float:left;
padding: 5px;
font-family:Arial, Tahoma, Verdana, sans-serif;
}

div.gruppe {
width: 195px;
height: 75px;
margin:3px;
border: 2px solid #1e4495;
float:left;
padding: 5px;
font-family:Arial, Tahoma, Verdana, sans-serif;
}

td.tilbudtekst {
height: 40px;

}

table.tilbud {
width: 195px;
}

td.tilbudsbilde {
width: 75px;

}

td.tilbudspris {
width: 120px;
vertical-align: bottom;

}

div.tilbud a,div.gruppe a,fieldset a {
text-decoration: none;
color: #000;
}

div.tilbud a.hover,fieldset a {
text-decoration: none;
color: #000;
}

a.rod {
color: #770000;
}

img {
border: 0px;
}

div.tilbud h4 {
font-size: 15px;
font-weight:bold;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}


#mapbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#mapboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#mapboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#mapbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

#main_nav { list-style: none; margin: 0; padding: 0; }

/* ACCESSIBLE ROLL OVERS */
#main_nav li { float: left; }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 72px; } 

#hjem { background: url(images/navigation/hjem.gif); width: 154px; }
#hjem:hover { background: url(images/navigation/hjem.gif) -154px 0; }
#hjem.active { background: url(images/navigation/hjem.gif) -154px 0; }

#butikker { background: url(images/navigation/butikker.gif); width: 154px; }
#butikker:hover { background: url(images/navigation/butikker.gif) -154px 0; }
#butikker.active { background: url(images/navigation/butikker.gif) -154px 0; } 

#sortiment { background: url(images/navigation/sortiment.gif); width: 154px; }
#sortiment:hover { background: url(images/navigation/sortiment.gif) -154px 0; }
#sortiment.active { background: url(images/navigation/sortiment.gif) -154px 0; } 

#gavekort { background: url(images/navigation/gavekort.gif); width: 154px; }
#gavekort:hover { background: url(images/navigation/gavekort.gif) -154px 0; }
#gavekort.active { background: url(images/navigation/gavekort.gif) -154px 0; } 

#bryllup { background: url(images/navigation/bryllup.gif); width: 270px; }
#bryllup:hover { background: url(images/navigation/bryllup.gif) -270px 0; }
#bryllup.active { background: url(images/navigation/bryllup.gif) -270px 0; } 
		


