/* N7.css $Revision: 1.8 $*/

body, html {

	height: 100%;

}



div {

	width: 773px; 

	border-color: #666666; 

	border-style: solid;  

	background-color: #333333; 

	margin-left: auto; 

	margin-right: auto;

	text-align: left;

	padding: 0px;

}



/* MAIN LAYOUT LAYERS */

#plottop {

	background-color: inherit;

	height: 81px; 

	border-width: 1px 1px 0px 1px; 

	margin-bottom: auto;

	text-align: left;

}



#menubanner {

	position: relative;

	top: 0px;

	left: 0px;

	height: 14px; 

	font-size: 12px;

	border-width: 0px 1px 0px 1px; 

	text-transform: uppercase; 

	letter-spacing: 0.085em;

	text-align: center;

	background-color: transparent;

	z-index: 5;

}



#menubanner a, #menubanner a:visited, #menubanner a:active,#submenu a, #submenu a:visited, #submenu a:active {

	text-decoration: none;

	background-color: transparent;

	color: #FFFFFF;

}



#plotcenter {

	background-color: inherit;

	height: 226px; 

	border-width: 0px 1px 0px 1px; 

}



#plotempty {

	background-color: inherit;

	height: 30px; 

	border-width: 0px 1px 0px 1px; 

	font-size: 1px;

	color: #333333;

}



#plotbottom {

	background-color: inherit;

	height: 73px; 

	width: 697px; 

	border-width: 0px 1px 1px 1px; 

	padding: 0px 38px 0px 38px; 

	margin-top: auto;

}



/* MAIN LAYOUT LAYERS END */



/* CONTENT AREA LAYERS */

#centerfill {

	border-width: 0px;

	padding: 6px 0px 0px 0px;

	width: 773px;

	height: 220px;

}



#centerfrontpage {

	border-width: 0px;

	padding: 6px;

	width: 771px;

	height: 220px;

  background-image: url(/img/primaforsidebg.jpg);

  background-repeat: no-repeat;

}



#submenuchosen {

	color: #FF6600;

}



#submenu {

	border-width: 1px 0px 0px 0px; 

	padding: 0px 5px 1px 5px;

	width: 763px;

	height: 12px;

}



#centersubmenufill {

	border-width: 0px;

	padding: 0px;

	width: 773px;

	height: 212px;

}



#centersubmenuscroll {

	border-width: 0px;

	padding: 6px;

	height: 200px;

	width: 761px;

	overflow: auto;

}



#centersubmenuscrolltoedge {

	border-width: 0px;

	padding: 0px;

	height: 212px;

	width: 773px;

	overflow: auto;

}



#leftcenterspan {

	float: left;

	width: 318px;

	padding: 3px 0px 0px 0px;

	border-width: 0px;

}



#rightarea , #rightareascroll {

	background-color: #333333;

	height: 214px;

	width: 363px;

	padding: 6px 46px 6px 46px;

	border-width: 0px;

	overflow: auto;

}



#rightareasubmenuscroll {

	background-color: #333333;

	height: 200px;

	width: 363px;

	padding: 6px 46px 6px 46px;

	border-width: 0px;

	overflow: auto;

}



#centerscroll {

	border-width: 0px;

	padding: 5px;

	height: 216px;

	width: 763px;

	overflow: auto;

}



#fullwidthtable {

  width: 100%;

}





/* CONTENT AREA LAYERS END */



h2 {

  font-size: 12px;

}





h3 {

  text-align: left;

  font-size: 10px;

  font-weight: normal;

}



p { 

  margin-top: 5px;

}



p.subject {

  margin: 5px 0px 3px 0px;

  font-size: 12px;

}



p.namedcitation {

  font-size: 12px;

  color: #FF6600;

}



p.owncitation {

  font-style: italic;

  font-size: 10px;

}



p.citation {

  color: #FF6600;

}



