html {
	overflow: -moz-scrollbars-vertical;
}
body, table, td, select, input, textarea {
	font-family: font-family:Arial,Helvetica,sans-serif;;
	font-size: 12px;
}
body {
	margin: 0px;
	background-color: #ffffff;
	text-align: center;
}

img {
	margin: 0px;
	border: 0px;
}

h1.kltxt
{
font-size: 14px; 
}

#linklinks {
position:absolute;
left:20px;

top:20px;
}

#linkrechts {
position:absolute;
right:20px;

top:20px;
}

#header {
	width: 760px;
	background-color: #ffffff;
	border: solid 2px #ffffff;
	margin: 10px auto 10px auto;
	
}

#social .box-social-media ul {
    float: right;
    height: 24px;
    margin: 0;
    width: 129px;
}

#social .box-social-media li a {
    display: block;
    height: 24px;
    overflow: hidden;
    text-indent: -9001px;
    width: 24px;}

.twitter
{
background-image:url(../images/knoppen/twitter.jpg);
background-repeat:no-repeat;
}

.linkedin
{
background-image:url(../images/knoppen/linkedin.jpg);
background-repeat:no-repeat;
}

#headergrad {
	background-color: transparent;
	width: 950px;
	
}
#header img {
	vertical-align: middle;
	margin: 0px;
}
#kolom {
	width:10px;
}
#rijwittecellen {
	height:30px;
}

#content {
	width: 1100px;
	background-color: transparent;
	border: solid 0px #ffffff;
	margin: 0px auto 0px auto;
}

#top_nav {
background-color: #ffffff;
background:url(../images/knoppen/buttontopnav.png);
background-repeat:repeat-x;

	z-index:200;
}
#top_nav table {
	width: 100%;
	z-index:200;
}
#top_nav td {

	z-index:200;
}
#top_nav a {

	height: 20px;
	width: 140px;
	line-height: 20px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	z-index:200;
}

#top_nav a:hover {
	color: #ffffff;
	z-index:2000;
}
#top_nav a.active {
	font-weight: bold;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	color: #6c6f6d;
	z-index:2000;
background-color: #ffffff;
background:url(../images/knoppen/buttontopnav1.png);
background-repeat:repeat-x;
}




#image_box {
	height: 100px;
	border-top: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
	border-left: solid 2px #ffffff;
}
#image_box img {
	margin: 0px 0px -3px 0px;
}
#main_box {
	vertical-align: top;
	border-left: solid 2px #ffffff;
	color: #000000;
	background-color: #ffffff;
	z-index:1;

}
#main_box .title {
	font-weight: bold;
	font-size: 14px;
	margin: 20px 0px 10px 50px;
	z-index:1;
}
#main_box .text {
	margin: 0px 0px 20px 50px;
	width: 400px;
	z-index:1;
}
#main_box a {
	color: transparent;
	font-weight: bold;
	text-decoration: none;
	z-index:1;
}
.zwart {
	color: #000000;
	font-weight: bold;
        background-color: #000000;
}
.zwart a:hover{
	color: #000000;
	font-weight: bold;
	text-decoration: strong;
        background-color: #000000;
}
#main_box a:hover {
	color: #000000;
	text-decoration: strong;
}
#footer {
	color: #000000;
	margin: 5px auto 0px auto;
}
#footer td {
    background-color: #BEBEBE;
    display: block;
    float: left;
    left: 60px;
    padding: 0 8px 10px;
    position: relative;
    text-align: center;
}
#footer a {
	color: #000000;
	text-decoration: none;
}
#portfolio {
	margin: 20px auto 20px auto;
}
#portfolio td {
	text-align: center;
	padding: 20px;
}
#portfolio .img_link {
	display: block;
	margin: 0px auto 0px auto;
	background-color: #ffffff;
	padding: 10px;
	border: solid 2px #ffffff;
	width: 182px;
}
#portfolio .img_link:hover {
	border: solid 2px #6c6f6d;
}
#portfolio .img_link:hover img{
	border: solid 2px #6c6f6d;
}
#portfolio img {
	border: solid 2px #ffffff;
	width: 180px;
	height: 120px;
}



