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

Colors:
site text color: #1E1E1E
home links: 	#520900
Block links:	#a6898b
Bright red:		#B31806

main slogan:	#B2C5EC

*/

body, #publerBody {
	color: #1E1E1E;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}

/*====== Heading css =======*/

	h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top: 0; }
	* html h1, * html h2, * html h3 { margin-top: 0; }

	h3 {
		margin-top: 1em;
	}
	/* Hide al H1 pagetitles from these pages */
	h1#pagetitle{
		display: none;
	}
/****************************
*			Links			*
****************************/	
h3 a.header-link{
	color:#000;
	text-decoration: none;
}

h3 a.header-link:hover{
	text-decoration: underline;
}

a{
	color: #B71802;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* Markers */
.y2wmarker-red, .y2wmarker-yellow{
	display: inline-block;
	padding: 0 3px;
	}
	.y2wmarker-red{
		background: #ff8888;
	}
	.y2wmarker-yellow{
		background: #FFFF88;
	}

/*====== Dividing content css =======*/
/* 
*	Default divs for seperating the page into 2 columns (left and right-content-column)
*/
div#left-content-column {
	float: left;
	width: 610px;
	_overflow: hidden;
}

div#right-content-column, div#right-content-column {
	float: left;
	margin-left: 20px;
	width: 270px;
	}
	.jobs.block-b  {
		padding:20px 4px 0;
		width:232px;
	}
.block-b, .block-y{
	margin: 0 0 17px 28px;
	padding: 17px 14px 0px 14px;
	width: 212px;
	}
	.block-b{
		background: #e7effb url(../../images/yes2web/background/block-b.png) repeat-x top left;
		border: 1px solid #D1DEF1;
	}
	.block-y{
		background: #fff3db url(../../images/yes2web/background/block.png) repeat-x top left;
		border: 1px solid #ffe5b8;
	}
	.block-y ul, .block-b ul{
		margin: 18px 0;
		padding: 0;
		list-style: none;
	}
	/* Exceptions */
	.artikelen .block-b, .vacatures .block-b, .over-ons .block-b, .diensten .block-b, .page .block-b, .nieuwsbrief .block-b, /* NL */
	.about-us .block-b, .jobs .block-b, .services .block-b, .articles .block-b{ /* EN */
		padding: 20px 4px;
		width: 232px;
	}
	

	
	.block-b ul{
		margin: 18px 0;
		padding: 0;
		list-style: none;
		}
		.block-b ul li a{
			color: #520900;
			text-decoration: none;
			width: 199px;
			height: 26px;
			display: block;
			padding: 7px 0 0 30px;
			background: url(../../images/yes2web/background/block-menu.png) top left no-repeat;
		}
		.block-b ul li a:hover, .block-b ul li.selected a{
			background: url(../../images/yes2web/background/block-menu.png) bottom left no-repeat;
			text-decoration: none;
			color: #FFF;
		}
	/* exceptions */
	.klanten .block-y ul li,
	.clients .block-y ul li{
		list-style: disc;
		margin-left: 15px;
	}
	.over-ons .block-y ul li,
	.about-us .block-y ul li {
		margin-bottom: 10px;
		color: #520900;
	}
	.block-y ul li a{
		color: #B71802;
		text-decoration: none;
		width: auto;
		display: inline;
		padding: 0;
		background: none;
	}
	.block-y ul li a:hover{
		background: none;
		text-decoration: underline;
	}

/*====== Textrelated css =======*/

p.intro {
	font-weight: normal;
}

p.intro a {
	color: #520900;
	font-weight: bold;
	text-decoration: none;
}

.over-ons p.intro, .about-us p.intro {
	font-weight: bold;
	font-size: 1.1em;
}

p. a:hover {
	text-decoration: underline;
}


.home div#right-content-column p {
	color: #777;
	font-size: 12px;
	text-align: left;
}

