/*
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,iframe
{
	margin: 0px;
	padding: 0px;
	border:0px;
	text-decoration:none;
	border-collapse:collapse;
	font: 13px/1.4em Arial, Helvetica, sans-serif;
}

html,
body 
{
}

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: #ccc;
}

a:hover
{
	text-decoration: underline;
}

/*-----------------------------------------------------------------------------------------------
	Algemeen
-----------------------------------------------------------------------------------------------*/	
#mainwrapper {
	width: 966px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.header {
	background: url(../images/header-contactcenterlive.gif) no-repeat 0px 0px;
	float: left;
	height: 177px;
	width: 966px;
}
/*.logo {
	display: block;
	clear: right;
	float: left;
	height: 116px;
	width: 141px;
	background: url(../images/ccl-logo.gif) no-repeat 0px 0px;
	margin-top: 1px;
	margin-left: 1px;
}*/
.navigation {
	float: left;
	width: 100%;
	clear: both;
	margin-top: 138px;
}
.navigation li {
	float: left;
}
.navigation li.broker {
	line-height: 33px;
	height: 33px;
	background: #e9e9eb;
	width: 2px;
}
.navigation li.last {
	display: none;
}
.navigation li a {
	padding-right: 11px;
	padding-left: 11px;
	height: 29px;
	color: #5c5c5c;
	font: 700 11px/30px Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	float: left;
}
.navigation li a:hover,
.navigation li .active,
.navigation li .current,
.navigation li .section {
	text-decoration: none;
	/*border-bottom: 4px solid #5C5C5C;*/
	border-bottom: 4px solid #CBCBCB;
}
.left {
	float: left;
	width: 210px;
	min-height: 1em;
}

.subnav {
	float: left;
	width: 210px;
	padding-top: 3px;
	border-right: 1px solid #e3e3e3;
}
.subnav li {
}
.subnav li a {
	height: 31px;
	background: url(../images/mainnavBg.gif) repeat-x 0px 0px;
	font: 700 small-caps 11px/30px Tahoma, Geneva, sans-serif;
	/**font-size: 12px;
_font-size: 12px;*/
	text-transform: lowercase;
	padding-left: 12px;
	color: #222;
	padding-bottom: 5px;
	width: 195px;
}



.subsubnav li a {
	height: 21px;
	background: url(../images/mainnavBg.gif) repeat-x 0px 0px;
	font: 700 small-caps 10px/24px Tahoma, Geneva, sans-serif;
	/**font-size: 12px;
_font-size: 12px;*/
	text-transform: lowercase;
	padding-left: 22px;
	color: #222;
	padding-bottom: 5px;
	width: 185px;
	margin-bottom: 3px;
}

/*CSS Hack for Google Chrome and Safari 3.1*/
body:nth-of-type(1) .subnav li a {
font-size: 13px;
}

body:nth-of-type(1) .subsubnav li a {
font-size: 12px;
}

.subnav li a:hover {
	background: url(../images/mainnavBg_mo.gif) repeat-x 0px 0px;
	text-decoration: none;
}
.subnav li a.current,
.subnav li a.current:hover,
.subnav li a.section {
	background: url(../images/mainnavBg_active.gif) repeat-x 0px 0px;
	color: #fff;
}

.subsubnav li a.current,
.subsubnav li a.current:hover,
.subsubnav li a.section {
	background: url(../images/mainnavBg_mo.gif) repeat-x 0px 0px;
	text-decoration: none;
	color: #222;
}
.left .shadow{
	background: url(../images/subnavShadow.jpg) no-repeat 0px 0px;
	height: 11px;
	width: 210px;
	float: left;
}

.home .content {
	height: 80px;
	float: left;
	width: 946px;
	padding-left: 22px;
	padding-right: 10px;
	padding-top: 20px;
}
.breadcrumbs {
	float: left;
	height: 30px;
	padding-left: 12px;
	padding-top: 2px;
	width: 954px;
}
.breadcrumbs p {
	color: #9a9ea6;
	font-style: italic;
	text-transform: lowercase;
}
.breadcrumbs p span.ubenthier {
	color: #D51610;
	font-style: normal;
}

