/* Artfully masterminded by ZURB  */

/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Support Page
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body{
	color:rgb(55,55,55);
	background-color:rgb(255,255,255);
}

@media screen and (max-width: 1024px) {
	header > div > h2{
	font-size: 4vw;
	}
}

@media screen and (max-width: 950px) {
font-size: 3vw;
}

@media screen and (max-width: 650px) {
font-size: 3vw;
}

@media screen and (max-width: 480px) {
font-size: 2vw;
}

img {
	padding: 0;
}
header > div > h2{
	position:relative;
	height:0;
	top:20px;
	text-align:right;
	color: rgb(255,255,255);
}

/* header > div  > h2{
	height:135px;
 	background-image:url("../images/banner1.jpg");
	background-repeat:no-repeat;
	background-position:center;
} */

hr {
	border-width: 20px;
	border-color:#4d4d4d;
}

h4 {
	margin-left:0px;
	color:rgb(155,155,155);
	background-color:rgb(222,222,222);
}

footer { 
	color:#F0F0F0;
	font-family:arial;
	background-color:#4d4d4d;
	height:128px;
	padding:10px,10px,10px,10px;
	margin-top:80px;
	text-align:left;
}

footer > div > div > p  {
	margin-top:18px;
	margin-left:20px;
	margin-right:20px;
}


p > a {
    position: relative;
    display: inline-block;
}

a span {
    position: absolute;
    top: 90%;
    left: 20%;
    margin-top: -1em;
    margin-left: -75%;
    width: 200%;
    height: 2em;
    color: #f90;
    background-color: rgba(0,0,0,0.5);
}​



.nav-bar{
	margin-top:10px;
}

.nav-bar > li > a:first-child {
	font-size:16px;
	padding:0 30px;
}

.button{
	background:#004080;
}

.WhatsNew-tn-list {
	position: relative;
	color:black;
	font-family:courier;
	font-size:15px;	
	font-weight:500;
	line-height:160%;
	width: 100%;
	background-color: rgba(236,236,236,0.5);
}

.redding{
	background-color:rgb(192,192,192);
	margin:40px;
	color:rgb(55,55,55);
	background-color:rgb(220,220,220);
	border-radius:10px;
	padding:15px;
	text-align:center;
	
}

.redding2{
	background-color:rgb(255,192,192);
	color:rgb(55,55,55);
	background-color:rgb(220,220,220);
	border-radius:10px;
	border-style: solid;
	border-color:rgb(255,0,0);
	padding:15px;
	text-align:center;
	margin:40px;

}
/* ------------------------------------------
---------------------------------------------
   Support Page - Support Page - Support Page
---------------------------------------------
------------------------------------------ */



.responsive-card-table {
  border-collapse: collapse;
  width:100%;
}

.responsive-card-table.unstriped tbody {
  background-color: transparent;
}

.responsive-card-table th {
  background-color: #BFB689;
}

.responsive-card-table tr,
.responsive-card-table th,
.responsive-card-table td {
  border: 1px solid #0a0a0a;
    font-size:16px;
}

@media screen and (max-width: 640px) {
  .responsive-card-table {
    
  }
  .responsive-card-table thead tr {
    position: absolute;
    top: -9999em;
    left: -9999em;
  }
  .responsive-card-table tr {
    border: 1px solid #0a0a0a;
    display: block;
  }
  .responsive-card-table tr + tr {
    margin-top: 2.5rem;
  }
  .responsive-card-table td {
    border: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #0a0a0a;
    padding-left: 50%;
    position: relative;
  }
  .responsive-card-table td:before {
    content: attr(data-label);
    display: inline-block;
    font-weight: bold;
    line-height: 1.5;
    margin-left: -100%;
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .responsive-card-table td:after {
    content: '';
    position: absolute;
    background: #BFB689;
    width: 40%;
    height: 95%;
    left: 1px;
    top: 1px;
    z-index: 0;
  }
}




/* -----------------------------------------
   Contact Page
----------------------------------------- */

.contact-dcp {
	font-family:arial;
	font-size:20px;
	font-weight:800;
	color:rgb(55,55,55);
	background-color:rgb(220,220,220);
	border-radius: 10px;
	padding:15px;
	text-align:center;
	margin-top:50px;
	margin-left:50px;
}

.contact-us-form input[type=text],
.contact-us-form input[type=email],
.contact-us-form textarea {
  margin-bottom: 1.5rem;
}

.contact-us-form-actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contact-us-form-actions input[type=submit] {
  border-radius: 0px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.contact-us-form-actions .contact-us-file-button {
  background: transparent;
  color: #8a8a8a;
}

.contact-us-list {
  list-style-type: none;
  margin: 0;
}

.contact-us-list li a {
  color: #0a0a0a;
}

.contact-us-list li::before {
  margin-right: 2rem;
  font-size: 2rem;
  vertical-align: middle;
  color: #8a8a8a;
  font-family: 'FontAwesome';
}

.contact-us-list .address::before {
  content: '\f041';
  margin-left: 0.4rem;
  margin-right: 2.3rem;
}

.contact-us-list .email::before {
  content: '\f003';
}

.contact-us-list .phone::before {
  content: '\f098';
}

.indekijker {
	font-family: arial;
	text-decoration: none;
	position: relative;
	top: +0px;
	background-color: #ff99cc;
	margin:0px;
	color:rgb(55,55,55);
	border-radius:5px;
	padding:15px;
	height: 100%;
	width:100%;
	text-align:center;
	border: 2px solid #800040;
	transform: rotate(10deg);
	font-weight: bold;
}

.indekijker_2 {
	font-family: arial;
	text-decoration: none;
	position: relative;
	top: +0px;
	background-color: #ffffcc;
	margin:0px;
	color:rgb(55,55,55);
	border-radius:5px;
	padding:15px;
	height: 100%;
	width:100%;
	text-align:center;
	border: 2px solid #800040;
	font-weight: bold;
}