/* CSS Document */
body{
behavior:url(csshover.htc);
}
	
.container {
text-align		: center;	
margin			: 0;
width			: 100%;
height			: 695x;
}

.container2{
width			: 960px;
height			: 695px;
text-align		: left;
margin 			: 0 auto;
padding 		: 0;
}


html,body {
margin			: 0;
padding			: 0;
background-color: #ffffff;

font-family		: Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif;
font-size		: 12px;
font-weight		: normal;
color			: #252525; 
}

p{
font-size		: 12px;
line-height		: 20px;
}

a:link{
text-decoration	: underline;
color			: #252525; 
}
a:hover{
text-decoration	:underline;
color			: #252525; 
}
a:visited{
text-decoration	:underline;
color			: #252525; 
}

.button{
margin			: 5px 10px 0 0;
display			: block;
float			: left;
height			: 27px;
width			: 164px;
border			: solid 1px #252525;
background-color: #ffffff;
text-align		: center;
font-style		: italic;
font-size		: 12px;
line-height		: 25px;
}

a.button, a.button:visited{
text-decoration: none;
}

a.button:hover{
background-color: #252525;
color:#FFFFFF;
text-decoration: none;
}

.button2, input.submit, input.submit:visited{
margin			: 5px 10px 0 0;
display			: block;
float			: left;
height			: 25px;
width			: 130px;
color			: #FFFFFF;
background-color: #252525;
text-align		: center;
font-size		: 12px;
line-height		: 25px;
text-decoration: none;
}

a.button2, a.button2:visited{
text-decoration: none;
color			: #FFFFFF;
}

a.button2:hover,
input.submit:hover{
color			: #252525;
background-color: #ffffff;
text-decoration	: none;
border			: solid 1px #252525;
}

.button_extramargin{
margin			: 15px 10px 0 0;
display			: block;
float			: left;
height			: 27px;
width			: 164px;
border			: solid 1px #252525;
background-color: #ffffff;
text-align		: center;
font-style		: italic;
font-size		: 12px;
line-height		: 25px;
}

a.button_extramargin, a.button_extramargin:visited{
text-decoration: none;
}

a.button_extramargin:hover{
background-color: #252525;
color:#FFFFFF;
text-decoration: none;
}



input.submit, input.submit:hover {
cursor: pointer;
}

table {
width			: 100%;
height			: 100%;
}

td {
vertical-align	: middle;
}

td.opdracht {
vertical-align	: top;
}


/* FORMS */
.foutmelding {
color: red;
}

input.foutmelding, textarea.foutmelding {
background: #FCC;
color: 252525;
}

input.foutmelding{
border-color: red;
}

span.verplicht {
color: #999;
font-style: italic;
}

input{
color				: #FFFFFF;
border				: 1px solid #252525;
font-size			: 9pt;
color				: #252525;
height				: 25px;
margin				: 0 0 2px  0;
line-height			: 20px;
}

input{
color				: #FFFFFF;
border				: 1px solid #252525;
font-size			: 9pt;
color				: #252525;
height				: 25px;
margin				: 0 0 2px  0;
line-height			: 20px;
}

textarea{
font-family		: Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif;
font-size		: 13px;
font-weight		: normal;
color			: #252525; 
border			: 1px solid #252525;
}


input.radiobut{
border 	: 0px;
border-bottom-color:#FFFFFF;
}

table.formtabel{
margin				: 0px 0 0 0;
font-size			: 12px;
height				: 25px;
}

table.formtabel table,
table.formtabel2 table{
width				: auto;
font-size			: 12px;
}

table.formtabel2{
margin				: 0 0 0 0;
font-size			: 12px;
height				: 25px;
}

input#prijs {
border: none;
width: 110px;
background-color: white;
}

/*NAV CONTAINER*/
.top{
width			: 960px;
height			: 54px;

}

