*{
	margin:0; padding:0;}

body{
	background:#5A6A67 url(../dodendans/gfx/bg_body.gif) repeat-y center top;
	font:12px/19px Georgia, "Times New Roman", Times, serif; }

#container{
	width:960px; margin:0 auto; overflow:hidden; position:relative; min-height:635px; _height:635px; _overflow:visible;}

#header{
	background:transparent url(../dodendans/gfx/header.jpg) no-repeat left top;	height:230px; width:100%;}
#header img.gevelsteen{
	position:absolute; left:35px; top:32px;}

#main{
	overflow:hidden; width:100%; padding-bottom:20px; _overflow:visible;}

#sidebar{
	width:246px; float:left; display:inline; overflow:hidden; _height:1%; _overflow:visible;}

#sidebar ul{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	list-style:none; margin:10px 0; }
#sidebar ul li{
	margin-bottom:5px;}
#sidebar ul li a{
	background:transparent url(../dodendans/gfx/navHome.gif) no-repeat left top; width:246px; height:24px; display:block;}
#sidebar ul li a:hover,
#sidebar ul li.active a{
	background-position: left bottom;}
#sidebar ul li.active a{
 cursor:default;}
#sidebar ul li a span{
	display:none;}

#sidebar ul li a.programma{
	background-image:url(../dodendans/gfx/navProgramma.gif);}	
#sidebar ul li a.componisten{
	background-image:url(../dodendans/gfx/navComponisten.gif);}
#sidebar ul li a.lubeck{
	background-image:url(../dodendans/gfx/navLubeck.gif);}
#sidebar ul li a.haarlem{
	background-image:url(../dodendans/gfx/navHaarlem.gif);}
#sidebar ul li a.uitvoering{
	background-image:url(../dodendans/gfx/navUitvoering.gif);}
#sidebar ul li a.sponsoring{
	background-image:url(../dodendans/gfx/navSponsoring.gif);}
#sidebar ul li a.reserveren{
	background-image:url(../dodendans/gfx/navReserveren.gif);}
#sidebar ul li a.sendafriend{
	background-image:url(../dodendans/gfx/navSendafriend.gif);}	
#sidebar ul li a.links{
	background-image:url(../dodendans/gfx/navLinks.gif);}	
#sidebar ul li a.contact{
	background-image:url(../dodendans/gfx/navContact.gif);}	
#sidebar ul li a.ivk{
	background-image:url(../dodendans/gfx/navIvk.gif);}
#sidebar ul li a.vertaling{
	background-image:url(../dodendans/gfx/navVertaling.gif);}
	
#content{
	width:510px; background:transparent url(../dodendans/gfx/content_bg.jpg) repeat-y left top; 
	overflow:hidden; padding:20px 20px 0; position:relative; float:left; 
	_height:1%;_overflow:visible;}
div.content-top{
	background:transparent url(../dodendans/gfx/content_top.jpg) no-repeat left top; 
	height:8px; width:550px; position:absolute; top:0; left:0;}
div.content-bottom{
	background:transparent url(../dodendans/gfx/content_bottom.jpg) no-repeat left top; 
	height:8px; width:550px; /*position:absolute; bottom:0; left:0;*/ margin-left:-20px; overflow:hidden; _bottom:-1px;}

div#footer{
	width:510px; padding:10px 16px 0; margin-left:246px;}
div#footer ul{
	list-style:none;}
div#footer ul li{
	display:inline; padding:0 4px; border-right:1px solid #CCC; color:#CCC; font-size:11px;}
div#footer ul li a{
	color:#CCC; text-decoration:none;}
div#footer ul li a:hover{
	text-decoration:underline;}	
div#skeleton{
	position:absolute; right:20px; top:85px; width:184px; height:407px;}


p{
	font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; 
	line-height:19px; color:#141D1D; text-align:justify; position:relative; margin-bottom:19px;
}
p.intro{	
	}
p.bijschrift{
	font-style:italic; font-size:11px;}

h1{
	color:#B5C5C5; margin-bottom:20px; font-size:24px; line-height:30px;}

h2{
	text-align:center; font-size:14px; font-weight:bold; padding-top:20px; margin: 10px 0;
	background:transparent url(../dodendans/gfx/paragraphborder.gif) no-repeat center top; }	
h3{
	font-size:12px; margin-bottom:19px;}
h4{
	font-size:12px; color:#b5c5c5;}
	
.article h2{
	margin-bottom:0;}
.article h3{
	text-align:center; font-style:italic; font-weight:normal; margin-bottom:10px; font-size:11px; color:#9DABAB; }

img.outdent{ 
	position:absolute; right:-120px; top:0; width:100px;}
img.inline{
	/*width:100px; */margin:0 10px 10px 0;}
	
img.border{
	border:1px solid #5A6A67; padding:1px;}
	
.dropcap {
 float: left; margin: -1px 2px -1px 0px; }

#content p,
#content h2,
#content h3{
	width:390px;}
.link h3{
	margin-bottom:0;}

#content a{
	color:#DF8A37; text-decoration:none;}
#content a:hover{
	text-decoration:underline;}
#content a:visited{
	color:#8F5623;}
#content a img{
	border:none;}
	
#content ul{
	margin:0 0 19px 20px;}

form{
	}
form ol{
	list-style:none;}
form ol li{
	overflow:hidden; margin-bottom:5px;}
fieldset{
	border:none;}

form label{
	float:left;width:110px;}
label.error{
	color:#F00;margin-left:110px;width:300px;}
label label.error{
	margin-left:0;}
label.indent{
	margin-left:110px; width:auto;}	
form label input{
	margin:3px 14px 0 0;float:left;}
form label.suffix{
	float:none;}
	
form input.tekst,
form textarea{
	border:1px solid #999;color:#465E6A;
	font:12px "Trebuchet MS", Tahoma, Verdana, sans-serif;width:280px;}
form input.kort,
form label.kort{
	width:60px;margin-right:14px}
form input.medium{width:220px;}
form input.extrakort{width:20px;float:left;margin-right:5px;}

form select{
	border:1px solid #999;color:#4E2775;
	font:12px "Trebuchet MS", Tahoma, Verdana, sans-serif;}
form li.head{
	background-color:#B39980;color:#FFF;}	
form p.info{
	margin:0 0 0 110px;
}


#lubeck{
	position:absolute; left:0; top:0; z-index:10;}

div.sponsors{
	margin:25px 0; min-height:60px; _height:60px; overflow:hidden;_overflow:visible;}
	
div.sponsorlogo{
	border:1px solid #CCC; float:left; padding:7px; margin:0 5px 5px 0; width:234px; height:60px; text-align:center;}

#content table.vertaling{
	width:500px;}
#content table.vertaling td{
	vertical-align:top; padding:2px 5px 2px 0;}
#content table.vertaling td p{
	font-size:10px; width:auto; text-align:left; margin-bottom:0;}
#content table.vertaling td h4{
	color:#DF8A37;}
#content table.vertaling td.rand{
	background:transparent url(../dodendans/gfx/paragraphborder.gif) no-repeat 50% 50%; height:14px;}


/* IE6 pngfix: */
img, div,
div#visual h3 { 
	behavior: url(../css/iepngfix.htc) }
	
/* IE6 3px hack: */
* html #sidebar,
* html #content{
	height:1%;}