/*
Veerstichting Main CSS
@author: Yes2web
@version: 20090401
*/

/* Color Scheme

*/

/* General styling
**********************************/
body, #publerBody {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
}

h1{
	margin:0 0 10px 0;
	color:#00366F;
	font-size:2.23em;

}

h2{
	border-bottom:1px solid #EAEAEA;
	color:#00366F;
	font-size:1.7em;
	font-weight:normal;
	margin:10px 0 8px 0;
	padding-bottom:0px;
}

a{
	color:#b87003;
	font-weight:bold;
	text-decoration:none;
	}

a.more{
	color:#B87003;
	font-weight:bold;
	text-decoration:none;
	}
	
a.more:hover{
	text-decoration:underline;
}

.intro{
	font-weight:bold;
	}
	
table td h1{
	margin-top:0 !important;
	padding-top:0 !important;
}

div#speaker-details{
	position:relative;
	top:12px;
	
	}
table td div#speaker-details{
	margin-top:12px;
}

.break, .clear{
	clear:both;
}

/*	
div#speaker-details h2{
	font-size:1.1em;
	font-weight:bold;
	height:20px;
	top:-20px;
	padding:0 3px;
}
*/
div#speaker-details td h3{
	font-size:1.7em;
	color:#5E5E5E;
	margin:0;
}
	

	
/* Boxes
**********************************/

div.box div.bottom{
	background: url(/images/veerstichting/sprites/bottom-sprite.png) no-repeat bottom left;
}
div.box{
	background: url(/images/veerstichting/backgrounds/right-corner.png) no-repeat top right #f2f2f2;
	position:relative;
	float:left;
	margin:15px 20px 15px 0;
	padding:20px;
	font-size:.85em;
}

div.px164{
	width:124px;
}

div.px210{
	width:170px;
}

div.px340{
	width:300px;
}

div.px450{
	width:410px;
	}

div.box div.bottom{
	position:absolute;
	bottom:0;
	left:0;
	height:3px;
	margin:0;
	padding:0;
	line-height:3px;
}

div.px164 div.bottom{
	background-position:-2320px 100%;
	width:164px;
}
div.px210 div.bottom{
	background-position:0 100%;
	width:210px;
}
div.px340 div.bottom{
	background-position:-550px 100%;
	width:340px;
}

div.px450 div.bottom{
	background-position:-890px 100%;
	width:450px;
}

div.box p.onder{
	position:absolute;
	bottom:0;
}
div#speaker-details p.onder{ /* is a box*/
	
	position:relative;
}

.lightbox{
	/* add this class to be loaded in the Tinymce for the modal */
}
p.bottom{
	
	}

div.box h2{
	border:none;
	position:absolute;
	font-weight:normal;
	text-transform:uppercase;
	font-size:.9em;
	color:#919191;
	top:-14px;
	left:0;
	height:14px;
	margin:0;
	padding:0;
	background: url(/images/veerstichting/backgrounds/right-corner.png) no-repeat top right #f2f2f2;

	}
	div.box h2 span{
		display:block;
		background: url(/images/veerstichting/backgrounds/left-corner.png) no-repeat top left transparent;
		padding:2px 6px;
		}
		
	div.box a{
	text-decoration:none;
		font-weight:bold;
	}
	div.box a:hover{
	text-decoration:underline;
	}
	
	div.box p.intro{
	margin-bottom:.5em;
	font-size:1.2em;
	}
	
	div.box h3{
		color:#666666;
		font-size:1.30em;
		margin:10px 0 8px 0;
	}

img.txt-thumb{
	margin-right:10px;
	position:relative;
	top:4px;
	float:left;
}
	
	

	div.red, div.red h2{
		background-color:#ca0202;
		color:white;
		background-image: url(/images/veerstichting/backgrounds/right-corner-red.png);
	}

	div.red a, div.red h3{
		color:white;
	}

	div.red h3{
		font-size:1.5em;
		margin-top:0;
	}	

	div.red h2 span{
		background: url(/images/veerstichting/backgrounds/left-corner-red.png) no-repeat top left transparent;
		color:#FC3636;
		}
		
	div.red{
		height:1%;
	}

	div.red div.bottom{
		background-position:-210px bottom;
		width:340px;
	}

/* Lists
**********************************/		
/* in box */
ul.list{
	margin:0;
	padding:0;
	list-style:none;
	border-top:1px solid #d6d6d6;
}

ul.list li{
	border-bottom:1px solid #d6d6d6;
	padding:6px 0;
	line-height:1.3em;
}
ul.list li a{
	color:#01305C;
	
}	


/* Custom content parts
**********************************/	

span.date{
	color:#919191;
	font-size:.85em;
	margin-bottom:6px;
	display:block;
}

hr.line{
	color:#eaeaea;
	border:none;
	border-top:1px solid #eaeaea;
	height:1px;	
}



dl, dd, dt{
	padding:0;
	margin:0;
}

dl#prev-symposia dt a{
	font-size:1.818em;
	color:#00366F;
}

dl#prev-symposia dd{
	border-bottom:1px solid #d6d6d6;
	padding-bottom:6px;
	font-weight:bold;
	margin-bottom:6px;
}


ul.newslist{
	padding:0;
	margin:0;
	list-style-type:none;
}
ul.newslist li{
	margin:0;
	padding:0;
	background: url(/images/veerstichting/misc/news-bullet.png) 3px 5px no-repeat;
	padding-left:20px;
}
ul.newslist li a{
	color:#01305C;
	font-weight:bold;
	text-decoration:none;
}
ul.newslist li a:hover{
	text-decoration:underline;
}

a#subscribe, a#bookmark{
	width:83px;
	height:16px;
	float:left;
	display:block;
	margin-right:6px;
	text-indent:-5555px;
	background-position: -310px 0;
}
a#bookmark{
	background-position:-399px 0;
}

/* Misc
**********************************/	
.last{
	margin-right:0 !important;
}
.left{
	float:left !important;
	}
	
.right{
	float:right !important;
	}
	
.bottom{
	margin-bottom:0;
	}