/*
ONTWERPATELIER
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

body {
	background-color: #eaeaea;
	margin-left: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height:1.4em;
	color: #FFFFFF;
}

#container {
  width: 600px ;
  height: 560px;
  margin-left: auto ;
  margin-right: auto ;
  background-color:#FFFFFF;
}

#intro {
  position:relative;
  width:570px;
  height: 504px;
  background-color:#662d91;
  left:15px;
  top:15px;
}


#header {
  width: 600px ;
  height: 170px;
  background-color:#fff;
}

#midden {
  position:relative;
  width:570px;
  height: 334px;
  background-color:#fdfdfd;
  left:15px;
}

#menu {
  position:relative;
  padding-top:15px;
  width:570px;
  height: 41px;
  background-color:#fff;
  left:15px;
}

A:link {
	text-decoration: none; 
	color:#662d91;
	outline: none;
}

#uitleg {
position:absolute;
top:-300px;
color:#eaeaea;

}

/* Image styles */

img { border: 0; }
img#logo { position: absolute; top: 25px; padding-left: 417px; z-index:999; }
img#title { position: absolute; top: 111px; padding-left: 15px; z-index:999; }
img#headpic { z-index:1; }

/* Menu */

.button1 a { display: block; float: left; width: 85px; height: 23px; background: transparent url(../img/btn1.gif) no-repeat; }
.button1 a:hover { background-position: 0 -23px; }
.button1a a { display: block; float: left; width: 85px; height: 23px; background: transparent url(../img/btn1.gif) no-repeat; background-position: 0 -23px; }

.button2 a { display: block; float: left; width: 92px; height: 23px; background: transparent url(../img/btn2.gif) no-repeat; }
.button2 a:hover { background-position: 0 -23px; }
.button2a a { display: block; float: left; width: 92px; height: 23px; background: transparent url(../img/btn2.gif) no-repeat; background-position: 0 -23px; }

.button3 a { display: block; float: left; width: 96px; height: 23px; background: transparent url(../img/btn3.gif) no-repeat; }
.button3 a:hover { background-position: 0 -23px; }
.button3a a { display: block; float: left; width: 96px; height: 23px; background: transparent url(../img/btn3.gif) no-repeat; background-position: 0 -23px; }

.button4 a { display: block; float: left; width: 93px; height: 23px; background: transparent url(../img/btn4.gif) no-repeat; }
.button4 a:hover { background-position: 0 -23px; }
.button4a a { display: block; float: left; width: 93px; height: 23px; background: transparent url(../img/btn4.gif) no-repeat; background-position: 0 -23px; }

.button5 a { display: block; float: left; width: 51px; height: 23px; background: transparent url(../img/btn5.gif) no-repeat; }
.button5 a:hover { background-position: 0 -23px; }
.button5a a { display: block; float: left; width: 51px; height: 23px; background: transparent url(../img/btn5.gif) no-repeat; background-position: 0 -23px; }

.button6 a { display: block; float: left; width: 93px; height: 23px; background: transparent url(../img/btn6.gif) no-repeat; }
.button6 a:hover { background-position: 0 -23px; }
.button6a a { display: block; float: left; width: 93px; height: 23px; background: transparent url(../img/btn6.gif) no-repeat; background-position: 0 -23px; }


.scroll-pane {
	width: 510px;
	padding: 30px;
	height: 274px;
	overflow: auto;
	background: #662d91;
	float: left;
}

.scroll-pane2 {
	width: 510px;
	padding: 30px;
	height: 274px;
	overflow: auto;
	background: #fdfdfd;
	color: #000;
	float: left;
}

.scroll-pane-ontwerpers {
	color: #000;
	width: 570px;
	height: 334px;
	overflow: auto;
	background: #fdfdfd;
	float: left;
}

.designer {
	clear: both;
	position:relative;
	width:550px;
	z-index:1;
	padding-top:30px;
}

.txt {
	padding:15px;
	z-index:2;
	padding-left:260px;
}

.foto {float:left;}

.naam {
	color: #662d91;
	padding-bottom:10px;
	font-weight:bold;
}

.titel {
	font-size:1.5em;
	color: #662d91;
	padding-bottom:10px;
	font-weight:bold;
}

.bold {
	font-weight:bold;
}

.cursief {
	font-style:italic;
}


#pane1 {
}



/* background image block */


#overzicht { /* background image block */
display: block;
width: 570px;
height: 335px;
background: url(../img/ontwerpers.jpg) no-repeat;
margin-top: 0px;
}
#overzicht a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#o1 { 
	float: left;
	position:absolute;
	width : 160px;
	height: 33px;
	margin-left: 20px;
	margin-top: 0px;
	top: 80px;
}

#o2 { 
	float: left;
	position:absolute;
	width : 185px;
	height: 33px;
	margin-left: 20px;
	margin-top: 0px;
	top: 116px;
}

#o3 { 
	float: left;
	position:absolute;
	width : 185px;
	height: 33px;
	margin-left: 20px;
	margin-top: 0px;
	top: 152px;
}

#o4 { 
	float: left;
	position:absolute;
	width : 175px;
	height: 33px;
	margin-left: 20px;
	margin-top: 0px;
	top: 187px;
}

#o5 { 
	float: left;
	position:absolute;
	width : 215px;
	height: 33px;
	margin-left: 20px;
	margin-top: 0px;
	top: 222px;
}

#o6 { 
	float: left;
	position:absolute;
	width : 150px;
	height: 33px;
	margin-left: 280px;
	margin-top: 0px;
	top: 80px;
}


#o7 { 
	float: left;
	position:absolute;
	width : 175px;
	height: 33px;
	margin-left: 280px;
	margin-top: 0px;
	top: 116px;
}

#o8 { 
	float: left;
	position:absolute;
	width : 150px;
	height: 33px;
	margin-left: 280px;
	margin-top: 0px;
	top: 152px;
}

#o9 { 
	float: left;
	position:absolute;
	width : 222px;
	height: 33px;
	margin-left: 280px;
	margin-top: 0px;
	top: 187px;
}

#o10 { 
	float: left;
	position:absolute;
	width : 100px;
	height: 33px;
	margin-left: 280px;
	margin-top: 0px;
	top: 222px;
}