/* 
kleuren
advies: 	#c3004a
congressen:	#c3004a
feesten:	#c3004a
bedrijfs:	#c3004a
 */


/*icon font */
@font-face{
font-family: entypo;
src: url(../fonts/entypo.woff);
}
@font-face{
font-family: entypo-social;
src: url(../fonts/entypo-social.woff);
}
.ficon {
	font-family: entypo;
	font-size: 2em;
	line-height: 1;
	
}
.ficon.social {
	font-family: entypo-social;
	
}
.ficon.round {
	color: #fff;
	background:#000;
	width:1em;
	display:inline-block;
	-webkit-border-radius: 65px;-moz-border-radius: 65px;border-radius: 65px;
	text-align: center;
}



/* --------------------------------------------------
 horiz menu */
 
/* menu */
.horizmenu .nav > li {
	display:inline-block;
	float:none;
}
.horizmenu .nav > li > a,
.horizmenu .nav > li > a:hover,
.horizmenu .nav > li > a:focus {
	padding:0 20px;
	margin:0 0 0 0;
  
	font-family:'Roboto', Arial, sans-serif;
	font-weight:300;
	font-size:12pt;
	
	/*text-transform:uppercase;*/
	color:#000;
	text-decoration: none;
	text-align:center;
	
	line-height: 50px;
	
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	
	-webkit-transition: background-color 150ms linear;
	-moz-transition: background-color 150ms linear;
	-o-transition: background-color 150ms linear;
	-ms-transition: background-color 150ms linear;
	transition: background-color 150ms linear;
	background: none!important;
	border-left:0px solid #fff;
	
	
}
.horizmenu .nav > li:first-child a {
	border-left:none;
}


/* menu hover */
.horizmenu .nav > li:hover > a,
.horizmenu .nav > li > a:focus {
	color:#c3004a;
	
}

/* menu active */
.horizmenu > .active > a,
.horizmenu > .active > a:hover,
.horizmenu > .active > a:focus,
.horizmenu .nav > li > a:active,
.horizmenu .nav > li.active > a  {
	color:#c3004a;
	
}

/* menu dropdown - show on hover */
.horizmenu .nav > li:hover > .dropdownRel > .nav-child,
.horizmenu .nav > li > .dropdownRel > a:focus + .nav-child,
.horizmenu  li:hover > .dropdownRel > ul {
	display: block;
}


/* menu dropdown */
.dropdownRel {
	position: relative;
}
.dropdown-menu {
	border-radius:0;
	border:none;
	padding: 0;
	margin: 0;
	list-style: none;
	color:#222;
	background-color: #fff;
	background-color:rgba(255,255,255,0.9);
	
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}

/* menu dropdown item a */
.horizmenu .dropdown-menu > li > a {
	padding: 0 20px;
	font-size: 13px;
	font-weight: normal;
	color: #222;
	white-space: nowrap;
	line-height:40px;
}
.dropdown-menu > li.dropdown-submenu > a > span {
	padding-right:5px;
}

/* menu dropdown hover */
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
	background:#c3004a;
	color:#fff;
}

/* menu dropdown active */
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	background:#c3004a;
	color:#fff;
}

