/* Exodus 20.15 - http://www.biblegateway.com/passage/?search=exodus%2020.15;&version=8; */

/* ----------(  GENERAL  )---------------- */

	* {
		padding:0;
		margin:0;
	}
	
	body {
		border-top:1px solid #98c52e;
		font: 11px Tahoma,Helvetica,Arial,sans-serif;
		color:#666666;
		background: #FFF;
	}
	
	p {
		margin:0 0 8px 0;
		text-align:justify;
		line-height:16px;
	}
	
	blockquote {
		margin-left: 40px;
	}
	
	a {
		outline:none;
		color:#666666;
	}
	
	a img { 
		border: 0; 
	}

/* -------(  FORCE SCROLLBAR IN FX/SF  )------- */

	html { 
		min-height: 100%; 
		margin-bottom: 1px; 
	}

/* ----------(  MAIN LAYOUT  )---------------- */

	#wrapper {
		background:#fff url(../images/layout/bodyBack.jpg) repeat-x 0px 0px;
		width: 100%;	/* forcing layout for IE7 (IE6 works fine) ... buggy browser! */
	}
	
	#siteWrap {
		margin: 0 auto;
		width: 1000px;
	}
	
	#header{
		position: relative;
	}
	
	#siteLogo a {
		width:250px;
		height:353px;
		display:block;
		overflow:hidden;
		text-indent:-9000px;
		background:url(../images/layout/logo.png);
		background-repeat:no-repeat;
		background-position:0 -1px;
		float:left;
	}
	
	#titleBar {
		width:1000px;
		height:65px;
	}

/* ----------(  SIDEBAR  )---------------- */
	
	#sideBar {
		width:200px;
		padding:20px 15px 0 30px;
		float:left;
	}
	
	body#b_portfolio div#sideBar, 
	body#b_nieuws div#sideBar,
	body#b_jobs div#sideBar {
		padding-top: 104px;
	}
	
	#sideBar p {
		padding:0 0 10px 0;
		margin:0 0 8px 0;
		background-image:url(../images/layout/dottedLine.gif);
		background-position:bottom;
		background-repeat:repeat-x;
		line-height:normal;
	} 
	
	#sideBar a {
		color:#8bb527;
	}
	
	#sideBar p.newsSummary a {
		color: #666;
		text-decoration: none;
	}
	
	#sideBar p.newsSummary a:hover {
		color:#999;
	}
	
	#sideBar a#nieuwsArchief {
		display: block;
		float: right;
		background: #98c52e;
		color: #FFF;
		width: 80px;
		height: 33px;
		font: normal 11px/33px Tahoma;
		text-decoration: none;
		text-align: center;
		margin-top: 0px;
	}
	
	#sideBar p#alleProjecten{
		padding:10px 0 0 0;
		background-image:url(../images/layout/dottedLine.gif);
		background-position:top;
		background-repeat:repeat-x;
	}
	#sideBar p#alleProjecten a{
		display:block;
		margin:0;
		background:url(../images/layout/alleProjecten.gif) no-repeat;
		line-height:24px;
		text-indent:27px;
		color: #666;
	}
	
/* ----------(  CONTACTBAR  )---------------- */
	
	#contactBar {
		width:200px;
		padding:104px 0 0 0;
		float:left;
	}
	
	#contactBar p {
		padding:0 0 25px 0;
		background: transparent url(../images/layout/dottedLine.gif) repeat-x bottom left;
		line-height:normal;
	}
	
	#contactBar p#feweb {
		padding: 25px 0;
		background-position: top left;
	}
	
	#contactBar #locationLinkr {
		display:block;
		margin:8px 0 0 0;
		background:url(../images/layout/compass2.gif) no-repeat;
		line-height:24px;
		text-indent:30px;
	}
	
	#contactBar #visitLinkActive {
		display:block;
		margin:0 0 0 0;
		background:url(../images/layout/earthLink.gif) no-repeat;
		line-height:24px;
		text-indent:25px;
	}
	
	#contactBar #visitLinkNonActive {
		display:block;
		margin:0;
		background:url(../images/layout/earthLink_nonActive.gif) no-repeat;
		line-height:24px;
		text-indent:25px;
		color:#CCCCCC;
		cursor: default;
	}
	
