body {font-family: arial, sans-serif; font-size: 12px; color: #333; background: #fff; margin: 10px 0 0 0; padding: 0; text-align: center}

form {display: inline; margin: 0; padding: 0}

* {font-family: arial, sans-serif}

*:active {outline: none}
*:focus  {outline: none}

a {color: #00a4e8; font-weight: bold; text-decoration: none}
a:hover {color: #666; font-weight: bold; text-decoration: none}

#wrappedup {width: 950px; text-align: left; margin: 0 auto}
#theheader {margin-bottom: 20px}

.logowrapper {min-height: 67px; height: auto !important; height: 67px}
.logo {float: left; width: 230px; height: 67px}

.login-container {margin: 0 0 0 590px}
.login-container .links {font-size: 11px; float: left; width: 135px}
.login-container a {color: #999; font-weight: normal; text-decoration: none}
.login-container a:hover {color: #00a4e8; font-weight: normal; text-decoration: none}
.login-container .login {margin: 0 0 0 145px; padding-left: 10px; border-left: 1px solid #888}
.login-container input.fields {color: #888; font-size: 11px; padding: 5px; width: 150px; border: 1px solid #888}
.login-container input.loginbtn {color: #fff; font-size: 11px; font-weight: bold; background: #00a4e8; border: none; padding: 2px 3px}
.login-container .login p.loggedin {font-size: 12px; font-weight: bold; color: #333; margin: 0 0 10px 0}

#menu-container {margin-bottom: 15px; background: #ededed url(../images/hansbarten.gif) no-repeat 15px center; min-height: 35px; height: auto !important; height: 35px}

.menuholder {margin: 0 0 0 255px; padding: 0 0 0 0}
.menuholder li {margin: 0; padding: 0; display: inline; list-style-type: none}
.menuholder a:link, .menuholder a:visited {float: left; font-size: 11px; padding: 10px 10px 0 10px; font-weight: normal; text-decoration: none; color: #999}
.menuholder a:link.active, .menuholder a:visited.active, .menuholder a:hover {font-weight: normal; color: #00a4e8; background: url(../images/icon-mainmenu.gif) no-repeat top center}

#filter {width: 225px; float: left; padding: 0 20px 0 0; border-right: 1px solid #ccc}
#filter .roundzoek {width: 100%; background: #ededed; color: #fff; margin-bottom: 10px}
#filter .zoektop {background: url(../images/zoek-tr.gif) no-repeat top right}
#filter .zoekbottom {background: url(../images/zoek-br.gif) no-repeat top right}
#filter .roundzoek img.corner {width: 5px; height: 5px; border: none; display: block !important}
#filter .zoek-op-trefwoord {padding: 10px 15px}
#filter input.trefwoord {color: #888; font-size: 11px; width: 185px; margin-bottom: 10px}
#filter input.zoek {color: #fff; font-size: 11px; font-weight: bold; background: #999; border: none; padding: 2px 3px}
#filter input.empty {color: #fff; font-size: 11px; font-weight: bold; background: #ccc; border: none; padding: 2px 3px}
#filter select.streek {color: #333; font-size: 11px; width: 190px; margin-bottom: 10px}
#filter ul.category {list-style: none; margin: 0; padding: 0}
#filter ul.category li {font-size: 12px; margin: 0 0 5px 0; padding: 0 0 0 15px; background: transparent url(../images/icon-menucategory.gif) no-repeat 0 6px}
#filter ul.category a {color: #888; font-weight: normal; text-decoration: none}
#filter ul.category a:hover {color: #00a4e8; font-weight: normal; text-decoration: none}
#filter .zoekopkleur {margin: 25px 0 5px 0}
#contentholder {margin: 0 0 0 245px; width: 680px; padding: 0 0 0 20px}

#midden h1 {font-size: 16px; color: #00a4e8; line-height: normal; margin: 0 0 15px 0}
#midden h3 {font-size: 12px; color: #666; margin: 0 0 0 0}
#midden input.textField {font-size: 11px; color: #333; width: 285px; padding: 2px; margin-bottom: 5px}
#midden input.aanmaken {font-size: 11px; color: #fff; font-weight: bold; width: 100px; border: none; padding: 2px 3px; margin-top: 10px; background: #00a4e8}
#midden td {vertical-align: top; font-size: 12px}
#midden p.error {font-size: 11px; color: #c60; margin: 5px 0 5px 15px}
#midden p.errormsg {font-size: 11px; color: #c60; margin: 5px 0 5px 15px}

.breadcrumbs {font-size: 11px; color: #999; margin-bottom: 20px}
.breadcrumbs a {color: #999; font-weight: normal; text-decoration: none}
.breadcrumbs a:hover {color: #00a4e8; font-weight: normal; text-decoration: none}

.homepagefotoholder {float: left; margin: 0}
.homepagefotoholder .homepagefoto {float: left; margin-right: 15px}
.homepagefotoholder .homepagefoto img {text-align: center; padding: 8px; margin: 0 0 0 0; background: #fff; border: 1px solid #ccc}

.homepagefotoholder .homepageinfo {float: left; font-size: 12px; line-height: 18px}
.homepagefotoholder .homepageinfo h1 {font-size: 16px; color: #00a4e8; line-height: normal; margin: 0 0 15px 0}

.homepagefotoholder .homepagemenu {float: right; margin: 0 0 0 15px; padding: 0 0 0 15px; border-left: 1px solid #ccc}
.homepagefotoholder .homepagemenu ul.submenu {list-style: none; margin: 0; padding: 0}
.homepagefotoholder .homepagemenu ul.submenu li {font-size: 11px; margin: 0 0 10px 0; padding: 0 0 0 15px; background: transparent url(../images/icon-menucategory.gif) no-repeat 0 6px}


.winkelmandjeholder {float: left; margin: 0; width: 100%}
.winkelmandjeholder .winkelmandje {float: left; width: 100%; font-size: 12px; line-height: 18px}
.winkelmandjeholder .winkelmandje h1 {font-size: 16px; color: #00a4e8; line-height: normal; margin: 0 0 15px 0}
.winkelmandjeholder .winkelmandje h2 {font-size: 14px; color: #666; margin: 0 0 0 0}
.winkelmandjeholder .winkelmandje p {font-size: 12px; color: #333}
.winkelmandjeholder .bestelmap {font-size: 11px; margin: 10px 0; width: 100%; border-top: 1px solid #ccc}
.winkelmandjeholder .bestelmap th {font-size: 12px; font-weight: bold; background: #f9f9f9; border-bottom: 1px solid #ccc; padding: 5px 0}
.winkelmandjeholder .bestelmap td.border {padding: 5px 0; border-bottom: 1px solid #ccc}
.winkelmandjeholder .bestelmap td.bordert {padding-top: 10px; border-top: 1px solid #ccc}
.winkelmandjeholder .bestelmap td.addylabel {font-size: 12px; font-weight: bold; width: 30%; padding: 5px 0; border-bottom: 1px solid #ccc}
.winkelmandjeholder .bestelmap td.addyvalue {font-size: 12px; padding: 5px 0; border-bottom: 1px solid #ccc}
.winkelmandjeholder .winkelmandje input.aantal {color: #888; font-size: 11px; padding: 4px; width: 25px; border: 1px solid #888}
.winkelmandjeholder .winkelmandje input.verwijder {color: #fff; font-size: 11px; font-weight: bold; background: #c00; border: none; padding: 2px 3px}
.winkelmandjeholder .winkelmandje input.wijzig {color: #fff; font-size: 12px; font-weight: bold; background: #000; border: none; padding: 3px 2px}
.winkelmandjeholder .winkelmandje input.betaal {color: #fff; font-size: 12px; font-weight: bold; background: #00a4e8; border: none; padding:  2px 3px}
.winkelmandjeholder .winkelmandje input.verder {color: #fff; font-size: 12px; font-weight: bold; background: #00a4e8; border: none; padding:  2px 3px}
.winkelmandjeholder .winkelmandje input.ideal {color: #fff; font-size: 12px; font-weight: bold; background: #c06 url(../images/btn-idealbetalen.gif) no-repeat left; padding-left: 40px; height: 30px}
.winkelmandjeholder .winkelmandje select.method {color: #333; font-size: 12px; width: 250px}

.mijnfotosholder {float: left; margin: 0; width: 100%}
.mijnfotosholder .mijnfotos {float: left; width: 100%; font-size: 12px; line-height: 18px}
.mijnfotosholder .mijnfotos h1 {font-size: 16px; color: #00a4e8; line-height: normal; margin: 0 0 15px 0}
.mijnfotosholder .mijnfotos .orders {margin-bottom: 10px; border-bottom: 1px solid #ccc}
.mijnfotosholder .mijnfotos div.thumb {float: left; width: 155px; font-size: 11px}
.mijnfotosholder .mijnfotos img.thumb {border: 1px solid #ccc; padding: 8px}
.mijnfotosholder .mijnfotos .info {margin-left: 165px}
.mijnfotosholder .mijnfotos .timestamp {font-size: 12px; color: #999}
.mijnfotosholder .mijnfotos a {color: #00a4e8; font-weight: normal; text-decoration: none}
.mijnfotosholder .mijnfotos a:hover {color: #666; font-weight: normal; text-decoration: none}

.bestelinfoholder {float: left; margin: 0; width: 100%}
.bestelinfoholder .bestelinfo {float: left; font-size: 12px; width: 500px; line-height: 18px}
.bestelinfoholder .bestelinfo h1 {font-size: 16px; color: #00a4e8; line-height: normal; margin: 0 0 15px 0}
.bestelinfoholder .bestelinfomenu {font-size: 12px; line-height: 18px; margin: 0 0 0 525px}
.bestelinfoholder .bestelinfomenu ul.submenu {list-style: none; margin: 0; padding: 0}
.bestelinfoholder .bestelinfomenu ul.submenu li {font-size: 11px; margin: 0 0 5px 0; padding: 0 0 0 15px; background: transparent url(../images/icon-menucategory.gif) no-repeat 0 6px}

.fotodetailsholder {float: left; margin: 0}
.fotodetailsholder .fotodetail {float: left}
.fotodetailsholder .fotodetail img {text-align: center; max-width: 400px; padding: 8px; margin: 0 0 0 0; border: 1px solid #ccc}
.fotodetailsholder .fotodetail .latestfotos {margin-top: 10px; padding-top: 5px; border-top: 1px solid #ccc; width: 416px}
.fotodetailsholder .fotodetail .latestfotos img {text-align: center; width: 65px; height: 65px; padding: 4px; margin: 8px 8px 0 0; background: #fff; border: 1px solid #ccc}
.fotodetailsholder .fotodetail .latestfotos p {margin: 0 0 5px 0}
.fotodetailsholder .fotodetail .bladeren {font-size: 11px}
.fotodetailsholder .fotoinfo {font-size: 11px; line-height: 18px; margin: 0 0 0 435px}
.fotodetailsholder .fotoinfo h1 {font-size: 16px; color: #00a4e8; line-height: normal; margin: 0 0 15px 0}
.fotodetailsholder .fotoinfo h2 {font-size: 14px; color: #666; font-weight: normal; margin: 0}
.fotodetailsholder .fotoinfo h3 {font-size: 12px; color: #333; font-weight: normal; margin: 0 0 0 0}
.fotodetailsholder .fotoinfo .priceset {font-size: 11px; border-top: 1px solid #ccc; margin: 0 0 5px 0; padding: 5px 0 0 0}
.fotodetailsholder .fotoinfo .priceset .naam4 {font-style: italic}
.fotodetailsholder .fotoinfo .priceset .naam5 {font-style: italic}
.fotodetailsholder .fotoinfo .priceset .naam6 {font-style: italic}
.fotodetailsholder .fotoinfo .description-layer {border: 1px solid #ccc; padding: 5px 6px; position: absolute; top: 0; left: 0; background: #ededed; width: 240px; z-index: 10}
.fotodetailsholder .fotoinfo .omschrijving {margin-top: 15px}
.fotodetailsholder .fotoinfo input.besteldirect {cursor: pointer; border: none; width: 155px; height: 20px; background: transparent url(../images/btn-besteldirect.gif) no-repeat; margin-bottom: 5px}
.fotodetailsholder .fotoinfo input.bestel       {cursor: pointer; border: none; width: 215px; height: 20px; background: transparent url(../images/btn-bestelmap.gif) no-repeat}
.fotodetailsholder .fotoinfo a {color: #00a4e8; font-weight: normal; text-decoration: none}
.fotodetailsholder .fotoinfo a:hover {color: #999; font-weight: normal; text-decoration: none}

.search-results {margin-bottom: 15px}
.search-results h1 {font-size: 16px; color: #333; font-weight: bold; margin: 0 5px 0 0; display: inline}
.search-results h1.keyword {font-size: 16px; color: #00a4e8; font-weight: bold; margin: 0 5px 0 0; display: inline}

.thumbnailholder {float: left; margin: 0 10px 20px 0; width: 190px; min-height: 60px; height: auto !important; height: 60px; border: 1px solid #ccc; padding: 10px}
.thumbnailholder .thumbnail {float: left; margin: 0 10px 0 0; width: 50px; height: 50px; border: 1px solid #ccc}
.thumbnailholder .thumbinfo {font-size: 11px; margin: 0 0 0 10px}
.thumbnailholder .thumbinfo a {color: #00a4e8; font-weight: normal; text-decoration: none}
.thumbnailholder .thumbinfo a:hover {color: #999; font-weight: normal; text-decoration: none}

#thefeet {clear: both; border-top: 1px solid #ccc; margin-top: 10px}
#thefeet {font-size: 11px; color: #999}
#thefeet a {color: #999; font-weight: normal; text-decoration: none}
#thefeet a:hover {color: #00a4e8; font-weight: normal; text-decoration: none}

.wachtwoordwrapper h1 {font-size: 16px; color: #00a4e8; line-height: normal; margin: 0 0 15px 0}
.wachtwoordwrapper input.btn {color: #fff; font-size: 12px; font-weight: bold; background: #00a4e8; border: none; padding: 2px 3px}
.wachtwoordwrapper input.textField {font-size: 11px; color: #333; width: 250px; padding: 2px; margin-bottom: 5px}

.paginatie {margin: 15px 0}
.paginatie {font-size: 11px; color: #999}
.paginatie a {color: #999}
.paginatie a:hover {color: #00a4e8}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */