/*
Projectnaam/algemene info
@author: Bernhard Verkade
@version: 20080930-##

Used colors:
Footer Text: #316CC6
*/
body, #publerBody {
	background: #99b8e6 url(../../images/yes2web/background/yes2sprite2.png) 0 -60px repeat-x;
	text-align: center;
}

#container {
	margin: 0 auto; 
	position: relative;
	text-align: left;
	width: 960px;
}
#logo{
	margin: 0 0 10px 0;
	padding: 46px 0 0 0;
	width: 222px;
	height: 44px;
	overflow: hidden;
}

/* 
Logo oude huisstijl
#logo{
	margin: 0 0 3px 30px;
	padding-top: 10px;
	width: 139px;
	height: 87px;
}

Logo 10 jaar
#logo{
	width: 200px;
	height: 129px;
	margin: 0 0 5px 0;
	overflow: hidden;
}
Logo v2
#logo{
	margin: 0 0 32px 0;
	padding: 34px 0 0 0;
	width: 179px;
	height: 34px;
	overflow: hidden;
}
*/

#header{
	margin: 0;
	padding: 0;
}
#language-select{
	position: absolute; 
	top: 5px; 
	right: 10px; 
	font-size: 0.8em;
}
/*
*	Header Dock
*/
#wrapper_dock{
	width: 400px;
	height: 215px;
	position: absolute;
	right: 0;
}
div.IE6 #wrapper_dock{
	height: 317px;
	background: url(../../images/yes2web/background/dock_bg_ie6.png) no-repeat 28px 0px;
}
div.IE6 #dock2{
	bottom: 90px
}
div.IE6 .dock-container2{
	height: 140px;
	width: 400px;
	_padding: 0;
}
div.IE6 a.dock-item2{
	float: left;
	width: 60px;
	height: 50px;
	position: static;
	margin: 20px 10px 0 20px;
	cursor: default;
}
div.IE6  a.last{
	margin: 20px 0 0 15px;
}
div.IE6 .dock-item2 img{
	display: none;
}
#dock2 {
	width: 350px;
	bottom: 0px;
	right: 60px;
	position: absolute;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: right;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
div.maps{
	background: url(../../images/yes2web/background/maps.png) no-repeat 45px 45px;
}
div.code{
	background: url(../../images/yes2web/background/code.png) no-repeat 45px 45px;
}
div.prototyping{
	background: url(../../images/yes2web/background/prototyping.png) no-repeat 45px 45px;
}
div.consultancy{
	background: url(../../images/yes2web/background/consultancy.png) no-repeat 100px 45px;
}
/*
Small header by default:
*/
div#headline {
	background: url(../../images/yes2web/background/yes2sprite.png) 0 -331px no-repeat;
	height: 50px;
	margin: 0;
	padding-left: 30px;
	}
	/*
	Large header: Homepage
	*/
	body.home div#headline {
		background: url(../../images/yes2web/background/home-bg.png) top left no-repeat;
		height: 317px;
		margin: 0;
		padding: 13px 0 0 30px;
	}
	
	
	/* iPhone */
	@media only screen and (max-device-width: 480px){
		/* .home div#headline{
			display: none;
		}
		*/
		ul#navigation{
			top: 38px !important;
		}
		
		.home #search{
			display: none !important;
		}
	}

