@CHARSET "UTF-8";

/** #region

#endregion
*/

/* 
logo links tot einde rechts	: 1040 - 80 = 960
witruimte links				: 80 - 55	= 25
---------------------------------------------- +
totale site								= 985

content-vak					: 1040 - 307= 733
site is 985px breed */
/*	----------------------------------------------------------------------------
	element defaults
	--------------------------------------------------------------------------*/
A {
	text-decoration: none;
	color: black;
}

header,footer,nav,section,article,aside {
	display: block;
}

legend {
	display: block;
	padding-left: 2px;
	padding-right: 2px;
	border: none;
}

/* strange enough firefox displays figure as it containes floats, whereas there are 
none*/
figure	{
	display: block;
	margin:0px;
}

/*removed fieldset from list*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,
abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,
strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	margin: auto;
	padding: auto;
	font: 9pt Verdana;
	/*font-size-adjust: 0.58; experimental, only affects firefox*/
	color: rgb(51,51,51);
}

ol,ul {
	margin-left: 0;
	padding-left: 40px;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	
	
}

/*	Own defaults */ 

h1	{
	color: rgb(25,31,32);
	margin-bottom: 1.5em;
	font-size: 12pt;
	text-transform: uppercase;
}

h2	{
	color: black;
	margin-bottom: 1.5em;
	font-weight: bold;
}

p	{
	margin-bottom: 1.3em;
}

table.data caption	{
	font-weight: bold;
	text-align: left;
	margin-top: 2em;
}

table.data thead	tr	{
	border-bottom: 1px solid rgb(101,102,101);
	color: black;	
}

table.data tr	{
	color: rgb(101,102,101);
}

table.data td	{
	padding: .25em 1.5em .25em 0;
}	

table.data tr:hover	{
	background-color: #F3F3F3;
	color: black;
}

table.data thead tr:hover	{
	background-color: transparent;
}


ol.flat, ul.flat {
	padding-left: 0px;
	list-style: none;
}


fieldset > legend	{
	font-weight: bold;
	padding: 0 10px 0 10px;
}


form label.required:AFTER	{
	content: ' *';
	color: red;
}

form.noRequiredIndicator label.required:AFTER	{
	content: inherit;
	color: inherit;
}

button{
	cursor:pointer;
}

/* remove the magic padding in firefox http://www.sitepoint.com/forums/showpost.php?p=3810608&postcount=8*/

button.nonNative::-moz-focus-inner	{
	padding:0;
	border:none;
}

.button.nonNative,
button.nonNative	{
	/*-moz-appearance: none;*/
	font-size: 9pt;
	font-family: Verdana;
	background: none;
	border: none;
}

.button.dark, 
button.dark	{
	background-color: #231F20;
	color: white;
	padding: 2px 4px 2px 4px;
}

textarea {
	width: 500px;
	height: 150px;
}

div.clear{
	float:none!important;
	clear:both;
	width:100%;
	height:0px;
}

/*	----------------------------------------------------------------------------
 	primary structure
	--------------------------------------------------------------------------*/
/*body>header {
	font-size: 18px;
}*/

body	{
	overflow:visible;
}

section#news h2{
	font-size:1.5em;
	text-transform:uppercase;
	margin-bottom:0.5em;
}

section#news ol{
	margin-bottom:1em;
}

section#news a {
	text-decoration:underline;
}

section#news li{
	height:100px;
}

section#news p{
	text-align:right;
	padding-right:7px;
}

div#siteWrapper	{
	margin: 0 auto;
	overflow: visible;
	width: 1040px;
	position:relative;
	
}

header#siteLogo	{
	margin: 0px auto 0px 27px;  
	position: absolute;
	left: 0px;
	top: 0px;
	max-height: 65px;
}

header#siteLogo>a	{
	margin-top:55px;
	width: 208px;
	display:block;
	float:left;
	position: fixed;
}

.contextOutOfViewport header#siteLogo>a	{
	position: static;
}
	
header#siteLogo nav	{
	float: left;
	/*margin-left: 225px;*/
	margin-top: 11px;
	width: 100%;
	height: 25px;
	border: 1px solid rgb(35,31,32);
	position: absolute;
	
}

.contextOutOfViewport header#siteLogo nav	{
	/*margin-left: 17px;*/
} 

header#siteLogo nav ul a	{
	color: inherit !important;
}

header#siteLogo nav ul {
	margin: auto -3px auto 0px;
	float: right;
	font-size: 8pt;
	text-transform: uppercase;
	z-index: 1010;
}



header#siteLogo nav ul li	{
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
}

header#siteLogo nav ul li li	{
	min-width: 160px;
}

