/********************************************* RESET ************************************************/
/****************************************************************************************************/

html, body, form{ 
	height: 100%;
	width:100%;
	padding:0; 
	margin:0;
} 

img, a img, :link img, :visited img{ 
	border: 0;display:block;
	/* AFBEELDINGEN BOVEN EN ONDER TEGEN ELKAAR ZETTEN 
	

	vertical-align: top*/
}

ul{ margin:11px 0; padding:0 0 0 40px; list-style-type:square;}
ol{ margin:11px 0; padding:0 0 0 40px; list-style-type:decimal;}

p{ 
	padding:0 0 11px 0; 
	margin:0;
}

/****************************************************************************************************/
/****************************************************************************************************/
/************************************** START STANDAARD CSS *****************************************/
/****************************************************************************************************/
/****************************************************************************************************/


/* WEBSITE */
body#website{
	height: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow-y: scroll;
	overflow-x: hidden;
	/* default font */
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: #333;
	line-height: 24px;
	-moz-font-smoothing: none;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	background-image: url(../images/bg.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}

/* BACKSITE */
body{
	background-color:#FFF;	
	
	/* default font */
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#333;
	line-height:24px;
	
	-moz-font-smoothing: none;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}



/* TABEL */
td{
	/* default font */
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#333;
	line-height:24px;
	
	-moz-font-smoothing: none;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}


/* HOOFDTITEL OP DE PAGINA */
h1{
	margin: 0;
	padding: 0;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700 !important;
	font-size: 26px;
	color: #248793;
	padding-bottom: 0px;
	line-height: 35px;
	text-align: center;
}

/* IDEM MAINTITLE */
h2{ 
		margin: 0;
	padding: 0;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700 !important;
	font-size: 20px;
	color: #248793;
	padding-bottom: 0px;
	line-height: 35px;
	
	
}

.maintitle{
	margin: 0;
	padding: 0;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 300 !important;
	font-size: 22px;
	color: #F9F9FA;
	text-decoration: none;
	padding-bottom: 0px;
}

/* IDEM SUBTITLE */
h3{ 
	margin:0; 
	padding:0;
	
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size:20px;
	color:#CCC;
}

.subtitle{
	margin:0; 
	padding:0;
	
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size:20px;
	color:#CCC;
}


/* NORMALE LINK */
a,
a:link,
a:visited,
a:active{
	color: #248793;
	text-decoration: underline;
}
a:hover{
	color:#009ddc;
	text-decoration:none;
}


/* MENULINK */

a.menulink,
a.menulink:link,
a.menulink:visited,
a.menulink:active {
	outline: none;
	overflow: hidden;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #666;
	text-decoration: none;
	/* Standaard fade rollover CSS3 */
	-webkit-transition-property: color;
	-webkit-transition-duration: 0.2s, 0.2s;
	-webkit-transition-timing-function: linear, ease-in;
	transition-property: color;
	transition-duration: 0.2s, 0.2s;
	transition-timing-function: linear, ease-in;
	display: inline-block;
	text-transform: uppercase;
	margin-right: 3px;
	line-height: 30px;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
}


/* MENULINK ROLLOVER */
a.menulink:hover {
	color: #248793;
	text-shadow: none;
	
}
a.button,
a.button:link,
a.button:visited,
a.button:active {
	outline: none;
	overflow: hidden;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #666;
	text-decoration: none;
	/* Standaard fade rollover CSS3 */
	-webkit-transition-property: color;
	-webkit-transition-duration: 0.2s, 0.2s;
	-webkit-transition-timing-function: linear, ease-in;
	transition-property: color;
	transition-duration: 0.2s, 0.2s;
	transition-timing-function: linear, ease-in;
	display: block;
	text-transform: uppercase;
	margin-right: 3px;
	line-height: 30px;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	text-align: center;
	width: 100%;
	background-color: rgba(239,238,244,1);
}

/* MENULINK ACTIEF */
.actief{
	color: #FFF !important;
	background-color: #248793;
	
}