.breadcrumbs a {
	color: #9a9ea6;
	text-transform: lowercase;
}
.breadcrumbs .delimiter {
	background: url(../images/arrow.gif) no-repeat 0px 3px;
}
.home .first/*,
.navigation .last*/ {
	display: none;
}
.nav .navigation .last {
	display: block;
}
.home .content h1 {
	color: #D51610;
	text-transform: uppercase;
	font: 700 14px/normal Tahoma, Geneva, sans-serif;
	background: transparent;
	padding-left: 0px;
	height: auto;
	margin-bottom: 0px;
}
.home .content p {
	color: #656565;
	width: 909px;
}
.threecolwrapper {
	float: left;
	width: 100%;
}
.content {
	float: left;
	width: 535px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}
.faq .content {
	width: 745px;
}
.content .innerwrapper {
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}
.content h1 {
	background: #e7e7e7;
	font: 20px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 30px;
	margin-bottom: 10px;
	padding-left: 10px;
}
.content h2 {
	font: 18px Tahoma, Geneva, sans-serif;
	margin-bottom: 5px;
}
.content p,
.content .watch-video-desc {
	margin-bottom: 10px;
}

.content a {
	color: #d5160c;
	display: inline;
}

.content dl dt {
	font: 15px Tahoma, Geneva, sans-serif;
	margin-bottom: 2px;
}

.content dl dd {
	padding-bottom: 10px;
}

.content ul li {
	background: url(../images/arrow.gif) no-repeat 0px 5px;
	padding-left: 15px;
}

.content .StaffList
{
	float: left;
	width: 515px;
}

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

.content .customers li
{
	width: 75px;
	margin-right: 3px;
	margin-bottom: 3px;
}

.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: 414px;
	background: #F3F3F3;
	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: #d5160c;
	float: left;
	margin-left: 5px;
}

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

.content #StaffPhoto
{
	float: left;
	margin-right: 15px;
}

.content .newsDateTitle h2
{
	width: 500px;
}

.content .newsDateTitle h2 a
{
	font: 16px Tahoma, Geneva, sans-serif;
	margin-bottom: 5px;
	color: #222;
}

.content .vacaturesDateTitle h2 a
{
	font-size: 13px;
}

.content ul#NewsList .newsSummary
{
	margin-bottom: 15px;
	font-size: 13px;
}

.content ul#NewsList .newsSummaryA
{
	clear: both;
	float: left;
	width: 98%;
	margin-bottom: 10px;
}

.content ul#NewsList li,
.content ul#VacaturesList li
{
	font-size: 14px;
	background: url(none);
	padding-left: 0px;
}

.content ul#VacaturesList h2,
.content ul#VacaturesList h2 a
{
	display: inline;
	margin: 0px;
	padding: 0px;
}

.content ul#VacaturesList .vacaturesDate
{
	padding-right: 10px;
}

.advertisement,
.advertisement .left {
	float: left;
	width: 186px;
}

.advertisement .shadow {
	height: 11px;
	width: 186px;
	background: url(../images/advertisementShadow.jpg) no-repeat 0px 0px;
	float: left;
}

.contactinfo {
	list-style: none;
	margin-bottom: 15px;
	width: 183px;
	float: left;
}
.contactinfo a {
	color: #fff;
	padding-left: 25px;
	padding-right: 10px;
	padding-bottom: 5px;
*margin-left: -15px;
_margin-left: -15px;
	line-height: 43px;
	text-align: right;
	font-variant: small-caps;
	font-weight: 700;
	font-size: 14px;
	width: 148px;
}

.contactinfo a:hover {
	color: #dfdfdf;
	text-decoration: none;
}