div#contents{
	background: #FFF;
	margin: 0 0 3px 0;
	padding: 30px;
	width: 900px;
	min-height: 320px;
	_height: 320px;
}
.home div#contents{
	padding-bottom: 0;
}
/* Nieuw Menu
*********************/
ul#navigation{
	height: 66px;
	right: 7px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 34px;
	/*top: 68px;*/
	}
	ul#navigation li {
		float: left;
		list-style: none;
		}
		ul#navigation li a {
			display: block;
			height: 66px;
			margin: 0 4px 0 0;
			text-decoration: none;
			text-indent: -5555px;
			background: url(../../images/yes2web/background/yes2sprite_002.png) -961px 0 no-repeat;
			}
	body.en ul#navigation li a{
		background: url(../../images/yes2web/background/yes2sprite_EN_002.png) -961px 0 no-repeat;
		}
			#navigation #home a {
				background-position: -1177px -199px;
				width: 75px;
				}
			#navigation #over-ons a, #navigation #about-us a  {
				background-position: -961px 0;
				width: 103px;
				}
			#navigation #diensten a, #navigation #services a{
				width: 100px;
				background-position: -1074px -199px;
			}
			#navigation #klanten a, #navigation #clients a{
				width: 99px;
				background-position: -1253px -199px;
			}
			#navigation #artikelen a, #navigation #articles a{ 
				width: 106px;
				background-position: -1182px 0;
			}
			#navigation #vacatures a{
				width: 110px;
				background-position: -1071px 0;
			}	
			#navigation #jobs a{
				width: 70px;
				background-position: -1071px 0;
			}
			
			#navigation #contact a, #navigation #contact-us a {
				width: 97px;
				background-position: -961px -199px;
			}
			/* Hover */
			ul#navigation #home a:hover  {
				background-position: -1177px -331px;
			}
			ul#navigation #over-ons a:hover, ul#navigation #about-us a:hover {
				background-position: -961px -132px;
			}
			ul#navigation #contact a:hover, ul#navigation #contact-us a:hover {
				background-position: -961px -331px;
			}
			ul#navigation #klanten a:hover, ul#navigation #clients a:hover {
				background-position: -1253px -331px;
			}
			ul#navigation #diensten a:hover, ul#navigation #services a:hover {
				background-position: -1074px -331px;
			}
			ul#navigation #vacatures a:hover, ul#navigation #jobs a:hover {
				background-position: -1071px -132px;
			}
			ul#navigation #artikelen a:hover, ul#navigation #articles a:hover {
				background-position: -1182px -132px;
			}
			/* Selected */
			ul#navigation li#home.selected a, ul#navigation li#home.selected a:hover {
				background-position: -1177px -265px;
			}
			ul#navigation li#over-ons.selected a, ul#navigation li#over-ons.selected a:hover,
			ul#navigation li#about-us.selected a, ul#navigation li#about-us.selected a:hover{
				background-position: -961px -66px;
			}
			ul#navigation li#contact.selected a, ul#navigation li#contact.selected a:hover,
			ul#navigation li#contact-us.selected a, ul#navigation li#contact-us.selected a:hover{
				background-position: -961px -265px;
			}
			ul#navigation li#klanten.selected a, ul#navigation li#klanten.selected a:hover,
			ul#navigation li#clients.selected a, ul#navigation li#clients.selected a:hover{
				background-position: -1253px -265px;
			}
			ul#navigation li#diensten.selected a, ul#navigation li#diensten.selected a:hover,
			ul#navigation li#services.selected a, ul#navigation li#services.selected a:hover{
				background-position: -1074px -265px;
			}
			ul#navigation li#vacatures.selected a, ul#navigation li#vacatures.selected a:hover,
			ul#navigation li#jobs.selected a, ul#navigation li#jobs.selected a:hover{
				background-position: -1071px -66px;
			}
			ul#navigation li#artikelen.selected a, ul#navigation li#artikelen.selected a:hover, .artikelen ul#navigation li#artikelen a,
			ul#navigation li#articles.selected a, ul#navigation li#articles.selected a:hover, .articles ul#navigation li#articles a{
				background-position: -1182px -66px;
			}

ul#navigation li ul {
	display: none;
	height: 0;
	width: 0;
}

/*
*	Search on top
*/

#search {
	left: 614px;
	position: absolute;
	top: 116px;
	}
/* #search {
	left: 614px;
	position: absolute;
	top: 148px;
	}*/
	#search label {
		/* background: url(../../images/yes2web/background/yes2sprite.png) -964px -556px no-repeat; */
		height: 21px;
		text-indent: -5555px;
		width: 71px;
	}
	#search input {
		background: url(../../images/yes2web/background/yes2sprite.png) -961px -492px no-repeat;
		border: 0;
		float: left;
		font-size: 1em;
		height: 15px;
		line-height: 1em;
		margin: 0;
		padding: 3px;
		_padding: 6px 3px 0 3px;
		width: 175px;
	}
	
	body.en #search button{
		background: url(../../images/yes2web/background/yes2sprite_EN_002.png) -1027px -535px no-repeat;
	}
	#search button {
		background: url(../../images/yes2web/background/yes2sprite.png) -1027px -535px no-repeat;
		border: 0;
		height: 21px;
		margin: 0 0 0 5px;
		padding: 0;
		text-indent: -5555px;
		width: 55px;
	}
	body.en#search button:hover{
		background-position: -1027px -514px;
	}
	#search button:hover{
		background-position: -1027px -514px;
	}
