/*---------------------
|                            |
|                            |
|                            |
|                            |
|                            |
-----------------------------
|                            |
-----------------------------

*/
body {
	margin: 0;
	font-family: arial, verdana;
	font-size: 12px;
}
input {
background: transparent;
}
.container{width:1024px; height: 768px; margin: 0px auto; background: none; border:none; z-index: 3;
}
a {color: #ccc;}
/*---- Top section ----*/

#header{
margin: 40px 0px 0px 31px;
width:962px; height: 147px; 
background: transparent url(../_images/logo.png) no-repeat left top;
z-index: 3;

}

#header h1 {}
#header h2 {}
#header h3 {}
#header h4 {}
#header h5 {}
#header p {}

/*********
*
* NAVIGATIE
*
**********/
#navbar{margin: 117px 0px 0px 0px;
float: right;
width: 735px;
height: 38px;
z-index: 30;
/*z-index: 3; */

}

.nav {
z-index: 3;
	
}
#navbar ul {
float: left; margin: 0; padding: 0;
list-style:none;
}
#navbar li {
float: left;
height: 36px;
border: none;
cursor: pointer;
}

.thuis {
background: transparent url(../_images/navigatie/thuis.png) no-repeat left center;
width: 71px;
margin: 0px 0px 0px 12px;
}
.bakflean {
background: transparent url(../_images/navigatie/bakflean.png) no-repeat left center;
width: 110px;
margin: 0px 0px 0px 0px;
}
.kunstwerk {
background: transparent url(../_images/navigatie/kunstwerk.png) no-repeat left center;
width: 105px;
margin: 0px 0px 0px 0px;
}
.fotos {
background: transparent url(../_images/navigatie/fotos.png) no-repeat left center;
width: 72px;
margin: 0px 0px 0px 0px;
}
.montage {
background: transparent url(../_images/navigatie/montage.png) no-repeat left center;
width: 91px;
margin: 0px 0px 0px 0px;
}
.projekten {
background: transparent url(../_images/navigatie/projekten.png) no-repeat left center;
width: 99px;
margin: 0px 0px 0px 0px;
}
.verkooppunten {
background: transparent url(../_images/navigatie/verkooppunten.png) no-repeat left center;
width: 126px;
margin: 0px 0px 0px 0px;
}
.contact {
background: transparent url(../_images/navigatie/contact.png) no-repeat left center;
width: 48px;
margin: 0px 0px 0px 0px;
}

/**************
Navigatie Mouse over
****************/
.mo-thuis {
background: transparent url(../_images/navigatie/mo-thuis.png) no-repeat left center;
width: 71px;
margin: 0px 0px 0px 12px;
}
.mo-bakflean {
background: transparent url(../_images/navigatie/mo-bakflean.png) no-repeat left center;
width: 110px;
margin: 0px 0px 0px 0px;
}
.mo-kunstwerk {
background: transparent url(../_images/navigatie/mo-kunstwerk.png) no-repeat left center;
width: 105px;
margin: 0px 0px 0px 0px;
}
.mo-fotos {
background: transparent url(../_images/navigatie/mo-fotos.png) no-repeat left center;
width: 72px;
margin: 0px 0px 0px 0px;
}
.mo-montage {
background: transparent url(../_images/navigatie/mo-montage.png) no-repeat left center;
width: 91px;
margin: 0px 0px 0px 0px;
}
.mo-projekten {
background: transparent url(../_images/navigatie/mo-projekten.png) no-repeat left center;
width: 99px;
margin: 0px 0px 0px 0px;
}
.mo-verkooppunten {
background: transparent url(../_images/navigatie/mo-verkooppunten.png) no-repeat left center;
width: 126px;
margin: 0px 0px 0px 0px;
}
.mo-contact {
background: transparent url(../_images/navigatie/mo-contact.png) no-repeat left center;
width: 48px;
margin: 0px 0px 0px 0px;
}

#navbar h1 {}
#navbar h2 {}
#navbar h3 {}
#navbar h4 {}
#navbar h5 {}
#navbar p {}

/*---- Main ----*/

