/******************* FONT *****************************/
/* http://www.fontsquirrel.com/tools/webfont-generator */
@font-face {
    font-family: 'avenir_lt_std35_light';
    src: url('../avenirltstd-light-webfont.eot');
    src: url('../avenirltstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../avenirltstd-light-webfont.woff2') format('woff2'),
         url('../avenirltstd-light-webfont.woff') format('woff'),
         url('../avenirltstd-light-webfont.ttf') format('truetype'),
         url('../avenirltstd-light-webfont.svg#avenir_lt_std35_light') format('svg');
    font-weight: normal;
    font-style: normal;
}


	
/********************  ACHTERGROND CONTAINERS ********************/
body
{
	margin:0px;
	padding:0px;
	horizontal-align: middle;
	background: url("../images/BG/GoudenIJ_BG.jpg");
	background-repeat: repeat-x;
	background-color:#FFFFFF;
}

#bgPosTop 
{
	clear:both;
	height:100px;
	background:#001234;
	margin:0px;
	padding:0px;
	overflow:hidden;
}


#Container 
{
	width:1200px;
	margin:auto;
}

/* -------------- Vormgeving ------------- */
#bgPos1 
{
	float:left;
	width:330px;
	height:910px;
	background:url(../images/BG/kunst_01.jpg) no-repeat top left;
	margin:0px;
	padding:0px;
}

	#mnu_container
	{
		position:relative;
		left:100px;
		top:205px;
		width:220px;
		height:330px;
		/*background:#000000;
		opacity:0.7;
		filter:alpha(opacity=70); /* For IE8 and earlier */
		margin:0px;
		padding:0px;
		/*overflow:hidden;*/
	}

#bgPos2 
{
	float:right;
	background:url(../images/BG/kunst_02.jpg) no-repeat top left;
	width:870px;
	height:204px;
	margin:0px;
	padding:0px;
}

#bgPos3 
{
	float:right;
	width:870px;
	margin:0px;
	padding:0px;
}


