* {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}

body {
	background: #fff url(images/bg.jpg) top center
}

#container {
	background-color: #444;
	width: 800px;
	margin: 0 auto;
	border-left: 1px solid #777;
	border-right: 1px solid #777
}

iframe {
	margin: 12px 0 0 2px; *
	margin-bottom: 5px
}

/************ HEADER *****************/
#kop {
	background: url(images/top.gif) center no-repeat;
	height: 90px;
	width: 100%
}

#header {
	width: 100%;
	height: 150px;
	text-align: center;
	background: url(images/headbg.gif) no-repeat center;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}

#headersmall {
	width: 100%;
	height: 2px;
	text-align: center;
	background: url(images/headbg_line.gif) center;
	font-size: 0
}

#header img,#headersmall img {
	border: none
}

.thumbs {
	width: 100px;
	height: 100px;
	border: none
}

/************ THUMBNAIL LIST *****************/
#thumbs {
	width: 792px;
	height: 123px;
	border-bottom: 1px solid #666;
	padding: 5px 0 0 8px;
	background-color: #222
}

#thumbs a {
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	padding: 3px;
	border: 3px solid #222;
	margin-top: 3px;
	background-color: #666
}

#thumbs a:hover {
	background-color: #29c
}

/********** MENU BOVEN ***********/
#quicknav {
	float: left;
	list-style-type: none;
	width: 100px;
	padding: 5px 0 0 5px;
}

#quicknav li {
	float: left;
}

#menu {
	background-color: #333;
	background-image: url(images/menubg.gif);
	border-bottom: 1px solid #666;
	border-top: 1px solid #eee;
	width: 800px;
	margin: 0 auto;
	display: block;
	height: 30px
}

#nav,#nav ul {
	float: right;
	width: 695px;
	list-style: none;
	line-height: 1.0;
	font-weight: bold;
	padding: 0;
	background: transparent;
	border: solid #000;
	border-width: 0;
	margin: 0
}

#nav a {
	text-align: left;
	font-size: 12px;
	display: block;
	width: 10em;
	color: #fff;
	background-color: #555;
	text-decoration: none;
	padding: 7px;
	border-top: 1px solid #ccc
}

#nav a:hover {
	color: #29c;
	background-color: #000
}

#nav a.daddy {
	height: 18px;
	border-top: 0;
	text-align: center;
	text-transform: uppercase;
	display: block;
	letter-spacing: 0;
	font-weight: bold;
	padding: 12px 10px 0 11px;
	width: 60px;
	text-decoration: none;
	color: #fff;
	background-image: url(images/menubg.gif);
	border-left: 1px solid #ccc;
	margin: 0
}

#nav a:hover.daddy,#nav a.current {
	color: #000;
	background: #fff url(images/menubg_hov.gif) center
}

#nav li {
	float: right;
	padding: 0;
	width: 82px
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 124px;
	font-weight: normal;
	background-color: #093;
	border-width: 1px;
	margin: 0
}

#nav li li {
	float: left;
	padding-right: 0;
	width: 110px
}

#nav li ul a {
	width: 110px
}

#nav li ul ul {
	margin: -1.75em 0 0 124px
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul 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
}

/********** INHOUD BLOG ***********/
a.comment {
	color: #29c;
	text-decoration: none;
	border-bottom: 1px solid #666;
	background: url(images/comment_1.gif) right no-repeat;
	padding: 1px 16px 1px 1px
}

/********** description page **********/
.entry,.thumbnails,.description {
	padding-bottom: 14px;
	margin-bottom: 12px;
	background: url(images/border.gif) bottom no-repeat
}

.descriptionimg {
	padding: 5px;
	border: 1px solid #666;
	margin-top: 6px;
	background-color: #333
}

.description h2 {
	margin-top: 8px;
	text-transform: uppercase;
	font-size: 14px;
	width: 85%;
	line-height: 20px;
}
.description .date {
	line-height: 16px;
}

