/*

Standard stylesheet for Checkbox Template
(c) 2010 - Slik BV - http://www.slik.eu

*/

/*

1. context (position, float, display)
2. box (width, height, top, left, padding, margin)
3. layout (border, background, color)
4. content (font, text-align)

*/

/*******************************************************************************************

		RESETCODE FOR BROWSER COMPATIBILITEIT 
		reset.css - by Eric Meyer | v1.0 | 20080212

*******************************************************************************************/

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;
	background: transparent;
	outline: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
h1 span, h2 span { display: none;}
input { border: none; }
.clear { clear: both;}

 
/*******************************************************************************************

		STANDAARD STYLING

*******************************************************************************************/

body { 
	background: #ededed;
	color: #4d4d4d;
	font-family: Arial, Helvetica, Verdana, Tahoma; 
	font-size: 12px; }

a {  
	color: #ec008c; 
	text-decoration: none; }
	a:hover { text-decoration: underline; }
h1 { color: #ec008c; font-size: 32px; }
h2 { color: #ec008c; font-size: 24px; }
h3 { color: #ec008c; font-size: 22px; }
h4 { color: black; font-size: 18px; }
h5 { color: black; font-size: 14px; }
h6 { color: black; font-size: 12px; }
p { line-height: 18px; } 
input[type=text], textarea { 
	padding: 5px 10px 6px 10px;
	background: #cbcbcb;
	color: #7a7a7a;
	border: none;
	cursor: text;
	font-size: 11px;
	font-family: arial, helvetica, verdana; }
	input[type=text].focusField, textarea.focusField{ background: #d9d9d9; }
input[type=submit] {
	padding: 4px 10px 5px 10px; /* IE: padding: 4px 0 5px 0; */
	background: #ec008c;
	color: white;
	cursor: pointer; }
	input[type=submit]:hover { background: #d3027e; }
.text ul li {
	background: url(/gfx/li.png) no-repeat center left;
	list-style-position: inside;
	padding: 5px 0 5px 20px;
	line-height: 16px; }
.text ol li {
	list-style-position: inside;
	list-style-type: decimal;
	padding: 5px 0 5px 0; }

/*******************************************************************************************

		SPECIFIEKE STYLING

*******************************************************************************************/

#container {
	position: absolute;
	width: 100%;
	min-height: 100%;
	/*overflow: hidden;*/ }

#main { 
	margin: 0 auto 175px;
	width: 1000px;  }

/************ SECTION: HEADER */

#section_header { 
	position: relative;
	z-index: 2;
	padding: 0 10px 0 10px;
	height: 152px; /* IE7: height: 162px; */
	border-bottom: 10px solid #e0e0e0; }
	#section_header h1 { padding-top: 36px; }
		#section_header h1 a { 
			display: block;
			width: 285px;
			height: 27px;
			background: url(/gfx/logo.gif) no-repeat; }
	#section_header h2 { 
		padding: 8px 0 18px 25px;
		color: #8e8e8e; }
	
	/* Navigation */
	
	ul#navigation { 
		position: absolute;
		bottom: -10px; }
		ul#navigation li { 
			position: relative;
			float: left;
			height: 51px; }
			ul#navigation li a { 
				display: block;
				padding: 17px 24px 13px 24px; /* IE padding: 14px 24px 15px 24px; */
				background: #e0e0e0;
				text-transform: uppercase;
				font-size: 15px; }
				ul#navigation li a:hover { 
					background: white;
					text-decoration: none; }
				ul#navigation li.active a { background: white; }

		/* Dropdown menu */
				ul#navigation li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
				/* level 2 */
				ul#navigation ul {
					position: absolute;
					z-index: 20;
					top: -999em;
					width: 150px; /* left offset of submenus need to match (see below) */
					/* IE7: padding-top: 8px; */ }
					ul#navigation ul li { 
						position: relative;
						z-index: 3;
						height: 48px;
						width: 250px; }
						ul#navigation ul li a, ul#navigation ul li.active a { 	
							background: url(/gfx/dropdown.png) no-repeat 25px center #d81f34;
							padding: 17px 24px 17px 44px;
							color: white; }
							ul#navigation ul li a:hover { background: url(/gfx/dropdown.png) no-repeat 25px center #E74053; }
							ul#navigation li.active ul li a { background: #ec008c; } 
						ul#navigation li:hover ul, ul#navigation li.sfHover ul {
							left: 0;
							top: 40px; /* match top ul list item height */ /* IE7: top: 46px; */ }
					/* level 3 */
					ul#navigation li:hover li ul, ul#navigation li.sfHover li ul { 
						top: -999em;
						left: 150px; }
						ul#navigation li li:hover ul, ul#navigation li li.sfHover ul {
							top: 0;
							width: 150px; /* match ul width */ }
							/* level 4 */
							ul#navigation li li:hover li ul, ul#navigation li li.sfHover li ul { top: -999em; }
								ul#navigation li li li:hover ul, ul#navigation li li li.sfHover ul { 
									top: 0;
									width: 150px; /* match ul width */ }
					.sf-sub-indicator { display: none; }

	/* MetaNavigation */

	#section_header .metaNav ul#metaNav { 
		position: absolute;
		top: 0;
		right: 10px;
		font-size: 15px; }
		.metaNav ul#metaNav li { 
			float: left;
			margin: 0;
			height: 30px; }
			.metaNav ul#metaNav li a { 
				display: block;
				padding: 17px;
				background: #0f77bd;
				color: white;
				text-transform: lowercase; }
				.metaNav ul#metaNav li a:hover { 
					background: #25aae1;
					text-decoration: none; }
				.metaNav ul#metaNav li.active a { background: #f4762b; }