li.question, li.question a, li.question a:active, li.question a:visited, li.question a:hover {

  color: #FF6600;

  text-decoration: none;

  /*padding: 0px;*/

  margin-bottom: 0.2ex;

  margin-top: 0.2ex;

  list-style-type: lower-alpha;

}



li.question a:hover {

  color: #FFFFFF;

}



p.question {

  color: #FF6600;

  text-decoration: none;

  margin-bottom: 0.2ex;

  margin-top: 0.1ex;

  display: list-item;

  list-style-type: lower-alpha;

}



p.answer {

  

}



td.imagethumb {

  padding: 2px 0px 14px 1px;

}



td.imagefield {

  padding: 2px 0px 1px 1px;

}



td.textfield {

  padding: 5px;

  vertical-align: top;

}



td.describefield {

  padding: 5px;

  vertical-align: bottom;

}





#answers {

  width: 600px;

  border-style: none;

  border-width: 0px;

}



span.superscript {

  vertical-align: super;

  font-size: 8px;

}



.spacer {

  color: #666666;

}



img {

  border-style: none;

  border-width: 0px;

}



body, table, tr, td, div { 

	color: #FFFFFF; 

	background-color: #333333; 

	margin: 0px; 

	padding: 0px; 

	font-family: Verdana,Arial,Helvetica,sans-serif; 

	font-size: 10px;

}



ul.sitemaptop li.sitemaptoplevel {

  list-style-image: URL(/img/square.gif);

} 



ul.sitemaptop li.sitemaptoplevel a, ul.sitemaptop li.sitemaptoplevel a:link, ul.sitemaptop li.sitemaptoplevel a:active, ul.sitemaptop li.sitemaptoplevel a:visited, ul.sitemaptop li.sitemaptoplevel a:hover {

  color: #999999;

  text-decoration: none;

}



ul.sitemaptop li.sitemaptoplevel ul.sitemapsub li.sitemapsublevel {

  list-style-image: none;

  list-style-type: none;

} 







#contactform tr td {

	vertical-align: top;

	padding: 1px;

}



#contactform tr td input.text {

	background-color: #CCCCCC;

	width: 100%;

	border-style: none;

  font-size: 10px;

}



#contactform tr td textarea {

	background-color: #CCCCCC;

	width: 100%;

	height: 70px;

	border-style: none;

  font-size: 10px;

}



#contactform tr td input.check {

	border-style: none;

}



#contactform tr td input.button {

	background-color: #CCCCCC;

	border-style: outset;

  width: 40px;

  font-size: 10px;

}



h1 {

	background-color: inherit;

	font-size: 16px;

	text-align: center;

	color: inherit;

}



a, a:visited, a:active {

	text-decoration: underline;

	color: #FFFFFF;

}



#submenu a.submenuchosen {

  color: #FF6600;

}



#kont, #sitemap, #links , #print {

	background-image: URL(/img/666666.gif);

	position: relative;

  top: -10px;

  color: #333333;

	left: 705px;

  width: 60px;

	border-width: 0px;

	padding: 0px 4px 0px 4px;

	margin: 0px 0px 1px 0px;

	z-index: 1;

  display: block;

	/*visibility: hidden;*/

}



a.global, a.global:active, a.global:visited {

  text-decoration: none;

  color: #333333;

}



a.globalchosen, a.globalchosen:active, a.globalchosen:visited, a.globalchosen:hover, a.global:hover {

  text-decoration: none;

  color: #FF6600;

}



a.navigator, a.navigator:active, a.navigator:visited {

  text-decoration: none;

}



a.navigatorchosen, a.navigatorchosen:active, a.navigatorchosen:visited, a.navigatorchosen:hover, a.navigator:hover {

  text-decoration: none;

  color: #FF6600;

}



/* DHTML LAYERS */

#movable1 {

	background-color: inherit;

	position: relative;

	top: 65px;

  height: 14px;

  border-width: 0px;

	padding: 0px;

	margin: 0px;

	z-index: 1;

	visibility: hidden;

}



