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

/* Color Scheme
dark blue: #003670
Geel: #fcb827
light grey: ##FBFBFB
*/

/* General styling
**********************************/
body, #publerBody {
	text-align: center; /* Center the contents for IE */
	background:url(/images/veerstichting/backgrounds/body.png) #FBFBFB repeat-x top left;
}
body.submenu{
	background:url(/images/veerstichting/backgrounds/body-submenu.png) #FBFBFB repeat-x top left;
}
/*
body.veersprekers{
	background:url(/images/veerstichting/backgrounds/body-veersprekers.png) #FBFBFB repeat-x top left;
}
*/

div#container {
	position:relative;
	width:986px;		/* Page width */
	margin:0 auto; 	/* First one for top spacing, second one for center alignment */
	text-align: left;	/* IE undo center alignment */
	padding:305px 107px 0 107px;
	}
	
/* Sprites
**********************************/		
li#lang-tab a,
ul#lang-nav li a,
div#header h1 a,
ul#nav li, ul#nav li span,
ul#subnav li, ul#subnav li a,
div#footer a.toggle,
ul.newslist li a,
a#subscribe, a#bookmark{
	background: url(/images/veerstichting/sprites/mainsprite.png) no-repeat bottom right transparent;
}


/* Header
**********************************/	
div#header {
	height: 270px;
	position:absolute;
	top:0;
	left:0;
	width:1200px;
	}
	div#header h1{
		margin:0;
		padding:0;
		}
		
		div#header h1 a{
			display:block;
			width:156px;
			height:76px;
			text-indent:-5555px;
			position:absolute;
			top:0px;
			left:114px;
			background-position:0 -26px;
			}
	
	
	/*div#header, body.header2 div#header{ background: url(/images/veerstichting/header/header2.jpg) no-repeat top left;	} /* default */
	body div#header{ background: url(/images/veerstichting/headers/Header1.jpg) no-repeat top left;	}
	body .header0 div#header{ background: url(/images/veerstichting/headers/Header0.jpg) no-repeat top left;	}
	body .header1 div#header{ background: url(/images/veerstichting/headers/Header1.jpg) no-repeat top left;	}
	body .header2 div#header{ background: url(/images/veerstichting/headers/Header2.jpg) no-repeat top left;	}
	body .header3 div#header{ background: url(/images/veerstichting/headers/Header3.jpg) no-repeat top left;	}
	body .header4 div#header{ background: url(/images/veerstichting/headers/Header4.jpg) no-repeat top left;	}
	body .header5 div#header{ background: url(/images/veerstichting/headers/Header5.jpg) no-repeat top left;	}
	body .header6 div#header{ background: url(/images/veerstichting/headers/Header6.jpg) no-repeat top left;	}
	body .header7 div#header{ background: url(/images/veerstichting/headers/Header7.jpg) no-repeat top left;	}
	body .header8 div#header{ background: url(/images/veerstichting/headers/Header8.jpg) no-repeat top left;	}
	body .header9 div#header{ background: url(/images/veerstichting/headers/Header9.jpg) no-repeat top left;	}
	body .header10 div#header{ background: url(/images/veerstichting/headers/Header10.jpg) no-repeat top left;	}
	body .header11 div#header{ background: url(/images/veerstichting/headers/Header11.jpg) no-repeat top left;	}
	body .header12 div#header{ background: url(/images/veerstichting/headers/Header12.jpg) no-repeat top left;	}
	body .header13 div#header{ background: url(/images/veerstichting/headers/Header13.jpg) no-repeat top left;	}
	body .header14 div#header{ background: url(/images/veerstichting/headers/Header14.jpg) no-repeat top left;	}
	body .header15 div#header{ background: url(/images/veerstichting/headers/Header15.jpg) no-repeat top left;	}
	body .header16 div#header{ background: url(/images/veerstichting/headers/Header16.jpg) no-repeat top left;	}
	body .header17 div#header{ background: url(/images/veerstichting/headers/Header17.jpg) no-repeat top left;	}
	body .header18 div#header{ background: url(/images/veerstichting/headers/Header18.jpg) no-repeat top left;	}
	body .header19 div#header{ background: url(/images/veerstichting/headers/Header19.jpg) no-repeat top left;	}
	body .header20 div#header{ background: url(/images/veerstichting/headers/Header20.jpg) no-repeat top left;	}
	body .header21 div#header{ background: url(/images/veerstichting/headers/Header21.jpg) no-repeat top left;	}
	
	body .header99 div#header{ background: url(/images/veerstichting/headers/Header99.jpg) no-repeat top left;	}
	
	/*
	body.nieuws div#header, body.veerblog div#header{ background: url(/images/veerstichting/headers/nieuws.jpg) no-repeat top left;	}
	body.veersprekers div#header{ background: url(/images/veerstichting/headers/veersprekers.jpg) no-repeat top left; }
	body.over-de-veerstichting div#header{ background: url(/images/veerstichting/headers/over-de-veerstichting.jpg) no-repeat top left; }
	*/
	
	div#aanmelden{
		position:absolute;
		bottom:0;
		right:150px;
		width:147px;
		height:66px;
		padding:23px 10px 0 10px;
		color:white;
		font-size:.8em;
		}
	div#aanmelden span.top{
		color:#FC3636;
		font-size:1em;
		position:absolute;
		top:-2px;
		left:4px;
		text-transform:uppercase;
		}
		div#aanmelden a{			
			color:white;
			font-weight:bold;
			text-decoration:none;
		}
		div#aanmelden a.large{
			text-transform:uppercase;
			font-size:1.5em;			
		}
	
	