/* menu dropdown submenu */
.dropdown-submenu>.dropdown-menu {
	margin:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.horizmenu ul.dropdown-menu li:hover > .dropdownRel > ul {
	left:100%;
	top:-40px;
}












/* ------------------------
 Vertikaal menu */
.nav {
	margin-bottom:0;
}
.vertmenu .nav > li {
	border-bottom:1px solid #fff;
}
 
.vertmenu .nav > li > a {
	color:#fff;
	padding:10px 20px;
	font-size:12pt;
}


.vertmenu .nav > li.parent a {
	position:relative;
}

.vertmenu.subdown > .nav > li.parent > a:after {
	font-family:"IcoMoon";
	content:"\e011";
	width:20px;
	height:40px;
	line-height:40px;
	text-align:center;
	position:absolute;
	right:0;
	top:0;
	opacity:0.5;
	margin:0;
	border:0;
}

/* menu hover */
.vertmenu .nav > li > a:hover,
.vertmenu .nav > li > a:focus {
  	color:#222;
	background:#fff;
	background:rgba(255,255,255,0.9);
}

/* actief menu item */
.vertmenu .nav > .active > a,
.vertmenu .nav > .active > a:hover,
.vertmenu .nav > .active > a:focus {
 	color:#222;
	background:#fff;
	background:rgba(255,255,255,0.9);
}

/* menu dropdown subdown */
.vertmenu.subdown .dropdown-menu {
	position:inherit;
	left:auto;
	display: block;
	float:none;
	min-width: inherit;
	border:none;
	border-radius:0;
	-webkit-box-shadow: inherit;
	-moz-box-shadow: inherit;
	box-shadow: inherit;
	margin:0;
	padding:1px 0 10px 0;
	background:none;
}

/* menu dropdown item */
.vertmenu.subdown .dropdown-menu > li > a {
	padding: 8px 20px;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	white-space: nowrap;
}

/* menu dropdown subdown hover */
.vertmenu.subdown .dropdown-menu>li>a:hover, .vertmenu.subdown .dropdown-menu>li>a:focus,  .vertmenu.subdown .dropdown-submenu:focus>a {
	color:#222;
	background:#fff;
	background:rgba(255,255,255,0.9);
}

/* menu dropdown subdown active */
.vertmenu.subdown .dropdown-menu>.active>a, .vertmenu.subdown .dropdown-menu>.active>a:hover, .vertmenu.subdown .dropdown-menu>.active>a:focus {
	color:#222;
	background:#fff;
	background:rgba(255,255,255,0.9);
}








/* --------
 custom button color: http://blog.koalite.com/bbg/  */


/* --------*/

legend {
	font-size:12pt;
	background:none;
	width:auto;
	display:inline-block;
	border:none;
	padding:0 10px 0 0;
	margin:0;
}
fieldset {
	border:1px solid #ccc;
	padding:10px;
}
blockquote {
	border:none;
	margin:20px 0 20px 10px;
}
blockquote p {
	font-weight:normal !important;
	font-size:11pt;
	display:inline;
	position:relative;
	color:#00d3ff;
}
blockquote p:before,blockquote p:after  {
	position:absolute;
	content:"\60";
	font-family:"IcoMoon";

}
blockquote p:before  {
	top:-10px;
	left:-20px;
}
blockquote p:after  {
	bottom:-10px;
	right:-20px;
	content:"\61";
}

address {
	line-height: inherit;
	color:#c3004a;
	font-size: 110%;
}

.page-header {
	border-bottom:0px;
}
/* --------------------------------------------------
 general */

/*@font-face {
	font-family: StradaTF;
	src: url('../fonts/StradaTFRegular.ttf');
}*/

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height:100%;
}

body {
	margin: 0;
	font-family:'Roboto', Arial, sans-serif;
	font-weight: 300;
	font-size: 11pt;
	line-height: 18pt;
	color: #333;
	background-color: #fff;
	height:100%;
}


a {
	color: #c3004a;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}


h1, h2 {
	color:#c3004a;
	margin:0 0 5px 0;
	font-size:20pt;
	line-height: 30pt;
	font-family:'Roboto', Arial, sans-serif!important;
	font-style: inherit;
	font-weight:100!important;
}
h3 {
	color:#666;
	font-size:13pt;
	margin-bottom:10px;
	line-height: 1.3em;
	font-family:'Roboto', Arial, sans-serif!important;
	font-weight:lighter!important;
}


.btn,.btn-group, select, input {
	border-radius: 0!important; -webkit-border-radius:0!important; -moz-border-radius:0!important;
}
.btn,.btn-group {
	background: none!important;
}
#block1 .btn {
	border:0!important;
	text-shadow: none!important;
	box-shadow: none!important;
	color:#fff!important;
}
#teaser .btn {
	text-shadow: none!important;
	box-shadow: none!important;
	color:#fff!important;
}
.btn, select, input{
	color:#c3004a!important;
	border:1px solid #c3004a!important;
	text-shadow: none!important;
}
.btn-danger{
	color:#fff!important;
	border:1px solid #c3004a!important;
}
ul {
	
}
#contentInner ul li {
	line-height: 18pt;
	font-size: 11pt;
}
/*
#contentInner ul li:before {
	font-family: entypo;
    content: "✓";
    margin-right:10px;
    font-size: 16pt;
    color:#c3004a;
}
*/
/* --------------------------------------------------
 color styles default */