.english{
width			: 154px;
height			: 27px;
margin			: 0 0 0 20px;
float			: left;
display			: block;
font-size		: 11px;
background-color: #FFFFFF;
text-align 		: center;
line-height		: 25px;
}

a.english:hover, a.english:visited{
text-decoration:none;
color: #7c1a1b; 
}


.footer{
margin			: 10px 0 0 0;
width			: auto;
height			: 20px;
text-align		: center;
font-size		: 10px;
color			: #666666;
}

a.footer:link, a.footer:visited {
color			: #666666;
}
a.footer:hover{
text-decoration	: underline;
}


/*INDEX*/
.achtergrond_index{
width			: 960px;
height			: 602px;
background-image:url(images/bg_index.jpg)
}

.index{
margin			: 403px 0 0 0;
float			: left;
display			: block;
height			: 130px;
width			: 960px;
background-color: #FFFFFF;
}

.index_kop{
font-size		: 25px;
font-weight		: bold;
font-style		: italic;
margin			: 35px 0 0 40px;
}

.index_subkop{
font-size		: 16px;
font-style		: italic;
margin			: 5px 0 0 35px;
}

.index_quote{
font-size		: 16px;
font-style		: italic;
display			: block;
width			: 412px;
margin			: -50px 0 0 450px;
line-height		: 26px;
}


/*SCHILDERIJEN*/
.achtergrond_schilderijen{
width			: 960px;
height			: 602px;
background-image:url(images/bg_schilderijen.jpg)
}

.schilderijen{
margin			: 204px 0 0 0;
float			: left;
display			: block;
height			: 355px;
width			: 960px;
background-color: #FFFFFF;
}


/*OPEN ATELIER*/
.achtergrond_openatelier{
width			: 960px;
height			: 602px;
background-image:url(images/bg_openatelier.jpg)
}

.achtergrond_masterclass{
width			: 960px;
height			: 602px;
background-image:url(images/bg_masterclass.jpg)
}

.openatelier{
/*margin			: 285px 0 0 0;*/
float			: left;
display			: block;
height			: 274px;
width			: 960px;
background-color: #FFFFFF;
}
.openatelier2{
/*margin			: 285px 0 0 0;*/
float			: left;
display			: block;
height			: 309px;
width			: 960px;
background-color: #FFFFFF;
}

.datebox{
margin			: 12px 0 12px 10px;
padding			: 32px 12px 0 12px;
float			: left;
display			: block;
height			: 214px;
width			: 176px;
background-color: #DFDFDF;
text-align		: center;
}

.datebox2{
margin			: 12px 0 12px 10px;
padding			: 32px 12px 0 12px;
float			: left;
display			: block;
height			: 248px;
width			: 176px;
background-color: #DFDFDF;
text-align		: center;
}

.datum{
margin			: 10px 0 10px 0;
font-size		: 26px;
font-weight		: bold;
}

.jaartal{
margin			: 5px 0 25px 0;
font-size		: 50px;
font-weight		: bold;
line-height		: 30px;
}

.oa_txt{
margin			: 15px 0 12px 30px;
float			: left;
display			: block;
width			: 500px;
}

.oa_titel{
font-size		: 20px;
text-align		: left;
font-style		: italic;
font-weight		: bold;
clear			: right;
}

.formsluiten{
margin			: 35px 20px 0 0;
float			: right;
display			: block;
height			: 20px;
width			: 100px;
font-size		: 12px;
color 			: #DFDFDF;
}



/*KUNST AAN HUIS*/
.achtergrond_kunstaanhuis{
width			: 960px;
height			: 602px;
background-image:url(images/bg_kunstaanhuis.jpg)
}

.kunstaanhuis{
margin			: 305px 0 0 0;
float			: left;
display			: block;
height			: 254px;
width			: 960px;
background-color: #FFFFFF;
}

.khbox1{
margin			: 12px 0 12px 10px;
padding			: 12px 12px 0 12px;
float			: left;
display			: block;
height			: 214px;
width			: 176px;
background-color: #DFDFDF;
text-align		: center;
font-size		: 15px;
}