/* Layout
**********************************/	
div#main {
	height:1%;
	}
div#wrapper {
	float:left;
	width:900px;/* workaround */
	padding:0 43px 43px 43px;
	background: url(/images/veerstichting/backgrounds/wrapper.png) repeat-y top left;
	position:relative;
	margin-bottom:0;
	} 
	div#wrapper div#wrapper-bottom{
		background: url(/images/veerstichting/backgrounds/wrapper-bottom.png) no-repeat bottom left;
		height:5px;
		position:absolute;
		left:0;
		bottom:-5px;
		width:986px;
	}
	
div#contents {
	/*margin: 0 150px 0 0;	Geef de margins zo breed als de columns indien er meerdere colomme zijn! */
	padding-top:40px;
}

body.submenu div#contents{
	padding-top: 65px; /*40 + height subnav */
}
/*
body.veersprekers div#contents{
	padding-top:120px; /*40 + height big subnav *//*
padding-top: 85px; 	
}
*/

div#right-column{
	padding-top:40px;
	*padding-top:60px;
	}
body.home div#contents{
	margin:0;
}

body.nieuws div#contents, body.veerblog div#contents, body.photos div#contents, body.calendar div#contents{
	width:520px;
	float:left;
	margin-right:40px;
}

body.nieuws div#right-column, body.veerblog div#right-column, body.photos div#right-column, body.calendar div#right-column{
	float:left;
	width:340px;				/* De breedte + padding + border + margin moet even breed zijn als de margins van de contents */
}

p.break{
	line-height:5px;
	height:5px;
	margin:0;
	padding:0;
}


/* Navigation Main
**********************************/	
ul#nav {
	margin:0;
	padding:0 0 0 35px;
	list-style:none;
	position: absolute;
	top: 270px; /* height of #header */
	width: 945px;
	height: 30px;
	left:110px;
	background-color:#003670;
	border:none;
	background: url(/images/veerstichting/backgrounds/nav.png) repeat-x top left;
	}
	body.submenu ul#nav{
		border-bottom:none;
	}
	
	ul#nav li{
		float:left;
		position:relative;
		padding-left:6px;
		margin:0 1px 0 0;
		z-index:99;
		}
		
		ul#nav li:hover, ul#nav li.hover, ul#nav li.selected{
			background-position: -781px 0%;
			top:-3px;
			height:33px;			
			}
		
		ul#nav li a{
			display:inline-block;
			padding:4px 2px 0 2px;
			height:26px;
			vertical-align:middle;
			color:white;
			font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
			font-weight:bold;
			font-size:1.08em;
			text-decoration:none;
			text-transform:uppercase;
			position:relative;
			}
		ul#nav li span{
			padding-right:6px;
			display:block;
			}
		ul#nav li:hover span, ul#nav li.hover span, ul#nav li.selected span{			
			background-position:100% -35px;
			}
		
		ul#nav li:hover a, ul#nav li.hover a, ul#nav li.selected a{
			color:#003670;
			background:#fcb827;
			padding-top:7px;
			*top:-1px; /*ie moet weer eens raar doen*/
			}

/* Navigation Sub
**********************************/	
ul#subnav{
	position:absolute;
	top:300px;
	background:#fcb827;
	margin:0;
	padding:0 0 0 35px;
	list-style:none;
	position: absolute;
	width: 951px;
	left:107px;
}

ul#subnav li{
	float:left;
	margin-top:3px;
	position:relative;
	margin-right:1px; 
}