#contentContainer {		
	position: relative;
	z-index: 1;
	padding: 0 10px 10px 10px;
	background: #e0e0e0; }

	#contentContainer .text h3 { 
		font-weight: normal;
		color: #4a7aa2;
		padding: 10px 0; }
	#contentContainer .text h4, #contentContainer .text h5 { 
		font-weight: normal;
		padding: 20px 0 10px 0; }

	/************ main */	
	#section_main { 
		float: left; 
		padding: 20px;
		width: 625px;
		background: white;  }
		#container.frontpage #section_main { 
			float: left; 
			width: 625px;
			padding-right: 20px; }
		#section_main h3 { 
			color: black;
			padding-bottom: 5px; }  
		#section_main p { padding: 5px 0; }
		#section_main .text table td { 
			padding: 15px 15px 15px 0;
			width:  }
		
		/* Portfolio */
		#section_main .XMSPortfolioBlock .mainText a img { padding-bottom: 10px; }
		
		/* Frontpage */
		#container.frontpage #contentContainer { 
			padding: 20px 20px 0 20px;
			background: white;
			border-left: 10px solid #e0e0e0;
			border-bottom: 10px solid #e0e0e0;
			border-right: 10px solid #e0e0e0; }
			#container.frontpage #section_main { 
				padding: 20px 100px 0 20px;
				width: 514px; }
		
		#container.frontpage #section_main {
			height: 253px; 
			background: url(/gfx/catherine.jpg) no-repeat; }
			#container.frontpage #section_main p { padding-left: 150px; margin-top: 10px; }
										
	/************ sidebar */
	#section_sidebar { 
		float: right; 
		padding: 0; 
		width: 305px; }
		#section_sidebar h3 { 
			color: black;
			font-size: 24px; } 
			#section_sidebar ul li strong { 
				width: 50px;
				color: #333333; } 
		#section_sidebar table tr td { padding: 10px 40px 0 0; }
			#section_sidebar table tr td strong { color: #ec008c; }
		
		#section_sidebar .contactForm h3 { display: none; }
		#section_sidebar .contactForm .field label { 
			display: block; 
			float: left;
			width: 50px; 
			padding-top: 8px; }  
		#section_sidebar .contactForm .field input { 
			width: 210px;
			margin-bottom: 5px; }
			#section_sidebar .contactForm .field input.focusField, #section_sidebar .contactForm .field textarea.focusField { background: #bab9b9; } 
			#section_sidebar .contactForm .field textarea {  
				width: 210px;
				height: 50px; }
		#section_sidebar .contactForm .contactSubmit {
			float: right;
			margin: 5px 9px 0 0 }
				
		#section_sidebar .text ul, #section_sidebar .text p, #section_sidebar .text h3, #section_sidebar .text h4, #section_sidebar .text h2, #section_sidebar .text h1 {
			padding: 20px; }
		#section_sidebar .text table { display: block;  padding: 20px; }
		
		#section_sidebar .johnson { 
			background: white;
			padding: 20px;
			font-size: 18px;
			line-height: 30px;
			font-style: italic;
			color: black; }
			#section_sidebar .johnson a {
				margin-top: 10px;
				color: white;
				display: block;
				background: url(/gfx/button.png) no-repeat;
				display: block;
				width: 243px;
				height: 18px;
				padding: 10px; }
				#section_sidebar .johnson a:hover {
					text-decoration: none;
					background-position: 0 -38px; }
		
		/* Frontpage */
		#container.frontpage #section_sidebar { padding-top: 10px; }
			#container.frontpage #section_sidebar ul { padding: 0; }
				#container.frontpage #section_sidebar ul li {
					padding: 0 0 20px 35px;
					background: url(/gfx/vink.gif) no-repeat 3px 0;
					list-style-type: none;
					/* IE7
					background-position: 3px 10px; 
					border: 1px solid #ededed;
					*/ }
					#container.frontpage #section_sidebar ul li h4 {
						padding-bottom: 5px;
						color: black; } /* IE7: margin-left: -16px; */
						#container.frontpage #section_sidebar ul li p {
							padding-top: 3px;
							border-top: 1px solid #ec008c; }

