f@charset "UTF-8";
/* CSS Document */
* {
outline:none;
}
body {
padding:0;
margin:0;
background-image:url(../images/ma-bg.png);
font-weight:normal;
font-size:12px;
font-family:Tahoma, Geneva, sans-serif;
letter-spacing:0.1em;
color:#fff;
outline:none;
}

#2 {
padding:0;
margin:0;
background:#000;
font-weight:normal;
font-size:12px;
font-family:Tahoma, Geneva, sans-serif;
letter-spacing:0.1em;
color:#fff;
outline:none;
}

#wrapper {
margin-left:auto;
margin-right:auto;
width:962px;
}

#header{
background:url(../images/headerbg.gif);
width:962px;
height:560px;
}


#headergalerij{
background:url(../images/headerbg.gif);
width:962px;
height:560px;
}

.logo {
float:left;
margin-top:-4px;
margin-left:27px;
width:450px;
}

#menu {
margin-left:50px;
margin-top:10px;
float:left;
list-style:none;
padding:0px;
}

		#menu li{overflow:hidden; text-indent:-9999px; display:inline; float:left;}
			#menu li a{background:url('../images/menu.png') no-repeat; width:100%; height:150px; display:block;}
			
			/* Home Button */
			#menu li.home{width:87px; height:150px;}
				#menu li.home a{background-position:0px 0px;}
				#menu li.home a:hover{background-position:0px -174px;}
		    	#menu li.home a:active{background-position:0px -174px;}
				#menu li.home a.selected{background-position:0px -350px;}
			
			/* About Button */
			#menu li.about{width:114px; height:150px;}
				#menu li.about a{background-position:-87px 0px;}
				#menu li.about a:hover{background-position:-87px -174px;}
				#menu li.about a:active{background-position:-87px -174px;}
				#menu li.about a.selected{background-position:-87px -350px;}
				
				#menu li.galerij{width:92px; height:150px;}
				#menu li.galerij a{background-position:-203px 0px;}
				#menu li.galerij a:hover{background-position:-203px -174px;}
				#menu li.galerij a:active{background-position:-203px -174px;}
				#menu li.galerij a.selected{background-position:-203px -350px;}
				
			/* Contact Button */
			#menu li.contact{width:106px; height:150px;}
				#menu li.contact a{background-position:-295px 0px;}
				#menu li.contact a:hover{background-position:-295px -174px;}
				#menu li.contact a:active{background-position:-295px -174px;}
				#menu li.contact a.selected{background-position:-295px -350px;}

.headerimage{
float:left;
width:896px;
height:320px;
border:6px solid #fff;
margin-left:27px;
margin-top:10px;
overflow:hidden;
}

#main {
width:962px;
height:633px;
overflow:hidden;
background:url(../images/main_entree_bg.gif);
z-index:0;

}

#main2 {
width:962px;
min-height:633px;
height:auto;
overflow:hidden;
background:url(../images/main_2_bg.gif) no-repeat;
z-index:0;

}

#main_galerij {
width:962px;
height:600px;
overflow:hidden;
background:url(../images/main_galerij_bg.gif) no-repeat;
z-index:0;

}

#main_kwaliteit {
width:962px;
height:600px;
overflow:hidden;
background:url(../images/main_kwaliteiten_bg.gif) no-repeat;
z-index:0;

}


#left{
float:left;
width:592px;
margin-left:26px;
}

#left h1{
margin-top:25px;
margin-left:20px;
float:left;
font-size:18px;
font-weight:bold;
width:530px;
}

#tekst {
float:left;
margin-left:20px;
margin-top:20px;
padding-right:30px;
min-height:400px;
height:auto;
overflow:hidden;
}

#tekst_cappuccino{
float:left;
height:600px;
margin-left:20px;
margin-top:20px;
padding-right:30px;
}

#left_kwaliteit{
float:left;
width:592px;
margin-left:26px;
}

#left_kwaliteit h1{
margin-top:37px;
margin-left:20px;
float:left;
font-size:18px;
font-weight:bold;
width:530px;
}

#tekst_kwaliteit {
float:left;
margin-left:20px;
margin-top:20px;
width:540px;
overflow:hidden;
}


#kunstjournaal{
float:left;
margin-top:10px;
margin-left:20px;
z-index:2;
width:592px;

}

#right{
float:left;
width:319px;
height:650px;
}


#right_kwaliteit{
float:left;
width:319px;
}

#vragen{
float:left;
width:280px;
margin-top:30px;
margin-left:34px;
}

#right_kwaliteit form{
margin-top:8px;
}

#vraagform, #form2{
list-style-type:none;
margin-top:10px;
}