/**********************
PRESENTATION IMAGES
*************************/
#presentation-image {width: 961px; height: 251px; background: transparent url(../_images/home-pict.jpg) no-repeat top left;
margin: 8px 0px 0px 31px; 
}
#contact-presentation-image {width: 961px; height: 251px; background: transparent url(../_images/contact-pict.jpg) no-repeat top left;
margin: 8px 0px 0px 31px; 
}
#kunstwerk-presentation-image {width: 961px; height: 251px; background: transparent url(../_images/kunstwerk-pict.jpg) no-repeat top left;
margin: 8px 0px 0px 31px; 
}
#montage-presentation-image {width: 961px; height: 251px; background: transparent url(../_images/montage-pict.jpg) no-repeat top left;
margin: 8px 0px 0px 31px; 
}
#projekten-presentation-image {width: 961px; height: 251px; background: transparent url(../_images/projekten-pict.jpg) no-repeat top left;
margin: 8px 0px 0px 31px; 
}
#verkooppunten-presentation-image {width: 961px; height: 251px; background: transparent url(../_images/verkooppunten-pict.jpg) no-repeat top left;
margin: 8px 0px 0px 31px; 
}
#fotos-presentation-image {width: 961px; height: 251px; background: transparent url(../_images/fotos-pict.jpg) no-repeat top left;
margin: 8px 0px 0px 31px; 
}
#bakflean-presentation-image {width: 961px; height: 251px; background: transparent url(../_images/bakflean-pict.jpg) no-repeat top left;
margin: 8px 0px 0px 31px; 
}

#menu h1 {}
#menu h2 {}
#menu h3 {}
#menu h4 {}
#menu h5 {}
#menu p {}

.main{width: 722px; height: 400px;
float:right;
padding: 0px 0px 0px 0px;
margin: 36px 31px 0px 0px;
background: none;
}
.fotos-main{
width: 963px;
padding: 0;
margin: 36px 0px 0px 31px;
background: none;
}
.thumbs{float: left; border: none; margin: 0 1px 1px 0;}
.thumbs img {border: none;}
#col-1 {
float: left;
background: none;
width: 234px;
height: 244px;
margin: 0px 10px 0px 0px;
}
#col-2 {
float: left;
background: none;
width: 234px;
height: 244px;
margin: 0px 10px 0px 0px;
}
#col-3 {
float: left;
background: none;
width: 234px;
height: 244px;
margin: 0px 0px 0px 0px;
}
#col-1 a {
color: #000000;
}
#col-2 a {
color: #000000;
}
#col-3 a {
color: #000000;
}
#kunstwerk-container {
margin: 36px 0px 5px 31px;
background: #ffffff;
width: 962px; 
border: none;
color: #eee;
font-family: arial, verdana;
font-size: 12px;
color: #ffffff;
float: left;
}

.kw-block-main{
background: #010101;
float: left;
width: 226px;
height: 213px;
padding: 7px;
border-right: solid 1px #eee;
}

#kw-block-main-txt {
background: none;
width: 227px;
height: 212px;
}

#various-artists{
position: relative;
background: #010101;
overflow: auto;
overflow-x: scroll;	
overflow-y: hidden;
float:left;
width: 720px;
height: 244px;
border: none;
}
.filler
{
width: 3500px;
}
.kw-block-1{
position: relative;
float: left;
width: 226px;
height: 244px;
padding: 7px;
border-right: solid 1px #eee;
}

.kw-block-2{
position:relative;
float: left;
width: 225px;
height: 212px;
padding: 7px;
border-right: solid 1px #eee;
}

.kw-block-large{
float: left;
width: 707px;
height: 244px;
padding: 7px;
border-right: none;
}

/******* PRODUCTS ***/
.artist-info {
background: none;
cursor: pointer;

}
.product-container{
margin: 14px 0px 18px 0px;
width: 243px;
}
.product-name {
float: left;
width: 110px;
}
.product-image {
float: left;
background: none;
width: 66px;
height: 25px;
margin: 0px 9px 0px 0px;
cursor: pointer;
}
.product-info-1 {
float: left;
background: transparent url(../_images/form/info.png) no-repeat left top;
width: 40px;
height: 20px;
cursor: pointer;
}
.mo-product-info-1 {
float: left;
background: transparent url(../_images/form/mo-info.png) no-repeat left top;
width: 40px;
height: 20px;
cursor: pointer;
}
.product-info-2 {
float: left;
background: transparent url(../_images/form/info.png) no-repeat left top;
width: 40px;
height: 20px;
cursor: pointer;
}
.mo-product-info-2 {
float: left;
background: transparent url(../_images/form/mo-info.png) no-repeat left top;
width: 40px;
height: 20px;
cursor: pointer;
}
.product-info-3 {
float: left;
background: transparent url(../_images/form/info.png) no-repeat left top;
width: 40px;
height: 20px;
cursor: pointer;
}
.mo-product-info-3 {
float: left;
background: transparent url(../_images/form/mo-info.png) no-repeat left top;
width: 40px;
height: 20px;
cursor: pointer;
}
.product-info-4 {
float: left;
background: transparent url(../_images/form/info.png) no-repeat left top;
width: 40px;
height: 20px;
cursor: pointer;
}
.mo-product-info-4 {
float: left;
background: transparent url(../_images/form/mo-info.png) no-repeat left top;
width: 40px;
height: 20px;
cursor: pointer;
}


