/* specifieke css voor de homepage */

body {margin:0;font-family: Verdana, Arial, sans-serif;font-size:0.7em;line-height:1.4em;}
a img {border:0;}

/* hoofdingangen */
#hoofdmenu {position:absolute;left:240px;top:88px;}
#hoofdmenu a {display:block;float:left;width:155px;margin-right:5px;color: black;text-decoration:none;background:url(/img/pijl-zwart.png) -5px 229px no-repeat;}
#hoofdmenu a img {width:149px;height:228px;margin-bottom:2px;}
#hoofdmenu a strong {padding-left:12px;}

a#staal:hover, a#staal:active {color:#20ae2d;background:url(/img/pijl-4.png) -5px 229px no-repeat;}
a#glas:hover, a#glas:active {color:#265b9e;background:url(/img/pijl-3.png) -5px 229px no-repeat;}
a#brug:hover, a#brug:active {color:#7c2b9a;background:url(/img/pijl-2.png) -5px 229px no-repeat;}
a#verkeer:hover, a#verkeer:active {color:#e8343c;background:url(/img/pijl-1.png) -5px 229px no-repeat;}

#hoofdmenu2 {position:absolute;left:240px;top:305px;}
#hoofdmenu2 a {display:block;float:left;width:155px;margin-right:5px;color: black;text-decoration:none;background:url(/img/pijl-zwart.png) -5px 2px no-repeat;}
#hoofdmenu2 a img {width:149px;height:228px;margin-bottom:2px;}
#hoofdmenu2 a strong {padding-left:12px;}

a#staal2:hover, a#staal2:active {color:#20ae2d;background:url(/img/pijl-4.png) -5px 2px no-repeat;}
a#glas2:hover, a#glas2:active {color:#265b9e;background:url(/img/pijl-3.png) -5px 2px no-repeat;}
a#brug2:hover, a#brug2:active {color:#7c2b9a;background:url(/img/pijl-2.png) -5px 2px no-repeat;}
a#verkeer2:hover, a#verkeer2:active {color:#e8343c;background:url(/img/pijl-1.png) -5px 2px no-repeat;}



/* actueel */
#actueel {position:absolute;left:80px;width:185px;top:322px;}
#actueel a {padding-left:12px;font-weight:bold;text-decoration:none;color:#ea8400;background:url(/img/pijl-5.png) -5px -2px no-repeat;}
#actueel a:hover, #actueel a:active {color:black;background:url(/img/pijl-zwart.png) -5px -2px no-repeat;}

/* tijdelijke linked-in knop */
#sml {position:absolute;left:80px;top:431px;}

/* adresblokje */
#adres {position:absolute;left:80px;top:464px;}
#adres a {text-decoration:none;color: black;}
#adres a.p {padding-left:12px;background:url(/img/pijl-zwart.png) -5px -2px no-repeat;}
#adres a.p:hover, #adres a.p:active {color:#ea8400;background:url(/img/pijl-5.png) -5px -2px no-repeat;}

/* thumbnails */
#projecten {position:absolute;left:250px;top:464px;
width:640px;height:120px;overflow:hidden;z-index:10;}
#projecten p {font-weight:bold;margin:0;padding:0 0 5px 0;}
#projecten a img {border:0;margin-right:10px;width:70px;height:70px;}

/* thumbnails voor opmaak met animatie -> index2.php*/
#projecten2 {position:absolute;left:320px;top:464px;
width:640px;height:120px;overflow:hidden;z-index:10;}
#projecten2 p {font-weight:bold;margin:0;padding:0 0 5px 0;}
#projecten2 a img {border:0;margin-right:10px;width:70px;height:70px;}


/* slideshow */
#SLIDESTEXT {position:absolute;left:320px;top:318px;width:640px;height:240px;z-index:1;}
#SLIDESIMG {position:absolute;left:320px;top:88px;width:630px;height:230px;z-index:2;}

#SLIDESTEXT a {padding:12px 0 0 0;display:block;float:left;width:150px;height:225px;margin-right:10px;color: black;text-decoration:none;}
#SLIDESTEXT a strong {display:block;font-size:18px;line-height:16px;margin-bottom:5px;}

#SLIDESTEXT a.exp4:hover, #SLIDESTEXT a.exp4:active, #SLIDESTEXT a.exp4a {color:#20ae2d;background:#e5e5e5 url(/img/home/pijl-4.png) 125px 10px no-repeat;}
#SLIDESTEXT a.exp3:hover, #SLIDESTEXT a.exp3:active, #SLIDESTEXT a.exp3a {color:#265b9e;background:#e5e5e5 url(/img/home/pijl-3.png) 125px 10px no-repeat;}
#SLIDESTEXT a.exp2:hover, #SLIDESTEXT a.exp2:active, #SLIDESTEXT a.exp2a {color:#7c2b9a;background:#e5e5e5 url(/img/home/pijl-2.png) 125px 10px no-repeat;}
#SLIDESTEXT a.exp1:hover, #SLIDESTEXT a.exp1:active, #SLIDESTEXT a.exp1a {color:#e8343c;background:#e5e5e5 url(/img/home/pijl-1.png) 125px 10px no-repeat;}

/* belofte */
#bl {position:absolute;left:80px;top:88px;}
#bnr {position:absolute;left:80px;top:258px;}