/* ================================ +
   	           ENDO2010
 + ================================ */



/* 
** Made by: Thomas Lievestro
** Email:	info@lievestro.com
** Website:	www.lievestro.com
*/



/* ================================ +
               STANDARDS 
+  ================================ */

/* start RESET DEFAULT styles */
*{ 
	margin:					0;
	padding:				0; 
	border: 				0;
}

*:focus { 
	outline: 				0; 
}

html {
	background: 			#ddeeff;
}

body { 
	font-family: 			arial, helvetica, sans-serif;
	font-size:				11px;
	color: 					#555555;
}
	
img { 
	border:					0px; 
}	

ul { 
	list-style:				none; 
	white-space: 			nowrap; 
}

li a {
	height:					1%; /* geen whitespace tussen link list items */
}

a { 
	text-decoration:		underline; 
	color:					#5599bb;
}

a:hover{ 
	text-decoration:		underline; 
	color:					#5599bb;
}

a img {
	border: 				0px;	
}

.clear {
	clear:					both;
}

p {
	margin-top:				11px;
}

address{
	font-style:				normal;
}

textarea {	
	overflow:				auto;
}

/* end RESET DEFAULT styles */



/* ================================ +
             GLOBAL LAYOUT
+  ================================ */

#wrapper {	
	width:					960px;
	margin-left:			auto;
	margin-right:			auto;
}

#header {
	height:					129px;
	overflow:				hidden;
}

#logo{
	display:				block;
	width:					658px;
	height:					69px;
	margin:					30px auto;
	background:				url('../images/logo_composiet2011.gif') no-repeat;	
	text-indent:			-1000em; 
	overflow:				hidden;
}

#left_column {
	width:					620px;
	margin:					0 20px 20px 0;
	float:					left;
	overflow:				hidden;
}

#right_column {
	width:					310px;
	margin:					0 0 20px 0;
	float:					left;
	overflow:				hidden;
}

.blue {
	color:					#5599bb;	
}


.pdf {
	display:			block;
	height:				35px;
	padding:			10px 0 0 40px;
	background:			url('../images/pdf.jpg') no-repeat;
}

.pdf_2 {
	display:			block;
	height:				35px;
	margin-top:			5px;
	padding:			0 0 0 40px;
	background:			url('../images/pdf.jpg') no-repeat;
}







/* accordion */

#accordion {
	width: 				620px; 
	margin-bottom:		20px;
	overflow:			hidden;
}

#accordion_inner {
	width: 				620px; 
	background:			#ffffff;
	overflow:			hidden;

}

#accordion .accordion_header {
	display:			block;
	width:				620px;
	height:				25px;
	margin-bottom:		10px;
	background-color:	#b7b7b7;
	cursor:				pointer;
	text-indent:		-1000px;
	overflow: 			hidden;	
}

#accordion .accordion_header.active{
	background-color:	#ffffff;
}

#accordion .accordion_header.hover{
	background-color:	#5599bb;
}

#accordion .accordion_content{
	width:				570px;
	padding:			0px 20px 0 20px;
	background:			#ffffff;
	height:				auto;
	overflow:			hidden;
	line-height:		18px;
}


#header_congress {
	background-image:	url(../images/accordion_headers_inactive.png);
	background-repeat:	no-repeat;
	background-position:0px 0px;
}

#header_fotos {
	background-image:	url(../images/accordion_headers_inactive.png);
	background-repeat:	no-repeat;
	background-position:0px -30px;
}

#header_programme {
	background-image:	url(../images/accordion_headers_inactive.png);
	background-repeat:	no-repeat;
	background-position:0px -60px;
}

#header_speakers {
	background-image:	url(../images/accordion_headers_inactive.png);
	background-repeat:	no-repeat;
	background-position:0px -90px;
}

#header_information {
	background-image:	url(../images/accordion_headers_inactive.png);
	background-repeat:	no-repeat;
	background-position:0px -120px;
}

#header_congress.accordion_header.active {
	background-image:	url(../images/accordion_headers_active.gif);
	background-repeat:	no-repeat;
	background-position:0px 0px;
}

#header_fotos.accordion_header.active  {
	background-image:	url(../images/accordion_headers_active.gif);
	background-repeat:	no-repeat;
	background-position:0px -30px;
}

#header_programme.accordion_header.active  {
	background-image:	url(../images/accordion_headers_active.gif);
	background-repeat:	no-repeat;
	background-position:0px -60px;
}

#header_speakers.accordion_header.active  {
	background-image:	url(../images/accordion_headers_active.gif);
	background-repeat:	no-repeat;
	background-position:0px -90px;
}

#header_information.accordion_header.active  {
	background-image:	url(../images/accordion_headers_active.gif);
	background-repeat:	no-repeat;
	background-position:0px -120px;
}

.accordion_arrow {
	position:			absolute;
	width:				13px;
	height:				11px;
	margin:				-18px 0 300px;
	background:			url(../images/white_arrows.png) no-repeat 0px -16px;
}