ul#subnav li a{
	color:#00366f;
	text-decoration:none;
	font-weight:bold;
	font-size:.92em;
	line-height:27px;
	vertical-align:middle;	
	padding:0 10px;
	text-transform:uppercase;
	display:block;
}

ul#subnav li.hover, ul#subnav li:hover, ul#subnav li.selected{
	background-position:0 -108px;
	background-color:white;
}

ul#subnav li.hover a, ul#subnav li:hover a, ul#subnav li.selected a{
	background-position: 100% -74px;
	}
	
/* large subnav */
/*
body.veersprekers ul#subnav li{
	margin-top:10px;
	background-position:0 -242px;
	background-color:#fcab2c;
	width:150px;
	overflow:hidden;
}
*/
/*
body.veersprekers ul#subnav li.hover, body.veersprekers ul#subnav li:hover, body.veersprekers ul#subnav li.selected{
	background-position:0 -139px;
	background-color:white;
}
*/


/*
body.veersprekers ul#subnav li a{
	background-position: 100% -191px;
	line-height:35px;
	font-size:1.5em;
}
*/

/*
body.veersprekers ul#subnav li.hover a, body.veersprekers ul#subnav li:hover a, body.veersprekers ul#subnav li.selected a{
	background-position: 100% -108px;
	}
	*/

/*
body.veersprekers ul#subnav li span{
	position:absolute;
	top:10px;
	left:13px;
	font-size:1.95em;
font-size:1.63em;
	color:#746c51;
	line-height:1em;
}
body.veersprekers ul#subnav li.hover span, body.veersprekers ul#subnav li:hover span, body.veersprekers ul#subnav li.selected span{
	color:#003670;
}
*/

/* Language bar
**********************************/	
ul#lang-nav{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	right:107px;
	line-height:30px;
	vertical-align:middle;
	background:white;
	padding-left:10px;	
	}
	
	ul#lang-nav li{
		float:left;
		margin-right:8px;		
		}
		ul#lang-nav li a{
			color:#999;
			font-size:.85em;
			text-decoration:none;
			padding-left:18px;
			font-weight:normal;
		}
		
		ul#lang-nav li a:hover{
			text-decoration:underline;
		}
		
		ul#lang-nav li.selected a{
			font-weight:bold;
		}
		
		ul#lang-nav li.es a{ background-position: -157px -25px;}
		ul#lang-nav li.nl a{ background-position: -157px -45px;}
		ul#lang-nav li.de a{ background-position: -157px -66px;}
		ul#lang-nav li.en a{ background-position: -157px -86px;}		
		
		ul#lang-nav li#lang-tab{
		display:none;
			position:relative;
			color:white;
			margin-left:-80px;
			top:30px;
			width:80px;
			background:transparent;
			margin-right:0;
			padding:0;			
			}
			ul#lang-nav li#lang-tab a{
				display:block;
				height:22px;
				background-position: 0 0;
				text-indent:-5555px;
				padding:0;
				line-height:22px;
				}
			ul.expanded li#lang-tab a{
				background-position:-80px 0 !important;
			}

/* Misc box things */


body.home div#contents div.box, body.speakers div#contents div.px210, body.sprekers div#contents div.px210, body.debatleiders div#contents div.px210{
	min-height:380px;
	_height:380px;
}

div#right-column div.box{
	float:none;
/*	margin-bottom:50px; */

}

/* Forms
**********************************/	
input, textarea{
	/*border:1px solid #003670;*/
}
div.checkbox{
	display:inline-block;
	margin-bottom:3px;
	width:150px;
	float:left;
	clear:right;
	}


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

span.footer{
	display:block;
	border-bottom:1px solid #EAEAEA;
	padding-bottom:6px;
	color:#919191;
	font-size:.85em;
	margin-bottom:6px;
}

span.footer a{
	font-weight:bold;
	margin:0 4px;
	text-decoration:none;
	color:#919191;
}
span.footer a:hover{
	text-decoration:underline;
}

ul.archive{
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
}

ul.archive li a{
	color:#666666;
	margin-left:5px;
}	



/* Forms
**********************************/	
div.red label{
	width:auto;
	margin:0 0 0 10px;
	*margin:0 0 0 7px;
	display:block;

}

label input{
	margin:0 8px 0 0;
	vertical-align:-10%;
}

div.red input.txt{
	width:201px;
	margin:8px 6px 8px 10px;
	height:20px;
	padding:4px 3px 0 3px;
	color:#919191;
}

