/*  
Theme Name: Get ID internet en marketing RESPONSIVE
Version: 1.0
Author: J.Stevens
Copyright: (c) 2012 Get ID
*/

html {
margin : 0;
padding : 0;
border : 0;
}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
margin : 0;
padding : 0;
border : 0;
font-size : 100%;
font : inherit;
vertical-align : baseline;
}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
display : block;
}
html {
font-size : 100.01%;
}
body {
font-size : 14px;
line-height : 22px;
background : white;
color : #444;
background : #e2e2e2 !important;
font-family: 'Droid Sans', sans-serif;
}
a img {
border : none;
}
img {
max-width:100%;
}
#colorbox img {
max-width:100%;
}
body.map img {
max-width:none;
}
:focus {
outline : 0;
}
h1 {
font-size : 38px;
line-height : 0.5;
margin : 0 0 0.5em 0;
color : #e00084;
font-family: 'Roboto Slab', serif;
}
h1.tekst-home {
color:#fff;
line-height:62px;
margin:0 0 1% 2%;
padding:7% 0 0 0;
width:500px;
}
h1.tekst-home span {
background:#e00084;
padding: 5px 10px;
}
h2.ondertekst-home {
line-height:30px;
color:#525252;
margin:0 0 0 2%;
width:470px;
font-size:20px;
}
#diensten-home h1, #portfolio-item h1, #normal-content h1 {
font-size : 3em;
line-height : 0.8;
margin : 0;
color : #e00084;
}
h3+p {
padding:17px 0 0 0;
}
h3+ul {
padding:2px 0 0 1.5em;
}
h1+p {
margin : 1.5em 0 1.5em;
}
h2 {
font-size : 22px;
margin-bottom : 0.1em;
line-height: 22px;
}
h2 a,h3 a,h4 a {
text-decoration:none;
}
h2 a:hover,h3 a:hover,h4 a:hover {
text-decoration:underline;
}
h3 {
font-size : 1.8em;
line-height : 1.2;
margin-bottom : 0.1em;
}
h4 {
font-size : 1.5em;
line-height : 1.25;
margin-bottom : 1.25em;
}
h5 {
font-size : 1em;
font-weight : bold;
margin-bottom : 1.5em;
}
h6 {
font-size : 1em;
font-weight : bold;
}
p {
margin : 0 0 20px;
}
.left {
float : left !important ;
}
.right {
float : right !important ;
}
a:link, a:visited {
color : #444;
}
a:hover {
text-decoration : none;
}
strong, dfn {
font-weight : bold;
}
em, dfn {
font-style : italic;
}
li ul, li ol {
margin : 0;
}
ul, ol {
margin : 0 1.5em 1.5em 0;
padding-left : 1.5em;
}
ul {
list-style-type : disc;
}
ul ul {
list-style-type : circle;
}
p+ul{
margin:-13px 0 15px 0 !important;
}
ol {
list-style-type : decimal;
}
input[type="text"], input[type="password"], input[type="url"], input[type="email"], input.text, input.title, textarea {
background-color : #e2e2e2;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="email"]:focus, input.text:focus, input.title:focus, textarea:focus {
border-color : #666;
}
input[type="text"], input[type="password"], input[type="url"], input[type="email"], input.text, input.title, textarea, select {
margin : 0.5em 0;
}
input.text, input.title {
width : 300px;
padding : 5px;
}
input.title {
font-size : 1.5em;
}
textarea {
width : 390px;
height : 150px;
padding : 5px;
}
hr {
background : #ddd;
clear : both;
float : none;
width : 100%;
height : 1px;
margin : 0 0 17px;
border : none;
}
.clear {
clear : both;
}
#wrapper {
min-width:320px;
width : 100%;
margin:0;
padding:0;
}
#header-wrapper {
width : 100%;
height : 112px;
background : #535353;
}
#header {
margin : 0 auto;
max-width : 960px;
}
#header a#logo {
background : transparent url("images/get-id.png") no-repeat scroll 0% 0%;
display : block;
height : 84px;
width : 302px;
float : left;
z-index : 999;
position : relative;
margin : 15px 0 0 1%;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    #header a#logo {
        background : transparent url("images/get-id-highres.png") no-repeat scroll 0% 0%;
        background-size: 302px 84px;
    }
}
ul#menu-top-menu {
float : right;
margin : 44px 10px 0 0;
position : relative;
}
ul#menu-top-menu li {
display : inline;
padding : 0;
list-style : none;
z-index : 999;
position : relative;
}
.menu-top-menu-container a {
color : #fff;
text-decoration : none;
margin: 0 9px 5px 0;
padding: 14px;
}
.menu-top-menu-container a:hover {
color : #fff;
background: url("images/menu-pointer-hover.png") no-repeat scroll center center transparent;
}
ul#menu-top-menu li.current-menu-item a, ul#menu-top-menu li.current-post-ancestor a, ul#menu-top-menu li.current-page-ancestor a {
color : #fff;
background: url("images/menu-pointer.png") no-repeat scroll center center transparent;
}
ul#menu-top-menu li.current-menu-item a:hover {
color : #fff;
background: url("images/menu-pointer-hover.png") no-repeat scroll center center transparent;
}
select.menu {
display:none;
}
#content-wrapper {
width : 100%;
background : #fff;
padding: 0 0 60px;
}
#content-wrapper-google-maps {
width : 100%;
background:#fff;
}
#content {
max-width : 960px;
margin : 0 auto;
}
#content-onder-wrapper {
max-width:960px;
margin:10% 0 0;
}
#content-onder {
margin:50px auto 0 auto;
}
#content-onder h3 a {
color : #e00084;
text-decoration:none;
}
#content-onder h3 a:hover {
color:#666;
}
#content-links h2 a {
color : #e00084;
text-decoration : none;
}
#content-links {
max-width : 550px;
height: 264px;
float : left;
margin:0 auto;
}
#content-rechts {
width : 410px;
height: 280px;
float : left;
margin : 70px 0 10px 0;
}
.portfolio-random {
display:none;
}
.content-rechts-portfolio a {
float : right;
width : 339px;
height: 264px;
display:block;
margin:40px 5px 5px 0;
}
#portfolio_1 a {
background:url(images/content-portfolio1.png) 0 0 no-repeat;
}
#portfolio_1 a:hover {
background:url(images/content-portfolio1.png) 0 -264px no-repeat;
}
#portfolio_2 a {
background:url(images/content-portfolio2.png) 0 0 no-repeat;
}
#portfolio_2 a:hover {
background:url(images/content-portfolio2.png) 0 -264px no-repeat;
}
#portfolio_3 a {
background:url(images/content-portfolio3.png) 0 0 no-repeat;
}
#portfolio_3 a:hover {
background:url(images/content-portfolio3.png) 0 -264px no-repeat;
}
#portfolio_4 a {
background:url(images/content-portfolio4.png) 0 0 no-repeat;
}
#portfolio_4 a:hover {
background:url(images/content-portfolio4.png) 0 -264px no-repeat;
}
#content-links-sub {
max-width : 60%;
float : left;
margin : 3% 0 3% 1%;
}
#content-rechts-sub {
width : 27%;
margin: 0 1% 3%;
background:#e2e2e2;
padding: 0 2% 2% 2%;
float:right;
}
#content-block {
margin: 0 3% 0 0;
background:url(images/sideblock-bg.png) repeat-x 0 0 #e2e2e2;
padding: 0 2% 2% 5%;
}
#content-block-contact {
margin: 0 3% 0 0;
background:#e2e2e2;
padding: 0 0 1px 5%;
}
#content-rechts-contact img {
width:97%;
}
#content-rechts-sub h3 {
margin:0 0 10px 0;
}
#content-rechts-contact {
width : 32%;
float:right;
margin: 0 0 40px 0;
}
#content-rechts-contact a {
color:#e00084;
text-decoration:none;
}
#content-rechts-contact a:hover {
text-decoration:underline;
}
a.locatie-pointer {
padding:5px 25px 5px 0;
background:url(images/pointer.jpg) center right no-repeat;
}
.home-kolom1 {
float : left;
width : 29.2%;
text-align:center;
margin : 0 4% 0 1%;
}
.home-kolom2 {
float : left;
width : 29.2%;
text-align:center;
margin : 0 4% 0 1%;
}
.home-kolom3 {
float : left;
width : 29.2%;
text-align:center;
margin: 0 0 0 1%;
}
.home-kolom1 p, .home-kolom2 p, .home-kolom3 p {
padding:0;
margin:0;
}
img.fade {
-moz-transition: opacity 0.3s linear 0s;
opacity: 0.8;
}
img.fade:hover {
opacity: 1.0;
}
#breadcrumbs {
color: #8D8D8D;
font-size: 12px;
margin: 0 0 44px 0;
}
#breadcrumbs a {
color: #4B4B4B;
}
ul#menu-sf-menu {
line-height:30px;
list-style-type:none; 
margin:0;
padding:0;
}
ul#menu-sf-menu li{
background:url(images/list-item.jpg) 0 10px no-repeat; 
list-style-type:none;
line-height: 20px;
padding: 5px 0 5px 13px;
}
ul#menu-sf-menu li.test a {
color:#e00084;
}
ul#submenu-diensten li, ul#menu-diensten-menu li {
list-style-type:none;
}
ul.children li,ul.sub-menu li{
background:url(images/list-item.jpg) 0 8px no-repeat; 
list-style-type:none;
padding: 0 0 0 13px;
}
ul#submenu-diensten li a, ul#menu-diensten-menu li a{
font-size:18px;
padding:5px 0;
text-decoration:none;
}
ul#submenu-diensten li a:hover, ul#menu-diensten-menu li a:hover{
color:#e00084;
}
ul#submenu-diensten li ul.children li a, ul#submenu-diensten li ul.children li a:visited, ul#menu-diensten-menu li ul.sub-menu li a, ul#menu-diensten-menu li ul.sub-menu li a:visited {
font-size:14px;
font-weight:normal;
text-decoration:underline;
color:#000;
}
ul#submenu-diensten li ul.children li a:hover, ul#menu-diensten-menu li ul.sub-menu li a:hover {
text-decoration:none;
}
ul#submenu-diensten li ul.children li, ul#menu-diensten-menu li ul.sub-menu li {
margin:0;
}
ul#menu-diensten-menu li ul.sub-menu li.current-menu-item a {
color:#e00084;
}
ul#submenu-diensten li, ul#menu-diensten-menu li {
margin:0 0 20px 0;
}
ul#submenu-diensten, ul#menu-diensten-menu {
line-height:25px;
list-style-type:none; 
margin:30px 0 0 0;
padding:0;
}
ul#submenu-diensten li.current_page_item a, ul#menu-diensten-menu li.current_page_item a{
color:#e00084;
}
ul#diensten-submenu {
list-style-image:url(images/list-item.jpg);
line-height:14px;
margin:20px 0 0 0;
}
#diensten-submenu h2 a{
color:#000 !important;
font-size:0.8em;
}
#diensten-submenu h2 a:hover{
text-decoration:underline;
}
#portfolio-item {
margin:0 0 15px 0;
border-bottom:1px solid #bbb;
padding:0 0 10px 0;
}
.nav-right a,.nav-left a  {
background:#e00084;
color:#fff;
text-decoration:none;
padding:9px 10px;
}
.nav-right a:hover,.nav-left a:hover {
background:#888;
}




