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

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

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;
	}
	
h2 {
	font-size:22px;
    font-weight:bold;
    color:#575757;
    border-bottom:1px solid #949494;
    letter-spacing:-1px;
    margin:0 0 15px 0;
    padding:0 0 5px 0;
	}

h2 span {
    font-size:22px;
    font-weight:bold;
    color:#0079c1;
	}

h3 {
	font-size:14px;
    font-weight:bold;
    color:#494949;
    letter-spacing:-1px;
    margin:0 0 2px 0;
    padding:0;
	}

h4 {
	color:#4c4c4c;
	font-size:13px;
	font-weight:bold;
	margin:20px 0 0 0;
    padding:0 0 5px 0;
	}

p {
	color:#4c4c4c;
	margin:0 0 10px;
	padding:0;
	line-height:16px;
	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: 958px;
	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:#e7e7e7;
	border-bottom: 1px solid #d4d4d4;
	padding:12px 0;
	}

div#top-content .intro {
	background-color:#f6f6f6;
        background-image:url(images/intro-bg.gif);
        background-repeat: no-repeat;
        background-position:0 0;
        padding:22px 10px 5px;
        width:934px;
        margin:0 0 16px 0;
	}

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

div#top-content .intro p {
	font-size:17px;
	line-height:20px;
	margin:0;
	padding:0;
	width:760px;
	letter-spacing:-0.5px;
	}


		/*---------------- SLIDER ----------------*/

                div#top-content .sliderbox {
                width:954px;
                }		

		div#top-content .slider {
			float:left;
            width: 659px;
			height:209px;
			margin:0px 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: 659px;
				height: 209px;
				}
			
		
		div#top-content .slider .project p {
			line-height: 18px;
			}
		
		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:280px;
			margin-top:40px;
			}
		
		div#top-content .slider .project span.text h2 {
			color:#fff;
			font-size:21px;
			text-transform:none;
			letter-spacing:0;
			margin:0;
			padding:0;
			border-bottom:none;
			}

		div#top-content .slider .project span.text p {
			color:#fff;
			font-size:11px;
			}	
		
		div#top-content .slider ul.pager {
			z-index:1000;
			padding:0;
			margin:0;
			position:absolute;
			bottom:-3px;
			right:5px;
			height:16px;
			}
		
		div#top-content .slider ul.pager li {
			list-style-type:none;
			margin-left:4px;
			float:left;
			background: url(images/slider-next.png) no-repeat 0 -9px;
			height:9px;
			width:9px;
			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 {
			}

div#top-content .cores {
	float:left;
	margin:7px 0 0 20px;
	padding:8px 0 0 14px;
	height:198px;
	background:url(images/core-business-bg-border.png) no-repeat top left;
	}

div#top-content .cores a {
	display:block;
	width:261px;
	height:38px;
	text-indent:-9999px;
	margin:0 0 9px 0;
	}

div#top-content .cores a.ecommerce {
	background:url(images/core-business-ecommerce-button.png) no-repeat 0 0;
	}

div#top-content .cores a.communities {
	background:url(images/core-business-communities-button.png) no-repeat 0 0;
	}

div#top-content .cores a.donations {
	background:url(images/core-business-donations-button.png) no-repeat 0 0;
	}

div#top-content .cores a.democracies {
	background:url(images/core-business-democracies-button.png) no-repeat 0 0;
	margin:0;
	}

div#top-content .cores a:hover {
	background-position:0 -38px;
	}

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

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

div#bottom-content h1.actueel {
	border-bottom:1px solid #949494;
	margin:0 0 15px 0;
	}

div#bottom-content h2 a.back {
	background:url(images/arrow-bullet-left.gif) 0 4px no-repeat;
	padding:0 0 0 15px;
	font-size:13px;
	float:right;
	margin:10px 0 0 0;
	}

div#bottom-content .dienst {
	width:310px;
	margin:0 20px 20px 0;
	float:left;
}

div#bottom-content .dienst a.more {
	display:inline-block;
}

div#bottom-content .donation, div#bottom-content .mobile-apps, div#bottom-content .other-solutions {
	clear:both;	
}

