@charset "UTF-8";

* {
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif
}
body {
    background:#c5e4e8 url(images/bg.gif) top center no-repeat;
    background-attachment:fixed;
}
#container {
    background:#fff url(images/box-bg.gif) repeat-y;
    width:980px;
    margin:0 auto;
}
a:link, a:visited {
    color:#779944;
    text-decoration:none
}
a:hover, a:active {
    color:#554433;
}
/************ HEADER *****************/
#kop {
    background-image:url(images/header-bg.png);
    height:140px;
    width:980px;
    margin:40px auto 0 auto;
}
img.logo{
    margin:54px 0 0 38px;
    height:55px;
    width:212px;
    float:left;
}
a img.logo {
    border:0;
}
/********** ZOEKEN FORMULIER ***************/
#search{
    width:365px;
    float:right;
    margin-top:57px;
}
.archiveform {
}
.archiveform .archive {
    float:left;
    width:122px;
    margin:0 4px;
}
input.textfield {
    width:125px;
    float:left;
    min-height:17px;
}
#search input, .archiveform .archive {
    font-size:12px;
    border:1px solid #7eaa44;
    background-image:url(images/search-input.gif);
    background-position:left top;
    color:#887766;
    line-height:21px;
    padding:6px;
}
select{
    background-color:transparent;
}
option{
    background-color:#FFFFFF;
}
#search input.buttonform {
    border:0;
    height:30px;
    width:34px;
    background:url(images/search-button.gif) 0 0px no-repeat;
    cursor:pointer;
    text-indent:-1000px;
}
#search input.buttonform:hover{
    background-position:0 -30px;
}
/********** MENU TAALKEUZE ***********/
#quicknav {
    float:right;
    clear:right;
    list-style-type:none;
    width:220px;
    padding:5px 0 0 5px;
    margin-top:6px;
}
#quicknav li {
    float: left;
    font-size:12px;
}
#quicknav li a{
    color:#FFFFFF;
    border-right:1px solid #fff;
    padding:0 5px 0 20px;
    background-image:url(images/icon-nl.gif);
    background-position:0 2px;
    background-repeat:no-repeat;
}
#quicknav li a:hover{
    color:#36471D;
}
#quicknav li.last a{
    border:0;
    padding:0 0 0 25px;
    background-image:url(images/icon-en.gif);
    background-position:5px 2px;
}
#quicknav li.current a{
    text-decoration:underline;
}
/********** MENU BOVEN ***********/
#menu {
    background:#333 url(images/nav-bg.png) right bottom no-repeat;
    width:980px;
    margin:0 auto;
    display:block;
    height:50px
}
#nav,#nav ul {
    background-image: url(images/menu-bg.gif);
    float: left;
    width: 940px;
    list-style: none;
    line-height: 1.0;
    font-weight: bold;
}
#nav a {
    text-align: left;
    font-size: 13px;
    font-weight:bold;
    text-transform:uppercase;
    display:block;
    color:#fff;
    text-decoration:none;
    padding:9px 0;
}
#nav a:hover {
    background-color:#b4a485;
}
#nav li a.daddy {
    background:url(images/menu-item-bg.gif) right 0px no-repeat;
    height:20px;
    text-align:center;
    font-size:18px;
    font-weight:normal;
    padding:16px 20px 14px 21px;
}
* html #nav li a.daddy {/* voor IE 6 */
                        width:45px;
}
#nav a.daddy:hover, #nav a.daddy.current {
    background-position:right -50px;
}
#nav li {
    float:left;
    padding:0;
}
/* submenu */
#nav li ul {
    background:url(images/submenu.png) bottom;
    position:absolute;
    left:-999em;
    height:auto;
    width:240px;
    z-index:2;
    padding:10px 0 20px 0;
    border-top:1px solid #95876d;
}
#nav li li {
    float:left;
    padding-right:0;
    width:196px;
    margin:0 22px;
    border-bottom:1px solid #c6bba4;
}
#nav li:hover ul ul,#nav li.sfhover ul ul
{
    left:-999em
}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul
{
    left:auto
}
#nav li:hover {
    color:#036;
    position:static;
}
/******************* SIDEBAR ****************/
#left {
    width:292px;
    float:right;
    display:block;
    margin-top:18px;
}
*:first-child+html #left{/* voor IE7 ruimte tot footer */
                         margin-bottom:25px;
}
/* submenu */
.menuleft ul,.menuleft li {
    display: inline;
    font-size: 12px;
    line-height: 14px;
    list-style: none
}
ul.list{
    list-style:none;
}
ul.list li {
    float: left;
    margin: 0;
    font-size: 12px;
    line-height: 1;
    display:inline
}
ul.list li a {
    width:220px;
    display:block;
    text-decoration:none;
    padding:5px 0 6px 15px;
    background:transparent url(images/list.gif) no-repeat 0px 6px;
    border-bottom:1px solid #cac1a7;
}
.list li a:hover, .list li a.active, ul.list .sublist li a:hover, ul.list .sublist li a.active{
    background-color:#F8F2E0;
    color:#554433;
}
ul.list .sublist li a{
    width:210px;
    display:block;
    color:#554433;
    text-decoration:none;
    padding:5px 0 6px 23px;
    background:transparent url(images/arrow.gif) no-repeat 15px 8px;
    border-bottom:1px solid #c7bea6;
}
/* algemeen */
.menuleft {
    margin:-40px 0 15px 0;
    float:left;
    font-size:12px;
    color:#999;
    width:292px;
}
.menuleft h2 {
    background:url(images/sidebar-h2.png) top no-repeat;
    text-align:left;
    padding:50px 0 17px 12px;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    text-shadow:#817661 -1px -1px 0px;
    text-transform:uppercase;
}
.item{
    padding:10px 58px 0 0;
    position:relative;
    z-index:1;
}
/* ads */
#googleads{
    margin:10px 8px 10px -2px;
}
#advertisement {
    float:left;
    margin-bottom:-10px;
    margin-top:2px;
}
#advertisement img {
    border:1px solid #fff;
    margin-bottom:4px;
}
/* links, tags en zoekwoorden */
ul.popular-tags, ul.linklist {
    list-style:none;
    display:block;
}
*:first-child+html ul.popular-tags{/* voor IE7 */
                                   margin-top:-7px;
}
*:first-child+html ul.linklist{/* voor IE7 */
                               margin-top:-7px;
}
ul.popular-tags li, ul.linklist li {
    float:left;
    font-size:12px;
    line-height:1;
    display:inline;
}
ul.popular-tags li a, ul.linklist li a{
    background:#F8F2E0;
    display:block;
    float:left;
    margin:0 3px 7px 3px;
    padding:5px 6px;
    text-decoration:none;
    white-space:nowrap;
    color:#554433;
    width:60px;
    overflow:hidden;
}
ul.linklist li a{
    color:#779944;
    width:99px;
}
*:first-child+html ul.popular-tags li a{/* voor IE7 */
                                        margin:7px 3px 0px 3px;
}
*:first-child+html ul.linklist li a{/* voor IE7 */
                                    margin:7px 3px 0px 3px;
}
ul.popular-tags li a, ul.linklist li a{
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
ul.popular-tags li:hover, ul.linklist li:hover{
    background:none;
}
ul.popular-tags li a:hover, ul.linklist li a:hover {
    background:#fff;
    text-decoration:none;
}
/********** CONTENT / linker gedeelte **********/
#content{
    background:#e2d8bb url(images/content-bg.gif) repeat-x top;
    width:615px;
    float:left;
    padding:20px 30px 0 25px;
    font-size:13px;
    line-height:19px;
    color:#554433;
}
#content h1{
    text-align:left;
    padding:0;
    font-size:24px;
    font-weight:bold;
    color:#ac9d82;
    text-transform:uppercase;
    text-shadow:1px 1px 0px #fff;
}
#content h1 a{
    color:#ac9d82;
}
#content p{
    padding:6px 0 6px 0;
}
/********** INDEX PAGE and THUMBNAILS PAGE ***************/
div.summary {
    margin-top:15px;
}
/* Text */
.toelichting{
    margin:5px 0 0 0;
}
/* More link */
div.more a{
    background:url(images/arrow.gif) right 6px no-repeat;
    padding-right:8px;
}
div.summary div.more {
    text-align: right;
    margin-top:-26px;
    width:50px;
    float:right;
    text-decoration:underline;
}
/* Thumbnails */
.preview{
    float:left;
    display:inline;
    width:102px;
    height:102px;
    margin:13px 21px 8px 0;
}
.preview a img{
    width:100px;
    height:100px;
    border:1px solid #fff;
    vertical-align:text-top;
}
.preview a:hover img{
    border:1px solid #666;
}
/* Hover on Thumnails */
a.tooltip {color:#c00;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:300; text-decoration:none;}
a.tooltip:hover b{display:block; position:absolute; top:73px; left:1px; padding:4px 2px; line-height:20px; font-weight:normal; color:#ffffff; background-image:url(images/bg_tooltip.png); width:96px; height:20px; overflow:hidden; text-align:center; font-size:11px;}
/********** DESCRIPTION PAGE **********/
/* Crumbs */
.crumbs{
    background:url(images/divider-dashed.gif) bottom repeat-x;
    padding:0px 0px 8px 0px;
    font-size:12px;
    font-weight:bold;
    color:#554433;
    width:615px;
    float:left;
}
.crumbs a{
    background:url(images/arrow.gif) right no-repeat;
    padding:0 10px 0 0;
    margin-right:6px;
    font-weight: normal;
}
.crumbs a:hover{
    text-decoration:underline;
}
div.crumbs {
    margin-bottom:20px;
}
.entry .crumbs {
    float: none;
    width: auto;
    padding: 0;
    margin: -20px 0 10px 0;
}
.error {
    color: #e00
}
/* Various */
.entry, .description{
    padding-bottom:12px;
    margin-bottom:12px;
}
.thumbnails{
    padding-bottom:10px;
}
.description img.descriptionimg {
    border:1px solid #ffffff;
    margin:6px 0 0 0;
}
#thumbnail-nav{
    float:right;
    width:102px;
    min-height:10px;
    margin-top:6px;
}
#thumbnail-nav img{
    border:1px #ffffff solid;
    display:block;
}
#thumbnail-nav a{
    display:block;
    height:120px;
    margin-bottom:10px;
    text-align:center;
}
#content p.date {
    padding:10px 0 0 0;
}
.entry h2, .description h2{
    margin-top:16px;
    color:#554433;
    font-size:15px;
    margin-bottom:-2px;
}
.entry h2{
font-size:16px;
}
.entry h3{
font-size:14px;
}
.description h2 {
    margin:10px 0 2px 0;
}
.entry ul,.entry li {
    display: inline;
    line-height: 14px;
    list-style: none
}
.entry li {
    display: block;
    margin: 3px 0 2px -10px;
    padding: 0 0 2px 26px;
    background: transparent url(images/check.gif) no-repeat 10px 2px
}
.details {
    clear: both;
    background:url(images/divider-imprint.gif) top repeat-x;
    width:615px;
    margin:15px 0 0 0;
    padding:15px 0 0 0;
}
.details h3 {
    font-size:13px;
    float:left;
    margin-right:8px;
    width:45px;
}
.details #keywords{
    display:block;
    padding-bottom:10px;
}
.inline_navigation {
    margin-top:12px;
    height:1em;
}
.inline_navigation .left {
    float: left;
}
.inline_navigation .right {
    float: right;
}
.zoom {
}
/************ Tabel Bestelpagina ************/
#table {
    padding-bottom:5px;
}
.size,.order {
    display:block;
    float:left;
    width:72px
}
.resolution {
    display:block;
    float:left;
    width:92px
}
.inch {
    display:block;
    float:left;
    width:148px
}
.price {
    display:block;
    float:left;
    width:52px
}
/*************** Images Position ****************/
.imgcenter, .imgleft, .imgright{
    display: block;
    padding: 3px;
    border: 0px solid #666
    margin: 3px 3px 3px 3px;
}
.imgleft {
    float: left;
    margin: 0px 12px 6px 0px;
}
.imgright {
    float: right;
    margin: 0px 0px 6px 12px;
}
/******************* THUMBSPAGINA ****************/
.displaying-top{
    background:url(images/divider-dashed.gif) top repeat-x;
    padding:8px 0;
}
.displaying {
    padding-bottom:10px;
    font-size:12px;
    font-weight:bold;
    color:#779944;
    clear:left;
}
.displaying a{
    background-color:#f8f2e0;
    padding:5px 6px;
    margin:0 5px 5px 0;
    color:#779944;
    text-decoration:none;
    border:1px solid #779944;
    width:16px;
    display:block;
    float:left;
    text-align:center;
}
.displaying a:hover{
    background-color:#FFFFFF;
}
.displaying a.currentpage{
    background-color:#779944;
    color:#FFFFFF;
}
/* arrow */
.displaying a.arrow_right, .displaying a.arrow_left{
    background:#aa9b7f url(images/rightarrow.gif) 11px 6px no-repeat;
    width:30px;
    height:29px;
    padding:0;
    border:1px solid #aa9b7f;
}
.displaying a.arrow_right:hover, .displaying a.arrow_left:hover {
    background-color:#C2B69E;
}
.displaying a.arrow_left{
    background:#aa9b7f url(images/leftarrow.gif) 11px 6px no-repeat;
    margin-right:4px;
}

