html, body, #doc4 {
  height:100%;
}
body, a, .ingress-text div.article-boxes a {
  color:#666666;
}
body, #hd, #doc4, #hd ul {
  background-position:0% 0%;
}
body, #hd, #doc4, #hd ul, #top-header {
  background-repeat:repeat-x;
}
body {
  background-image:url(/jfknudtzen/frontend/design/graphics/body-bg.gif);
}
h1, h2, h3, h4, h5, h6, strong, h1 a {
  font-weight:bold;
}
h1, h1 a {
  font-size:108%;
  color:#333333;
}
 h1 a {
  display:block;
}
#article-lists h1 {
  padding:5px 0px;
  margin-bottom:10px;
  border:0px none;
}
fieldset {
  border:0 none;
  padding:0;
  margin:0px 0px 10px 0px;
}
form strong {
  color:red;
  margin-left:5px;
}
.adwords {
  font-size:138.5%;
}
a, .read-term:hover .read-more a:hover, .ingress-text div a:hover, .ingress-text div.article-boxes a {
  text-decoration:none;
}
p.read-more {
  margin:20px 0px;
}
.read-more a, .ingress-text div a, a.read-term {
  text-decoration:underline;
}
.read-more a, .ingress-text div a {
  color:#b55a55;
}
table {
  width:100%;
}
th {
  font-weight:bold;
  background:url(/jfknudtzen/frontend/design/graphics/hd-bg.gif) repeat-x;
  border:1px solid #D9D5C7;
  border-left:0 none;
  height:20px;
  line-height:20px;
  padding:0px 10px;
}
td {
  padding:5px 10px;
}
.table_info {
  padding-top:15px;
  padding-bottom:5px;
}
#main-content .info , .info, .lists div{
  margin-bottom:20px;
}
.general_text {
  padding-bottom:40px;
}
#doc4 {
  width:974px;
  padding:0px 10px;
  background-image:url(/jfknudtzen/frontend/design/graphics/doc-bg.gif);
  background-repeat:no-repeat;
}
#hd {
  background-image:url(/jfknudtzen/frontend/design/graphics/hd-bg.gif);
}
#bd, #ft {
  padding:10px;
}
#top-header {
  height:84px;
  background-image:url(/jfknudtzen/frontend/design/graphics/header-bg.gif);
}
#logo {
  display:block;
  width:145px;
  height:49px;
  margin:20px 0px 0px 20px;
}
/* menus */
#external-login {
  background:url(/jfknudtzen/frontend/design/graphics/login-arrow.gif) 99% 90% no-repeat;
  border:0 none;
}
#hd, #article-menu {
 border-bottom:1px solid #dbdad6;
}
#article-menu {
 height:20px;
 font-size:77%;
}
#article-menu ul {
  float:right;
}
#hd li, #hd li a ,.tab-menu li , .tab-menu a {
  float:left;
}
#article-menu li {
  border-left:1px solid #d9d5c7;
}
#article-menu li a {
  border-left:1px solid #f5f4f0;
  padding:0px 20px;
  height:20px;
  line-height:20px;
}
#article-menu li a:hover, #article-menu li a.selected {
  margin:0px;
}
#main-menu , .tab-menu {
  font-weight:bold;
  font-size:85%;
}
#main-menu {
  float:left;
  position:relative;
  top:56px;
  margin-left:0.9%;
}
#article-menu li a:hover, #article-menu li a.selected, #main-menu a, #left-menu li a:hover, #left-menu li a.selected, .tab-menu a {
  background:#ffffff url(/jfknudtzen/frontend/design/graphics/gredient-bg.gif) 1px 1px repeat-x;
}
#treemenu li a:hover, #treemenu li a.selected{
  background:#ffffff url(/jfknudtzen/frontend/design/graphics/gredient-bg.gif) 1px 1px repeat-x;
}
#treemenu li ul li a:hover{
  background: none;
}

#main-menu li , .tab-menu li a {
  margin-right:8px;
}
#main-menu a , .tab-menu a {
  border:1px solid #dbdad6;
  padding:5px 8px;
  color:#333333;
  position:relative;
  bottom:10px;
}
.tab-menu a {
  top:1px;
}
#main-menu a:hover, #main-menu a.selected {
  padding-bottom:20px;
}
#main-menu a.selected, #main-menu a:hover, .tab-menu a.selected, .tab-menu a:hover {
  border-bottom:1px solid #ffffff;
}