/* Article text */
p.date-label{
	color: #777;
	margin: 4px 0;
	padding: 0;
}

.read-more-about{
	height: 12px;
	padding-top: 8px;
	display: block;
}

span.date{
	font-style: italic;
	font-size: 11px;
}

span.category{
	color: #520900;
	font-size: 11px;
	font-weight: bold;
}
/*====== Pagerelated css =======*/

/*
*	Homepage
*/

/* All images on the homepage in left column */
.home div#left-content-column img {
	margin-top: 42px;
}

a.read-more{
	display: block;
	width: 217px;
	background: url(../../images/yes2web/background/yes2sprite.png) -1180px -492px no-repeat;
	height: 44px;
	text-indent: -6666px;
	margin-top: 18px;
	}
	body.en a.read-more{
		background: url(../../images/yes2web/background/yes2sprite_EN_002.png) -784px -611px no-repeat;
	}
	a:hover.read-more, body.en a:hover.read-more{
		background-position: -784px -655px;
	}
	
	.diensten a.read-more, .services a.read-more, .artikelen a.read-more {
		width: 640px;
		height: 44px;
		background-position: -784px -611px;
	}
	.diensten a:hover.read-more, .services a:hover.read-more,.artikelen a:hover.read-more{
		background-position: -784px -655px;
	}

/* Forms on homepage in right column */
button{
	cursor: pointer;
}

.home form{
	border: 0;
	height: 21px;
	margin: 0;
	padding: 0;
	position: relative;
	}
	input.send-mail, input.scan-i, input.scan-il, input.send-location, form#y2party-form input.error {
		background: url(../../images/yes2web/background/yes2sprite.png) -961px -398px no-repeat;
		border: 0;
		float: left;
		font-size: 1em;
		height: 18px;
		*height: 14px;
		line-height: 17px;
		margin: 0;
		*background-image: none; /* IE7 Bg-position bug on input */
		*background-color: #fff;
		*border: 1px solid #ccc;
		padding: 2px;
		_padding: 5px 3px 1px 3px;
		width: 167px;
	}
	form#y2party-form input.error{
		background: url(../../images/yes2web/background/error-input.png) no-repeat top left;
	}
	input.send-location, input.scan-i{
		background: url(../../images/yes2web/background/yes2sprite.png) -961px -420px no-repeat;
		*background-image: none; /* IE7 Bg-position bug on input */
		*background-color: #fff;
		*border: 1px solid #ccc;
		width: 126px;
	}
	input.scan-i{		margin-bottom: 10px; }
	input.scan-il{
		background: url(../../images/yes2web/background/yes2sprite.png) -1184px -590px no-repeat;
		*background-image: none; /* IE7 Bg-position bug on input */
		*background-color: #fff;
		*border: 1px solid #ccc;
		width: 213px;
		margin-bottom: 10px;
	}
	
	button.send-button {
		background: url(../../images/yes2web/background/yes2sprite.png) -961px -514px no-repeat;
		height: 20px;
		margin-left: 4px;
		_margin: 0;
		width: 65px;
		border: none;
		text-indent: -6666px;
	}
	button.send-info{
		float: right;
		margin-right: 5px;
		*margin-right: 0px;
		 margin-right /*\**/: 0px\9;
	}	
	body.en button.send-button{
		background: url(../../images/yes2web/background/yes2sprite_EN_002.png) -961px -514px no-repeat;
	}
	button.send-button:hover, body.en button.send-button:hover{
		background-position: -961px -534px;
	}
	.nieuwsbrief input {
		margin-bottom: 4px;
		_padding: 4px 3px 0 3px;
	}
	.home p#feedback{
		position: absolute;
		top: -16px;
		left: 5px;
		font-size: .9em;
		color: #B31806;
	}

/*
*	Articles
*/
.article_image1{
	padding: 20px 20px 25px 0;
}
.article_image{
	padding: 0 20px 25px 0;
}
.article_text{
	text-align: justify;
	display: block;
	width: 640px;
	padding-bottom: 5px;
}

