@charset "utf-8";
/* CSS Document 
kunsteboer 2010
william van de velde 
Groningen
rood:#E3010F
groen: #B9D300
geel: #fee500
*/
body{
background-image:url(images/achtergrond.jpg);
padding:0;
margin:0;
}
#alles{
background-image:url(images/kunsteboer4.jpg);
background-repeat:no-repeat;
width:850px;
height:1120px;
margin-left:auto;
margin-right:auto;
border:#000000 solid 1px;
border-top:none;
position:relative;
}
#alles2{
background-color:#B9D300;
width:850px;
margin-left:auto;
margin-right:auto;
border:#000000 solid 1px;
border-top:none;
background-image:url(images/snoopy.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}
#container{
background-image:url(images/groen-rood-groen.gif);
background-repeat:repeat-y;
background-position:left;
}
#top{
height:27px;
/*text-indent:-9999px;*/
text-align:center;
background-color:#B9D300;
letter-spacing:0.2em;}
#top a{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:none;
}
#top a:hover{
color:#FF0000;
text-decoration:underline;}
/*------------------------------hier de linkerkant-----------------*/
#links{
/*margin-top:27px; zit nu op de container, werkt beter*/
width:182px;
float:left;
background-image:url(images/groen-rood-groen.gif);
background-repeat:repeat-y;
/*height:442px; voor franse was rode vlak te klein*/
height:447px;
position:relative;}
#links #ster{
position:absolute;
top:150px;
background-image:url(images/ster-alles-is-mogelijk2.gif);
background-repeat:no-repeat;
background-position:right;
height:115px;
width:182px;
}
#links #ster-frans{
position:absolute;
top:150px;
background-image:url(frans/possible.gif);
background-repeat:no-repeat;
background-position:right;
height:115px;
width:182px;
}
#links #ster-engels{
position:absolute;
top:150px;
background-image:url(engels/possible.gif);
background-repeat:no-repeat;
background-position:right;
height:115px;
width:182px;
}
#kop{
font-family:Arial, Helvetica, sans-serif;
color:#E3010F;
font-size:135%;
font-weight:bold;
text-align:center;
}
#inhoud{
padding-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
line-height:130%;
}
#links  h2{
text-indent:-9999px;
}
#links #linkjes{
	position:absolute;
	top:278px;
	color:#fee500;
	}
#linkjes ul li a{
color:#fee500;
text-decoration:none;
}
#linkjes a:hover{
border-bottom:solid 1px #fee500;
}
/*#links2 #linkjes a{
color:#fee500;
text-decoration:none;
}
#links2 #linkjes a:hover{
border-bottom:solid 1px #fee500;
}*/
#links #linkjes ul{
padding-right:30px;
line-height:120%;
list-style:none;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif, "Myriad Pro";
font-weight:bold;
font-variant:small-caps;
font-size:90%;}
#logo-kunsteboer{
background-repeat:no-repeat;
background-position:top right;
height:87px;
text-indent:-9999px;}
#logo-kunsteboer h1{
padding:0;
margin:0;}

/*-------------------------------links voor de rest---------------*/

#links2{
/*margin-top:27px; zit nu op de container, werkt beter*/
background-image:url(images/groen-rood-groen.gif);
background-repeat:repeat-y;
width:182px;
float:left;
position:relative;}
#links2 #ster{
position:absolute;
top:150px;
/*background-image:url(images/telefoon-extra-pixel.gif);*/
background-repeat:no-repeat;
background-position:right;
height:115px;
width:182px;
}
#links2  h2{
text-indent:-9999px;
}
#links2 #linkjes{
	position:absolute;
	top:278px;
	color:#fee500;
}
#links2 #linkjes ul{
padding-right:30px;
line-height:120%;
list-style:none;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif, "Myriad Pro";
font-weight:bold;
font-variant:small-caps;
font-size:90%;}
#logo-kunsteboer{
background-repeat:no-repeat;
background-position:top right;
height:87px;
text-indent:-9999px;}
#logo-kunsteboer h1{
padding:0;
margin:0;}
/*------------Hier de rechterkant----------*/
#rechts{
/*hier staat alleen tekst voor de spiders en screenreaders*/
text-indent:-9999px;
}

#rechts2{
width:477px;
background-color:#FFFFFF;
margin-left:200px;
padding:20px;}

#footer{
height:27px;
clear:both;
padding:0.2em;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#FFFFFF;
letter-spacing:0.4em;}

#inhoud p a{
color:#E3010F;
font-weight:bold;
text-decoration:none;
font-size:100%;
}
#inhoud p a:hover{
border-bottom:solid 1px #E3010F;
}
.kopje{
color:#E3010F;
font-weight:bold;
font-size:100%;
}
/*------------fotos--------------*/
#rechts3{
width:517px;
background-color:#FFFFFF;
margin-left:200px;
padding-top:20px;
}
#fotoinhoud{
text-align:center;
padding-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-variant:small-caps;
}
#fotoinhoud ul{
list-style:none;
margin:0;
padding:0;
text-align:center;
}
#fotoinhoud ul li{
display:inline;
padding:2px;
/*border-left:#E3010F 1px solid;*/}
#fotoinhoud ul li a{
color:#E3010F;
font-size:75%;
text-decoration:none;}
#fotoinhoud ul li a:hover{
color:#E3010F;
border-bottom:solid 1px #E3010F;
}
#rechts4{
width:517px;
background-color:#000000;
margin-left:200px;
padding-top:20px;
}
#fotoinhoud{
text-align:center;
padding-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-variant:small-caps;
}
#rechts4 #kop{
font-family:Arial, Helvetica, sans-serif;
color:#fee500;
font-size:135%;
font-weight:bold;
text-align:center;
}
p.inzet{
padding:1em 1.5em;
font-size:80%;
border:#999999 thin solid;}
#ffooter{
text-align:center;
	position:absolute;
	bottom:2px;
	background-color:#FFFFFF;
	width:790px;
	margin-left:auto;
	margin-right:auto;
	height:80px;
	border-left:#B9D300 30px solid;
	border-right:#B9D300 30px solid;
	border-bottom:#B9D300 10px solid;
	left: 0;
	padding-top:20px;
}
.twitter{
width:100px;
float:left;}
fb-like{
width:200px;}
#apDiv2{
padding:2em;
border:#FF0000 1px solid;
}