.site-bg-color {
	background-color:#fff;
} 
.main-bg-color {
	background-color:#fff;
}
.top-bg-color {
	background-color:#fff;
}
.menu-bg-color {
	background-color:#c3004a;
}
.primary-bg-color {
	background-color:#c3004a;
}
.primary-text-color, .primary-text-color a {
	color:#fff;
}


/* --------------------------------------------------
 wrappers */

#container {
	min-height:100%;
	position:relative;
}

#wrapper {
	display:block;
	min-height:100%;
	position:relative;
	padding-top:108px;
}

.centered {
	width:990px;
	margin:0 auto;
	
}
.divtable {
	display: table;
	width:100%;
}
.divtablecell {
	display: table-cell;
	position: relative;
}
.divtablecell #teaser {
	position: absolute;
	bottom:0;
	left:0;
	right:0;
}

/* --------------------------------------------------
 top */


.top {
	position: fixed;
	width: 100%;
	z-index: 999!important;
	background: url(../images/bg.png) repeat-x #fff;
	padding:0;
	margin:0;
	width: 100%;
	-webkit-transition: background 0.4s ease,border 0.4s ease;
    -moz-transition: background 0.4s ease,border 0.4s ease;
    transition: background 0.4s ease,border 0.4s ease;
	/*
background: rgb(159,0,60);
	background: -moz-linear-gradient(top,  rgba(159,0,60,1) 0%, rgba(195,0,74,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,0,60,1)), color-stop(100%,rgba(195,0,74,1)));
	background: -webkit-linear-gradient(top,  rgba(159,0,60,1) 0%,rgba(195,0,74,1) 100%);
	background: -o-linear-gradient(top,  rgba(159,0,60,1) 0%,rgba(195,0,74,1) 100%);
	background: -ms-linear-gradient(top,  rgba(159,0,60,1) 0%,rgba(195,0,74,1) 100%);
	background: linear-gradient(to bottom,  rgba(159,0,60,1) 0%,rgba(195,0,74,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f003c', endColorstr='#c3004a',GradientType=0 );
*/

	
}
#topLineBottom {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:6px;
}
#topInner {
	position:relative;
}
#topInner.logocenter {
	text-align:center;
}


#logo {
	float:left;
	margin:10px 0;

	-webkit-transition: width 0.4s linear;
    -moz-transition: width 0.4s linear;
    transition: width 0.4s linear;
}
.top img {
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    width: 280px;
    height: auto;
}
.top.navsmall img {
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    width: 200px;
    height: auto;
}
#logo a {
	text-decoration:none;
	padding:0 0;
	display:block;
	-webkit-transition: width 0.4s linear;
    -moz-transition: width 0.4s linear;
    transition: width 0.4s linear;
}



#topModules {
	position: absolute;
	top:0;
	right:0;
	margin:10px 10px 0 0;
}
#topModules p {
	margin:0;
}
.socialicon {
	background:#ccc;
}




/* Mainmenu */
#mobMenuBtn {
	display:none;
}


/* Mainmenu - full */
.horizmenu ul.nav {
	display:table;
	margin:0;
	padding:0;
}
.horizmenu.full ul.nav {
	width:100%;
}
.horizmenu .nav > li {
	display:table-cell;
	margin:0;
}

/* Mainmenu - right */
#mainmenu.rightbottom {
	position: absolute;
	right:0;
	bottom:12px;
}



/* --------------------------------------------------
 teaser  */
.tableTeaser {
	background: #c3004a;
	color:#fff;
	/* border-top:1px solid #eeafc7; */
	
}
.tableTeaserContent {
	min-height:350px;
	padding:65px 0 55px 30px;
	max-width:345px;
	text-align: left;
}
.tableTeaserContent a, .tableTeaserContent h2 {
	color:#eeafc7;
}
.tableTeaserContent h2 {
	margin-bottom:30px;
}
.tableTeaserContent p { 
	text-align: left;
}
#teaser {
	

	
}
#teaserInner {
	
}