.artikelen ul li.rss a{
	background: url(../../images/yes2web/background/block-menu.png) top right no-repeat;
	}
	.artikelen ul li.rss a:hover{
		background-position: bottom right;
	}

ul.archivelist {
	margin: 18px 0 0 0;
	padding: 0;
	}
	ul.archivelist li{
		list-style: none;
	}

table.table
{
	width:100%;
}

table.table td, table.table th
{
	border-top:1px solid #BBD0EE;
	padding:10px 0;
}

table.table .fields
{
	border-top:none;
}
	
/* Employees */
ul.employees{
	margin: 0;
	padding: 0;
	}
	ul.employees li{
		position: relative;
		list-style: none;
		float: left;
		margin: 15px 13px 0 0;
		border: 1px solid #D1DEF1;
		width: 140px;
		height: 92px;
	}
	ul.employees li.last{
		margin-right: 0;
	}
/* Oude opmaak 
	ul#law li.quote{
		list-style: none;
		margin-right: 0;
		border: none;
		background: url(../../images/yes2web/background/leftquote.png) no-repeat 8px 10px;
	}
	ul.employees{
		margin: 0;
		padding: 0;
	}
	ul.employees li{
		position: relative;
		list-style: none;
		float: left;
		margin: 15px 13px 0 0;
		border: 1px solid #D1DEF1;
		width: 140px;
		height: 94px;
	}
	ul.employees li.last{
		margin-right: 0;
	}
*/	
/* Customers 2 */	
ul#clients3, ul#clients2{
	margin: 0;
	padding: 0;
	}
ul#clients3{
	width: 610px;
}
	ul#clients3 li, ul#clients2 li{
		position: relative;
		list-style: none;
		float: left;
		margin: 10px 10px 0 0;
		border: 1px solid #D1DEF1;
		width: 112px;
		height: 72px;
	}
	ul#clients2 li{
		margin: 15px 13px 0 0;
		width: 140px;
		height: 94px;
	}	
	ul#clients3 li.last, ul#clients2 li.last{
		margin-right: 0;
		_clear:right;
	}
	ul#clients3 li.quote, ul#clients2 li.quote{
		border: none;
		background: url(../../images/yes2web/background/leftquote.png) no-repeat;
	}
	ul#clients3 li.quote{
		width: 460px;
		padding-left: 23px;
		height: 74px;
		_height: 80px;
		font-size: 11px;
		line-height: 24px;
		font-style: normal;
	}
	ul#clients2 li.quote{
		width: 452px;
		height: 96px;
		_height: 98px;
		background-position: 8px 10px;
	}
	ul#clients3 li span, ul#clients2 li span{
		display: block;
		font-size: 11px;
		color: #99B8E6;
		padding: 0 10px 0 0;
	}
	ul#clients2 li span{
		text-align: right;
		padding: 5px 10px 0 0;
	}
	ul#clients3 li a, ul#clients2 li a{
		color: #99B8E6;
	}
	

.artikelen .quote,
.articles .quote{
	background: url(../../images/yes2web/background/leftquote.png) no-repeat 8px 10px;
}
.artikelen blockquote,
.articles blockquote,
.klanten blockquote ,
.clients blockquote{
	color: #777;
	display: block;
	margin: 0 8px 0 0;
	padding: 12px 28px 10px 35px;
	font-weight: normal;
	font-size: 14px;
	background: url(../../images/yes2web/background/rightquote.png) no-repeat bottom right;
	}

/* - - - */

div#warning, div#error, div#confirm{
	margin-bottom: 20px;
}
div#warning a, div#error a, div#confirm a{
	text-decoration: underline;
}
div#warning a:hover, div#error a:hover, div#confirm a:hover{
	text-decoration: none;
}