/* ----------(  CONTENT  )---------------- */

	#content {
		width:385px;
		padding:20px 65px 0 100px;
		float:left;
	}
	
	#content a {
		color:#8bb527;
	}
	
	#content ul {
		margin:0 0 8px 0;
		list-style-position:inside;
	}
	
	#content li {
		line-height: 20px;
	}
	
	#contentWide {
		width:585px;
		padding:20px 65px 0 100px;
		float:left;
	}
	
	body#b_portfolio div#contentBlock div#content img {
		background: transparent url(../images/layout/dottedLine.gif) repeat bottom left;
		padding: 1px 0 1px 0;
		margin: 20px 0 20px 0;
		display: block;
	}
	
	body#b_portfolio div#contentBlock div#content strong, 
	body#b_nieuws div#contentBlock div#content strong, 
	body#b_jobs div#contentBlock div#content strong {
		/** background: #FFFF99; **/
		color: #333;
	}
	
	div.newsItemBlock {
		padding:18px 0 8px 0;
		background-image:url(../images/layout/dottedLine.gif);
		background-position:bottom;
		background-repeat:repeat-x;
	}
	
/* ----------(  CONTENT - P  )---------------- */
	
	/* long live css specifity! */
	body #wrapper #siteWrap #contentBlock p.error {
		border:1px solid #CC0000;
		padding: 5px 5px 5px 40px;
		line-height: 24px;
		min-height: 24px;
		background: #EFA4A4 url(../images/icons/icnError.gif) no-repeat 7px 50%;
		margin: 0 0 5px 0;
		color: #7c0607;
	}
	
	body #wrapper #siteWrap #contentBlock p.ok {
		border: 1px solid #629A34;
		padding: 5px 5px 5px 40px;
		line-height: 24px;
		min-height: 24px;
		background: #d7ebc6 url(../images/icons/icnOK.gif) no-repeat 7px 50%;
		margin: 0 0 5px 0;
		color:#345f23;
	}
	
	body #wrapper #siteWrap #contentBlock p.info {
		border: 1px solid #345092;
		padding: 5px 5px 5px 40px;
		line-height: 24px;
		min-height: 24px;
		background: #c2cade url(../images/icons/icnInfo.gif) no-repeat 7px 50%;
		margin: 0 0 5px 0;
		color:#182a59;
	}
	
	body #wrapper #siteWrap #contentBlock p.warning {
		border: 1px solid #d38c1b;
		padding: 5px 5px 5px 40px;
		line-height: 24px;
		min-height: 24px;
		background: #fbf2c3 url(../images/icons/icnWarning.gif) no-repeat 7px 50%;
		margin: 0 0 5px 0;
		color:#7c530b;
	}
		
/* ----------( TAME YOUR LISTS : SIDEBAR & CONTACTBAR  )---------------- */
	
	div#sideBar ul,
	div#contactBar ul {
		width: 200px;
		padding: 0 0 18px 0;
		background: none;
		list-style: none;
	}
	
	div#contactBar ul {
		padding: 18px 0 0 0;
		background: transparent url(../images/layout/dottedLine.gif) repeat-x top left;
	}
	
	div#sideBar ul li a,
	div#contactBar ul li a {
		width:190px;
		height:25px;
		padding:0 0 0 10px;
		line-height:25px;
		text-decoration:none;
		display:block;
		color:#666666;
	}
	
	div#sideBar ul li a:hover, 
	div#sideBar ul li a.active,	
	div#contactBar li a:hover, 
	div#contactBar li a.active {
		background-color:#98c52e;
		color:#ffffff;
	}	
	
/* ----------(  TAME YOUR LISTS : FEED  )---------------- */
	
	#contactBar ul.feed {
		margin: 0 0 15px 0;
		padding: 12px 0 2px 0;
		background: none;
	}
	
	#contactBar ul.feed li {
		list-style: none;
		margin: 0;
		padding: 0;
		height: 20px;
	}
	
	#contactBar ul.feed li a, #contactBar ul.feed li a:hover {
		display: block;
		height: 16px;
		line-height:16px;
		padding: 0 0 0 0;
		text-indent:22px;
		background: #fff url(../images/icons/icnFeed.gif) no-repeat center left;
		color:#666;
	}
	#contactBar ul.feed li a:hover {
		text-decoration:underline;
	}
	
/* ----------(  TAME YOUR LISTS : SIDEBAR : PORTFOLIO  )---------------- */
			
	div#sideBar ul.portfolioTechListingLeft li {
		display: inline;
		font: normal 11px/18px Tahoma;
		line-height:20px;
	}
	
	div#sideBar ul.portfolioTechListingLeft li a {
		display: inline;	/* important > overrides the prev dev */
		padding:2px 2px 2px 3px;
		border:1px solid #fff;
		font: normal 11px/19px Tahoma;
		text-decoration:none;
		color: #666;
	}
	
	div#sideBar ul.portfolioTechListingLeft li a:hover, 
	div#sideBar ul.portfolioTechListingLeft li a.active {
		padding:2px 2px 2px 3px;
		background: #FFFF99;
		border-right:1px solid #e4e483;
		border-bottom:1px solid #e4e483;
		border-top:1px solid #fefecd;
		border-left:1px solid #fefecd;
		color: #4a4a06;
	}
	
	div#sideBar ul.portfolioTechListingLeft li a.active {
		font-weight: bold;
	}
	
