/*
Author: AdvertBanner
Author URI: http://www.advertbanner.com/
*/ 

/*-----------------------------------------------------------------------------------------------
	Reset tags
-----------------------------------------------------------------------------------------------*/	

a, b, body, br, caption, div, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img, label, legend, li, p, select, span, table, td, textarea, th, tr, ul, ol,dl, dt, dd
{
	margin: 0px;
	padding: 0px;
	border:px;
	text-decoration:none;

	font: 13px/1.6em Arial, Helvetica, sans-serif;
}

html,
body 
{
	height:99.9%;
}

html>body #outer
{	
	height:auto;
} /*for mozilla as IE treats height as min-height anyway*/

body
{
	color: #222;
	background: #fff;
}

table,
td,
th
{
	border-collapse:collapse;
}

ul
{
	width:auto;
	list-style:none;
}

ol
{
	list-style-position: inside;
	list-style-type: decimal;
}

li a
{
	display:block;
}

@media all {	 

* html li a { height:1%; }/* This corrects the huge white-space that IE on Windows adds to the bottom of linked list-items (=IE bug) */ 
}

a 
{
	color: #ff009a;
}

a:hover
{
	text-decoration: underline;
}

/*-----------------------------------------------------------------------------------------------
	Algemeen
-----------------------------------------------------------------------------------------------*/	

#outer
{
	height:100%;
	min-height:100%;
	width:100%;
	margin-bottom:-45px;
	position:relative;
	z-index:50;
} 

#mainwrapper
{
	width: 985px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#logo
{
	background: url(images/pretty-c.jpg) no-repeat 0px 0px;
	height: 186px;
	width: 210px;
	float: left;
	display: block;
	text-indent: -9999px;
}

#left {
	float: left;
	width: 210px;
}
#mainnav ul {
	float: left;
	width: 210px;
	padding-top: 3px;
	border-right: 1px solid #e3e3e3;
	margin-top: 9px;
}
#mainnav ul li {
}
#mainnav ul li a {
	height: 31px;
	background: url(images/mainnavB.gif) repeat-x 0px 0px;
	font: 700 small-caps 13px/31px "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	padding-left: 17px;
	color: #222;
	padding-bottom: 3px;
	width: 190px;
}
#mainnav ul li a.last {
	padding-bottom: 5px;
}
#mainnav ul li a:hover {
	background: url(images/mainnavC.gif) repeat-x 0px 0px;
	text-decoration: none;
}
#mainnav ul li a.current,
#mainnav ul li a.current:hover,
#mainnav ul li a.section,
#mainnav ul li a:active {
	background: url(images/mainnavD.gif) repeat-x 0px 0px;
	color: #fff;
}
#mainnav .shadow {
	background: url(images/mainnavS.jpg) no-repeat 0px 0px;
	height: 11px;
	width: 210px;
	float: left;
}
.vvvlogo  {
	background: url(images/vvv00000.jpg) no-repeat right bottom;
	float: left;
	width: 155px;
	font-size: 10px;
	padding-left: 17px;
	padding-right: 24px;
	line-height: 1.2em;
	color: #666;
}
.vvv
{
	background: url(images/i-am-ams.jpg) no-repeat left bottom;
	display: block;
	height: 24px;
	width: 210px;
	float: left;
	margin-top: 15px;
}
#middle
{
	float: left;
	margin-left: 20px;
	width: 559px;
	padding-top: 2px;
}
#header  {
	height:206px;
	width: 533px;
	border: 1px solid #e3e3e3;
	padding: 3px;
	float: left;
	position: relative;
}
.headerimg {
	background: url(images/amsterda.jpg) no-repeat left bottom;
	height:206px;
	width: 533px;
	float: left;
}
.advertisement {
	position: absolute;
	z-index: 50;
	top: 160px;
	color: #fff;
	left: 20px;
	width: 500px;
}
.advertisement h2,
.slide_caption h2 {
	font: 700 14px "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	margin-top: 3px;
}
.slide_caption h2 {
}
.advertisement p,
.slide_caption p {
	margin-top: 3px;
}
.slide_caption p {
	margin-bottom: 6px;
}
#content {
	margin-top: 3px;
	position: relative;
	float: left;
	width: 540px;
	background: url(images/contentB.jpg) repeat-y 0px 0px;
}
#content h1 {
	color: #fff;
	background: #343B4F;
	font-size: 19px;
	padding-left: 20px;
	padding-right: 10px;
}
#content h2 {
	font-size: 16px;
	clear: both;
	color: #434c62;
	font-weight: 700;
	padding-top: 0px;
	padding-bottom: 4px;
}
#content p {
	padding-bottom: 10px;
}
#content th {
	font-weight: 700;
	text-align: left;
}
#middle .shadow {
	background: url(images/contentf.jpg) no-repeat 0px 0px;
	height: 72px;
	width: 543px;
	float: left;
}