header#siteLogo nav ul li li:hover	{
	font-weight: bold;
}

header#siteLogo nav>ul>li	{
	padding-top: 7px;
	padding-bottom: 5px;
	float: left;
	margin-right: 3px;
}

header#siteLogo nav>ul>li:hover	{
	color: white;
	background-color: rgb(35,31,32);
	font-weight: normal;
}


header#siteLogo nav ul li ul	{
	padding:0;
	margin-left: -6px;
	margin-top: 5px;
	background: white; /*IE doesn't understand rgba*/
	background: rgba(255,255,255,.8);
	list-style: none;
	color: rgb(50,50,50);
	border: 1px solid #aaa;
	text-transform: none;
	z-index:10010;
}




header#siteLogo #artFlits	{
	margin-top: 62px;
	margin-left: 225px;
	float:left;
	width: 733px;
	
	color: rgb(51,51,51);
	/*font-size: 7pt;*/
	white-space: nowrap;
	overflow: hidden;
}

.contextOutOfViewport header#siteLogo #artFlits	{
	margin-left: 17px;
}


header#siteLogo #artFlits span	{
	font-weight: bold;
	color: rgb(35,31,32);
}
header#siteLogo #artFlits h1 {
	font-weight: normal;
	font-size: 8pt;
}




aside#navAndSearch {
	float: left;
	margin-top: 142px;
	margin-left: 25px;
	padding-left: 13px;
	width: 197px;
	font-size: 9pt;
	position: fixed;
}

.contextOutOfViewport aside#navAndSearch	{
	position: static;
}

aside#navAndSearch nav ul li {
	border-top: 1px dashed rgb(35,31,32);
	text-transform: uppercase;
	/*font-variant: small-caps;*/
	line-height: 25px;
	padding-left: 2px;
	font-size: 8pt;
}

aside#navAndSearch nav ul li a	{
	width: 100%;
	display:block;
}

aside#navAndSearch nav ul li a:hover	{
	font-weight: bold;
}

aside#navAndSearch nav ul li:hover	{
	background: url("/img/icons/circle-black.png") no-repeat right center;
}

aside#navAndSearch nav ul li.sessionLink	{
	padding-left: 20px; /* 18 + 2*/
}

aside#navAndSearch nav ul li#shoppingCartLink, 
aside#navAndSearch nav ul li#shoppingCartLink	{
	background: url("/img/icons/circle-black.png") no-repeat left center;
}

aside#navAndSearch nav ul li#mySelectionLink, 
aside#navAndSearch nav ul li#mySelectionLink:hover	{
	background: url("/img/icons/circle-black-50.png") no-repeat left center;
}

aside#navAndSearch nav ul li#lastVisitedLink, 
aside#navAndSearch nav ul li#lastVisitedLink	{
	background: url("/img/icons/circle-black-20.png") no-repeat left center;
}



div#content {
	margin-top: 65px;
	margin-left: 252px; /* 17px;*/
	margin-bottom:200px;
	width: 450px;
	max-width: 450px;
	float: left;
	line-height: 1.5em;
	position: relative;
}

.contextOutOfViewport div#content	{
	margin-left:  17px;
}

div#content.fullWidth {
	width: 735px;
	max-width: 735px;
}

div#content.bedrijfpagina {
	width:650px;
	max-width:650px;
}

div#content.bedrijfpagina .knoppen {
	width:100%;
	float:left;
	margin-top:2em;
}
.bedrijfpagina div {
	float:left;
	margin-bottom:1em;
}

.bedrijfpagina a.button{
	width:33%;
	height:3em;
	background-color: #231F20;
	color: white!important;
	padding: 2px 4px 2px 4px;
	text-decoration:none!important;
}

div#bedrijfLink {
	width:100%;
}

div#content.bedrijfpagina a{
	color:#666;
	text-decoration:underline;
}

div#content.bedrijfpagina a:hover{
	text-decoration:none;
}

body>footer {
	background-color: #dfe3e6;
	clear: both;
}

form#workSearchForm	{
	border: 1px solid #DEDEDE;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}


div#dummy	{
	position: absolute;
	left: -450px;
	top: 11px;
	overflow: visible;
	max-height: 25px;
	border-top: 1px solid rgb(35,31,32);
	border-bottom: 1px solid rgb(35,31,32);
	border-right: 1px solid rgb(35,31,32);
}

div#dummy img	{
	display:block;
	margin-top: 53px;
}




/*	----------------------------------------------------------------------------
 	general components
	--------------------------------------------------------------------------*/
.hidden {
	display:none;
}
.linkable{
	cursor:pointer;
}

ol.carousel	{
	padding-left: 0px;
	list-style: none;
	font-size: .8em;
	overflow: hidden;
	clear: both;
}