.navbarimg{
    border: 0;
    vertical-align: middle;
    margin: 0 3px
}
.left{
    float: left
}
.clear{
    clear: both
}
#arrowleft a:link,#arrowleft a:visited{
    background: url(images/leftarrow.gif) right top no-repeat
}
#arrowleft a:hover,#arrowleft a:active {
    background: url(images/leftarrowhover.gif) right top no-repeat
}
#position{
    line-height: 13px;
    float: right;
}
#arrowright a:link,#arrowright a:visited{
    background: url(images/rightarrow.gif) left top no-repeat
}
#arrowright a:hover,#arrowright a:active{
    background: url(images/rightarrowhover.gif) left top no-repeat
}
/************ Product Details ******************/
#imagedetails_actions{
    background:url(images/content-bg.gif) top repeat-x;
    clear:right;
    height:90px;
    padding:12px 0 8px 0;
    border-top:1px solid #ffffff;
    margin:15px 0 0 0;
    width:615px;
}
#imagedetails_actions a,
#imagedetails_actions div.inactive{
    display: block;
    width: 153px;
    height: 80px;
    text-align: center;
    color: #554433;
}
#imagedetails_actions a:hover{
    color:#779944;
}
#imagedetails_actions div.inactive span{
    color: #C1AD71;
    text-decoration:line-through;
}
#imagedetails_actions a img{
    border: none;
}
#imagedetails_actions span{
    display: block;
    clear: both;
}

