/* CSS Document */

/* General ------------------------------------------------- */
	
	*{
		padding: 0;
		margin: 0;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif ;
	}
	
	*{ font-size:11px;}
	
	#inhoud { margin:10px;
	padding:10px; }
	
	#content span{ font-weight:bold;}
	#content object{border:1px solid white;}
	div#content  { width:760px; float:right; padding-right:20px;padding-bottom:10px;}
	.tableright {margin-left:20px;margin-right:0px;}
	
	#content img
	{border:1px solid white;}

	body.gray {
		background-color: #EFEFEF;
		background-image:;
		color: #363535;
	}
	body {
		background-color: #EFEFEF;
		background-image: background-image: url(../img/bg/bgLargeHeaderGray.png);
		margin: 0 auto;
		color: #444;
		background-position: center top;
		background-repeat: repeat-y;
		line-height: 150%;
		font-size: 11px; 
	}
	
	/* Sidebar ------------------------------------------ */

	#sidebar {
		float: left;
		clear: right;
		font-size: 11px;
		width:200px;	
		padding-left:15px;
		padding-right:0px;
		
	}
	#sidebarContent ul {
		padding-left:16px;
		margin-right:0px;
	}
	#sidebar ul li {
		margin-bottom: 2px;
		margin-right:0px;
		font-size: 90%;
	}
	
	ul#subNav  {
		list-style-type: none;
		margin: 0;
		padding: 0;
		font-size: 12px;
	}
	ul#subNav li {
		margin: 0;
		padding: 0;
		}
	ul#subNav li a {
		padding: 3px 3px 3px 23px;
		text-decoration: none;
		display: block;
	}
	
	ul#subNav ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	ul#subNav li ul li {
		margin: 0;
		padding: 0;
		}
	ul#subNav li ul li a {
		padding-left: 39px;
		background-image: url(../img/bg/subSubLinkBG.png);
		background-position: 28px 50%;
		background-repeat: no-repeat;
	}
	
	.graphical-feature {
		margin-left: 10px;
	}
	
	
	/* Sidebar Content  --------------------------------------- */
	#sidebar h3 {
		font-size: 1.4em;
		width:100%
		color: #48687D;
		padding: 0px 0px 0px 0px;
		border-color: #DBD9C5;
		border-width: 0 0 1px 0;
		border-style: solid;
		margin-top:10px;
		margin-bottom:5px;
		margin-right:0px;
		padding-right:0px;
	}
	#sidebar a {

		color: #033564;
		font-size:10px;
		}
	
	body#home #sidebarContent {
		border-width: 0;
	}
	#sidebarContent {
		font-size: .95em;
		line-height: 1.4em;
		border-width: 0px 0 0 0;
		border-style: solid;
		border-color: #D0BDA2;
	}
	body.gray #sidebarContent {
		border-color: #CAD8DA;
	}
	body.pro #sidebarContent {
		border-color: #1E1812;
	}
	
	.small {
		font-size: 4px;
		line-height: 150%;
	}
	
	.caption {
		font-size:4px;
		margin:5px 0 0 0;
		}
	
	a:link, a:visited {
		color: #1341C2;
		text-decoration: none;
	}
	a:hover {
		color: #1341C2;
		text-decoration: underline;
	}
	body.pro a:link, body.pro a:visited {
		color: #A8843B;
	}
	body.pro a:hover {
		color: #C49A44;
		text-decoration: underline;
	}
	a:focus {
		-moz-outline: 0;
	}
	
	body.coverSheet .pageTitle {
		display: none;
	}

	
	body.coverSheet .topBGCover {
		top: 300px;
	}
	body.pro .topBGCover {
		background-image: url(../img/bg/bgDark.png);
	}
	body.gray .topBGCover {
		background-image: url(../img/bg/bgGray.png);
	}

	
	
	body, #header, .topBGCover, #mainContent {
		width: 1000px;
	}
	p {
		margin: 1em 0px;
	}
	
	ul, ol {

		padding-left: 20px;
		line-height:20px;
	}
	
	/* Header */
	h3, h3 a:link, h3 a:visited {
		color: #006699;
		text-shadow: 1px 1px 0px #FFF;
	}
	h2, h2 a:link, h2 a:visited {
		color: #006699;
		text-shadow: 2px 2px 0px #FFF;
	/* 	background-image: url(../img/bg/bgtitel_03.jpg); */
		background-repeat: repeat-x;
		background-position:left center;
		margin-top:15px;
		padding-top:15px;
		padding-left:0px;
		
	}
	
	h2 img { vertical-align:middle;}
	
	body.pro h2, body.pro h2 a:link, body.pro h2 a:visited,
		body.pro h3, body.pro h3 a:link, body.pro h3 a:visited,
		body.pro h4,  body.pro h4 a:link,  body.pro h4 a:visited {
		color: #006699 !important;
		text-shadow: 2px 2px 0px #000;
		text-decoration: none;
	}
	h2 {
		font-size: 20px;
		line-height: 30px;
		margin: 0 0 .5em 0;
	}	
	h4 {
		font-size: 15px;
		margin: 0 0 .5em 0;
	}	
	h5 {
		font-size: 13px;
		margin: 0 0 .5em 0;
	}	
	body.pro h4 {
		color: #A8843B;
	}	
	
	body.pro #content h3 {
		text-shadow: 2px 2px 0px #000;
		border-color: #777063;
	}	
	#content h3 {
		font-size: 1.4em;
		color: #000000;
		padding: 0px 0px 0px 0px;
		border-color: #DBD9C5;
		border-width: 0 0 0 0;
		border-style: solid;
		margin: 10px 0 7px 0;
	}	
		
	
	hr {
		height: 1px;
		background-color: #D0BDA2;
		border-color: #FFF;
		border-width: 0;
		border-style: solid;
		margin: 0 0 0em 0;
	}
	body.gray hr {
		background-color: #CAD8DA;
	}
	body.pro hr {
		background-color: #1E1812;
	}
	a img {
		border-width: 0;
	}


