html, body {
	margin:0;
	padding:0;
}

body {
	background:#fff;
	color:#4c4c4c;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
}

a:focus, input:focus {
	outline: none;	
}

img {
	border:0 none;
	}

h1 {
	color:#4c4c4c;
	font-size:26px;
	font-weight:bold;
	margin:0 0 10px 0;
	letter-spacing:-1px;
	font-family: "lucida sans unicode",Verdana, Helvetica, sans-serif;
	}

h2 {
	color:#0079c1;
	font-size:14px;
	font-weight:bold;
	margin:0;
	text-transform:uppercase;
	font-family: "lucida sans unicode",Verdana, Helvetica, sans-serif;
	}

h3 {
	color:#0079c1;
	font-size:12px;
	font-weight:bold;
	margin:0;
	}

h4 {
	color:#4c4c4c;
	font-size:13px;
	font-weight:bold;
	margin:0 0 10px 0;
	}
	
p {
	color:#4c4c4c;
	margin:0 0 10px;
	padding:0;
	line-height:15px;
	font-size:11px
	}
	td , td p  {
		font-size: 10px;
	}

table.tablefontsize tr td, table.tablefontsize tr td p {
        font-size:11px;
        line-height:15px;
}

ul {
	padding:0;
	margin:0;
}

ul li {
	list-style-type:none;
	list-style-position:outside;
}

div.holder {
	position:relative;
	margin:0 auto;
	width: 961px;
	padding:0 18px;
	overflow:hidden;_zoom:1;
}


a {
	font-size:1.0em;
	color:#0079c1;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

a.button-l {
	background: url(images/button-l.png) no-repeat;
	display:block;
	color:#fff;
	height:22px;
	width:117px;
	font-size:11px;
	padding:1px 0 0 0;
	text-align:center;
	}
	
a.read-more {
	background:url(images/read-more.png) no-repeat;
	width:84px;
	height:22px;
	display:block;
	color:#fff;
	font-size:12px;
	padding:0;
	text-align:center;
	position:absolute;
	bottom:10px;
	right:10px;
}

a.big-button, a.big-button-grey {
	background:url(images/big-button.png) no-repeat;
	width:154px;
	height:28px;
	display:block;
	color:#fff;
	font-size:12px;
	padding:7px 0 0 0;
	text-align:center;
	position:relative;
	bottom:0;
	float:right;
	margin-top:10px;
	font-size:13px;
	margin-bottom: 20px;
}
a.big-button-grey {
	background:url(images/big-button_grey.png) no-repeat;
	margin-bottom: 0px;
	margin-top:0px;
}
/*---------------- HEADER ----------------*/


div#header {
	position: relative;
	height:90px;
	background:#fff;
}

div#header a.logo {
	background: url(images/getlogic-logo.png) no-repeat;
	width:171px;
	height:48px;
	display:block;
	text-indent:-9999px;
	margin-top:22px;
}

div#header ul.menu {
	padding:0;
	margin:0;
	overflow:hidden;_zoom:1;
	position:absolute;
	top:35px;
	right:18px;
}

div#header ul.menu li {
	background:url(images/menu-item-bg.png) repeat-x;
	padding:0;
	margin:0;
	text-transform: lowercase;
	list-style-type:none;
	float:left;
	margin-left:10px;
}

div#header ul.menu li a {
	background:#fff;
	font-size:14px;
	font-weight:bold;
	height: 20px;
	color:#4c4c4c;
	display:block;
	letter-spacing:-1px;
	float:left;
	padding-right:12px;
}

div#header ul.menu li a span.left {
	background:#fff;
	width:11px;
	height:20px;
	display:block;
	float:left;
	cursor:pointer;
}

div#header ul.menu li a:hover {
	background:url(images/menu-item-right.png) no-repeat right;
	color:#fff;
	text-decoration:none;
}

div#header ul.menu li a:hover span.left {
	background:url(images/menu-item-left.png) no-repeat;
}

div#header ul.menu li.current_page_item {
	background:url(images/menu-item-bg.png) repeat-x;
}

div#header ul.menu li.current_page_item a {
	background:url(images/menu-item-right.png) no-repeat right;
	color:#fff;
}

