/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	font: 12px "Courier New", Courier, monospace, Helvetica, sans-serif;
	color: #444444;
	letter-spacing: 0.2em;
	overflow:hidden;
	background-color: #FFFFFF;
	line-height: 1.3em;
}

a {
	color: #444444;
	text-decoration: none;
	font-weight: bold;
}
a:link {

	color: #FF9900;
	text-decoration: none;
	font-weight: bold;
}

a:visited{
	color: #FF9900;
	text-decoration: none;
	font-weight: bold;
}
a:hover{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
#afbeelding a img, #afbeelding  a:link img{
	border:none;}
h1{
	font-size: 13px;
	margin: 0px;
	padding: 2px 0px 3px 7px;
	font-variant: small-caps;
	color: #FF9900;
	height: auto;
	letter-spacing: 0.1em;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #E2E2E2;
	border-left-color: #E2E2E2;
}
h2 {

	font-size: 11px;
	margin: 0px;
	padding: 5px 0px 2px 7px;
	font-variant: normal;
	color: #444444;
	background: #FFFFFF;
	height: auto;
}

p {
	margin:0;
	padding:2px 0px 8px 7px;
	font-size:11px;
	line-height: 1.3em;
	color: #444444;
	}
p a:link {
	color: #FF9900;
	font-variant: normal;
	text-transform: none;
}
p a:hover {
	color: #000;
}

.info h2 {
	font-weight: bold;
}


#container {
	height: 450px;
	width: 780px;
	position: absolute;
	margin-top: -225px;
	margin-left: -390px;
	left: 50%;
	top: 50%;
	text-align: left;
	padding: 0px;
	z-index: 2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
	}
#subject,
#subject2 {
	height: 390px;
	position: absolute;
	font-size: 13px;
	letter-spacing:0;
	line-height:1.2ems;
	text-align: left;
	width: 690px;
	left: 64px;
	top: 46px;
	font-weight: bold;
	color: #FF9900;
	padding-left: 0px;
}
#subject2 {
	overflow: scroll;
	overflow-x:hidden;
	direction:;
	scrollbar-arrow-color: #B9B9B9;
	scrollbar-track-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-shadow-color:#B9B9B9;}
#subject a,
#subject2 a {

	color: #444444;

}
#subject a:hover,
#subject2 a:hover {

	color: #FF9900;

}
#container2 {
	height: 450px;
	width: 780px;
	position: absolute;
	margin-top: -225px;
	margin-left: -390px;
	left: 50%;
	top: 50%;
	text-align: left;
	padding: 0px;
	z-index: 2;
	border: 1px solid #CCCCCC;
	}

.terug {
	position: absolute;
	color: #000000;
	font-weight: bold;
	height: 20px;
	text-align: left;
	padding: 4px 5px 0px;
	width: 42px;
	font-size: 13px;
	left: 0;
	top: 0;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
	}

.terug a {
	color:#444444;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	}
.terug a:hover {
	color:#FF9900;
	}
.blauw {
	background-color: #FFF2AD;
}

.thumb {
	height: 20px;
	float: left;
	margin-right: 7px;
	margin-left: 0px;
	text-align: center;
	padding-left: 3px;
	padding: 2px 3px 0px 3px;
	width: auto;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #E2E2E2;
	border-left-color: #E2E2E2;
}
#afbeelding {
	text-align: left;
	margin-top: 24px;
	width: 515px;
	margin-left: 10px;
	float: left;
	font-size: 11px;
	letter-spacing: 0px;
}
#infotekst,
#infotekst2 {
	float: left;
	width: 240px;
	padding: 0px 5px 5px 0px;
	text-align: left;
	line-height: 1.2em;
	letter-spacing: 0em;
	height: 440px;
	
	}
#infotekst2 {
	
	overflow: scroll;
	overflow-x:hidden;
	direction:;
	scrollbar-arrow-color: #B9B9B9;
	scrollbar-track-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-shadow-color:#B9B9B9;
}