div#bottom-content .row {
	overflow:hidden;_zoom:1;
	width:961px;
	padding:20px 0;
	border-top: none;
	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;
			}
			
        /*---------------- NEWS / BLOG ----------------*/

            div#bottom-content .left {
                float:left;
                width:661px;
                margin:0 39px 0 0;
            	}

            div#bottom-content .left .news {

            	}

            div#bottom-content .left h3 {
                
            	}

            div#bottom-content .left h3 span {
                
            	}

            div#bottom-content .left h5 {
                font-size:14px;
                font-weight:bold;
                color:#494949;
                letter-spacing:-1px;
                margin:0 0 2px 0;
                padding:0;
            	}

            div#bottom-content .left .news {
                margin-bottom:30px;
            	}

            div#bottom-content .left .news img {
                float:right;
                border:1px solid #505050;
                margin:0 0 15px 15px;
            	}

            div#bottom-content .left .news ul {
                padding:0;
                margin:0;
                display:block;
                border-top:1px solid #d8d8d8;
				clear:both;  
            	}

            div#bottom-content .left .news ul li {
                border-bottom:1px solid #d8d8d8;
            	}

            div#bottom-content .left .news ul li a {
                background:url(images/arrow-bullet.gif) 7px 8px no-repeat;
                padding:5px 0 5px 25px;
                color:#494949;
                display:block;
                text-decoration:none;
                font-size:11px;
            	}

            div#bottom-content .left .news ul li a:hover {
                background: #d0d0d0 url(images/arrow-bullet-hover.gif) 7px 8px no-repeat;
                padding:5px 0 5px 30px;
                color:#131313;
                font-weight:bold;
                text-decoration:none;
            	}
			
			div#bottom-content .left .news ul li.nieuws a span {
                background:#f2f2f2 url(images/icon-news.png) 5px 2px no-repeat;
                float:right;
                padding:5px 10px 5px 26px;
                margin:-5px 0 0 0;
                width:40px;
            	}

            div#bottom-content .left .news ul li.blog a span {
                background:#f2f2f2 url(images/icon-blog.png) 5px 2px no-repeat;
                float:right;
                padding:5px 10px 5px 26px;
                margin:-5px 0 0 0;
                width:40px;
            	}

            div#bottom-content .left .blog {

            	}

            div#bottom-content .left .blog a.more, div#bottom-content .left .news a.more, div#bottom-content .left .blog a.more-link, div#bottom-content .left .news a.more-link {
                border-top:none;
                background:url(images/arrow-bullet-small.gif) 0px 10px no-repeat;
                display:block;
                color:#0079c1;
                font-weight:bold;
                padding:5px 0 5px 10px;
                cursor:pointer;
                font-size:12px;
                clear: both;
            	}


        /*----- contact ecommerce ----*/
        
        div#bottom-content .right .widget_custom_cf7 #cf7_form_box {
            background:#ececec;
            padding:10px;
        	}
        
        div#bottom-content .right .widget_custom_cf7 h2.widgettitle {
            border-bottom:1px solid #949494;
            margin-bottom:9px;
            color:#575757;
            text-transform:none;
            font-size:16px;
        	}
        
        div#bottom-content .right .widget_custom_cf7 p {
            color:#494949;
        	}
        
        div#bottom-content .right .widget_custom_cf7 #cf7_form_box .wpcf7 {
            width:auto;
        	}
        
        div#bottom-content .right .widget_custom_cf7 #cf7_form_box form input {
            background:url(images/sidebar-form-input.png) no-repeat;
            height:20px;
            width:225px;
            border:none;
            padding:2px 5px;
        	}
        
        div#bottom-content .right .widget_custom_cf7 #cf7_form_box form textarea {
            background:url(images/sidebar-form-textarea.png) no-repeat;
            height:110px;
            width:225px;
            border:none;
            padding:2px 5px;
        	}
        
        div#bottom-content .right .widget_custom_cf7 #cf7_form_box form input[type="submit"] {
            background:url(images/button-l.png) no-repeat;
            height:22px;
            margin:0;
            padding:0 0 4px;
            width:117px;
            border:none;
            font-weight:bold;
        	}

        /*----- phone ----*/
        
        div#bottom-content .right .phone {
            background:#494949;
            padding:10px;
            margin:0 0 20px;
        	}
        
        div#bottom-content .right .phone h3 {
            color:#fff;
            border-bottom:1px solid #fff;
            margin:-2px 0 4px;
            padding:0 0 2px;
            font-size:18px;
        	}
        
        div#bottom-content .right .phone p {
            color:#d2d2d2;
            font-size:12px;
            margin:0;
            padding:0;
        	}


        /*--------- E-commerce page ---------*/

        div#bottom-content .left .e-commerce a.article {
            margin:20px 0;
            display:block;
            overflow:hidden;_zoom:1;
        	}
        
        div#bottom-content .left .e-commerce h2 {
            text-transform:none;
            color:#575757;
            border-bottom:1px solid #949494;
            margin-bottom:20px;
			padding-top:15px;
            font-size:18px;
        	}
        
        div#bottom-content .left .e-commerce .case {
            margin-bottom:20px;
            border-bottom:1px solid #e7e7e7;
            clear:both;
            overflow:hidden;_zoom:1;
            padding-bottom:20px;
        	}
        
        div#bottom-content .left .e-commerce .case img {  
            float:left;
            border:1px solid #9c9c9c;
            margin-right:30px;
        	}
        
        div#bottom-content .left .e-commerce .case h4 {    
            color:#0079C1;
            margin-top:25px;
            margin-bottom:2px;
        	}
        
        div#bottom-content .left .e-commerce .case a.arrow {
             color:#494949;
             position:relative;
             margin-bottom:4px;
             font-weight:bold;
        	}
        
        div#bottom-content .left .e-commerce .case a.arrow:hover {
             color:#000;     
        	}
        
        div#bottom-content .left .e-commerce .case a.arrow span {
            background:url(images/ecommerce-arrow.gif);
            width:8px;
            height:7px;
            display:block;
            float:left;
            margin:4px 4px 0 0;
        	}
        
         div#bottom-content .left .e-commerce .case a.arrow:hover span {
             background-position:0 -7px;
         	}
			
		
		/*--------- OPLOSSINGEN SIDE-NAV ---------*/
        
			ul.side-nav {
				padding:0;
				margin:0;
				overflow:hidden;_zoom:1;	
			}
			
			ul.side-nav li {
				list-style:none;
				list-style-position:outside;
			}
			
			ul.side-nav li a {
				padding:5px 10px;
				color:#000;
				background:#ececec;
				margin-bottom:1px;
				display:block;
				font-size:12px;
			}
			
			ul.side-nav li a:hover {
				background:#dddddd;
				text-decoration:none;
			}
			
			ul.side-nav li.active a, ul.side-nav li.active a:hover {
				background:#0079c0;
				color:#fff;
				font-weight:bold;
			}
			
			div#bottom-content ul.side-nav li a span.arrow {
				background-image:url(images/ecommerce-arrow.gif);
				background-position:0 0;
				background-repeat:no-repeat;
				width:8px;
				float:left;
				height:7px;
				display:block;
				margin:4px 10px 0 0;
				position:relative;
				top:auto;
			}
			
			div#bottom-content ul.side-nav li a:hover span.arrow {
				background-position:0 -7px;
			}
			
			div#bottom-content ul.side-nav li.active a span.arrow, div#bottom-content ul.side-nav li.active a:hover span.arrow {
				background-position:0 -14px;
			}

        /*---------------- TWITTER / TUMBLER ----------------*/

            div#bottom-content .right {
                float:left;
                width:255px;
                margin:0;
            	}

            div#bottom-content .right h3 {
                font-size:22px;
                font-weight:bold;
                color:#0079c1;
                border-bottom:1px solid #949494;
                letter-spacing:-1px;
                margin:0 0 15px 0;
                padding:0 0 5px 0;
            	}

            div#bottom-content .right h3 span {
                font-size:22px;
                font-weight:bold;
                color:#575757;
            	}

            div#bottom-content .right h5 {
                font-size:12px;
                font-weight:bold;
                color:#494949;
                letter-spacing:-1px;
                margin:0 0 2px 0;
                padding:0;
            	}   

            div#bottom-content .right p {
                color:#999999;
                margin-bottom:4px;
            	}

            div#bottom-content .right p a {
                color:#5c5c5c;
            	}

            div#bottom-content .right .twitter {

            	}

            div#bottom-content .right .twitter .tweet {
                margin-bottom:10px;
            	}
			
			div#bottom-content .right .twitter .tweet img {
                border:1px solid #666;
            	}

            div#bottom-content .right span.bottom {
                display:block;
                border-top:1px solid #d8d8d8;
                padding:3px 0;
                font-size:9px;
            	}


            div#bottom-content .right .tumbler {

            	}

            span.nav {
                float:right;
                margin:11px 0 0 0;
            	}

            span.nav a {
                display:block;
                text-indent:-9999px;
                width:9px;
                height:10px;
                float:left;
            	}

            a.prev {
                background:url(images/arrow-bullet-left.gif) no-repeat;
                margin-right:10px;
            	}

            a.next {
                background:url(images/arrow-bullet.gif) no-repeat;
            	}
					