.contactinfo .tel
{
	background: url(../images/tel.jpg) no-repeat 0 0;
}

.contactinfo .sms
{
	background: url(../images/sms.gif) no-repeat 10px;
}

.contactinfo .email
{
	background: url(../images/email.jpg) no-repeat 0 0;
}
/*-----------------------------------------------------------------------------------------------
	Sitemap
-----------------------------------------------------------------------------------------------*/	

.sitemap-list
{
	margin: 0px;
	padding: 0px;
	width: 515px;
}

.content .sitemap-list li
{
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	background: url(../images/arrow.gif) no-repeat 0px 12px;
}

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

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

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

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

/* @end */

.footer {
	float: left;
	width: 826px;
	margin-top: 50px;
	padding-left: 90px;
}
.footer li {
	float: left;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 11px;
	color: #8d8d8d;
}
.footer .broker {
}
.footer li a {
	padding: 0px;
	height: auto;
	line-height: normal;
	color: #8d8d8d;
	font-size: 11px;
}
.partners {
	float: left;
	margin-top: 15px;
	margin-left: 410px;
}
.partners li {
	float: left;
	margin-right: 5px;
}
.partners .vocalcom/*,
.partners .ziggo,
.partners .trinicom*/
{
	display: block;
	float: left;
	height: 25px;
	width: 139px;
	text-indent: -9999px;
}
.partners .vocalcom
{
	background: url(../images/vocalcom.gif) no-repeat 0px 0px;
}
/*.partners .ziggo
{
	background: url(../images/zakelijk-ziggo.gif) no-repeat 0px 0px;
}
.partners .trinicom
{
	background: url(../images/trinicom.gif) no-repeat 0px 0px;
}*/

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

.interaction .demo {
	float: left;
	height: 296px;
	width: 241px;
	background: url(../images/first_interactionBg.png) no-repeat 0px 0px;
}

.interaction .action {
	float: left;
	height: 296px;
	width: 241px;
	background: url(../images/second_interaction.png) no-repeat 0px 0px;
}

.upgrade .action .benefit h2 {
	color: #d51610;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	width: 200px;
	position: absolute;
	top: 0px;
	margin-top: 20px;
}

.interaction .afspraakMaken {
	float: left;
	height: 49px;
	width: 190px;
	padding: 10px 10px 20px 8px;
}

.interaction .afspraakMaken h2,
.interaction .demoVideo h2
{
	font-size: 16px;
	margin-bottom: 5px;
	line-height: 1.2em;
}
.benefit h2
{
	font-size: 20px;
	margin-bottom: 5px;
	line-height: 1.2em;
}
.interaction .demoVideo {
	float: left;
	height: 185px;
	padding: 9px 10px 20px 8px;
*padding: 9px 10px 20px 6px;
	width: 192px;
*width: 194px;
}
.interaction .demoVideo ul ul,
.benefit li ul ul
{
	border-left: 2px solid #555;
*margin-top: -15px;
_margin-top: -15px;
}
.interaction .demoVideo ul li,
.interaction .demoVideo ul li a,
.action .benefit li ul li a,
.action .benefit li ul li
{
	color: #222;
}
.interaction .demoVideo ul ul li,
.action .benefit ul ul li
{
	padding-left: 10px;
}
.button {
	background: url(../images/button.jpg) no-repeat 0px 0px;
	line-height: 35px;
	height: 35px;
	width: 156px;
	color: #D51610;
	font-weight: 700;
	text-align: center;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	font-variant: small-caps;
	font-size: 16px;
}
.count01
{
	background: url(../images/toegankelijk.jpg) no-repeat 6px 141px;
}
.count02
{
	background: url(../images/flexibel-infrastructuur.jpg) no-repeat 6px 144px;
}
.count03
{
	background: url(../images/compleet-all-in-one.jpg) no-repeat 6px 137px;
}
.action .benefit {
	height: 248px;
	width: 211px;
	padding: 20px 10px 20px 20px;
}
.upgrade .action .benefit {
	height: 248px;
	width: 206px;
	padding: 20px;
	position: relative;
}
.upgrade .action .benefit ul {
	margin-top: 49px;
	margin-left: -8px;
}
.button:hover {
	background: url(../images/botton_mo.jpg) no-repeat 0px 0px;
	text-decoration: none;
}