/* ---------------- (  PORTFOLIO/PROJECTS : OVERVIEW ) --------------- */

	#projectstrack {
		width: 226px; 
		/** background-image: transparent url(../images/layout/scaler_slider_track.gif) repeat-x center left; **/
		background-image:url(../images/layout/scaler_slider_track.gif);
		height: 22px; 
		margin: 10px 0 0 0; 
		float: right;
		padding: 0 0 0 15px;
	}
	
	#projectshandle {
		width: 24px; 
		height: 22px;
		cursor: w-resize;
	}
	
	ul#projectsOverview {
		border: 1px solid #ddd; 
		width: 585px; 
		overflow: hidden; 
		margin: 0 0 20px 0; 
		padding: 0; 
		list-style: none;
	}
	
	li.scale-image {
		width: 127px; 
		padding: 5px; 
		float: left;
	}

/* ----------(  NAV  )---------------- */

	#nav {
		float:right;
		display:inline;
	}
	
	#nav li {
		display:inline;
	}
	
	#nav li a {
		width:80px;
		height:33px;
		display:block;
		float:left;
		text-align:center;
		text-decoration:none;
		color:#FFFFFF;
		line-height:30px;
	}
	
	body#b_overwax #navOver, 
	body#b_team #navTeam, 
	body#b_nieuws #navNieuws, 
	body#b_portfolio #navPortfolio, 
	body#b_jobs #navJobs, 
	body#b_contact #navContact {
		background-image:url(../images/layout/navButtonBack.gif);
		background-repeat:repeat-x;
	}
	
	#nav li a:hover, 
	#nav li a.selected {
		background:#98c52e;
		text-decoration:none;
	}
	
	body#b_overwax #navOver:hover,
	body#b_nieuws #navNieuws:hover, 
	body#b_team #navTeam:hover, 
	body#b_portfolio #navPortfolio:hover, 
	body#b_jobs #navJobs:hover, 
	body#b_contact #navContact:hover {
		text-decoration:none;
	}

/* ----------(  HEADINGS  )---------------- */

	h3 {
		margin:0 0 5px 0;
		color:#8bb527;
		font-size:11px;
		font-weight:bold;
		line-height:normal;
	}
	
	h3 span {
		font-size:10px;
		color:#736B5C;
	}
	
	h3#feedTitle {
		background-image:url(../images/layout/dottedLine.gif);
		background-position:top;
		background-repeat:repeat-x;
		padding-top: 20px;
		margin-top: 18px;
	}
	
	h3.labelTitle{
		line-height:16px;
		display:block;
		padding:0 0 0 20px;
		background:url(../images/icons/icnLabel.gif) left no-repeat;	
	}
	
	div#sideBar h3.opvallen {
		padding-left: 31px;
		color:#990000;
		min-height:24px;
		background: transparent url(../images/icons/icnFlash.gif) no-repeat top left;
		
	}
	
	body#b_portfolio div#contentBlock div#content h3 {
		margin: 0 0 20px 0;
		font: bold 14px/20px Tahoma;
	}
	
	h2 {
		height:24px;
		margin:10px 0 50px 0;
		display:block;
		overflow:hidden;
		text-indent:-9000px;
	}
	
	#contactBar h2 {
		margin:0 0 10px 0;
	}
	
	h2#waxNieuwsTitle {
		width:86px;
		background-image:url(../images/layout/h2_waxNieuws.gif);
	}
	
	h2#overWaxTitle {
		width:68px;
		background-image:url(../images/layout/h2_overWax.gif);
	}
	
	h2#recenteProjectenTitle {
		width:123px;
		margin:14px 0 0 0;
		background-image:url(../images/layout/h2_recenteProjecten.gif);
	}
	
	h2#waxJobsTitle {
		width:68px;
		background-image:url(../images/layout/h2_waxJobs.gif);
	}
	
	h2#waxProjectenTitle {
		width:123px;
		background-image:url(../images/layout/h2_waxProjecten.gif);
	}
	
	h2#waxPortfolioTitle{
		width:123px;
		background-image:url(../images/layout/h2_waxPortfolio.gif);
		margin-bottom: 37px;
	}
	
	h2#waxContactTitle {
		width:123px;
		background-image:url(../images/layout/h2_waxContact.gif);
	}
	
	h2#waxTeamTitle {
		width:123px;
		background-image:url(../images/layout/h2_waxTeam.gif);
	}