#nieuws-afbeelding {
position:relative;
min-height: 180px;
}
#nieuws-afbeelding img {
display:block;
margin: 0 22px 0 0;
}
#diensten-home hr,#portfolio-item hr {
margin:30px 0 15px 0;
}
#diensten-home {
width:100%;
}
#normal-content hr {
margin:30px 0;
}
#normal-content ul {
margin:0 0 1.5em 0;
}
body.page-id-274  #normal-content img{
border:1px solid #958989;
padding:4px;
margin:0 37px 0 0;
}
body.page-id-274 #normal-content img:hover {
padding : 4px;
background : #e00084;
border : 1px solid #e00084;
}
#normal-content img {
border: 1px solid #D4D4D4;
padding: 4px;
background:#e2e2e2;
}
#cboxCurrent {
visibility:hidden !important;
}
#normal-content ul ul{
margin:0;
}
#diensten-home h2, #normal-content h2 {
line-height:28px;
margin: 0;
padding: 10px 0 5px 0;
}
#portfolio-item h2 {
padding: 5px 0 0;
}
#portfolio-item h1+h2 {
padding: 25px 0 0;
}
#portfolio-item h2 + p {
padding: 5px 0 0;
}
#diensten-home h3, #portfolio-item h3, #normal-content h3 {
padding: 13px 0 0 0;
}
#diensten-home h2 a, #portfolio-item h2 a, #portfolio-item h2 a:hover, #normal-content h2 a {
color:#e00084;
}
#diensten-home ul, #portfolio-item ul, #normal-content ul {
list-style-position:inside;
overflow: auto;
}
#pagina h1 {
margin:0 0 5px 0;
}
#footer-wrapper {
width:100%;
}
#footer-home {
max-width : 960px;
margin : 60px auto 10px auto;
}
#footer-home-links {
float : left;
width : 50%;
margin:0 0 0 1%;
}
#footer-home-rechts {
float : right;
margin: 0 1% 0 0;
width: 34%;
}
#footer-home-links h3 {
margin : 0 0 3px 50px;
padding : 0;
font-size : 1.2em;
font-weight : bold;
line-height : 18px;
}
#footer-home-links h3 a {
text-decoration : none;
}
#footer-home-links h3 a:hover {
color:#e00084;
}
#footer-home-links .entry {
margin : 0 0 25px 50px;
}
#footer-links {
float:left;
width:26%;
margin:0 2% 0 0; 
}
#footer-mid {
float:left;
width:29%;
margin:0 2% 0 0;
}
#footer-mid h4{
margin: 0 0 12px 8px;
}
#footer-mid h3,#footer-rechts h3 {
margin:0 0 10px 0;
}
#footer-rechts {
float:right;
width:320px;
margin: 0 1% 0 0;
}
#nieuws-afbeelding h1 {
font-size:28px;
padding: 0;
margin:0;
line-height: 28px;
}
#nieuws-afbeelding h1 + p {
margin: 10px 0 0;
}
#nieuws-bericht {
margin: 0 0 0;
position:relative;
padding:1px 0 0 0;
z-index:999;
background:#fff;
}
#nieuws-bericht img {
border:4px solid #d4d4d4;
margin:0 20px 18px 0;
}
#nieuws-bericht img:hover {
border:4px solid #e00084;
}
.nieuws-bericht-titel {
background:#fff;
padding:12px 10px;
position:absolute;
bottom:40px;
left:0;
width:80%;
}
.nieuws-bericht-titel h1 {
padding:0;
}
.nieuws-datum-home {
position : absolute;
background : #fff;
text-align : center;
font-weight : bold;
margin : 1px 0 0 0;
padding : 3px 0;
font-size : 1.1em;
width:34px;
}
p.nieuws-dag, p.nieuws-maand {
margin : 1px 0 3px 0;
padding : 0;
}
.nieuws {
float: left;
width: 300px;
margin:11px 0 0 0;
}
.nieuws ul {
list-style: none outside none;
padding: 0;
}
.nieuws li {
padding: 4px 0;
}
.nieuws-datum {
color: #e00084;
float: left;
font-size: 12px;
width: 43px;
clear:left;
}
.nieuws-titel {
float: left;
margin-left: 10px;
padding: 0 0 12px;
width: 215px;
}
#naar-nieuws {
float : right;
font-size : 1.1em;
color : #e00084;
}
#naar-nieuws a {
color : #e00084;
}
#footer-onder {
margin : 40px 1% 0 1%;
padding : 5px 0 0 0;
border-top : 1px solid #d7d7d7;
}
#footer-onder p {
text-align : right;
color : #777;
font-size : 0.9em;
margin : 12px 0 0 0;
}
#footer-onder a {
color:#777;
}
#twitter {
float : right;
width : 100%;
}
#twitter-bird {
background : transparent url("images/twitter-vogel.jpg") no-repeat scroll 0% 0%;
height : 108px;
margin : 33px 0 0 -80px;
position : absolute;
width : 112px;
}
#twitter h3 {
margin : 0 0 10px 23px;
}
.query {
margin-left : 32px;
}
#twitter li {
list-style-type: none;
}
#twitter ul {
background-color : #f9f9f9;
list-style : none;
margin : 0 0 0 32px;
padding : 10px 15px;
line-height:22px;
overflow-y: hidden;
min-height:65px;
}
#twitter ul li {
background : transparent url("images/twitter-quote.jpg") no-repeat scroll 0% 0%;
padding: 0 0 0 22px;
}
#twitter span a {
font-style : italic;
color:#999;
text-decoration:none;
}
#twitter span a:hover {
text-decoration:underline;
}
p.loading {
background-color : #f9f9f9;
padding : 30px 30px 40px;
}
.volgen a {
float : right;
font-size : 11px;
margin : 10px 2px 0 0;
color : #e00084;
font-size : 1.1em;
}
.telefoon {
float : right;
margin : 40px 0 0 0;
}
.telefoon-footer {
line-height: 38px;
margin:0;
}
.telefoon p {
margin : 0;
font-weight : bold;
font-size : 22px;
line-height:34px;
}
.telefoon-footer p {
margin : 0;
font-weight : bold;
font-size : 24px;
}
.email-footer a {
font-size:16px;
color:#e00084;
}
#twitter-icon a {
background : url("images/social-icons.png") 0 -30px no-repeat;
width : 30px;
height : 30px;
float : left;
margin : 5px 10px 10px 0;
}
#twitter-icon a:hover {
background : url("images/social-icons.png") 0 0 no-repeat;
}
#facebook a {
background : url("images/social-icons.png") -30px -30px no-repeat;
width : 30px;
height : 30px;
float : left;
margin : 5px 10px 10px 0;
}
#facebook a:hover {
background : url("images/social-icons.png") -30px 0 no-repeat;
}
#linkedin a {
background : url("images/social-icons.png") -60px -30px no-repeat;
width : 30px;
height : 30px;
float : left;
margin : 5px 0 10px 0;
}
#linkedin a:hover {
background: url("images/social-icons.png") -60px 0 no-repeat;
}
a.portfolio-link {
background: url("images/list-item.jpg") no-repeat 105px 5px;
display:block;
}
div.wpcf7 {
margin: 10px 0 0 0;
padding: 0;
}
span.wpcf7-form-control-wrap {
position: relative;
}
input,textarea {
color: #666666;
font: 12px arial;
margin-bottom: 10px;
padding: 8px;
width: 274px;
background:#e2e2e2;
border:0;
}
input.wpcf7-submit {
background-color: #e00084;
border: 0 none;
color: #FFFFFF;
cursor: pointer;
height: 35px;
margin: 0;
width: 276px;
font-size:1.2em;
}
input.wpcf7-submit:hover {
background-color:#666;
color:#fff;
}
input.wpcf7-submit:active {
background-color:#999;
color:#fff;
}
img.ajax-loader {
width:16px;
height:16px;
}
.submenu {
margin:30px 0 0 0;
}
.wp-pagenavi {
clear: both;
float: left;
padding:30px 0 20px 10px ;
}
.wp-pagenavi a {
background: #fff;
color: #e00084;
padding: 5px 8px;
text-decoration:none;
margin-left:3px;
border:1px solid #e00084;
}
.wp-pagenavi a:hover {
background: #fff;
color: #000;
padding: 5px 8px;
border:1px solid #e00084;
}
.wp-pagenavi span.current {
background: #e00084;
color: #fff;
padding: 5px 8px;
margin-left:3px;
}
.wp-pagenavi span {
padding: 5px 7px !important;
}
.wpcf7-not-valid-tip-no-ajax {
color:#e00084;
padding:12px 0 0 5px;
font-weight:bold;
position:absolute;
}
.wpcf7-validation-errors {
padding:5px;
color:#e00084;
width:270px;
text-align:center;
margin:0 0 0 170px;
}
.search-box-subpagina {
margin: -60px 0 0 0px;
position: absolute;
width: 175px;
z-index: 9999;
}
#zoekveld-home {
float:right;
margin:0 20px 0 0;
}
#zoeken-mobiel {
display:none;
}
#zoeken-mobiel.js {
display:none;	
}
#zoekveld-overig {
padding:0 0 47px 0;
}
#zoekveld-overig input {
width:55% !important;
}
#searchform input[type="text"] {
-moz-transition: all 0.7s ease 0s;
background: url("images/zoek-wit.png") no-repeat scroll 10px 6px #FCFCFC;
border: 1px solid #D1D1D1;
color: #999;
font: 12px Arial,Helvetica,Sans-serif;
margin:13% 0 0 0;
padding: 6px 15px 6px 35px;
width: 115px;
z-index: 9999;
}
#content-block-map {
margin: 0 3% 0 0;
padding: 8% 0 0 0;
}
#contact-map {
background:url(images/map.jpg) no-repeat 0 0;
height:305px;
width:315px;
margin:15px 0 0 0;
}
.gmap3{
position:absolute;
width: 303px;
margin: 6px;
height: 293px;
}
#bericht-footer {
margin: 14% 0 0 0;
padding: 0 0 30px 0;
border-bottom:1px solid #e2e2e2;
width: 100%;
}
a.shareTxt {
text-decoration:none;
display:block;
}
a.shareTxt {
width:97px;
height:28px;
background:url(like.jpg) no-repeat 0 0;
}
a.shareTxt strong {
display:none
}
a.shareTxt span {
font:12px/12px Arial, Helvetica, sans-serif;
width:25px;
display:inline-block;
text-align:center;
position:absolute;
}
a.shareTxt span {
margin:7px 0 0 69px;
background:#fff;
color:#000;
}
a.shareTxt:hover {
background-position:0 -28px;
}
a.shareTxt:hover span {
background:#e00084;
color:#fff;
}
.nav-left {
float:left;
padding:7px 0 0 0;
}
.nav-right {
float:right;
padding:7px 0 0 0;
}
.nieuws-datum-single {
position:absolute;
padding:4px 6px;
background:#e00084;
text-align:center;
border:2px solid #fff;
color:#fff;
font-size:16px;
font-weight:bold;
margin: 32px 0 0 -10px;
}
p.nieuwstitel-datum {
color:#888;
font-size:15px;
}
.share-fb {
float:left;
}
.share-twitter {
float:left;
margin: 0 2%;
}
.share-twitter strong {
display:none;
}
.share-twitter a {
display: block;
height:28px;
width:65px;
border: 0px;
}
.no-results {
padding:40px 0 40px 0;
}
.search-results {
padding: 0 0 30px 0;
}
.search-results h2 {
color:#e00084;
}
.search-results h3+p {
margin:0;
padding:5px 0 0 0;
}
.googleplus {
position:relative;
float:left;
margin: 2px 0 0 5px;
}
.googlehider {
opacity:0;
height:30px;
width:30px;
position:absolute;
top:0;
left:0;
z-index:3;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
}
.mygoogle {
position:absolute;
top:0;
left:0;
z-index:2;
margin-left:6px;
}
#acg_lbcf_form input.text {
margin: 0 !important;
padding:6px !important;
}
#acg_lbcf_form div label {
padding: 3px 0 0 0 !important;
}
#acg_lbcf_form div textarea {
width: 207px !important;
}
#acg_lbcf_form div.submit input, form.acg_form div.submit input {
width: 214px !important;
margin-left:85px !important;
cursor: pointer !important;
background:#e00084 !important;
color:#fff !important;
border-radius: 6px !important;
}
#acg_lbcf_form div.submit input:hover, form.acg_form div.submit input:hover {
background-color:#666 !important;
color:#fff !important;
}
#acg_lbcf_div p.error {
background-color: #e00084 !important;
border: 0 !important;
color: #fff !important;
margin: 10px 31px 5px !important;
padding: 10px !important;
text-align: center !important;
}
#acg_lbcf_div h3 {
color: #444444 !important;
margin: 22px 0 17px 0 !important;
padding: 4px !important;
font-size:12px !important;
}
img.alignright {
float:right;
margin:0 0 10px 20px;
}
img.alignleft {
float:left;
margin:0 20px 10px 0;
}
#sluiten a {
position:absolute;
background:url(images/sluiten.png);
display:block;
width:30px;
height:30px;
padding:0 !important;
margin:-85px 0 0 324px;
}
#website-ontwikkeling {
float:left;
}
#website-ontwikkeling a{
height:85px;
width:85px;
display:block;
margin:30px 30px 0 0;
}
#website-ontwikkeling a:hover, #vindbaarheid a:hover, #social-media a:hover, #overige-diensten a:hover {
opacity: 1.0;
}
#vindbaarheid {
float:left;
}
#vindbaarheid a{
height:85px;
width:85px;
display:block;
margin:30px 30px 0 0;
}
#social-media {
float:left;
}
#social-media a{
height:85px;
width:85px;
display:block;
margin:30px 30px 0 0;
}
#overige-diensten {
float:left;
}
#overige-diensten a{
height:85px;
width:85px;
display:block;
margin:30px 30px 0 0;
}
.dienst-tekst {
float:left;
padding:30px 0 0 0;
margin:5px 0 0 0;
max-width:440px;
color:#444;
}
.dienst-tekst2 {
float:left;
max-width:440px;
color:#444;
margin:35px 0 0 0;
}
.dienst-tekst a, .dienst-tekst2 a {
color:#444;
}
.klant-website {
background:url(images/bekijk-case.png) no-repeat;
height:50px;
min-width:201px;
padding: 32px 0 0 132px;
margin:10px 0 25px 0;
}
.klant-website a {
font-size: 13px;
}
.klant-website a {
color: #666666;
}
.klant-website a:hover {
text-decoration:none;
}
#recent-werk a{
float:right;
margin:10px 0 0;
}
#carousel {

}
#carousel .ss-show-wrap {
margin:0;
}
.over-ons-foto {
width:100px;
float:left;
margin: 0 5% 0 0;
}
.over-ons-tekst {
width: 70%;
float:left;
}
.over-ons-teamlid img {
margin:0 0 25px;
padding:3px;
background:#e2e2e2;
border:1px solid #D4D4D4;
}
.over-ons-tekst img{
border:0 !important;
padding:0 5px 0 0;
margin:0 0 5px;
background:none !important;
}