.teaserOverlay.centered {
	width:100% !important;
}
.teaserOver .teaserTitle h1{ 
	font-weight: bolder!important; 
	
}
ul.fTeaserNavs.inside {
	position:absolute;
	bottom:10px!important;
	left:10px!important;
	z-index:5;
}
ul.fTeaserNavs li {
	list-style:none;
	background:#fff;
	margin:0;
	padding:0;
	display:block;
	cursor:pointer;
	float:left;
	margin:0 4px 0 0!important;
	opacity: 0.5!important;
}
ul.fTeaserNavs li.rounds, ul.fTeaserNavs li.rounds_nr {
	border-radius: 0!important;
	-moz-border-radius: 0!important;
	-webkit-border-radius: 0!important;
	-moz-box-shadow: 0 0 0px #000!important;
	-webkit-box-shadow: 0 0 0px #000!important;
	box-shadow: 0 0 0px #000!important;
	width:20px!important;
	height:20px!important;
}
ul.fTeaserNavs li.rounds.active, ul.fTeaserNavs li.rounds_nr.active, ul.fTeaserNavs li.titles.active  {
	background:#c3004a!important;
	opacity: 1!important;
}
.teaserTools {
	top:10px!important;
	right:auto!important;
	left: 10px!important;
}
.pauseSlideshow {
	margin:0 5px 0 0!important;
}
.goFullScreen {
	margin:0 5px 0 0!important;
}
.prevSlide, .nextSlide {
	position:absolute;
	top:100%!important;
	margin-top:-110px!important;
	width:80px;
	height:120px;
	z-index:4;
	opacity:1!important;
	cursor:pointer;
	
}
.prevSlide:hover, .nextSlide:hover {
	opacity:1;
}

.prevSlide .fbtn, .nextSlide .fbtn {
	width:30px;
	height:30px;
	margin-top:-15px; /* is half the height */
	background:#fff;
	top:50%;
	position:absolute;
	border-radius: 0!important;
	-moz-border-radius: 0!important;
	-webkit-border-radius: 0!important;
	background-repeat: no-repeat;
	background-position: center;
}
.prevSlide{
	left:0px;
}
.prevSlide .fbtn{
	left:10px;
}
.nextSlide {
	right:auto!important;
	left:45px!important;
}
.nextSlide .fbtn {
	right:auto;
	left: 0!important;
}
/* teaser overlay */
.teaserOverlay {
	position:absolute;
	z-index:4;
	top:0;
	left:0;
	right:0px;
	width: 50%!important;
	display:none;
}
.teaserOverlayInner {
	position:relative;
}
 .teaserOverlayData {
	 position:absolute;
	 color: #eee;
	 text-shadow: 2px 2px #222;
 }

.teaserOverlay.textVertAlignTop .teaserOverlayData {
	top:80px!important;;
}
.teaserOverlay.textVertAlignCenter .teaserOverlayData {
	top:50%;
}
.teaserOverlay.textVertAlignBottom .teaserOverlayData {
	bottom:30px!important;
}
.teaserOverlay.textHorizAlignLeft .teaserOverlayData {
	left:15%!important;
}
.teaserOverlay.textHorizAlignCenter .teaserOverlayData {
	text-align:center;
	width:100%;
}
.teaserOverlay.textHorizAlignCenter .teaserTitle, .teaserOverlay.textHorizAlignCenter .teaserSubtitle, .teaserOverlay.textHorizAlignCenter .teaserDesc {
	float:none;
	display:inline-block;
	clear:both;
}

.teaserOverlay.textHorizAlignRight .teaserOverlayData {
	right:50px!important;
}

.teaserOverlay.textVertAlignBottom {
	top:auto;
	bottom:0;
}

.teaserOverlay.textVertAlignCenter {
	height:100%;
}
.teaserOverlay.textVertAlignCenter .teaserOverlayInner {
	height:100%;
}
.teaserOverlay.textVertAlignCenter .teaserOverlayData {
	width: 90%;
  height:30%;

  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;

}

/* titles */
#teaser .teaserTitle {
	display:block;
	float:left;
	clear:both;
	margin-bottom:0!important;
	font-size:20pt!important;
	font-weight:900!important;
	line-height: 1em;
}
#teaser .teaserTitle h1 { 
	font-size:30pt!important;
	font-weight:100!important;
	line-height: 32pt!important;
	margin: 0!important;
	padding:0!important;
	color:#fff;
	font-family:'Roboto', Arial, sans-serif!important;
}
#teaser .teaserSubtitle {
	display:block;
	float:left;
	clear:both;
	font-size:13pt!important;
	margin-top:3px!important;
	line-height: 1em;
}
#teaser .teaserSubtitle h3 { 
	font-size:16pt!important;
	font-weight:700!important;
	line-height: 22pt!important;
	margin:0!important;
	padding:0!important;
	color:#fff;
	font-family:'Roboto', Arial, sans-serif!important;
}

