@import "common.css";

input 
{
	width: 30px;
	font: 8px Verdana;
}
input.btn
{
	width: 28px;
}

#site 
{
	width: 240px;
	height: 268px;
	background: url(/images/mobile/site.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#margin 
{
	padding: 0px;
	border: 0px;
}

#head 
{
	width: 240px;
	height: 68px;
	background: url(/images/mobile/head.png);
	background-repeat: no-repeat;
}

#main
{
	width: 190px;
	height: 68px;
}

#sub
{
	float: right;
	width: 50px;
	height: 40px;
	color: #a80231;
	text-align: right;
	line-height: 12px;
	background: #eeeeee;
}

#spacer
{
	float: left;
	width: 0px;
	height: 0px;
}

#content
{
	float: left;
	width: 240px;
	height: 200px;
	border: 0px solid #eeeeee;
}

#home 
{
	float: left;
	width: 0px;
	height: 0px;
	cursor: pointer;
}

#navmain 
{
	float: left;
	padding-top: 34px;
}

#search
{
	float: right;
	right: 2px;
	display: none;
}

/*
# # # custom elements # # #
*/
.navmain 
{
	font-size: 12px;
	font-weight: bold;
	padding: 0px 3px 3px 0px;
}

#sub .wrapper	
{
	float: left; width: 2px; text-align: center;
}
#sub a	
{
	font-weight: bold;
}

#thumbs
{
}

.thumbcontainer 
{
	float: left;
	padding: 0px 2px 2px 0px;
}

.thumb 
{
	width: 10px;
	height: 10px;
	background: url(/images/mobile/thumb.png);
	background-repeat: no-repeat;
	font: 24px Verdana;
	font-weight: bold;
	color: #929292;
	text-align: center;
	vertical-align: middle;
}

a.thumb 			
{
	text-decoration: none;
}
#thumbs a:link  	{color: #929292;}
#thumbs a:visited	{color: #929292;}
#thumbs a:active	{color: #ff0000;}
#thumbs a:hover		{color: #929292; text-decoration: none;}
.wrapper			{position: relative; top: 15px;}

#kunstenaarlist
{
	font: 16px Verdana;
	line-height: 22px;
}
#kunstenaarlist a			{color: #929292}
#kunstenaarlist a:hover		{color: #a80231}
#kunstenaarlist a:active	{color: #a80231}

/* list */
#listnav 
{
	text-align: center;
}

.listitem
{
	float: left;
	width: 220px;
	height: 100px;
}

.listimg		{float: left; width: 60px;}
.listtxt		
{
	float: left; width: 160px; height: 50px;
	background: url(/images/line.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}
#result			{text-align: left; position: relative; top: -15px;}

/* details */
#details 
{
	width: 220px;
}

#details .detailimg		{float: left; width: 60px;}
#details .detailtxt		{float: left; width: 1600px;}

#imagenav				{float: left; width: 160px; text-align: center; font-weight: bold;}
.a						{color: #a80231; text-decoration: underline; cursor: pointer; vertical-align: middle;}
.d						{color: #929292; cursor: auto; vertical-align: middle;}
.lbl					{color: #929292;}
.val					{color: #4a89ce;}

.dld					{height: 20px; vertical-align: middle;}

.locatiemap				{width: 220px; height: 200px;}
.routemap				{width: 220px; height: 200px;}