/*
Umantec white theme
Version: 1.0
Date: 1 Sep 2007
Author: Umantec, FvW
Author URI: http://www.umantec.nl/
*/

/* footer code */

html,
body {
  margin:0;
  padding:0;
  height:100%; /* 100 % height */
}

html>body #wrap {height:100%;} /* 100 % height */

/*
#header {
  width:100%;
  height:5em;
}
*/

html>body #header {
  position:fixed;
  z-index:10; /* Prevent certain problems with form controls */
}

html>body #content-wrap {height:100%;} /* 100 % height */
/* html>body #content {padding:6em 1em;} */
/* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */

#footer {
  width:100%;
  height:47px;
}

html>body #footer {
  position:fixed;
  bottom:0;
  z-index:10; /* Prevent certain problems with form controls */
}

/* normal layout */

body {
  background-color: #FFFFFF;
/*  font-family: verdana, arial, helvetica, sans-serif; */
  font-family: arial, helvetica, sans-serif, verdana;
  font-weight: normal;
  font-size: 0.85em;
  color: #444444;
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

#content {
  margin: 10px;
/*  margin-left: 45px; */
  margin-left: 60px;
  padding: 0px;
  width: 80%;
  max-width: 450px;
}

html { /* IE font-size bug */
  font-size: 100%;
}

#top { 
   width:700px;
   margin-left: 60px;
   margin-top: 80px;
   background-image:url(uname.png);
   background-repeat: no-repeat;
   overflow: hidden;
}

#sep { 
   padding:0;
   margin-top:80px;
   height:2px;
   background-color: #4477aa;
   overflow: hidden;
}

#imlist {
   overflow: hidden;
}

#imlist ul {
   margin: 0;
   padding: 15px 0 0 0;
   list-style-type: none;
   overflow: hidden;
   }

#imlist ul li {
   display: inline;
   overflow: hidden;
}

#imlist img {
   padding: 0;
   margin: 0;
   margin-right: 4px;
}

#top_s { 
   width:450px;
   margin-left: 60px;
   margin-top: 30px;
   background-image:url(uname_s.png);
   background-repeat: no-repeat;
   overflow: hidden;
}

#sep_s { 
   padding:0;
   margin-top:50px;
   height:2px;
   background-color: #4477aa;
   overflow: hidden;
}

#imlist_s {
   overflow: hidden;
}

#imlist_s ul {
   margin: 0;
   padding: 10px 0 0 0;
   list-style-type: none;
   overflow: hidden;
   }

#imlist_s ul li {
   display: inline;
   overflow: hidden;
}

#imlist_s img {
   padding: 0;
   margin: 0;
   margin-right: 4px;
}


body.prod {
  background-image: url(tag_producten.png);
}

body.proj {
  background-image: url(tag_projecten.png);
}

body.cont {
  background-image: url(tag_contact.png);
}

body.thesis {
  background-image: url(tag_thesis.png);
}

body.prod_en {
  background-image: url(tag_products.png);
}

body.proj_en {
  background-image: url(tag_projects.png);
}

body.cont_en {
  background-image: url(tag_contact.png);
}

body.down_en {
  background-image: url(tag_download.png);
}

#footer {
  padding: 0;
  padding-top: 5px;
  padding-left: 53px;
  margin:0;
  background-color: #666666;
}


#butlist ul {
  margin: 0;
  padding: 0px;
  list-style-type: none;
}

#butlist ul li { 
  display: inline; 
}

#butlist ul li a
{
  margin: 0;
  border: 0;
  text-decoration: none;
  padding-top: 0px;
  padding-right: 76px;
  padding-bottom: 18px;
  padding-left: 0px;
  color: #000;
  width: 75px;
  height: 30px;
  /*text-height: 5px; */
}

#butlist img
{
  margin: 0;
  border: 0;
  padding: 0;
  height: 20px;
}

#butlist ul li a.bu {
   background:url(bu.png) no-repeat -3px -9px;
}
#butlist ul li a.bu:hover {
   background:url(bu.png) no-repeat -3px -49px;
}
#butlist ul li a.bus {
   background:url(bu.png) no-repeat -3px -92px;
}

#butlist ul li a.bd_n {
   background:url(bd_n.png) no-repeat -3px -9px;
}
#butlist ul li a.bd_n:hover {
   background:url(bd_n.png) no-repeat -3px -49px;
}
#butlist ul li a.bd_ns {
   background:url(bd_n.png) no-repeat -3px -92px;
}
#butlist ul li a.bd_e {
   background:url(bd_e.png) no-repeat -3px -9px;
}
#butlist ul li a.bd_e:hover {
   background:url(bd_e.png) no-repeat -3px -49px;
}
#butlist ul li a.bd_es {
   background:url(bd_e.png) no-repeat -3px -92px;
}

#butlist ul li a.bj_n {
   background:url(bj_n.png) no-repeat -3px -9px;
}
#butlist ul li a.bj_n:hover {
   background:url(bj_n.png) no-repeat -3px -49px;
}
#butlist ul li a.bj_ns {
   background:url(bj_n.png) no-repeat -3px -92px;
}
#butlist ul li a.bj_e {
   background:url(bj_e.png) no-repeat -3px -9px;
}
#butlist ul li a.bj_e:hover {
   background:url(bj_e.png) no-repeat -3px -49px;
}
#butlist ul li a.bj_es {
   background:url(bj_e.png) no-repeat -3px -92px;
}

#butlist ul li a.bc {
   background:url(bc.png) no-repeat -3px -9px;
}
#butlist ul li a.bc:hover {
   background:url(bc.png) no-repeat -3px -49px;
}
#butlist ul li a.bcs {
   background:url(bc.png) no-repeat -3px -92px;
}

#butlist ul li a.be {
   background:url(be.png) no-repeat -3px -9px;
}
#butlist ul li a.be:hover {
   background:url(be.png) no-repeat -3px -49px;
}
#butlist ul li a.bes {
   background:url(be.png) no-repeat -3px -92px;
}
#butlist ul li a.bd {
   background:url(bd.png) no-repeat -3px -9px;
}
#butlist ul li a.bd:hover {
   background:url(bd.png) no-repeat -3px -49px;
}
#butlist ul li a.bds {
   background:url(bd.png) no-repeat -3px -92px;
}



a {
  color: 444444;
  text-decoration: none;
}

a:link {
  text-decoration: none; 
  color: #111111;
  border-color: #d0d0d0;
  border-width: 0 0 1px 0;
  border-style: none none solid none;
}

a:visited {
  color: #777777;
}

a:hover {
  text-decoration: none; 
  color: #111111;
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}


H1 {
  font-size: 1.6em;
  font-weight: bold;
}

H2 {
  font-size: 1.4em;
  font-weight: bold;
}

H3 {
  font-size: 1.4em;
  font-weight: normal;
}

H4 {
  font-size: 1.0em;
  font-weight: bold;
}

li {
  margin: 0 0 0.8em 0;
}


.textblock {
   position:absolute;
   padding:0;
   left:406px;
   top:320px;
   width:212px;
}

.textblock p {
   font-size:0.9em;
   color: #555555;
   padding:0;
   margin:0;
   margin-bottom:10px;
   clear: both;
   text-align: justify;
}

.motto img { 
   position:absolute;
   padding:0;
   left:60px;
   top:440px;
}

#smalltext {
   font-size:smaller;
}