#main-menu a.selected, #main-menu a:hover {
  border-bottom:0 none;
}
input.btn {
  border:0 none;
}
div.container, #collage img , .article_table {
  border:1px solid #dedcd4;
}
div.container {
  background:url(/jfknudtzen/frontend/design/graphics/gredient-bg.gif) 0% 0% repeat-x;
  margin-bottom:10px;
/*  cursor:pointer; */
}
div.container h1 {
  border:1px solid #ffffff;
  border-bottom:1px dotted #dedcd4;
  padding:5px 8px;
}
/* left navigator */
#search-form {
  margin-bottom:10px;
}
#search-form p {
  margin-left:8px;
  text-align:right;
}
#search-btn {
  position:relative;
  top:15px;
  margin-left:20px;
}
#left-menu li.news-link {

  border-bottom:1px dashed #dedcd4;
  margin-bottom:10px;
}
#left-menu li a {
  display:block;
  border-width:1px 0px;
  border-style:solid;
  border-color:#ffffff;
  padding:3px 8px;
  font-size:85%;
}
#left-menu li a span {
  padding:5px;
  background:url(/jfknudtzen/frontend/design/graphics/bullet.gif) 50% no-repeat;
  margin-right:8px;
}
#left-menu li a:hover span, #left-menu li a.selected span {
  background-image:url(/jfknudtzen/frontend/design/graphics/active-bullet.gif);
}
#left-menu li a:hover, #left-menu li a.selected {
  border-color:#dedcd4;
}
/*
#left-menu li{
 margin-left: 0;
 padding-left: 1.5em;
 text-indent: -1.5em;
}
*/
#treemenu li a {
  display:block;
  border-width:1px 0px;
  border-style:solid;
  border-color:#ffffff;
  padding:3px 8px;
  font-size:85%;
}
#treemenu li a span, #treemenu li.topen ul li.tclosed a span {
  padding:5px;
  background:url(/jfknudtzen/frontend/design/graphics/bullet.gif) 50% no-repeat;
  margin-right:8px;
}
#treemenu li.topen a span {
  background:url(/jfknudtzen/frontend/design/graphics/active-bullet.gif) 50% no-repeat;
}

#treemenu li a:hover span, #treemenu li a.selected span{
  background-image:url(/jfknudtzen/frontend/design/graphics/active-bullet.gif);
}

#treemenu li a:hover, #treemenu li a.selected {
  border-color:#dedcd4;
}
#treemenu li ul li a:hover{
 border-color:#ffffff;
 font-weight:bold;
}
#collage img {
  padding:2px;
}
/* front article */
.front-article {
  float:left;
  width:100%;
  margin-top:10px;
}
.front-section{
  float:left;
  width:100%;
  margin-bottom:10px;
}
.front-article div.container, .front-catalog-top div.container, .front-section div.container {
  width:31%;
  float:left;
  margin-left:3%;
  height:260px;
}
#main-content .campaign_prod div.container{
  height:auto;
}
#main-content .campaign_prod div.container h1{
 height:30px; 
 font-size:0.86em;
}
.front-article div.first, .front-catalog-top div.first, .front-section div.first {
  margin-left:0;
}
.front-article div.ingress-text, .front-section div.ingress-text {
  height:146px;
}
.front-article a.read-more, .front-catalog-top a.read-more, .front-section a.read-more {
  left:0px;
}
.front-article img.thumb, .front-catalog-top img.thumb, .front-section img.thumb {
  margin:0px 0px 10px 10px;
}
/* front catalog */
#front-catalog a.read-more {
  top:7px;
}
.front-catalog-top {
  float:left;
  width:100%;
}
.front-catalog-top div.ingress-text {
  height:190px;
}
.front-catalog-top a.read-more {
  top:0px;
}
img.thumb, img.medium {
  float:right;
  margin:0px 0px 20px 20px;
}
img.mini_thumb{
 height:20px;
}
/* main content */
#main-content form p {
  margin:5px 0px;
}
#main-content p.submit {
  width:64.5%;
  text-align:right;
}
#main-content label {
  width:15%;
  float:left;
}
#main-content fieldset.radio {
  margin-left:15%;
}
textarea#message {
  width:26em;
}
fieldset.radio p {
  width:40%;
  float:left;
}
#main-content label.radio {
  float:none;
  margin:0px 8px 0px 5px;
}
#product-details {
  display:table;
  padding:0px;
 width:100%;
}
#product-details div.text, #product-details div.image {

margin:0;
}