#teaser .teaserDesc {
	display:block;
	float:left;
	clear:both;
	margin-top:15px;
}
#teaser .teaserDesc p { 
	font-size:10.5pt!important;
	font-weight:100!important;
	line-height: 19pt!important;
	margin:0px 0 0 0!important;
	color:#fff;
}
#teaser .teaserDesc .btn { 
	background: rgba(195, 0, 74, 0.85)!important;
	
	border:none!important;
	margin-top:10px!important;
	font-size:11pt!important;
	font-weight:100!important;
	line-height: 19pt!important;
	padding: 3px 14px!important;
	color:#fff!important;
}
#teaser .teaserDesc .btn:hover { 
	background: rgba(255, 255, 255, 0.95)!important; 
	color:#000!important;
}
/*

.textbg .teaserTitle, .textbg .teaserSubtitle , .textbg .teaserDesc {
	background:#fff;
	color:#000;
	padding:2px 5px;
}
.textwhite a, .textwhite a:hover, .textwhite h1, .textwhite h3, .textwhite {
	color:#fff;
	text-shadow:1px 1px 30px #000;
}
.textblack a, .textblack a:hover, .textblack h1, .textblack h3, .textblack {
	color:#000;
	text-shadow:1px 1px 10px #fff;
}
*/
/* isHome */
.isHome #main{
	padding:90px 0 80px;
	text-align: center;
	position: relative;
	background: url(../images/bg.png) repeat-x;
}
.isHome #mainInner {
	background: transparent;
}
.isHome #main h2{
	margin:0;
	color:#c3004a;
	font-family:'Roboto', Arial, sans-serif;
	font-weight:lighter!important;
	font-size: 20pt;
	line-height: 30pt;
	width: 50%;
	padding: 0 25%;
	
}
.isHome #main address{
	margin-top:15px;
	width: 60%;
	padding: 0 20%;
}

/* slogan */
#slogan, #slogan2 {
	padding:70px 90px 60px;
	text-align: center;
	position: relative;
	background: url(../images/bg.png) repeat-x;
}

#slogan h3,#slogan2 h3 {
	margin:0;
	color:#c3004a;
	font-family:'Roboto', Arial, sans-serif!important;
	font-style: inherit;
	font-weight:100!important;
	font-size: 20pt;
	line-height: 24pt;
	width: 50%;
	padding: 0 25%;
	
}
#slogan p,#slogan2 p{
	font-family:'Roboto', Arial, sans-serif;
	font-weight:300;
	font-size: 10.5pt;
	line-height: 18pt;
	margin-top:15px;
	width: 40%;
	padding: 0 30%;
}
#wiewatwaaromhoe {
	padding:50px 90px 50px;
	text-align: left!important;
	position: relative;
	background: url(../images/bg.png) repeat-x;
}
#wiewatwaaromhoe h3 {
	margin:0;
	color:#c3004a;
	font-family:'Roboto', Arial, sans-serif;
	font-weight:100!important;
	font-size: 16pt!important;
	margin-bottom: 20px;
	line-height: 30pt;	
}
#wiewatwaaromhoe p{
	font-family:'Roboto', Arial, sans-serif;
	font-weight:300;
	font-size: 11pt;
	line-height: 20pt;
	margin-top:15px;
}

/* --------------------------------------------------
 main - general */

#main {

}

#mainInner {
	padding:40px 0 60px 0;

}
#container.page-127.view-attrvalues #main,#container.page-127.view-attrvalue #block1 { 
	display: none!important;
}
.isHome #mainInner { 
	padding: 0;
}
#left {
	float:left;
	width:20%;
}

#content {
	width:100%;
}

#right {
	float:right;
	width:30%;
}

.hasLeft #content {
	width:80%;
	float:left;
}
.hasRight #content {
	width:70%;
	float:left;
}
.hasLeft.hasRight #content {
	width:50%;
	float:left;
}

/* --------------------------------------------------
 main - left */
#leftInner {
	
} 
#submenu {
	margin-bottom:100px;
}


/* --------------------------------------------------
 main - content */ 
#contentInner {
	padding:0 20px;
}
.hasLeft #contentInner {
	
} 
.hasRight #contentInner {
	
}  



/* --------------------------------------------------
 main - right */  
