﻿*{margin:0; padding:0;}
body 
{
    background-color:#000000;
    font-family:Verdana;
    font-size:12px;
    color:#b2b2b2;
    background-image:url('../../images/front/repeat_top.gif');
    background-position:left top;
    background-repeat:repeat-x; line-height:18px;
}

p{ display:block; line-height:18px; margin-bottom:30px;}


h1{
    font-size: 24px; color:#af8f49;
    font-weight: normal; margin-bottom:12px;
}

h2{
    font-size: 16px; color:#af8f49;
    font-weight: normal; margin-bottom:4px;
}

.errorInput{background-color:#DD1821;}
.errorText{color:#DD1821;font-weight:bold; font-size:10px;}
.smallText{ font-size:11px;}

select, input, textarea{ 
    border:solid 1px #5a504e;
    /*color:#af8f49; */
    color:#2a2924;
    padding:2px;
    font-family:Verdana; font-size:11px; }


a{color:#c7a55c;  font-weight:normal;}
a:hover{color: #ffffff; font-weight:normal; text-decoration:none;}

#wrapper
{
    width:990px;
    margin:0px auto;
    background-color:#000000;
    
}

#top
{    
    width:100%;
    height:114px; 
    background: #000000 url('../../images/front/vra_top.gif') no-repeat left top; 
}
div#top .logo{width:160px; float:left;}


#content
{
    padding:13px 10px 25px 10px;
    min-height:310px;
}

#footer
{
    height:35px;
    padding:0px 10px 0px 10px;
    width:990px;
    background-image:url('../../images/front/repeat_footerhome.gif') ;
    background-repeat:repeat;
    font-size:10px;
    color:#3b3b3b;
    float:left;
    /*position:absolute;*/ bottom:0px;
}

#footer a{ color:#3b3b3b; text-decoration:none;}
#footer a:hover {color:#000000;}

#footer span
{
    float:right;
    padding-top:8px;
}


/* breadcrump */
.breadcrump { font-size:10px; display:block; height:30px;}
.breadcrump a{ color:#b2b2b2;}

.line 
{
    display:block; 
    width:700px;
    height:3px;   
    background:url('../../images/front/line.gif') repeat-x left center;
}

.linebreak 
{
    display:block; 
    width:100%;
    height:13px;
}

/*menu*/
/*
div#hoofdmenu {margin:48px 0px 0px 120px; float:left; color:#c7a55c; }
div#hoofdmenu ul{ list-style-type:none;}
div#hoofdmenu li{ float:left; 
    padding-left:2px; margin-right:14px; }
div#hoofdmenu a{
    color:#bf9f58; 
    font-weight:bold;
    font-size:15px;
    text-decoration:none;}
div#hoofdmenu a:hover{color:#9a7b36;}

div#hoofdmenu .selected {color:#9a7b36; background-image:url('../../images/front/bg_active_topmenu.gif');}
div#hoofdmenu li.selected a{color:#9a7b36;}    
*/

div#hoofdmenu {
    margin:39px 0px 0px 120px; 
    float:left;  
    height:36px;}
div#hoofdmenu ul{list-style-type:none;}
div#hoofdmenu li{
    float:left;
    padding-left:4px; 
    margin-right:4px; }
div#hoofdmenu li.separator {
    color:#bf9f58;
    font-weight:bold; 
    font-size:15px; 
    padding-top:4px;}
div#hoofdmenu a{
    display:inline-block;
    color:#bf9f58; 
    font-weight:bold;
    font-size:15px;
    text-decoration:none;
    padding:5px 8px 0px 8px; height:31px;}
div#hoofdmenu a:hover{color:#9a7b36;}
div#hoofdmenu ul > li:first-child {padding-left:0px;}
div#hoofdmenu li a.actief{
    background:url('../../images/front/bg_active_topmenu.gif') repeat-x left bottom;
    color:#2a2924;
}    



div#menuInfo{
    text-align:right; 
    padding-top:20px; 
    float:right; 
    width:700px; 
    padding-right:10px; 
    color:#b2b2b2; 
    font-size:11px;}
div#menuInfo ul { list-style-type:none;}
div#menuInfo li { float:right; margin-left:10px; }
div#menuInfo a{ color:#b2b2b2; text-decoration:none;}
div#menuInfo a:hover { color:#e5e5e5;}



