* { outline:none; }
a { text-decoration:none; }

body {
  margin:0;
  padding:0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background:rgb(254,246,246);
}

p { line-height:22px; }

.dblk { display:block; }
.tar { text-align:right; }
.wrap { padding:0 20px; }

.topnav { color:#fff; font-size:11px; }
.topnav, .footer_bottom { background:#231F20; background:rgba(35,32,31,.9); padding:10px 0; }
.topnav a { margin-left:20px; color:#fff; text-transform:uppercase; font-size:11px; }
.topnav p { margin:0; padding:0; }

.header {
  padding:10px 20px;
  padding-left:14px;
  background:url(https://www.voorkomdepressie.nl/projects/pct/img/bgheader.png) bottom right no-repeat rgb(255,166,0);
}
.header img { border:0; max-width:100%; }

.siteselwrap { 
  text-align:center; 
}
.sitesel {
  background:rgba(255,129,19,.8);
  margin-top:35px;
  display:inline-block;
  border:1px solid rgba(255,255,255,.5);
  border-radius:10px;
  font-size:13px;
}
.sitesel a {
  display:inline-block;
  padding:8px 10px;
  color:#fff;
  border-radius:10px;
  margin:3px;
}
.sitesel a.active { background:#fff; color:#333; font-weight:bold; }


.nav { 
  background:#FFB28C;
  background:rgba(255,178,140,.9); 
  background:#fff;
  border-bottom:3px solid #FF5013;
  overflow:auto; 
  box-shadow:-5px 10px 10px rgba(255,255,255,.7);
}
.nav ul { list-style:none; margin:0; padding:0; }
.nav ul li { margin:0; padding:0; display:inline; }
.nav a {
  display:block;
  float:left;
  font-size:18px;
  font-weight:300;
  text-transform:uppercase;
  font-family:Open Sans;
  padding:10px 20px;
  color:#333;
  color:#FF5013;;
}
.nav ul li.active a, .nav a:hover {
  background:#FF5013;
  color:#fff;
}

.subnav { 
  display:none;
  padding:20px;
  margin-bottom:5px;
  background: #feffff;
  background: -moz-linear-gradient(top, #feffff 0%, #cfedf9 100%);
  background: -webkit-linear-gradient(top, #feffff 0%,#cfedf9 100%);
  background: linear-gradient(to bottom, #feffff 0%,#cfedf9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#cfedf9',GradientType=0 );
  box-shadow:3px 3px 10px #ccc;
}

.subnav h1 {
  font-family:Open Sans;
  font-size:22px;
}
.subnav ul { margin:0; padding:0; padding-left:40px; }
.subnav ul li a {
  color:#333;
}
.subnav ul li a:hover { color:#000; }

.page {
  padding:40px 0;
  max-width:1280px;
  margin:0 auto;
}


.page h2, .page a, .p1full h1 {
  color:#FF5013;
}
.page h2, .p1full h1 {
  display:inline-block;
  margin:0;
  padding:0;
  margin-bottom:10px;
  text-transform:uppercase;
  font-family:Open Sans;
  font-weight:bold;
  font-size:16px;
}
.page a { border-bottom:1px dotted #CB0019; }
.p1full h1 { font-size:28px; }
.p4col h2 { 
  background:#fff; 
  padding:2px 5px; 
  /* transform: rotate(-2deg);  */
  box-shadow:2px 2px 3px #ccc; 
  margin-left:-5px;
  margin-bottom:-5px;
  border-radius:3px;
}

.page .w {
  margin-right:20px;
}
.page .cw {
  background:#CFEDF9; 
  background:rgba(207,237,249,.8); 
  padding:20px 15px;
  padding-top:30px;
  font-size:16px;
  line-height:23px;
  margin-bottom:30px;
  margin-top:-10px;
  border-radius:0px 0px 30px 0;
  box-shadow:2px 2px 20px #fff;
  border:2px solid rgba(255,255,255,.5);
}
.page .cw p { margin:0; padding:0; margin-bottom:15px; }


.page .cw h1, .page .cw h3 {
  font-family:Open Sans, Arial, Verdana, sans-serif;
  font-size:28px;
  font-weight:600;
  margin-bottom:20px;
}
.page .cw p { line-height:24px; }

.page .cw h3 {
  font-size:16px;
  font-weight:bold;
  margin-bottom:5px;
  padding-bottom:0;
}
.page .cw td { padding:5px; }

.footer {
  text-align:center;
  color:#333;
  line-height:25px;
  font-size:15px;
  padding:30px;
  background:rgba(255,129,19,.8);
  margin-top:-5px;
  border-top:5px solid rgba(255,255,255,.3);
}
.footer i { font-size:60px; color:#fff; margin-bottom:20px; }
.footer h2 { margin:0; padding:0; }
.footer a { color:#333; font-weight:bold; }
.footer .w {
  padding:20px;
}
.footer input.text {
  background:#fff;
  color:#333;
  border:1px solid #333;
  border-radius:10px;
  font-size:14px;
  line-height:30px;
  text-align:center;
  margin-bottom:5px;
  width:180px;
}
.footer button i { margin:0; color:#333; font-size:18px; }
.footer button {
  border:0;
  border-radius:10px;
  background:#fff;
  color:#333;
  line-height:30px;
  border:1px solid #333;
  padding:0px 10px;
  margin-left:10px;
}


.footer_bottom {
  background:rgba(35,31,32,.9);
  text-align:center;
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase;
  line-height:30px;
  color:#fff;
  padding:15px 30px;
}
.footer_bottom a { color:#fff; border-bottom:1px dotted #eee; }

.arrow_box {  
  margin-bottom:30px;
  margin-top:15px;
}
.arrow_box {
	position: relative;
	background: #FF8113;
	border: 4px solid #ffa557;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 129, 19, 0);
	border-top-color: #FF8113;
	border-width: 30px;
	margin-left: -30px;
}
.arrow_box:before {
	border-color: rgba(255, 165, 87, 0);
	border-top-color: #ffa557;
	border-width: 36px;
	margin-left: -36px;
}

/*
.arrow_box {
	position: relative;
	background: #E20021;
	border: 4px solid #b5001a;

}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(226, 0, 33, 0);
	border-top-color: #E20021;
	border-width: 30px;
	margin-left: -30px;
}
.arrow_box:before {
	border-color: rgba(181, 0, 26, 0);
	border-top-color: #b5001a;
	border-width: 36px;
	margin-left: -36px;
}*/


a.actie {
  display:block;
  text-align:center;
  font-size:32px;
  font-family:Open Sans;
  font-weight:300;
  color:#fff;
  border:0;
  margin:20px 0;
}

.arrow_box:hover {
  background:#FF5013;
}


@media screen and (max-width: 1280px) { 
  .nav a { font-size:16px; }
}

@media screen and (max-width: 1024px) { 
  .nav { padding-left:10px; }
  .nav a { font-size:12px; font-weight:bold; padding:10px; }
}

@media screen and (max-width: 768px) { 
  .nav { padding-left:0; }
  .nav a { float:none; border-bottom:1px solid #ff915b; padding:10px 20px; }
  .subnav { display:block; }
  .sitesel { margin:15px 0; }
}