/* FORMULIER FOUTMELDINGEN */
span.wpcf7-not-valid-tip {
background: none repeat scroll 0 0 #666 !important;
border: 0 !important;
color: #fff !important;
left: 60% !important;
padding: 4px 8px !important;
width:200px !important;
text-align:center !important;
}
span.your-message span.wpcf7-not-valid-tip {
border: 0 !important;
left: 60% !important;
padding: 4px 8px !important;
top: -150px !important;
}
div.wpcf7-validation-errors {
width:80% !important;
text-align:center !important;
background:#fff;
border:0 !important;
padding:10px 30px !important;
margin:0 !important;
}
div.wpcf7-mail-sent-ok {
width:320px !important;
text-align:center !important;
background:#fff;
border:0 !important;
padding:10px 30px !important;
margin:0 0 0 170px !important;
}
img.ajax-loader {
margin:0 0 0 170px !important;
}


.slider-wrapper { 
width: 100%; 
margin: 30px auto 10px auto;
}
.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
max-width: none;
}
.nivo-main-image {
display: block !important;
position: relative !important; 
width: 100% !important;
}

/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; }

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
.theme-default .nivoSlider {
position:relative;
background:#fff url(images/loading.gif) no-repeat 50% 50%;
margin-bottom:10px;
}
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a {
border:0;
display:block;
}
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}
.theme-default .nivo-controlNav a {
display:inline-block;
width:22px;
height:22px;
background:url(images/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin: 0 2px;
cursor:pointer;
}
.theme-default .nivo-controlNav a.active {
background-position:0 -22px;
}
.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(images/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
.theme-default a.nivo-prevNav {
left:15px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: none;
margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 120px;
height: auto;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay {position:absolute; top:0; left:0; z-index:9999;}
#cboxWrapper {border-radius: 10px 10px 10px 10px !important;border: 5px solid #555555;padding:0 0 24px 0;background:#fff;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#ccc;}

#colorbox{}
    #cboxContent{background:transparent;}
        #cboxBottomCenter{background:transparent;}
        #cboxLoadedContent{background:transparent;border-radius: 5px 5px 0 0;}
                #cboxTitle{color:#666;float:none !important;text-align:center;}
                #cboxCurrent{position:absolute; bottom:-25px; right:35px; color:#ccc;}
                #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
                #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-41px; background-image: url(data:image/gif;base64,AAAA); width:49%; height:100%; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:bottom left; background:url(images/prevgrey.png) top left no-repeat;}
                #cboxNext{position:absolute; top:50%; right:5px; margin-top:-41px; background-image: url(data:image/gif;base64,AAAA); width:49%; height:100%; text-indent:-9999px;}
                #cboxNext.hover{background-position:bottom right; background:url(images/nextgrey.png) top right no-repeat;}
                #cboxLoadingOverlay{background:#666;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:0; right:0;display:block; background:url(images/sluiten.png) top center no-repeat; width:30px; height:30px; text-indent:-9999px;margin:-18px;}
        #cboxClose.hover{background-position:bottom center;}

		
@media screen and (max-width: 960px) {	

	#footer-links {
	float:left;
	width:25%;
	margin:0 2% 0 2%; 
	}
	#footer-mid {
	float:left;
	width:25%;
	margin:0 2% 0 0;
	}
	h1.tekst-home {
	line-height:54px;
	font-size:36px;
	width:500px;
	}
	h2.ondertekst-home {
	line-height:30px;
	font-size:19px;
	width:450px;
	}
	
	.telefoon-footer p {
    font-size: 21px;
	font-weight:normal;
	margin: 0 7px 0 0;
	}
}				
		
@media screen and (max-width: 900px) {
 
	body {
	font-size: 80%;
	}
	h1.tekst-home {
	line-height:50px;
	font-size:32px;
	width:420px;
	}
	h2.ondertekst-home {
	line-height:30px;
	font-size:16px;
	width:400px;
	}
	#nieuws-bericht {
	width: 100%;
	}
	#searchform input[type="text"] {
	width:75%;
	}
	#footer-mid {
	display:none;
	}
	#footer-links {
	float:left;
	width:240px;
	margin:0 2% 0 2%; 
	}
}

