/* @group Top Navigation */

#topnav {
	text-align: left;
	vertical-align: bottom;
}

#topnavlist {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #fff;
	height: 19px;
}

#topnavlist li {
	float: left;
	height: 19px;
}

#topnavlist li.active a {background: transparent url('../images/topnav-act-bg.gif') repeat-x center bottom;}

#topnavlist li a {
	padding: 0px 13px 4px 13px;
	border-right: 1px solid #FFFFFF;
	color: #fff;
	text-decoration: none;
}

#topnavlist li a:hover {background: transparent url('../images/topnav-hover-bg.gif') repeat-x center bottom;
}

/* @end */

/* @group Header Styles */

#header {background: #025DA4 url('../images/bg-header.jpg') repeat-y right top;}

#headNav {vertical-align: bottom;}

#headerspacer {width: 200px;}

#logo {padding: 0 3px 0 0;}

#headerline {
	height: 8px;
	background: #002269 url('../images/bg-headerline.png') repeat-y left top;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #FFFFFF;
}

#contentline {
	height: 1px;
	background-color: #5C5C5C;
	border-bottom: 1px solid #BCBCBC;
}

/* @end */

/* @group Welcome Site */


#content-front {
	color: #FFFFFF;
	padding: 20px;
	background: transparent url('../images/front-image.jpg') no-repeat left center;
	border-top: 2px solid #FFFFFF;
}

/* @end */

/* @group Boxes */

.boxhead a, .boxcontent a {
	padding-left: 12px;
	background: transparent url('../images/arrow_blue.gif') no-repeat left 4px;
}

/* NF_MOD module NF_EasyDownload */
.easydownload a, .pdflist a {
	background-image: none;
	padding-left:0px;
}
.easydownload ul {margin: 0; padding: 0;}
.easydownload li, .pdflist li {
	list-style-image: url(../images/pdf-icon.png);
	list-style-position:inside;
         line-height: 1.5em;
}

.easydownload .folder {
	list-style-image: url(../images/folder.gif);
	list-style-position:inside;
}

.easydownload td {
	vertical-align:top;
	padding-right:10px;
}

table.easydownload {}

h1 a.easydownload:hover {
	text-decoration:none;
	cursor:auto;
}

/* END MOD */
.justify {text-align: justify;}

.box {}

.box ol a {
	padding: 0px;
	background-image: none;
}

.boxhead {
	height: 20px;
	padding: 8px 0 0 10px;
	margin: 0px;
	background: #CACACA url('../images/bg-boxheader.png') repeat-x left top;
	clear: left;
}



.boxhead h2 {
	float: left;
	font: bold 12px Verdana, Arial, Charcoal, Helvetica, Sans-Serif;
	color: #000;
	padding: 0px;
	margin: 0px;

}



.boxcontent {
	background: transparent url('../images/bg-boxcontent.png') repeat-x top left;
	padding: 10px;
	margin: 0px;
}
.searchbox .boxcontent {background: transparent url('../images/bg-searchbox2.png') repeat-y top right;   }

.nav {
	background: transparent url('../images/bg-nav.jpg') repeat-y top left;
         border-top: 1px solid #4B4B4B;
	padding: 1px 0 0 0;
	margin: 0;
}

.boxcontent ol {
	margin: 0 0 0 1px;
	padding: 0 0 0 25px;
	height: 1%;

}

.boxcontent ol li {
	border-bottom: 1px solid #CBCBCB;
	padding: 4px 0 3px 0;

}