/************ subfooter */
#section_subfooter { 
	float: left;
	padding: 35px 20px 35px 10px;
	width: 382px; }
	#section_subfooter h4 { padding-bottom: 24px; }
	#section_subfooter .callmeback h3 { padding-bottom: 20px; }
	
	/* Portfolio Items List */
	body.XMSPortfolioListPage #section_subfooter {
		float: none;
		padding: 35px 0 0 0;
		width: 998px; }
		body.XMSPortfolioListPage #section_subfooter h3 { padding-bottom: 20px; }
		body.XMSPortfolioListPage #section_subsidebar { display: none; }
		body.XMSPortfolioListPage #section_subfooter .callmeback { display: none; }
	#section_subfooter .XMSPortfolioBlock .portfolioItem { 
		position: relative;
		float: left;
		width: 450px;
		padding: 10px;
		margin: 0 29px 29px 0;
		background: #d8d8d8; }
		#section_subfooter .XMSPortfolioBlock .portfolioItem h3 a { 
			float: left;
			color: black;
			font-size: 14px; }
		#section_subfooter .XMSPortfolioBlock .portfolioItem .introText { 
			float: left;
			width: 288px;
			line-height: 18px; }
			#section_subfooter .XMSPortfolioBlock .portfolioItem .introText a { 
				position: absolute;
				bottom: 10px;
				right: 10px;
				padding: 5px 10px;
				background: #ec008c;
				color: white; } 
				#section_subfooter .XMSPortfolioBlock .portfolioItem .introText a:hover { 
					background: #d3027e;
					text-decoration: none; } 
		#section_subfooter .XMSPortfolioBlock .portfolioItem a img { 
			float: left;
			padding-right: 10px; } 