/******* ORDER STEP 2 ***/
#kunstwerk-container-step-2 {
padding: 0px 0px 12px 0px;
margin: 36px 0px 5px 31px;
background: #010101;
width: 962px; 
border: none;
color: #eee;
font-family: arial, verdana;
font-size: 12px;
color: #ffffff;
}
.kw-block-main-step-2{
float: left;
width: 226px;
height: 218px;
padding: 7px;
border-right: solid 1px #eee;
}

#kw-block-step-2-main-txt {
background: none;
width: 227px;
height: 145px;
margin: 32px 0px 0px 0px;
}

.kw-block-empty{
position: relative;
float: left;
width: 225px;
height: 218px;
padding: 7px;
border-right: none;
}

.kw-block-1-step-2{
position: relative;
float: left;
width: 230px;
height: 218px;
padding: 5px;
border-right: none;
}

.kw-block-2-step-2{
position:relative;
float: left;
width: 229px;
height: 218px;
padding: 5px;
border-right: solid 1px #eee;
}

.artist-logo{
margin: 6px 0px 0px 0px;
height: 38px;
text-align: right;
cursor: pointer;
}
.pos-logo {
margin: 47px 14px 23px 0px;
text-align: right;
padding: 5px 0px 0px 0px;
cursor: pointer;
border: none;
height: 26px;
}
.cargo-container {
margin: 0px 0px 16px 0px;
}
.cargo-type {
float: left;
width: 133px;
text-align: right; 
margin: 17px 0px 0px 0px;
}
.cargo-image-bfnl{
float: left;
width: 68px;
margin: 6px 0px 0px 14px;
text-align: right;
cursor: pointer;
border:none;
}

.cargo-image{
float: left;
width: 68px;
margin: 2px 0px 0px 14px;
text-align: right;
cursor: pointer;
border:none;
}

/*** step 3 ***/
.artist-logo-step-3{
margin: 6px 0px 0px 0px;
padding: 0px 0px 5px 0px;
height: 38px;
text-align: right;
border-bottom: solid 1px #555555;
cursor:  pointer;
}

#kw-block-step-3-main-txt {
background: none;

height: 173px;
margin: 5px 0px 0px 0px;
}
#kw-block-step-3-main-txt p {
margin: 3px 0 0 0;
padding: 0px 0px 0px 0px;
}
.product-description{
background: none;
height: 107px;
margin: 0px 0px 10px 0px;
}
.product-container-s3 {
width: inherit;
height: 20px;
border: none;
margin: 2px 0px 4px 0px;

}
.bestel-btn{
width: 40px;
height:20px;
background: transparent url(../_images/form/bestel.png) no-repeat left top;
float: right;
margin: 0px 0px 0px 0px;
cursor: pointer;
}
.terug-btn{
width: 40px;
height:20px;
background: transparent url(../_images/form/terug.png) no-repeat left top;
float: right;
margin: 0px 0px 0px 0px;
cursor: pointer;
}

.mo-bestel-btn{
width: 40px;
height:20px;
background: transparent url(../_images/form/mo-bestel.png) no-repeat left top;
float: right;
margin: 0px 0px 0px 0px;
cursor: pointer;
}
.mo-terug-btn{
width: 40px;
height:20px;
background: transparent url(../_images/form/mo-terug.png) no-repeat left top;
float: right;
margin: 0px 0px 0px 0px;
cursor: pointer;
}

.product-type{
float: right;
margin: 4px 20px 0 0;
}
.product-type-spec{
float: left;
margin: 4px 20px 0 0;
}

.product-presentation {
text-align: center;

}
.product-presentation-image-1 {
margin: 60px 43px 0 6px;
}
.product-presentation-image-2 {
margin: 59px 0px 0px 2px;
}
/**** bestel ****/
#order-form{
float: left;
margin: 84px 0px 0px 7px;
width: 487px;
height: 140px;
background: transparent url(../_images/form/order-form.png) no-repeat left top;
}
/*** left side ***/
.product-container-s4 {
width: 100%;
height: 20px;
border: none;
margin: 2px 0px 2px 0px;
float: right;

}
.product-container-spec {
width: 90%;
border: none;
margin: 0px 0px 0px 30px;
float: right;

}