#profile_accordion .accordion_header.active .accordion_arrow {
	background:			url(../images/white_arrows.png) no-repeat 0px 0px;
}



/* accordion content*/

#congress_title {
	width:					367px;
	height:					14px;
	margin:					10px 0 10px 0;
	background:				url('../images/congress_title.gif') no-repeat;
	text-indent:			-1000em; 
	overflow:				hidden;
}

#programme_table {
	width:				570px;
	border-spacing: 	0px;
}

#programme_table p{
	margin-top:			0px;
}

.programme_times {
	width:				100px;
	padding-right:		10px;
	border-right:		1px dotted #5599bb;
	color:				#5599bb;
	text-align:			right;
	vertical-align:		top;
}

.programme_content {
	width:				348px;
	padding:			0 10px;
	overflow:			hidden;
	vertical-align:		top;
}

.programme_content ul {
	width:				310px;
	list-style-image:	none;
	list-style-position:outside;
	list-style-type:	disc;
	padding:			0 15px;
	white-space:		normal;
}

.programme_speaker {
	width:				100px;
	padding-left:		10px;
	border-left:		1px dotted #5599bb;
	font-weight:		bold;
	vertical-align:		top;	
	font-style:			italic;
}

.programme_speaker span {
	font-weight:		normal;
}

.programme_speaker .blue {
	font-weight:		bold;
	color:				#5599bb;
}

.speaker_image {
	float:				left;
	margin:				25px 0 20px 0;
}

.speaker_content {
	width:				280px;
	margin:				0 0 20px 20px;
	float:				left;	
}

.speaker_content h2 {
	font-size:			12px;
	color:				#5599bb;	
}



.speaker_content p {
	margin-top:			3px;
	line-height:		16px;
}

.accordion_content_left {
	width:				270px;
	float:				left;
	margin:				0 0 20px 0;
}

.accordion_content_right {
	width:				280px;
	margin:				0 0 20px 20px;
	float:				left;	
}

.accordion_content_left h2, .accordion_content_right h2 {
	margin-top:			20px;
	font-size:			12px;
	color:				#5599bb;	
}

.accordion_content_left p, .accordion_content_right p {
	margin-top:			0px;
}

.accordion_content_left ul {
	list-style-image:	none;
	list-style-position:outside;
	list-style-type:	disc;
	padding:			0 15px;
}

#logo_bureaukalker {
	margin:				6px 0 4px 0;	
}

#logo_bureaukalker2 {
	margin:				0px 0 4px 0;	
}

.photostrip {
	margin-top:			10px;	
}

#download_folder {
	display:			block;
    float:              left;
	height:				35px;
	padding:			10px 0 0 40px;
	background:			url('../images/pdf.jpg') no-repeat;
    text-decoration:    none;
}

#download_plattegrond {
	display:			block;
    float:              left;
	height:				35px;
	padding:			10px 0 0 40px;
    margin-left:        20px;
	background:			url('../images/pdf.jpg') no-repeat;
    text-decoration:    none;
}

#download_folder:hover,
#download_plattegrond:hover {
    text-decoration:    underline;
}

#accordion #information.accordion_content {
	width:				580px;
}

#info_kalker {
	padding:			20px;
	background:			#f7f7f7;
	color:				#5599bb;	
}

#info_kalker p{
	padding-left:		62px;	
	font-style:			italic;
}





#speakers_featured{
	
}

#speaker_names {
	width:					310px;
	height:					25px;
	margin:					5px 0 20px 0;
	background:				#5599bb;		
	text-indent:			-1000em; 
	overflow:				hidden;
}

#speaker_names {
	width:					310px;
	height:					25px;
	margin:					5px 0 20px 0;
	background:				#5599bb;		
	text-indent:			-1000em; 
	overflow:				hidden;
}

#speaker_names ul li{
	display: 				inline;
	float:					left;
}

#speaker1 {
	width:					78px;
	height:					25px;
	background:				url('../images/btn_speakers.gif') no-repeat;
	cursor:					pointer;
}

#speaker2 {
	width:					77px;
	height:					25px;
	background:				url('../images/btn_speakers.gif') no-repeat -78px 0px;
	cursor:					pointer;
}

#speaker3 {
	width:					77px;
	height:					25px;
	background:				url('../images/btn_speakers.gif') no-repeat -155px 0px;
	cursor:					pointer;
}

#speaker4 {
	width:					78px;
	height:					25px;
	background:				url('../images/btn_speakers.gif') no-repeat -232px 0px;
	cursor:					pointer;
}

#speaker1:hover {
	background:				url('../images/btn_speakers.gif') no-repeat -350px 0px;
}

#speaker2:hover {
	background:				url('../images/btn_speakers.gif') no-repeat -428px 0px;
}

#speaker3:hover {
	background:				url('../images/btn_speakers.gif') no-repeat -505px 0px;
}

#speaker4:hover {
	background:				url('../images/btn_speakers.gif') no-repeat -582px 0px;
}