table,th,td
{
border:0px solid black;
vertical-align:top;
text-align:left;


}

td.color
{
border-right:1px dashed #00ccff;
}

#grijs 
{
	margin: 0px;
	background-color: #646464;
	border: solid 1px #646464;
}
#thgrad
{
background:url(../images/knoppen/buttontdhead.png);
background-repeat:repeat-x;
height:23px;
font-weight:bold;
vertical-align:top;
margin-left: 20px;
font-family:Arial,Helvetica,sans-serif;
}
#tdgrad
{
background:url(../images/celltd.png);
background-repeat:repeat-x;
text-align:left; 
font-family:Arial,Helvetica,sans-serif;

}
#tdgrad a
{
color: #FF0000;
}
#tdgrad a:hover
{
color: #298371;
}
#pth
{
margin-left: 20px;
margin-right: 10px;
}

#ptd
{
margin-left: 20px;
margin-right: 10px;
}


#horline
{

  border-bottom:1px solid #00ccff;
  margin-top:10px;
  margin-bottom:10px;
  margin-left: auto;
  margin-right: auto;

}


#projecttext
{
  position:relative;
  top:0px;
  float:left;
  height:inherit;
  margin-left:20px;  
  margin-right:20px;
  margin-top:10px;
text-align:left; 
font-family:Arial,Helvetica,sans-serif;
  border:0px solid #0000ff;
  text-indent:20px;
  z-index:1;
}

#imgproject
{

  float:left;
  border: 0px solid #0000ff;
  text-align:left;
  margin: 5px 15px 0px 0px;

}

#imgprojectb
{

  float:right;
  border: 0px solid #0000ff;
  text-align:right;
  margin: 5px 15px 0px 0px;

}
#tdhead
{
 background-color: #9FD1DD;
 border:0px solid black;
 vertical-align:top;
 text-align:left;
}
#voet
{
  position:relative;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
div.imgprojectc
{

  border: 0px solid #0000ff;
  margin: 5px 15px 0px 0px;

}
.kleinelink
{
  border: 0px solid #ffffff;
  width:50px;
  height:50px;
  margin-left:3px;  
  margin-right:4px;
  margin-top:15px;
}
.test
{
background-image:url('/images/hover.jpg');
width:300px;
height:200px;
}

h3
{
color:#000000;
text-align:left;
font-size:105%;
line-height:110%;
  margin-left:20px;  
  margin-right:20px;
  margin-top:5px;

}
#koloml {
	background-color: transparent;
        width: 200px;
	color: transparent;
        background:url(../images/knoppen/lichtl.png);
        background-repeat:repeat-y;
        background-position: right;
}
#kolomr {
	background-color: transparent;
        width: 200px;
        background:url(../images/knoppen/lichtr.png);
        background-repeat:repeat-y;
	color: transparent;
        background-position: left;
}
#cello {
	background-color: transparent;
        width: 200px;
	color: transparent;
        background:url(../images/knoppen/hoeklinksonder.png);
        background-repeat: no-repeat;
        background-position: top right;
}
#celro {
	background-color: transparent;
        width: 200px;
        height: 50px;
        background:url(../images/knoppen/hoekrechtsonder.png);
	color: transparent;
        background-repeat: no-repeat;
        background-position: top left;
}
#celmi {
	background-color: transparent;

        background:url(../images/knoppen/rijonder.png);
        background-repeat:repeat-x;
        background-position: top;
	color: transparent;
}
#wit
{
	background-color: #ffffff;
}
ul{
list-style: none;
margin: 0;
padding: 0;
z-index:2000;
font-size: 12px;

}

li li{
margin: 0;
padding: 0;
font-family: verdana;
z-index:2000;

}

li a{
display: block;
text-decoration: none;
padding: 2px 5px 2px 5px;
width: 200px;
 z-index:2000;

}

li a:link, li a:visited{
background-color: #ffffff;
background:url(../images/knoppen/buttontopnav.png);
background-repeat:repeat-x;
color: #000000;
font-weight: bold;
 z-index:2000;

}

