/*
# # # colors # # #
colors:
donkerrood	#a80231
blauw		#4a89ce
oranje		#e67f03
grijs		#929292
donkerblauw	#002b3e
# # # HTML tags # # #
*/

html
{
	height: 100%;
}

body 
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: #ffffff;
	color: #002b3e;
	font: 10px Verdana;
	text-align: left;
	line-height: 14px;
}

div 
{
	margin: 0px;
	padding: 0px;
}

img
{
	border: 0px;
	margin: 0px;
}

a			
{
	text-decoration: none;
}
a:link  	
{
	color: #a80231;
}
a:visited	
{
	color: #a80231;
}
a:active	
{
	color: #ff0000;
}
a:hover		
{
	color: #e67f03;
}

td.vertical
{
	vertical-align: middle;
}

input, select 
{
	width: 115px;
	font: 9px Verdana;
	color: #a80231;
	background: white;
	border: 1px dashed black;
	border-left: 0px;
	border-right: 0px;
}

input.btn
{
	background: #a80231;
	color: white;
	border: 0px;
	width: 28px;
}

h1, h3 
{
	margin-top: 0px;
	margin-bottom: 10px;
	color: #a80231;
	font-size: 12px;
}
/*
# # # general page layout # # #
*/
#container
{
	width: 100%;
	height: 100%;
}

