@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*
=========================================================================
===== 
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	color: #666;
}

#rootContainer {
}

#mainContainer {
	position: relative;
	width: 920px;
	height: auto;
	margin: 0 auto;
}

#headerContainer {
	height: 122px;
}

#linkerKolom,
#dnn_linkerKolom {
	width: 246px;
	float: left;
}

#mainContent,
#dnn_mainContent {
	margin-left: 246px;
	height: auto;
}

#ContentPane,
#dnn_ContentPane {
/*	border: 1px solid #b1b3b4;
	padding: 40px;*/
}


/*
=========================================================================
===== FONT STIJLEN
*/

.Normal
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	color: #666;
	}
	
a, A, A:link, A:visited, A:hover, A:active {
	color: #912383;
}
	
p,
.Normal p
{
	margin: 1em auto;
}

p.introTekst {
	font-size: 14px;
	line-height: 24px;
}

h1, H1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #912383;
	font-weight: normal;
	margin-bottom: 1em;
}

h1.introHeader {
	font-size: 44px;
	line-height: 44px;
	margin-bottom: 30px;
}




.TitleHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #666;
}

.paars {
	color: #912383 !important;
}


/*
=========================================================================
===== FCK EDITOR STIJLEN
*/

#fckBody {
	padding: 20px;
	background: #fff;
}

/*
=========================================================================
===== LOGO
*/

#logo {
	position: absolute;
	padding-top: 51px;
}

/*
=========================================================================
===== ZOEKFUNCTIE
*/

#zoekContainer {
	margin: 21px 31px 32px 0;
	text-align:right;
	padding: 0;
	right: 0;
	position: absolute;
	}

#zoekContainer input[type="text"] {
	border: 1px solid #b1b3b4;
	height: 14px;
	font-size: 11px;
	width: 172px;
	padding: 2px;
	margin-right: -6px;
}
#IE7root #zoekContainer input[type="text"] { /* marge aanpassen voor ie7*/
	margin-top: -24px;
}

#zoekContainer #zoekBtn {
	height: 20px;
	background: url(/portals/_default/Skins/bitwise-bncc/images/btn_zoek.png) top right no-repeat;
	float: right;
	}


#dnn_dnnSEARCH_ClassicSearch a#dnn_dnnSEARCH_cmdSearch img {
	height: 20px;
	width: 39px;
	margin-bottom: -6px;
	}
#IEroot #dnn_dnnSEARCH_ClassicSearch a {
	margin-bottom: -4px;
	}	

#dnn_dnnSEARCH_ClassicSearch a#dnn_dnnSEARCH_cmdSearch {
	background: url(/portals/_default/Skins/bitwise-bncc/images/btn_zoek.png) top right no-repeat;
	display: inline-block;
	height: 20px;
	width: 39px;
	}
#dnn_dnnSEARCH_ClassicSearch a#dnn_dnnSEARCH_cmdSearch:hover {
	background: url(/portals/_default/Skins/bitwise-bncc/images/btn_zoek.png) top right no-repeat;
	}



/*
=========================================================================
===== MAIN MENU
*/

#headerContainer #SkinMenu {
	margin: 80px 20px 0 0;
	font-size: 12px;
	padding: 0;
	float: right;
	clear: both;
}

#headerContainer #SkinMenu li {
	float: left;
    list-style-type: none;
}

#headerContainer #SkinMenu li a {
	display: block;
	height: 100%;
	padding: 0px 8px;
	color: #666;
	text-decoration: none;
}

#headerContainer #SkinMenu li a.nodeselected,
#headerContainer #SkinMenu li a.selected,
#headerContainer #SkinMenu li a:hover {
	color: #912383;
}
	
/*
=========================================================================
===== SUBMENU
*/

#dnn_linkerKolom {
	color: #666;
}
#dnn_linkerKolom a {
	color: #666;
}
#dnn_linkerKolom a:hover {
	color: #912383;
}