div#header ul.menu li.current_page_item a span.left {
	background:url(images/menu-item-left.png) no-repeat;
}

/*---------------- INTRODUCTION TEXT ----------------*/

div#top-content {
	background:#f3f3f3;
	border-bottom: 1px solid #d4d4d4;
	padding:30px 0;
}

div#top-content .intro h1 {
	font-size:25px;
	color:#4c4c4c;
	margin:0 0 15px;
	padding:0;
}

div#top-content .intro p {
	font-size:17px;
line-height:20px;
margin:0;
padding:0;
width:760px;
	letter-spacing:-0.5px;
	font-family: "lucida sans unicode",Verdana, Helvetica, sans-serif;
}


		/*---------------- SLIDER ----------------*/
		
		div#top-content .slider {
			
            width: 100%;
			height:254px;
			margin:25px 0 0 0;
			position:relative;
			}
			.js .slider {
				overflow:hidden;
				position: relative;
			}
			.js .slider .project {
                background: url(images/slider-bg.png) no-repeat bottom;
				position: absolute;
				left: 0;
				top: 0;
				width: 961px;
				height: 254px;
			}
			
		
		div#top-content .slider .project p {
			padding-right: 20px;
			line-height: 20px;
		}
		
		div#top-content .slider .project span.image {
			width:320px;
			height:243px;
			overflow:hidden;_zoom:1;
			float:left;
			margin:0 15px 0 25px;
		}

		div#top-content .slider .project span.text {
			overflow:hidden;_zoom:1;
			float:left;
			width:600px;
			margin-top:50px;
		}
		
		div#top-content .slider .project span.text h2 {
			color:#fff;
			font-size:25px;
			text-transform:none;
		}

		div#top-content .slider .project span.text p {
			color:#fff;
			font-size:14px;
		}	
		
		div#top-content .slider ul.pager {
			z-index:1000;
			padding:0;
			margin:0;
			position:absolute;
			bottom:18px;
			right:10px;
			height:16px;
		}
		
		div#top-content .slider ul.pager li {
			list-style-type:none;
			margin-left:5px;
			float:left;
			background: url(images/slider-next.png) no-repeat 0 -16px;
			height:16px;
			width:16px;
			display:block;
			cursor: pointer;
			text-indent:-9999px;
		}
		div#top-content .slider ul.pager li.active,
		div#top-content .slider ul.pager li:hover {
			background-position:0px 0px;

		}

		div#top-content .slider ul.pager li a {
			
			
		}

		div#top-content .slider ul.pager li a:hover {
					}


/*---------------- CONTENT ----------------*/

div#bottom-content {
	background:#fff;
}
	div#bottom-content h1 {
		margin: 0px 0 0 0;
	}

div#bottom-content .row {
	overflow:hidden;_zoom:1;
	width:961px;
	padding:20px 0;
	border-top: 1px solid #d4d4d4;
	clear:both;
}	
div#bottom-content .portfoliorow {
	padding: 10px 0 14px;
}
div#bottom-content .contact-info img {
	float:left;
	margin:0 10px 0 0;
}

div#bottom-content ul {
	margin-bottom:15px;
}

div#bottom-content .contact-info {
	height:70px;
	overflow:hidden;_zoom:1;
	margin-top:10px;
}

div#bottom-content .contact-info ul {
	margin-top:7px;
}

div#bottom-content ul li {
	font-size:11px;
}

div#bottom-content ul li span.big {
	font-size:14px;
	font-weight:bold;
}



div#bottom-content .googleMap {
	float:right;
	margin:0 0 0 20px;
	width:431px;
	height:437px;
	font-size: 12px;
	line-height: 14px;
	/*color:#fff;*/
}
	div#bottom-content .googleMap h4 {
		margin: 0 0 4px 0;
		font-size: 13px;	
	}
	div#bottom-content .googleMap form {
		position:relative;
		width:258px;
	}


div#bottom-content .alignright {
	float:right; 
	margin:0 0 0 20px;
}

div#bottom-content .first {
	border-top:none;
}

div#bottom-content .company p {

}

div#bottom-content .col {
	float:left;
}

