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

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

img, a img, :link img, :visited img{ 
	border: 0;
	/* AFBEELDINGEN BOVEN EN ONDER TEGEN ELKAAR ZETTEN */
	display:block;
	/* OF */
	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:400;
	font-size:13px;
	color:#333;
	line-height:24px;
	
	background-image:url(../images/bg_bread.jpg);
	background-attachment:fixed;
	
}

/* BACKSITE */
body{
	background-color:#FFF;	
	
	/* default font */
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:13px;
	color:#333;
	line-height:24px;
}



/* TABEL */
td{
	/* default font */
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:13px;
	color:#333;
	line-height:24px;
}


/* HOOFDTITEL OP DE PAGINA */
h1{ 
	margin:0; 
	padding:0;
	
	font-family: 'Roboto', sans-serif;
	font-weight: 300 !important;
	font-size:36px;
	color:#660066;
	
	padding-bottom:0px;
}

/* IDEM MAINTITLE */
h2{ 
	margin:0;
	padding:0;
	
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:24px;
	color:#dc2431;
	text-decoration:none;
	
	padding-bottom:25px;
	
}

.maintitle{ 
	margin:0;
	padding:0;
	
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
	font-size:22px;
	color:#009ddc;
	text-decoration:none;
	
	padding-bottom:0px;
}

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

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

.lijn{
	border-bottom:1px dotted #333;
	width:100%;
}


h4{ 
	margin:0; 
	padding:0;
	
	font-family: 'Roboto', sans-serif;
	font-weight:100; 
	font-size:65px;
	color:#FFF;
	line-height:75px;
	padding-bottom:25px;
}


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


/* MENULINK */

a.menulink,
a.menulink:link,
a.menulink:visited,
a.menulink:active {
	outline: none;  
	overflow: hidden;
	
	
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	
	margin-left:10px;
	padding:8px;


	/* 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;
	
}

/* MENULINK ROLLOVER */
a.menulink:hover {
	color:#900;
	text-shadow: none;
	background-color:#FFF;
	border-radius: 2px;
	
}



/* MENULINK ACTIEF */
.actief{
	color:#900 !important;
	text-shadow: none;
	background-color:#FFF;
	border-radius: 2px;
	opacity:0.4;
	
}

/* 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;
}

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

#banner{
	height:450px;
	width:100%;
	top:0;
	z-index:0;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden !important;
	position: absolute;
}


#banner_detail{
	height:200px;
	width:100%;
	top:0;
	z-index:0;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden !important;
	position: absolute;
}

#menu{
	height:150px;
	width:100%;
	top:0;
	position:fixed;
	background-image:url(../images/bg_top.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size: 100% 100px;
	
	z-index:99;
}


.rsABlock {
 top:115px !important;
 width:960px; 
 left:50%; 
 margin-left:-480px;

 z-index:999;
 display:block;
 position: absolute;

}

#yt{/*
 top:0 !important;
 width:960px; 
 left:50%; 
 margin-left:-480px;
 background-color:#9C9;
 z-index:999;
 display:block;
 position: fixed;*/
}

#bread{
	background-image:url(../images/bg_br.png);
	height:50px;
	position:relative;
	top:450px;
	z-index:98;
}

#bread_detail{
	background-image:url(../images/bg_br.png);
	height:50px;
	position:relative;
	top:200px;
	z-index:98;
}

.crum{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:#FFF;
	font-size:11px;
	padding-right:6px;
}

.crum_d{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:#CCC;
	font-size:11px;
}

.pijl{
	font-family: 'Roboto', sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:300;
	color: #F00;
	font-size:9px;
}

#footer{
	background-image:url(../images/bg_bread.jpg);
	position: absolute;
}

#titel{
	border-bottom:4px solid #E9E9E9;
	vertical-align:bottom;
	padding-bottom:40px;
	padding-top:15px;
}

#inhoud{
	padding-top:35px;
}

#sig{
	color:#FFF;
	position:fixed;
	bottom:37px;
	left:40px;
	z-index:97;
	font-size:10px;
}


#tafel{
	position: absolute !important;
	width:100%;
	
	height:100%;
	z-index:95;
}

.grijs{
	color:#CCC;
}

/* roodLINK */
a.roodlink,
a.roodlink:link,
a.roodlink:visited,
a.roodlink:active {
	outline: none;  
	overflow: hidden;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size:18px;
	color:#FFF;
	text-decoration:none;
	padding:10px 16px 14px 16px;
	background-image:url(../images/bg_rood.png);
	border-radius:3px;
}

a.roodlink:hover {
background-image:url(../images/rood.png);
}

/* paarsLINK */
a.paarslink,
a.paarslink:link,
a.paarslink:visited,
a.paarslink:active {
	outline: none;  
	overflow: hidden;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size:18px;
	color:#FFF;
	text-decoration:none;
	padding:10px 16px 14px 16px;
	background-image:url(../images/bg_paars.png);
	border-radius:3px;
}

a.paarslink:hover {
background-image:url(../images/paars.png);
}





.tekstvak{
	width:225px;
	height:30px;
	border:1px solid #CCC;
	margin-top:2px;
	
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:13px;
	color:#666;
}

.tekstvak_com{
	width:310px;
	height:170px;
	border:1px solid #CCC;
	margin-top:2px;
	
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:13px;
	color:#666;
}
.tekstvak_chk{
height:26px;
	border:1px solid #CCC;
}



.submit{
	width:125px;
	height:32px !important;
	margin-left:5px;
}


/* paarsLINK */
a.extralink,
a.extralink:link,
a.extralink:visited,
a.extralink:active {
	outline: none;  
	overflow: hidden;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:13px;
	color:#FFF;
	line-height:24px;
	padding:10px 16px 14px 16px;
	background-color: #660066;
	border-radius:3px;
}

a.extralink:hover {
	background-color:#dc2431;
}

.minmar{
	 margin-top:-183px !important; 
	 position:absolute;
}