.entry h2,.ecard h2 {
	margin-top: 14px;
	color: #ccc;
	padding-bottom: 2px;
	border-bottom: 1px solid #555;
	font-size: 13px
}

.details {
	background-color: #000;
	border: 1px solid #555;
	width: 498px;
	margin: 12px 0 0 0;
	padding: 16px 5px 15px 7px;
	line-height: 16px;
	background-image: url(images/lijntje.gif)
}

.details h3 {
	text-transform: uppercase;
	font-size: 12px;
	float: left;
	margin-right: 8px
}

.inline_navigation {
	margin-top: 12px;
	height: 1em;
}

.inline_navigation a:link,.inline_navigation a:visited {
	color: #ccc !important;
}

.inline_navigation a:hover,.inline_navigation a:active {
	color: #fff !important;
}

.inline_navigation .left {
	float: left;
}

.inline_navigation .right {
	float: right;
}

.zoom {
	margin-top: 6px
}

.zoom img {
	border: 0
}

/********/
#content {
	display: inline;
	background-color: #333;
	width: 505px;
	float: right;
	padding: 10px 14px 11px 11px;
	margin: 10px;
	font-size: 12px;
	line-height: 17px;
	color: #bbb;
	border: 1px solid #444
}

#content h1 {
	text-align: right;
	margin-bottom: 6px;
	padding: 0 0 4px 0;
	font-size: 16px;
	color: #999;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #29c
}

#content h1 a {
	color: #999
}

.undertext {
	font-size: 11px;
	padding: 1px 0 0 0;
	color: #666;
	text-transform: uppercase;
	margin-bottom: 2px
}

#content p {
	padding-top: 12px
}

.thumbnails img {
	display: block;
	padding: 3px;
	border: 1px solid #666;
	margin-bottom: 4px;
	margin-top: 7px;
	background-color: #333
}

.entry a:link,.entry a:visited {
	color: #29c;
	text-decoration: none
}

.entry a:hover,.entry a:active {
	color: #ccc
}

.entry .crumbs {
	float: none;
	width: auto;
	padding: 0;
	margin: -20px 0 10px 0;
}

.error {
	color: #e00
}

/******************* THUMBSPAGINA ****************/
#design h1 {
	border-bottom: 1px solid #29c
}

#design a:link,#design a:visited {
	color: #29c;
	text-decoration: none
}

#design a:hover {
	color: #fff;
	text-decoration: none
}

/******************* THUMBS EXTRA ******************/
.preview {
	float: left;
	display: inline;
	padding: 1px;
	width: 107px;
	height: 152px;
	background-color: #333;
	margin: 6px 6px 7px 11px;
	overflow: hidden
}

.preview img {
	width: 100px;
	height: 100px
}

.displaying {
	letter-spacing: 2px;
	font-size: 13px;
}
.arrows {
	float: right;
	width: 120px;
	text-align: right;
}
.arrows a {
}
.arrows a.arrow {
	display: inline;
	margin-left: 8px;
	float: right;
	height: 13px;
	width: 15px;
}
.displaying a.arrow {
	display: block;
	float: left;
	height: 15px;
	width: 15px;
}
.arrows a.arrow_right,
.displaying a.arrow_right {
	background: url(images/rightarrow.gif) no-repeat;
}
.arrows a.arrow_right:hover,
.displaying a.arrow_right:hover {
	background: url(images/rightarrowhover.gif) no-repeat;
}
.arrows a.arrow_left,
.displaying a.arrow_left {
	background: url(images/leftarrow.gif) no-repeat;
	margin-right: 5px;
}
.arrows a.arrow_left:hover,
.displaying a.arrow_left:hover {
	background: url(images/leftarrowhover.gif) no-repeat;
}
.displaying a.arrow, .displaying a.arrow:hover {
	background-position: 0 2px;
}
.displaying a, .displaying span {
	float: left;
	margin-right: 7px;
}

.navbarimg {
	border: 0;
	vertical-align: middle;
	margin: 0 3px
}