#bgPosBottom1 
{
	clear:both;
	height:3px;
	background-color:#FFD701;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#bgPosBottom2 
{
	clear:both;
	height:400px;
	background-color:#2F346C;
	margin:0px;
	padding:0px;
	text-align:center;
	overflow:hidden;
}

	
hr
{
	border: none 0; 
	border-top: 1px solid #CCCCCC;/*the border*/
	width: 100%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}

.titleHead
{
	position:relative;
	left:392px;
	top:5px;
	width:400px;
	height:40px;
	font-family:'avenir_lt_std35_light';
	color:#2F346C;
	font-size:25px;	
	border-style:solid;
	border-color:#2F346C;
	border-width:0px 0px 0px 1px;
}

/******************** BG Fade ***************************/

#slideshow 
{
    position:relative;
	width:560px;
	height:317px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/********************  ALGEMEEN TEKST ********************/	
	
p
	{
		font-family:'avenir_lt_std35_light';
		color:#333333;
		font-size:14px;	
		line-height:21px;	
	}
	
.pp
	{
		font-family:'avenir_lt_std35_light';
		color:#333333;
		font-size:14px;		
		line-height:21px;	
	}
	
li
	{
		font-family:'avenir_lt_std35_light';
		color:#333333;
		font-size:14px;	
		line-height:21px;	
	}
	
.adres
	{
		font-family:'avenir_lt_std35_light';
		color:#FFFFFF;
		font-size:20px;	
	}	
/********************  KADERS ********************/
.kaderKunstenaars
{
		position:relative;
		left:50px;
		width:800px;
}

.tbl_kaderKunstenaars
{
		padding:0px 30px 0px 30px;
		margin:0px;
}


.tbl_kunstenaar
	{
		font-family:'avenir_lt_std35_light';
		color:#333333;
		font-size:14px;		
		line-height:21px;			
		border-style:solid;
		border-color:#999999;
		border-width:1px;
		text-align=center;
		/*background:#FFFFFF;*/
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.5, #ffffff), color-stop(1, #aaaaaa) );
		background:-moz-linear-gradient( center top, #ffffff 50%, #aaaaaa 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#aaaaaa');
		background-color:#ffffff;
	}
	
.tbl_collectie
	{
		float:left;
		width:120px;
		height:270px;
		margin:5px;
		padding:10px;
		font-family:'avenir_lt_std35_light';
		color:#333333;
		font-size:14px;		
		line-height:21px;			
		border-style:solid;
		border-color:#999999;
		border-width:1px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.5, #ffffff), color-stop(1, #aaaaaa) );
		background:-moz-linear-gradient( center top, #ffffff 50%, #aaaaaa 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#aaaaaa');
		background-color:#ffffff;
		text-align:center;
	}
	
		
.lijst
	{
		border-style:solid;
		border-color:#666666;
		border-width:3px;
		border-color:2F346C;
		background:#FFFFFF;
	}

	
.colContLeft
	{
		float:left;
		width:354px;
		margin:0px;
		padding:40px;
	}
	
.colContRight
	{
		float:right;
		width:394px;
		margin:0px;
		padding:20px;
	}
	
	
.mid_container
	{
		position:relative;
		width:780px;
		height:50px;	
		overflow:hidden;
	}
	
.scan_container
	{
		position:relative;
		width:780px;
		height:370px;	
		border-style:solid;
		border-width:1px;
		border-color:#00448F;
		text-align:left;
		/*vertical-align:top;*/
		-moz-border-radius-topleft: 7px;
		-moz-border-radius-topright: 7px;
		-moz-border-radius-bottomleft: 7px;
		-moz-border-radius-bottomright: 7px;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		
		background: rgb(49, 95, 125);
		background: rgba(49, 95, 125, 0.9);

		overflow:hidden;
	}

.kopTekst
	{
		position:relative;
		left:290px;
		width:440px;
		top:5px;
		
		font-family:'avenir_lt_std35_light';
		color:#1A2B3D;
		font-size:11px;	
		
		border-style:solid;
		border-color:#10BBD7;
		border-width:1px;
		
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5x;
		-moz-border-radius-bottomleft: 5x;
		-moz-border-radius-bottomright: 5x;
		border-top-left-radius: 5x;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		padding:10px;
	}
	
.itemTekst
	{
		border-style:solid;
		border-color:#CCCCCC;
		border-width:1px;
		background:#FFFFFF;
		
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5x;
		-moz-border-radius-bottomleft: 5x;
		-moz-border-radius-bottomright: 5x;
		border-top-left-radius: 5x;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		
		-moz-box-shadow: 10px 10px 5px #EEEEEE;
		-webkit-box-shadow: 10px 10px 5px #EEEEEE;
		box-shadow: 10px 10px 5px #EEEEEE;
		
		padding:10px;
	}
	
#scrl1
	{
		scrollbar-arrow-color:#FFFFFF;
		scrollbar-face-color:#0055A5;
		scrollbar-highlight-color:#FFFFFF;
		scrollbar-shadow-color:#0055A5;
		scrollbar-3dlight-color:#0055A5;
		scrollbar-darkshadow-color:#000000;
		scrollbar-track-color:#0055A5;
		position:relative;
		left:5px;
		width:290px;
		height:120px;
		padding:5px;
		border-style:solid;
		border-color:#FFFFFF;
		border-width:1px;
		overflow:auto;
	}
		
/********************  LINKS ********************/

input.knop 
{
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   10pt;
	width:       20px;
	height:      27px;
	margin:      5px 0 10px 0;
}

   /********************  Normal ********************/	
	a:link, a:visited, a:active
	{
		font-family:'avenir_lt_std35_light';	
		color:#FFFFFF;
		font-size:11px;			
		text-decoration:underline;
	}
	
	a:hover
	{
		font-family:'avenir_lt_std35_light';	
	    color:#000033;
	    font-size:11px;		
	    text-decoration:none;
	}

/********************************/
/*        signering             */
/********************************/
	a:link.s, a:visited.s, a:active.s, a:hover.s
	{
		font-family:'avenir_lt_std35_light';	
		color:#FFFFFF;
		font-size:11px;			
		text-decoration:none;
	}
	
	
/**************************************/
/*        menuknoppen intro             */
/**************************************/

	a:link.a1, a:visited.a1, a:active.a1
	{
		display:block;
		width:100%;
		font-family:'avenir_lt_std35_light';	
		color:#FFFFFF;
		font-size:22px;	
		text-align:right;		
		padding:1px 0px 1px 0px;
		text-decoration:none;
	}
	
	a:hover.a1
	{
		display:block;
		width:100%;
		font-family:'avenir_lt_std35_light';	
		color:#000000;
		font-size:22px;	
		text-align:right;
		padding:1px 0px 1px 0px;
		background:#CCCCCC;		
		text-decoration:none;
	}
	
	
	.dropbtn 
	{
		display:block;
		width:100%;
		font-family:'avenir_lt_std35_light';	
		color:#FFFFFF;
		font-size:22px;	
		text-align:right;		
		padding:1px 0px 1px 0px;
		background:none;
		border:0px;		
		text-decoration:none;
	}

	.dropdown 
	{
		display:block;
		width:100%;
		font-family:'avenir_lt_std35_light';	
		color:#FFFFFF;
		font-size:22px;	
		text-align:right;		
		padding:1px 0px 1px 0px;
		text-decoration:none;
	}

	.dropdown-content {
	  display: none;
	  position: absolute;
	  background-color:green;
	  min-width: 120px;
	  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
	  z-index: 1;
	}

	.dropdown-content a {
	  color: black;
	  padding: 12px 16px;
	  text-decoration: none;
	  display: block;
	}

	.dropdown-content a:hover {background-color: #ddd;}

	.dropdown:hover .dropdown-content {display: block;}

	.dropdown:hover .dropbtn {background-color: #CCCCCC;color:#000000;}
		
	
	
	
	
	
	
	
	
	
	a:link.a11, a:visited.a11, a:active.a11
	{
		display:block;
		width:100%;
		font-family:'avenir_lt_std35_light';	
		color:#FFFFFF;
		font-size:22px;	
		text-align:left;		
		padding:1px 0px 1px 0px;
		text-decoration:none;
	}
	
	a:hover.a11
	{
		display:block;
		width:100%;
		font-family:'avenir_lt_std35_light';	
		color:#000000;
		font-size:22px;	
		text-align:left;
		padding:1px 0px 1px 0px;
		background:#CCCCCC;		
		text-decoration:none;
	}

/*********************************************/
/*        bestelln via collectie             */
/*********************************************/
	a:link.a2, a:visited.a2, a:active.a2
	{	
		width:105px;
		height:23px;
		display:inline-block;
		text-align:center;
		background:#2F346C;
		line-height:12px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
		font-size:14px;
		color:#FFFFFF;
		font-weight:bold;
		padding:10px 0px 0px 0px;
		text-decoration:none;
	}
	
	a:hover.a2
	{
		width:105px;
		height:23px;
		display:inline-block;
		text-align:center;
		background:#AAAAAA;
		line-height:12px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
		font-size:14px;
		color:#000000;
		font-weight:bold;
		padding:10px 0px 0px 0px;
		text-decoration:none;
	}
	

/*****************************************************/
/*        niet beschikbaar via collectie             */
/*****************************************************/
	a:link.a2nb, a:visited.a2nb, a:active.a2nb, a:hover.a2nb
	{	
		width:190px;
		height:23px;
		display:inline-block;
		text-align:center;
		background:red;
		line-height:12px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
		font-size:14px;
		color:#FFFFFF;
		font-weight:bold;
		padding:10px 0px 0px 0px;
		text-decoration:none;
	}
		
   /********************  a3 ********************/	
	a:link.a3, a:visited.a3, a:active.a3, a:hover.a3
	{
		width:105px;
		height:42px;
		display:block;
		text-align:center;
		background:#FF8C00;
		line-height:12px;
		-moz-border-radius-topleft: 7px;
		-moz-border-radius-topright: 7px;
		-moz-border-radius-bottomleft: 7px;
		-moz-border-radius-bottomright: 7px;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		font-size:11px;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
		float:left;
		margin:5px;
	}
	
   /********************  a4 ********************/	
	a:link.a4, a:visited.a4, a:active.a4, a:hover.a4
	{
		font-family:'avenir_lt_std35_light';	
	    color:#FFFFFF;
	    font-size:12px;	
	    font-weight:bold;			
	    text-decoration:none;
	    padding:8px 9px 12px 9px;
	    background:#C2A259;
	    text-shadow: 4px 2px 3px #000000;
	    -webkit-text-shadow: 4px 2px 3px #000000;
		-moz-text-shadow: 4px 2px 3px #000000;
		-moz-box-shadow: inset -1px 7px 7x 0px #444444;
		-webkit-box-shadow: inset -1px 7px 7px 0px #444444;
		box-shadow: inset -1px 7px 7px 0px #444444;
	}
	
	
   /********************  Button Link ********************/	
	.ButOverz 
	{
		text-indent:0;
		border:1px solid #FFFFFF;
		display:inline-block;
		color:#FFFFFF;
		font-family:'avenir_lt_std35_light';
		font-size:11px;
		font-weight:bold;
		font-style:normal;
		height:28px;
		/*line-height:23px;*/
		width:176px;
		text-decoration:none;
		text-align:center;
		-moz-box-shadow:inset 0px 1px 0px 0px #eaeff2;
		-webkit-box-shadow:inset 0px 1px 0px 0px #eaeff2;
		box-shadow:inset 0px 1px 0px 0px #eaeff2;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #abacad), color-stop(1, #464747) );
		background:-moz-linear-gradient( center top, #abacad 5%, #464747 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#abacad', endColorstr='#464747');
		background-color:#abacad;
		-webkit-border-top-left-radius:6px;
		-moz-border-radius-topleft:6px;
		border-top-left-radius:6px;
		-webkit-border-top-right-radius:6px;
		-moz-border-radius-topright:6px;
		border-top-right-radius:6px;
		-webkit-border-bottom-right-radius:6px;
		-moz-border-radius-bottomright:6px;
		border-bottom-right-radius:6px;
		-webkit-border-bottom-left-radius:6px;
		-moz-border-radius-bottomleft:6px;
		border-bottom-left-radius:6px;
		
	}
	
	.ButOverz:hover 
	{
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #464747), color-stop(1, #abacad) );
		background:-moz-linear-gradient( center top, #464747 5%, #abacad 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#464747', endColorstr='#abacad');
		background-color:#464747;
	}
	
	.ButOverz:active 
	{
		position:relative;
		top:1px;
	}
	

input.text1 
{ 
	border-style:solid;
	border-width:2px;
	border-color:#00448F;
	height:20px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
} 

input.radio1 
{ 
	border-style:solid;
	border-width:2px;
	border-color:#8FC623;
	height:20px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
} 

select
{ 
	border-style:solid;
	border-width:2px;
	border-color:#00448F;
	width:200px;
	height:25px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
} 

input.text2 
{ 
	border-style:solid;
	border-width:2px;
	border-color:#A21317;
	background-color:#A21317;
	color:#FFFFFF;
	font-family:'avenir_lt_std35_light';
	font-weight:bold;
	font-size:11px;	
	height:20px;	
} 

img:hover.pr
{
	border:1px solid #C2A259;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

/*	----- beg Scrollbar ----- */
.scrollgeneric 
{
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase 
{
	width: 6px;
	background-color: #EEEEEE;
}
.vscrollerbar 
{
	width: 6px;
	background-color: #EF3F28;
}
.hscrollerbase 
{
	height: 6px;
	background-color: #FFFFFF;
}
.hscrollerbar 
{
	height: 6px;
	background-color: #FFFFFF;
}
/*	----- end Scrollbar ----- */
	

a.back-to-top {
	width: 60px;
	height: 60px;
	/*text-indent: -9999px;*/
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #2F346C url("../images/BG/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.back-to-top {
	background-color: #0ABE41;
}