@charset "utf-8";
/* CSS Document */

/* Basic parameters */

body,html {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100%;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}

a img {
	border: none;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

#stretch-background {
position:absolute;
top:0;
left:0;
width:100%;
min-width:1024px;
height:100%;
overflow:hidden;
}

#stretch-background img {
display:block;
width:100%;
height:auto;
border:0;
}

#container {
	position: relative;
	width:990px;
	height:100%;
	margin: 0 auto;
    background-image: url(img/bg15.png);
	background-repeat: repeat scroll 0 0;	
	
}

/* header */

#header {
	float: left;
	height: 140px;
	width: 100%;
}

#headerimg {
	float: left;
	height: 115px;
	width: 365px;
}
#headerimg img {
	float: left;
	padding-left: 20px;
	padding-top: 15px;
}
#headerlogo img {
	padding-top: 15px;
	padding-left: 10px;
}
#headerlogo {
	float: left;
	height: 115px;
	width: 625px;
}
#headerhomebar {
	float: left;
	height: 25px;
	width: 990px;
}
#hb1 {
	float: left;
	width: 130px;
	height: 25px;
    background-image: url(img/menubg1.png);
	background-repeat: repeat-y scroll 0 0;
	background-color: #ffffff;
}
#hb2 {
	float: left;
	width: 860px;
	height: 25px;
    background-image: url(img/menubg2.png);
	background-repeat: repeat-y scroll 0 0;
	background-color: #ffffff;
}


/* left nevigation menu */

#menu {
	float: left;
	width: 130px;
	height: 410px;
}

#menu ul {
	list-style-type: none;
	float: left;
	margin: 0px;
	width: 100%;
	padding: 0px;
}
#nav li {
	height: 25px;
	display:inline;
	margin: 0px;
	padding: 0px;
}
#nav li#active a{
	background-color: #ffffff;
    background-image: url(img/menubg1.png);
	background-repeat: repeat-y scroll 0 0;
}

#nav li a {
    float: left;
	margin: 0px;
	padding: 0 0 0 0px;
	line-height: 25px;
	color: #FFFFFF;
}
#nav li a:hover {
	background-color: #666699;
}

/* horizontal menu bar */

#main {
	float: left;
	height: 410px;
	width: 860px;
}

#mainmenu {
	float:left;
	height: 25px;
	width: 860px;
	background-color: #ffffff;
    background-image: url(img/menubg2.png);
	background-repeat: repeat-y scroll 0 0;
}

#mainmenu ul {
	list-style-type: none;
	float: left;
	margin: 0px;
/*	width: 100%;  */
	padding: 0px;
	
}
#mainnav li {
	float: left;
	height: 25px;
	display: inline;
	margin: 0px;
	padding: 0px;
	
}

#mainnav li img {
    float: left; 
}

#mainnav li a {
	vertical-align: middle;
	line-height: 25px;
}

	
/*home page */

#homemain {
	float:left;
	height: 410px;
	width: 860px;
	background-color: #ffffff;
}

#homecol1 {
	float:left;
	height: 410px;
	width: 860px;
}

	
/* profiel page */	
	

#profielmain {
	float:left;
	height: 385px;
	width: 860px;
	background-color: #ffffff;
}

#profielcol1 {
	float:left;
	height: 345px;
	width: 260px;
	padding: 20px 0px 20px 20px;
	font-size: 70%;
	text-align: justify;
	line-height: 16px;
}

#profielcol2 {
	float:left;
	height: 345px;
	width: 260px;
	padding: 20px 0px 20px 20px;
	font-size: 70%;
	text-align: justify;
	line-height: 16px;
}

#profielcol3 {
	float:left;
	height: 345px;
	width: 260px;
	padding: 20px 20px 20px 20px;
	font-size: 70%;
	text-align: justify;
    line-height: 16px;
}

#profielmain p {
	margin-top: 0px;
}


/*project page */

#projectenvoid {
	float:left;
	height: 25px;
	width: 860px;
}

#projectenmain {
	float:left;
	height: 360px;
	width: 860px;
	background-color: #ffffff;
}

#projectlist {
    float: left;
    height: 320px;
    width: 180px;
    padding: 20px 20px 20px 20px;
}

#projecttext {
float: left;
height: 360px;
width: 240px;
line-height: 14px;
}

#ptitel {
float: left;
padding-top: 20px; 
height: 25px;
width: 240px;
font-size: 70%;
text-transform: uppercase;
}
#pomschrijving {
float: left;
font-size: 70%;
text-align: justify;
padding-top: 20px; 
height: 210px;
width: 240px;
}

