html {
height:100%;
}

body {
background-image: url('img/bg.jpg');
background-color:#000000;
background-position: 50% 0%;
text-align:center;
background-attachment: fixed;
}

#mother {
max-width: 940px;
margin-top:5%;
margin-right:auto;
margin-left:auto;
text-align:left;
min-height:100%;
position:relative;
}

#inner-wrap {
padding-bottom:80px;
}

#inner-wrap:after {
content:" ";
display:block;
clear:both;
}

#knoppen {
width: 145px;
text-align:left;
height: 100%;
float: left;
}

#knoppendeep{
width: 145px;
height:200px;
float: left;
position:absolute;
top:20px;
left:0px;
z-index:5;
}






/* IE ignores styles with [attributes], so it will skip the following. */
.transparant[class] {
  background-image:url('img/50.png');
}

.transparant {
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/50.png');
}


#well-logo {
margin-left:17px;
margin-top:21px;
padding-bottom: 54px;
}

#flag {
width:300px;
position: absolute;
left:636px;
/*top:-15px; */
top:-150px;
text-align: right;
}

#terug {
position:absolute;
top: 0px;
height:20px;
left:175px;
width: 250px;
}


.portfoliobeeld {
margin-bottom: 10px;
}


#knoppendeep a {
text-decoration: none;
margin-bottom: 2px;
height: 20px;
display: block;
position:relative;
}


#home {
background-image: url('img/but-home.gif');
width:67px;
z-index:7;

margin-top:-11px;
}
#home:hover {
background-image: url('img/but-home-hi.gif');
width:67px;
z-index:7;
margin-top:-11px;
}
#homehi {
background-image: url('img/but-home-hi.gif');
width:67px;
z-index:7;
margin-top:-11px;
}

#news {
background-image: url('img/but-news.gif');
width:64px;
z-index:7;
}
#news:hover  {
background-image: url('img/but-news-hi.gif');
width:64px;
z-index:7;
}
#newshi  {
background-image: url('img/but-news-hi.gif');
width:64px;
z-index:7;
}

#portfolio {
background-image: url('img/but-portfolio.gif');
width:108px;
z-index:7;
}
#portfolio:hover  {
background-image: url('img/but-portfolio-hi.gif');
width:108px;
z-index:7;
}
#portfoliohi  {
background-image: url('img/but-portfolio-hi.gif');
width:108px;
z-index:7;
}

#case {
background-image: url('img/but-case.gif');
width:100px;
margin-left: 20px;
z-index:7;
}
#case:hover  {
background-image: url('img/but-case-hi.gif');
width:100px;
margin-left: 20px;
z-index:7;
}
#casehi  {
background-image: url('img/but-case-hi.gif');
width:100px;
margin-left: 20px;
z-index:7;
}

#category {
background-image: url('img/but-category.gif');
width:100px;
margin-left: 20px;
z-index:7;
}
#category:hover  {
background-image: url('img/but-category-hi.gif');
width:100px;
margin-left: 20px;
z-index:7;
}
#categoryhi  {
background-image: url('img/but-category-hi.gif');
width:100px;
margin-left: 20px;
z-index:7;
}

#publications {
background-image: url('img/but-publications.gif');
width:127px;
z-index:7;
}
#publications:hover  {
background-image: url('img/but-publications-hi.gif');
width:127px;
z-index:7;
}
#publicationshi  {
background-image: url('img/but-publications-hi.gif');
width:127px;
z-index:7;
}

#about {
background-image: url('img/but-about.gif');
width:72px;
z-index:7;
}
#about:hover  {
background-image: url('img/but-about-hi.gif');
width:72px;
z-index:7;
}
#abouthi {
background-image: url('img/but-about-hi.gif');
width:72px;
z-index:7;
}

#jobs {
background-image: url('img/but-jobs.gif');
width:54px;
margin-left: 20px;
z-index:7;
}
#jobs:hover  {
background-image: url('img/but-jobs-hi.gif');
width:54px;
margin-left: 20px;
z-index:7;
}
#jobshi  {
background-image: url('img/but-jobs-hi.gif');
width:54px;
margin-left: 20px;
z-index:7;
}

#contact {
background-image: url('img/but-contact.gif');
width:96px;
z-index:7;
}
#contact:hover  {
background-image: url('img/but-contact-hi.gif');
width:96px;
z-index:7;
}
#contacthi {
background-image: url('img/but-contact-hi.gif');
width:96px;
z-index:7;
}





#content-tabel {
position:relative;
left:30px;
top:20px;
width:750px;
}


td {
	vertical-align: top;
	color: #ffffff;
	font-size: 12px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 12px;
}

.vert-divider {
	background-image: url('img/dot-vert.gif');
	width: 20px;
}


.divider {
	height: 20px;
	width: 100%;
	background-image: url('img/dot.gif');
	margin-top: 20px; 
	margin-bottom: 20px;
}


a {
	color: #ffffff;
	font-size: 11px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-decoration: underline;
}


p {
	color: #ffffff;
	font-size: 12px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 12px;
}


ul {
	color: #ffffff;
	font-size: 12px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}


h1 {
	color: #ffffff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 16px;
	text-align: left;
	font-size: 16px;
}





/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/lgpl/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}

/*---- Header styling ---*/



.formflds {
width: 300px;
border: solid 1px #ffffff;
background-color: #000000;
color: #ffffff;
width:230px;
height:18px;
}