.datum2{
margin			: 15px 0 5px 0;
font-size		: 26px;
}




/*EXPOSITIES*/
.achtergrond_exposities{
width			: 960px;
height			: 602px;
background-image:url(images/bg_exposities.jpg)
}

.exposities{
float			: left;
display			: block;
height			: 274px;
width			: 960px;
background-color: #FFFFFF;
}

.tabspacer{
float			: left;
display			: block;
height			: 22px;
width			: 15px;
}

.tab{
margin			: 255px 1px 0 0;
padding			: 5px 15px 5px 15px;
float			: left;
display			: block;
height			: 22px;
background-color: #FFFFFF;
opacity			:.75;
}
a.tab:link, a.tab:visited{
text-decoration	: none;
opacity			: .75;
}

a.tab:hover{
opacity			:100;
}

.tab_active{
margin			: 255px 1px 0 0;
padding			: 5px 15px 5px 15px;
float			: left;
display			: block;
height			: 22px;
background-color: #FFFFFF;
}

.geen_tab{
margin			: 255px 1px 0 0;
padding			: 5px 15px 5px 15px;
float			: left;
display			: block;
height			: 22px;
background-color: transparent;
}

a.tab_active:link, a.tab_active:visited{
text-decoration	: none;
}

a.tab_active:hover{
opacity			:100;
}

table.expo{
	width			: 904px;
	font-size		: 14px;
	height			: 10px;
	margin-top: 10px;
	margin-right: 13px;
	margin-bottom: 0;
	margin-left: 30px;
}

td.expo{
height			: 30px;
padding			: 0 20px 0 0;
}

table.prevnext{
width			: 904px;
height			: 30px;
font-size		: 12px;
margin			: 15px 55px 0 13px;
}

.epxosities_kop{
font-size		: 20px;
font-weight		: bold;
font-style		: italic;
margin			: 25px 0 0 32px;
}


/*GALERIEN*/
.galerie_txt{
float			: left;
display			: block;
width			: 375px;
margin			: 25px 0 0 30px;
}

.galerie_opsomming1{
margin			: 25px 0 0 60px;
float			: left;
display			: block;
width			: 220px;
line-height		: 25px;
}

.galerie_opsomming2{
margin			: 25px 0 0 30px;
float			: left;
display			: block;
width			: 200px;
line-height		: 25px;
}

/*OPDRACHT VAN*/
.opdrachtvan{
margin			: 25px 0 0 15px;
float			: left;
display			: block;
width			: 375px;
}

.opdrachtsubkop{
font-size		: 15px;
font-weight		: bold;
}


table.opdrachtvan_txt{
width			: 904px;
font-size		: 12px;
height			: 10px;
margin			: 15px 0 0 32px;
line-height		: 20px;
vertical-align	: top;
}



/*PUBLICATIES*/
.achtergrond_publicaties{
width			: 960px;
height			: 602px;
background-image:url(images/bg_publicaties.jpg)
}

.publicaties{
margin			: 0px 0 0 0;
float			: left;
display			: block;
height			: 221px;
width			: 960px;
background-color: #FFFFFF;
}

.tab2{
margin			: 307px 1px 0 0;
padding			: 5px 15px 5px 15px;
float			: left;
display			: block;
height			: 22px;
background-color: #FFFFFF;
opacity			:.75;
}
a.tab2:link, a.tab2:visited{
text-decoration	: none;
opacity			: .75;
}

a.tab2:hover{
opacity			:100;
}

.tab2_active{
margin			: 307px 1px 0 0;
padding			: 5px 15px 5px 15px;
float			: left;
display			: block;
height			: 22px;
background-color: #FFFFFF;
}

a.tab2_active:link, a.tab2_active:visited{
text-decoration	: none;
}

a.tab2_active:hover{
opacity			:100;
}

