@charset "iso-8859-1";



body {
	background-color: #000000;
	text-align: center;
	margin: 0px;
 font-family: 'Verdana'; 
 font-size : 11px; 
 color : #7f8991;
	color: #CCCCCC;
	line-height: 1.4;
	 height: 100%;
	
	
}

ul{
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	list-style: square;

	line-height: 1.4;
} 

/* GENERAL CONTENT -> TEMPLATE LOCATION  */


P {
	margin-top: 0px;
	margin-bottom: 0px;
}

/************************************************************
	MAIN TABLE AND HEADER
*************************************************************/



#container { 

background-color:#000000; 
min-height: 100%;
line-height:17px;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
 margin: 0 auto;
width: 719px;
clear:both;
}

.introtext { 

font-weight:bold;
color:#FFFFFF;

}

#main {


background-color: #000000; 
text-align:center;
height: auto;
width:719px;
	font-size : 1.0em;
}



#rechts {
	float: left;
	width : 230px;
	margin : 0px;
	text-align:left;
		margin-top:30px;
		margin-bottom:30px;
	border: 0px solid #DBDBDB;

	position: relative;

	
}



.koptext {
color:#FFFF00;
	text-align:left;
	margin-top:0px;
		font-size:2em;

	position: relative;

	
}
.subtext {
color:#FFFF00;
	text-align:left;
	margin-top:0px;
		font-size:1.7em;
		font-weight:bold;

	position: relative;

	
}

#links {
	float: left;
	width : 430px;
	margin : 0px;
	text-align:left;
	margin-top:30px;
	padding-right: 50px;
		margin-bottom:30px;
	border: 0px solid #DBDBDB;
	position: relative;

}

#kunstenaars {
	float: left;
	width : 430px;
	margin : 0px;
	text-align:left;
	margin-top:30px;
	padding-right: 50px;
		margin-bottom:30px;
	border: 0px solid #DBDBDB;
	position: relative;

}

#fotos {
	float: left;
	width : 660px;
	margin : 0px;
	text-align:left;
	margin-top:30px;
	padding-right: 50px;
		margin-bottom:30px;
	border: 0px solid #DBDBDB;
	position: relative;

}

#kolom {
	float: left;
	width : 160px;
	margin : 0px;
	text-align:left;
	margin-top:30px;
	padding-right: 50px;
		margin-bottom:30px;
	border: 0px solid #DBDBDB;
	position: relative;

}


#nav {
	float: left;
	width : 215px;
	height: 214px;
	margin : 0px;
	text-align:left;
	background-color:#fbe63d;


}

#foto {
	float: left;
	width : 504px;
	height:214px;
	margin : 0px;
	text-align:left;
	margin-top:0px;
	padding-right: 0px;
	border: 0px solid #DBDBDB;
	position: relative;

}

#tussen {
	float: left;
	width : 50px;
	margin : 0px;
	text-align:left;

	border: 1px solid #FFFFFF;
	background-color:#FFFFFF;
	position: static;

	
}


.okknop {
	background-color: #ffff00;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	height: 17px;
	width: 100px;
}
.inputgroot {
	background-color:#333333 ;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #ADADAD;
	border-right: 1px solid #ADADAD;
	border-bottom: 1px solid #ADADAD;
	border-left: 1px solid #ADADAD;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;

	height: 120px;
	width: 320px;
}
.input {
	background-color: #333333 ;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #ADADAD;
	border-right: 1px solid #ADADAD;
	border-bottom: 1px solid #ADADAD;
	border-left: 1px solid #ADADAD;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;

	height: 20px;
	width: 200px;
}

	



#footer { 
clear:both;
padding: 1.5em;
height:10px;
border-top: 0px solid #f7f7f7; 
}
#footer UL { padding: 10px 0px; margin: 0px; }
#footer LI { display:inline; padding: 0px; margin: 0px; list-style-type: none; }
#footer LI A { padding: 0px 4px 0px 6px; margin: 0px; border-left: solid 1px #CCC; }



#header { 
background-color: #f7f7f7;
background-image:url(../images/kop.jpg) 
background-repeat: repeat-x; 
display: block; 
height: 87px;
margin:0px;
}



a:link { 
text-decoration:none; 
color :#ffff00; 
border: 0px;
} 
a:active { 
text-decoration : underline; 
color : #ffff00; 
border: 0px;
} 
a:visited { 
text-decoration : none; 
color : #ffff00; 
border: 0px;
} 
a:hover { 
text-decoration : underline; 
color: #ffffff ; 
border: 0px;
} 





