/* CSS Document */

html{
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
}

body{
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; 
/*	text-align: center; ga problemen in IE7 */
	color: #7c7c7c; 
	background-color: #fff;
}



p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
}

a {text-decoration: none; color: #7c7c7c; outline: none;}
a:hover {color: #10cdcf;}
a:active {color: #10cdcf;}
a:focus {color: #10cdcf;}
a.actief {color: #10cdcf;}

#siteframe{
	position:relative; /* needed for footer positioning*/
	color:#7c7c7c;
	background-color: #fff;
	margin: 0 auto;
	width: 840px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}


#header {
	padding-top: 1.7em;
}

#spacer {
	position: relative;
	margin-top: 4em;
}

#sitelogo {
	display: inline;
}

#EK {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#EK a img {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	outline: none;
	border: none;
	/*text-transform: uppercase;*/
}
#navigation {	
	display: block;
	float: left;
	width: 100%;
	height: 40px;
	font-size: 1em;
	z-index: 80;
	background-color: #FFF;
	text-align: center;
	margin: 0;
	padding: 0;
}	
	
#navigation a {	
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	outline: none;
}	
	
	
#navigation a img {	
	padding: 0px;
	margin: 0px;
	color: #404040;
	text-decoration: none;
	outline: none;
	background-image: url(../plaatjes/knop_fotografie_1.png);
	background-repeat: no-repeat;
	border-width: 0;
	border-style: none;
}	
	
#navigation a#fotografie img{	
	background-image: url(../plaatjes/knop_fotografie_1.png);
}	
#navigation a#toegepastwerk img{	
	background-image: url(../plaatjes/knop_toegepastwerk_1.png);
}	
#navigation a#informatie img{	
	background-image: url(../plaatjes/knop_informatie_1.png);
}	
#navigation a#actueel img{	
	background-image: url(../plaatjes/knop_actueel_1.png);
}	
	
#navigation a#fotografie img:visited{	
	background-image: url(../plaatjes/knop_fotografie_1.png);
}	
#navigation a#toegepastwerk img:visited{	
	background-image: url(../plaatjes/knop_toegepastwerk_1.png);
}	
#navigation a#informatie img:visited{	
	background-image: url(../plaatjes/knop_informatie_1.png);
}	
#navigation a#actueel img:visited{	
	background-image: url(../plaatjes/knop_actueel_1.png);
}	
	
#bfotografie a#fotografie img{	
	background-image: url(../plaatjes/knop_fotografie_4.png);
}	
#btoegepastwerk a#toegepastwerk img{	
	background-image: url(../plaatjes/knop_toegepastwerk_4.png);
}	
#binformatie a#informatie img{	
	background-image: url(../plaatjes/knop_informatie_4.png);
}	
#bactueel a#actueel img{	
	background-image: url(../plaatjes/knop_actueel_4.png);
}	
	
	
	
#navigation a#fotografie img:hover{	
	background-image: url(../plaatjes/knop_fotografie_2.png);
}	
#navigation a#toegepastwerk img:hover{	
	background-image: url(../plaatjes/knop_toegepastwerk_2.png);
}	
#navigation a#informatie img:hover{	
	background-image: url(../plaatjes/knop_informatie_2.png);
}	
#navigation a#actueel img:hover{	
	background-image: url(../plaatjes/knop_actueel_2.png);
}	
#bfotografie a#fotografie img:hover{	
	background-image: url(../plaatjes/knop_fotografie_4.png);
}	
#btoegepastwerk a#toegepastwerk img:hover{	
	background-image: url(../plaatjes/knop_toegepastwerk_4.png);
}	
#binformatie a#informatie img:hover{	
	background-image: url(../plaatjes/knop_informatie_4.png);
}	
#bactueel a#actueel img:hover{	
	background-image: url(../plaatjes/knop_actueel_4.png);
}	
	
#navigation a#fotografie img:focus{	
	background-image: url(../plaatjes/knop_fotografie_4.png);
}	
#navigation a#toegepastwerk img:focus{	
	background-image: url(../plaatjes/knop_toegepastwerk_4.png);
}	
#navigation a#informatie img:focus{	
	background-image: url(../plaatjes/knop_informatie_4.png);
}	
#navigation a#actueel img:focus{	
	background-image: url(../plaatjes/knop_actueel_4.png);
}	
	
#navigation a#fotografie img:active{	
	background-image: url(../plaatjes/knop_fotografie_3.png);
}	
#navigation a#toegepastwerk img:active{	
	background-image: url(../plaatjes/knop_toegepastwerk_3.png);
}	
#navigation a#informatie img:active{	
	background-image: url(../plaatjes/knop_informatie_3.png);
}	
#navigation a#actueel img:active{	
	background-image: url(../plaatjes/knop_actueel_3.png);
}	

#content
{
	display: block;
	clear: left;
	padding-bottom:2.6em;
} 

#text_left {
	position: relative; 
	text-align: left; 
	text-decoration: none; 
	padding-left: 60px;
}

#text_center {
	position: relative;
	text-align: center;
	text-decoration: none;
}

.float_right
{
float: right;
margin: 0 0 10px 10px;
padding: 10px;
}

.float_none
{
	float: none;
	padding: 10px;
}

.float_left
{
	float: left;
	padding: 10px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.expo
{
	font-size: 0.8em; 
}

#submenu {
	display: block;
	float: left;
	width: 100%;
	text-align: left;
	height: 2.6em;
	margin:0;
	font-size: 0.8em;
	padding-top: 0.5em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 54px;
}

#submenu a {
	margin: 0px 7px 1px; 
	color: #7c7c7c; 
	background: #fff;
	border-width: 0; 
	text-decoration: none;
    outline: none;
}

#submenu a:hover {color: #10cdcf; background: #fff;}
#submenu a:active {color: #10cdcf; background: #fff;}
#submenu a:focus {color: #10cdcf; background: #fff;}

#bfotografie a#selsubmenu{color:#404040;background:#4ceff6}
#btoegepastwerk a#selsubmenu{color:#404040;background:#41e6ec;}
#binformatie a#selsubmenu{color:#404040;background:#57dce1}


#artmenu {position: relative; top: 0px; left: 0; width: 350px; float: left; padding: 0px 0px; margin: 0 0 0 0; z-index: 100;}
#artmenu a {display: block; text-align: left; padding: 0px 0px 0px 60px ; margin: 0 0 1px; border-width: 0;}
#artmenu a img {height: 0; width: 0; border-width: 0;}
#artmenu a:hover img {position: absolute; top: 0px; left: 0px; height: 50px; width: 50px;}

#artwork {position: relative; top: 0px; left: 0;width: 480px;margin-left: 354px;z-index: 50;}
#artworkinfo {position: relative; top: 3px; font: 0.7em Verdana, Arial, Helvetica, sans-serif; text-align: left; text-decoration: none; color: #7c7c7c;}


#footer {
	position:absolute;
	background: #fff;
	width:100%;
	bottom:0; /* stick to bottom */
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	height: 2.6em;
	margin: 0px;
	font-size: 0.6em;
	padding: 0px;
}