ol.carousel li	{
	float: left;
	padding:  0 7px 0 0;
	
	height: 53px;
}

ol.carousel.tiny li	{
	max-width: 84px;
	min-width: 43px;
}

ol.carousel.veryTiny li	{
	max-width: 52px;
	min-width: 27px;
}

ol.carousel li p.legend {
	display: none;
}


.horizontalMenu	li	{
	position: relative;
}
.horizontalMenu li:hover ul, .horizontalMenu ul:hover	{
	display: block;
}

.horizontalMenu	ul	{
	display: none;
	position: absolute;
	/*z-index: 3;*/
}

.horizontalMenu	ul li	{
	float: none;
}

ul.workActions	li	{
	text-transform: lowercase;
}

/* to be used for sorting, backActions etc*/
.navigationBox	{
	display: block;
	height: 20px;
	padding-right: 20px;
	border: 1px solid #231F20;
	margin: 0px 0px 20px 0px;
	
	text-align: right;
	text-transform: uppercase;
	text-align: right;
	font-weight: bold;
	color: rgb(35,31,32);
}


form ul.errors	{
	color: red;
	font-size: 8pt;
	padding-left: 10px;
}


p.message	{
	border: 2px solid rgb(251,251,251);
	padding: 1em;
}

p.message.success	{
	background: #CCFFB8;
}

p.message.no-success	{
	background: #FF795E;
}


.hide {
	display:none;
}

ul.messages li {
	padding: .5em 1em .5em 24px;
	margin: .5em 0em .5em 0em;
}

ul.messages li.success {
	background: #CCFFB8 url("/img/icons/silk/accept.png") no-repeat 4px center;
}

ul.messages li.error {
	background: #FF795E url("/img/icons/silk/error.png") no-repeat 4px center;
}
ul.messages li.info {
	background: #99BBE8 url("/img/icons/silk/information.png") no-repeat 4px center;;
}

/*	----------------------------------------------------------------------------
 	home page
	--------------------------------------------------------------------------*/
#stats {
	margin:2.8em 0 2em;
}
#mainWork	{
	overflow: hidden;
	width: 735px;
	padding-bottom: 8px;
	margin-bottom: 15px;
	margin-top:2em;
/*	border-bottom: 1px dotted rgb(35,31,32);*/
}

figure.category{
	float:left;
	text-align:center;
	margin:0 5.1px;
	height:220px;
}
figure.category .figcaption{
	width:176px;
	float:left;
	text-align:center;
}

figure.category img.landscape{
	height:176px;
}
figure.category img.portrait{
	width:176px;
}

figure.category div.cutter{
	overflow:hidden;
	width:176px;
	height:176px;
	margin-bottom:0.5em;
}



#mainWork figure p.legend	{
	display:none;
}

#mainWork ol.carousel	{
	width: 263px;
	max-height: 53px;
	float: left;
	overflow: hidden;
}



#mainWork .info	{
	width: 187px;
	float: left;
	font-size: 9pt;
	color: rgb(77,77,77);
	clear: right;
}

#mainWork .info strong	{
	color: rgb(35,31,32);
}


#mainWork .info form	{
	display: inline;
	color: black;
}


#mainWork .info	button	{
	color: inherit;
	padding: 0;
	
}

#mainWork .info button.addToMySelection	{
	background: url("/img/icons/diskette.gif") no-repeat;
	min-width: 15px;
	min-height: 15px;
	float: right;
}

#newItems {
	margin-top: 65px;
	margin-left: 20px;
	width: 263px;
	float: left;
}

#newItems h2	{
	height: 22px;
	line-height: 22px;
	margin-bottom: 8px;
	padding-left: 8px;
	color: rgb(35,31,32);
	background-color: rgb(230,230,230);
	font-variant: small-caps;
}

#newItems h2:HOVER
{
	background: url("/img/icons/circle-black.png") no-repeat right center;
	background-color: rgb(230,230,230);
}


#newItems .carousel {
/*	margin-bottom: 8px; */
}

#newItems .carousel li {
	max-width: 76px;
	height: 90px;
}

#newItems .carousel li img {
	max-width: 76px;
}

#newItems .carousel li p.legend	{
	display: none;
}

#newItems + *	{
	clear: left;
}

#newItems ol.carousel li.pagerNext,
ol.carousel li.pagerNext
{
	min-width: 10px;
	max-width: 10px;
	padding: 0px;
	line-height: 90px;
	font-size: 18px;
	vertical-align: middle;
	
}
#newItems ol.carousel li.pagerNext	{
	display: none;
}

ul.olive-list {
	list-style: none outside none;
    padding-left: 0;
}