#site 
{
	margin: auto;
	position: relative;
	width: 877px;
	height: 598px;
	background: url(../images/site.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #ffffff;
	overflow: hidden;
}

#margin 
{
	border: 1px solid #929292;
	padding: 16px 19px 16px 19px;
}

#head 
{
	width: 837px;
	height: 124px;
	background: url(../images/head.gif);
	background-repeat: no-repeat;
	color: #a80231;
	position: relative;
}

#main
{
	width: 837px;
	height: 440px;
}

#sub
{
	float: left;
	width: 107px;
	height: 440px;
	color: #a80231;
	text-align: right;
	line-height: 20px;
}

#spacer
{
	float: left;
	width: 20px;
	height: 440px;
}

#content
{
	float: left;
	width: 710px;
	height: 440px;
	overflow: hidden;
}

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

#nijmegen 
{
	position: absolute;
	top: 14px;
	right: -4px;
}

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

#search
{
}

/* positioned absolute against first relative positioned parent container, #head */
#ctl00_tbQuery 
{
	position: absolute;
	top: 76px;
	right: 37px;
	width: 82px;
}

#ctl00_btnSearch
{
	position: absolute;
	top: 77px;
	right: 19px;
	width: 14px;
}

#about 
{
	position: absolute;
	top: 77px;
	right: 1px;
}
/*
# # # custom elements # # #
*/
.navmain 
{
	font-size: 12px;
	font-weight: bold;
	padding: 0px 16px 20px 0px;
}

#sub .wrapper	
{
	float: left;
	width: 18px;
	text-align: center;
	padding-right: 4px;
	margin: 0px;
}
#sub a	
{
	font-weight: bolder;
	font-size: 90%;
}

#thumbs
{
}

.thumbcontainer 
{
	float: left;
	padding: 0px 10px 10px 0px;
	background: white no-repeat;
}

.right
{
	padding-right: 0px;
}
.thumb 
{
	width: 80px;
	height: 80px;
	background: url(../images/thumb.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #929292;
	text-align: center;
}

a.thumb 			
{
	text-decoration: none;
}

#thumbs a:link  	{color: #929292;}
#thumbs a:visited	{color: #929292;}
#thumbs a:active	{color: #ff0000;}
#thumbs a:hover		{color: #e67f03;}
#thumbs .wrapper	
{
	position: relative; 
	top: 15px;
	font: 36px Verdana;
	font-weight: bold;
}

#thumbs .jaar	
{
	position: relative; 
	top: 13px;
	font-size: 14px; 
	font-weight: bold;
	line-height: 18px; 
}

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

/* list */
#listnav 
{
	text-align: left;
	position: absolute;
	width: 610px;
	height: 20px;
	bottom: 20px;
	left: 247px;
	line-height: 15px;
}
#listnav.routelist
{
	width: 710px;
	left: 147px;
}

#listnav span 
{
	vertical-align: middle;
}
.listitem
{
	float: left;
	width: 710px;
	height: 100px;
}

.listimg		
{
	float: left;
	width: 100px;
	height: 80px;
	background: url(../images/thumb.jpg);
	background-repeat: no-repeat;
}
#img
{
	width: 80px;
	height: 80px;
}
.listthumb
{
	padding: 0px 0px 0px 0px;
}
.listtxt		
{
	float: left; 
	width: 610px; 
	height: 80px;
	background: url(../images/line.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}
#result			
{
	text-align: left;
	position: absolute;
	bottom: 25px;
	left: 147px;
}

#showonmap
{
	position: absolute;
	top: 140px;
	right: 20px;
}
/* details */
#details 
{
	width: 710px;
}

#details .detailimg		
{
	float: left;
	width: 370px;
	height: 350px;
	background: url(../images/foto.jpg);
	background-repeat: no-repeat;
}
#detailitems a 
{
	text-decoration: none;
}

#imgpane
{
	width: 350px;
	height: 350px;
}
#imgpane td
{
	text-align: center;
	vertical-align:middle;
}
#imgbrowser 
{
		padding: 0px 0px 0px 0px;
}
#details .detailtxt		
{
	float: left;
	width: 340px;
	height: 440px;
}
#scrollup 
{
	position: absolute; top: 0px; cursor: hand; cursor: pointer;
}
#scrolldown 
{
	position: absolute; bottom: 0px; cursor: hand; cursor: pointer;
}
#scrollbar 
{
	position: absolute; top: 7px;
}
#text 
{
	float: left;
	width: 327px;
	height: 320px;
	overflow: hidden;
}
#textnav 
{
	float: left;
	position: relative;
	border: 1px solid #eeeeee;
}
#textnav 
{
	width: 11px;
	height: 320px;
}
#textmargin 
{
	padding-right: 10px;
	height: 320px;
}
#imagenav				
{
	float: left;
	width: 350px;
	text-align: center;
	line-height: 13px;
}

#imagenav span 
{
	vertical-align: middle;
}

#imagenav img 
{
	padding-top: 2px;
	padding-bottom: 0px;
}
.a						
{
	color: #a80231;
	text-decoration: none;
	cursor: pointer;
	vertical-align: middle;
}
.d						
{
	color: #929292;
	cursor: auto;
	vertical-align: middle;
}
.r						{text-align: right;}
.lbl					{color: #929292;}
.val					{color: #002b3e;}

.dld					{position: absolute; top: 147px; right: 20px; height: 20px; vertical-align: middle;}

.locatiemapcontainer	{width: 710px; height: 406px;}
.locatiemap				{width: 710px; height: 406px;}
.routemapcontainer		{width: 710px; height: 398px;}
.routemap				{width: 710px; height: 398px;}

#detailitems .lbl       {}
#detailitems .val       {/*position: absolute; left: 598px;*/}

td.lbl, td.val          {padding: 0 1px;}

.routeitem
{
	float: left;
	background: url(../images/item.gif) no-repeat;
	width: 710px;
	height: 100px;
}

.routetext 
{
	padding: 10px;
	height: 59%;
	overflow: hidden;
}

.routeitem a
{
	color: #929292;
	font-size: 20px;
}

#subbottom				{position: absolute; bottom: 102px; left: 33px;	width: 94px;}

#bron					{color: #929292; margin-top: 28px;}

#mapcontainer			{color: #ffffff; background: #a80231; text-align: center;}
#mapbar					{width: auto; height:  16px; color: #ffffff; background: #ffffff; text-align: right;}
#mapmenu				{cursor: pointer; cursor: hand;}
#mapbar img				{margin: 1px; cursor: pointer; cursor: hand;}
#mapstatus				{display: none; width: 710px; height: 15px; color: #cccccc; background: #ffffff;}
#mapoptions				{display: none; z-index: 10; width: 115px; height: 60px; position: absolute; top: 127px; right: 20px; border: 1px dashed #a80231; color: #a80231;  background: white; text-align: left; vertical-align: middle;} /*position: absolute; top: 180px; right: 20px;*/
#navsmall, #navlarge, #navfull {float: left; padding: 3px 0px 0px 3px; width: 110px; height: 16px; background: #ffffff; cursor: pointer;  cursor: hand;}

#kunstenaarDetails {
    position: absolute;
    top: 180px;
    left: 310px;
    width: 420px;
    min-height: 240px;
    border: 1px solid #a80231;
    background: #fff;
    display: none;
    z-index: 50;
}

#map #kunstenaarDetails {
    top: 80px;
    left: 135px;
    color: #002B3E;
    text-align: left;
    font-size: 9px;
    line-height: 12px;
}

#kunstenaarDetails div {
    margin: 8px;
}

#kunstenaarDetails div.close {
    margin: 0px; 
    text-align: right;
}

span.link {
    color: #a80231;
    cursor: pointer;
}