.left {
	float: left
}

.clear {
	clear: both
}

#searchbar {
	width: 490px;
	margin: 15px 8px 5px 8px;
	padding: 8px 0;
	border-bottom: 1px solid #555;
	border-top: 1px solid #555
}

#searchbar h2 {
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 2px
}

.crumbs {
	width: 380px;
	float: left;
}


#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
}

/******************* LEFT ****************/
.menuleft h1 {
	text-align: left;
	margin: 0 -10px 10px -10px;
	padding: 4px 0 2px 12px;
	font-size: 12px;
	color: #999;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 2px solid #555;
	background-color: #444
}

#left {
	width: 239px;
	float: left;
	margin: 7px 0 4px 0;
	display: block
}

.menuleft {
	display: inline;
	background-color: #363636;
	width: 206px;
	padding: 0 10px 8px 10px;
	margin: 4px 0 10px 10px;
	float: left;
	font-size: 12px;
	color: #999;
	border-left: 1px solid #111;
	border-top: 1px solid #111;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666
}

.blog img {
	width: 88px;
	height: 31px;
	border: none
}

div.links {
	text-align: center;
}

.links a {
	padding-right: 9px
}

.links img {
	padding: 1px;
	border: 1px solid #666;
	margin-bottom: 3px;
	margin-top: 4px
}

.snelmenu {
	width: 23px;
	height: 20px;
	border: none
}

#advertisement {
	display: inline;
	float: left;;
	margin: 4px 0 10px 10px;
	width: 206px;
	padding: 10px;
	background-color: #363636;
	border-left: 1px solid #111;
	border-top: 1px solid #111;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	text-align: center;
}

#advertisement img {
	border: 1px solid #fff
}

#tagcloud {
	font-size: 12px;
	text-align: center
}

#tagcloud a {
	color: #999
}

#tagcloud a:hover {
	background-color: #999;
	color: white
}

/******* FORM *******/
input,textarea {
	font-size: 12px;
	border: 1px solid #555;
	background-color: #222;
	color: #999;
	padding: 0 1px 0 4px
}

.buttonform {
	border: 0;
	height: 24px;
	width: 60px;
	padding-top: 3px;
	background: url(images/button.gif) 0 4px no-repeat;
	cursor: pointer
}

/********** LIST *******/
.menuleft ul,.menuleft li {
	display: inline;
	font-size: 12px;
	line-height: 14px;
	list-style: none
}

.list li a:link,.list li a:visited {
	display: block;
	color: #29c;
	text-decoration: none;
	margin: 3px -10px 2px -10px;
	padding: 0 0 2px 26px;
	background: transparent url(images/list.gif) no-repeat 10px 2px;
	border-bottom: 1px solid #262626
}

.stats a:link,.stats a:visited {
	display: block;
	color: #29c;
	text-decoration: none;
}

.list li a:hover,.feeds li a:hover {
	color: #ccc
}

.sublist li a:link,.sublist li a:visited {
	display: block;
	color: #aaa;
	text-decoration: none;
	margin: 3px -10px 2px -10px;
	padding: 0 0 2px 41px;
	background: transparent url(images/listsub.gif) no-repeat 25px 2px;
	border-bottom: 1px solid #262626
}

.rss li a:link,.rss li a:visited {
	background: transparent url(images/feed-icon.png) no-repeat 10px 0px;
}

.rss li {
	float: left;
	width: 50px;
	margin-left: 50px
}

ul.rss li a:link,ul.rss li a:visited {
	border-bottom: none
}

/********** TWITTER *******/
#twitter_update_list li a {
	font-size: 12px !important;
	color: #29c;
	text-decoration: none;
}

#twitter_update_list span {
	display: block;
}

a#twitter-link {
	display: block;
	color: #29c;
	padding: 4px 0px 0px 0px;
}

#twitter_update_list li {
	display: block;
	padding: 8px 0px 9px 5px;
	margin: 0px;
	border-bottom: 1px solid #555555;
}