li a:hover{
background-color: #ffffff;
background:url(../images/knoppen/buttontopnav3.png);
background-repeat:repeat-x;
color: #6c6f6d;
font-weight: bold;
 z-index:2000;
}

li a:active{
background-color: #ffffff;
background:url(../images/knoppen/buttontopnav1.png);
background-repeat:repeat-x;
color: #6c6f6d;
font-weight: bold;
 z-index:2000;
}
li li a:link, li li a:visited{
	background-color: #ffffff;
        background:url(../images/knoppen/buttontopnavlili.png);
        background-repeat:repeat-x;
	color: #000000;
	font-weight: normal;
	z-index:2000;
	text-align:left;

}

li li a:hover{
	background-color: #ffffff;
        background:url(../images/knoppen/buttontopnavlili3.png);
        background-repeat:repeat-x;
	color: #6c6f6d;
	font-weight: normal;
	z-index:2000;

}
li li a:active{
	background-color: #ffffff;
        background:url(../images/knoppen/buttontopnav1.png);
        background-repeat:repeat-x;
	color: #6c6f6d;
	font-weight: normal;
	z-index:2000;

}

ul ul{
margin: 0 0 0 0px;
 z-index:2000;
 font-size: 9px;
 width: 300px;
} 

#nav, #nav ul {
 padding: 0;
 margin-left: 0px;
 list-style: none;
 z-index:2000;
 }

 #nav li {
 float: left;
 z-index:2000;
 margin: 0;
 }

 #nav ul {
 position: absolute;
 width: 200px;
 left: -1000px;
 z-index:2000;
 margin: 0;
 }

 #nav li:hover ul, #nav li.ie_does_hover ul {
 left: auto;
 background-position: 0 0;
 z-index:2000;

 }

 #nav a {
 display: block;
 margin: 0px 0px 0px 0px;
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1em;
 z-index:2000;
 text-align:center;
 }

#libig
{
font-size: 12px;
list-style-image:url('../images/knoppen/rond.png');
margin-left:20px;
} 


#libig a
{
color: #3CFEFE;
background-color:transparent;
} 

#logorechts
{

display:block;
width:376px;

height:700px;
padding:0px;

background-color:transparent;
cellpadding:0;
cellspacing:0;
border:0;
}

#logolinks
{

display:block;
width:338px;

height:700px;
padding:0px;

background-color:transparent;
cellpadding:0;
cellspacing:0;
border:0;
}

.center
{
margin:auto;
position:relative;
top:30px;
}
#h3main
{
font-size:20px;
font-weight:bold;
text-align:center;

}

div.errorvoet
{
  position:relative;
  width:1200px;
  height:20px;
  padding:10px;
  border:2px solid #00ccff;
  background-color: #707070;
  margin-top:10px;
  margin-bottom:0px;
  margin-left: auto;
  margin-right: auto;
  color:#ffffff;
  z-inderrorex:99;
}

div.errorex
{
  position:relative;
  width:1200px;
  height:800px;
  padding:10px;
  border:2px solid gray;
  background-color: #404040;
  background:url(../images/404/404bg.jpg);
  margin-top:10px;
  margin-bottom:0px;
  margin-left: auto;
  margin-right: auto;
  color:#000000;
}

div.errorex3
{
  float:left;
  border:0px solid #00ccff;
  background-color: none;
  margin-top:0px;
  margin-bottom:0px;
  margin-left: 20px;
  margin-right: 20px;
}

div.errorimg
{
  position:relative;
  margin-top:0px;
  margin-bottom:0px;
  margin-left: 0px;
  margin-right: 1px;
  border: 0px solid #0000ff;
  height: 100px;
  width: 500px;
  terrorext-align: center;
}	

div.errorimg img
{
  float:left;
  display: inline;
  margin-top:0px;
  margin-bottom:0px;
  margin-left: 0px;
  margin-right: 1px;
  height: 100px;
  width: 500px;
  border: 1px solid #ffffff;
}

div.errorimg a:hover img {border: 1px solid #0000ff;}

div.errordesc
{
  position:relative;
  top: 0px;
  terrorext-align: left;
  color: #ffffff;
  margin-left: 20px;
  margin-right: 5px;  margin-bottom: 10px;
}