/*
#product-details div.image img{
  width:179px;
}
*/
div.text div {
  padding:8px;
  padding-bottom:15px;
}
#product-details div.text {
  width:58%;
  border-right:1px dotted #dedede;
}
#product-details div.show-ingress {
  border-bottom:1px dotted #dedede;
}
#product-details div.image {
  width:40%;
/*  text-align:center; */
  float:right;
/*  padding-top:15px;
  padding-right:10px;*/
/*  border:1px solid black;*/
}
.catalog-image {
  float:left;
  width:34%;
  margin:30px 20px 0px 10px;
}
.catalog-image img.medium{
 width:200px;
 float:left;
}
.catalog-text {
  padding:30px 20px 0px 10px;
}
.ingress-text {
 padding:8px 0px 8px 8px;
}
div.read-more, div.readmore-catalog {
  display:block;
  width:100%;
  position:relative;
  overflow:hidden;
  height:68px;
  bottom:0px;
  line-height:490px;
  z-index:99;
  background:url(/jfknudtzen/frontend/design/graphics/read-more.gif) 100% 100% no-repeat;
}
div.readmore-catalog {
  height:68px;
}

a.read-more {
  display:block;
  width:100%;
  position:relative;
 /* top:8px;*/
  background:url(/jfknudtzen/frontend/design/graphics/read-more.gif) 100% 100% no-repeat;
 /* line-height:145px;*/
  overflow:hidden;
  /*height:240px;*/
  height:68px;
  /*bottom:172px;*/
  bottom:0px;
  line-height:490px;
  z-index:99;
}
a.readmore-catalog {
  height:68px;
}
a.read-more:hover, a.readmore-catalog:hover, .container:hover a.read-more, div.readmore-catalog:hover, a.readmore-catalog:hover, .container:hover div.readmore-catalog {
 background-image:url(/jfknudtzen/frontend/design/graphics/read-more-hover.gif);
 cursor:pointer;
}
div.ingress-text div, div.lists li {
  margin-top:10px;
}
#ft address {
  display:block;
  color:#333333;
}
#ft {
  font-size:85%;
}
/* WYSWIG */
/* base.css, .ingress-text div  part of YUI's CSS Foundation */
.ingress-text div h1, .list div h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:110%;  
        border:0 none;
        padding:0;
}
.ingress-text div h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
.ingress-text div h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
.ingress-text div h1, .ingress-text div h2, .ingress-text div h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
.ingress-text div h1, .ingress-text div h2, .ingress-text div h3, .ingress-text div h4, .ingress-text div h5, .ingress-text div h6, .ingress-text div strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
.ingress-text div abbr, .ingress-text div acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
.ingress-text div em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
.ingress-text div blockquote, .ingress-text div ul, .ingress-text div ol, .ingress-text div dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
.ingress-text div ol, .ingress-text div ul, .ingress-text div dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
.ingress-text div ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
.ingress-text div ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
.ingress-text div dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
.ingress-text div th, .ingress-text div td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
        background:none;
}
.ingress-text div th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
.ingress-text div caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
.ingress-text div p, .ingress-text div fieldset, .ingress-text div table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* End of WYSWIG */
/* footer */
#shopinfo {
  padding:8px;
  width:72.4%;
  float:right;
}
/* catalog  */
.prod_table {
  height:60px;
}
.prod_section {
   height:100px;
}   
.prod_section2 {
   height:100px;
}   

.article_table table tbody tr td img.tpl3{
/* width:100px;*/
/* float:top;*/
 vertical-align:top;
}
.article_table table tbody tr:hover, .productlist tr:hover{
 cursor:pointer;
}
.table_info table tbody tr:hover{
 cursor:default;
}
.article_table div h3{
 padding:0 0 0.5em 0.2em;
}
.tbl_attributes tr, .tbl_attributes tr td{
 padding:0.1em;
}
.tbl_attributes{
 margin-left:0.4em;
 margin-right:0.5em;
 margin-bottom:0.4em;
}
.tbl_attributes tr td em{
 font-weight:bold;
}
.tbl_attributes tr td{
 vertical-align:top;
}
.tbl_attributes tr td a{
 text-decoration:underline;
}
.tbl_attributes tr td.first{
/* min-width:120px;*/
}
.article_table div h3 a:hover{
 text-decoration:underline;
}
.article_table div p{
 padding:0 0 0.5em 0.2em;
}
.table_info div.link{
 width:100%;
 display:block;
/* border:1px solid black;*/
 margin:0;
 padding:0;
}
.table_info div.link h3{
 float:right;
 display:inline;
}
.table_info div.link h3 a, .table_info div.link h3{
 padding-right:1em;
}
#breadcrumbs{
 width:970px;
 position:relative;
 top:-5px;
 left:0; 
}
#breadcrumbs a{
 text-decoration:underline;
}

