body { font-family:'verdana' san-serif; font-size: 8pt !important; }
p { line-height:100%; margin-top:0; margin-bottom:0;  font-family: 'verdana' , san-serif; font-size: 8pt !important ; }
td  {  font-family: 'verdana' , san-serif; font-size: 8pt !important ; }
a { font-family:'verdana' san-serif; font-size: 8pt !important ;text-decoration: none; }


select.btn, input.btn  {
	   
	   font-family:'verdana' san-serif; font-size:8pt ; 
       background-color: #DEFBFF; 
       border:1px solid; 
       border-color:#D9D9D9;
}

#ueberschrift 
 {
	
       background-color:  #778789; 

}

#ueberschrift  p a
 {
	
       background-color:  #778789; 
       color:  #FFFFFF; 
       line-height:120%;
}




#content{margin: 20px;}
#content h1 { font-size: 12pt !important; font-weight: normal; margin: 0 0 20px 0; color: #778789; }
#content h2 { font-size: 10pt !important; color: #666; }
#content h3 {
	margin: 0 0 1em 0;
	padding: 0;
	font-weight: normal;
	font-size: 16pt !important;
}

#content p { line-height: 160%; }

#content p.copy img { border: 0; padding: 1px; margin: 0 10px 5px 0; float: left; border: 1px solid  #778789; }

#content #left { float: left; width: 490px; padding: 20px; margin-top: 10px; }

#content #right { float: right; width: 215px; margin: 20px 0 0 0; padding: 0; }

#content #right div.box { color: #000; padding: 10px 0 0 0; margin: 0 20px 0 0; background: #fff url(/images/right_bg.gif) top left no-repeat; }
#content #right div.boxend { margin:: 0 20px 0 0; padding: 0; background: #fff url(/images/right_bg_end.gif) bottom left no-repeat; }

#content #full { padding: 20px; margin-top: 10px; }

/* News */
#content #news h2 { font-size: 12pt !important; font-weight: normal; margin: 0 0 20px 0; color: #fff; margin: 0 0 10px 0; border-bottom: 1px solid #fff; padding: 0 10px 10px 10px; }
#content #news h3 { font-size: 8pt !important; margin: 0; padding: 0 10px 10px 10px; line-height: 160%; }

#content #news p { margin: 0 0 10px 0; padding: 0 10px 10px 10px; }
#content #news p a { margin-left: 5px; font-weight: bold; }

p.teaser { font-weight: bold; }
.print{
 font-family:'verdana' san-serif; font-size: 8pt !important ;text-decoration: none; 
 color: #000000;
} 

/*Shop*/

div#pagenav { text-align: right; margin: 20px 0; }

div#pagenav a {
	text-decoration: none;
	font-weight: bold;
    color: #333;
    border: 1px solid #fff;
    background-color: #e4e7e7;
    padding: 3px 6px;
	margin-left: 1px;
}

div#pagenav span.disabled { border: 1px solid #fff; padding: 3px 6px; background-color: #efefef; color: #fff; font-weight: bold; }

div#pagenav span#pagenavheader { font-weight: bold; padding: 3px 6px; background-color: #c9cfd0; color: #333; }

div#pagenav a:hover, div#pagenav a#currentpage {
    border: 1px solid #000;
    background-color:  #778789;
    color: #fff;
}


div.plistitem {
	border: 1px solid #ddd;
	padding: 4px;
	float: left;
	height: 235px;
	width: 125px;
	margin: 0 0 2px 2px;
}

div.plistitem a { text-decoration: none; color: #778789;}

div.plistitem h4 { font-size: 14pt !important; margin: 0; padding: 0; font-weight: normal; }

div.plistitem h4 span { color: red; font-weight: bold; font-size: 8pt !important; }

div.plistitem h5 { line-height: 150%; font-size: 7pt !important; margin: 0; padding: 0; }

div.plistitem p { margin: 0; padding: 0; }

div.plistitem img { border: 0; margin: 1em 0; }

div.plistitem p.plistpic { height: 120px; }

div#pdetails { margin-top: 5px; position: relative; }

div#pdetails p.teaser {
	margin: 0;
	padding: 0;
	color:  #778789;
	font-size: 8pt !important;
	font-style: normal;
	font-weight: bold;
}

div#pdetails h4 {
	font-weight: normal;
	font-size: 16pt !important;
	margin: 0 0 10px 0;
	padding: 0 0 1px 0;
	border-bottom: 2px solid  #778789;
}

div#pdetails h4 span.newproduct { color: red;}

div#pdetails span.tablike {
	background-color:  #778789;
	color: #fff;
	padding: 3px 8px 1px 8px;
}