.boxcontent ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.box-blue {background-color: #025DA4;}
.box-white {background-color: #ffffff;}

/* @end */

/* @group Forms */

#search {height: 25px; padding: 5px 0 0 0;}
.searchinput   {height: 20px; overflow: hidden;}
#search input {background: transparent; border: 0; margin: 0; padding: 0;}

#search .searchinput {width: 110px; height: 20px; float: left; background: transparent url('../images/bg-searchfield.png') no-repeat left top;}
#search .searchinput input:hover {background: transparent url('../images/bg-searchfield.png') no-repeat left -50px;}
#search .searchinput input {width: 85px; height: 20px; float: left; padding: 4px 0 0 5px; line-height: 1em; font: 11px Verdana, Arial, Charcoal, Helvetica, Sans-Serif;}

#search .searchsubmit input {width: 60px; height: 20px; float: left; margin-left: 3px;  line-height: 1em; font: 11px Verdana, Arial, Charcoal, Helvetica, Sans-Serif; background: transparent url('../images/bg-searchbutton.png') no-repeat left top;}
#search .searchsubmit input:active {background: transparent url('../images/bg-searchbutton.png') no-repeat left -50px;}

/* @end */

/* @group Welcome Content */



#content-front {
	color: #FFFFFF;
	padding: 20px;
	background: transparent url('../images/front-image.jpg') no-repeat center;
	border-top: 2px solid #FFFFFF;
}

#content-front h2 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 2em;
	margin: 0px;
	padding: 0 0 10px 0;
}

#content-front a {color: #FFFFFF;}
#content-front p {width: 200px;}



/* @group Product Listing */
.image {float: left;  margin: 0px 10px 20px 5px; padding: 0; width: 240px; background: transparent url('../images/bg-bigimage.png') no-repeat left bottom; }
.image .wrap {display: block; padding: 7px;background: transparent url('../images/bg-bigimage_top.png') no-repeat left top;}
.image .wrap2 {background: transparent url('../images/bg-kein-bild.png') no-repeat center; width: 220px; min-height: 100px;}
* html .image .wrap2 {height: 100px; overflow: visible;}

.sku {font: normal 10px Verdana, Sans-Serif;}
#productdetail .sku {display: block; text-align: center; margin: -10px 0 20px;}
#product_listing .image {width: auto; height: auto; padding: 0; background: transparent url('../images/bg-image2.png') no-repeat left bottom;}
#product_listing .image a {display: block; padding: 7px; background: transparent url('../images/bg-image_top2.png') no-repeat left top;}


.image .enlarge-image {}
.image .enlarge-image a {}

.enlarge-image-link {margin: 3px 0 3px 20px;}
.imageclear {clear: left;}
.image img {}

/*
.options, .options_list {background: #D4E3F0 url('../images/bg-table.png') repeat-y top right;}
.details .odd, .options .odd {padding: 2px 0 2px 0; background: #FFF;}
.details .even, .options .even {padding: 2px 0 2px 0;}
*/

