html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-size: 1.5em;
	padding-top: 60px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
div.outer {
	width: 100%;
}
div.inner {
	width: 1100px;
	margin: 0 auto;
}
div.content .inner {
	padding: 40px 0;
	text-align: center;
}
a.home { opacity: 1; }
a.home:hover { opacity: 0.7; }

a { color: #549190; }

/* header */

div.header {
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	width: 100%;
	height: 60px;
	z-index: 110;
	border-bottom: 1px solid #dcdcdc;
	padding: 10px 0 0 0;
}
div.header ul.menu {
	float: right;
	list-style: none;
}
div.header ul.menu li {
	float: left;
}
div.header ul.menu li a{
	padding: 10px;
	display: block;
}
.menu_marker {
	border-bottom: 2px solid #549190;
	width: 100px;
	position: absolute;
	left: 719px;
}
.menu li {
	float: left;
	list-style: none;
}
.menu li a {
	color: #000;
	position: relative;
	z-index: 20;
	float: left;
	text-decoration: none;
}
.menu li a.anchor {
	color: #000;
	position: relative;
	z-index: 20;
	float: left;
	margin-top: 0;
}

.menu li a.anchor:hover {
	color: #000;
	position: relative;
	z-index: 20;
	float: left;
	margin-top: 4px;
}

/* streamer */

.streamer{
	background: url(/ENGINE/IMAGES/BIESSELS/WEBSITE/PUBLIC/INTERFACE/streamer.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	color: #fff;
}
.streamer .inner{
	height: 492px;
	font-size: 30pt;
}
.streamer img{
    max-width:100%;
    height:auto;
}

.home .car-descrizione .btn-primary {
	display: inline-block !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	color: #424b51;
	background: #fff;
	border-color: #fff;
}
.btn:hover {
	color: #fff;
}
.btn:hover, .btn:focus {
	color: #424b51;
	text-decoration: none;
}
.btn-primary{
	color: #fff;
}
.btn {
	display: inline-block;
	padding: 7px 15px 10px;
	margin-top: 15px;
	margin-bottom: 0;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #fff;
	border-radius: 4px;
	white-space: nowrap;
	text-decoration: none;
}

#streamer_under {
	display: none;
}
.beeldhouwen {
	padding-top: 200px;
}
.arrow_up  {
	position: relative;
	top: 0;
}
a.arrow_up:hover{
	position: relative;
    top: -7px;
}
p.scroll {
	text-align: center;
	font-size: 20px;
	margin-top: 55px;
	margin-bottom: 10px;
}
div.button_down {
	height: 12px;
	width: 20px;
	margin: 0 auto;
}
.arrow_down {
	margin-top: -10px;
    text-align: center;
	position: relative;
	top: 0;
}
a.arrow_down:hover{
	position: relative;
    top: 5px;
}

/* werk */

#werk { margin: 125px 0 0 0; }

.slider {
	text-align: center;
	float: left;
	margin: 25px 0 0 120px;
	width: 800px;
	height: 600px;
	overflow: hidden;
	border: 1px solid #DDDDDD;
}
.slider ul {
	height: 600px;
}
.slider li {
	list-style: none;
	float: left;
	text-align: center;
	width: 800px;
	height: 600px;
	line-height: 600px;
}

.slider li img {
	vertical-align: middle;
}

a.slider_navigation {
	margin-top: 390px;
	width: 32px;
	height: 36px;
}
a.arrow_left {
	position: relative;
	float: left;
	left: 0;
}
a.arrow_left:hover{
	position: relative;
    left: -7px;
}
a.arrow_right {
	position: relative;
	float: right;
	right: 0;
}
a.arrow_right:hover{
	position: relative;
    right: -7px;
}
.tekst_werk {
	padding: 10px 0 100px 0;
	text-align: center;
	clear: both;
}
.carousel-item { display: none; }
.carousel-item.active { display: block; }

.portfolio .inner {
	padding-bottom: 100px;
	overflow: auto;
}
.portfolio-list {
	margin-right: -85px;
}
.portfolio-item {
	width: 310px;
	height: 198px;
	overflow: hidden;
	display: inline-block;
	float: left;
	margin-right: 85px;
	margin-bottom: 70px;
	cursor: pointer;
}
.portfolio-item-last {
	width: 310px;
	height: 198px;
	overflow: hidden;
	display: inline-block;
	float: left;
	margin-right: 0px !important;
}

.portfolio-item-last:hover div.text_portfolio {
	margin-top: 0;
	opacity: 1;
	-webkit-transform: scale(1.1);
	transform: scale(1.1); 
}
a.portfolio_text {
	text-decoration: none;
	color: #fff;
}
.line_height {
	line-height: 1.3;
}
.text_portfolio {
	width: 310px;
	height: 198px;
	padding-top: 50px;
	text-align: center;
	background: url(/ENGINE/IMAGES/BIESSELS/WEBSITE/PUBLIC/INTERFACE/transparent_black.png) repeat;
	opacity: 1;
	color: #fff;
}
.portfolio-item:hover div.text_portfolio,  .portfolio-item a.active div.text_portfolio {
	margin-top: 0;
	opacity: 0;
}
img.portfolio_1 {
	overflow: hidden;
	width: 310px;
	height: 198px;
	float:left;
}
#tekst_werk {
	line-height: 25pt;
}
.pagination {
	padding-top: 10px;
	text-align: center;
	clear: both;
}
.pagination a {
	background: url(/ENGINE/IMAGES/BIESSELS/WEBSITE/PUBLIC/INTERFACE/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: -25px -300px;
	cursor: default;
}
.pagination a span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}
a.link {
	color: #74b2b0;
	text-decoration: none;
	line-height: inherit;
}
a.link:hover {
	text-decoration: underline;
}