@media screen and (max-width: 800px) {
 
	#header a#logo {
	background : transparent url("images/get-id-highres-small.png") no-repeat scroll 0% 0%;
	background-size: 249px 68px;
	display : block;
	height : 68px;
	width : 249px;
	float : left;
	z-index : 9999;
	position : absolute;
	margin : 21px 0 0 2%;
	}
	@media only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
		#header a#logo {
			background : transparent url("images/get-id-highres-small.png") no-repeat scroll 0% 0%;
			background-size: 249px 68px;
		}
	}
	ul#menu-top-menu {
	float : right;
	margin : 43px 1% 0 0;
	font-size : 1.1em;
	position : relative;
	}
	ul#menu-top-menu li {
	display : inline;
	padding : 0;
	list-style : none;
	z-index : 9999;
	position : relative;
	}
	.menu-top-menu-container a {
	color : #fff;
	text-decoration : none;
	margin: 0 5px 5px 0;
	}
	.content-rechts-portfolio a {
	float:none;
	}
	
}

@media screen and (max-width: 799px) {
 
	#content-rechts-portfolio {
	display:none;
	}
	#content-links {
	max-width : 90%;
	height: 210px;
	float : none;
	margin:0 auto;
	}
	h2.ondertekst-home {
	width:500px;
	}
}

