/* GOOGLE FONT */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300);*/

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);
/*@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100);*/
 
 
@-ms-viewport{
 	width: device-width;
}
 *{
	-webkit-text-size-adjust: none;
}

/* /////////////////////////////////////////////////////////////////////// TOOLS */
.clear, .row{ clear:both; }
.clearfix:after, .row:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
html.ie7 .clearfix, html.ie7 .row{ min-height:1%; }

 

/* /////////////////////////////////////////////////////////////////////// GLOBAL STYLES */
html{
	min-height:100%;
	overflow-y:scroll;
}

body{
	background-color:#FFF;
	/*font-family:'Open Sans', sans-serif;*/
	font-family: 'Roboto', sans-serif;
height:100%;
	font-size:12px;
	font-weight:400;  
	line-height:18px;
	color:#777;
	/* -webkit-font-smoothing:antialiased;	*//* mac font fix */
	/* -moz-osx-font-smoothing:grayscale;*/ 
}

/* links */
a{
	color:#777;
	text-decoration:none;
	-webkit-transition:color 0.15s ease-out;
	-moz-transition:color 0.15s ease-out;
	-o-transition:color 0.15s ease-out;
	transition:color 0.15s ease-out;
}
a:hover{
	color:#f80029;
	cursor:pointer;
}


/* titles */
h1{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;	/* light */
	font-size:34px;
	line-height:30px;
	/*margin-bottom:25px;*/
	/*position:relative;
	left:-3px;
	*/
		-webkit-transition:color 0.15s ease-out;
	-moz-transition:color 0.15s ease-out;
	-o-transition:color 0.15s ease-out;
	transition:color 0.15s ease-out;
}
h1.active{
	color:#f80029;	
}
h2{
	font-size:13px;
	line-height:19px;
	font-weight:700;
	text-transform:uppercase;
	/*margin-bottom:20px;*/
}

 
/* various */
hr{
	border:0;
	height:1px;
	background-color:#DDD; color:#DDD;
	margin:40px 0;
}



/* /////////////////////////////////////////////////////////////////////// MAIN */
body >.main{
	width:100%;
	height:100%;
	max-width:1800px;
	/*padding:0 5%;*/
	margin:0 auto;
}
body >.main >.pagecontent{
	height:100%;
	/*min-height:300px;*/
}


/* RESPONSIVE COLUMNS */
.col{
	
	min-height:1px;
	/*background-color:rgba(255,0,0,0.1);*/
}
.col.col1{
	float:left;
	width:49%;
	/*padding-right:5%;*/
}
.col.col2{
	width:49%;
	float:right;
}



/* /////////////////////////////////////////////////////////////////////// HEADER */
header{
	 
	/*background: url(../library/header/bg1.jpg) 50% center no-repeat;*/
	background: url(../library/header/bg1-1800.jpg) 50% center no-repeat;
	 background-size:cover; 
/*	margin-top:20px;
	margin-bottom:40px;*/
}
header.vanderstraeten{
background: url(../library/header/bg2-1800.jpg) 50% center no-repeat;
	 
}
header .spacer-header{
	height:70px;
}

header .row.first {
	 
/*	margin-top:70px; */
border-bottom:2px solid #f80029;
cursor:pointer;
}
header .row.first:hover{
	background:#f80029;	
}
header .row.first:hover .slogan,
header .row.first:hover h1{
	color:#fff;
}
header .row.menu1{
	/*background-color:#000;*/
	background:url(../img/bg_40.png);
	padding-top:20px;
	
	padding-bottom:15px; 
} 
 header .row.menu1 .col1 h1{
 	text-align:right;
 }
header nav{
	 margin-top:15px; 
	/* margin-bottom:20px; */
}
header nav a{
	display:inline-block;
	padding:5px 0;
	margin:0 10px;
	font-size:11px;
	color:#f80029;
	text-transform:uppercase;
}

header nav a:first-child{
	margin-left:0;
}
header nav a:hover{
	border-bottom:2px solid #f80029;
}
header nav a.active{
	/*color:#EF3E33;*/
	/*font-weight:700;*/
	border-bottom:2px solid #f80029;
	position:relative;
}

header .slogan{
	text-transform:uppercase;
	font-size:11px;
		-webkit-transition:color 0.15s ease-out;
	-moz-transition:color 0.15s ease-out;
	-o-transition:color 0.15s ease-out;
	transition:color 0.15s ease-out;
}
header .slogan.active{
	color:#f80029;	
}
 

/* /////////////////////////////////////////////////////////////////////// FOOTER */
footer{
	margin-top:20px;
	margin-bottom:20px;
	font-size:9px;
	text-transform:uppercase; 
}

 
/* site by plug */
footer .row{ 
}
footer .madeby{
 width:90%;
 margin-left:5%;
 margin-right:5%;
 text-align:right;
}
footer  .madeby span a{
	color:#555;
	font-size: 11px;
}
footer  .madeby span a:hover{
	color:#f80029;
}


/* /////////////////////////////////////////////////////////////////////// RESPONSIVE MEDIA QUERIES */
@media only screen and (max-width:1024px){
	header .spacer-header{
		height:0px;
	}
}
	
@media only screen and (max-width:680px){
/*	header .spacer-header{
		height:0px;
	}*/
	header .slogan{
	width:100%;
	text-align:center;	
	}
	header .row.menu1 .col1 h1{
	 
		text-align:center; 
		font-size:25px;
	 
	}
	header .col.col1{
		width:100%; 
	}
	header .col.col2{
		width:100%;
	}
	header nav{
		margin-left:5%;	
	}
	header nav a{
		width:96%;
		padding:2% 0;
		border-bottom:1px solid #333;
		margin:   0px 0px;
		text-align:center;
	}
	header nav a.active{
		font-weight:700;
			border-bottom:1px solid #333;
	}
	header nav a:hover{
			border-bottom:1px solid #333;
	}
  
}