/* Jobs */
div#we, div#you{
	float: left;
	width: 270px;
	background: #e7effb url(../../images/yes2web/background/block-b.png) repeat-x top left;
	min-height: 225px;
	border: 1px solid #D1DEF1;
	_height: 225px;
	padding: 10px 10px 0 10px;
	}
	div#you{
		margin-right: 25px;
	}
	div#we ul, div#you ul{
		margin-left: 15px;
	}
	
a.vacature1, a.vacature2, a.vacature3, a.vacature4{
	background: url(../../images/yes2web/background/yes2sprite.png) -621px -446px no-repeat;
	height: 62px;
	width: 137px;
	display: block;
	text-indent: -6666px;
	float: left;
	margin: 0 0 0 20px;
	}
	body.en a.vacature1, a.vacature2, a.vacature3, a.vacature4{
		background: url(../../images/yes2web/background/yes2sprite_EN_002.png) -621px -446px no-repeat;
	}
	a.vacature3{ background-position: -778px -446px; margin-left: 0; }
	a.vacature3:hover{ background-position: -778px -382px; }

	a.vacature4{ background-position: -621px -639px; }
	a.vacature4:hover{ background-position: -621px -575px; }

	a.vacature1:hover{ background-position: -621px -382px; }

	a.vacature2{ background-position: -778px -511px; }
	a.vacature2:hover{ background-position: -621px -511px; }

	p.vacatures{ margin-top: 18px; }

/* Tooltips */
span.tooltip{
	display: none;
	position: absolute;
	bottom: -22px;
	left: -1px;
	font-size: 0.9em;
	background-color: #e5edf8;
	border: 1px solid #D1DEF1;
	height: 20px;
	color: #333;
	width: 180px;
	text-align: center;
}

/* Google maps */
#map{
	border: 1px solid #D1DEF1;
	margin-bottom: 20px;
	padding: 0;
	width: 620px;
	background: url(../../images/yes2web/background/yes2sprite.png) 0 -382px no-repeat;
	}
	#map{
		height: 280px;
		overflow: hidden;
	}
	
#directions{
	padding: 0 !important;
	}
	#directions div.googledir{
		width: 620px !important;
	}
	#directions tr, #directions a, #directions a:hover{
		cursor: text !important;
		text-decoration: none !important;
	}

/* Printbutton */
a#print{
	position: absolute;
	top: 194px;
	left: 638px;
	background: url(../../images/yes2web/background/yes2sprite.png) -1370px -318px no-repeat;
	width: 14px;
	height: 12px;
	text-indent: -6666px;
	display: block;
}

/* Home Twitter */
#yes2twitter{
	margin-top: 5px;
}
#yes2twitter ul {
	margin: 0;
	padding: 0;
	}
	#yes2twitter ul li{
		list-style: none;
		background: url(../../images/yes2web/background/tmessage.png) top right no-repeat;
		margin-bottom: 6px;
		padding: 25px 5px 25px 5px;
		position: relative;
		*word-wrap: break-word;
	}
	#yes2twitter ul li a.twit{
		position: absolute;
		bottom: 2px;
		right: 5px;
		font-size: 10px;
		color: #007ac8;
	}
	.home div#right-content-column {
		margin-left: 23px;
		padding: 20px 10px 10px 10px;
		width: 245px;
		background: #e7effb url(../../images/yes2web/background/twitter.png) top right no-repeat;
		position: relative;
		border: 1px solid #D1DEF1;
	}
	.follow{
		padding: 5px;
		margin: 0;
		text-align: right;
	}
	.follow a{
		color: #007ac8;
	}
/* Scan
*************************/
#scan fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}
#scan h2{  margin-top: 26px; }

#scan .right h2{ margin: 0 0 15px 0 }

#scan .question{
	width: 510px;
	padding: 10px 100px 10px 0;  
	font-size: 14px;
	border-top: 1px solid #D1DEF1;
	position: relative;
}	
#scan .last{		border-bottom: 1px solid #D1DEF1; }

