/**** STANDARD HTML TAGS ****/
body
{
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	/* Special hack for IE/5 */
	font: x-small Verdana,Sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}

html>body { font-size: small; }

/* We define links using border-bottom instead of ugly underline */
a
{
	text-decoration: none;
	color: #C7332D;
	border-bottom: 1px dotted #DF938F;
}


a img {border:0}

a:hover { background: #eee; }

a.crb-quickbutton
{
	background: transparent;
	border: 0;
}
a.crb-quickbutton:hover
{
	background: transparent;
	border: 0;
}

h1
{
	font-size: 140%;
	color: #666;
	margin: 1.2em 2em 0.5em 0;
}

h2
{
	font-size: 120%;
	color: #666;
	margin: 1em 0 1em 0;
	border-top: 5px solid #666;
}

h3
{
	font-size: 100%;
	color: #666;
	margin: 1em 0 0.5em 0;
	border-top: 2px solid #666;
}

h4.byline
{
	color: #666;
}

/* styles for addresses */
h4.adresinstelling
{
	font-size: 100%;
	font-weight:bold;
	color: #666;
	margin: 1em 0 0 0;
	border-top: 1px solid #fff;
}

h4.adresafdeling
{
	font-size: 100%;
	font-weight:bold;
	color: #888;
	margin: 0 0 0 0;
	border-top: 1px solid #fff;
}

h2.adresprovincie
{
	font-size: 120%;
	font-weight:bold;
	color: #666;
	margin: 1em 0 1em 0;
	border-top: 5px solid #666;
}

h3.adresstad
{
	font-size: 100%;
	color: #666;
	margin: 1em 0 1em 0;
	border-top: 2px solid #666;
}


/* normal paragraph */
p { margin: 0 0 0.2em 0; }

/* style for next paragraphs, i.e. non-first*/
p.next { margin: 1.5em 0 2em 0; }
p.quote { margin: 2em 1em 2em 1em; 
	color:#666;
}

/* toxus */
i {
	color:#666;
  text-decoration: none;	
  font-style : normal;
}

/* end toxus */
ul { list-style-type: square; }


/**** PAGE LAYOUT ****/
/* The general page looks like this:

  +-----------------------------------------------------------+
  | #header                                                   |
  +------+--------------+----------+---------------+----------+
  | #nav | #leftcontent | #content | #rightcontent | #seealso |
  |      |              |          |               |          |
  |      |              |          |               |          |
  |      |              |          |               |          |
  |      |              |          |               |          |
  |      |              | #footer  |               |          |
  +------+--------------+----------+---------------+----------+
  
  All <div>'s, except #content and #footer, are absolutely 
  positioned. We use margins to seperate them from eachother.
  
*/  

#header
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; /*960px;*/
	background: #fff;
}

#subheader
{
	position: absolute;
	top: 91px;
	left: 0;
	background: #fff;
	width:100%; 
	/*width: 960px;*/
	height:19px;
}

#subscribe
{
	position: absolute;
	top: 5px;
	right: 10px;
	width: 200px;
	font-size:85%;
}

#nav
{
	position: absolute;
	top: 180px;
	left: 0;
	width: 60px;
	height: 100%;
	background: white;
	font-size: 70%;
}

#leftcontent
{
	position: absolute;
	top: 240px;
	left: 20px;
	width: 120px;
	font-size: 70%;
}

#lefttools
{
	position: absolute;
	top: 240px;
	left: 0px;
	width: 120px;
	font-size: 70%;
}

#leftcontenteditmenu
{
	position: absolute;
	top: 180px;
	left: 20px;
	width: 120px;
	font-size: 70%;
}

#contenttitle
{
	position: absolute;
	top: 160px;
	left: 130px;
	font-size: 85%;
	width: 260px;
	z-index: 100;
}

#provinciemap
{
	position: absolute;
	top: 230px;
	left: 130px;
	font-size: 85%;
	width: 600px;
	z-index: 100;
}

#content
{
	position: absolute;
	top: 230px;
	left: 130px;
	font-size: 85%;
	width: 240px;
	z-index: 100;
}

#content2title
{
	position: absolute;
	top: 160px;
	left: 130px;
	font-size: 85%;
	width: 240px;
	z-index: 100;
}