/*** right side ***/
.order-form-input{
border: none;
width:141px;
height:18px;
float: left;
}
.order-next-button{
background: transparent url(../_images/form/volgende.png) no-repeat left top;
width: 57px;
height: 20px;
float: left;
margin: 204px 0px 0px 7px;
border: none;
cursor: pointer;
}
.order-previous-button{
background: transparent url(../_images/form/terug.png) no-repeat left top;
width: 57px;
height: 20px;
float: left;
margin: 204px 0px 0px 7px;
border: none;
cursor: pointer;
}
.mo-order-next-button{
background: transparent url(../_images/form/mo-volgende.png) no-repeat left top;
width: 57px;
height: 20px;
float: left	;
margin: 204px 0px 0px 7px;
border: none;
}
.mo-order-previous-button{
background: transparent url(../_images/form/mo-terug.png) no-repeat left top;
width: 57px;
height: 20px;
float: left;
margin: 204px 0px 0px 7px;
border: none;
}
.beschikbaar {
float: right;
margin: -21px 14px 0; 
}
.nb-text {
float: left;
font-size: 12px;
}
.voorraad {
width: 18px;
height: 18px;
background: transparent url(../_images/navigatie/beschikbaar.png) no-repeat left top;
margin: 0;
float: right;
font-size: 11px;
padding-top: 2px;
}

/*** gegevens controle ***/
#controle-form{
float: left;
margin: 72px 0px 0px 7px;
width: 600px;
height: 140px;
background: transparent;
}
#controle-form p,a {
color: #ED2224;
}
.confirm-next-button{
background: transparent url(../_images/form/volgende.png) no-repeat left top;
width: 57px;
height: 20px;
float: left;
margin: 117px 0px 0px 8px;
border: none;
cursor:pointer;
}
.confirm-previous-button{
background: transparent url(../_images/form/terug.png) no-repeat left top;
width: 57px;
height: 20px;
float: left;
margin: 117px 0px 0px 7px;
border: none;
cursor: pointer;
}
.mo-confirm-next-button{
background: transparent url(../_images/form/mo-volgende.png) no-repeat left top;
width: 57px;
height: 20px;
float: left	;
margin: 117px 0px 0px 8px;
border: none;
}
.mo-confirm-previous-button{
background: transparent url(../_images/form/mo-terug.png) no-repeat left top;
width: 57px;
height: 20px;
float: left;
margin: 117px 0px 0px 7px;
border: none;
}

/*** contact ***/
#contact-form {
border: none;
width:478px;
height: 244px;
float: right;
background: transparent url(../_images/contact/contactform.jpg) no-repeat left top;
}

.contact-input-field {
background: transparent; margin:0px 0px 21px 70px; width: 407px; height: 17px;
border: none;
}
#contact-bericht-field {
background: transparent; margin:0px 0px 0px 70px; width: 407px; height: 84px;
border: none;
}

.send-button {
width: 30px;
height: 20px;
background: transparent url(../_images/contact/send.png) no-repeat left top;
margin: 19px 0px 0px 71px;
border:none;
}
.mo-send-button {
width: 30px;
height: 20px;
background: transparent url(../_images/contact/mo-send.png) no-repeat left top;
margin: 19px 0px 0px 71px;
border:none;
}

#contact-info {
background: transparent url() no-repeat left top;
width: 101px;
height: 54px;
margin: 36px 0px 0px 31px;
}





/***************/
.alert {
background: #fff6bf;
background-position: 15px 50%;
text-align: center;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}

.nav:after, .container:after  {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Mask for fade out/in effect
------------------------------------------------ */
.mask {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 100;
}


#cboxIframe {overflow-x: hidden; overflow-y: hidden;}




#main h1 {}
#main h2 {}
#main h3 {}
#main h4 {}
#main h5 {}
#main p {}



/*---- Footer ----*/
#start-footer{
margin: 140px 0px 0px 31px;
background: url(../_images/logo.png) no-repeat left top;
width: 962px;
height: 252px;
border: none;
}
#footer {
	
}
#footer h1 {}
#footer h2 {}
#footer h3 {}
#footer h4 {}
#footer h5 {}
#footer p {}