body
{
	margin: 0;
	padding: 0;
	color: #000000;
	text-align: left;
	font: 62.5%/160% verdana, arial, helvetica, sans-serif;
	letter-spacing: -0.025em
}

body#home
{
	color: #ffffff;
}

body#home
{
	background-color: #61569c;
}

body#default
{
	background: #960a24 url(../images/background_main_wit.gif) repeat-y 143px 0 ;
}

body#muziek
{
	color: #ffffff;
	background: #960a24 url(../images/background_main_zwart.gif) repeat-y 143px 0 ;
}

body#popup, body#popupBig
{
	background-color: #960a24;
	text-align: center;
}

html, body
{
	height: 100%;
}

a, blockquote, body, br, dd, dl, div, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, i, li, link, object, ol, p, pre, span, strong, style, title, th, td, tr, tt, ul
{
	padding: 0;
	margin: 0;
	border: 0;
}

input, textarea
{
	padding: 0;
	margin: 0;
}

h1
{
	color:#960a24 ;
	font: 2.5em/100% Georgia, verdana, arial, helvetica, sans-serif;
	padding: 0 0 0 0;
	letter-spacing: 0.01em;
	display: block;
}

#muziek h1
{
	color: #ffffff;
	
}

body#home h1
{
	color: #ffffff;
	padding: 0 0 0.5em 0;
	font-size: 1.8em;
}

h2
{
	font-size:1em;
}

p
{
	font-size:1em;
	padding: 0 0 1.5em 0;
}

p.vet
{
	font-weight: bold;
}

a:link, a:visited
{
	color: #ffffff;
	font-weight: bold;
	outline: none;
}

body#home a:link, body#home  a:visited
{
	color: #cecb30;
}

a:active, a:hover
{
	color: #cccc33;
	outline: none;
}

#content a:link, #content a:visited
{
	color: #000000;
}

#content a:active, #content a:hover
{
	color: #960a24;
}

#content li, #content dd, #content dt
{
	margin: 0 0 0 20px;
}

body#home #content dd, body#home #content dt
{
	margin: 0;
}

body#home #content  dl
{
	border: 1px dotted #ffffff;
	border-width: 1px 0 0 0;
	padding: 1em 0 1em 0;
	font-size: 1.2em;
}

body#home dd.datum, body#home dd.locatie
{
	font-weight: bold;
	
}

/* ----------------------------- lay-out ----------------------------- */

#container
{
	margin: 0 0 0 25px;
	width: 750px;
	height: 100%;
	position: relative;
}

#home #container
{
	margin: 0 auto 0 auto;
}

#muziek #container
{
	background:  transparent url(../images/background_viool.jpg) no-repeat 118px 0;
}

#popup #container
{
	margin: 10px auto 0 auto;
	width: 688px;
}

#popupBig #container
{
	margin: 10px auto 0 auto;
	width: 788px;
}

#leftColumn
{
	float: left;
	width: 118px;
}

#main
{
	float: right;
	width: 632px;
}

#header
{
	height: 100px;
}

#main>#header
{
	height: auto;
	min-height: 100px;
}

#header h1
{
	padding: 2.0em 0 1.1em 35px;
}

#content
{
	float: left;
	width: 423px;
	overflow: hidden;
}

body#home #content
{
	top: 466px;
	left: 355px;
	width: 337px;
	position: absolute;
}

#rightColumn
{
	float: right;
	width: 209px;
	overflow: hidden;
}

#content .paddingBox
{
	padding: 0px 30px 10px 35px;
}

#muziek #content .paddingBox
{
	padding: 0px 160px 10px 35px;
}

#rightColumn .paddingBox
{
	padding: 0px 5px 10px 30px;
}

#logoHella
{

	background: #960a24 url(../images/logo_hella02.gif) no-repeat 0 0;
}

#logoHella a
{
	display: block;
	width: 116px;
	height: 100px;
}

#popup img, #popupBig img
{
	float: left;
	margin: 0 auto;
}

#popup #left, #popupBig #left
{
	margin: 40px 0 0 0;
	width: 110px;
	float: left;
	text-align: left;
}