.list{
 padding: 0.5em 1em 0.5em 1em;
}
.list div.last{
 width:20%;
}
.list div.first{
 width:76%;
}
#cat_article .yui-gc div.first{
 width:45%;
}
#cat_article .yui-gc div.last{
 width:50%;
 margin-right:1em;
}
#cat_article .yui-gc div.last img{
 padding-top:0.5em;
/* width:220px;*/
}

#cat_article div.text {
  width:100%;
  border-right:1px dotted #dedede;
}
#cat_article div.show-ingress {
  border-bottom:1px dotted #dedede;
}
.productlist{
 margin-top:10px;
}

.tpl1 td.left, .tpl1 th.left, .prodtable th.left, .prodtable td.left, .article_table th.left, .article_table td.left, .productlist th.left, .productlist td.left, .searchproductlist th.left, .searchproductlist td.left{
 text-align:left;
}

.tpl1 td.center, .tpl1 th.center, .prodtable th.center, .prodtable td.center, .article_table th.center, .article_table td.center, .productlist th.center, .productlist td.center, .searchproductlist td.center, .searchproductlist th.center{
 text-align:center;
}

.tpl1 td.right, .tpl1 th.right, .prodtable th.right, .prodtable td.right, .article_table th.right{
 text-align:center;
}
/*** Navigation ***/
#navigation {
 text-align:center;
 background:url(/jfknudtzen/frontend/design/graphics/gredient-bg.gif) 0% 50%;
}

#navigation .yui-u{
 width:70%;
}
#navigation div.first, #navigation div.last{
 width:10%;
}
#navigation img{
 padding-left:0.2em;
 padding-right:0.2em;
}
#navigation div.first{
 text-align:left;
}
#navigation div.last{
 float:right;
 text-align:right;
}

#rel_prods{
 margin-top:1.5em;
}

.prodtable tr:hover, .productlist tr:hover, .categorytable tr td:hover, .searchproductlist tr:hover, .tpl1 tr:hover{
 background-image:url(/jfknudtzen/frontend/design/graphics/gredient-bg.gif);
 background-position:top left;
 background-repeat: repeat-x;
}

.prodtable tbody tr td, .prodtable tbody tr, .searchproductlist tbody tr, .searchproductlist tbody tr td{
 vertical-align:top;
}
.categorytable tr td div.category_hits{
 display:inline;
 float:right;
}
.categorytable tr td em{
 font-weight:bold;
 margin-right:1.2em;
}
.clear { 
 clear:both; 
 width:100%; 
 font-size:1px; 
}
.tpl1 tbody tr td.last, .prodtable tbody tr td.last, .searchproductlist tbody tr td.last{
 width:50px;
}
.tpl1 tbody tr td.first, .prodtable tbody tr td.first, .searchproductlist tbody tr td.first{
 width:100px;
}
.stock{
 width:10mm;
 vertical-align:top;
}
.merkeguide{
 padding-top:10px;
}
.docuguide{
 padding-top:10px;
 padding-bottom:10px;
}
.merkeguide select{
 width:300px;
}
.docuguide input[type=text]{
 width:400px;
}
#main-content .docuguide label{
 padding-top:5px;
 width:25%;
}
.merkeguide p label, .docuguide p label{
 margin-left:10px;
}
#main-content .warning{
 margin:5px 0 10px 10px;
 padding:0 0 10px 0;
 font-weight:bold;
 font-style:italic;
}
.docuguide div{
 margin:5px 0 10px 10px;
 padding:0 0 10px 0;
 font-weight:bold;
 font-style:italic;
}
.campaign_price{
/* position:relative;
 bottom:0;
 left:0;*/
 margin-top:-21px;
 margin-left:5px;
 font-size:1.3em;
 font-weight:bold;
}
.campaign_price span{
 padding-left:3px;
}
/*
#main-content{
 display:block;
}
td.article_head{
 font-size:0.9em;
 font-weight:bold;
 background-image:url(/jfknudtzen/frontend/design/graphics/gredient-bg.gif);
 background-position:top left;
 background-repeat: repeat-x; border-bottom:1px solid #dedede;
}
*/
img.thumb{
 padding-right:5px;
}
#supplier_list .article #supplier_table .rowbreak, #supplier_table{
 page-break-inside:avoid;
}