/* Content ------------------------------------------------- */


	
	#content a {
		text-decoration: underline;
	}
	#content h1 a, #content h2 a, #content h3 a {
		text-decoration: none;
	}
	#content h1 a:hover, #content h2 a:hover, #content h3 a:hover {
		text-decoration: underline;
	}
	
	.extendedContent > p:first-child {
		border-color: #D0BDA2;
		border-width: 1px 0 0 0;
		border-style: solid;
		margin-top: 1em;
		padding-top: 1em;
	}
	
		
	

	/* Round Group Boxes  --------------------------------------- */
			
		/* General*/	
		.roundtl, .roundtr, .roundbl, .roundbr {
			background-image: url(../img/bg/roundCorners.png);
			background-repeat: no-repeat;
			background-position: 0 0;
		}
		div.highlighted, div.highlighted:hover {
			background-color: #B2CCD5 !important; 

		}
		a.highlighted {
			color: #353E4B !important;
			background-image: url(../img/icons/arrowBlue.png);
			background-position: 7px center;
			background-repeat: no-repeat;
		}
		.roundtl {
			background-position: left top;
		}
		body.pro .roundtl:hover {
			background-color: #2F281E;
		}
		.roundtl:hover {
			background-color: #E4E0CC;
		}
		.roundtr {
			background-position: right top;
		}
		.roundbl {
			background-position: left bottom;
		}
		.roundbr {
			background-position: right bottom;
		}
		
		

		

		
	/* sidebarNews ---------------------------------------*/
		
		.sidebarNews {
			margin: 0pt 1em 1em 1em;
		}
		.sidebarNews h3 {
			margin: 0;
		}
		.sidebarNews p {
			margin: 0;
		}
		.sidebarNews .entry {
			margin: 0 0 1em 0;
		}
		.sidebarNews h4 {
			margin: 0;
			font-size: 1em;
		}
		
			
/* Footer ------------------------------------------ */

	#footer { 
	
	    font-family:Verdana, Arial, Helvetica, sans-serif;
		display: block;
		
		background-color:#E1E1E0;
		background-repeat: no-repeat;
		background-position: center;
		margin-top:8px;
		margin-bottom:8px;
		clear: both;
	}
	
	#footer *{font-size:10px;}