#rightInner {
	padding:0 0 0 0px;
}



.fgListTitle{
	padding:0px 0;
} 


/* --------------------------------------------------
 blocks */
.blockicon {
	border:2px solid #000;
	width:60px;
	height:60px;
	-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;
	display:inline-block;
	text-align: center;
	line-height: 60px;
	font-size: 28px;
}
.blockicon .icon {
	display:block;
	width:60px;
	line-height: 60px;
}


.blocktable {
	display:table;
	width:100%;
}

.blockleft {
	width:75%;
	display:table-cell;
}
.blockmargin {
	width:20px;
	display:table-cell;
}
.blockright {
	display:table-cell;
}
.blockinner {
	padding:20px;
}

.blockcenter {
	display:table-cell;
}
.blockhascenter .blockleft {
	width:33%;
}
.blockhascenter .blockright {
	width:33%;
}
#block1 {
	padding: 60px 0;
}
#block1 .blockinner h3{
	font-size: 16pt;
	color:#fff;
	font-family:'Roboto', Arial, sans-serif!important;
	font-weight: bold!important;
}
#block1 .blockinner p { 
	color:#fff;
	font-size: 10.5pt;
	line-height: 18pt;
}
#block1 .blockinner {
	padding:0;
}
#block1 td {
	padding-top:40px;
	padding-bottom:40px;
}

#block1 li.fgLatestItem img{
	width:100%;
	opacity: 1;
	-webkit-transition: all 150ms ease-in;
	-moz-transition: all 150ms ease-in;
	-o-transition: all 150ms ease-in;
	-ms-transition: all 150ms ease-in;
	transition: all 150ms ease-in;
}
#block1 li.fgLatestItem {
	margin:0;
	padding:0;
	background:#c3004a;
}
#block1 li.fgLatestItem .ftLatestTitle {
	display: none!important;
}
#block1 .referenties li.fgLatestItem .ftLatestTitle { 
	display: block!important; 
}
a.ftLatestImg {
	position: relative;
	
}

a.ftLatestImg .ftLatestTitle {
	position: absolute;
	left:10px;
	right:10px;
	top:50%;
	line-height: 40px;
	margin-top:-20px;
	font-size: 16pt;
	text-align: center;
	color:#fff;
	font-weight: bolder;
}

#block1 li.fgLatestItem:hover img,#block2 li.fgLatestItem:hover img,#block3 li.fgLatestItem:hover img{
	opacity:0.75;
}
#block2 {
	padding: 60px 0;
	background: #fff;
	/* background: url(../images/bg.png) repeat-x; */

}
#block2 .blockinner {
	padding:0;
}
#block2 li.fgLatestItem img,li.fgListItem img{
	width:100%;
	opacity: 1;
	-webkit-transition: all 150ms ease-in;
	-moz-transition: all 150ms ease-in;
	-o-transition: all 150ms ease-in;
	-ms-transition: all 150ms ease-in;
	transition: all 150ms ease-in;
}
#block2 li.fgLatestItem:hover img,li.fgListItem:hover img { 
	opacity: 0.75;
}
#block2 li.fgLatestItem,li.fgListItem{
	margin-bottom: 1%!important;
	padding:0;
	background:#c3004a!important;
	position: relative;
}
.fgListImage {
	background:#c3004a!important;
}
#block2 li.fgLatestItem .media-body,li.fgListItem .media-body { 
	display: block!important; 
	position: absolute!important;
	left: 25px!important;
	bottom: 25px!important;
	color:#fff!important;
	opacity: 1!important;
}