.details {padding-top: 4px;}
.price {float: right; color: #000; font-weight: bold;}
.price strong {color: #000; font-weight: bold;}
.price em {color: #025DA4;}
.price_uvp {color: #000; font-weight: normal;}
.price_discount {margin-top: 4px;}
.price_discount h3 {color: #000;}
#product_listing .price {font-weight: normal;}
#product_listing .price strong {font-weight: normal; color: #000; padding-bottom: 10px; font-size: 12px;}

.details .title {padding-bottom: 10px; color: #000;}
.priceclear {clear: right;}
.actions {clear: left; padding: 5px 0 8px 12px; margin: 1px 0 0 0; border-top: 1px dotted #DFDFDF;}
.downloadpdf {float: left;}
.downloadpdf img {float: left;}
.devider {border-bottom: 1px dotted silver; margin-bottom: 10px; clear: left;}

p.descr {display: none;}
.category31 p.descr, .category95 p.descr, .category25 p.descr, .category98 p.descr, .category99 p.descr  {display: block;}


#productdetail h1 {padding-left: 10px;}



/* Product-Info */
table#productinfo {width: 100%;}
.options, .options_list {}
.options select {width: 80px;}
/*
.options td, .options_list td {padding: 5px 7px 5px 7px}
.options .first, .options_list .first {text-align: left; width: 95px;}
.options .second, .options_list .second {text-align: left;}
*/


/* Bigbuttons */
div.bigbutton {float: left; height: 37px; margin: 2px; background: transparent url('../images/button_xl.png') no-repeat left top; padding: 0 0 0 2px; white-space: nowrap;}
div.bigbutton a {float: left; padding: 11px 15px 0 15px; height: 37px; display: block; background: transparent url('../images/button_xl.png') no-repeat right top;}
div.bigbutton a:hover {color: #000; background-position: right -60px;}
div.bigbutton a img {float: left; margin: -8px 5px 0 -8px;}
.buttons {float: right;}
#productdetail .buttons {float: none;}
.buttonsclear {clear: right;}

/* Buttons */
div.button {float: left; height: 27px; margin: 2px; background: transparent url('../images/button.png') no-repeat left top; padding: 0 0 0 2px; white-space: nowrap;}
div.button a {float: left; padding: 6px 15px 0 14px; height: 27px; display: block; background: transparent url('../images/button.png') no-repeat right top;}
div.button a:hover {color: #000;background-position: right -60px;}
div.button a img {float: left;margin: -3px 5px 0 -8px;}

/* Smalluttons */
div.smallbutton {float: left; height: 16px; margin: 2px; background: transparent url('../images/button_s.png') no-repeat left top; padding: 0 0 0 2px; white-space: nowrap;}
div.smallbutton a {font-size: 9px; float: left; padding: 2px 7px 0 6px; height: 16px; display: block; background: transparent url('../images/button_s.png') no-repeat right top;}
div.smallbutton a:hover {color: #000; background-position: right -60px;}
div.smallbutton a img {float: left; margin: -1px 5px 0 -4px;}


/* @group Category Listing */

#listing-category a {display: block; color: #3F3F3F; height: 1%; padding: 15px 20px 15px 0;}
#listing-category a:hover {background: transparent url('../images/bg-act-cat.png') repeat-y right top; text-decoration: none; color: #000;}
#listing-category-small a:hover {}
#listing-category img {float: left; margin: 0 20px 5px 0;}
#listing-category .item {display: block: height: 1%;}
#listing-category em {display: block; text-align: justify; margin: 10px 0 0 0; font-style: normal; line-height: 1.5em;}
#listing-category strong {color: #025DA4; font-family: bold 17px Arial, Verdana, Sans-Serif; margin: 10px 0 7px 0px; padding: 10px 0 0 0;}


/* Kleine Kategorie-Icons 2=Folien 29=Techn.Support 72=Schulung, 19 etikettensoftwae  */
#listing-category.category2 a, #listing-category.category29 a, #listing-category.category72 a, #listing-category.category19 a {float: left; width: 170px; height: 120px; margin: 5px 0 5px 5px; padding: 0;}
#listing-category.category2 a:hover, #listing-category.category29 a:hover, #listing-category.category72 a:hover, #listing-category.category19 a:hover {background: transparent url('../images/bg-act-cat-folien.png') no-repeat center;}
#listing-category.category2 a .item, #listing-category.category29 a .item, #listing-category.category72 a .item, #listing-category.category19 a .item  {display: block; padding: 18px 0 0 25px; margin: 0; border: 0;}
#listing-category.category2 a img, #listing-category.category29 a img, #listing-category.category72 a img, #listing-category.category19 a img  {padding: 0; margin: 0;}
#listing-category.category2 strong, #listing-category.category2 em, #listing-category.category29 em, #listing-category.category72 em, #listing-category.category19 em  {display: none;}

#listing-category.category29 strong, #listing-category.category72 strong, #listing-category.category19 strong {display: block; font-size: 11px; width: 120px; margin: 0; padding: 0; text-align: center;}
#listing-category.category72 a:hover strong, #listing-category.category19 a:hover strong {display: none;}

/* Noch kleineres Kategorie-Icon für Techn. Support */
#listing-category.category29 {height: 110px; overflow:hidden;}
#listing-category.category29 a {width: 132px; height: 110px; padding: 0; margin: 5px 0;}
#listing-category.category29 a:hover {background: none;}
#listing-category.category29 a .item {padding: 5px 0 0 8px; margin: 0;}
#listing-category.category29 strong {font: normal 11px Verdana, Sans-Serif;}
#listing-category.category29 a:hover strong {font-weight: bold;}

/* Listing: Folien ohne Bilder bekommen ein spezielles Hintergrundbild (nach Kategorien) */
.category14 .image img, .category15 .image img, .category16 .image img, .category17 .image img, .category18 .image img, .category35 .image img,
.category86 .image img, .category87 .image img, .category88 .image img, .category89 .image img, .category90 .image img, .category91 .image img, .category92 .image img, .category93 .image img, .category94 .image img
{background: transparent url('../images/bg-kein-bild_folie.jpg') no-repeat center;}

/* Detail: Folien ohne Bilder bekommen ein spezielles Hintergrundbild (nach Produkttyp) */
#productdetail.typefolie .image {height: 235px; background: transparent url('../images/bg-kein-bild_folie_l.jpg') no-repeat center;}
#productdetail.typefolie .image .wrap,
#productdetail.typefolie .image .wrap2 {background: none;}

/* @group Download-Area */
#download-formular select {width: 100%;}
#searchfilter-formular div {float: left;width: 130px; margin-right: 40px;}
#searchfilter-formular div select {width: 100%; margin-bottom: 5px;}


/* @group Cart & Checkout */
.cartTable tr {border: 1px solid #caddec; padding-bottom: 10px;}
.PListImgBox {padding-right: 10px;}
.FormButton {}
.cartTotals {background-color: #caddec; font-weight: bold;}
.RegSectionTitle {font-weight: bold;}
.popup_options {margin: 10px; border: 1px solid #025DA4; background-color: #fff;}
.PopupTitle h3 {padding-left: 20px;}
.BottomPopup {padding-left: 20px;}
.cart_details {border: 1px solid #025DA4;}
.cart_details th {background-color: #caddec; font-weight: bold; padding: 5px;}
.cart_details td {padding: 5px;}
.cart_customer_details {}
.cart_customer_details th {background-color: #caddec;}
.SubHeaderLine {border-bottom: 1px solid #025DA4; width: 100%; margin-bottom: 10px;}


/* @group News */
.newstab {padding: 0 0 10px 0;}
.newstab th {padding: 4px; color: #fff; background-color: #025DA4;}
.newstab th a {color: #fff;}
.newstab td {padding: 4px;}


#breadcrumb {padding: 5px; border-bottom: 1px dotted silver; font-family: Verdana, Arial, Sans-Serif; font-size: 9px; margin-bottom: 5px; margin-top: 10px;}
#pagenav {padding: 5px; text-align: center; border: 1px solid #caddec;}
.pagenav {text-align: center; background: transparent url('../images/bg-pagenav.png') repeat-x left top; padding: 5px 0;}
.pagenav a, .pagenav strong  {padding: 2px 8px; margin: 0;}
.pagenav a:hover, .pagenav strong {background: #FFF;}

.DialogInfo {border: 1px solid silver; background-color: #caddec; font-weight: bold; padding: 5px; width: 535px;}

.scpstable {width: 100%; border-top: 1px dotted silver; border-bottom: 1px dotted silver;}
.scpstable td, .scpstable th {padding: 4px 13px; background: #F0EFEF;}

.scpstable tr.even td, .scpstable tr.even th {background: #FFF;}
.scpstable tr.pre td {background: #FFF;}
.scpstable th {border-bottom: 1px dotted #025DA4; text-align: left;}
.scpstable td.one3, .scpstable td.two3, .scpstable td.three3 {width: 30%;}

.details table {width: 375px; border-top: 1px dotted silver;}
* html .details table {width: 370px;}
.details table td {padding: 4px 13px; background: #F0EFEF;}
.details table tr.even td {background: #FFF;}

.options {width: 100%; border-top: 1px dotted silver; border-bottom: 1px dotted silver; }
.options td {padding: 4px 13px; background: #F0EFEF;}
.options tr.even td {background: #FFF;}



/* Partner */
.partner.xs a {display: block; height: 1%; width: 200px; padding: 0; margin:  -8px -10px; background: none; color: #222222;}
.partner.xs a span {display: block; padding: 8px 10px; color: #222222;}
.partner.xs a:hover {text-decoration: none; background: transparent url('../images/bg-act-cat.png') repeat-y center top;}
.partner.xs a em {font-style: normal;}
.partner.xs a strong {font-weight: normal; color: #025DA4; line-height: 2em;}

/* Helpers */
.fleft {float: left; margin: 0 20px 10px 0;}
.fright {float: right; margin: 0 0 10px 20px;}
img.border {padding: 2px; border: 1px solid silver;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
a.pdf {padding: 1px 0 2px 20px; background: transparent url('../images/pdf-icon.png ') no-repeat left top;}