/*
*	Footer
*/
#footer {
	background: url(../../images/yes2web/background/yes2sprite2.png) top left repeat-x;
	height: 50px;
	padding-top: 10px;
	}
	#footer ul{
		margin: 0 auto;
		width: 550px;
	}
	#footer ul li {
		border-right: 1px solid #316CC6;
		color: #316CC6;
		float: left;
		font-family: arial, helvetica, sans-serif;
		font-size: 10px;
		line-height: 12px;
		list-style: none;
		padding: 0 4px;
		}
		#footer ul li a {
			color: #316CC6;
			text-decoration: none;
		}
		#footer ul li a:hover {
			text-decoration: underline;
		}
		#footer ul li.last {
			border: none;
			padding-right: 0;
		}
/*
*	Breadcrum
*/
div#breadcrum {
	position: absolute;
	top: 119px;
	/*top: 149px;*/
	left: 30px;
	color: #FFF;
}
div#breadcrum a{
	color: #FFF;
	text-decoration: underline;
}
.home div#breadcrum{
	display: none;
}


/*
*	sIFR Core
*/
.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 Header styling 
*/
.sIFR-active #headline h2{
	font-size: 63px;
	margin: 0;
	visibility: hidden;
}
.sIFR-active #headline p{
	font-size: 28px;
	width: 440px;
}
#headline h2,
#headline p{
	font-size: 53px;
	width: 464px;
	float: left;
	color: #B2C5EC;
	font-weight: normal;
	visibility: visible;
	margin-bottom: 20px;
	line-height: 110%;
}
#headline p{
	font-size: 25px;
	width: 400px;
	clear: left;
	color: #FFF;
	line-height: 120%;
	visibility: visible;
}



/* H1.subpage - used on all pages with the small header */
.sIFR-active h1.pagetitle, 
.sIFR-active div#headline p.defaultslogan {
	visibility: hidden;
	font-family: Verdana;
	font-size: 30px;
	padding-top: 6px;
	}

/* H2, dt.blockhead - used on pages with H2 for content heading and/ or a definition list in the block */
.sIFR-active #contents h1, .sIFR-active h2, .sIFR-active h3 .sIFR-active dt.blockhead{  
		visibility: hidden;
	}
	.sIFR-active #contents h1{  
		font-size: 30px;
	}
	#contents h1{  
		font-size: 22px;
		line-height: 1.6363;
		margin-bottom: 0;
	}
	.sIFR-active h2{  
		font-size: 18px;
	}
	
	body h2 {  
		font-size: 18px;
		line-height: 1em;
		margin-top: 26px;
		margin-bottom: 0;
	}
	html body h1 + h2 {
		margin-top: 8px;
	}
	
	.sIFR-active h2.news {
		visibility: visible;
		font-weight: normal;
	}
	.sIFR-active h2.news a{
		color: #000;
	}
	.sIFR-active h3 {
		font-size: 19px;
	}
	.sIFR-active .block-b h3{
		padding-left: 5px;
	}
	body.contact-us .block-b h3, .contact .block-b h3{
		padding: 0;
	}
	
	.sIFR-active .contact .block-b h3,
	.sIFR-active .contact-us .block-b h3{
		padding-left: 0;
	}
	h3, #right-content-column h2 {  
		font-size: 18px;
		line-height: 1em;
		margin-bottom: 0px;
		overflow: hidden !important;
		height: 22px;
	}
	.sIFR-active dt.blockhead{
		margin: 0;
		font-size: 18px;
	}
	
p#y2party{
	position:relative;
	padding-right:200px;
}
p#y2party img{
	position:absolute;
	top:-43px;
	right:0;
}

body.rsvp p#feedback{
	color:#e4342c;
	font-weight:bold;
	margin-bottom:0;
	padding-bottom:0;
}

ul#programma-rsvp li a{
	font-weight:normal;
	display:inline-block;
	width:auto;
}
ul#programma-rsvp li a:hover{
	background:none;
	}
	
dl.rsvp{
	padding:0;
	margin:6px 0 6px 0;
}
dl.rsvp dt{ 
	width:51px;
	float:left;
	padding:0;
	margin:0;
}
dl.rsvp dd{
	padding:0;
	margin:0;
	display:inline-block;
	width:160px;
	_width:157px;
}

dl.rsvp dd a{
	font-weight:normal;
	display:inline-block;
	width:auto;
}

p.attachment{
	position:relative;
	padding-right:160px;
	padding-bottom:20px;
	border-bottom: 1px solid #BBD0EE;
	min-height:115px;
	_height:115px;
	}
	p.attachment a.attachment{
		position:absolute;
		top:0;
		right:0;
		}