#block2 li.fgLatestItem .media-body a,li.fgListItem .media-body a {
	color:#fff!important;
}
#block2 li.fgLatestItem .media-body .fgmLatestTitle a,li.fgListItem .media-body .fgListTitle{
	font-size: 18pt;
	line-height: 20pt;
	font-weight: 700!important;
	font-family:'Roboto', Arial, sans-serif!important;
	margin-top:10px;
	min-height: 30px;
	margin-right:20px;
	width: auto;
	word-break: break-word;
}
#block2 li.fgLatestItem .plus, li.fgListItem .plus {
	width:130px; height: 130px;
	background:url('../images/zoom-icon.png') no-repeat center center!important;
	opacity:0;
	position: absolute;
	left: 50%;
	top:50%;
	margin:-65px 0 0 -65px;
}
#block2 li.fgLatestItem:hover .plus, li.fgListItem:hover .plus {
	opacity:0.8!important;
	background:url('../images/zoom-icon.png');
	z-index: 99;
}
#block2 li.fgLatestItem:hover .fgmLatestTitle, li.fgListItem:hover .fgListTitle {
	display: none;
}
#block2 li.fgLatestItem:hover .fgmLatestSubtitle, li.fgListItem:hover .fgListSubtitle {
	display: none!important;
	opacity: 1!important;
}
.vars {
	display: none;
	
}
.vars li { 
	margin: 4px 0;
	color:#fff;
	font-size: 12pt;
}
li.fgListItem:hover .vars{
	display: block;
	position: relative!important;
	
}
a.ftLatestImg {
	position: relative;
}
#block2 .moduletable {
	text-align: left;
}
#block2 .moduletable.referenties h3 {
	text-align: center;
}

#block2 .moduletable h3 { 
	color:#c3004a;
	margin-bottom: 20px;
	font-family:'Roboto', Arial, sans-serif;
	font-weight:100!important;
	font-size:20pt;
	line-height: 30pt;
	text-align: center;
}
#block2 .moduletable p {
	color:#fff;
}
#block3 {
	padding: 0 0 0 0;
	/* background: url(../images/bg.png) repeat-x; */
	background:#000;
}
#block3 .blockinner h3{
	font-size: 16pt;
	color:#fff;
	
}
#block3 .blockinner {
	padding:0;
}


#block3 li.fgLatestItem img{
	width:100%;
	opacity: 0.75;
}
#block3 li.fgLatestItem {
	margin:0;
	padding:0;
	background:;
}

#block3.referenties li.fgLatestItem .ftLatestTitle { 
	display: block!important; 
}
a.ftLatestImg {
	position: relative;
}
#block3 .moduletable {
	text-align: left;
}
#block3 .moduletable.referenties h3 {
	text-align: center;
}

#block3 .moduletable h3 { 
	color:#fff;
	margin-bottom: 20px;
	font-family:'Roboto', Arial, sans-serif;
	font-weight:100!important;
	font-size:20pt;
	line-height: 30pt;
	text-align: left;
	
	
}
#block3 .moduletable p {
	color:#fff;
}
/* --------------------------------------------------
 footer */
#spaceBottom {
	height:60px;
}

#footer {
	bottom:0;
	position:absolute;
	width:100%;
	padding:0;
	margin:0;
	height:60px;
	
}

#footerInner {
	padding:10px 20px;
	position: relative;
}
#footer ul, #footer li {
	padding:0;
	margin:0;
	list-style:none;
}


@media screen and (max-width:1000px) {
	
	
	/* main */
	#mainInner {
		padding:20px 0;
	}
	.centered {
		width:100%;
	}
	.nav li a { padding-left:7px!important; padding-right:7px!important;}
}