/* Misc ------------------------------------------ */

	td.sale {
		background-image: url(../img/icons/sale_td.png);
		background-repeat: no-repeat;
		background-position: 1px top;
	}
	
	ul.no-bullets {
		list-style-position: outside;
		list-style-type: none;
	}
	
	.imgRight {
		float: right;
		margin: 0 0 .5em 1em;
	}
	.imgLeft {
		float: left;
		margin: 0 1em .5em 0;
	}
	
	.imgBorder {
		border-color: #D4C9A4;
		border-width: 1px;
		border-style: solid;
		background-color: #FFF;
		padding: 5px;
	}
	
	
	.demo {
		float: right;
		margin-top: 10px;
		}
	
	.demo img {
		margin: 0 20px 10px;
		}	
	
	.demo a {
		padding: 0 !important; 
		border-bottom: none !important;
		}	
	
	.demo a:hover {
		margin: 0 !important;
		border: none !important; 
		background: none !important; 
		}	
		
	.small {
		font-size: 9px;
	}
	
	.attention {
		background-color: #A9CCD8;
		padding: 1em 2em;
		-moz-border-radius: 0 0 4px 4px;
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		font-size: 4px;
		margin-top: -6px;
		margin-bottom: 1em;
	}
	.attention h3 {
		border: 0 !important;
		text-shadow: none !important;
		color: #FFF !important;
		font-size: 1.2em !important;
		margin: 1em 0 0 0 !important;
		padding: 0 !important;
	}
	
	.dev-logo {
		float: right;
		margin: 0 0 1em 1em;
	}
	
	.table_of_contents {
		float: right;
		width: 160px;
		background-color: #F1EFDE;
		padding: 45px 1em 1em 2.5em;
		margin-bottom: 1em;
		margin-left: 1em;
		background-image: url(../img/misc/table-of-contents.png);
		background-repeat: no-repeat;
		background-position: 12px 14px;
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
	}

	.box {
		background-color: #FAF8ED;
		-moz-border-radius: .8em .8em .8em .8em;
		-webkit-border-top-left-radius: .8em;
		-webkit-border-top-right-radius: .8em;
		-webkit-border-bottom-left-radius: .8em;
		-webkit-border-bottom-right-radius: .8em;
		padding: 2em;
		margin-top:40px;
		font-weight:bold;
		border: 1px #D8D2B5 solid;
	}
		.boxno {
		background-color: #FAF8ED;
		-moz-border-radius: .8em .8em .8em .8em;
		-webkit-border-top-left-radius: .8em;
		-webkit-border-top-right-radius: .8em;
		-webkit-border-bottom-left-radius: .8em;
		-webkit-border-bottom-right-radius: .8em;
		padding: 2em;
		font-weight:bold;
		border: 1px #D8D2B5 solid;
	}
	.attention_icon {
		padding-left: 90px;
		background-image: url(../img/icons/attention48.png);
		background-repeat: no-repeat;
		background-position: 30px 30px;
	}
	
	.code {
		overflow: auto;
		display: block;
		width: 514px;
		border: 1px #DBD2B2 dashed;
		white-space: pre-wrap;
		padding: 1em;
		background-color: #F9F7EA;
	}
		.code pre {			
			font-family: "Consolas", "Courier New", Courier, monospace;
		}

	
/* Buttons ------------------------------------*/


	.signup-here {
		background-image: url(../img/fb/start-here.gif);
		background-repeat: no-repeat;
		background-position: right top;
		padding-bottom: 1em;
	}
	
	a.buttonStandard {
		height: 22px;
		display: -moz-inline-stack;
		display: inline-block;
	}
	.buttonStandardLeft {
		/* firstwrapper */
		background-image: url(../img/bg/buttons/buttonStandardLeft.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		margin-right: auto;
		margin-left: auto;
	}
	.buttonStandardRight {
		background-image: url(../img/bg/buttons/buttonStandardRight.png);
		background-repeat: no-repeat;
		background-position: right 0;
	}
	.buttonStandardBG {
		background-image: url(../img/bg/buttons/buttonStandardBG.png);
		background-repeat: repeat-x;
		background-position: 0 0;
		margin: 0 11px;
		text-align: center;
		height: 22px;
		cursor: pointer;
	}
	a .buttonStandardBG span {
		background-repeat: no-repeat;
		color: #000;
		font-size: 11px;
		height: 22px;
		margin-left: auto;
		margin-right: auto;
		vertical-align: middle;
		display: inline-block;
		display: -moz-inline-stack;
		padding-top: 3px;
		padding-left: 0px;
	}
	a .buttonStandardBG span.noIcon {
		padding-left: 0;
	}
		
	a.buttonStandard:hover 
	{
		text-decoration: none;
	}
	a:active .buttonStandardBG {
		background-position: 0 -100px;
	}
	a:active .buttonStandardLeft {
		background-position: 0 -100px;
	}
	a:active .buttonStandardRight {
		background-position: right -100px;
	}
	a .buttonStandardBG span, a .buttonStandardBG span:hover, a .buttonStandardBG span:active {
		background-position: 0 3px;
	}
	
	
/* login -----------------------------------------------------------------*/

	.loginForm, .helpDeskForm, .form  {
		background-color: #f7f6f0;
		border-color: #dad2b3 #FFF #FFF #dad2b3;
		border-width: 1px;
		border-style: solid;
		margin: 0 auto 1em 0;
		padding: 1em 2em 1em 2em;
	}
	body.pro .loginForm, body.pro .form {
		background-color: #504738;
		border-color: #302a1f #5b513f #5b513f #302a1f;
	}
	.helpDeskForm label {
		display: block;
	}
	.helpDeskitem {
		margin-bottom: 1em;
	}

	.item label {
		float: left;
		width: 13em;
		text-align: right;
		margin: 0 .5em 0 0;
	}
	.item.buttons {
		margin-left: 8.5em;
	}
	.form table {
	 	width:100%;
	}
	.form table tr td {
	 	padding: 0 1em 0 0;
	}

/* FORMS -----------------------------------------------------------------*/

form {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	
}
form *{font-size:11px;}