#dnn_linkerKolom #SkinMenu {
	margin: 44px 20px 20px 48px;
	font-size: 12px;
	padding: 0;
	clear: both;
}

#dnn_linkerKolom #SkinMenu li {
	float: none;
    list-style-type: none;
}

#dnn_linkerKolom #SkinMenu li a {
	display: block;
	height: 100%;
	padding: 0 8px 0 0;
	color: #666;
	text-decoration: none;
}

#dnn_linkerKolom #SkinMenu li a.nodeselected,
#dnn_linkerKolom #SkinMenu li a.selected,
#dnn_linkerKolom #SkinMenu li a:hover {
	color: #912383;
}



	
/*
=========================================================================
===== HOME CONTAINERS
*/

#homePanelWrapper {
	overflow: hidden;
	}

#homePanel {
	background: url(images/bg_homepanel.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 920px;
	height: 440px;
}

#homePanel .topTD {
	height: 39px;
	border-bottom: 1px solid #b1b3b4;
}
#homePanel #topTD .kaal {
	height: 39px;
}
#homePanel #topTD .kaal DIV.scrollableArea {
	/*height: 27px !important;*/
	}

#homePanel .contentTD {
	width: 920px;
}

#homePanel #imageRotator {
	width: 920px;
	height: 440px;
}


#homePanel #contentpaneWrapper {
	position: absolute;
	margin: 62px 0 0 40px;
	width: 360px;
	font-size: 14px;
	line-height: 24px;
	background: transparent;
	z-index:9999;
}

#buttonContainer {
	position: absolute;
	width: 118px;
	right: 0;
	margin-top: 176px;
}


/*
=========================================================================
===== NEWSTICKER STIJLEN
*/

#nieuws {
	padding-left: 40px;
	list-style-type: none;
}

#nieuws li {
	list-style-type: none;
	font-size: 14px;
}



/*
=========================================================================
===== NIEUWSPAGINA
*/


.nieuwsPagina #contentContainer {
	background: url(/Portals/0/Afbeeldingen/foto_dame_met_laptop.jpg) 0px 160px no-repeat;
}

/*
=========================================================================
===== EVEN VOORSTELLEN TAB LAGEN
*/


#tabs.voorstellenTabs {
	padding: 0;
	border: 0;
	background: none;
	}

#tabs.voorstellenTabs .ui-widget-header {
	background: none;
	border: none;
	}

#tabs.voorstellenTabs .ui-tabs-nav LI {
	list-style-type:  none;
	border: 0;
	}
	
#tabs.voorstellenTabs .ui-tabs-nav LI a {
	width: 100%;
	height: 100%;
	display: block;
	padding: 0;
	margin: 0;
}
	
#tabs.voorstellenTabs .labelEgbert.ui-state-default {
	width: 116px;
	height: 234px;
	display:block;
	position: absolute;
	top: 220px;
	right: 0;
	background: url(/Portals/_default/Skins/bitwise-bncc/images/btn_egbert.jpg) 0px 0px no-repeat;
	}
#tabs.voorstellenTabs .labelEgbert.ui-state-active,
#tabs.voorstellenTabs .labelEgbert.ui-state-hover
{
	width: 116px;
	height: 234px;
	display:block;
	position: absolute;
	top: 220px;
	right: 0;
	background: url(/Portals/_default/Skins/bitwise-bncc/images/btn_egbert_hi.jpg) 0px 0px no-repeat;
	}



#tabs.voorstellenTabs .labelMike.ui-state-default {
	width: 89px;
	height: 234px;
	display:block;
	position: absolute;
	top: 220px;
	right: 117px;
	background: url(/Portals/_default/Skins/bitwise-bncc/images/btn_mike.jpg) 0px 0px no-repeat;
	}
#tabs.voorstellenTabs .labelMike.ui-state-active,
#tabs.voorstellenTabs .labelMike.ui-state-hover
{
	width: 89px;
	height: 234px;
	display:block;
	position: absolute;
	top: 220px;
	right: 117px;
	background: url(/Portals/_default/Skins/bitwise-bncc/images/btn_mike_hi.jpg) 0px 0px no-repeat;
	}

	