.menuleft ul{background-image:url('../../images/front/bg_menu_top.jpg'); list-style-type:none; padding-top:8px;}
.menuleft li{ font-size:12px; line-height:23px; padding-left:10px; display:list-item; }
.menuleft li a{
    color:#2a2924; 
    font-weight:bold; 
    text-decoration:none; 
    padding-left:13px;
    background:url('../../images/front/menu_arrow_black.gif') no-repeat left center;}
.menuleft li a:hover,li.selected a{ color:#f0e0be; background-image:url('../../images/front/menu_arrow_creme.gif'); font-weight:bold;}
.menuleft .closing{
    background-image:url('../../images/front/bg_menu_bottom.jpg');
    float:left; 
    height:8px; 
    width:240px;}





/*content*/
#col1{ float:left; 
       width:240px;}

#col2{ float:left;
       width:700px;
       margin-left:30px; min-height:500px;
       margin-bottom:30px; }



/*home*/
.home-categorie{float:left; }
.home-categorie .item{padding:30px 15px 0px 0px; float:left;}
.home-categorie .alternate{padding:30px 0px 0px 15px; float:left;}

.home-welkom{ float:left; display:block; text-align:left;  height:302px;}
.home-welkom h1{ font-size:12px; font-weight:bold;}
.home-schijnwerper{
    width:240px; 
    height:234px; float:left; 
    background-image:url('../../images/front/home_nieuws.jpg');
    font-size:11px;}
.home-schijnwerper .headerclick{ margin-left:10px; margin-top:5px; display:block; height:25px; width:220px;}
.home-schijnwerper .tekst{ margin:3px 0px 0px 34px;}
.home-schijnwerper .lnk{background:url('../../images/front/btn_bekijk_small_trans.gif') no-repeat left center;
           display:inline-block; 
           height:13px;  
           width:53px; 
           text-decoration:none; margin-left:55px;
           }
.home-schijnwerper .lnk:hover{background-image:url('../../images/front/btn_bekijk_small_mo_trans.gif');   }





/* kunstenaar */
.kunstenaar { float:left; margin-bottom:30px;}
.kunstenaar .right{ width:260px; float:right;}
.kunstenaar .about{ float:left; 
                    width: 390px; 
                    padding-right:40px; 
                    text-align:left; 
                    min-height:260px;   }

.kunstenaar .btnVideo {margin-top:19px; margin-left:0px; padding-left:0px;}


.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;}
.modalPopup {
    width:640px; 
    background-color:#000000;
	border-width:3px;
	border-style:solid;
	border-color:#af8f49;
	padding:3px; font-size:11px;
 	
}

.popupFlash {
    width:952px; 
    background-color:#000000;
	border-width:3px;
	border-style:solid;
	border-color:#af8f49;
	padding:3px; font-size:11px;}

.popupAlgemeneVoorwaaden
{
    width:670px; 
    background-color:#000000;
	border-width:3px;
	border-style:solid;
	border-color:#af8f49;
	padding:3px; font-size:11px;
	height:520px;
	overflow: auto; 
    }


p.kunst-el1 
{
    display:block; margin-bottom:24px; padding-bottom:13px; 
    font-weight: normal; font-size: 16px; color:#af8f49; 
    width:700px; background:url('../../images/front/line.gif') repeat-x left bottom;
}

/* Collectie */
.sorteer{ display:block; width:100%; height:20px;}

/* product */
.paging{display:block; width:100%; vertical-align:top;
        margin-top:13px; text-align:right; margin-bottom:13px;}

.productlist{
    float:left; 
    width:100%; 
    margin-bottom:30px;}