#content2
{
	position: absolute;
	top: 230px;
	left: 420px;
	font-size: 85%;
	width: 240px;
	z-index: 100;
}

#content2map
{
	position: absolute;
	top: 230px;
	left: 420px;
	font-size: 85%;
	z-index: 100;
}

#rightcontent
{
	position: absolute;
	top: 200px;
	left: 600px;
	width: 110px;
	padding: 2px 5px;
	font-size: 70%;
}

#rightimage
{
	position: absolute;
	left: 230px;
}

#ateliertab
{
	position: relative;
	left: 240px;
}

#seealso
{
	position: absolute;
	top: 91px;
	left: 670px;
	width: 50px;
	padding: 2px 5px;
	font-size: 9px;
	line-height: 12px;
	color: #888;
}

#footer
{
	position: absolute;
	top: 720px;
	margin-left: 10px;
	font-size: 60%;
	width: 120px;
}

#rightcolumn
{
	position:absolute;
	left:300px;
}

/*absolute positions for menu items*/
#menuitem1
{
	position: absolute;
	top: 200px;
	left: 0;
}
#menuitem2
{
	position: absolute;
	top: 230px;
	left: 0;
}
#menuitem3
{
	position: absolute;
	top: 260px;
	left: 0;
}
#menuitem4
{
	position: absolute;
	top: 290px;
	left: 0;
}
#menuitem5
{
	position: absolute;
	top: 320px;
	left: 0;
}
#menuitem6
{
	position: absolute;
	top: 350px;
	left: 0;
}
#menuitem7
{
	position: absolute;
	top: 380px;
	left: 0;
}
#menuitem8
{
	position: absolute;
	top: 410px;
	left: 0;
}
#menuitem9
{
	position: absolute;
	top: 440px;
	left: 0;
}
#menuitem10
{
	position: absolute;
	top: 470px;
	left: 0;
}
#auxmenu
{
	position: absolute;
	top: 500px;
	left: 10px;
	font-size:9px;
	font-weight:normal
}



#overheden {
	position:absolute;
	left:590px;
	top:60px;
	width:110px;
	height:30px;
	z-index:200;
}

#kunstruimtes {
	position:absolute;
	left:470px;
	top:90px;
	width:100px;
	height:30px;
	z-index:200;
}

#gastateliers {
	position:absolute;
	left:290px;
	top:110px;
	width:160px;
	height:30px;
	z-index:200;
}

#opleidingen {
	position:absolute;
	left:590px;
	top:110px;
	width:110px;
	height:30px;
	z-index:200;
}

#notes {
	position:absolute;
	left:470px;
	top:130px;
	width:100px;
	height:30px;
	z-index:200;
}

#tab {
	position:absolute;
	left:0px;
	top:145px;
	z-index: 3;
}

#venue, h4
{
	margin: 1em 0 .25em 0;
	border-top: 1px solid #ddd;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #666;
	border-top: 1px dotted #ddd;

}

#venueavailable
{
	background: #C00;
	color: #fff;
}

/* colors for calendar */
#calweekend
{
	color:#aaa;
}

/**** SPECIAL CASES ****/
ul.crb-seealso {list-style-type:none;padding:0;margin:0}
#seealso h2
{
	font-size:11px;
	font-weight:normal;
}
#header table
{
	background: #eee;
	font-size:10px
}

/* The navigation uses an unordered list to show its items,
which is semantically correct. */
#subnav
{
	border: 0px;
	font-size: 9px;
	line-height: 12px;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #888;
	width: 110px;
}

span.selected
{
	font-weight:bold;
}

a.subnav
{
	text-decoration: none;
	color: #aaa;
}


#nav ul
{
	list-style-type: none;
	margin: 0;
	padding-left: 0.5em;
}

#nav li
{
	line-height: 1.8em;
	text-align: left;
}

#nav a { border: 0; }

pre
{
	font-size:110%;
}

/* A special class, link, is used to display the pointing hand.
   We pad the actual content so it doesn't overlay the hand. */ 
p.link
{
	background: url('g/link.gif') no-repeat left top;
	padding-left: 42px;
	line-height: 18px;
}

/* The item class is used to display seperate news items */
.item { margin: 1em 0 2em 0;}

/* Class to display a label on feedback page */
.label
{
	font-size: 110%;
	color: #34328F;
}