html {overflow-y: scroll;}

img {
	border: solid 0px;
}

html,body{
	height:100%;
	margin:0;
	padding:0;
	font-family: Helvetica; 
	font-size: 10px;	
}

#logodeclerckdaels {
	position: relative;
	max-width:356px;
	min-width: 200px;
	width: 33%;
	height:auto;
	border: solid red 0px;
}

#contentbox {
	position: absolute;
	border: solid red 0px;
	height: 100%;
	left: 5%; 
	right: 5%;
}

#topnavigation {
	z-index: 80;
	border: solid green 0px;
	position: relative;
	background-color: white;
	padding-bottom: 1%;
	padding-top: 3%;
	text-align: left;
	padding-left: 5%;
	padding-right: 5%;
}

.topnav_simulator {
	border: solid green 0px;
	position: relative;
	background-color: white;
	padding-bottom: 1%;
	text-align: left;
	padding-left: 5%;
	padding-right: 5%;
	height: 6%;
	display: none;
}

span[class^="PIN"] {
    margin-top: 40px;
}

ul {
	position: relative;
	display: inline;
	top: -5px;
	border: solid red 0px;
	margin: 0px;
	padding: 0px;
	margin-left: 18px;
}
ul.topnav {
	letter-spacing: 1px;
	font-size: 13px;
}

ul.topnav li.icon {display: none;}

.topnav {
	float: right;	
	margin-left: 0px;
}

.onlangsverschenen_block {
	border:solid red 0px;width:250px;float:right;margin-bottom: 35px;
}

/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:1005px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
    padding-top: 5px;
    width: 20px;
  }
  .onlangsverschenen_block {
  	width:100%;
  }
  
  #topnavigation {
  	position: fixed;
  }
  .topnav_simulator {
  	display: block;
  }

}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:1005px) {
  ul.topnav.responsive {background-color: white;padding: 10px;border: solid rgb(195,195,195) 1px;float: right;position: fixed;top: 10px;right: 10px;
  }

  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;    
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
    padding-bottom: 10px;
  }
  ul.topnav.responsive li.icon {display: none; }
}


li {
	display: inline-block;
	margin-right: 0px;
	padding: 0px;
	padding-top: 10px;
	border: solid #333 0px;
	margin-left: 20px;
	width: 120px;
	text-align: left;
}

li a {
	border-top: 1px solid rgb(195,195,195);
	display: block;
	text-decoration: none;
	padding-top: 10px;
	font-weight: 400;
}

li a.selected {
	border-top: 1px solid black;
	color:black;
}

li a:hover {
	text-decoration: none;
	border-top: 1px solid black;
}

ul.submenu {
	border: solid red 0px;
	color: #818181;
	float: left;
	margin: 0px;
	padding: 0px;
}

ul.submenu li {
	margin: 0px;
	padding: 5px;
	float: left;
	margin: 0px;
	border: solid red 0px;
	font-family: 'Helvetica';
	font-size: 12px;
	letter-spacing: 1px;
	width: 120px;
	height: 10px;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;	
}

li a.endsubmenu {
	border-right:solid 0px !important;
}

ul.submenu a {
	margin: 0px;
	padding: 0px;
	border: solid green 0px;
	border-right: 1px solid rgb(195,195,195);
	font-size: 11px;
	letter-spacing: 1px;	
}

ul.submenu a:hover, ul.submenu a:visited {
	font-family: 'Helvetica';
	font-size: 11px;
	letter-spacing: 1px;
	text-decoration: none;
}

#innercontent {
	position: relative;
	border: solid red 0px;
	padding-top: 0px;
}

#innercontent_home {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	border: solid red 0px;
}

#homeimage1, #homeimage2, #homeimage3 {
	background-position:center center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#homeimage2 {
	display: none;
	position: absolute;
	border: solid blue 0px;
}

#homeimage3 {
	display: none;
}

#titlebar {
	margin-bottom: 40px;
}

#title {
	font-size: 24px;
	margin-top: 15px;
	margin-bottom:  10px;
	letter-spacing: 1px;
	font-family: 'Helvetica';
	font-weight: 100;
	border-top: 1px dotted rgb(195,195,195);
	border-bottom: 1px dotted rgb(195,195,195);
	padding-top: 10px;
	padding-bottom: 10px;
	
}