#pshoutout {
	float: left;
	height: 45px;
	width: 240px;
    padding: 20px 0px 20px 0px;
	font-size: 70%;
	color: #666666;
}
#projectimgframe {
	float: left;
	height: 360px;
	width: 400px;

}
#pimage {
	float: left;
	height: 255px;
	width: 360px;
    padding: 20px 20px 0px 20px;

}
#pthumbs {
	float: left;
	height: 45px;
	width: 360px;
    padding: 20px 20px 20px 20px;
}

#projectlist ul {
	list-style-type: none;
	float: left;
	margin: 0px;
	width: 100%;
	padding: 0px;
}

#projectlist li {
	font-size: 70%;
	line-height: 20px;
	text-transform: uppercase;
}

#projectlist a#active {
	color: #333399;
}

#projectlist a:link {
    color: #000000;
}

#projectlist a:visited {
    color: #000000;
}

#pthumbs ul {
	list-style-type: none;
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
}

#pthumbs li {
    float: left;
	padding-left: 10px; 
	display: block;
}
#pthumbs li#first{
    float: left;
	padding-left: 0px;
	display: block;
}

/* project in ontwikkeling */

#iotabel {
    float: left;
    height: 320px;
    width: 600px;
    padding: 20px 20px 20px 20px;
	font-size: 70%;
	line-height: 11px;
}

#ioimage {
    float: left;
    height: 320px;
    width: 200px;
    padding: 20px 20px 20px 0px;
}

tr.header{
    color: #333399;
	text-transform: uppercase;
}


/*contact page */

#contactvoid {
	float:left;
	height: 50px;
	width: 860px;
}

#contactmain {
	float:left;
	height: 335px;
	width: 860px;
	background-color: #ffffff;
}

#contactcol1 {
	float:left;
	height: 335px;
	width: 355px;
}

#contactcol1 a#active {
	color: #333399;
}

#contactcol1 a:link {
    color: #000000;
}

#contactcol1 a:visited {
    color: #000000;
}

#contactinfo {
	float:left;
	height: 228px;
	width: 365px;
	padding: 20px 0px 0px 20px;
	font-size: 70%;
	text-align: justify;
	text-transform: uppercase;
}

#contactkaartk {
	float:left;
	height: 67px;
	width: 365px;
	padding: 0px 0px 20px 20px;
	font-size: 70%;
	text-align: justify;
	text-transform: uppercase;
}

#contactcol2 {
	float:left;
	height: 295px;
	width: 435px;
	padding: 20px 20px 20px 20px;
	font-size: 70%;
	text-align: justify;
}

#contactmain p {
	margin-top: 0px;
}


#contactmedcol1 {
	float:left;
	height: 335px;
	width: 200px;
}

#contactmedcol2 {
	float:left;
	height: 295px;
	width: 590px;
	padding: 20px 20px 20px 20px;
	font-size: 70%;
	text-align: justify;
	line-height: 11px;
}

#tdcol1{
   width: 100px;
}

#medlist {
    float: left;
    width: 180px;
    padding: 20px 20px 20px 20px;
}


#medlist ul {
	list-style-type: none;
	float: left;
	margin: 0px;
	width: 100%;
	padding: 0px;
}

#medlist li {
	font-size: 70%;
	line-height: 20px;
	text-transform: uppercase;
}

#medlist a#active {
	color: #333399;
}

#medlist a:link {
    color: #000000;
}

#medlist a:visited {
    color: #000000;
}

#medfoto {
    float: left;
    width: 180px;
    padding: 0px 20px 20px 20px;
}


/*uitgelicht page */

#uitgelichtvoid {
	float:left;
	height: 75px;
	width: 860px;
}

#uitgelichtmain {
	float:left;
	height: 310px;
	width: 860px;
	background-color: #ffffff;
}

#uitcol1 {
	float:left;
	height: 270px;
	width: 260px;
	padding: 20px 0px 20px 20px;
}

#uitcol1 ul {
	list-style-type: none;
	float: left;
	margin: 0px;
	width: 100%;
	padding: 0px;
}

#uitcol1 li {
	font-size: 70%;
	line-height: 20px;
	text-transform: uppercase;
}

#uitcol1 a#active {
    color: #333399;
}

#uitcol1 a:link {
    color: #000000;
}

#uitcol1 a:visited {
    color: #000000;
}

#uitcol2 {
	float:left;
	height: 270px;
	width: 260px;
	padding: 20px 0px 20px 20px;
	font-size: 70%;
}

#uittitel {
	float:left;
	height: 25px;
	width: 260px;
	text-transform: uppercase;
	text-align: justify;
}

#uittekst {
	float:left;
	width: 260px;
	text-align: justify;
}


#uitcol3 {
	float:left;
	height: 270px;
	width: 260px;
	padding: 20px 20px 20px 20px;
}

#uitgelichtmain p {
	margin-top: 0px;
}