#thumbs {
	height: 20px;
	width: 560px;
	margin: 0;
	position: absolute;
	left: 254px;
	top: 0px;
	white-space: nowrap;
}
.naam {
	background:url(img/naam.gif) no-repeat;
}
/*begin navigatie*/
.nav,
.info,
.info2 {
	height: 320px;
	width: 655px;
	position: relative;
	top: 65px;
	text-align: left;
	float: left;
	left: 65px;
	letter-spacing: 0.1em;
}
.nav {
	width:670px
	}
.info {
	overflow:scroll;
	overflow-x:hidden;
	direction:;
	scrollbar-arrow-color: #B9B9B9;
	scrollbar-track-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-shadow-color:#B9B9B9;
	padding-top: 15px;
}
.info2 p {
	padding: 0px 0px 10px 0px;
}

.info2 {

	overflow:hidden;
	padding-top: 15px;
}

.nav ul {
	padding: 0px;
	margin: 0px;
	
}

.nav li {
	list-style: none;
	margin: 0 15px 15px 0;
	padding: 65px 0px 0px 0px;
	height: 85px;
	width: 150px;
	float: left;
	text-align: center;
	display:block;
	border: 1px solid #C1C1C1;
	background-color: #FFF;
	letter-spacing: 0.1em;
}


.nav a {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 0;	
	text-transform: uppercase;
}

.nav a:link {
	color: #FFFFFF;
	
}
.nav a:visited {
	color: #FFFFFF;
}
.nav a:hover{
	color: #FFFFFF;
	background-color: #000000;
}
.nav a:active{
	color: #CCCCCC;
}
.nav h1,
.nav p {
	margin: 0px;
	padding: 0px;
}

li#opdrachten {
	background: url(opdrachten/img/startblokje.jpg);
	}
li#textiel {
	background-image:url(textile/img/1blackmagicwoman.jpg);
	
	}
li#textiel a:link,
li#opdrachten a:link{
	color:#FFFFFF;
}
li#textiel a:visited,
li#opdrachten a:visited{
	color:#FFFFFF;
}


li#werk {
	background-image:url(werk/img/zeefdrukken-x.jpg);
	}
li#projecten {
	background-image:url(kunstprojecten/img/vlaggenboom.jpg);
	}
li#opdr1{
	background: url(opdrachten/img/startblokje.jpg);
	}
li#opdr2 {
	background-image: url(opdrachten/img/opdracht8.jpg);
	}
li#opdr3 {
	background: url(opdrachten/img/opdracht7.jpg);
	}
li#opdr4 {
	background-image:url(opdrachten/img/banier.jpg);
	}
li#opdr5 {
	background: url(opdrachten/img/detail5.jpg);

}
li#opdr6 {
	background-image:url(opdrachten/img/rode-tuin-x.jpg);
}
li#opdr7 {
	background-image:url(opdrachten/img/lifelines.jpg);
}
li#opdr8 {


}
li#info a:link,
li#contact a:link,
li#links a:link,
li#nieuws a:link
 {
	color: #999999;
	
}
li#info a:visited,
li#contact a:visited,
li#links a:visited,
li#nieuws a:visited
 {
	color: #999999;
	
}
li#info a:hover,
li#contact a:hover,
li#links a:hover,
li#nieuws a:hover
 {
	color: #ffffff;
	background-color:#000000;
	
}

li#kp2 {
	background: url(kunstprojecten/img/img5.jpg);
	}
li#kp3 {
	background: url(opdrachten/img/per-meter-start.jpg);
	}
li#kp1 {
	background: url(opdrachten/img/vogels-start.jpg);
	}
li#kp4 {
	background-image:url(kunstprojecten/img/img4.jpg);
	}

li#kp5 {
	background-image: url(kunstprojecten/img/speuren-naar-kleuren.jpg);
	}
li#kp6 {
	background-image:url(kunstprojecten/img/vlaggenboom.jpg);
	}
