/*
Theme Name:         DotSearch 
Theme URI:          https://www.dotsearch.nl
Description:        DotSearch is van Ruud Kok
Version:            1.3.3.7
Author:             Jan-Willem Bobbink
Author URI:         https://www.11-internet.nl
License:            Kopieer maar wat je wil...
*/

* {padding:0; margin:0;}

@media screen {
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: normal;
  src: local('PT Sans'), local('PTSans-Regular'), url('https://themes.googleusercontent.com/static/fonts/ptsans/v3/LKf8nhXsWg5ybwEGXk8UBQ.woff') format('woff');
}
}
@media screen {
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: bold;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url('https://themes.googleusercontent.com/static/fonts/ptsans/v3/0XxGQsSc1g4rdRdjJKZrNBsxEYwM7FgeyaSgU71cLG0.woff') format('woff');
}
}

body {font-size:12px; font-family:Arial; text-align:center; color:#888;}
#home {background:url(img/achtergrond.png) repeat-x #f6f6f6;}
#port {background:url(img/achtergrond3.png) repeat-x #f6f6f6;}
img {border:0;}
td {vertical-align:top;}
h1, h2 {font-family:PT Sans, Arial; font-weight:400; color:#f07d00;}
h1 span, h2 span, h3 span {color:#0f559e;}

h3 {font-family:PT Sans, Arial; font-size:18px; font-weight:700; color:#f07d00;}
h3 span {color:#0f559e;}
h3 a:hover {color:#f07d00;}
h3 a span:hover {color:#0f559e;}

a:link, a:visited {color:#f07d00; text-decoration:none;}
a:hover {color:#0f559e;}
p {line-height:18px;}

#website {margin:0 auto; position:relative; text-align:left; width:1060px;}
#boven {display:block; width:960px; padding:0 50px; height:118px;}
#logo {margin-top:41px;float:left;}
#logo img {position:absolute; left:45px;}
#logo h2 {float:left;font-size:36px;margin-left:45px;}
#menu1 {float:right; width:600px; margin-top:53px;}
#lijst1 {float:left;}
#menu-menuboven {list-style-type:none;}
#menu-menuboven li {float:left;}
#menu-menuboven li a {text-transform:uppercase; color:#555; font-family:PT Sans, Arial; font-weight:700; font-size:15px; display:block; width:102px; height:26px; padding-top:5px; text-align:center; margin:0 3px;}
#menu-menuboven li a:hover, #menu-menuboven li a.actief {background:url(img/m1.png) no-repeat; color:#fff;}

#search {float:right; display:block; width:161px; margin-top:3px;}
#s {float:left; color:#999; display:block; width:112px; height:14px; padding:5px 10px; background:url(img/zoeken1.png); border:none; outline:none;}
#searchsubmit {float:right; display:block; width:29px; height:24px; background:url(img/zoeken1.png) -132px 0 no-repeat; border:none;}

#inhoud {background:url(img/achtergrond2-laag.png) no-repeat; padding:0 50px;}
#inhoud2 {width:960px; padding:0 50px; margin-top:35px;}
#slideshow {height:311px;}
.bx-wrapper {text-align:center;}
.headings {text-align:left; display:block; padding:15px 25px 25px 25px; background:url(img/wit.png); position:absolute; margin:57px 0 0 0;}
.headings h2 {font-size:32px; margin-bottom:4px;;}
.headings p {font-size:24px; font-family:PT Sans, Arial; font-weight:400; color:#555;}
#slideshow .pager-link {background:url(img/iconen.png) no-repeat; display:inline-block; width:20px; height:20px; text-indent:-87665px; margin:22px 6px 0 6px;}
#slideshow .pager-active {background:url(img/iconen.png) 0 -20px no-repeat;}
.kolom {width:260px; padding:15px 30px;float:left;}
.kolom h3 {background:url(img/iconen.png) 0 -41px no-repeat; line-height: 19px; padding-left:23px; margin-bottom:15px;height:20px;}

.illus1 {padding:2px; width:72px; float:left; margin:0 10px 5px 0;}
.meer1 {background:url(img/iconen.png) 0 -64px no-repeat; height:18px; padding:0 0 5px 30px; font-weight:bold;}

#portfolio {width:630px;}
#portfolio h1 {font-family:PT Sans, Arial; font-size:22px; font-weight:bold; color:#0f559e; margin:20px 0 7px 0;}
#imac {display:block; width:554px; height:467px; padding:21px; background:url(img/imac.png);}
#slider2 {display:block;}
#imac .pager-link {background:url(img/bol2.png) no-repeat; display:inline-block; width:12px; height:12px; text-indent:-87665px; margin:40px 4px 0 4px;}
#imac .pager-active {background:url(img/bol1.png) no-repeat;}

#doen {float:right; display:block; width:340px; padding:0 0 0 12px;font-size:14px; margin-bottom:50px;}
#titel1 {margin-top:60px; padding-bottom:4px; font-family:PT Sans, Arial; font-size:18px; font-weight:700; color:#555; width:330px; border-bottom:6px solid #ccc;}
#titel2 {padding-bottom:4px; font-family:PT Sans, Arial; font-size:18px; font-weight:700; color:#555; width:330px; border-bottom:6px solid #ccc;}
#doen h3, #doen h3 a, #portfolio h2 {font-size:18px; color:#555; font-weight:700; margin:20px 0 7px 0;}
#doen img {float:left; margin:0 7px 5px 0;}
#doen ul li {background:url(img/iconen.png) 0 -43px no-repeat; padding-left:24px; margin-bottom:10px;list-style-type:none;line-height:16px; }
#leesmeer {margin-top:20px; padding-top:14px; font-family:PT Sans, Arial; font-weight:700; color:#555; border-top:1px solid #ccc;}
#leesmeer a {color:#0f559e;}
#leesmeer a:hover {color:#f07d00;}
#wit {width:100%; clear:both;}
#doen ul {margin-left:20px;}
#logos {display:block; width:960px; padding:35px 0;}
#logos img {margin-right:10px;}
#logos img.laatste {margin:0;}

#tussen {width:100%; display:block; background:url(img/tussen.png);}
#tbreed {margin:0 auto; position:relative; text-align:left; width:960px; height:220px; padding:0 50px; font-size:13px; color:#888;}
#quotes {margin-top:28px; display:block; background:url(img/ballon.png) no-repeat; width:365px; height:120px; float:left;}
#quote {width:300px; padding:10px 15px;}
#pers {margin-left:16px; padding-top:20px; font-weight:bold;}
#pers a {color:#0f559e;}
#pers a:hover {color:#f07d00;}
#contact {display:block; width:470px; float:right;}
span.kop {color:#555;font-weight:bold;}
#doen span.kop {margin:30px 0 10px 20px;display:block;}
#cont {padding:28px 0 18px 0; font-family:PT Sans, Arial; font-size:18px; font-weight:700; color:#555;}

.lists {font-size:14px;float:left;display:block; width:240px;}
.lists span.kop {margin:30px 0 10px 25px;display:block;}
.lists ul li {background:url(img/iconen.png) 0 -43px no-repeat; padding-left:24px; margin-bottom:10px;list-style-type:none;line-height:16px; }

#onder {min-width:1060px; clear:both; border-top:1px solid #c5c5c5; background-color:#fff; height:100px;}
#onderinh {margin:0 auto; position:relative; text-align:left; width:960px; padding:0 50px;}
#copy {float:left; margin-top:23px;}
#social {float:right; margin-top:9px;}
#sds, #sfb, #stw, #sli, #srs {display:block; width:34px; height:37px; float:left; margin-right:5px; text-indent:-6785px;}
#sds {background:url(img/social.png) 0 0 no-repeat;}
#sfb {background:url(img/social.png) -40px 0 no-repeat;}
#stw {background:url(img/social.png) -80px 0 no-repeat;}
#sli {background:url(img/social.png) -120px 0 no-repeat;}
#srs {background:url(img/social.png) -160px 0 no-repeat;}

#tekstvak {width:600px;}

#tekstvak table {border-spacing:0; border:1px solid #555;}
#tekstvak tr th{border-bottom:1px solid #555; text-align:left;}
#tekstvak tr th, #tekstvak tr td{padding: 9px 20px; border-right:1px solid #555;}
#tekstvak tr th:last-child, #tekstvak tr td:last-child{border-right:0;}
#tekstvak table th{font-weight:bold; background-color:#eee;}

#tekstvak ul li {background:url(img/iconen.png) 0 -43px no-repeat; padding-left:24px; margin-bottom:10px;list-style-type:none;line-height:18px; }
#tekstvak ol li {margin-left: 20px;}	
#tekstvak h1, #tekstvak h2, #tekstvak h3, #tekstvak h4, #tekstvak h5,  #tekstvak h6  {color:#0f559e; font-family:PT Sans, Arial; font-weight:bold; padding-top:20px;}
#tekstvak h1 a{color:#0f559e;}
#tekstvak h1 {font-size:22px;}
#tekstvak h2 {font-size:18px;}
#tekstvak h3 {font-size:16px;}
#tekstvak h4 {font-size:14px;}
#tekstvak h5 {font-size:14px;}
#tekstvak h6 {font-size:14px;}
#tekstvak p {margin: 0 0 20px 0; line-height:22px; text-align: justify;}
p#breadcrumbs {margin:0;}
#tekstvak em { font-style: italic; }
#tekstvak strong { font-weight: bold; }
#tekstvak small { font-size: 80%; }
#tekstvak blockquote, #tekstvak blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
#tekstvak blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
#tekstvak blockquote cite { display: block; font-size: 12px; color: #555; }
#tekstvak blockquote cite a{ color: #555; }
div.shortcode-block-quote-left{width:33%; float:left; margin:15px 20px; padding:20px; border-left:2px solid #ddd; font-size:16px; font-family:Georgia,"Times New Roman",Times,serif; font-style:oblique;}
div.shortcode-block-quote-right{width:33%; float:right; margin:15px 20px; padding:20px; border-left:2px solid #ddd; font-size:16px; font-family:Georgia,"Times New Roman",Times,serif; font-style:oblique;}
div.shortcode-block-quote-center{margin:0 20px 20px 20px; text-align:center; padding:20px; border-left:2px solid #ddd; font-size:16px; font-family:Georgia,"Times New Roman",Times,serif; font-style:oblique;}
hr {border:solid #ddd; border-width:1px 0 0; clear:both; margin:10px 0 30px; height:0;}

#contact {float:right; display:block; width:330px; font-size:12px; line-height: 18px; margin-bottom:50px;}
#contact h2 {color:#0f559e; font-family:PT Sans, Arial; font-weight:bold; margin:5px 0 10px 0;font-size:18px;}
iframe.googlemaps { border: 1px solid #ccc;}

.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 20px; }
div.alignright { margin: 0 0 10px 10px; }
.alignright {float: right;}
.alignleft {float: left;}

img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 0px;margin: 4px 4px 4px 7px;display: inline;border:1px solid #ddd;}
img.alignleft {padding: 0px;margin: 0 7px 2px 0;display: inline;border:1px solid #ddd;}
img {max-width: 100%;}
#simonly { width:180px; font-size: 12px; margin: 20px 0 20px 20px; font-family:arial,sans-serif; line-height: 13px;}
#simonly a h3 { color: #4384BA;text-decoration: underline;margin: 0; font-size: 12px;line-height: 14px;font-weight:bold;font-family:arial,sans-serif;}
#simonly a {color: #000000;text-decoration: none;font-family:arial,sans-serif;}
#simonly a:hover {color: #000000;text-decoration: none;font-family:arial,sans-serif;}
#simonly a:visited {color: #000000;text-decoration: none;font-family:arial,sans-serif;}

ol.commentlist{list-style-type:none;}
.commentlist li {padding: 20px 20px 0 20px;}
.commentlist li cite {font-weight:bold;}
.alt { background-color: #fff;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
h3#comments {margin: 10px 5px 10px 0;}
#wpcf label {
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}
#cookiepolicy {
    background-image: url("https://www.ruudkok.nl/images/cookiebar.png");
    bottom: 0;
    font-family: arial,verdana,helvetica,sans-serif;
    font-size: 12px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    z-index: 2147483647;
}
#cookiepolicy-txt span {
    display: inline-block;
}
#cookiepolicy-txt {
    color: #FFFFFF;
    font-family: arial;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 5px 5px 0;
    text-align: center;
    vertical-align: text-top;
}
#cookiepolicy-accept-cookies {
    background-color: #000000;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-family: arial;
    font-size: 12px;
    opacity: 1;
    padding: 4px 10px;
}
#cookiepolicy a, #cookiepolicy a:link, #cookiepolicy a:visited, #cookiepolicy a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
#cookiepolicy-wrapper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
}
#cookiepolicy-notice {
    padding: 5px 0 2px;
}