ul.olive-list li {
	background:url("/img/icons/circle-black-50.png") no-repeat scroll left 4px transparent;
	padding-left:40px;
	margin-bottom:1em;
}


/*	----------------------------------------------------------------------------
 	image gallery
	--------------------------------------------------------------------------*/
.imgGrid {
	float: left;
	list-style: none;
	padding: 0;
}

.imgGrid li {
	float: left;
	position: relative;
	text-align: center;
	vertical-align: bottom;
	margin: 0 0 10px 10px;
}


.imgGrid figure.popup{
	position:absolute;
	z-index:3000;
	overflow:hidden;
	min-width:300px;
	margin-top:-40px;
	padding:10px;
	background-color:white;
	border:2px solid #CCC;
}
.popup img{
	margin:5px;
}

.popup a{
	text-decoration:underline;
}

.popup a:hover{
	text-decoration:none;
}

.popup.author{
	font-style: italic;
}
.left{
	float:left!important;
}
.right{
	float:right!important;
}
.popup dl{
	list-style: none outside none;
    margin-top: 1em;
    text-align: left;
    width: 50%;
}
.popup dd{
	font-style:italic;
	margin-bottom:0.5em;
}
.popup dt{
	font-weight:bold;
}

.popup h3{
	font-size:1.2em;
}

.imgGrid li figure.original	{
	height: 150px;
	margin:0px;
	overflow:hidden;
}

.imgGrid li img.limitedHeight {
}

.imgGrid li img.filter {
	vertical-align: middle;
}

.imgGrid li p.legend {
	width: 130px; /* spec zegt 127px;*/
	height: 24px;
	overflow: hidden;
	font-size: 8pt;
}

/* ==== */
ol.imgRows	li.imgRow	{
	height: 92px;
	border-bottom: 1px dashed rgb(51,51,51);
	overflow: hidden;
	padding: 9px 0 9px 0;
}

li.imgRow figure	{
	margin-left: 12px;
	width: 131px;
	float:left;
	overflow: hidden;
	height: 100%;
}

li.imgRow figure p.legend	{
	display: none;
}
li.imgRow ol.workData	{
	clear:right;
	height: 55px;
}
li.imgRow ol.workData li	{
	float: left;
}	

li.imgRow ul.workActions	{
	position: relative;	
	margin-left: 143px;
	overflow: visible;
}

li.imgRow ul.workActions li	{
	padding-right: .2em;
	
}
li.imgRow ul.workActions li.buyAction	{
	position: absolute;
	left: 0px;
}
li.imgRow ul.workActions li.rentAction	{
	position: absolute;
	left: 175px; /*+30px*/
}
li.imgRow ul.workActions li.sendCardAction	{
	position: absolute;
	left: 350px; /*+60px*/
}
li.imgRow ul.workActions li.saveAction	{
	position: absolute;
	left: 527px; /*+98px*/
}

.imgGrid.selection li {
	overflow: visible;
	height: 190px;
}
.imgGrid.selection li figure.original {
	height: 190px;
}
.imgGrid.selection li figure {
	bottom: 55x;
	
}
.imgGrid.selection li p.legend {
	overflow: visible;
	height: 55x;
}




/*	----------------------------------------------------------------------------
 	sort options
	--------------------------------------------------------------------------*/
ul.sort	{
	border: 1px solid #231F20;
	overflow: auto;
	font-size: 9pt;
	height: 22px;
	line-height: 22px;
	margin-bottom: 21px;
	clear:both;
}
ul.sort li	{
	float: left;
}

ul.sort li a	{
	color: rgb(51,51,51);
}

li.random	{
	margin-left: 12px;
	width: 131px;
}

li.random a	{
	color: rgb(102,102,102) !important;
}

li.artist	{
	width: 156px;
}

li.title	{
	width: 163px;
}

li.dateAdded	{
	width: 110px;
}


li.width	{
	width: 95px;
}

li.price	{
	width: 64px;
}

ul.sort li a.active {
	font-weight:bold;
    background-repeat: no-repeat;
    padding-right: 15px;
}

ul.sort li a.asc{
    background-image: url("/img2011/site/asc.jpg");
    background-position: right bottom;
}

ul.sort li a.desc{
    background-image: url("/img2011/site/desc.jpg");
    background-position: right top;
}

/*	----------------------------------------------------------------------------
 	pager
	--------------------------------------------------------------------------*/
nav.pager	{
	padding-left: 12px;
	height: 28px;
}

nav.pager span.firstLetter	{
	font-weight: bold;
	text-transform: uppercase;
}
nav.pager span.resultSummary	{
	display:block;
	float:left;
	width: 204px;
}