#popup #right, #popupBig #right
{
	margin: 40px 0 0 0;
	width: 110px;
	float: right;
	text-align: right;
}

#popup #left a, #popup #right a, #popupBig #left a, #popupBig #right a
{
	padding: 0 5px 0 5px;
}

#popup #middle
{
	float: left;
	width: 468px;
}


#popupBig #middle
{
	float: left;
	width: 568px;
}



/* ----------------------------- main ----------------------------- */

#logoHella span
{
	display: block;
	text-indent: -666666px;
}

img.left
{
	float: left;
	margin: 0 5px 5px 0;
}

img.right
{
	float: right;
	margin: 0 0 5px 5px;
}

/* ----------------------------- menu ----------------------------- */

#home #menu
{
	list-style: none;
	position: absolute;

}

#home #menu li
{
	position: absolute;
	float: left;
	display: block;
}

#home #menu li a
{
	display: block;
}

#home #menu li span
{
	display: block;
	text-indent: -666666px;
}

#home #menuHelladeJonge		{	left: 164px; top: 187px; z-index: 1; }
#home #menuBiografie 		{	left: 86px; top: 204px; z-index: 10; }
#home #menuBoek				{	left: 298px; top: 120px; z-index: 10; }
#home #menuKostuums			{	left: 613px; top: 265px; z-index: 10; }
#home #menuBeeldendeKunst	{	left: 134px; top: 369px; z-index: 10; }
#home #menuReageer			{	left: 530px; top: 120px; z-index: 10; }

#home #menuHelladeJonge a	{	width: 446px; height: 265px; background: #61569c url(../images/logo_hella.gif) no-repeat 0 0;	}
#home #menuBiografie a		{	width: 71px; height: 89px; background: #61569c url(../images/button_biografie.jpg) no-repeat 0 0;	}
#home #menuBoek a			{	width: 220px; height: 108px; background: url(../images/button_boek.gif) no-repeat 0 0;	}
#home #menuKostuums a		{	width: 81px; height: 169px; background: #61569c url(../images/button_kostuums.jpg) no-repeat 0 0;	}
#home #menuBeeldendeKunst a	{	width: 131px; height: 131px; background: #61569c url(../images/button_beeldende_kunst.jpg) no-repeat 0 0;	}
#home #menuReageer a		{	width: 90px; height: 56px; background: #61569c url(../images/button_reageer.jpg) no-repeat 0 0;	}

#menu
{

	line-height: 200%;
}

#menu li
{
	list-style: none;
}

#menu li.afgescheiden
{
	padding: 0 0 1em 0;
}

#menu li a
{
	text-decoration: none;
}

.submenu
{
	margin: 0 0 0 10px;
	line-height: 150%;
}

/* ----------------------------- forms ----------------------------- */

label
{
	clear: both;
	float: left;
	display: block;
	width: 62px;
	margin: 0;
	padding: 0;
}

#geslacht
{
	text-indent: -666666px;
}

input
{
	float: left;
	width: 250px;
	height: 1.1em;
	margin: 0 0 5px 0;
	padding: 0;
}

.submitbutton
{
	display: inline;
	width: 100px;
	height: 1.8em;
	margin: 10px 0 0 200px;
}

textarea
{
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 252px;
	height: 200px
}

form>textarea
{
	width: 250px;
}

.radiobutton
{
	width: 100px;
	float: left;
	margin: 0 0 5px 0;
}

.radiobutton label
{
	clear: none;
	width: 30px;
	margin: 0 0 0 5px;
	padding: 0;
	height: 1.1em;

}

.radiobutton input
{
	float: left;
	width: auto;
	height: auto;
}

#postcode
{
	width: 100px;
}

.geslacht
{
	border: 1px solid #666;
}


/* ----------------------------- extra ----------------------------- */

hr
{
	padding: 0;
	margin: 0;
	border: 0;
	display: block;
	height: 1px;
	width: 100%;
	background-color: #000000;
	color: #000000;
	noshade: noshade;
}

.clear
{
	clear: both;
}