#right
{
	float: left;
	width: 195px;
	position: relative;
}
#right .shadow {
	background: url(images/subnavSh.jpg) no-repeat 0px 0px;
	height: 11px;
	width: 195px;
	float: left;
}
#quick_menu
{
}
#language_input {
	width: 168px;
	margin-top: 10px;
	border: 1px solid #cfd2da;
	line-height: 19px;
	height: 17px;
	text-align: right;
	padding-right: 23px;
	padding-top: 2px;
}
#language_img {
	position: absolute;
	top: 12px;
	right: 6px;
}
#language_div option {
	line-height: 19px;
	text-align: right;
	height: 19px;
	width: 175px;
}
#language_div option.nl {
	background: url(images/nl.gif) no-repeat 0px 0px;
}
#language_div option.en {
	background: url(images/en.gif) no-repeat 0px 0px;
}
/*#right .language {
	float: left;
	height: 30px;
	width: 195px;
	background: url(images/language.gif) no-repeat 0px -5px;
}

*/
#subnav ul {
	float: left;
	width: 194px;
	padding-top: 3px;
	border-right: 1px solid #e3e3e3;
	margin-top: 9px;
}
#subnav ul li {
}
#subnav ul li a {
	height: 28px;
	background: url(images/subnavBg.gif) repeat-x 0px 0px;
	font: 700 small-caps 12px/28px "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #222;
	padding-bottom: 1px;
	width: 174px;
	text-align: right;
	padding-right: 17px;
}
#subnav ul li a.last {
	padding-bottom: 3px;
}
#subnav ul li a:hover {
	background: url(images/subnavBh.gif) repeat-x 0px 0px;
	text-decoration: none;
}

.overons #subnav .current,
.overons #subnav .current:hover,
.faq #subnav .current,
.faq #subnav .current:hover,
.referenties #subnav .current,
.referenties #subnav .current:hover,
.contact #subnav .current,
.contact #subnav .current:hover,
.disclaimer #subnav .current,
.disclaimer #subnav .current:hover,
.sitemap #subnav .current,
.sitemap #subnav .current:hover
{
	background: url(images/subnavBg_active.gif) repeat-x 0px 0px;
	color: #fff;
}


#interaction {
	float: left;
	padding-top: 15px;
}
.contactinfo,
.productspecs,
.meertours
{
	float: left;
	list-style: none;
	width: 170px;
	border: 1px solid #e3e3e3;
	padding: 8px 18px 8px 5px;
	margin-bottom: 3px;
}

.contactinfo li,
.productspecs li{
	line-height: 26px;
	text-align: right;
	float: left;
	display: block;
	width: 149px;
	padding-left: 25px;
	font-size: 12px;
}

.contactinfo li.tel {
	background: url(images/tel00000.gif) no-repeat 0px -4px;
}

.contactinfo li.fax {
	background: url(images/fax00000.gif) no-repeat 0px -4px;
}

.contactinfo li.email {
	background: url(images/email000.gif) no-repeat 0px -4px;
}
.contactinfo .email a {
	color: #222;
	font-size: 12px;
}
#content .innerwrapper {
	float: left;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 20px;
	width: 510px;
}

#content .breaker {
	float: left;
	width: 100%;
	background: inherit;
	height: 1px;
	margin-bottom: 15px;
}