#tabs.voorstellenTabs .labelBob.ui-state-default {
	width: 105px;
	height: 234px;
	display:block;
	position: absolute;
	top: 220px;
	right: 204px;
	background: url(/Portals/_default/Skins/bitwise-bncc/images/btn_bob.jpg) 0px 0px no-repeat;
	}
#tabs.voorstellenTabs .labelBob.ui-state-active,
#tabs.voorstellenTabs .labelBob.ui-state-hover
{
	width: 105px;
	height: 220px;
	display:block;
	position: absolute;
	top: 220px;
	right: 204px;	
	background: url(/Portals/_default/Skins/bitwise-bncc/images/btn_bob_hi.jpg) 0px 0px no-repeat;
	}

#tabs.voorstellenTabs .labelInfo.ui-state-default {
	width: 674px;
	height: 234px;	
	display:block;
	position: absolute;
	background: url(/Portals/_default/Skins/bitwise-bncc/images/btn_pand_breed.jpg) 0px 0px no-repeat;
	}
#tabs.voorstellenTabs .labelInfo.ui-state-active,
#tabs.voorstellenTabs .labelInfo.ui-state-hover
{
	width: 674px;
	height: 234px;
	background: url(/Portals/_default/Skins/bitwise-bncc/images/btn_pand_breed_hi.jpg) 0px 0px no-repeat;
	}
	
	
#tabs.voorstellenTabs #tabs-1, 
#tabs.voorstellenTabs #tabs-2, 
#tabs.voorstellenTabs #tabs-3, 
#tabs.voorstellenTabs #tabs-4 
{
	margin-top: 118px;
	margin-left: -257px;
}	
#tabs.voorstellenTabs #tabs-4 {
	margin-top: 0;
}


#IEroot #tabs.voorstellenTabs #tabs-1, 
#IEroot #tabs.voorstellenTabs #tabs-2, 
#IEroot #tabs.voorstellenTabs #tabs-3, 
#IEroot #tabs.voorstellenTabs #tabs-4 
{
	margin-top: 118px;
	margin-left: -257px;
}	
#IEroot #tabs.voorstellenTabs #tabs-4 {
	margin-top: -1px;
}	
	
#IE7root #tabs.voorstellenTabs #tabs-1, 
#IE7root #tabs.voorstellenTabs #tabs-2, 
#IE7root #tabs.voorstellenTabs #tabs-3, 
#IE7root #tabs.voorstellenTabs #tabs-4 
{
	margin-top: 234px;
}
#IE7root #tabs.voorstellenTabs #tabs-4 
{
	margin-top:0;
}

	
li.labelEgbert,	
li.labelMike,	
li.labelBob,	
li.labelInfo {
	float: none !important; /* fix voorkomt verdwijnen van labels in IE7 */
}
	
#dnn_tabEgbert,
#dnn_tabMike,
#dnn_tabBob,
#dnn_tabInfo
{
	width: 542px;
	}


/*
=========================================================================
===== HOE WERKEN WE TABS
*/

#tabs.hoewerkenweTabs {
	padding: 0;
	border: 0;
	background: none;
	}
#tabs.hoewerkenweTabs .oranje p a {
	color: #fff;
	text-decoration: underline;
}

#tabs.hoewerkenweTabs .ui-widget-header {
	background: none;
	border: none;
	padding-left: 85px;
	padding-top: 33px;
	}

#tabs.hoewerkenweTabs .ui-tabs-nav LI {
	list-style-type:  none;
	border: 0;
	display: block;
	margin-right: 33px;
	}
	
#tabs.hoewerkenweTabs .ui-tabs-nav LI a {
	width: 100%;
	height: 100%;
	display: block;
	padding: 40px 0 0 0;
	margin: 0;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