/* expositie */

div.highlight .inner {
	padding: 60px 0;
	text-align: center;
	font-size: 39pt;
	font-weight: 400;
}
img.meer_informatie {
	padding: 30px 0 0 0;
}
#expositie {
	line-height: 50pt;
}

/* over mij */

.over_mij {
	padding: 130px 0 0 0;
	line-height: 30px;
}
img.icon_over_mij {
	 vertical-align: middle;
	 margin-right: 20px;
}
div.portret { margin-top: 37px; }

div.button_top {
	width: 43px;
	margin: 0 auto;
}
.round_arrow {
    text-align: center;
	position: relative;
	top: 0;
}
a.round_arrow:hover{
	position: relative;
    top: -7px;
}

img.naar_boven {
	padding-bottom: 20px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 10px;
}

p.platte_tekst {
	width: 910px;
	float: left;
	text-align: left;
	margin-bottom: 100px;
}

p.portret {
	margin-top: 37px;
	float: right;
}

h2.kopje_over_mij {
	font-size: 30px;
	text-align: left;
}

/* contact */

#contact {
	padding: 20px 0 0 0;
	text-align: center;
	color: #fff;
	font-size: 40pt;
}
#naam {
	width: 46%;
	float:left;
}
#phone {
	width: 46%;
	float: right;
}
textarea {
	margin: 10px 0 0 0;
	height: 120px;
	border: 0;
	font-family: 'Lato', sans-serif;
	outline: none;
}
textarea.box {
	width: 1080px;
	margin-bottom: 25px;
	padding: 10px 10px;
	background-color: #387675;
	font-size: 20pt;
	color: #74b2b0;
}
input {
	height: 30px;
	border: 0;
	outline: none;
}
input.box {
	width: 1080px;
	margin-bottom: 25px;
	padding: 15px 10px;
	background-color: #387675;
	font-size: 20pt;
	color: #74b2b0;
	border-radius: 0;
}
input.button {
	padding: 5px 0;
	width: 340px;
	height: 57px;
	background-color: #fff;
	color: #387675;
	font-size: 20pt;
	margin-bottom: 40px;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0;
}

input.button:hover {
	background: #387675;
	color: #74b2b0;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #74b2b0;
}

/* footer */

.footer {
	padding: 15px 0;
	background: #29292e;
	color: #f5f5f5;
	font-size: 10pt;
}

p.copyright {
	text-align: center;
	opacity: 0.5;
}


/* overige */

h1 {
	color: #fff;
	font-size: 50pt;
	font-weight: 400;
	line-height: 10px;
}

h2 {
	font-weight: 400; 
}

.line {
	width: 100px;
	border: 0;
	background-color: #68a6a5;
	height: 1px;
}

.line_2 {
	width: 200px;
	border: 0;
	background-color: #fff;
	height: 2px;
}

.olive {
	background: #707c62;
	color: #fff;
}

.mint {
	background: #549190;
}

.dark_gray {
	background: #3f424b;
	color: #fff;
}

.white {
	background: #fff;
	color: #656565;
}

p.bold {
	font-size: 20pt;
	font-weight: 400;
}

div.left-spacer { width: 32px; float: left; }
div.left-spacer div { clear: both; }

::-moz-selection{ background: #74b2b0; color:#fff;}
::selection { background:#74b2b0; color:#fff; }

div.text_portfolio {
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	-ms-transition: all .5s ease;
	transition: all .5s ease; 
}

.round_arrow, input.button, a.arrow_right, a.arrow_left, a.arrow_up, a.arrow_down, .btn-primary, .btn, a.home:hover, a.home, .menu li a.anchor, .menu li a.anchor:hover {
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.fade >p{
	line-height: 1.4;
    -webkit-animation: fadi 2s 1;
    -moz-animation: fadi 2s 1;
}
@-webkit-keyframes fadi {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes fadi {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}