/* ----------(  FOOTER  )---------------- */

	#footer{
		height:50px;
		clear:left;
		background-image:url(../images/layout/dottedLine.gif);
		background-position:top;
		background-repeat:repeat-x;
	}
	#contactBar ul, #content, #sideBar{
		padding-bottom:20px;
	}

/* ----------(  FLASHHEADERSTUFF  )---------------- */

	#secondaryHeader {
		width:750px;
		height:200px;
		float:left;
	}
	
	#flashcontent {
		width:750px;
		height:290px;
		float:right;
		text-align:center;
		color:#9EE933;
	}
	.flashContentText{
		display:block;
		padding:135px 0 0 0;
	}
	
	#flashDetails {
		width:750px;
		height:30px;
		background-color:#FFFFFF;
		line-height:30px;
		float:right;
	}
	
	#detailButton {
		width:80px;
		height:30px;
		display:block;
		float:left;
		background-color:#98c52e;
		text-align:center;
		line-height:26px;
		color:#ffffff;
		text-decoration:none;
	}
	
	#flashDetails dl {
		height:30px;
	}
	
	#flashDetails dt {
		display:block;
		float:left;
		margin:0 4px 0 15px;
		font-weight:bold;
		color:#98c52e;
	}
	
	#flashDetails dd {
		display:block;
		float:left;
	}

/* ----------(  CONTACTFORM  )---------------- */

	#contactBlock {
		height:360px;
		background-color:#98c52e;
	}
	
	#contactFormWrap {
		margin:0 auto;
		width:1000px;
	}
	
	#contactForm {
		width:385px;
		padding:15px 65px 0 100px;
		float:left;
	}
	
	#contactFormNJ {
		width: 385px;
		padding: 0;
	}
	
	#contactForm fieldset, 
	#contactFormNJ fieldset {
		border:0;
	}
	
	#contactText {
		width:200px;
		padding:20px 15px 0 30px;
		float:left;
		color:#4a6f07;
	}
	
	#contactInfo {
		width:200px;
		padding:20px 0 0 0;
		float:left;
		color:#4a6f07;
	}
	
	#contactInfo a {	
		color:#fff;
	}
	
	#contactForm label, 
	#contactFormNJ label {
		width:190px;
		padding:5px 0 0 0;
		display:block;
		float:left;
		color:#4a6f07;
	}
	#contactForm label input, 
	#contactForm label textarea, 
	#contactFormNJ label input, 
	#contactFormNJ label textarea {
		width:170px;
		height:20px;
		margin:2px 0 0 0;
		padding:2px 5px 0 5px;
		background-color:#a7ce4d;
		border:0px;
		display:block;
		float:left;
		color:#4a6f07;
		font: 11px Tahoma,Helvetica,Arial,sans-serif;
	}
	
	#contactFormNJ label input, #contactFormNJ label textarea {
		background-color:#EFEFEF;
	}
	
	#contactForm label textarea, 
	#contactFormNJ label textarea {
		width:360px;
		height:85px;
	}
	
	#contactBlock .highlighted {
		color:#fff;
	}
	
	#contactInfo #locationLink {
		display:block;
		background:url(../images/layout/compass.gif) no-repeat;
		line-height:19px;
		text-indent:30px;
	}
	
	#formSubmit, 
	#formSubmitNJ {
		width:103px;
		height:36px;
		margin:10px 10px 0 0;	
		display:block;
		background-image:url(../images/layout/btn_verstuur.gif);
		float:left;
	}
	
	#formSubmitNJ {
		background-image:url(../images/layout/btn_verstuurNJ.gif);
	}
	
	#spinner {	
		margin:10px 0 0 0;
		float:left;
	}
	
/* ----------(  MADE BY WAX  )---------------- */

	#footer{
		margin:35px 0 0 0;
		padding:7px 0 0 0;
		color:#666666;
	}
	#footer a{
		color:#4A6F07;
	}
	#footer p{
		width:1000px;
		height:23px;
		margin:0 auto;
	}
	.footerText{
		margin:0 0 0 345px;
		float:left;
		font-size: 10px;
	}
	#siteByWax{
		width:27px;
		height:21px;
		margin:0 3px 0 0;
		float:right;
		display:block;
		overflow:hidden;
		background-image:url(../images/layout/waxIcon.gif);
		text-indent:-9000px;
	}
	
/* EOF */