/* korte omschrijving DNA02 */
.korte_omschrijving{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:15px;
	color:#333;
	line-height:24px;
}
.korte_omschrijving p { 
	margin:0;
	padding:0;
	border:0;
	line-height:24px;
}

/* VET VOOR BRAM */
.vet{
	font-weight:bold !important;
}

/* SUB */
.klein{
	font-size:12px;
}

/* STROKE */
.stroke{
	border:2px solid #333 !important;
}

.stroke_met_schaduw{
	border:6px solid #FFF !important;
	box-shadow:1px 1px 15px #CCC; 
}

/* handje voorzien bij rollover Bart */
.rollover{
	cursor:pointer;
}
.fotorechts {
	float: right;
	width: 30%;
	margin-bottom: 15px;
	margin-left: 30px;
	min-width: 100px;
}


/****************************************************************************************************/
/****************************************************************************************************/
/**************************************** START EIGEN CSS *******************************************/
/****************************************************************************************************/
/****************************************************************************************************/

#container {
	min-height: 100%;
	position: relative;
	width: 100%;
	background-image: url(../images/patroontransp.png);

}
#header {
	overflow: auto;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #238894;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
	width: 100%;
	min-width:350px;
}
#content {
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 128px;   /* Height of the footer */
	max-width: 952px;
}
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 128px;
	background-color: #6cf;
	background-image: url(../images/horse_laundry_06.jpg);
	background-repeat: repeat-x;
	background-position: top;
}.box {
		max-width: 952px;

	overflow: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
.kolom {
	background-color: #70A9B0;
	width: 22.2%;
	float: left;
	padding: 4%;
	color: rgba(255,255,255,1);
	
}
.kolom2 {
	background-color: rgba(255,255,255,0.7);
	width: 60.5%;
	float: right;
	padding: 4%;
	
}
.centeren {
		max-width: 952px;
		

	
	margin-right: auto;
	margin-left: auto;
}
.logo {
	margin-top: 25px;
	margin-left: 20px;
	margin-bottom: 25px;
	
}

.nav {
	float: right;
	text-align: right;
	margin-top: 54px;
	margin-right: 15px;
}

.nav li {
	display: inline;
}
.nav ul {
	margin: 0px;
	padding: 0px;	
}
.nav select {
      display: none;
    }
	select{
	width: 130px;
	margin-top: 34px;
	padding: 4px 8px 5px 8px;
	border: 1px solid #ccc;
	color: #FFF;
	font-family: inherit;
	font-weight: 700;
	font-size: inherit;
	background-color: #248793;
}
img {
	max-width: 100%;
	height: auto;
}

@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);

@media all and (max-width: 870px)  {
	.logo {
	
	margin-top: 25px;
	margin-left: auto !important;
	margin-bottom: 25px;
	width: 220px !important;
	margin-right: auto !important;
}
  .nav {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
		margin-top: 10px;
		margin-right: 0px;

}

.nav li {
	display: inline;
}
.nav ul {
	margin: 0px;
	padding: 0px;	
}
body#website{
	
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 13px;
	color: #333;
	line-height: 20px;
	-moz-font-smoothing: none;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	background-image: url(../images/bg.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
  }

@media all and (max-width: 630px) {
	
	
.logo {
	margin-top: 25px !important;
	margin-left: 20px !important;
	margin-bottom: 25px;
	width: 150px !important;
}
  .nav {
	width: 130px;
	text-align: center;
	float: right !important;
	margin-right: 25px;
		margin-top: 0px;

}

.nav ul      { display: none; }
    .nav select { display: inline-block; }

.kolom {display:none;}
.kolom2 {
	background-color: #FFFFFF;
	width: 90%;
	padding: 4%;
	margin-right: auto;
	margin-left: auto;
	float:none;
}


/* HOOFDTITEL OP DE PAGINA */
h1{
	margin: 0;
	padding: 0;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 300 !important;
	font-size: 20px;
	color: #248793;
	padding-bottom: 0px;
	line-height: 30px;
	text-align: center;
}


  }