.benefit .leesverder {
	background: url(../images/but_bennefit.jpg) no-repeat 0px 0px;
	line-height: 22px;
	height: 22px;
	width: 93px;
	color: #D51610;
	font-weight: 700;
	font-variant: small-caps;
	font-size: 13px;
	text-align: center;
	margin-top: 10px;
}
.benefit .leesverder:hover
{
	background: url(../images/but_bennefit_mo.jpg) no-repeat 0px 0px;
	text-decoration: none;
}

.googlemaps iframe
{
	border: 4px solid #e9e9e9;
}

.kalender iframe
{
	border: 4px solid #e9e9e9;
}

.kalender .content
{
	width: 721px;
}

.kalender .innerwrapper
{
	padding: 0px;
}

.back
{
	color: #ff009a;
	float: left;
	clear: both;
	background : #fff;
	border : 1px solid #ddd;
	text-decoration: none;
	margin-top: 10px;
	font-size: 12px;
	padding: 2px 6px;
}

.innerwrapper p.tags
{
	font-weight: 700;
	padding: 8px;
	width: 490px;
	border: 1px solid #e5e5e4;
	background: #f3f3f3;
	float: left;
	margin-bottom: 10px;
}

.kalender .innerwrapper p.tags
{
	width: 701px;
}

/*-----------------------------------------------------------------------------------------------
	Akties
-----------------------------------------------------------------------------------------------*/	

.aktiebanner
{
	display: block;
	height: 197px;
	width: 207px;
*margin-left: 2px;
_margin-top: -10px;
	/*background: url(../images/sloepenrally.gif) no-repeat 0 0;
	background: url(../images/bel-me-niet.jpg) no-repeat 0 0;*/
	background: url(../images/referenties.jpg) no-repeat 0 0;
}

.tcd
{
	display: block;
	height: 145px;
	width: 143px;
	margin-left: 19px;
*margin-left: 2px;
_margin-top: -1px;
}

.tcd:hover
{
	background: url(../images/tcd_mo.png) no-repeat 0 0;
}

.demoAktie .demoVideo
{
	margin-top: -7px;
_margin-top: -2px;
	text-align: center;
}

.demoAktie .demoVideo ul li
{
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	margin-top: -5px;
*margin-top: -22px;
_margin-top: -31px;
}

.demoAktie
{
	float: left;
	height: 296px;
	width: 241px;
	background: url(../images/first_interactionBg.png) no-repeat 0px 0px;
}

.demoAktie .afspraakMaken
{
	float: left;
	height: 49px;
	width: 190px;
	padding: 10px 10px 20px 8px;
}

.afspraakmaken
{
	color: #fff;
	background: url(../images/afspraak_maken.png) no-repeat 0px 0px;
	height: 54px;
	width: 204px;
	line-height: 49px;
	text-align: center;
	font-size: 20px;
	font-variant: small-caps;
}

.afspraakmaken:hover
{
	color: #dfdfdf;
	text-decoration: none;
}

.demoAktie .interaction .demoVideo {
	float: left;
	height: 165px;
	width: 180px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
}


/*-----------------------------------------------------------------------------------------------
	Faq & Toggle
-----------------------------------------------------------------------------------------------*/	

.answer{
	display: none;
}

#accordion ol {
	margin-top: 5px;
	margin-left: 5px;
}

#accordion h3
{
	display: inline;
}

#accordion h3 a
{
	font-size: 14px;
}

#accordion div
{
	margin-bottom: 10px;
}