li#kp7 {
	background: url(kunstprojecten/img/img7.gif);
	}
li#kp8 {
	background-image:url(kunstprojecten/img/wind.jpg);
	}

li#ew1{
	background-image:url(werk/img/tekeningen.jpg);
	}
li#ew2 {
	background-image: url(werk/img/zeefdrukkenopstof.jpg);
	}
li#ew3{
	background-image:url(werk/img/img3.jpg);
	}
li#ew4 {
	background-image: url(werk/img/img4.jpg);
	}

li#tp1{
	background: url(textile/img/1blackmagicwoman.jpg) 2px;
	}
li#tp2 {
	background-image: url(textile/img/2blackhair.jpg);
	}
li#tp3 {
	background-image:url(textile/img/3mekidentaki.jpg);
	}
li#tp4 {
	background-image:url(textile/img/4grrlpowerpoints.jpg);
	}

li#tp5 {
	background-image: url(textile/img/5ticklingmyfancy.gif);
	}
li#tp6 {
	background-image:url(textile/img/6no1supporters1.jpg);
	}
li#tp7 {
	background-image:url(textile/img/7welkerol.gif);
}
li#tp8{
	background-color: #FEC900;
	}
li#su1{
	background-image:url(textile/suriname/img/su1.jpg);
	}
li#su2 {
	background-image: url(textile/suriname/img/su4.jpg);
	}
li#su3 {
	background-image:url(textile/suriname/img/su3.jpg);
	}
li#su4 {
	background-image:url(textile/suriname/img/su2.jpg);
	}
li#su8{
	background-image:url(img/su8.gif);
	}
li#su5 {
	background-image: url(img/su5.gif);
	}
li#su6 {
	background-image:url(img/su6.gif);
	}
li#su7 {
	background-image:url(img/su7.gif);
}

.bold {
	font-weight: bold;
	font-style: italic;
}

.tab {
	margin-left: 85px;
}
.cursief {
	font-style: italic;
	font-size: 11px;
	color: #FF9900;
}

.titel {
	float: right;
	height: 15px;
	width: 150px;
}

#breed {
	text-align: right;
	margin-top: 0px;
	width: 520px;
	margin-left: 0px;
	float: left;
	overflow: scroll;
	overflow-y:hidden;
	height:408px;
	direction:;
	scrollbar-arrow-color: #B9B9B9;
	scrollbar-track-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-shadow-color:#B9B9B9;
} 
.gedicht {
	text-align: left;
	width: 380px;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	background-color: #000000;
	color: #FFFFFF;
	padding: 10px;
}
.nav3 {
	height: 320px;
	width: 335px;
	position: relative;
	top: 84px;
	text-align: left;
	float: left;
	letter-spacing: 0.1em;
	left: 20px;
}
.nav3 ul {
	padding: 0px;
	margin: 0px;
	
}

.nav3 li {
	list-style: none;
	margin: 0 15px 15px 0;
	padding: 65px 0px 0px 0px;
	height: 85px;
	width: 150px;
	float: left;
	text-align: center;
	display:block;
	border: 1px solid #C1C1C1;
	background-color: #FFF;
}
.nav3 a {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0;
}

.nav3 a:link {
	color: #FFFFFF;
	
}
.nav3 a:visited {
	color: #FFFFFF;
}
.nav3 a:hover {
	color: #FFFFFF;
	background-color: #000000;
}
.nav3 a:active {
	color: #CCCCCC;
	}
#merk {
	position: absolute;
	left: 499px;
	top: 433px;
	width: 171px;
	height: 61px;
	color: #FF6666;
	font-size: 10px;
	text-align: center;
	letter-spacing: 0em;
}
.oranje {

	font-style: normal;
	font-size: 11px;
	color: #FF9900;
}
.klein {
	font-size: 10px;
	line-height: normal;
	color: #999999;
}
.cursiefb {
	font-weight: bold;
	font-style: italic;
}