#movable2 {

	background-color: inherit;

	position: relative;

	top: 65px;

  height: 14px;

	background-color: transparent;

	border-width: 0px;

	margin: 0px;

	padding: 0px;

	z-index: 1;

	visibility: hidden;

}



#hiderleft {

	position: relative;

	top: 65px;

	left: -281px;

	width: 94px;

	height: 20px;

	margin-left: 0px;

	border-width: 0px;

	background-color: #333333;

	z-index: 4;

}



#hiderright {

	position: relative;

	top: 65px;

	left: 494px;

	width: 90px;

	height: 20px;

	margin-left: 0px;

	border-width: 0px;

	background-color: #333333;

	z-index: 4;

}



/* DHTML LAYERS END */

	

#overlay {

	background-color: inherit;

	position: relative; 

	top: -218px; 

	height: 0px; 

	width: 773px; 

	border-width: 0px; 

	background-color: transparent; 

	padding: 0px; 

	text-align: right; 

	z-index: 2;

}



#hattellogo {

	float: left;

	border-width: 0px;

}



#binovalogo {

	float: right;

	border-width: 0px;

}



.squarecell {

	width: 2%;

	text-align: center;

	background-image: url(/img/square.gif);

	background-position: center center;

	background-repeat: no-repeat;

}



.rightimage {

	float: right;

}



.leftimage {

	float: left;

}



#hatcell {

	width: 17%;

	text-align: center;

	color: #999999;

}



#ordcell {

	width: 14%;

	text-align: center;

	color: #999999;

}



#charcell {

	width: 20%;

	text-align: center;

	color: #999999;

}



#tcell {

	width: 14%;

	text-align: center;

	color: #999999;

}



#kokcell {

	width: 8%;

	text-align: center;

	color: #999999;

}



#badcell {

	width: 5%;

	text-align: center;

	color: #999999;

}



#indcell {

	width: 10%;

	text-align: center;

	color: #999999;

}



#address {

	width: 100%;

}



address {

	font-style: normal;

}



table.layout, table.layout tr, table.layout tr td {

  margin: 0px;

  border: 0px;

  padding: 0px;

}



td.linkurl, td.linkurl a, td.linkurl a:active, td.linkurl a:visited, td.linkurl a:hover {

  text-decoration: none;

  color: #FF6600;

  width: 50%px;

  text-align: right;

  vertical-align: top;

}



td. linkspacer {

  width: 0%;

}

 

td.linkdescription {

  width: 50%;

  vertical-align: top;

}



tr.linkheader td.linkdescription{

  padding-top: 10px;

}



/* FRONTPAGE OBJECTS */

#teaser_danmarks, #teaser_bedste, #teaser_koekken {

  position: relative;

  top: 0px;

  left: 10px;

  font-size: 36px;

  font-weight: bold;

  color: #FF6600;

  visibility: hidden;

  font-family: Arial;

}



#teaser_eritaliensk {

  position: relative;

  top: 110px;

  left: 154px;

  font-size: 40px;

  font-weight: bold;

  color: #FF6600;

  visibility: hidden;

  font-family: Arial;

}



#slogan_design, #slogan_kvalitet, #slogan_sortiment, #slogan_tilpasning, #slogan_levering {

  position: relative;

  top: -90px;

  left: 70px;

  width: 421px;

  font-size: 14px;

  font-weight: bold;

  color: #FF6600;

  visibility: hidden;

  font-family: Arial;

  background-color: #CCCCCC;

  margin-top: 2px;

  padding: 2px;

  border-width: 0px;

  border-style: none;

  

}



#frontpageintro {

  width: 622px;

  height: 188px;

  background-color: transparent;

}



#frontpagetable, #frontpagetr {

  background-color: transparent;

  border-width: 6px;

}



#frontpagenews {

  visibility: visible;

  border-style: none;

  border-width: 6px;

  width: 138px;

  height: 188px;

  padding: 6px;

  margin: 6px 6px 6px 6px;

  color: #FF6600;

  background-color: transparent;

}





