/********************************************************************************************************************/
/* MASTER RESET
/* uitleg: zie http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
/********************************************************************************************************************/

html, body, div, span, applet, object, 
h3, h4, h5, 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, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: baseline;
	color:#666;
	line-height: 18px;
}
html { /* scrollbar voor mozilla, safari default neerzetten	(ghosted) */
	height: 100%;
	margin-bottom: 1px;
}
body {
	margin: 0 0 0 0;
	background-color: #ffffff;
}
ul {
	list-style: none;
}

ul li {
	background: url(../images/shared/list_item_bullet.gif) top left no-repeat;
	background-position: 0px 8px;
	padding: 0 0 0 14px;
}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
a, a:visited, a:active, a:link, a:hover, :focus {
	outline: none;
}

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

div, span {zoom:1} /* BUG: af en toe voorkomende bug in IE6/7 waardoor de tekst niet toont in div of span*/

/********************************************************************************************************************/
/* MASTER LAY-OUT TEMPLATES
/* uitleg:
/********************************************************************************************************************/


#master {
	vertical-align:top;
	text-align:left;
	background: #FFF url(../images/shared/body_bg.gif) center center no-repeat;
}



/* Top
----------------------------------------------------------*/

#masterTop {
	padding:0 0 0 0;
	margin:0 0 0 0; /* Hack for eliminating 3px gap (alleen nodig als er 1 image in de div zit) zie: http://www.positioniseverything.net/explorer/threepxtest.html */
	border:0;
	background: url(../images/shared/header_bg_tile2.gif) top left repeat-x;
}

#home #masterTop,
#content #masterTop,
#login #masterTop {
	background: url(../images/shared/header_bg_tile.gif) top left repeat-x;
}

#masterTopContent {
	background: url(../images/shared/header_bg.gif) top center no-repeat;
	width: 818px;
	height: 165px;
	margin: 0 auto;
	padding: 0 43px;
}

#home #masterTopContent,
#content #masterTopContent,
#login #masterTopContent {
	background: url(../images/shared/header_bg_home.gif) top center no-repeat;
	width: 818px;
	height: 144px;
	margin: 0 auto;
	padding: 0 43px;
}

#content #masterTopContent {
	background-image: url(../images/shared/header_bg_content.gif);
}

#login #masterTopContent {
	background: url(../images/shared/header_bg_content.gif) top center no-repeat;
}

div.nimbuzzLogo {
	display: block;
	float: left;
	height: 70px;
	width: 190px;
	padding: 17px 0 0 0;
}

div.nimbuzzLogo img {
	vertical-align: top;
}

div.nimbuzzLogo2 {
	display: block;
	width: 32px;
	height: 52px;
	float: right;
	padding: 27px 3px 0 0;
}


/* Contentvlak
----------------------------------------------------------*/

#masterContent {
	vertical-align:top;
	min-height:374px;
	/*min-height:385px;*/
	height:auto !important; /* HACK: min-height in IE6, zie: http://www.dustindiaz.com/min-height-fast-hack/ */
	/*height:374px;*/	/* HACK: min-height in IE6, zie: http://www.dustindiaz.com/min-height-fast-hack/ */
	height:374px;	/* HACK: min-height in IE6, zie: http://www.dustindiaz.com/min-height-fast-hack/ */
	width: 726px; /* 904px */
	margin: 0 auto;
	padding: 11px 86px 0px 94px;
	background: url(../images/shared/content_bg.gif) top center repeat-y;
	position: relative;
}

#masterContentIphone {
	vertical-align:top;
	min-height:395px;
	height:auto !important; /* HACK: min-height in IE6, zie: http://www.dustindiaz.com/min-height-fast-hack/ */
	height:395px;	/* HACK: min-height in IE6, zie: http://www.dustindiaz.com/min-height-fast-hack/ */
	height:470px;	/* HACK: min-height in IE6, zie: http://www.dustindiaz.com/min-height-fast-hack/ */
	width: 726px; /* 904px */
	margin: 0 auto;
	padding: 11px 86px 0px 94px;
	background: url(../images/shared/content_bg.gif) top center repeat-y;
	position: relative;
}

div.cornerVisual {
	position: absolute;
	top: 4px;
	left: 9px;
	width: 90px;
	z-index: 200;
}

#home #masterContent {
	background: url(../images/shared/content_bg_home.gif) top center no-repeat;
	height: 370px;
	padding: 0px 86px 0 86px;
	width: 732px;
}

#login #masterContent {
	background: url(../images/shared/content_bg_login.gif) bottom center no-repeat;
	width: 726px; /* 904px */
	padding: 11px 86px 0px 94px;
	min-height:374px;
	height:auto !important; /* HACK: min-height in IE6, zie: http://www.dustindiaz.com/min-height-fast-hack/ */
	height:374px;	/* HACK: min-height in IE6, zie: http://www.dustindiaz.com/min-height-fast-hack/ */
}

#login .backgroundTile {
	background: url(../images/shared/content_bg.gif) top center repeat-y;
	width: 906px;
	margin: 0 auto;
}


/* ___Content kolom SUB
----------------------------------------------------------*/

#keyVisual{
	height:137px; /* minimum hoogte voor gebruik van flash plug-in detection dialoog = 137px */
	/* margin-bottom:-3px;  Hack for eliminating 3px gap (alleen nodig als er 1 image in de div zit) zie: http://www.positioniseverything.net/explorer/threepxtest.html */
	background-color: #CCCCCC;
}

.layoutColMid {
	vertical-align: top;
	padding:0px 0 0 0;
	float: left;
}

#home .layoutColMid {
	width: 392px;
	margin: 0;
	float: left;
	padding: 18px 0 0 0;
}

#login .layoutColMid {
	width: 726px;
}



/* Zijkanten
----------------------------------------------------------*/

.layoutColLeft {
	float:left;
	width: 223px;
}

#home .layoutColLeft {
	width: 132px;
}


.layoutColRight {
	float: left;
	width: 264px;
}

#home .layoutColRight {
	/*width: 166px;*/
	width: 102px;
	float: right;
}

.layoutColRightIphone{
	width: 167px;
	float: right;
}


/* Bottom
----------------------------------------------------------*/

#masterBottom {
	clear:both;
	width:100%;
	background: url(../images/shared/footer_bg_tile.gif) top center repeat-x;
}

#masterBottomContent {
	width: 838px; /* 904px */
	height: 35px; /* 72 px */
	margin: 0 auto;
	background: url(../images/shared/footer_bg.gif) top left no-repeat;
	color: #FFF;
	padding: 37px 0 0 66px;
}

#masterBottomContent a {
	color: #FFF;
	text-decoration: none;
}

#masterBottomContent a:hover {
	text-decoration: underline;
}

/********************************************************************************************************************/
/* MASTER ELEMENTEN
/* uitleg:
/********************************************************************************************************************/


/* font definities voor lay-out vlakken
----------------------------------------------------------*/

	.layoutColLeft, .layoutColLeft div, .layoutColLeft td, .layoutColLeft p, .layoutColLeft input {
		font-size: 11px;
	}
	.layoutColRight, .layoutColRight div, .layoutColRight span, .layoutColRight td, .layoutColRight p, .layoutColRight input {
		font-size: 11px;
	}