div#bottom-content .core-business {
	background:url(images/core-business-bg.gif) no-repeat;
	width:222px;
	height:140px;
	overflow:hidden;_zoom:1;
	margin-right: 24px;
	position:relative;
}

div#bottom-content .last {
	margin-right:0;
}

div#bottom-content .core-business h1 {
	background:url(images/core-heading-active.png) no-repeat;
	width: 191px;
	height:32px;
	margin:7px;
	color:#fff;
	padding:7px 9px;
	font-size:17px;
	position:relative;
}

div#bottom-content .core-business h1 span.icon {
	display:block;
	width:35px;
	height:46px;
	position:absolute;
	right:0;
	top:0;
}

div#bottom-content .core-business h1 span.webontwikkeling {
	background:url(images/icon-webontwikkeling.png) no-repeat;
}

div#bottom-content .core-business h1 span.edemocracy {
	background:url(images/icon-edemocracy.png) no-repeat;
}

div#bottom-content .core-business h1 span.communities {
	background:url(images/icon-communities.png) no-repeat;
}

div#bottom-content .core-business p {
	margin:0 15px;
	line-height: 13px;
}


		/*---------------- OPLOSSINGEN BLOCKS ----------------*/

		div#bottom-content a.core-business {
			background:none;
	
			height:140px;
			overflow:hidden;_zoom:1;
		
			margin-bottom:40px;
			position:relative;
			display:block;
			color:#4C4C4C;
		}

		div#bottom-content a.core-business span.text {
			font-size:12px;
			line-height: 16px;
			padding:0 15px;
			display:block;
		}
		
		div#bottom-content a.active {
			background:url(images/core-business-bg.gif) no-repeat;
		}


				
		div#bottom-content a.core-business:hover,
		div#bottom-content a.core-business.active {
			background:url(images/core-business-bg-hover.gif) no-repeat;
			color:#fff;
			text-decoration:none;
		}

		div#bottom-content a.core-business:hover span.title,
		div#bottom-content a.core-business.active span.title {
			background:url(images/core-heading-hover.png) no-repeat;
		}
				
		div#bottom-content a.last {
			margin-right:0;
		}
		
		div#bottom-content a.core-business span.title {
			background:url(images/core-heading.png) no-repeat;
			width:191px;
			height:32px;
			margin:7px;
			color:#fff;
			padding:7px 9px;
			font-size:17px;
			position:relative;
			display:block;
		}

		div#bottom-content a.active span.title {
			background:url(images/core-heading-hover.png) no-repeat;
		}
				
		div#bottom-content a.core-business span.title span.icon {
			display:block;
			width:35px;
			height:38px;
			position:absolute;
			right:0;
			top:0;
		}
		
		div#bottom-content a.core-business span.title span.webontwikkeling {
			background:url(images/icon-webontwikkeling.png) no-repeat;
		}
		
		div#bottom-content a.core-business span.title span.edemocracy {
			background:url(images/icon-edemocracy.png) no-repeat;
		}
		
		div#bottom-content a.core-business span.title span.communities {
			background:url(images/icon-communities.png) no-repeat;
		}


			div#bottom-content .core-business-view {
				background:#eaebeb;
				border:1px solid #b0b0b0;
				clear:both;
				position:relative;
			
			}
			.js div#bottom-content .core-business-view {
					display: none;
			}

			div#bottom-content .core-business-view .text {
				padding:20px;
			}
			
			div#bottom-content .examples {
				background: url(images/solutions-example-bg.png) no-repeat;
				width:921px;
				height:140px;
				position:relative;
				margin:0 -1px -1px;
				padding:20px;
			}
			
			div#bottom-content .examples h4 {
				color:#fff;
				font-size:15px;
				font-weight:normal;
				margin:0 0 20px 0;
				padding:0;
			}
			
			div#bottom-content .examples img {
				float:left;
				margin-right:15px;
			}

		div#bottom-content span.arrow {
			background: url(images/core-business-view-arrow.png) no-repeat;
			width:43px;
			height:18px;
			display:block;
			position:absolute;
			top:-18px;
			z-index:1000;
		}						

		div#bottom-content .solution_1 span.arrow {
			left:90px;
		}

		div#bottom-content .solution_2 span.arrow {
			left:336px;
		}

		div#bottom-content .solution_6 span.arrow {
			left:582px;
		}
		div#bottom-content .solution_8 span.arrow {
			left:828px;
		}
							
		/*---------------- PORTFOLIO BLOCKS ----------------*/
		
		div#bottom-content .showcase {
			background: url(images/showcase-bg.png) no-repeat;
			width:961px;
			height:220px;
			position:relative;
		}

		div#bottom-content .showcase img {
			float:left;
			margin:4px 15px 0 6px;
			position: relative;
		}

		div#bottom-content .showcase h1 {
			padding:20px 0 0 0;
		}
		
		div#bottom-content .showcase p {
			font-size:13px;
			padding-right:20px;
		}

		div#bottom-content .foldout {
			position: relative;
			display:block;
		}
				
		div#bottom-content .foldout .project {
			background:url(images/project-bg.png) repeat-x;
			height:389px;
			position: relative;
			display: none;
		}

		div#bottom-content .foldout .project span.text {
			float:left;
			width:250px;
			margin:20px 20px 0 30px;
		}
		
		div#bottom-content .foldout .project span.img-holder {
			background:url(images/foldout-img-holder.png) no-repeat;
			display:block;
			width:301px;
			height:328px;
			float:left;
			margin:15px 0 0 15px;
			padding:7px 0 0 7px
		}
		
		div#bottom-content .foldout .toggle-bar-closed {
			background: url(images/togglebar-bg.png) no-repeat;
			width:961px;
			height:22px;
                        position: relative;
                        z-index: 1000;
		}				

		div#bottom-content .foldout .toggle-bar-open {
			background: url(images/togglebar-bg.png) no-repeat;
			width:961px;
			height:22px;
			position: relative;
	                z-index:1000;
			margin:-22px 0 0 0;
		}
				
		div#bottom-content .foldout .toggle-bar-closed a {
			background: url(images/foldout-close.png) no-repeat;
			width:64px;
			height:35px;
			position:relative;
			float:right;
			text-indent:-9999px;
			margin-top:-13px;
			display:block;
		}

		div#bottom-content .foldout .toggle-bar-open a {
			background: url(images/foldout-open.png) no-repeat;
			width:116px;
			height:33px;
			position:relative;
			float:right;
			margin:0;
			display:block;
			color:#fff;
			font-size:12px;
			padding:2px 0 0;
			text-align:center;
		}


		/*---------------- BEDRIJF TEAM ----------------*/

		div#bottom-content .topspace {
				margin-top:40px;
		}

		div#bottom-content .foldout .team {
			background:url(images/project-bg.png) repeat-x;
			height:371px;
			padding:18px 0 0 20px;
			position: relative;
			margin:40px 0 0 0;
			width:941px;
			overflow:hidden;_zoom:1;
			display: none;
		}

		div#bottom-content .foldout .team .top {
			background: url(images/team-top-bg.png) no-repeat top;
			height:9px;
			width:961px;
			position: relative;
			top:0;
			margin:-18px 0 0 -20px;
			float:left;
		}
						
		div#bottom-content .foldout .team span.photo {
			height:99px;
			width:99px;
			display:block;
			border:1px solid #969696;
			background:#fff;
			float:left;
			position: relative;
			margin:0 16px 16px 0;
		}
		
		div#bottom-content .foldout .team span.photo span.title {
			width: 95px;
			position: absolute;
			bottom: 0px;
			background: white;
			color: #666;
			border-top:1px solid #969696;
			font-size: 10px;
			line-height: 11px;
			padding: 2px;
			display: none;	
		}
		/*---------------- PORTFOLIO BLOCKS ----------------*/
		
		form#contactform {
			padding:0;
			margin:15px 0 0 0;
			width:490px;
		}

		form#contactform label {
			display:block;
			width:200px;
			float:left;
			height:23px;
			font-size:12px;
			clear:left;
		}

		form#contactform input:focus {
			border:1px solid #0079c1;
			background:#f2f2f2;
		}

		form#contactform textarea:focus {
			border:1px solid #0079c1;
			background:#f2f2f2;
		}		
		
		form#contactform input {
			border:1px solid #d4d4d4;
			height:18px;
			margin-bottom:4px;
			width:277px;
			display:block;
			font: 11px lucida sans unicode, Arial, Helvetica, sans-serif;
			padding:2px 4px 0;
		}				

		form#contactform textarea {
			border:1px solid #d4d4d4;
			height:108px;
			margin-bottom:4px;
			width:277px;
			display:block;
			font: 11px lucida sans unicode, Arial, Helvetica, sans-serif;
			padding:2px 4px 0;
		}	
		
		form#contactform input.small {
			width:100px;
		}
		
		
		form#contactform button.submit {
			background: url(images/button-l.png) no-repeat;
			padding:0;
			margin:0;
			float:right;
			clear:both;
			width:117px;
			height:22px;
			border:none;
			cursor: pointer;
			font: 11px lucida sans unicode, Arial, Helvetica, sans-serif;
		}
		
		form#contactform button.submit p {
			color:#fff;
		}
	
