html {overflow: -moz-scrollbars-vertical;overflow-y: scroll;}
body { background: #b8b4a1; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
div#container { position: relative; width: 960px; _overflow: hidden; min-height: 100%; height: auto; background: #ffffff; margin-left: auto; margin-right: auto; }
#header { width: 960px; height: 136px; background: url(/grfx/www.bedrukte-tassen.nl/header.jpg) no-repeat left top; position: relative; }
#header #search-form { position: absolute; right: 16px; top: 72px; _top: 87px; }
#headerbanner { height: 33px; position: absolute; bottom: 0; left: 0; padding-top: 7px; padding-left: 10px; }
#headerbanner h2 { color: #d32e12; font-size: 18px; font-weight: bold; padding: 0; margin: 0; }
#headerbanner h2 a { color: #d32e12; font-size: 18px; font-weight: bold; text-decoration: none; }
#headerbanner h2 a:hover { color: #d32e12; font-size: 18px; font-weight: bold; text-decoration: underline; }
#navigation { color: #434343; font-size: 14px; letter-spacing: 0px; font-weight: bold; width: 950px; height: 24px; list-style: none; padding: 0; margin: 0; padding-top: 7px; padding-left: 10px; border-top: 1px solid #b7b5a6; border-bottom: 1px solid #b7b5a6; background: #dbdace; }
#navigation li { list-style-position: outside; list-style: none; float: left; padding-right: 15px; }
#navigation li a { text-decoration: none; color: #363636; }
#navigation li a:hover {text-decoration: underline }
#breadcrumb { color: #363636; font-size: 11px; width: 950px; _width: 935px; height: 25px; list-style: none; padding: 0; margin: 0; margin-bottom: 2px; }
#breadcrumb li { list-style-position: outside; list-style: none; float: left; padding-right: 5px; }
#breadcrumb li a { color: #363636; }
#content-container { position: relative; z-index:1; width: 940px; height: auto; background:url(/grfx/www.bedrukte-tassen.nl/content_bg.jpg) repeat-x top left; padding: 10px; }
div#content-links { z-index:2; position:relative; float:left; width:190px; }
div#content-rechts { width:750px; font-size: 11px; line-height: 18px; z-index:-1; position:relative; float:left; left:5px;overflow-x:hidden;padding: 0 0 15px 0; margin-top: -6px; }
#content-links { width: 190px; }
div#nav-links { position:relative; background: #dbdace; border: 1px solid #b5b197; border-bottom: none; margin: 0 0 20px 0; }
div#nav-links .top { width: 178px; _width: 180px; height: 23px; font-size: 14px; font-weight: bold; color: #3a3000; background: url(/grfx/www.bedrukte-tassen.nl/nav-links-top.jpg) repeat-x top left; padding-left: 10px; padding-top: 6px; border-bottom: 1px solid #9b9674; }
div#nav-links .top a { color:#3a3000; text-decoration:none; }
div#nav-links .top p { padding: 0; margin: 0; }
div#nav-links ul { list-style:none; width: 190px; padding: 0px; margin: 0; }
div#nav-links ul li a { text-indent: 10px; display:block; width: 188px; height:20px; border-bottom: 1px solid #b5b197; border-top: 1px solid #ffffff; line-height:20px; text-decoration:none; color:#3a3a3a; font-size:12px; padding-top: 3px; padding-bottom: 3px; }
div#nav-links ul li a:hover { color:#3a3a3a; border-bottom:1px solid #b5b197; background: #e4e3d7; }
/*rechts content*/
div#content-rechts h1 {font-size:20px;font-weight:bold;color:#676767;margin: 10px 0 10px 0;}
div#content-rechts h2 {font-size:20px;font-weight:bold;color:#676767;margin: 10px 0 10px 0;}
div#content-rechts p { padding: 0 20px 0 0}
div#content-rechts .blok-details { display: block; clear: both; margin-left: 8px; }
div#content-rechts .blok-details .top { width: 732px; height: 7px; background: url(/grfx/www.bedrukte-tassen.nl/content_big_top.png) no-repeat; display: block; _width: 736px; _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grfx/www.bedrukte-tassen.nl/content_big_top.png',sizingMethod='scale'); }
div#content-rechts .blok-details .mid { width: 710px; _width: 690px; padding-top: 1px; padding-bottom: 2px; padding-left: 11px; padding-right: 11px; background: url(/grfx/www.bedrukte-tassen.nl/content_big_bg.png) repeat-y; _margin-top: -3px; _padding-left: 5px; _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/grfx/www.bedrukte-tassen.nl/content_big_bg.png',sizingMethod='scale'); }
div#content-rechts .blok-details .mid .artikel { position:absolute; right:27px; top:14px; font-size:12px; color:#fff; _top: 16px; }
div#content-rechts .blok-details .bottom { width: 734px; height: 16px; background: url(/grfx/www.bedrukte-tassen.nl/content_big_bot.png) no-repeat; _width: 736px; _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grfx/www.bedrukte-tassen.nl/content_big_bot.png',sizingMethod='scale'); }
div#content-rechts .blok-details .title { padding: 0; padding-top: 2px; margin: 0; margin-top: 3px !important;_margin-left: 10px; _width: 698px; background:url(/grfx/www.bedrukte-tassen.nl/title_bg.jpg) repeat-x; height: 21px; padding-left: 5px; display: block; border: 1px solid #841503; }
div#content-rechts .blok-details .title h1 { color: #FFFFFF !important; font-size: 14px !important; font-weight: bold; padding: 0 !important; margin: 0 !important; }
div#content-rechts .blok-details .content {display:block;_height:155px;min-height:155px;width:720px;padding: 0px; font-size: 12px !important;}
div#content-rechts .blok-details .content p {position:relative;w/idth:690px;padding:0px;color:#231F20; }
div#content-rechts .blok-details .mid h1 { font-size: 14px !important; padding-left: 10px; padding-bottom: 0; margin-bottom: 0; }
div#content-rechts .blok-details .mid h2 { font-size: 14px !important; padding-left: 10px; padding-bottom: 0; margin-bottom: 0; }
div#content-rechts .blok-details .mid p { padding-left: 10px; }
div#content-rechts .blok-details .content .details-rechts {float:left;}
div#content-rechts .blok-details .content .details-rechts img {margin:10px 10px 0 0;}
div#content-rechts .blok-details .content a.offerte {position:absolute;bottom:25px;left:103px;}
div#content-rechts .blok-details .content a.bestellen {position:absolute;bottom:25px;left:20px;}
div#content-rechts .blok-details table.matrix { margin:0px; margin-top: 20px; margin-left: 8px; width:680px; clear: both; m/argin-bottom: 10px; }
div#content-rechts .blok-details table.matrix thead tr td {background-color:#BDD63F;color:#000000;font-weight:bold;height:23px;line-height:23px;text-indent:10px;}
div#content-rechts .blok-details table.matrix tbody tr td {background-color:#edf4d1;color:#000000;font-weight:normal;height:23px;line-height:23px;text-indent:10px;}
div#content-rechts .blok-details p.table-info {display:block;margin:-20px auto 40px auto;width:685px;font-size:12px;}
div#content-rechts .blok-details .content img { display:block; margin:0; padding: 0; margin-left: 15px; border: 0; margin-bottom: 10px; }
div#content-rechts .blok-details .content .zoom { position: absolute; left: 6px; top: 45px; }
div#content-rechts .blok-details .button-order { margin-top: 18px; margin-right: 23px; float: right; text-align: center; }
div#content-rechts .blok-details .pennen-picture { width: 260px; float: left; padding-top: 10px; }
div#content-rechts .blok-details #sitemap ul {color:black}
div#content-rechts .blok-details #sitemap li a {color:black}
div#content-rechts .blok-breed { display:block;position:relative;float:left;width:364px; min-height: 240px; _height: 240px; margin: 0px 0px 5px 8px; _margin: 0px 0px 5px 4px; }
div#content-rechts .blok-breed .top { padding-top: 8px; padding-left: 5px; width:364px; display:block; height:27px; background:url(/grfx/www.bedrukte-tassen.nl/blok_breed_top.png) top left no-repeat; _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grfx/www.bedrukte-tassen.nl/blok_breed_top.png'); }
div#content-rechts .blok-breed .top h1 { margin:0;line-height:28px;color:#fff;font-size:12px;font-weight:bold;text-indent:12px;}
div#content-rechts .blok-breed .top .artikel { position:absolute; right:17px; top:13px; font-size:12px; color:#fff; _right: 25px; }
div#content-rechts .blok-breed .content { background: url(/grfx/www.bedrukte-tassen.nl/blok_breed_mid.png) repeat-y top left; display:block;min-height:172px;width:354px; _width: 344px; padding-left: 20px; _height:172px; _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/grfx/www.bedrukte-tassen.nl/blok_breed_mid.png',sizingMethod='scale'); }
div#content-rechts .blok-breed .content p { padding: 0; margin: 0; padding-right: 20px; }
div#content-rechts .blok-breed .content .zoom { position: absolute; left: 20px; top: 45px; }
div#content-rechts .blok-breed .content img {display:block; margin:0 auto; padding: 0 10px 10px 0; border: 0; float: left; }
div#content-rechts .blok-breed .content a.offerte {position:absolute;bottom:25px;left:238px;}
div#content-rechts .blok-breed .content a.info {position:absolute;bottom:25px;left:150px;}
div#content-rechts .blok-breed .bottom { display: block; height:32px; background:url(/grfx/www.bedrukte-tassen.nl/blok_breed_bot.png) no-repeat bottom left; text-align: right; color: #3b4807; font-size: 12px; font-weight: bold; padding-right: 40px; padding-top: 3px; _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grfx/www.bedrukte-tassen.nl/blok_breed_bot.png'); }
div#content-rechts .blok-breed .bottom a { color: #3b4807; text-decoration: none; }
div#content-rechts .blok-breed .content .vanaf { text-align: right; padding: 0; margin: 0; padding-right: 20px; font-size: 12px; padding-bottom: 10px; color: #424f09; }
div#content-rechts .blok-breed .content .stuks { text-align: right; padding: 0; margin: 0; padding-right: 20px; font-size: 16px; font-weight: bold; line-height: 14px; }
div#content-rechts .blok-breed .content .prijs { text-align: right; padding: 0; margin: 0; padding-right: 20px; padding-bottom: 7px; font-size: 13px; font-weight: bold; color: #d32e12; line-height: 14px; }
div#content-rechts .blok-smal { display:block;position:relative;float:left;width:177px; min-height: 240px; _height: 245px; margin: 0px 0px 5px 8px; _width: 182px; _margin: 0px 0px 5px 3px; }
div#content-rechts .blok-smal .top { padding-top: 8px; padding-left: 5px; width:177px;height:27px; _width: 182px; _height: 26px; display:block; background:url(/grfx/www.bedrukte-tassen.nl/blok_smal_top.png) top left no-repeat; _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grfx/www.bedrukte-tassen.nl/blok_smal_top.png'); }
div#content-rechts .blok-smal .top h1 { margin:0;line-height:28px;color:#fff;font-size:12px;font-weight:bold;text-indent:12px;}
div#content-rechts .blok-smal .content { display:block; _height:135px; min-height:135px; width:177px; _width: 182px; background: url(/grfx/www.bedrukte-tassen.nl/blok_smal_mid.png) repeat-y top left; _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/grfx/www.bedrukte-tassen.nl/blok_smal_mid.png',sizingMethod='scale'); }
div#content-rechts .blok-smal .content p { padding: 0; margin: 0; padding-left: 20px; }
div#content-rechts .blok-smal .content .vanaf { text-align: center; padding: 0; margin: 0; font-size: 12px; padding-bottom: 10px; padding-top:20px;margin-top: -30px; color: #424f09; }
div#content-rechts .blok-smal .content .stuks { text-align: right; padding: 0; margin: 0; padding-right: 15px; font-size: 16px; font-weight: bold; line-height: 14px; padding-bottom:5px;}
div#content-rechts .blok-smal .content .prijs { text-align: right; padding: 0; margin: 0; padding-right: 15px; padding-bottom: 7px; font-size: 13px; font-weight: bold; color: #d32e12; line-height: 14px; }
div#content-rechts .blok-smal .content img { display:block; margin:0; padding: 0; margin-left: 15px; border: 0; margin-bottom: 10px; }
div#content-rechts .blok-smal .content .zoom { position: absolute; left: 6px; top: 45px; }
div#content-rechts .blok-smal .bottom { display: block; width: 177px; height: 32px; background:url(/grfx/www.bedrukte-tassen.nl/blok_smal_bot.png) no-repeat bottom left; _width: 182px; _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grfx/www.bedrukte-tassen.nl/blok_smal_bot.png'); text-align: center; color: #3b4807; font-size: 12px; font-weight: bold; padding-top: 3px; }
div#content-rechts .blok-smal .bottom a { color: #3b4807; text-decoration: none; _position: absolute; _left: 47px; }
div#content-rechts .blok-smal .artikel { display: none; }
.co-table { width: 710px; _width: 705px; _margin-left: 10px; }
.co-trash { padding: 4px; background: #dfe0d9; font-weight: bold; }
.co-artno { padding: 4px; background: #dfe0d9; font-weight: bold; }
.co-artna { padding: 4px; background: #dfe0d9; font-weight: bold; }
.co-qnt { padding: 4px; background: #dfe0d9; font-weight: bold; }
.co-row { padding: 4px; border-bottom: 1px solid #dfe0d9; }
.co-row img { margin-bottom: 2px !important; }
.content label { margin-right: 5px; font-weight: bold; }
.your-data td { padding: 3px; padding-bottom: 6px; }
.awesome, .awesome:visited { width:auto; overflow:visible; margin: 0; padding: 0; border: 0; border: 1px solid rgba(0, 0, 0, 0.25); font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; display: inline-block; background: #222 url(/grfx/www.bedrukte-tassen.nl/36px-blended.png) repeat-x; background-position: 0 0; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; }
.awesome:hover { background-color: #111; color: #fff; }
.awesome:active { top: 1px; }
/* IE6 */
.awesome, .awesome:visited { _width:auto; _overflow:visible; _border: 1px solid pink; _background: none; _filter: chroma(color=pink), progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grfx/www.bedrukte-tassen.nl/36px-blended.png', sizingMethod='scale'); }
input.awesome { width: auto; _width:auto; _overflow:visible; }
input.large { font-size: 16px; padding: 5px 12px 5px; margin-bottom: -5px; }
input.medium { font-size: 14px; padding: 5px 12px 5px; margin-bottom: -4px; }
input.small { font-size: 12px; padding: 5px 12px 5px; margin-bottom: -2px; }
input.tiny { font-size: 11px; padding: 5px 12px 5px; margin-bottom: -1px; }
button.large { font-size: 16px; padding: 5px 12px 5px; margin-bottom: -5px; }
button.medium { font-size: 14px; padding: 5px 12px 5px; margin-bottom: -4px; }
button.small { font-size: 12px; padding: 5px 12px 5px; margin-bottom: -2px; }
button.tiny { font-size: 11px; padding: 5px 12px 5px; margin-bottom: -1px; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { font-size: 14px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 16px; padding: 5px 12px 5px; }
.small.awesome, .small.awesome:visited { font-size: 12px; padding: 4px 4px 3px; }
.tiny.awesome, .tiny.awesome:visited { font-size: 11px; padding: 2px 2px 2px; }
.awesome.blue, .awesome.blue:visited { background-color: #2daebf; }
.awesome.blue:hover { background-color: #007d9a; }
.awesome.white, .awesome.white:visited { background-color: #fafafa; color: #444444; text-shadow: 0 -1px 1px rgba(255,255,255,0.25); }
.awesome.white:hover { background-color: #d6d6d6; color: #444444; text-shadow: 0 -1px 1px rgba(255,255,255,0.25); }
.awesome.red, .awesome.red:visited { background-color: #e33100; }
.awesome.red:hover { background-color: #872300; }
.awesome.magenta, .awesome.magenta:visited { background-color: #a9014b; }
.awesome.magenta:hover { background-color: #630030; }
.awesome.orange, .awesome.orange:visited { background-color: #ff5c00; }
.awesome.orange:hover { background-color: #d45500; }
.awesome.green, .awesome.green:visited { background-color: #669900; }
.awesome.green:hover { background-color: #496d00; }
.awesome.yellow, .awesome.yellow:visited { background-color: #ffb515; }
.awesome.yellow:hover { background-color: #fc9200; }
/* Success,error & notice boxes for messages and errors. */
#content-rechts .error, .warning, .success { padding:10px 4px 10px 10px;border:1px solid #ddd; }
#content-rechts .error,.plan-response-error { background:#FBE3E4; color:#D12F19;border-color:#FBC2C4; }
#content-rechts .warning { background:#FFF6BF; color:#817134;border-color:#FFD324; }
#content-rechts .success,#mc_success_msg { background:#E6EFC2; color:#529214; border-color:#C6D880; }
#content-rechts .error a { color:#D12F19; }
#content-rechts .notice a { color:#817134; }
#content-rechts .success a { color:#529214; }
#content-rechts .success strong { color:#2a4d09; }
/*Fix to work w/ jquery validation class*/
#content-rechts input,textarea,select { background-color:#fff;background-image:none;padding:5px;border:1px solid #CCCCCC;color:#666666; }
#content-rechts input.error,textarea.error,select.error { background-color:#fff;background-image:none;padding:5px;border:1px solid #CCCCCC;color:#666666; }
#content-rechts input.error:focus { border:1px solid #a2bede;background:#def3f7; }
#content-rechts label.error { display:block;padding:4px 4px 4px 10px;text-align:left;position:relative;color:#D12F19;margin-bottom:0;margin-top:0px;z-index:50; }
#content-rechts label.error { width:203px !important;text-align:left;color:#D12F19;border-color:#FBC2C4; position:relative; top:-2px; margin-bottom:-5px;}
#content-rechts #footer { display: block; clear: both; text-align:center }
#content-rechts #footer a {color:#3F3F3F;text-decoration:underline}