#scan .question input,
#scan  .iPhoneCheckContainer{
	position: absolute;
	top: 23%;
	right: 0;
}
#scan  .iPhoneCheckContainer{ top: 14%; }

.progressbar{
	background: url(../../images/yes2web/background/progressbar.png) top right no-repeat;
	border: 1px solid #ccc;
	width: 211px;
	height: 18px;
	text-indent: -5555px;
}

#scan .tooltip{
	text-indent: -5555px;
	width: 16px;
	height: 17px;
	background: url(../../images/yes2web/background/info.png) top left no-repeat;
	display: inline-block;
	position: relative;
	left: 5px;
	position: relative;
}
#scan label input{ /* Should be checkbox or radio */
	width: auto;
	height: auto;
	margin: 3px 5px 0 0;  /* CONFIG */
	*margin-top: -2px;
	padding: 0;
	vertical-align: top;
	border: none; /* For IE */
}
#tooltip{
 	position: absolute;
	text-align: left;
 	display: none;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;	
	-webkit-border-radius: 3px;
	background: #222426;
	padding: 5px 10px;
	color: #333;
	width: 300px;
	font-size: 1em;
    color: #FFFFFF;
 }
em.t2{
	padding: 0 0 15px 0;
	display: inline-block;
	color: #343437;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
    line-height: 1em;
}
button.mr0{	margin: 10px 0 0 0; }
	
/* Custom form */
.rsvp fieldset{
	border:none;
}
label.large{
	width:100%;
	float:none;
	display:block;
}
#y2party-form input.small{
	width:50px;
}
/* Facebook Terminologie */
.fbts img{float:left;}
.fbta{width: 500px; float: right;}
.fbts{  width:600px; clear:both; overflow: auto; padding:20px 10px 0 0;}
.fbta strong{font-size: 16px;}


/* Opt-In knop */
a#opt-in {
	width: 210px;
	display: inline-block;
	height: 28px;
	text-indent: -5555px;
	background: url(../../images/yes2web/background/yes2sprite.png) -1186px -401px no-repeat;
	position: relative;
	top: -48px;
	left: 45px;
}
a#opt-in:hover{
	background-position: -1186px -431px;
}

.home div#right-content-column{
	position:relative;
	margin-bottom:20px;
	}
	
.home div#left-content-column{
	width:580px;
	padding-right:30px;
	}

img#home-logos{
	display:block;
	position:absolute;
	bottom:-100px;
	left:0;
	}
ul.home-blocks{
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	margin-bottom:20px;
	}
	p#read-more-home{
		margin-bottom:25px;
		}
	ul.home-blocks li{
		float:left;
		margin-right:61px;
		width:150px;
		text-align:center;
		padding-bottom:20px;
		
		}
		ul.home-blocks li.last{
			margin-right:0;
			}
		ul.home-blocks li img{
			display:block;
			margin-bottom:6px;
			margin-top:0 !important;
			}
			ul.home-blocks li a{
				font-size:10px;
				line-height:1.2em;
				color:black;
				display:inline-block;
				}
				ul.home-blocks li a:hover{
					text-decoration:none;
					}
				li#event-block a em{
					font-style:normal;
					}
			li#opt-in-block  a em{
				font-style:normal;
			}	
/* FLICKR API */
#flickr_badge_uber_wrapper {text-align:justify;}
#flickr_badge_wrapper a {display: inline-block;float: left;height: 245px; text-align: center;width: 300px;}
#flickr_badge_wrapper a img{vertical-align: middle;}

.normal blockquote {
	font-style: normal;
	font-size: 12px;
	color: #000;
}

.normal .quote, .normal .quote a {
	color: #99B8E6;
	font-weight: bold;
	}
	.normal .quote a { font-style: italic; font-weight: normal; }

.mobile-icon {
	background: url(../../images/yes2web/icons/mobile.png) top left no-repeat;
	padding-left: 10px;
}

label.inline{width:auto;margin-bottom:6px;}