/*---------------- FOOTER ----------------*/

div#footer {
	background:url(images/footer-outer-bg.png) repeat-x;
	height:201px;
	clear:both;
	margin-top: 20px;
}

div.footer-holder {
	position:relative;
	background:url(images/footer-bg.jpg) no-repeat top left;
	margin:0 auto;
	width: 961px;
	height:201px;
	padding:0;
	font-size: 10px;
	overflow:hidden;_zoom:1;
}
div.footer-holder p, div.footer-holder li, div.footer-holder a {
	font-size: 10px;
}
div#footer .block-contact {
	width: 345px;
	float:left;
	margin-top:30px;
	padding:0 20px;
}

div#footer a {
	color:#fff;
	font-size: 11px;
}


div#footer .block {
	width: 151px;
	float:left;
	margin-top:30px;
	padding:0 20px;
}

div#footer h3 {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	margin-bottom:10px;
}

div#footer p {
	color:#b2b2b2;
}

div#footer ul {
	padding:0;
	margin:0;
}

div#footer ul li {
	list-style-type:none;
	list-style-position:outside;
	color:#fff;
}

div#footer ul li.space {
	margin-bottom:10px;
}

div#footer ul li p {
	margin:0;
}

div#footer ul.bezoekadres {
	width:45%;
	float:left;
}