input.txt{
	border:1px solid #cccccc;
}

input.img{
	line-height:1em;
	margin:0;
	padding:0;
	display:inline;
	vertical-align:middle;
	position:relative;
	top:-2px;
	*top:-5px;
}


/* Footer
**********************************/	
div#footer{
	width:940px;
	clear:both;
	margin:0 auto 30px auto;
	float:none;
	color:#A2A2A2;
	font-size:.85em;
	text-align:left;
	left:0;
	top:50px;
	_left:-10px; /*why?*/
	}
	
	div#footer div.bottom{
		background-position:-1340px 100%;
		width:980px;
		}
	
	div#footer p{
		text-align:center;
	}
	div#footer a{
		margin:4px;
		color:#A2A2A2;
		font-weight:bold;
		text-decoration:none;
	}
	div#footer a:hover{
		text-decoration:underline;
		}
		
	div#footer a.toggle{
		position:absolute;
		padding-left:12px;
		top:15px;
		left:20px;
		background-position:-167px -5px;		
	}
	div#footer a.expanded{
		background-position:-167px 7px;
	}
		
ul#sitemap{
	font-size:1.1em;
	}
ul#sitemap, ul#sitemap ul{
	margin:0;
	padding:0;
	list-style:none;
	}
	ul#sitemap li{
		float:left;
		margin:0 40px 0 0;
		padding:0;
	}
	ul#sitemap li li{
		float:none;
		margin:0;
		}
		
	ul#sitemap li li li a{
		font-weight:normal;
		}
fieldset{
	border:none;
}
		
/* sIFR
**********************************/		
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
	}

.sIFR-active div#contents h1 {
	font-family: Verdana;
	visibility: hidden;
	font-size:29px;
	}
/*
.sIFR-active div#contents h2 {
	font-family: Verdana;
	visibility: hidden;
	font-size:22px;
	}	
*/
.sIFR-active div#speaker-details h3{
	font-family: Verdana;
	visibility: hidden;
	font-size:25px;
}

/* photos */

/** PHOTOS **/
#contents div.photo {
	position: relative;
	width: 120px;
	margin: 0px 5px 10px 5px;
	height: 120px;
	border: 1px solid #AAA;
	float: left;
	text-align: center;
}
#contents div.photo img {
	position: absolute;
	top: 60px;
	left: 60px;
	margin: 0;
}
#contents div.photo a, #contents div.photo a {
	border: none;
}
p.medium-photo {
	display: block;
	width: 100%;
	text-align: center;
}
#contents .next-pic {
	margin-left: 280px;
}
#contents .back {
	text-align: center;
}

#subscribe label{
	width:250px;
}
#subscribe textarea, #subscribe input, #subscribe select {
	width: 250px;
}
#subscribe input#submit {
	width: 100px;
}
#subscribe input.check {
	width: 20px;
}

div#warning{
	margin-bottom:15px;	
	}
	
div#map{
	margin:10px 0;
	width:500px;
	height:400px;
	clear:both;
}

#portal-form label.full{
	float:none;
	width:100%;
	cursor:pointer;
}
h2 label.full input{
	*position:relative;
	*top:-5px;
}

div#twitter-holder{
	background: url(/images/veerstichting/logo/twitter.png) no-repeat top right #f2f2f2;
	position:relative;
	top:-8px;
	padding-top:8px;
}


#twitter{
	margin-top: 5px;
}
#twitter ul {
	margin: 0;
	padding: 0;
	}
	#twitter ul li{
		list-style: none;
		background: #FFF url(/images/veerstichting/backgrounds/tmessage.png) top right no-repeat;
		margin-bottom: 4px;
		padding: 25px 5px 10px 5px;
	}
	#twitter ul li span{
		display:block;
		text-align:right;
		margin-top:5px;
	}
	#twitter ul li span a{
		font-size: 10px;
	}
	
	.orange{color:#B87003; font-weight:bold;}
	

/* Video Lightbox */

/* Modal
**********************************/	
#modal{
	height:300px;
	width:400px;
	background:#000;
}
/* Overlay */
#simplemodal-overlay {background-color:#000;_height:100%;}

/* Container */
#simplemodal-container a.modalCloseImg {
	background:url(/images/veerstichting/icons/close.png) no-repeat; 
	width:29px; height:30px; display:inline; z-index:3200; position:absolute; top:-18px; right:-18px; cursor:pointer;
	}

/* IE6 */
#simplemodal-container a.modalCloseImg {
	_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://wwjatb.beta-preview.nl/images/close.png',sizingMethod='scale');
}