nav.pager, nav.pager a	{
	color: rgb(102,101,102);
} 

nav.pager p.resultSummary:first-letter	{
	font-weight: bold;
	text-transform: uppercase;
}

ol.pager	{
	display: block;
	float:left;
	list-style: none;
	color: rgb(101,102,101);
	padding-left: 0px;
	white-space: nowrap;
}

ol.pager li	{
	display:inline;
	padding: .5em;
}

ol.pager li.currentPage	{
	font-weight: bold;
}

ol.resultsPerPage	{
	float:left;
	margin-left:15px;
}

ol.resultsPerPage li	{
	float: left;
}

ol.resultsPerPage li a.active	{
	font-weight:bold;
	color: rgb(35,31,32);
}

span.displayMode {
	float:right;
}

span.displayMode  img	{
	vertical-align: baseline;
}

/*	----------------------------------------------------------------------------
 	alphabet pager
	--------------------------------------------------------------------------*/
nav.alphabet	{
	clear:left;
	text-transform: uppercase;
	padding-left: 12px;
	font-size: 8pt;
	color: black;
	border-top: 1px solid #231F20;
	border-left: 1px solid #231F20;
	border-right: 1px solid #231F20;
	height: 22px;
	line-height: 22px;
}

nav.alphabet a	{
	color: black;
}

nav.alphabet ol {
	display: inline;
}

nav.alphabet ol	li {
	float:none;
	display: inline;
	padding-left: 15px;
	 
	text-transform: uppercase;
}

nav.alphabet ol li:hover	{
	font-weight: bold;
}

nav.alphabet ol	li a 	{
	color: rgb(102,102,102) !important;
}


/*	----------------------------------------------------------------------------
 	nav and search (left sidebar)
	--------------------------------------------------------------------------*/
aside#navAndSearch dt	{
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 2px;
}

aside#navAndSearch dt.minMaxGroup	{
	/* padding-top: 1em; */
	clear: both;
}	

dd.minMaxGroup {
	clear: both;
/*	overflow: auto;*/
}

aside#navAndSearch dd#availability-element label	{
	float: left;
	width: 89px;
}

dd.minMaxGroup dl > dt:first-child	{
	display:none;
}


form#workSearchForm	{
	padding: 5px 2px 15px 8px;
	overflow: auto;
	margin-top: 26px;
	margin-bottom:3em;
}

form#workSearchForm	dd		{
	margin-bottom: .5em;
}

form#workSearchForm	dd 	label	{
	display:block;
	width:100%;
}

form#workSearchForm	dd 	label.hidden	{
	display:none;
}

form#workSearchForm	input[type=text]	{
	border: 1px solid black;
}

form#workSearchForm input.init{
	color:#999;
	text-transform:uppercase;
}

dt#availability-label	{
	text-transform: uppercase;
}

dd.minMaxGroup dl dd,
dd.minMaxGroup dl dt	{
	float: left;
}



dd.minMaxGroup dl dd input	{
	width: 65px;
}

label .secundary	{
	color: rgb(128,128,128);
	font-weight: normal;
}

label .measure	{
	font-weight: normal;
}

dd.pricing	{
	clear: left;
	overflow: auto;
}

dd.pricing dl dt, 
dd.pricing dl dd	{
	/*float: none;*/
}

dd.pricing dl	{
	float: left;
	
}

dd.pricing dl.priceBuy	{
/*	width: 73px;*/
}



dd.pricing dl.priceRent	{
	width: 100px;
}

dd.pricing dl.priceRent {
	color: rgb(128,128,128);
}

dd.pricing dl.priceRent dd,
dd.pricing dl.priceRent > dt	{
	margin-left: 14px;
	overflow: visible;
}



dd.pricing dl.priceRent input[type=text]	{
	border: 1px solid rgb(192,192,192) !important;
}

dd.pricing dd.minMaxGroup dl > dt:first-child	{
	/*display: block;*/
}

dd.minMaxGroup.price dt, 
dd.minMaxGroup.priceRent dt	{
	font-weight: normal !important;
}

dd.minMaxGroup.priceRent dd	span	{
	margin-left: -28px;
	/*display:block;
	float: left;*/
	overflow: visible;
}

dt label.hSeparator	{
	width: 18px;
	display: block;
	line-height: 100%;
	text-align: center;
}

dt#query-label, dt#availability-label {
	width:0px;
	height:0px;
	margin:0;
	padding:0;
}

dd#subjects-element,
dd#techniques-element,
dd#abstraction-element,
dd#materials-element,
dd#styles-element,
dd#materials-element,
dd#grounds-element,
dd#executions-element	{
	font-size: 8pt;
}



aside#navAndSearch button	{
	float: left;
	display: block;
	font-size: 8pt;
}