@media only screen and (max-width: 680px) {

	/* mobilemenu_______________________________________*/
	
	#mobMenuBtn {
		display:block;
		width:44pt;
		height:33pt;
		padding-top:11pt;
		cursor:pointer;
		float:right;
		position:relative;
		top:5px;
		right:20px;
		background:none;
	}
	.mobMenuLine {
		margin:0 5pt 5pt;
		height:5px;
		background:#c3004a;
	}
	.mobMenuText {
		text-align:center;
		color:#c3004a;
		font-size:80%;
		margin-top:-7pt;
		opacity:0.8;
	}
	
	/* Menu als vert list */
	#mainmenu.rightbottom {
		position: relative!important;
	}
	#mainmenu {
		display:none;
		float: none;
		clear:both;
		width:100%;
		margin:0;
		position:relative;
		right:0;
		padding:0;
	}
	#mainmenu ul {
		width: 100%;
	}
	#mainmenu li {
		float:none;
		display:block;
		clear:both;
		border-bottom:1px solid #ccc;
	}
	#mainmenu li a {
		width: 100%;
	}
	#mobMenuTitle {
		top:20px;
		right:70px;
		color:#c3004a!important;
		position:absolute;
		width:auto;
		white-space: nowrap;
		display:none;
		
	}
	/* __________________________ mobilemenu */
	
	
	/* top */
	#topModules {
		display:none;
	}
	#mainmenu ul ul {
		display:none;
	}
	#logo { 
		width: 50%!important;
	}
	
	
	
	/* main */
	
	#left {
		float:none;
		width:100%;
	}
	#leftInner {
		padding-right:20px;
	}
	#content {
		width:100%;
	}
	#right {
		float:none;
		width:100%;
		
	}
	#rightInner {
		border-top:1px solid #ccc;
		padding-right:20px;
	}
	.hasLeft #content {
		float:none;
		width:100%;
	}
	.hasRight #content {
		float:none;
		width:100%;
	}
	.hasLeft.hasRight #content {
		float:none;
		width:100%;
	}
	
	/* teaser */
	#teaser {
		
	}
	
	/* submenu */
	#submenu {
		width:100%;
		display:block;
		margin:0 0 20px;
	}
	#submenu ul li {
		float:left;
		border-right:1px dotted #ccc;
	}
	#left h3 {
		display:none;
	}
	
	#block1 {
		padding:0;
	}
	#block2 {
		padding: 10px 0;
	}
	/* block tabel */
	.blocktable {display:block;}
	.blockleft, .blockright .blockcenter {
		width:100%;
		display:block;
	}
	.blockmargin {
		height:20px;
		display:block;
	}
	.block table {
		display:block;
	}
	.block table td {
		width:96%!important;
		padding: 2%!important;
		display:block;
		float:left;
		clear:both;
	}
	/* isHome */
	.isHome #main{
		padding:50px 0 40px!important;
		text-align: center;
		position: relative;
		background: url(../images/bg.png) repeat-x;
	}
	.isHome #mainInner {
		background: transparent;
	}
	.isHome #main h2{
		margin:0;
		color:#c3004a;
		font-family:'Roboto', Arial, sans-serif;
		font-weight:lighter!important;
		font-size: 20pt;
		line-height: 30pt;
		width:90%!important;
		padding:2% 5%!important;
		
	}
	.isHome #main address{
		margin-top:15px;
		width:100%!important;
		padding:0%!important;
	}
	
	
	
	/* slogan */
	#slogan, #slogan2 {
		padding:50px 0 40px!important;
	}
	
	#slogan h3,#slogan2 h3 {
		margin:0;
		color:#c3004a;
		font-family:'Roboto', Arial, sans-serif!important;
		font-style: inherit;
		font-weight:100!important;
		font-size: 18pt;
		line-height: 22pt;
		width:90%!important;
		padding:2% 5%!important;
		
	}
	#slogan p,#slogan2 p{
		font-family:'Roboto', Arial, sans-serif;
		font-weight:300;
		font-size: 10.5pt;
		line-height: 18pt;
		margin-top:15px;
		width:90%!important;
		padding:2% 5%!important;

	}
	#wiewatwaaromhoe {
		padding:50px 0px 40px;
		width: 100%;
		text-align: left!important;
		position: relative;
		background: url(../images/bg.png) repeat;
	}
	#wiewatwaaromhoe h3 {
		margin:0;
		color:#c3004a;
		font-family:'Roboto', Arial, sans-serif;
		font-weight:100!important;
		font-size: 16pt!important;
		margin-bottom: 20px;
		line-height: 30pt;	
	}
	#wiewatwaaromhoe p{
		font-family:'Roboto', Arial, sans-serif;
		font-weight:300;
		font-size: 11pt;
		line-height: 20pt;
		margin-top:15px;
	}
	#wiewatwaaromhoe td {
		width: 90%!important;
		padding:5%;
		float: left;
	}
	#block2 {
		padding: 0!important;
	}
	#block2 li.fgLatestItem .media-body, li.fgListItem .media-body {
		left: 8px!important;
		bottom: 8px!important;
	}
	#block2 li.fgLatestItem .media-body .fgmLatestTitle a, li.fgListItem .media-body .fgListTitle {
		font-size:10pt!important;
		line-height: 12pt!important;
		display: block;
		opacity: 1!important;
	}
	#block2 li.fgLatestItem .media-body .fgmLatestSubtitle, li.fgListItem .media-body .fgListSubtitle{
		display: none!important;
		opacity: 0!important;
	}
	/* footer */
	#wrapper {
		padding-bottom:0px;
		padding-top:65px;
	}
	#footer {
		bottom:0;
		position:relative;
		width:auto;
		padding:0;
		margin:0;
		
	}
	#footerInner {
		padding:20px;
	}
	
}