/*---------------- FOOTER ----------------*/

div#footer {
	background:url(images/footer-outer-bg.png) repeat-x;
	height:170px;
	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:160px;
	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:18px;
	padding:0 20px;
	}

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

div#footer .block {
	width: 151px;
	float:left;
	margin-top:18px;
	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;
		}

a.tumblr_link {
    color: #575757;
	}
div.tumblr_postdiv.current {
    display: block;
	}
div.tumblr_postdiv {
    display: none;
	}

div#bottom-content .right a.getavoice {
    width:255px;
    display:block;
    height:96px;
    margin-top:20px;
	}

div#bottom-content .e-commerce .images {
	display: block;
    margin: 20px 0;
    overflow: hidden;	
	}

div#bottom-content .e-commerce .images a.screenshot, div#bottom-content .e-commerce .images span.screenshot {
	float:left;
	margin-left:14px;
	}

div#bottom-content .e-commerce .images a.big {
   margin-right:25px;
	margin-left:0;
	}

div#bottom-content .e-commerce .images a.screenshot img, div#bottom-content .e-commerce .images span.screenshot img {
	border:1px solid #c8c8c8;
	}

div#bottom-content .e-commerce .images a.screenshot:hover img {
	border:1px solid #9f9f9f; 
	}

div#bottom-content .e-commerce .worked-on {
	overflow:hidden;_zoom:1;	
	}