aside#navAndSearch a#moreSearchOptions	{
	float: left;
	display: block;
	font-size: 8pt;
	padding-right: 2px;
}


/*	----------------------------------------------------------------------------
 	artist gallery
	--------------------------------------------------------------------------*/

article.workInfo {
	width: 775px;
	line-height: 1.5em;
	min-height: 400px;
	overflow: auto;
	
}

article.workInfo > figure	{
	float: left;
	width: 427px; /* 775 - 307*/
	/*height: 400px;  zonder "klik op afbeelding" */
	min-height: 400px;
}

article.workInfo figure	p.legend	{
	display: none;
}

article.workInfo .data	{
	float: left;
	width: 308px;
	overflow: hidden; /* this is a trick to make safari and ie8 NOT display scrollbars here*/
	height: auto;
	
}

article.workInfo .data dl a{
	text-decoration:underline;
}

article.workInfo .data dl a:hover{
	text-decoration:none;
}


article.workInfo a.backAction	{
	height: 20px;
	padding-right: 20px;
	border: 1px solid #231F20;
	margin: 0px 0px 20px 0px;
	
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 20px;
	text-align: right;
}

article.workInfo .data h2	{
	margin-bottom: 0px;
	font-size: 9pt;
	color: rgb(35,31,32);
	text-transform: none;	
}
article.workInfo .data h1 {
	font-size: 9pt;
	text-transform: none;	
	display: block;
	color: rgb(51,51,51);
}


article.workInfo .data dl.workInfo	{
	margin-top: 1em;
	width: 263px;
	
	overflow: auto;
	
}

article.workInfo .data p.description	{
	padding: 1em 0 .5em 0;
	margin: 0;
	width: 263px;
}


	/*
	max-height: 4em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	*/
/*
article.workInfo .data p.description:hover	{
	position: relative;
	overflow: auto;
	width: 633px;
	padding-left: 100px;
	left: -468px;
	z-index: 15;
	background: white;
	background: rgba(255,255,255,.8);
}

 article.workInfo .data p.description:hover	{
	position: relative;
	float: left;
	border: 1px solid black;
	max-width: 263px;
	width: 263px;
	max-height: 12em;
	overflow: auto;
	white-space: normal;
	z-index: 15;	
	background: rgba(255,255,255,.8);
}
*/

dl.workInfo	dt	{
	width: 9em;
	clear: left;
	float: left;
	color: black;
}

dl.workInfo	dd	{
	float: left;
	color: #333333;
	width: 134px;
}

article.workInfo ul.workActions	{
	list-style: none;
	padding-left: 0px;
}

ul.workActions li	{
	display: block;
	margin-top: 1em;
	/*padding: 0px 1.5em 0px 1.5em;*/
	padding: 0px 1.5em 0px 0.5em;
	height: 18px;
}

/* 
	ul.workActions li, ul.workActions li button	{
	font-size: 8pt;
}	*/ 


ul.workActions li.buyAction,
ul.workActions li.rentAction	{
	background: #231F20;
	color: white;
}

ul.workActions li.buyAction button,
ul.workActions li.rentAction button	{
	border: 0px;
	background: none;
	color: inherit;
}

ul.workActions li.sendCardAction	{
	background: white;
	color: #231F20;
	border: 1px solid #808080;
}

ul.workActions li.saveAction	{
	padding-left: 0px;
	padding-right: 0px;
}
ul.workActions li.saveAction button.addToMySelection{
	background: url("/img/icons/diskette.gif") no-repeat scroll 0 1px transparent;
}


.data ul.workActions li.saveAction button.addToMySelection{
    background: url("/img/icons/diskette.gif") no-repeat scroll 0 1px transparent;
    padding-left: 2em;
}


article.horizontalSibling	{
	border-top: 1px dashed rgb(51,51,51);
	padding-top: 1em;
	margin-top: 33px;
}

article.horizontalSibling p {
	width: 425px;
	float: left;
	margin-right: 25px
}

article.artistHorizontalSibling	{
	border-bottom: 1px dashed rgb(51,51,51);
	padding-bottom: 1em;
	margin-bottom: 33px;
	width:100%;
	float:left;
}

article.artistHorizontalSibling p {
	width: 425px;
	float: left;
	margin-right: 25px
}

a.showCvAction	{
	display: block;
	width: 263px;
	float: left;
	overflow: auto;
	font-weight: bold;
	color: rgb(35,31,32);
}


/*	----------------------------------------------------------------------------
 	artist cv
	--------------------------------------------------------------------------*/
dl.artistInfo dt {
	float: left;
	width: 6em;
}
	
dl.artistInfo dt {
}	
	