.pubkop{
font-size		: 20px;
font-weight		: normal;
line-height		: 25px;
font-style		: italic;
}

.pubdate{
font-style		: italic;
margin-top			: -5px;
}



/*BOEK*/
.boek_img{
margin			: 12px 0 12px 25px;
float			: left;
display			: block;
height			: 200px;
width			: 176px;
}

.boek_txt{
margin			: 15px 0 12px 30px;
float			: left;
display			: block;
width			: 500px;
}


/*CONTACT*/
.achtergrond_contact{
width			: 960px;
height			: 602px;
background-image:url(images/bg_contact.jpg)
}

.contact{
margin			: 380px 0 0 0;
float			: left;
display			: block;
height			: 179px;
width			: 960px;
background-color: #FFFFFF;
}

.adresbox{
margin			: 12px 0 12px 10px;
padding			: 20px;
float			: left;
display			: block;
height			: 106px;
width			: 160px;
background-color: #DFDFDF;
text-align		: left;

font-family		: Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif;
font-size		: 12px;
font-weight		: normal;
line-height		: 20px;
}

.btnRoute{
margin			: 15px 10px 0 0;
display			: block;
float			: left;
height			: 25px;
width			: 150px;
color			: #252525;
background-color: #FFFFFF;
text-align		: center;
font-size		: 12px;
line-height		: 25px;
text-decoration: none;
}

a.btnRoute, a.btnRoute:visited{
text-decoration: none;
color			: #2525252;
}

a.btnRoute:hover{
color			: #ffffff;
background-color: #252525;
text-decoration	: none;
border			: solid 1px #252525;
}



/*NAVIGATIE*/
.handtekening{
margin-left		: 121px;
float			: left;
display			: block;
background		: url(images/handtekening.gif) no-repeat;
height			: 54px;
width			: 160px;
vertical-align	: middle;
}

a.nav1:link, a.nav1:visited{
margin-left		: 20px;
float			: left;
display			: block;
background		: url(images/nav/nav_02.jpg) no-repeat;
height			: 54px;
width			: 105px;
vertical-align	: middle;
}
a.nav1:hover{
margin-left		: 20px;
float			: left;
display			: block;
background		: url(images/nav/nav_02.jpg) no-repeat;
height			: 54px;
width			: 105px;
vertical-align	: middle;
background-position: 0px -55px; 
}
.nav1_active{
cursor			: default;
margin-left		: 20px;
float			: left;
display			: block;
background		: url(images/nav/nav_02.jpg) no-repeat;
height			: 54px;
width			: 105px;
vertical-align	: middle;
background-position: 0px -55px; 
}

a.nav2:link, a.nav2:visited{
float			: left;
display			: block;
background		: url(images/nav/nav_03.jpg) no-repeat;
height			: 54px;
width			: 147px;
vertical-align	: middle;
margin-left		: 1px;
}
a.nav2:hover{
float			: left;
display			: block;
background		: url(images/nav/nav_03.jpg) no-repeat;
height			: 54px;
width			: 147px;
vertical-align	: middle;
background-position: 0px -55px;
margin-left		: 1px;
}
.nav2_active{
cursor			: default;
float			: left;
display			: block;
background		: url(images/nav/nav_03.jpg) no-repeat;
height			: 54px;
width			: 147px;
vertical-align	: middle;
background-position: 0px -55px;
margin-left		: 1px;
}


a.nav3:link, a.nav3:visited{
float			: left;
display			: block;
background		: url(images/nav/nav_04.jpg) no-repeat;
height			: 54px;
width			: 119px;
vertical-align	: middle;
margin-left		: 1px;
}

a.nav3:hover{
float			: left;
display			: block;
background		: url(images/nav/nav_04.jpg) no-repeat;
height			: 54px;
width			: 119px;
vertical-align	: middle;
background-position: 0px -55px;
margin-left		: 1px;
}
.nav3_active{
cursor			: default;
float			: left;
display			: block;
background		: url(images/nav/nav_04.jpg) no-repeat;
height			: 54px;
width			: 119px;
vertical-align	: middle;
background-position: 0px -55px;
margin-left		: 1px;
}