#vraagform, #form2{
padding:3px;
}

#vraagform li, #form2 li{
padding-top:2px;
padding-bottom:2px;
}
#form2 em {
color:#8cc63f;	
}

#form2  li.special {display:none;}
#form2 .verstuur{
padding-top:15px;
}

.kunstenaarblock{
float:left;
width:300px;
height:600px;
overflow:hidden;
margin-top:20px;
}
.gesprek{
float:left;
margin-left:23px;
margin-bottom:2px;
}
.kunstenaarvraag{
float:left;
margin-left:30px;
margin-top:18px;
}

.referentieicon{
float:left;
margin-left:30px;
margin-top:5px;
}

.contacticon{
float:left;
margin-left:30px;
margin-top:15px;
}

#referentie h1{
margin-top:0px;
font-size:16px;
font-weight:normal;
}

.gesprekblock{
float:left;
width:344px;
height:241px;
overflow:hidden;
margin-top:20px;
}

.nieuwstekst{
clear:both;
padding-left:35px;
padding-right:50px;
height:80px;
overflow:hidden;
margin-bottom:7px;
padding-top:10px;
}
.gesprekblock img{
width:85px;
height:85px;
border:1px solid #fff;
padding:1px;
float:left;
margin-left:35px;
margin-top:10px;
margin-bottom:5px;
}

.titel{
float:left;
display:inline;
height:85px;
width:200px;
margin-top:0px;
margin-bottom:10px;
margin-left:10px;

}
.gesprekblock h1{
font-size:12px;

}

.gesprekblock h2{
font-size:12px;
font-weight:normal;
font-style:italic;
}


.gesprekblock a {
color:#fff;
text-decoration:none;
padding-left:35px;
}


.kunstquote {
float:left;
margin-left:23px;
margin-top:12px;}

.kunstquoteblock {
float:left;
width:344px;
height:127px;
margin-top:10px;
}

.kunstquoteblock p {
padding-left:35px;
padding-right:50px;
font-style:italic;
font-size:13px;
padding-top:15px;
}

.bywhom{
padding-top:10px;
padding-left:35px;	

}

.kunstliefhebbers {
float:left;
width:344px;
height:110px;
margin-top:13px;
}


.righttekst{
width:300px;
padding-top:20px;
}

#tools{
float:left;
margin-top:40px;
height:110px;
overflow:hidden;
width:300px;
padding-left:35px;
padding-right:20px;
}

#referentie{
float:left;
margin-top:30px;
height:70px;
overflow:hidden;
width:300px;
padding-left:35px;
padding-right:20px;
}

#contact{
float:left;
margin-top:30px;
width:300px;
padding-left:35px;
padding-right:20px;
}


#contact a{
text-decoration:none;
color:#fff;
}

.gespreksgeschiedenisblock{
margin-top:10px;
width:500px;
height:135px;
overflow:hidden;
float:left;
padding-top:30px;

}

.gespreksgeschiedenisblock a{
color:#fff;
text-decoration:none;}

.gespreksgeschiedenisblock img{
float:left;
display:inline;
border:1px solid #fff;
padding:1px;}

.geschiedenistekst{
float:left;
margin-left:25px;
width:300px;
}


#contact-form{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
}

#contact {
list-style-type:none;
}

#contact-form label{
float:left;	
padding-top:10px;
padding-bottom:7px;
width:100px;
margin-right:50px;

}
#contact-form input{
width:200px;	
margin-top:10px;
margin-bottom:10px;
padding:2px;
}

#contact-form textarea{
width:200px;	
margin-top:10px;
margin-bottom:10px;
padding:5px;
}


#contact-form em {
color:#8cc63f;	
}

#contact-form ul {list-style-type:none;}
#contact-form li {list-style-type:none;}
#contact-form li.special {display:none;}

#contact-form .button {
margin-top:15px;
width:125px;
}


.message2 {
color:#8cc63f;
float:left;

}

.message3 {
color:#8cc63f;
font-weight:normal;
font-size:11px;
}
.message li {
list-style:none;
}


#navigatie{
width:962px;
height:130px;

}
#slidingbar {
width:918px;
height:130px;
background-image:url(../images/slidingbar_kwaliteiten.gif);
margin-left:21px;
margin-top:0px;
}


#nav li {
float:left;
}

#nav img{
border:0px;
}