/*	----------------------------------------------------------------------------
 	cart
	--------------------------------------------------------------------------*/
div.loginRegister	{
	padding-bottom: 6em;
	margin-bottom: 2em;
	border-bottom: 1px dotted rgb(51,51,51);
	overflow: auto;
}

div.loginRegister form.login	{
	float: left;
	padding-right: 100px;
}

div.loginRegister form.registration	{
	float: left;
	padding-left: 100px;
	border-left: 1px dotted rgb(51,51,51);
	clear: right;
}

table.cart td	{
	padding-bottom: 1em;
}

table.cart tfoot	{
	font-weight: bold;
	font-size:  1.2em;
	text-align: center;
	
}

table.cart tfoot td	{
	border-top: 1px dotted #c3c3c3;
	padding-top: 1em;
	margin-top: 1em;
}


form.customerOrder dl dt, form.customerOrder dl dd	{
	margin-bottom: 1.3em;
}

form.customerOrder label.required	{
	font-weight:bold;
}
form.customerOrder label.required:after	{
	font-weight:normal;
	content: "*"
}

form.customerOrder dl dt	{
	width: 15em;
	float: left;
	
}
form.customerOrder dl dd	{
	margin-left: 15em;
	width: 15em;
}

/*
form.customerOrder dl dt#invoice_company_name-label	{
	max-width: 5em;
}
form.customerOrder dl dd#invoice_company_name-element	{
	margin-left: 5em;
	
}
*/

form.customerOrder dl dt#opmerkingen-label	{
	float:none;
}
form.customerOrder dl dd#opmerkingen-element	{
	margin-left: 0px;
}

button.approveOrder	{
	margin-top: 2em;
	background: #231F20;
	padding: .5em 1.5em .5em 1.5em;
	color: white
}



/*	----------------------------------------------------------------------------
 	newsletter
	--------------------------------------------------------------------------*/
	
form.newsletter	dl dl dt	{
	width: 15em;
	float: left;
}

form.newsletter	dl dl dd {
	margin: .6em 0 0.4em 15em;
}

form.newsletter #e_mail-element{
	float:left;
	width:130px;
}

form.newsletter	#subscribe-label {
	display:none;
}

form.newsletter #e_mail{
	width:115px;
}

form.newsletter	#subscribe-element{
	float:left;
	width:60px;
}

form.newsletter #subscribe{
	width:60px;
}

form.newsletter	p.description	{
	display: inline;
}

form.newsletter .init{
	color:#999;
}

form.newsletter label.required:after {
    color: red;
    content: "";
}

/*	----------------------------------------------------------------------------
 	brochure
	--------------------------------------------------------------------------*/
	
form.brochure	dl dl dt	{
	width: 15em;
	float: left;
}

form.brochure	dl dl dd {
	margin: .6em 0 0.4em 15em;
}

/*	----------------------------------------------------------------------------
 	card
	--------------------------------------------------------------------------*/
	
div.card div.cardWork	{
	float: left;
	width: 400px;
}
div.card div.cardInfo,
div.card form		{
	margin-left: 27px;
	float: left;
	width: 306px;
}

div.card form input		{
	width: 80%;
}

div.card form fieldset	{
	margin-bottom: 1em;
}

div.cardInfo p.footnote	{
	margin-top: 2em;
	border-top: 1px solid #dedede;
	font-style: italic;
}


/*	----------------------------------------------------------------------------
 	artist admin
	--------------------------------------------------------------------------*/


ul.artistAdminNav	{
	overflow: auto;
	border: 1px solid rgb(51,51,51);
	margin-bottom: 50px;
}

ul.artistAdminNav a	{
	color: #333;
}	

ul.artistAdminNav	li {
	float: left;
	text-transform: uppercase;
	padding-left: 40px;
}


form.data fieldset,
fieldset.publicData,
fieldset.privateData	{
	border-top: 1px solid rgb(51,51,51);
	border-bottom: none;
	border-left: none;
	border-right: none;
	padding: .5em 0 1em 0; 
}

form.data dl.tabular	{
 clear: right;	
} 


dl.tabular dt	{
	clear: left;
	width: 150px;
	float: left;
	padding-right: 10px;
	text-align: right;
}

dl.tabular dt,
dl.tabular dd	{
	padding-bottom: 1em;
}
	 

dl.tabular dd	{
	float: left;
	width: 560px;
	max-width: 560px;
}
dl.tabular dd *	{
	max-width: 560px;
}

fieldset.privateData textarea#artist_comment	{
	width: 500px;
	height: 300px;
}



nav.horizontalBox 	{
	overflow: auto;
	width:100%;
}

nav.horizontalBox ul a	{
	color: inherit !important;
}