#bestelprint_link {
}
/************ ORDER IMAGE ******************/
#orderimage h2{
    margin:14px 0 10px 0;
    color:#ccc;
    padding-bottom:2px;
    border-bottom:1px solid #555;
    font-size:15px
}
#orderimage label {
    clear:both;
    height:16px;
    margin:4px 0 0 0
}
#orderimage th {
    text-align:left;
    font-weight:normal;
    padding-right:10px;
    vertical-align:top;
    padding:4px;
}
.orderinfo th{
    width:180px;
}
#orderimage td{
    padding:4px;
}
#betaalwijze-ideal{
    display:none;
}
#orderimage input.input-text{
    font-size:12px;
    border:1px solid #c7ad71;
    background-image:url(images/order-input.gif);
    background-position:left top;
    color:#554433;
    line-height:21px;
    padding:6px;
    width:180px;
}
#orderimage .field-radio{
    width:auto;
    margin-left:92px;
    border:none;
    background:transparent;
}
#orderimage select{
    background-color:#222;
    border:1px solid #555;
    color:#888;
    font-size:12px;
    width:150px;
}
#orderimage textarea{
    width:250px;
    margin:4px 0 0 0;
}
#orderimage input.buttonform,.button{
    background:url(images/order-button.gif) repeat-x;
    border:1px solid #8a7e67;
    color:#ffffff;
    font-size:13px;
    height:24px;
    line-height:24px;
    width:80px;
    cursor:pointer;
}
#orderimage input.buttonform:hover{
    background-position:0 -24px;
}
#orderimage span.error {
    clear:both;
}
#orderimage-table {
    background:url(images/content-bg.gif) top repeat-x;
    width:500px;
    border-collapse:collapse;
    margin-bottom:20px;
    padding:4px;
}
#orderimage-table thead tr td {
    border-bottom: 1px solid #555555;
}
#orderimage-table th {
    text-align:left;
    font-weight:bold;
    padding:5px 0;
    vertical-align:top;
}
#orderimage-table tbody {
}
#orderimage-table tbody tr td {
    background:url(images/divider-imprint.gif) bottom repeat-x;
    padding:5px 0 6px 0;
}
#orderimage-table td.center {
    text-align:center;
}
#orderimage-table .field-radio {
    width:auto;
    margin:auto;
}
/***** RECAPTCHA STYLING ******/
#recaptcha_response_field {
    color: #999;
}
/** dynamic content field for product.content **/
div.product_content_wrap {
    width: 500px;
    float:left;
}
div.product_content {
    width: 500px;
    margin:6px 0 0 0;
}
/** bestelprint fancybox styling **/
#fancybox-outer {
    background: #e2d8bb !important;
    border: 1px solid #d1c7a9;
}
#bestelprint_content {
    width: 250px;
    color: #554433;
}
#bestelprint_content h3 {
    color: #AC9D82;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0 0 4px;
    text-transform: uppercase;
}
#bestelprint_content p {
    font-size: 13px;
    margin: 0 0 20px;
}
#bestelprint_content a,
#bestelprint_content span.inactive {
    display: block;
    line-height: 30px;
    text-align: center;
    -moz-border-radius: 6px;
    text-decoration: none;
    border: 2px solid;
    outline: none;
    margin-top: 8px;
    font-size: 16px;
}
#bestelprint_content a {
    color: #fff;
    background-color: #aa9b7f;
    border-color: #998b70;
}
#bestelprint_content span.inactive {
    background-color: #d4cbaf;
    border-color: #c4bb9e;
    color: #aa9b7f;
}
#bestelprint_content a:hover {
    background-color: #998b70;
}
/********** FOOTER ***********/
#footer {
    background:url(images/footer-bg.png) no-repeat top;
    width:980px;
    clear:both;
    color:#f0e5d1;
    padding:55px 0 10px 0;
    height:74px;
    margin-top:-40px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height:17px;
}
/* copyright */
#footer p {
    background:url(images/footer-divider.gif) left repeat-y;
    padding-left: 18px;
    width:265px;
    float:left;
}
/* diensten  */
#footerlists{
    background:url(images/footer-divider.gif) left repeat-y;
    padding-left: 18px;
    width:170px;
    float:left;
}
#footerlists ul{
    width:85px;
    float:left;
    list-style:none;
}
#footerlists ul li a{
    text-decoration:none;
}
#footer a:link,#footer a:visited {
    font-family: Arial, Helvetica, sans-serif;
    color: #f0e5d1
}
#footer a:active,#footer a:hover {
    color: #fff;
}
/* social media  */
#footermedia{
    float:left;
    width:330px;
    padding-left:20px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height:17px;
}
#social li{
    float:left;
    list-style:none;
    margin-top:18px;
}
#social li a{
    background:transparent url(images/social-media-icons.gif);
    height:31px;
    width:32px;
    display:block;
    text-indent:-300em;
    overflow:hidden;
    margin-right:8px;
}
#social li#social01 a{
    background-position:0 0;
}
#social li#social02 a{
    background-position:-32px 0;
}
#social li#social03 a{
    background-position:-64px 0;
}
#social li#social04 a{
    background-position:-96px 0;
}
#social li#social05 a{
    background-position:-128px 0;
}
#social li#social06 a{
    background-position:-160px 0;
}
#social li#social07 a{
    background-position:-192px 0;
}
#social li#social08 a{
    background-position:-224px 0;
}
#social li#social01 a:hover{
    background-position:0 -32px;
}
#social li#social02 a:hover{
    background-position:-32px -32px;
}
#social li#social03 a:hover{
    background-position:-64px -32px;
}
#social li#social04 a:hover{
    background-position:-96px -32px;;
}
#social li#social05 a:hover{
    background-position:-128px -32px;;
}
#social li#social06 a:hover{
    background-position:-160px -32px;;
}
#social li#social07 a:hover{
    background-position:-192px -32px;;
}
#social li#social08 a:hover{
    background-position:-224px -32px;;
}
/***************** CLEARFIX ***************/
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clear{
    clear:both;
}
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE Mac */