/************************************************************
	CONTENT (WISSELING)
*************************************************************/
.content h1, h2, h3 { font-family: 'Georgia'; color: #ffff00; font-weight: normal; font-size: 20px; padding: 15px 0px;}
.content h2 { text-transform: uppercase; font-size: 18px; letter-spacing: -1px; padding: 5px 0px; margin: 0px 0px 15px 0px; border-bottom: solid 1px #eee; font-weight: normal; }
.content h3 { font-size: 20px; letter-spacing: -1px; padding: 5px 0px 0px 0px; margin: 0px; font-weight: normal;  }
.content p { font-size: 11px; padding: 5px 0px; margin: 0px; }



/************************************************************
	CONTENT (TABEL)
*************************************************************/


DIV.plaatje {
	border-bottom: 10px solid #1a9933;
	border-top: 10px solid #1a9933;
	border-right: 10px solid #1a9933;
	border-left: 10px solid #1a9933;
	text-align:center;
	width:193px;


}
IMG.content_kop {
	margin-bottom: 30px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}





/************************************************************
	CONTENT - INLEIDING
*************************************************************/



/************************************************************
	WERKPLAATS (WISSELING + MOODBAR)
*************************************************************/


/************************************************************
	CUSTOM STYLES
*************************************************************/


.oranje		{	font-family: Verdana; font-size: 11px; color: #f55a27; line-height: 1.4;	}
.donkerblauw{	font-family: Verdana; font-size: 11px; color: #9bc6d4; line-height: 1.4;	}
.lichtblauw	{	font-family: Verdana; font-size: 11px; color: #cce1e9; line-height: 1.4;	}	
.text_blauw	{	font-family: Verdana; font-size: 11px; color: #0aa5d8; line-height: 1.4;	}
.grijs		{	font-family: Verdana; font-size: 11px; color: #cccccc; line-height: 1.4;	}
.wit		{	font-family: Verdana; font-size: 11px; color: #000000; line-height: 1.4;	}
	
	
.Link_Lees_Verder A, A.Link_Lees_Verder{
	color: #FFFF00;
	font-size: 10px;
	text-decoration: none;
	padding-left: 18px;
	background-image: url(../images/pijl.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	line-height: 1.4;
}
.Link_Lees_Verder A:hover, A.Link_Lees_Verder:hover   {
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	line-height: 1.4;
	text-decoration:underline;
}


/* Deze zorgt ervoor dat in de content extra ruimte komt tussen tekst erboven en de link zelf */
.Link_Lees_Verder_Content A, A.Link_Lees_Verder_Content{
	color: #f55a27;
	font-size: 9px;
	text-decoration: none;
	padding-left: 12px;
	background-image: url(../images/link_pijl.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	line-height: 1.4;
	margin-top: 10px;
	display: block;
}
.Link_Lees_Verder_Content A:hover, A.Link_Lees_Verder_Content:hover   {
	font-size: 9px;
	color: #0aa5d8;
	text-decoration: none;
	line-height: 1.4;
	margin-top: 10px;
	display: block;
}



.Link_pdf A, A.Link_pdf{
	display: block;
	color: #df1308;
	font-size: 9px;
	text-decoration: none;
	padding-left: 19px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-bottom: 1px;
	background-image: url(images/link_pdf.gif);
	background-repeat: no-repeat;
	background-position: opx opx;
	line-height: 1.4;
}

.kop {
	display: block;
font-weight: bold;
	color: #ffffff;
	line-height: 1.4;
	text-decoration: none;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-bottom: 1px;
	background-repeat: no-repeat;
	background-position: opx opx;
	
}


.Link_pdf A:hover, A.Link_pdf:hover {
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	line-height: 1.4;
}

.Link_Lees_Verder_Inleiding A, A.Link_Lees_Verder_Inleiding {
	color: #0aa5d8;
	font-size: 9px;
	text-decoration: none;
	padding-left: 15px;
	background-image: url(../images/link_pijl.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	line-height: 1.4;
}
.Link_Lees_Verder_Inleiding A:hover, A.Link_Lees_Verder_Inleiding:hover {
	font-size: 9px;
	color: #f55a27;
	text-decoration: none;
	line-height: 1.4;
}

.top_pijl {
	color: #999999;
	font-size: 9px;
	padding-left: 10px;
	margin-left: 0px;
	margin-bottom: 17px;
	background-repeat: no-repeat;
	background-position: 2% 50%;
	text-decoration: none;
	line-height: 1.4;
}
.top_pijl:hover {
	font-size: 9px;
	color: #f55a27;
	text-decoration: none;
	line-height: 1.4;
}



.Paragraaf_Titel {
	font-size: 11px;
	font-weight: bold;
	line-height: 1.4;
}

.titel_Rood {
	font-weight: bold;
	color: #df1308;
	line-height: 1.4;
}


.Paragraaf_Titel_Oranje {
	font-weight: bold;
	color: #f55a27;
	line-height: 1.4;
}

.text_inleiding {
	color: #cccccc;
	font-size: 12px;
	line-height: 1.4;
}

#designdisease { margin: 10px 0px 0px 690px; padding: 0px; position: absolute; width: 90px; height: 15px; }
#designdisease h3 { text-indent: -10000px; margin: 0; padding: 0; line-height: 1px; font-size: 1px;}
#designdisease a {width: 90px; height: 15px; background: url(../images/logo_designdisease.png) no-repeat; cursor: hand; float: left;}
#designdisease a:hover { float: left; background: url(../images/logo_designdisease.png) no-repeat; cursor: hand; text-decoration: none;}

.Link_portfolio A, A.Link_portfolio{
	color: #ffffff;
	font-size: 9px;
	text-decoration: none;
	padding-left: 17px;
	margin-left:5px;
	background-image: url(../images/link_pijl.gif);
	background-repeat: no-repeat;
	background-position: 6px 4px;
	line-height: 1.4;
}
.Link_portfolio A:hover, A.Link_portfolio:hover   {
	font-size: 9px;
	color: #ffffff;
	text-align:center;
	text-decoration: none;
	line-height: 1.4;
}


.kopportfolio {
	float: left;
	width:222px;
	height:20px;
	text-align:left;

	border: 0px solid #cccccc;
	background-color:#d50c05;
	position: static;

}

.portfolioplaatje {
	float: left;
	width:222px;
	height:30px;
	margin : 0px;
	text-align:left;

	border: 0px solid #ffffff;
	position: static;

	
}

.portfolio { 
background: #e7e7e7; 
float: left;
float: left; 
padding: 0px; 
width:222px;
position: static;
height:
}



.portfolio big a { color: #546324; text-decoration: none;}
.portfolio small a { color: #ffffff;}
.portfolio img { background: #fff; border: none; margin: 2px; padding: 2px;}
.portfolio big p { font-family: 'Arial'; margin: 0px; padding: 0px; font-size: 9px; font-weight: bold; letter-spacing: 0px;}

.url {
background-color:#f9f9f9;
text-decoration: none;
height:20px;
float: left;
font:Arial, Helvetica, sans-serif;
font-size:9px;
position: static;
}


#navigatie {
font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 width: 17.4em;
 border-right: 0px solid #ffffff;
 padding: 0;
 margin-bottom: 1em;
 color: #333;
}

#navigatie ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#navigatie ul li {
 margin: 0;
 border-bottom: 1px solid #000;
}

#navigatie ul li a {
 display: block;
 padding: 2px 2px 2px 4px;
 border-left: 0px solid #ffff00;
 border-right: 0px solid #69c;
 border-bottom: 0px solid #369;
 background-color: #fbe63d;
 color: #000000;
 text-decoration: none;
 width: 100%;
}

html>body #navigatie ul li a {
 width: auto;
}

#navigatie ul li a:hover {
 border-left: 0px solid #ffff00;
 border-right: 0px solid #69c;
 border-bottom: 0px solid #369;
 background-color: #000000;
 color: #fff;
}


.subknop {
	padding-left: 10px;
	color: #FFFFFF;
	background-color:#1a9933;
}

.hoofdknop {
	padding-left: 10px;
	color: #FFFFFF;
	background-color: #FF3300;
}
.rolloversubknop {
	padding-left: 10px;
	color: #FFFFFF;
	background-color: #33CCFF;
}
.rolloverhoofdknop {
	padding-left: 10px;
	color: #FFFFFF;
	background-color: #996666;
}
.selectsubknop {
	padding-left: 10px;
	color: #FFFFFF;
	background-color: #339999;
}
.slogan {
	color: #ffff00;
	font-weight:bold;
}

.selecthoofdknop {
	padding-left: 10px;
	color: #FFFFFF;
	background-color: #00FFFF;
}

.hoofdnavgeselecteerd {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	width: 17.4em;
	border-right: 0px solid #ffffff;
	padding: 0;
	margin-bottom: 1em;
	background-color: #9cc;
	color: #333;
}

.hoofdnavgeselecteerd ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

.hoofdnavgeselecteerd ul li {
 margin: 0;
 border-bottom: 1px solid #000;
}

.hoofdnavgeselecteerd ul li {
 display: block;
 padding: 2px 2px 2px 4px;
 border-left: 0px solid #ffff00;
 border-right: 0px solid #69c;
 border-bottom: 0px solid #369;
 background-color: #fbe63d;
 color: #000000;
 text-decoration: none;
 width: 100%;
}

.hoofdnavgeselecteerd ul li {
 border-left: 0px solid #ffff00;
 border-right: 0px solid #69c;
 border-bottom: 0px solid #369;
 background-color: #000000;
 color: #fff;
}









#subnavigatie {
font-family:Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 width: 17.4em;
 border-right: 0px solid #ffffff;
 padding: 0;
 margin-bottom: 1em;
 background-color: #000000;
 color: #333;
}

#subnavigatie ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#subnavigatie ul li {
 margin: 0;
 border-bottom: 1px solid #000;
}

#subnavigatie ul li a {
 display: block;
 padding: 2px 2px 2px 4px;
 border-left: 0px solid #ffff00;
 border-right: 0px solid #69c;
 border-bottom: 0px solid #369;
 background-color: #000000;
 color: #000000;
 text-decoration: none;
 width: 100%;
}

html>body #subnavigatie ul li a {
 width: auto;
}

#subnavigatie ul li a:hover {
 border-left: 0px solid #ffff00;
 border-right: 0px solid #69c;
 border-bottom: 0px solid #369;
 background-color: #000000;
 color: #fff;
}



#menu {
float: none;
height:25px;
margin-right: 0%;
vertical-align:middle;
font-weight:bold;
	
}



/****************************************
|	classes menu
****************************************/


.geselecteerd {
display: block;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
	color: #FFFFFF;
	text-decoration: none;
	text-align:left;
	vertical-align:middle;
	padding-top: 0px;
	cursor:pointer;
	height:15px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	background-color:#000000;
	background-image: url(../images/pijl.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	padding-left:15px;
	border-bottom:1px solid #000000;
	
}



/*
.geselecteerd a {
display: block;
	padding-left:20px;
color: #ffffff;
font-weight: bold;
height:23px;
text-decoration: none;
font-weight:bold;

	background-image: url(../images/icon2.gif);
	background-repeat: no-repeat;
	background-position:  left;

}
*/

.nietgeselecteerd {
display: block;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
cursor:pointer;
text-decoration: none;
text-align:left;
padding-left:15px;
height:15px;
background-color:#fbe63d;
border-bottom:1px solid #000000;
		

}
.nietgeselecteerd A:hover, A.nietgeselecteerd:hover   {

display: block;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
	text-decoration: none;
	text-align:left;
	cursor:pointer;
	background-color:#009933;
		height:20px;
		padding-left:15px;
		border-bottom:1px solid #000000;
			background-image: url(../images/icon2.gif);
	background-repeat: no-repeat;
	background-position:  left;
}

.sub {
display: block;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#404040;
cursor:pointer;
text-decoration: none;
text-align:left;
background-color:#f5ea91;
padding-left:30px;
height:15px;
background-image: url(../images/icon4.gif);
background-repeat: no-repeat;
background-position:  left;
border-bottom:1px solid #000000;
		

}

.subrollover {
display: block;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration: none;
text-align:left;
cursor:pointer;
background-color: #009933;
border-bottom:1px solid #000000;
height:15px;
padding-left:30px;
background-image: url(../images/icon4.gif);
background-repeat: no-repeat;
background-position:  left;
		

}

.subgeselecteerd {
display: block;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #FFFFFF;
text-decoration: none;
text-align:left;
vertical-align:middle;
padding-top: 0px;
cursor:pointer;
height:15px;
padding-bottom: 0px;
margin-bottom: 0px;
background-color:#7d7878;
border-bottom:1px solid #000000;
background-image: url(../images/pijlsub.gif);
background-repeat: no-repeat;
background-position:  left;
padding-left:30px;
}

.rollover {
display: block;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
	text-decoration: none;
	text-align:left;
	cursor:pointer;
	background-color:#009933;
		height:15px;
		padding-left:15px;
		border-bottom:1px solid #000000;
			background-image: url(../images/icon2.gif);
	background-repeat: no-repeat;
	background-position:  left;
		

}
/*
.nietgeselecteerd a {
display: block;
	padding-left:19px;
	background-repeat: no-repeat;

color: #404040;
height:23px;
text-decoration: none;
font-weight:bold;
margin-top: 0px;
	background-image: url(../images/icon.gif);
	background-repeat: no-repeat;
	background-position:  left;

}

.nietgeselecteerd a:hover {

color: #404040;
display: block;
height:23px;
background-color: #e1e1e1;
font-weight:bold;
}
*/

/****************************************
|	eindmenu
****************************************/