.onlangsverschenen_title {
	border-top: 1px dotted rgb(195,195,195);
	border-bottom: 1px dotted rgb(195,195,195);
	padding-top: 10px;
	padding-bottom: 10px;
	font-size:11px;
	margin-top:8px;
	margin-bottom:6px;
}

.imageblock {
	width:140px;
	height:140px;
	border:solid #d9dada 1px;
	margin: 15px;
	float:left;
	background-position: center center;	
} 

.declerckdaels_box {
	 float: left;
	 width:31%;
	 min-width: 230px;
	 margin-right: 20px;
}

.project_start {
	float: left;	
	margin: 29px;
	border: solid red 0px;
	color: #818181;
	text-align: center;
	font-size: 11px;
	font-family: verdana;
	cursor: pointer;
}

.project_start img {
	width: 190px;
	margin-bottom: 14px;
	color: #818181;
	border:solid #d9dada 1px;
}

p {
	letter-spacing: 1px;
	color: #818181;
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 17px;
}

#bottomline {
	margin-top: 30px;
	border: solid red 0px;
	height: 3px;
	clear: both;
}

#bottomaddress {
	margin-bottom: 15px;
	font-family: 'Helvetica';	
	color: #818181;
	letter-spacing: 1px;	
	border-top: 1px dotted rgb(195,195,195);
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
	margin-top: 15px;
}


a, a:visited
{
	text-decoration: none;
	/* look */
	font-family: 'Helvetica';
	font-size: 10px;
	color: #818181;
	white-space: nowrap;
}
a:hover
{
	color: black;
	text-decoration: underline;
}

a.contact, a:visited.contact
{
	text-decoration: none;
	/* look */
	font-family: 'Helvetica';
	font-size: 11px;
	color: #818181;
}
a.contact:hover
{
	color: black;
	text-decoration: underline;
}

#iconsbottom {
	float: right;
	margin-left: 50px;
}

/* RISTRETTOTAG */

#ristretto {
	font-family: 'helvetica';
	font-size: 10px;
	color: #ccc;
	border: solid red 0px;
	letter-spacing: 1px;
	margin-top: 3px;		
}
a.ristretto {
	font-family: 'helvetica';
	font-size: 10px;
	letter-spacing: 1px;		
	color: #ccc;
}
a.ristretto:hover {
	text-decoration: underline;
}

#backtop {
	        position: fixed;
            left:auto;right: 20px;top:auto;bottom: 20px;
	        outline: none;
            overflow:hidden;
            color:#fff;
            text-align:center;
            background-color:rgba(129,129,129,0.84);
            height:40px;
            width:40px;
            line-height:40px;
            font-size:14px;
            border-radius:2px;
            cursor:pointer;
            transition:all 0.3s linear;
            z-index:999999;

            opacity:1;
            display:none;
        }
        #backtop:hover {
            background-color:black;
        }
        #backtop.mcOut {
            opacity:0;
        }

/* FORMS FORMS FORMS FORMS FORMS FORMS FORMS FORMS */

.inputf { 
    font-family: verdana; 
    font-size: 12px; 
	color: #7d7d7d;
    /* background-color: #322732; 
	color: #fffce4; */
    background-color: white;
	border: solid 1px #cccccc;
    width:505px;
    height:29px;
	padding-left: 5px;
	padding-top: 5px;   
}
textarea {
    font-family: verdana; 
    font-size: 12px; 
	color: #7d7d7d;
    /* background-color: #322732; 
	color: #fffce4;
    */
    background-color: white;    
	border: solid 1px #cccccc;
    width:505px;
    height:100px;
    left:100px;
	padding-left: 5px;
	padding-top: 5px;
}

.sendbutton {
	position:absolute;
    font-family: verdana; 
    font-size: 11px; 
    font-family: verdana; 
    width:150px;
    height:29px;
    margin-top: 14px;
    background-color: white;
	color: #7d7d7d;
	border: solid 1px #cccccc;
}