a.nav4:link, a.nav4:visited{
float			: left;
display			: block;
background		: url(images/nav/nav_05.jpg) no-repeat;
height			: 54px;
width			: 87px;
vertical-align	: middle;
margin-left		: 1px;
}
a.nav4:hover{
float			: left;
display			: block;
background		: url(images/nav/nav_05.jpg) no-repeat;
height			: 54px;
width			: 87px;
vertical-align	: middle;
background-position: 0px -55px;
margin-left		: 1px;
}
.nav4_active{
cursor			: default;
float			: left;
display			: block;
background		: url(images/nav/nav_05.jpg) no-repeat;
height			: 54px;
width			: 87px;
vertical-align	: middle;
background-position: 0px -55px;
margin-left		: 1px;
}



a.nav5:link, a.nav5:visited{
float			: left;
display			: block;
background		: url(images/nav/nav_06.jpg) no-repeat;
height			: 54px;
width			: 96px;
vertical-align	: middle;
margin-left		: 1px;
}
a.nav5:hover{
float			: left;
display			: block;
background		: url(images/nav/nav_06.jpg) no-repeat;
height			: 54px;
width			: 96px;
vertical-align	: middle;
background-position: 0px -55px;
margin-left		: 1px;
}
.nav5_active{
background-position: 0px -55px;
cursor			: default;
float			: left;
display			: block;
background		: url(images/nav/nav_06.jpg) no-repeat;
height			: 54px;
width			: 96px;
vertical-align	: middle;
background-position: 0px -55px;
margin-left		: 1px;
}


a.nav6:link, a.nav6:visited{
float			: left;
display			: block;
background		: url(images/nav/nav_07.jpg) no-repeat;
height			: 54px;
width			: 76px;
vertical-align	: middle;
margin-left		: 1px;
}

a.nav6:hover{
float			: left;
display			: block;
background		: url(images/nav/nav_07.jpg) no-repeat;
height			: 54px;
width			: 76px;
vertical-align	: middle;
background-position: 0px -55px;
margin-left		: 1px;
}

.nav6_active{
cursor			: default;
float			: left;
display			: block;
background		: url(images/nav/nav_07.jpg) no-repeat;
height			: 54px;
width			: 76px;
vertical-align	: middle;
background-position: 0px -55px;
margin-left		: 1px;
}

/*IMAGE GALLERY*/
img.gallery {
border:#999 1px solid;
}

div.vorige {
width:80px;
height: 15px;
float:left;
padding: 7px 0 0 0;
margin: 7px 0 0 30px;
}

div.volgende {
width:80px;
height: 15px;
float:right;
padding: 7px 0 0 0;
margin: 7px 30px 0 0;
text-align: right;
}

div.vorige a img,
div.volgende a img {
border: none;
}

p.gallery {
margin: 0 5px 0 0;
padding: 0;
display: inline;
color: black;
font-size: 12px;
}

div.gallery {
margin: 24px 0 0 0;
height: 280px;
}

div.gallery_menu {
margin: 7px 0 0 0;
float: left;
}

span.gallery a:link,
span.gallery a:visited,
span.gallery a:hover,
span.gallery a:active {
margin: 0 5px 0 0;
font-size: 12px;
}

span.gallery-active a:link,
span.gallery-active a:visited,
span.gallery-active a:hover,
span.gallery-active a:active {
margin: 0 5px 0 0;
font-size: 12px;
text-decoration: none;
cursor: default;
}

/*LIGHTBOX*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 12px;}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink { background: url(lightboximages/links.png) left 52% no-repeat; }
#nextLink { background: url(lightboximages/rechts.png) right 52% no-repeat; }


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; padding: 0 2px 0 2px; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*test*/