#content .StaffList
{
	float: left;
	width: 499px;
}

#content .StaffList li
{
	float: left;
	margin-bottom: 5px;
	border: 1px solid #e5e5e4;
	padding: 5px;
	background: #fff;
}

#content .StaffList li:hover
{
	border: 1px solid #bdbdbd;
}

#content .staffphoto
{
	display: block;
	float: left;
	height: 75px;
	width: 75px;
	margin-right: 5px;
}

#content .staffname
{
	float: left;
}

#content .staffname h2
{
	padding-top: 0px;
	line-height: 22px;
	height: 22px;
	width: 399px;
	background: #faf7ee;
	padding-left: 5px;
}


#content .staffname h2 a
{
	font-weight: 700;
	font-size: 14px;
}

#content .staffname h2 a:hover
{
	text-decoration: none;
}


#content .staffname a
{
	color: #222;
	line-height: 22px;
	height: 22px;
	font-size: 12px;
	font-weight: 700;
	padding-top: 0px;
	float: left;
}

#content .staffdescription p
{
	float: left;
	padding-top: 0px;
	padding-left: 5px;
	width: 375px;
	padding-bottom: 0px;
}

#content a.staffdescription
{
	font-weight: 700;
	color: #ff009a;
}

#content a.staffdescription:hover
{
	text-decoration: underline;
}

#content .rss
{
	background: url(images/rss00000.jpg) no-repeat right center;
	height: 21px;
	float: right;
	padding-right: 40px;
	line-height: 33px;
	margin-right: 30px;
	padding-top: 12px;
	margin-top: 25px;
	color: #c2c9dd;
}

#content .accordion li
{
}

#content .accordion h2,
#content .accordion h2 a
{
	font-size: 12px;
	display: inline;
	cursor: pointer;
}

#StaffPhoto
{
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 15px;
}

a.staffdescription,
a.staffdescription:hover
{
	color: #222;
	float: left;
	padding-left: 5px;
}

.productspecs {
	background: #fff5fb;
	width: 170px;
	color: #ff009a;
}
.productspecs li {
	font-weight: 700;
}

.productspecs li.personen {
	background: url(images/personen.gif) no-repeat 0px -4px;
}
.productspecs li.tijdsduur {
	background: url(images/tijdsduur.gif) no-repeat 0px -2px;
}
.productspecs li.prijs {
	background: url(images/prijs.gif) no-repeat 0px -4px;
}
.productspecs li.optioneel {
	background: url(images/optioneel.gif) no-repeat 0px -4px;
}
.productspecs li.talen {
	background: url(images/talen.gif) no-repeat 0px -2px;
}
.productspecs .normal{
	font-weight: 400;
	color: #222;
}
.formulieren {
	float: left;
	width: 194px;
	padding-top: 3px;
	border-right: 1px solid #e3e3e3;
}
.formulieren li {
}
.formulieren li a {
	height: 28px;
	background: url(images/interactionBg.gif) repeat-x 0px 0px;
	font: 700 small-caps 16px/28px "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding-bottom: 3px;
	width: 174px;
	text-align: right;
	padding-right: 17px;
}
.formulieren li a:hover {
	background: url(images/subnavBh.gif) repeat-x 0px 0px;
	color: #222;
	text-decoration: none;
}


#accordion {
	margin:10px 0px;
	float: left;
}

#accordion .toggler {
	font: 700 small-caps 16px/28px "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
	text-align: right;
	text-align: right;
	width: 174px;
}

.meertours li
{
	float: left;
}

.meertours li.first,
.meertours li.last
{
	border-bottom: 0px solid;
}

.meertours a
{
	background: url(images/list.gif) no-repeat 5px 5px;
	display: block;
	font-size: 12px;
	color: #222;
	text-align: right;
	width: 159px;
	margin-bottom: 4px;
	padding-left: 15px;
}

.meertours a.current
{
	color: #ff009a;
}

.banner
{
	float: left;
	width: 193px;
	text-align: center;
	border: 1px solid #e3e3e3;
	padding-top: 3px;
	display: block;
	/*height: 268px;*/
	list-style: none;
	margin-bottom: 3px;
}