div#footer ul.cor-adres {
	width:45%;
	float:left;
}

div#footer span.paylogic-logo {
	background: url(images/paylogic-logo.png);
	width:102px;
	height:27px;
	margin-bottom:13px;
	display:block;
}

div#footer .copyright {
	background:#000;
	height:25px;
	display:block;
	width:100%;
	text-align:right;
}

div#footer .copyright p {
	margin:4px 3px 0 0;
	padding:0;
}

div.wpcf7 {
	width: 490px;	
}
div.wpcf7 p {
	overflow: hidden;	
}
	div.wpcf7 p label {
		clear:left;
		display:block;
		float:left;
		font-size:11px;
		height:23px;
		width:200px;
	}
	div.wpcf7 p br {
		display: none;
	}
	div.wpcf7 p input {
	border:1px solid #D4D4D4;
display:block;
font-family:lucida sans unicode,Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:18px;
line-height:normal;
margin-bottom:4px;
padding:2px 4px 0;
width:277px;
	}
	
	div.wpcf7 textarea {
	-x-system-font:none;
border:1px solid #D4D4D4;
display:block;
font-family:lucida sans unicode,Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:108px;
line-height:normal;
margin-bottom:4px;
padding:2px 4px 0;
width:277px;	
	}
	div.wpcf7 input[type=submit] {
	background:transparent url(images/button-l.png) no-repeat scroll 0 0;
border:medium none;
clear:both;
cursor:pointer;
float:right;
font-family:lucida sans unicode,Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:22px;

margin:0;
padding:0 0 4px 0;
width:117px;	
	color: white;	
	}
	
	div.wpcf7 span.your-tussenvoegsels input, div.wpcf7 span.your-initials input {
		width: 100px;
	}
	
	
.text ul {
	margin: 0 0 0 22px;
}
	.text ul li {
		list-style: disc;
	}