/************ subsidebar */
#section_subsidebar { 
	float: left;
	padding: 35px 0px 35px 20px;
	width: 567px; }

	/* Portfolio */
	#section_subsidebar .XMSPortfolioBlock {}
		#section_subsidebar .XMSPortfolioBlock h3 { padding-bottom: 30px; }
		/* Portfolio Item - Thumbnails */
		#section_subsidebar .XMSPortfolioBlock .thumbnails .firstPortfolioItem .portfolioItem { padding: 0; }
		#section_subsidebar .XMSPortfolioBlock .thumbnails .portfolioItem {
			float: left;
			width: 167px;
			padding-left: 33px; }
			#section_subsidebar .XMSPortfolioBlock .thumbnails .portfolioItem img { 
				overflow: hidden;
				margin-bottom: 10px;
				border: 10px solid #d8d8d8; }
				#section_subsidebar .XMSPortfolioBlock .thumbnails .portfolioItem img:hover { border: 10px solid #c8c8c8; } 
			#section_subsidebar .XMSPortfolioBlock .thumbnails .portfolioItem h3 { padding-bottom: 5px; }
				#section_subsidebar .XMSPortfolioBlock .thumbnails .portfolioItem h3 a { 
					color: black;
					font-size: 14px; }
					#section_subsidebar .XMSPortfolioBlock .thumbnails .portfolioItem h3 a:hover { color: #535353; }
		
		
/************ footer */
#section_footer {
	position: absolute;
	bottom: 0px;
	padding: 21px 0;
	height: 75px;
	width: 100%;
	background: white;
	border-top: 10px solid #e0e0e0;
	font-size: 11px; }
	#section_footer .container {
		margin: 0 auto;
		padding-top: 5px;
		width: 1000px;
		border-top: 1px solid #ec008c; }
		#section_footer .container .slik { float: right; }
		#section_footer .container .text { float: left; }
			#section_footer .container .text p, #section_footer .container .text h4 { 
				float: left;
				padding: 0 10px; }
				#section_footer .container .text p strong { color: #ec008c; }
		
		/* Frontpage */
		#container.frontpage #section_footer { height: 130px; }
			#container.frontpage #section_footer .container {
				border: none; }
				#container.frontpage #section_footer .container  h4 {
					padding: 0 0 5px 0;
					color: black;
					border-bottom: 1px solid #ec008c; }
				#container.frontpage #section_footer .container .text { 
					float: left;
					width: 322px; }
					#container.frontpage #section_footer .container .text table td { 
						width: 200px;
						padding: 5px 60px 0 0; }
						#container.frontpage #section_footer .container .text table td p { 
							float: none;
							padding: 0; }
						#container.frontpage #section_footer .container .text table td strong { color: #ec008c; } 	
				#container.frontpage #section_footer .callmeback { padding: 0 30px 0 50px; }
					#container.frontpage #section_footer .callmeback form { padding-left: 20px; }

/*******************************************************************************************

		OTHER

*******************************************************************************************/

/************ call me back */

.callmeback .info { 
	float: left; 
	width: 250px; }
	.callmeback .info p { padding-top: 5px; }
	.callmeback .info span { color: #ec008c; }
	.callmeback form {
		padding-top: 20px;
		width: 350px;
		float: left; }
		.callmeback form input[type=text] { 
			margin: 0 5px 5px 0;
			float: left; 
			width: 218px; }
		.callmeback form input[type=submit] {  
			float: left; }
			
/************ Quote */
#container.frontpage #section_main .text { 
	text-align: right;
	line-height: 15px; }
#container.frontpage #section_main .text img, #section_sidebar .text img { float: left; } 
#container.frontpage #section_main .text p em, #section_sidebar .text p em { 
	padding-top: 20px;
	color: #797979;
	font-family: Georgia;
	font-size: 16px; } 
	#container.frontpage #section_main .text h5, 
	#container.frontpage #section_main .text h6, 
	#section_sidebar .text h5, 
	#section_sidebar .text h6 { 
		color: #ec008c;
		font-family: Georgia;
		font-style: italic; }
		#container.frontpage #section_main .text h5, 
		#section_sidebar .text h5 { padding-top: 10px; }
		#container.frontpage #section_main .text h6, 
		#section_sidebar .text h6 { color: #969596; }