#nav {
margin-top:20px;
float:left;
list-style:none;
padding:0px;
}

		#nav li{overflow:hidden; text-indent:-9999px; display:inline; float:left;}
			#nav li a{background:url('../images/kwaliteiten-nav.jpg') no-repeat; width:100%; height:87px; display:block;}
			
			/* Home Button */
			#nav li.marketing{width:147px; height:87px; border:1px solid #8cc63f; margin-left:28px;}
				#nav li.marketing a{background-position:0px 0px;}
				#nav li.marketing a:hover{background-position:0px -87px;}
				#nav li.marketing a.selected{background-position:0px -87px;}
			
			/* design Button */
			#nav li.design{width:147px; height:87px;  border:1px solid #8cc63f; margin-left:28px;}
				#nav li.design a{background-position:-147px 0px;}
				#nav li.design a:hover{background-position:-147px -87px;}
				#nav li.design a.selected{background-position:-147px -87px;}
				
				#nav li.webdevelopment{width:147px; height:87px;  border:1px solid #8cc63f; margin-left:28px;}
				#nav li.webdevelopment a{background-position:-294px 0px;}
				#nav li.webdevelopment a:hover{background-position:-294px -87px;}
				#nav li.webdevelopment a.selected{background-position:-294px -87px;}
				
			/* Contact Button */
			#nav li.multimedia{width:147px; height:87px;  border:1px solid #8cc63f; margin-left:28px;}
				#nav li.multimedia a{background-position:-441px 0px;}
				#nav li.multimedia a:hover{background-position:-441px -87px;}
				#nav li.multimedia a.selected{background-position:-441px -87px;}
				
				
	#nav li.reclame{width:147px; height:87px;  border:1px solid #8cc63f; margin-left:28px;}
				#nav li.reclame a{background-position:-588px 0px;}
				#nav li.reclame a:hover{background-position:-588px -87px;}
				#nav li.reclame a.selected{background-position:-588px -87px;}

#projectfotos{
margin-top:25px;
width:590px;
height:80px;
overflow:hidden;
}

#projectfotos img{
float:left;
border:1px solid #8cc63f;
padding:1px;
margin:5px;}



#footernav li {
float:left;
}

#footernav img{
border:0px;
}


#footernav {
list-style:none;
padding:0px;
margin-top:25px;
}

		#footernav li{overflow:hidden; text-indent:-9999px; display:inline; float:left;}
			#footernav li a{background:url('../images/footer_rechts_icons.png') no-repeat; width:100%; height:50px; display:block;}
			
			#footernav li.artists{width:80px; height:50px;}
				#footernav li.artists a{background-position:-24px -10px;}
				#footernav li.artists a:hover{background-position:-24px -88px;}
			
			#footernav li.twitter{width:78px; height:50px; }
				#footernav li.twitter a{background-position:-110px -10px;}
				#footernav li.twitter a:hover{background-position:-110px -88px;}

				
				#footernav li.kunstjournaal{width:	50px; height:50px;  }
				#footernav li.kunstjournaal a{background-position:-210px -10px;}
				#footernav li.kunstjournaal a:hover{background-position:-210px -88px;}
	
				
			#footernav li.galerij{width:65px; height:50px;  }
				#footernav li.galerij a{background-position:-280px -10px;}
				#footernav li.galerij a:hover{background-position:-280px -88px;}
				
				
	#footernav li.rss{width:40px; height:50px; }
				#footernav li.rss a{background-position:-370px -10px;}
				#footernav li.rss a:hover{background-position:-370px -88px;}



#footer{
width:962px;
height:100px;
background:url(../images/footer_bg.gif);
}

#footer-left{
	float:left;
	margin-top:35px;
	margin-left:40px;
	margin-bottom:10px;
	color:#fff;
	width:550px;

}

#footer-right{
	float:right;
	margin-right:10px;
	margin-bottom:10px;
}

#footer a {
color:#fff;
text-decoration:none;
}

#vlaggen {
z-index:2;
position:relative;
list-style:none;
padding:0px;
}

		#vlaggen li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-left:10px;}
			#vlaggen li a{background:url('../images/vlaggen.png') no-repeat; width:100%; height:25px; display:block;}
			
			/* Home Button */
			#vlaggen li.nl{width:35px; height:25px;}
				#vlaggen li.nl a{background-position:-40px 0px;}
				#vlaggen li.nl a:hover{background-position:-40px -53px;}
		    	#vlaggen li.nl a:active{background-position:-40px -53px;}
				#vlaggen li.nl a.selected{background-position:-40px -53px;}
			
			/* About Button */
			#vlaggen li.eu{width:35px; height:25px;}
				#vlaggen li.eu a{background-position:0px 0px;}
				#vlaggen li.eu a:hover{background-position:0px -52px;}
				#vlaggen li.eu a:active{background-position:0px -52px;}
				#vlaggen li.eu a.selected{background-position:0px -52px;}

#tekst a {
font-weight:bold;
text-decoration:none;
color:#fff;	
}