nav.horizontalBox ul {
	/* margin: auto -3px auto 0px; */
	float: right;
	font-size: 8pt;
	text-transform: uppercase;
	z-index: 1;
}



nav.horizontalBox ul li	{
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
}

nav.horizontalBox ul li li	{
	min-width: 160px;
}

nav.horizontalBox ul li li:hover	{
	font-weight: bold;
}

nav.horizontalBox>ul>li	{
	padding-top: 7px;
	padding-bottom: 5px;
	float: left;
	margin-right: 20px;
}

nav.horizontalBox>ul>li:hover	{
	color: white;
	background-color: rgb(35,31,32);
	font-weight: normal;
}


nav.horizontalBox ul li ul	{
	padding:0;
	margin-left: -6px;
	margin-top: 5px;
	background: white; /*IE doesn't understand rgba*/
	background: rgba(255,255,255,.8);
	list-style: none;
	color: rgb(50,50,50);
	border: 1px solid #aaa;
	text-transform: none;
}


section.cvTable	{
	border-bottom: 1px dotted rgb(50,50,50);
	padding-bottom: 1em;
	margin-bottom: 1.5em;
}


/* ADMIN */
div#siteAdmin {
	border-bottom: 1px dotted rgb(50,50,50);
	padding-bottom: 8px;
	margin:2em 0;
	float:left;
	width:100%;
	
}


/*	----------------------------------------------------------------------------
 	page admin
	--------------------------------------------------------------------------*/

iframe#phpxplorer {
	min-height: 400px;
	
}

/*---------*/
.displayMore, .displayLess{
	width:50%;
	float:right;
}

.radioSearch{
	float:left!important;
	margin-left:5px;
}

article#artistInfo{
	max-height:15em;
	overflow:hidden;
}
article#artistInfo p{
	line-height:1.5em;
	margin-bottom:1.5em;
}
div.hr{
	width:100%;
	padding-bottom:1em;
	clear:both;
}

div#tabs {
	float:left;
	width:100%;
}

div#tabs .ui-tabs-nav {
	float:left;
	width:100%;
	list-style:none;
	margin:1em 0;
	border-bottom: 1px dashed #333;
	padding:0;
}

div#tabs .ui-tabs-nav > li:first-child {
	margin-left:3em;
}


div#tabs .ui-state-default{
	float:left;
	margin-right:1em;
	margin-bottom:-1px;
	padding:0.25em 1em ;
	border: 1px dashed #333;
	width:6em;
	text-align:center;
	border-bottom:none;
	background-color:#F3F3F3;
}

div#tabs .ui-state-active {
	border-bottom:1px solid #FFF;
	background-color:#fff;
}

div#tabs .ui-state-hover a{
	text-decoration:underline;
}

div#tabs .ui-tabs-hide{
	display:none;
}

.moreInfo, .lessInfo {
	text-decoration: underline;
}

.artistImage{
	float:right;
	padding:5px 0 5px 5px;
}
.rightbox {
    background-color: #DEDEDE;
    float: right;
    /*font-size: 14px;*/
    margin-left: 10px;
    padding: 1em;
    width: 255px;}

.rightbox .button{
	background-color: #231F20;
    padding: 5px;
	margin-bottom:1em;
}

.rightbox .button a{
	color: white;
}

.boxWrapper{
	float:right;
    margin-right: 140px;
    width: 338px;
}

.questionBox {
	float:left;
	width:100%;
	background-color:#DEDEDE;
	margin-bottom:5px;
	padding:5px;
}

.questionBox h2{
	margin:0;
}

.questionBox ul{
	list-style-image:url("/img2011/icons/vinkje.png");
	padding-left:20px;
}

.questionBox li{
	margin-top:5px;
}

.questionBox img{
	float:left;
	margin:4px 5px 0 0;
}

.question textarea{
	width:600px;
}

.roundbox{
    border: 1px solid #DEDEDE;
    border-radius: 1em 1em 1em 1em;
    float: left;
    padding: 12px;
    width: 282px;
	margin-bottom:1em;
}

.leftpart{
	width:49%;
	float:left;
}

.rightpart{
	float:right;
	width:45%;
}

.roundbox a.button{
	height:3em;
	background-color: #231F20;
	color: white;
    padding: 4px 9px;
	text-decoration:none;
	width:100%;
}

.roundbox h2{
	margin-bottom:1em!important;
}

.roundbox p{
	margin:1em 0 0;
}

div.explain {
	padding:5px;
	background-color:#DEDEDE;
	margin-top:1em;
}
.fb-like-work, .fb-like-artist {
	text-align: right;
	position: absolute;
	top: 0;
	right: 10px;
}