@charset "utf-8";
/* CSS Document */
img							{	border:0px; }
body, html 					{ 	width:100%; height:100%; margin:0px; padding:0px; }
body						{	font-family:Calibri, Arial, Verdana, Geneva, sans-serif; font-size:12px; line-height:18px; background-color:#FFF; color:#333; }
a							{	font-weight:bold; text-decoration:underline; color:#de0800;}
p							{	margin:10px 0px 0px 0px;}
p:first-child				{	margin:0px; }

#content					{	position:absolute; width:500px; height:400px; position:absolute; left:470px; top:80px; z-index:1;}
#content .scroll			{	width:100%; height:100%; overflow:hidden;}
#balk					{	width:240px; height:100%; position:absolute; left:180px; top:0px; background-color:#f5f5f5; z-index:2;}
#balk .painting				{	position:absolute; bottom:70px;}
#balk .painting div			{	width:280px; padding:10px; margin:0px 0px 0px -30px; background-color:#FBFBFB; bottom:70px;}
#balk .painting img			{	display:block; }

#logo						{	position:absolute; right:60px; bottom:60px; width:400px; height:29px; text-indent:-2000px; overflow:hidden; background-image:url('../images/logo.gif'); z-index:20;}
#header						{	background-color:#CCC; height:50px; width:100%; position:absolute;left:0px; top:0px; min-width:980px;}
#left						{	background-color:#CCC; width:130px; height:100%; position:absolute;left:0px; top:0px;}
#footer						{	background-color:#CCC; height:50px; width:100%; position:absolute;left:0px; bottom:0px; }
#right						{	background-color:#CCC; width:50px; height:100%; position:absolute;right:0px; top:0px;}

#menu						{	position:absolute; top:50px; left:0px; z-index:3; padding:0px; margin:0px; list-style:none;  overflow:hidden; width:130px;}
#menu li					{	width:130px; clear:both;}
#menu li a					{	border-right:0px solid #FFF;float:right;display:block; height:22px; margin-bottom:10px; background-position:100% 0px; background-repeat:no-repeat; text-indent:-1000px; overflow:hidden;}
#menu li a:hover			{	border-right:0px solid #FFF; background-position:100% -100px;}
#menu li a.active			{	border-right:15px solid #FFF; background-position:100% -200px;}

#schilderijen				{	margin:0px; padding:0px; list-style:none; }
#schilderijen li			{	float:left; padding:2px; border:1px solid #dedede; margin:0px 5px 5px 0px;}
#schilderijen li a			{	display:block; }
#schilderijen li img		{	display:block; }

#fotoboek_albums			{	margin:0px; padding:0px; list-style:none;  text-decoration:none; }
#fotoboek_albums li			{	float:left; padding:2px; border:1px solid #dedede; margin:0px 5px 5px 0px;}
#fotoboek_albums li img		{	width:110px; height:110px; display:block;}
#fotoboek_albums li .titel	{	width:110px; text-align:center; display:block; height:38px; overflow:hidden; font-size:10px; text-decoration:none; line-height:12px; padding-top:3px;}


#fotoboek_zoom				{	margin:0px; padding:0px; list-style:none;  text-decoration:none; }
#fotoboek_zoom li			{	float:left; padding:2px; border:1px solid #dedede; margin:0px 5px 5px 0px;}
#fotoboek_zoom li img		{	width:110px; height:110px; display:block;}
#fotoboek_zoom li .titel	{	width:110px; text-align:center; display:block; height:38px;}


#expos						{	margin:0px 0px 20px 0px; padding:0px 0px 10px 0px; list-style:none; border-bottom:1px solid #de0800;}
#expos li					{	border-top:1px solid #dedede; padding:4px 0px 4px 0px;}
#expos span					{	float:right; }
#expos div					{	color:#333; border-top:1px solid #dedede; padding:10px 0px 10px 0px; margin:5px 0px 10px 0px; }
#expos div	span			{	clear:both; float:none;  }

#links						{	margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; list-style:none; border-bottom:1px solid #de0800;}
#links li					{	border-top:1px solid #dedede; padding:4px 0px 4px 0px;}
#links span					{	float:right; }
#links div					{	color:#333; padding:10px 0px 5px 0px; margin:5px 0px 0px 0px; }

#ajaxformulier td			{	padding:2px 10px 0px 0px;}
#ajaxformulier .inputfield	{	border:1px solid #dedede; padding:2px; width:200px;}
#ajaxformulier .error		{	border:1px solid #de0800; padding:2px; }

.jScrollPaneContainer 		{	position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack 			{	position: absolute;	cursor: pointer; right: 0; top: 0; height: 100%; background:#dedede repeat-y 0px 0px; }
.jScrollPaneDrag 			{	position: absolute; background: #de0800 0px 0px no-repeat; width:16px; height:15px; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop 		{	position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom 		{	position: absolute; bottom: 0; left: 0; overflow: hidden; }

a.jScrollArrowUp 			{	display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowUp:hover 		{	/*background-color: #f60;*/}
a.jScrollArrowDown 			{	display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowDown:hover 	{	/*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/}