html, body, div, dl, dt, dd, pre, form, blockquote, fieldset, input { margin: 0; padding: 0; }		

img { border: 0; }		

a, a:active, a:visited
{
    color: #3C3C3C;
    text-decoration: underline;
}

a:hover
{
    color: #8F2345;
}

#favoritesLink
{
	float: right;
    margin-top: 8px;
    padding-left: 2px;
    color: #839DAC;
}

#favoritesLink a
{
    text-decoration: none;
    color: #839DAC;
}

#slider
{
    position: relative;
    height: 320px;
    overflow: hidden;
}

#slider ul
{
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#slider ul li
{
    height: 160px;
    display: block;
    width: 100%;
    text-align: center;
}

#slider ul li div
{
    background: url('/images/transp.png'); 
}

a.button
{
    display: block;
    width: 209px;
    height: 26px;
    background: url('/images/button.jpg') top left no-repeat;
    padding-left: 15px;
    text-align: left;
    text-decoration: none;
    line-height: 24px;
    vertical-align: middle;
    font-size: 13px;
    color: #434237;
}

.productbox
{
    width: 196px;
    height: 310px;
    float: left;
    border: 1px solid #859caa;
    margin: 17px 17px 0 0;
    background: #e1e0cc url('/images/productbox_back.jpg') top left repeat-x;
    font-size: 13px;
    font-family: Tahoma;
}

.productbox .titleArtist
{
    margin-top: 17px;
    padding: 5px 0;
    border-top: 1px solid #859caa;
    border-bottom: 1px solid #859caa;
    background-color: #f3f3eb;
}

.productbox .titleArtist span, .productbox div, .productbox p
{
    display: block;
    text-align: center;
}

.productbox div a
{
    display: block;
    text-decoration: none;
    margin-bottom: 5px;
}

.productbox div a.order
{
    color: #8f2345;
}

.productbox div a:hover span
{
    text-decoration: underline;
}

.productbox .titleArtist .title
{
    color: #010002;
    font-weight: bold;
}

.productbox .titleArtist .artist
{
    color: #616044;
    font-size: 12px;
}

.productbox p
{
    font-size: 11px;
    margin: 7px 0;
}

.productbox .image
{
    height: 150px;
    margin-bottom: 7px;
}

.break { clear: both; }

body 
{
	background: url('../images/bodybg.jpg') #000 top center repeat-x;
	font-family: Calibri, Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #3c3c3c;
}

h1{	margin-top: 0; font-size: 24px; }

#page {  width: 1000px; margin: 0 auto; background: url('../images/bg.jpg') #000 top center repeat-y; min-height: 1080px;}

#topleft
{
	width: 618px;
	height: 113px;
	float: left;
}

#topleft img { margin: 0 0 0 48px; }

#topcenter
{
	width: 193px;
	height: 113px;
	float: left;
}

#topright
{
	width: 363px;
	height: 40px;
	float: right;
	margin-right: 30px;
    text-align: right;
}

#taalkeuzeholder { float: right; width: 140px; height: 30px; }

#taalkeuze 
{
	background:transparent url(../images/taalkeuze.jpg) no-repeat scroll 0 0;
	height:23px;
	margin:24px 0 0 0;
	width:144px;
}

#land 
{
	color:#3588D5;
	float:left;
	padding:4px 0 0 0;
	width:50px;
}

a.landKeuze, a.landKeuze:visited, a.landKeuze:active { color:#3588D5; text-decoration:none;	}		
a.landKeuze:hover { color:#3588D5; text-decoration: underline; }

#vlag 
{
	float:left;
	padding:5px 0 0 10px;
	width:25px;
}

#header
{
	width: 930px;
	height: 232px;
	margin: 0 0 0 46px;
	overflow: hidden;
}

#header_left
{
	background: url('../images/headerafb_links.jpg') no-repeat;
	width: 403px;
	height: 232px;
	float: left;
}

#header_afb
{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 232px;
	overflow: hidden;
}

#searchbar
{
	background: url('../images/searchbar.png') top right no-repeat;
	width: 527px;
	height: 55px;
	margin-top:3px;
}

#searchbutton
{
	height: 31px;
	margin: 12px 19px 0 60px;
	width: 31px;
}

#searchbutton a
{
	display: block;
	width: 31px;
	height: 31px;
}

#content
{
	margin: 20px 20px 0 20px;
	height: 300px;
	overflow: hidden;
}

#collectionleft
{
	margin-top: 20px;
	float: left;
	width: 680px;
}

#contentForPage
{
	margin: 20px 0px 0 35px;
}

#collectionright
{
	background: url('/images/zoekbalkSide.jpg') top left no-repeat;
	margin-right: 24px;
	float: right;
	width: 190px;
	height: 473px;
	padding-left: 30px;
}

#collectiontop { padding: 75px 0 0 0; }

#collectionbottom { padding: 20px 0 0 0; }

#menuHolder2 a
{
    display: block;
    width: 143px;
    vertical-align: middle;
    float: left;
    border-top: 1px solid #E3DEC8;
    border-right: 1px solid #E3DEC8;
    border-left: 1px solid #E3DEC8;
    text-align: center;
    text-decoration: none;
    color: #3C3C3C;
    font-size: 18px;
    padding-left: 10px;
}

#menuHolder2 a.inactive
{
    background: url('/images/menupijl-inact.png') top left no-repeat;
    height: 33px;
    line-height: 33px;
    background-color: #D6D2C7;
    margin-top: 7px;
}

#menuHolder2 a.active
{
    background: url('/images/menupijl.png') top left no-repeat;
    height: 40px !important;
    line-height: 40px !important;
    background-color: white;
    margin-top: 0 !important;
}

#menuHolder2 a.first
{
    margin-left: 46px
}

#menuHolder2 a:hover
{
    background: url('/images/menupijl.png') top left no-repeat;
    background-color: white;
    margin-top: 7px;
}

#menuHolder2 img
{
    margin-top: 3px;
    padding-right: 5px;
}


/* --------------- Tabs opmaak ----------------- */


.ui-widget-header
{
	background-color:#fff;
	border:1px solid #fff;
	color:#fff;
}

.ui-widget-content { background:#fff; border: 1px solid white; }

.ui-state-active, .ui-widget-content .ui-state-active 
{
	background-color:#red;
	border:1px solid #E3DEC8;
	color: red;
	font-weight:bold;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited 
{
	color: #3c3c3c;
	font-weight: normal
}


.ui-state-default, .ui-widget-content .ui-state-default 
{
	border:1px solid #e3dec8;
	color:#1C94C4;
	font-weight: normal;
}

.ui-tabs .ui-tabs-nav li
{
	margin-right: 0 !important;
}

.ui-state-active, .ui-widget-content .ui-state-active
{
	border: 1px solid #E3DEC8 !important;
	height: 39px;
}

.ui-state-active a
{
	margin-top: 0 !important;
	height: 24px !important;
	line-height: 26px !important;
	vertical-align: bottom !important;
	background-color: white !important;
	border-left: 0 !important;
}

.ui-state-default
{
	border: 0 !important;
	background-color: white !important;
}

.ui-state-default a
{
	margin-top: 8px;
	background-color: #d6d2c7;
	border-left: 1px solid #bab3a9;
	height: 17px;
	line-height: 17px;
}

.ui-tabs .ui-tabs-nav li a
{
	width: 189px !important;
	text-align: center;
}

.ui-tabs .ui-tabs-panel 
{
	background:transparent none repeat scroll 0 0;
	border: 1px solid #e3dec8;
	border-top: 0;
	display:block;
	margin:0 4px 2px 4px;
	padding:0 1px 5px 6px;
}


#tab1
{
	padding-top: 20px;
	padding-left: 15px;
	height: 380px;
	overflow: hidden;
}

#tab2
{
	padding-top: 20px;
	padding-left: 15px;
	height: 380px;
	overflow: hidden;
}

#tab3
{
	padding-top: 20px;
	padding-left: 15px;
	height: 380px;
	overflow: hidden;
}

#tabs ul li a span
{
	display: block;
	float: left;
	width: 21px;
	height: 21px;
	background: url('../images/tabicon.jpg') center left no-repeat;
	margin-right: 5px;
}

.ui-state-active a span
{
	background: url('../images/tab_active.jpg') bottom left no-repeat !important;
	height: 21px !important;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #3c3c3c;
}


/* --------------- Contactformulier ----------------- */

.contact_asterisk
{
	color: #8F2345;
	width: 10px !important;
	
}

.contactform tr
{
	width: 150px;
}

.contact_field input
{
	width: 200px;
}

.contact_field textarea
{
	width: 300px;
	height: 100px;
}

.error
{
	margin-left: 10px;
	color: #8F2345;
}


/* --------------- Contactformulier ----------------- */


a.pageButton
{
	float: left;
	text-align: center;
	background: url('/images/nrbutton.jpg') top center no-repeat;
	width: 23px;
	height: 22px;
	line-height: 22px;
	display: block;
	text-decoration: none;
	color: white;
	margin-right: 5px;
}

a.pageButton:hover
{
	background: url('/images/nractivebutton.jpg') top center no-repeat !important;
	color: #6c0a29;
}

a.activeButton
{
	text-decoration: none;
	background: url('/images/nractivebutton.jpg') top center no-repeat !important;
	color: #6c0a29;
}


/* --------------- Artiestenbox ----------------- */

.artistbox
{
	float: left;
	background-color: #f1f1f1;
	margin: 0 0 10px 10px;
	width: 451px;
	height: 200px;
	overflow: hidden;
	border: 1px solid #afab7c;
}

.artistPhoto
{
	width: 120px;
	float: left;
}

.artistPhoto img
{
	border: 1px solid #8f2345;
	margin: 16px 20px 20px 20px;
}

.artistBio
{
	float: right;
	width: 280px;
	margin-right: 20px;
}

.artistBio h1
{
	height: 45px;
	line-height: 45px;
	vertical-align: middle;
	font-size: 22px;
	color: #8f2345;
}

.artistBio div
{
	height: 100px;
	overflow: hidden;
	margin: 0;
	color: #84776b !important;
	font-size: 12px !important;
}

.artistBio p
{
	display: inline;
	margin: 0;
	padding: 0;
}


#contentForPage .h1artist
{
	padding-left: 10px;
}

.artistBio a
{
	font-size: 12px;
	color: #8f2345;
	text-decoration: none;
}

.artistBio a:hover
{
	text-decoration: underline;
}

.noArtistPhoto
{
	font-size: 12px;
	color: silver;
	height: 160px;
	line-height: 160px;
	width: 150px;
	float: left;
	vertical-align: middle;
	text-align: center;
}

#collectiontop a
{
	text-decoration: none;
}

.formHolder { margin-top: 15px; height: 10px; }
.formHolder .formText { display: block;	float: left; width: 150px; }
.formHolder .formInput { display: block; float: left; }
.formHolder .formAsterisk { display: block;	float: left; width: 10px; text-align: right; }