@media screen and (max-width: 675px) {
 
	#content-rechts-sub {
    display:none;
	}
	body.page-template-contact-php #content-rechts-contact {
    display:block;
	float:none;
	background:none;
	margin: 4% 2%;
    width: 91%;
	padding:2%;
	}
	#content-block-contact {
	background:#fff;
	width:100%;
	padding:0;
	margin:5% 0;
	}
	body.single-format-standard #zoekveld-overig, body.page-template-contact-php #zoekveld-overig {
	display:none;
	}
	#content-links-sub {
    float: none;
    max-width: 95%;
	margin : 0 2%;
	padding: 3% 0 0 0;
	}
	.nav-right {
    margin: 0 0 7px;
	}
	body.page-template-contact-php #content-block {
	background:none;
	margin:0;
	padding:0;
	}
	body.page-template-contact-php .telefoon-footer {
    background: none;
    margin: 0;
	}
	body.page-template-contact-php .telefoon-footer p {
    margin: 0 7px 0 0;
	}
	span.wpcf7-not-valid-tip {
	left: 20% !important;
	}
	span.your-message span.wpcf7-not-valid-tip {
	left: 20% !important;
	}
	.slider-wrapper { 
	width: 90%; 
	}
}

@media screen and (max-width: 700px) {
 
	/* TOP Menu mobiel */
	.menu-top-menu-container {
	float:right;
	margin: 0;
	width:100%;
	background:#535353;
	}
	#header-wrapper {
	height:100%;
	}
	#zoekveld-home {
	display:none;
	}
	#search {
    margin: 0 5% 0;
    width: 91%;
	padding:0 0 20px;
	}
	#zoeken-mobiel input {
    display: inline-block;
    line-height: 1;
    padding: 10px;
    width: 92%;
	}
	ul#menu-top-menu {
	width:100%;
	margin:0;
	padding:3% 5%;
	background:#535353;
	}
	ul#menu-top-menu.js {
	display:none;
	float:right;
	}
	ul#menu-top-menu li {
	line-height: 50px;
	float: left;
	list-style:none;
	width:49%;
	margin:0;
	text-align:center;
	}
	ul#menu-top-menu li a {
	text-decoration: none;
	background:none !important;
	font-size:18px;
	display:block;
	color:#fff;
	}
	ul#menu-top-menu li a:hover {
	color: #ec1a7f;
	}
	ul#menu-top-menu li.current-menu-item a {
	color: #ec1a7f;
	}
	#menu {
	background:url(images/menu-mobiel.png) no-repeat;
	background-size: 31px 22px;
	width:31px;
	height:22px;
	display: block;
	cursor:pointer;
	float:right;
	margin-top: 44px;
	margin-right: 5%;
	margin-bottom: 44px;
	}
	#content-links {
	margin:0 auto;
	}
	#footer-home-links {
	float : none;
	width:90%;
	margin: 0 2%;
	padding: 0 0 40px;
	}
	#footer-home-rechts {
	float : none;
	width:90%;
	margin: 0 2%;
	}
	#footer-home-rechts {
    clear: both;
    width: 96%;
	}
	#twitter {
    float: none;
    margin: 0 auto 0 23%;
    width: 70%;
	}
}