.banner ul
{
	text-align: left;
	margin-left: 20px;
*margin-left: 10px;
	margin-bottom: 10px;
}

.banner ul li a
{
	line-height: normal;
	display: inline;
	margin-left: 0px;
}

.banner ul li
{
	list-style: disc;
}

.banner ul li div
{
display: inline;
}

.back
{
	float: left;
	background : #fff;
	border : 1px solid #ddd;
	text-decoration: none;
	margin-top: 10px;
	padding-top: 2px;
	padding-right: 6px;
	padding-left: 6px;
}

.back:hover
{
	text-decoration: none;
	background: #efecec;
}


.pages{
	float:left;
	width: 100%;
}

.paginator{
	font-size : 12px;
	margin:10px auto;
	padding-top : 10px;
	clear: left;
}

.paginator a, .currentPage{
	background : #fff none repeat scroll 0%;
	border : 1px solid #ddd;
	padding: 2px 6px;
	margin: 0;
	text-decoration: none;
}

.pages .paginator a {
	margin: 2px;
}

.paginator a:hover{
	text-decoration: none;
	background: #efecec;
}

.pagination
{
	float:left;
}

.currentPage{
	color: #222;
	font-weight: bold;
}

.results{
	color: #bdb6b6;
	margin: 10px auto;
}

.prev, .next{margin: 0pt 5px;}

/*-----------------------------------------------------------------------------------------------
	Sitemap
-----------------------------------------------------------------------------------------------*/	

.contentwrapper ul.sitemap-list,
.contentwrapper ul.sitemap-list li {
	margin: 0px;
	padding: 0px;
	background: url(images/none);
}

.sitemap-list li a {
	font-size: 13px;
	font-weight: 700;
	background: #f9f9f9;
	display: block;
	border-bottom: 1px solid #efefef;
	margin-bottom: 1px;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none!important;
}

.sitemap-list li a:hover {
	background: #f3f3f3;
	text-decoration: underline!important;
}

.typography ul.sitemap-list li {
	list-style: none;
}

/*-----------------------------------------------------------------------------------------------
	Sitemap
-----------------------------------------------------------------------------------------------*/	

.contentwrapper ul.sitemap-list,
.contentwrapper ul.sitemap-list li {
	margin: 0px;
	padding: 0px;
	background: url(images/none);
}

.sitemap-list li a {
	font-size: 13px;
	font-weight: 700;
	background: #f9f9f9;
	display: block;
	border-bottom: 1px solid #efefef;
	margin-bottom: 1px;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none!important;
}

.sitemap-list li a:hover {
	background: #f3f3f3;
	text-decoration: underline!important;
}

.typography ul.sitemap-list li {
	list-style: none;
}

.sitemap-list li li a {
	font-size: 12px;
	font-weight: 300;
	background: #fdfdfd;
	margin-bottom: 0px;
	border-bottom: 1px solid #efefef;
	padding-left: 15px;
}

.sitemap-list li li li a {
	padding-left: 30px;
}

/*-----------------------------------------------------------------------------------------------
	Referenties
-----------------------------------------------------------------------------------------------*/	

ul.referenties li
{
	display: block;
	float: left;
	height: 80px;
	width: 80px;
	border: 1px solid #e3e3e3;
	margin-left: 3px;
	text-indent: -9999px;
	margin-bottom: 3px;
}

ul.referenties li.aegon
{
	background: url(images/aegon.gif) no-repeat 0 0;
}

ul.referenties li.ah
{
	background: url(images/ah.gif) no-repeat 0 0;
}

ul.referenties li.amc
{
	background: url(images/amc.gif) no-repeat 0 0;
}

ul.referenties li.atnt
{
	background: url(images/atnt.gif) no-repeat 0 0;
}

ul.referenties li.ikea
{
	background: url(images/ikea.gif) no-repeat 0 0;
}

ul.referenties li.ing
{
	background: url(images/ing.gif) no-repeat 0 0;
}