div#pdetails div.desc {
	color: #333;
	line-height: 150%;
	padding: 5px 0;
	border-top: 1px solid  #778789;
	border-bottom: 1px solid  #778789;
}

div#feats {
	color: #333;
	line-height: 150%;
	padding: 5px 0;
	font-size: 9px;
	
}

div#fastener {
	color: #333;
	line-height: 150%;
	padding: 5px 0;
	border-top: 1px solid  #778789;
	border-bottom: 1px solid  #778789;
}



div#pdetails div.desc ul { list-style-type: square; margin: 0 0 0 16px; }

div#prodbild img {
	border: 0;
	margin: 0;
}

div#prodcolors { height: 1%;   clear: both;}

div#prodcolors p {
	margin: 10px 10px 0 0;
	text-align: center;
	float: left;
	width: 125px;
	/*height: 60px; */
}





/**
* Formulare
*/
#contactform, #nlform {
	margin: 2em 0;
}

#contactform p, #nlform p, #m2f p {
	margin: .5em 0;
}

#contactform input, #contactform textarea, #nlform input, #m2f input, #m2f textarea {
	width: 25em;
	margin: 0;
}

#contactform label, #nlform label {
	float: left;
	width: 10em;
	margin: 0;
}

#contactform input#form_submit, #m2f input#m2f_submit, #nlform input#bestellen, #nlform input#abbestellen {
	background-color: #efefef;
	width: 10em;
}

#nlform input#bestellen { margin-left: 10.2em; }

#m2f { padding: 20px; margin-bottom: 2em; border-bottom: 1px solid #efefef; }

#m2f label {
	float: left;
	width: 20em;
	margin: 0;
}


/**
* Newsliste (Rubrik Aktuelles)
*/

.newsitem { float: left; width: 180px; padding: 20px; border: 1px solid #ddd; border-top: 4px solid #d1deea; margin: 0 10px 10px 0; height: 160px; }
.newsitem h2 { margin: 0; padding: 0; line-height: 160%; }
.newsitem h2 span.datum { display: block; font-weight: bold; }
.newsitem p { margin: 1em 0; padding: 0; line-height: 160%; }


/**
* Produktliste
*/

.proditem { float: left; width: 200px; padding: 0; margin: 0 30px 10px 0; }
.proditem h2 { margin: 0; padding: 0; line-height: 160%; }
.proditem p { margin: 1em 0; padding: 0; line-height: 160%; }
.proditem a img { border: 1px solid #ddd; }


/**
* Suche
*/
#searchresults ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#searchresults ul li {
    display: block;
    padding: 20px 0 20px 80px;
    background-repeat: no-repeat;
    background-position: center left;
    border-top: 1px solid #ddd;
}

#searchresults ul li.jn { background-image: url(/images/logo_jn_small.gif); }
#searchresults ul li.gd,
#searchresults ul li.dc { background-image: url(/images/logo_mb_small.gif); }
#searchresults ul li.mb { background-image: url(/images/logo_mb_small.gif); }



#pdetails table { border: 0; width: 97%; margin: 1em 0 0 -2px; padding: 0; }
#pdetails table caption { text-align: left; font-size: 10pt !important; font-weight: bold; }
#pdetails table tr td { color: #333; margin: 0; padding:1px; background-color: #E4E7E7 ;}
.al_right { text-align: right; }
#pdetails table tr th.left { text-align: left; color: #333; background-color: #E4E7E7 ; padding: 5px; margin: 0; width: 150px;  font-size: 8pt !important;}
#pdetails table tr th.top { text-align: left; color: #fff;  background-color: #778789; padding: 5px; margin: 0; border: 0; font-size: 8pt !important;}
#pdetails table tr th.toplogo { text-align: left; color:  #778789; background-color: #fff; padding: 10px 0 5px 0; margin: 0; border: 0; font-size: 16pt !important; font-weight: normal; }
#pdetails table tr th.toplogo img { vertical-align: middle; }
#pdetails table tr th.narrow { width: 1em; }
#pdetails table tr.tr_alt td, table tr.tr_alt th { background-color:background-color: #E4E7E7 ; }
#pdetails table tr.totalsum th  { text-align: left; }
#pdetails table tr.totalsum td { background-color: #fff; border-top: 1px double black;  text-align: right; }
#pdetails table tr.blank th, table tr.blank td { background-color: #fff; color: #000; text-align: right; }
#pdetails table tr td.art_avail { border-left: 5px solid green; }
#pdetails table tr td.art_not_avail { border-left: 5px solid red; }

#pdetails table a { color: #333; }

.spezbutton {
color:black;
background-color:#D4D0C8; 
margin:2px; 
padding:2px; 
border-width:2px;
border-style:outset;
 }