/********** FORM ***************/
.archiveform {
	position: relative;
	margin: 4px 0 3px 0
}

.archiveform .archive {
	width: 122px;
	background-color: #222;
	margin-right: 2px;
	color: #888;
	border: 1px solid #555;
	font-size: 12px
}

.country {
	background-color: #222;
	color: #888;
	border: 1px solid #555
}

.textfield {
	width: 160px
}

/********** FOOTER ***********/
#footer {
	border-top: 1px solid #999;
	width: 100%;
	clear: both;
	text-align: right;
	color: #999;
	display: block;
	padding: 8px 0;
	background-image: url(images/bg_footer.gif)
}

#footer p {
	padding-right: 6px;
	margin-right: 6px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	border-right: 1px solid #29c
}

#footer a:link,#footer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #999
}

#footer a:active,#footer a:hover {
	color: #29c
}

#prof {
	display: none
}

/************ Tabel Detailpagina ************/
#table {
	width: 470px
}

.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 Blog ****************/
.imgcenter {
	display: block;
	padding: 3px;
	border: 1px solid #666
}

.imgleft {
	display: block;
	padding: 3px;
	border: 1px solid #666;
	float: left
}

.imgright {
	display: block;
	padding: 3px;
	border: 1px solid #666;
	float: right
}

/************* Links Page ***************/
.linkspage {
	background-color: #000;
	border: 1px solid #555;
	width: 498px;
	margin: 12px 0 0 0;
	padding: 8px 5px 4px 7px
}

.linkspage a {
	padding-right: 2px;
	padding-left: 1px
}

.linkspage img {
	padding: 1px;
	border: 1px solid #666;
	margin: 4px 0
}

/************ ECARD ******************/
.ecard h2 {
	margin-bottom: 10px
}

.ecard label {
	clear: both;
	display: block;
	float: left;
	width: 92px;
	height: 16px;
	margin: 4px 0 0 0
}

.ecard input {
	height: 16px;
	width: 180px;
	margin: 4px 0 0 0
}

.ecard textarea {
	width: 250px;
	margin: 4px 0 0 0
}

.ecard .buttonform,.button {
	border: 1px solid #000;
	height: 20px;
	padding: 0;
	width: 80px;
	background: url(images/button_bg.gif);
	cursor: pointer;
}

/************ Product Details ******************/
#imagedetails_actions {
	clear: right;
	height: 90px;
}
#imagedetails_actions a,
#imagedetails_actions div.inactive {
	display: block;
	width: 138px;
	height: 80px;
	text-align: center;
}
#imagedetails_actions div.inactive span {
	color: #888;
}
#imagedetails_actions a img {
	border: none;
}
#imagedetails_actions span {
	display: block;
	clear: both;
}
#imagedetails_actions div.last a {
	float: left;
	width: 90px !important;
}
#bestelprint_link {
}
	
/************ Order Image ******************/
#orderimage h2 {
	margin-top: 14px;
	margin-bottom: 10px;
	color: #ccc;
	padding-bottom: 2px;
	border-bottom: 1px solid #555;
	font-size: 13px
}
#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;
}
#orderimage td {
	padding: 4px;
}
#betaalwijze-ideal {
	display: none;
}
#orderimage .input-text {
	height: 16px;
	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 .buttonform,.button {
	border: 1px solid #000;
	height: 20px;
	padding: 0;
	width: 80px;
	background: url(images/button_bg.gif);
	cursor: pointer
}
#orderimage span.error {
	clear: both;
}

#orderimage-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
#orderimage-table thead tr td {
	border-bottom: 1px solid #555555;
}
#orderimage-table th {
	text-align: left;
	font-weight: normal;
	padding-right: 10px;
	vertical-align: top;
	padding: 4px;
}
#orderimage-table tbody {
	background-color: #444444;
}
#orderimage-table tbody tr td {
	border-bottom: 1px solid #555;
	padding: 4px;
}
#orderimage-table td.center {
	text-align: center;
}
#orderimage-table .field-radio {
	width: auto;
	margin: auto;
}