ul.referenties li.interpolis
{
	background: url(images/interpolis.gif) no-repeat 0 0;
}

ul.referenties li.klm
{
	background: url(images/klm.gif) no-repeat 0 0;
}

ul.referenties li.kpn
{
	background: url(images/kpn.gif) no-repeat 0 0;
}

ul.referenties li.martinair
{
	background: url(images/martinair.gif) no-repeat 0 0;
}

ul.referenties li.noun
{
	background: url(images/nuon.gif) no-repeat 0 0;
}

ul.referenties li.rabobank
{
	background: url(images/rabobank.gif) no-repeat 0 0;
}

ul.referenties li.shell
{
	background: url(images/shell.gif) no-repeat 0 0;
}

ul.referenties li.sony
{
	background: url(images/sony.gif) no-repeat 0 0;
}

ul.referenties li.vu
{
	background: url(images/vu.gif) no-repeat 0 0;
}

ul.referenties li.yarden
{
	background: url(images/yarden.gif) no-repeat 0 0;
}

ul.referenties li.heineken
{
	background: url(images/heineken.gif) no-repeat 0 0;
}

ul.referenties li.bp
{
	background: url(images/bp.gif) no-repeat 0 0;
}

ul.referenties li.ns
{
	background: url(images/ns.gif) no-repeat 0 0;
}

ul.referenties li.transavia
{
	background: url(images/transavia.gif) no-repeat 0 0;
}

ul.referenties li.philips
{
	background: url(images/philips.gif) no-repeat 0 0;
}

ul.referenties li.sony-ericsson
{
	background: url(images/sony-ericsson.jpg) no-repeat 0 0;
}

ul.referenties li.fortis
{
	background: url(images/fortis.gif) no-repeat 0 0;
}

ul.referenties li.nike
{
	background: url(images/nike.gif) no-repeat 0 0;
}

ul.referenties li.dreizen
{
	background: url(images/d-reizen.gif) no-repeat 0 0;
}

.newsDateTitle
{
	float: left;
}

.newsDateTitle h2 a
{
	font-size: 16px;
	background: url(images/news-file.gif) no-repeat 0px 4px;
	font-weight: 700;
	padding-left: 24px;
	display: block;
	width: 479px;
	float: left;
}

.newsDateTitle h2 a:hover
{
	color: #C20074;
	text-decoration: none;
}

.newsTimeStamp,
.newsDetails
{
	font-size: 11px;
	font-weight: 700;
	width: 479px;
	float: left;
}

.newsSummary 
{
	width: 479px;
	float: left;
	margin-bottom: 15px;
}

.newsSummaryA
{
	font-weight: 700;
}

/*-----------------------------------------------------------------------------------------------
	Footer
-----------------------------------------------------------------------------------------------*/	

.clearfooter
{
	clear:both;
	height:145px;
}

.footer
{
	background: #434c62;
	height: 45px;
	position:absolute;
	bottom:0;
	width: 100%;
	clear:both;
	margin:0;
	padding:0;
}

* html .footer
{
	height:45px;
}

.footer ul
{
	margin-right: auto;
	margin-left: auto;
	width: 885px;
	padding-left: 100px;
}

.footer li
{
	float: left;
	color: #fff;
	padding-right: 4px;
	padding-left: 4px;
	line-height: 45px;
	height: 45px;
	font-size: 11px;
}

.footer li a
{
	color: #fff;
	line-height: 45px;
	height: 45px;
	font-size: 11px;
	float: left;
}

.footer li a:hover
{
	color: #fff;
}

.footer .share-list {
	line-height: 20px;
	height: 20px;
	float: left;
	width: 220px;
	padding-left: 0px;
}

.footer .share-list li.kop {
	float: left;
	text-align: center;
	display: block;
	clear: both;
	width: 170px;
	font: 700 14px "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #B9B9B9;
	margin-bottom: 3px;
}

.footer .share-list li
{
	float: left;
	padding: 0px;
}

.footer .share-list li a
{
	float: left;
	display: block;
	line-height: 20px;
	height: 20px;
	padding-top: 12px;
}