@media screen and (max-width: 600px) {
 
	#footer-rechts {
	display:none;
	}
}

@media screen and (max-width: 560px) {
 
	h1.tekst-home {
	line-height:50px;
	font-size:32px;
	width:90%;
	}
	h2.ondertekst-home {
	line-height:30px;
	font-size:16px;
	width:90%;
	}
	#content-links {
	height: 224px;
	max-width:500px;
	margin:0 auto;
	}
	.home-kolom1, .home-kolom2, .home-kolom3 {
    float: none;
	width:90%;
	text-align:left;
	margin:10px auto;
	}
	#set-1 {
	display:none;
	}
	#nieuws-afbeelding h1 {
	font-size:24px;
	line-height: 24px;
	}
	.dienst-tekst2 {
    margin: 0;
	}
}

@media screen and (max-width: 480px) {
 
	#content-onder-wrapper {
    margin:7% 0 0;
	}
	h1.tekst-home {
	line-height:40px;
	font-size:24px;
	width:90%;
	}
	.over-ons-tekst {
	width: 60%;
	}
	.over-ons-foto {
	margin: 0 8% 0 0;
	}
}

@media screen and (max-width: 450px) {
 
	#footer-home-links .entry {
    margin: 0 0 4% 50px;
	}
	#searchform input[type="text"] {
    margin: 6% 10% 0 0;
	}
	#website-ontwikkeling,#vindbaarheid,#social-media,#overige-diensten {
	display: none; 
	}
	
}
@media screen and (max-width: 360px) {
 
	#content-links {
    height: 190px;
	}
	h1.tekst-home {
	line-height:38px;
	font-size:22px;
	}
	h2.ondertekst-home {
	line-height:24px;
	font-size:15px;
	width:90%;
	}
}