.productlist .item{ float:left; padding-right:85px; width:265px; margin-bottom:14px; height:325px;}
.productlist .alternate{ float:right; padding-left:85px; width:265px; margin-bottom:14px; height:325px; }
.productlist a.head{font-weight:bold; font-size:14px; color:#af8f49; margin-bottom:10px; display:block; text-decoration:none;}
.productlist a.head:hover{color:#FFFFFF;}

.productlist .thumb{display:block; margin-bottom:8px;  height:195px; cursor:pointer;}

.productlist .desc{ display:inline-block; font-size:10px; width:260px;}
.productlist .prijs{ font-weight:bold; color:#af8f49; font-size:12px; padding-top:8px;}
.productlist a.bekijk{ background-image:url('../../images/front/btn_bekijk_small.gif');  float:right;
                      background-position:left center;
                      background-repeat:no-repeat;
                      height:13px; padding-top:3px;
                      width:53px; display:inline-block; }
.productlist a.bekijk:hover{ background-image:url('../../images/front/btn_bekijk_small_mo.gif'); }

.productlist a.artist{color:#af8f49; font-size:11px; float:left; width:180px; }
.productlist a.artist:hover { color:#FFFFFF; text-decoration:none;}



/*CollapsiblePanel*/
.collapsePanel {
	background-color:red; width:400px;
	overflow:hidden; float:left;}



/* Arrow */
.btn-left{ background:url('../../Images/Front/btn_left.gif') no-repeat left center; 
           text-align:center;
           display:inline-block; 
           height:18px;  
           /*height:13px;*/
           width:70px; 
           text-decoration:none;}
.btn-left:hover{background-image:url('../../Images/Front/btn_left_mo.gif'); color:#b2b2b2;}

.btn-right{
            cursor:pointer; display:inline-block; height:13px; 
            width:90px;
            text-decoration:none;
            background:url('../../Images/Front/btn_right.gif') no-repeat right center; 
            text-align:center;
            height:18px;}
.btn-right:hover{ background-image:url('../../Images/Front/btn_right_mo.gif');color:#b2b2b2; }


.sort-up{
            display:inline-block; 
            width:9px; 
            height:9px; 
            background:url('../../Images/Front/sort_up.jpg') no-repeat left center;}
.sort-up:hover{background-image:url('../../Images/Front/sort_up_mo.jpg');}

.sort-down{
    background:url('../../Images/Front/sort_down.jpg') no-repeat left center;
    width:9px; 
    height:9px; 
    display:inline-block;}
.sort-down:hover{background-image:url('../../Images/Front/sort_down_mo.jpg');}



/*detail*/
.detail{ float:left;}
.detail .column1{ width:400px; float:left;}

.detail .column2{ width:260px; margin-left:40px; float:right; font-size:11px;}

* html .detail .column2{
        margin-left:36px;
        width:260px; 
        float:left; 
        font-size:11px;} /*IE6 */


.detail .sold{font-weight:bold; font-size:15px; color:#af8f49; display:block; padding-top:10px;}
.detail .image {}
.detail p{ font-size:12px;}
.detail .price{ font-weight:bold; font-size:16px; color:#af8f49;}


.detail .bestel{background:url('../../Images/Front/bg_btn_bestel.gif') no-repeat left top;
                width:247px; height:30px; display:block; margin-top:23px; padding:13px 0px 0px 13px;
                text-decoration:none; color:#2c2a25; font-size:16px; font-weight:bold; }
.detail .bestel:hover{ color:#6a4f0c;}


.detail .object{background:url('../../Images/Front/bg_btn_object.gif') no-repeat left top;
                width:247px; height:43px; display:block; margin-top:23px; padding:3px 30px 0px 13px;
                float:left; }


*html .detail .object{background:url('../../Images/Front/bg_btn_object.gif') no-repeat left top;
                width:247px; height:43px; display:block; margin-top:23px; padding:3px 0px 0px 13px;
                float:left; }/*IE6 */


.detail .object a{text-decoration:none; color:#b2b2b2; font-size:12px; font-weight:bold;
                  width:210px; display:inline-block;
                  }

.detail .object a:hover{ color:#e5e5e5;}



.dv{width:260px; background-color:yellow;}
.dv td{ background-color:#EEEEEE;  line-height:14px; border-bottom:solid 1px #ff9e6f;}
.dv .left{ float:left; padding-left:10px; width:90px; background-color:#c0c0c0;}
.dv .right{ float:right; background-color:#FFFFFF; width:500px;} 


/*contact over kunstwerk */
.askme{ width:500px; float:left; padding:10px;
    background-color:#000000;
	border-width:3px;
	border-style:solid;
	border-color:#af8f49;
	}
.askme .row{float:left;}
.askme .leftCol{ float:left; 
    width:100px; 
    padding:6px 3px 0px 0px; 
    line-height:14px;}
.askme .rightCol{float:left; 
    width:380px; 
    padding:3px 3px 2px 5px; 
    line-height:14px;}



/*form*/
.row{
    float:left; 
    width:100%;}
.rowLeft {
    float:left; 
    width:210px; 
    padding:4px 3px 0px 0px; 
    line-height:14px;}
.rowRight
{
    float:left; 
    width:470px; 
    padding:3px 3px 2px 5px; 
    line-height:14px;}
.header{
    font-weight:bold;  font-size:13px; 
    padding:2px 0px 2px 5px;
    margin-bottom:10px;}

.tooltip-info 
{
    display:inline-block;
    height:13px; 
    width:12px; 
    cursor:pointer; }

    
    
/* Zoeken */
.zoeken { float:left;
          width:700px;
          padding:0px;
          height:32px; font-size:11px; margin-bottom:8px;
          background:url('../../Images/Front/bg_zoeken_balk.gif') no-repeat left top;
}

.zoeken .element{ height:22px; float:left; padding-top:3px; 
                  padding-left:11px; display:inline; font-weight:bold; color:#2a2924;}
.zoeken .btn  
{
    height:22px; width:94px; margin-left:10px; 
    display:inline-block; padding-top:2px;  
    background:url('../../Images/Front/btn_zoeken.gif') no-repeat left bottom;
}
.zoeken .btn:hover{
    background-image:url('../../Images/Front/btn_zoeken_mo.gif');
     
    
}


/* Van Rijn Art Class */
.artclass{float:left; width:700px;}
.artclass a {display:block; font-size:14px; font-weight:bold; margin-bottom:8px; margin-top:8px; 
    background:url('../../Images/Front/artclass_arrow.gif') no-repeat right center; 
           text-align:left;
           height:22px; width:680px;  
           text-decoration:none;}

.artclass a:hover {background:url('../../Images/Front/artclass_arrow_mo.gif') no-repeat right center; }           


/* left menu Van Rijn Art Class */
.artclass-leftmenu {
    background-image:url('../../images/front/bg_menu_top.jpg'); 
    color:#2a2924; 
    font-size:12px; 
    font-weight:bold; 
    cursor:pointer; padding-top:8px; 
}
.artclass-leftmenu ul{ list-style-type:none; }

.artclass-leftmenu a{
    background:url('../../images/front/menu_arrow_black.gif') no-repeat left center;
    display: block;
    margin-left:10px; 
    padding-left:13px; display:block;
    text-decoration: none;  
    color:#2a2924; 
}


.artclass-leftmenu a.thema 
{
     font-weight:bold;
     font-size:12px;     
}

.artclass-leftmenu a.themaSelected , a.thema:hover {
    margin-left:10px; display:block; 
    background:url('../../images/front/menu_arrow_creme.gif') no-repeat left center;
    color:#f0e0be;
    padding-left:13px;  
    font-weight:bold;
}


.artclass-leftmenu li li a{
    color:#2a2924; 
    display: block;
    padding: 0px 3px 5px 10px;
    font-size:11px;
    background-image:url('/Images/Front/transparent.gif');
}
.artclass-leftmenu li li a:hover, li li.actief a{
    color:#f0e0be; 
    font-weight:bold; 
}

.artclass-leftmenu .closing{
            background-image:url('../../images/front/bg_menu_bottom.jpg');
             float:left; 
             height:8px; 
             width:240px;}  
             
             
/* Van Rijn Art Class - Detail */
div.artclass-detail{ float:left; width:700px;}
div.artclass-detail .thema{ font-size:12px; color:#b3b3b3; font-weight:bold; display:inline; }
div.artclass-detail .artikel-datum{ font-size:11px;}             
div.artclass-detail .terug-naar-overzicht  
{
    height:14px; 
    width:145px; 
    display:inline-block;
    background:url('../../Images/Front/btn_terug-naar-overzicht.gif') no-repeat left bottom;
}
div.artclass-detail .terug-naar-overzicht:hover{
    background-image:url('../../Images/Front/btn_terug-naar-overzicht_mo.gif');
}    


/* Factuur */
#factuur
{
  float:left; width:700px;
} 
#factuur .block{ display:block; background-color:#1a1917; border-bottom:solid 1px #79766d;
                 padding:13px 8px 13px 8px; }


/* Sitemap */
#navcontainer ul{
margin: 0;
padding: 0;
list-style-type: none;}

#navcontainer a{
display: block;
width: 200px;
padding: 8px 12px 8px 0px;
text-decoration: none;
}

#navcontainer a:hover{

}

#navcontainer li li a
{
display: block;
width: 250px;
padding: 0px 3px 5px 30px;
text-decoration: none;
 font-style:italic;
}


/* tooltip */
#tt {
 position:absolute;
 display:block;
 background:url(../../Images/Front/tt_left.gif) top left no-repeat;
 }
 #tttop {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(../../Images/Front/tt_top.gif) top right no-repeat;
 overflow:hidden;
 }
 #ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 margin-left:5px;
 background:#666; font-family:Verdana; font-size:11px;
 color:#fff;
 }
#ttbot {
display:block;
height:5px;
margin-left:5px;
background:url(../../Images/Front/tt_bottom.gif) top right no-repeat;
overflow:hidden;
}