div#bottom-content .e-commerce .worked-on img {
	float:left;
	border:1px solid #9f9f9f;
	margin-right:10px;
	}

div#bottom-content .e-commerce .quote {
	display:block;
	background:#f2f2f2;
	border:1px solid #d2d2d2;
	font-size:21px;
	font-style:italic;
	padding:15px;
	margin:20px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

div#bottom-content .e-commerce a.big-button-grey {
	margin-top:22px;
	}


div#bottom-content .portfolio-thumbs, div#bottom-content .project-thumbs {
	margin:30px 0;
}

div#bottom-content .portfolio-thumbs .thumb, div#bottom-content .project-thumbs .thumb {

}

div#bottom-content .portfolio-thumbs .last-in-row, div#bottom-content .project-thumbs .last-in-row {

}

div#bottom-content .portfolio-thumbs .thumb span.photo, div#bottom-content .project-thumbs .thumb span.photo {
	overflow:hidden;_zoom:1;	
}

div#bottom-content .project-thumbs .thumb span.photo a {
	width:214px;
	height:133px;
	float:left;
	overflow:hidden;_zoom:1;
	margin:0 30px 30px 0;
	border:1px solid #CCC;
	position:relative;
	color:#fff;
	text-decoration:none;
}

div#bottom-content .portfolio-thumbs .thumb span.photo a {
	width:100px;
	height:100px;
	float:left;
	overflow:hidden;_zoom:1;
	margin:0 20px 20px 0;
	border:1px solid #CCC;
	position:relative;
	color:#fff;
	text-decoration:none;
}

div#bottom-content .portfolio-thumbs .last-in-row span.photo a, div#bottom-content .project-thumbs .last-in-row span.photo a {
	margin:0 0 30px 0;
}

div#bottom-content .portfolio-thumbs .thumb span.photo a:hover, div#bottom-content .project-thumbs .thumb span.photo a:hover {
	border:1px solid #999;
}

div#bottom-content .project-thumbs .thumb span.photo a img {
	width:214px;
	height:133px;
}

div#bottom-content .portfolio-thumbs .thumb span.photo a img {
	width:100px;
	height:100px;
}

div#bottom-content .portfolio-thumbs .thumb span.photo a span.case-title, div#bottom-content .project-thumbs .thumb span.photo a span.case-title {
	position:absolute;
	color:#fff;
	bottom:0;
	left:0;
	background:#0079C1;
	font-size:11px;
	font-weight:bold;
	padding:10px;
	width:100%;
}

div#bottom-content .links {
overflow:hidden;_zoom:1;
display:block;
text-align:right;
margin-top:10px;
padding-right:5px;
}

div#bottom-content .links a.link {
display:block;
padding:0 10px;
height:25px;
line-height:25px;
float:right;
margin-left:10px;
color:#fff;
background:#0079C1;
}

div#bottom-content .links a.link:hover {
    text-decoration:none;
    background:#4C4C4C;
}