#tabs.hoewerkenweTabs .labelStrategie.ui-state-default,
#tabs.hoewerkenweTabs .labelCreatie.ui-state-default,
#tabs.hoewerkenweTabs .labelRealisatie.ui-state-default,
#tabs.hoewerkenweTabs .labelExploitatie.ui-state-default
{
	width: 101px;
	height: 101px;	
	background: url(/Portals/_default/Skins/bitwise-bncc/images/btn_paars.png) 0px 0px no-repeat;
	}
	
#tabs.hoewerkenweTabs .labelStrategie.ui-state-active,
#tabs.hoewerkenweTabs .labelStrategie.ui-state-hover,
#tabs.hoewerkenweTabs .labelCreatie.ui-state-active,
#tabs.hoewerkenweTabs .labelCreatie.ui-state-hover,
#tabs.hoewerkenweTabs .labelRealisatie.ui-state-active,
#tabs.hoewerkenweTabs .labelRealisatie.ui-state-hover,
#tabs.hoewerkenweTabs .labelExploitatie.ui-state-active,
#tabs.hoewerkenweTabs .labelExploitatie.ui-state-hover
{
	width: 101px;
	height: 101px;	
	background: url(/Portals/_default/Skins/bitwise-bncc/images/btn_oranje.png) 0px 0px no-repeat;
}




#tabs.hoewerkenweTabs #tabs-1, 
#tabs.hoewerkenweTabs #tabs-2, 
#tabs.hoewerkenweTabs #tabs-3, 
#tabs.hoewerkenweTabs #tabs-4 
{
	background: transparent url(images/content_oranje.png) top left repeat-y;
	margin-top: 0;
	padding: 0;
}	


#IE7root #tabs.hoewerkenweTabs .ui-widget-content { /* voorkomt het verdwijnen van de oranje achtergrond */
	background: url(images/ui-bg_flat_75_ffffff_40x100.png) #ffffff repeat-x 50% 50% !important;
}


/*
=========================================================================
===== VOOR WIE WERKEN WE
*/

.voorWieWerkenWeTable a {
	color: #666;
	text-decoration: none;
}
.voorWieWerkenWeTable a:hover {
	color: #666;
	text-decoration: underline;
}



/*
=========================================================================
===== PORTFOLIO STIJLEN
*/


.klantPagina {
	overflow: visible;
}

.werkBlok {
	margin: 0 32px 0 0;
}

.werkBlok h1 {
	font-size: 12px;
	color: #666;
	padding: 10px 0 0 10px;
}


.portfolio_detail #mainContent {
	margin: 0;
}

td.portfolioDetailTekst {
	vertical-align: bottom;
}

.portfolioDetailNavigatie a {
	font-size: 11px;
	color: #666;
}

a.hpVorigePortfolio {
	margin-right: 10px;
}

a.hpVolgendePortfolio {
	margin-left: 10px;
}


.PortfolioContent > div > table {
	margin-bottom: -48px;
}

#IE7root .PortfolioContent > div > table {
	margin-top: -48px;
}



/*
=========================================================================
===== FOOTER
*/


#footer {
	padding-top: 20px;
	padding-left: 40px;
	text-align: left;
	width: 880px;
	margin: 0 auto;
}

#footer * {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #b1b3b4;
	text-transform:lowercase;
}

#footer #dnn_dnnLOGIN_cmdLogin {
	color: #ffffff;
}
#footer #dnn_dnnLOGIN_cmdLogin:hover {
	text-decoration: underline;
}

#plaatje-programmeur {
	padding-top: 0px;
	padding-left:290px;
}

#vacatures {
	padding-top:0px;
	padding-left:280px;
	width:400px;
	height:18px;
}

/*
=========================================================================
===== FORMULIEREN
*/


#captchaImage {
	margin: 20px 0;
}



/*
=========================================================================
===== ZOEKRESULTATEN
*/

.zoekresultaatNummer {
	vertical-align: top;
	text-align:left;
	width: 24px;
}

.zoekresultaatNummer .SubHead{
	color: #912383;
}