#register {
	width:					300px;
	padding:				4px;
	border:					1px dotted #555555;
	background:				#ffffff;
}

#register a { 
	text-decoration:		underline; 
}

#register_inner {
	width:					260px;
	padding:				3px 20px;
	background:				#f7f7f7;
	overflow:				hidden;
}

#register_title {
	width:					260px;
	height:					24px;
	margin:					10px 0 0 0;
	background:				url('../images/register_title.gif') no-repeat;
	text-indent:			-1000em; 
	overflow:				hidden;
}

#error_container {
	width:					260px;
	height:					14px;
	padding-top:			6px;	
	font-weight:			bold;
	color:					#bf1e2d;
}

#register_return_message {
	margin:					20px 0 30px 0;
}

.input_line {
	width:					260px;
	height:					15px;
	margin-top:				15px;
	border-bottom:			1px dotted #5599bb;
	overflow:				hidden;
}

.input_line2 {
	width:					125px;
	height:					15px;
	margin:					15px 10px 0 0;
	border-bottom:			1px dotted #5599bb;
	float:					left;
	overflow:				hidden;
}

.input_line3 {
	width:					125px;
	height:					15px;
	margin:					15px 0 0 0;
	border-bottom:			1px dotted #5599bb;
	float:					left;
	overflow:				hidden;
}

.input_line4 {
	width:					180px;
	height:					15px;
	margin:					15px 0 0 0;
	border-bottom:			1px dotted #5599bb;
	float:					left;
	overflow:				hidden;
}

.input_line5 {
	width:					80px;
	height:					18px;
	margin:					15px 0 0 0;
	float:					left;
	overflow:				hidden;
}

.input_line input, .input_line2 input, .input_line3 input, .input_line4 input{
	margin-left:			4px;
	border:					0px;
	background:				#f7f7f7;
	font-family: 			arial, helvetica, sans-serif;
	font-size:				11px;
	color:					#5599bb;
}

.input_line.error, .input_line2.error, .input_line3.error, .input_line4.error {
	border-bottom:			1px dotted #bf1e2d;
}

#register_form #voorletters {
	width:					60px;
}

#register_form #postcode {
	width:					65px;
}

#register_form #tussenvoegsel {
	width:					40px;
}

#register_form #plaats {
	width:					68px;
}


#register_form #naam {
	width:					140px;
}

#register_form #geslacht_man {
	margin:					0px 3px 0 7px
}

#register_form #geslacht_vrouw {
	margin:					0px 3px 0 7px;
}

#register_form #praktijknaam {
	width:					187px;
}

#register_form #praktijkadres {
	width:					185px;
}

#register_form #postcode_plaats {
	width:					160px;
}

#register_form #telefoonnummer {
	width:					168px;
}

#register_form #email {
	width:					220px;
}

#register_form #bignummer {
	width:					100px;
}

#register_form #bignummer_nvt {
	margin-left:			10px;	
}

#register_form #annuleringsvoorwaarden {
	margin:					15px 3px 0 0;
}

#btn_verstuur {
	width:					90px;
	height:					26px;
	margin:					20px 0 10px 0;
	background:				url('../images/btn_verstuur.gif') no-repeat 0px 0px;
	text-indent:			-1000em; 
	overflow:				hidden;
	cursor:					pointer;
}

#btn_verstuur:hover {
	background:				url('../images/btn_verstuur.gif') no-repeat -150px 0px ;
}

#footer {
	width:					960px;
	height:					30px;
	padding-left:			20px;
	color:					#b7b7b7;
}

#footer a{
	color:					#b7b7b7;
}


#sponsors {
	width:					310px;
	margin-top:				20px;
	text-align:				center;
}


#sponsors img{
	margin-bottom:			8px;
}





/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 132px; height:74px;}
.pika-stage, .pika-textnav {width: 580px;}

.pikachoose {width: 580px; margin: 0 auto 30px;}
.pika-stage {position: relative; padding: 0 0 20px 0px;text-align:center;height:380px;}
	
	/*if you change the padding on pika-stage you must adjust the top left of this to match! */
	.pika-stage .main-image {position: absolute; top: 10px; left: 10px;}
	.pika-stage .pika-aniwrap{position: absolute; top: 10px; left: 0px;}
	.pika-stage .pika-aniwrap{width:100%;}
	.pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;}
	.pika-stage img {border:0;height:100%;}

	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(../scripts/libs/pikachoose/styles/classic-map.png) no-repeat 0 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}
	.pika-imgnav a.next {background: url(../scripts/libs/pikachoose/styles/classic-map.png) no-repeat  -268px 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}

.pika-textnav {display:none;overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}
	
.pika-thumbs {margin: 10px 0 0 17px; padding: 0; overflow: hidden;}
	.pika-thumbs li {float: left; list-style-type: none;padding: 0px; margin: 0 5px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{display:none;position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}
		
		
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 485px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}

.jcarousel-container {
	overflow:		hidden;
	width: 575px;
}