/************* Training Page ********/
.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
}

#nieuwsbrief {
	height: 20px;
	line-height: 20px;
	margin-top: 7px;
	background: transparent url(images/list.gif) no-repeat 10px 5px;
	border-bottom: 1px solid #262626;
	border-top: 1px solid #262626;
	padding-left: 26px;
	margin-left: -10px
}

#nieuwsbrief a:link {
	color: #299ccc;
	text-decoration: none
}

#nieuwsbrief a:hover {
	color: #ccc
}

/************** AWStats ************/
.awstats {
	padding-left: 9px;
	font-size: 1px;
}

.awstats div {
	display: block;
	float: left;
	width: 10px;
	margin-right: 2px
}

.legend td {
	padding-top: 4px
}

.legend td div {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	margin: 6px 0 0 20px;
	_margin-left: 7px;
	font-size: 1px;
}

.legend td span {
	display: block;
	float: left;
	margin: 2px 0 0 10px
}

.awstats .uniek,.legend .uniek {
	background-color: #ffaa66
}

.awstats .aantal,.legend .aantal {
	background-color: #f4f090
}

.awstats .pagina,.legend .pagina {
	background-color: #4477dd
}

.graphmonths {
	text-align: right;
	padding-right: 15px
}

.graphnumbers {
	text-align: right;
	padding-right: 45px
}

.bottomuniek,.bottomaantal,.bottompagina {
	border-top: 1px solid;
}

.bottomuniek {
	border-top-color: #ffaa66
}

.bottomaantal {
	border-top-color: #f4f090
}

.bottompagina {
	border-top-color: #4477dd
}

/***************************************************************************************************\
  bran's css patch voor de linker kolom 40px breder, en de hele layout mee schalen
   - let op: er zijn 3 nieuwe bredere afbeeldingen nodig, de website wordt totaal 840px breed nu !
      1. /images/top.gif
      2. /images/bg.jpg
      3. /images/headbg.gif
*/
#container {
	width: 840px;
}

#menu {
	width: 840px;
}

#thumbs {
	width: 832px;
	height: 130px;
}

#thumbs a {
	padding: 6px;
}

#left {
	width: 279px;
}

.menuleft {
	width: 246px;
}

#advertisement {
	width: 246px;
}

#googleads {
	width: 256px;
	padding: 0 5px 8px 5px;
	text-align: center
}

/***************************************************************************************************/
	/********** INDEX SUBCATEGORY SUMMARY ***************/
div.crumbs {
	margin-bottom: 5px;
}

div.summary a,div.thumbnails a {
	color: #2299CC;
	text-decoration: none;
}

div.summary a:hover,div.thumbnails a:hover {
	color: #fff;
}

div.summary {
	margin-bottom: 20px;
}

div.summary div.thumbnails {
	background: none;
}

div.summary div.more {
	text-align: right;
}

/***** RECAPTCHA STYLING ******/
#recaptcha_response_field {
	color: #999;
}

/** dynamic content field for product.content **/
div.product_content_wrap {
	clear: both;
	padding-top: 6px;
}
div.product_content {
	padding: 5px;
	border: 1px solid #666;
	background-color: #333;
	text-align: center;
	width: 498px;
}


/** bestelprint fancybox styling **/
#fancybox-outer {
	background: #333333;
	border: 1px solid #111;
}
#bestelprint_content {
	width: 250px;
	background: #333333;
}
#bestelprint_content h3 {
	border-bottom: 1px solid #2299cc;
	color: #999;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 0 0 4px;
	text-transform: uppercase;
}
#bestelprint_content p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #BBBBBB;
	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: #666;
	border-color: #888;
}
#bestelprint_content span.inactive {
	color: #aaa;
	background-color: #444;
	border-color: #555;
}
#bestelprint_content a:hover {
	background-color: #777;
}