/* CSS Document */
*{margin:0;padding:0;}
a img{border:none;}
body{overflow-y:hidden;overflow-x:auto;font-family:Courier, monospace;font-size:11px;}
#container{height:620px;width:965px;margin:0 0 0 15px;}
#page{height:600px;width:965px;position:fixed;border-bottom:1px solid #B7B7B7;}

h2{background-color:#D15340;color:#FFF;font-size:11px;float:left;clear:both;line-height:18px;height:18px;margin:8px 0 8px 0;padding:0 5px;font-variant:small-caps;}
.pagina h2 {background-color:#342B2B}


/* GEEF de h2 in de html een naam (ie: h2 id="janette" ) en geef dan hieronder een achtergrondkleur op 
(ie: h2#janette {background-color:green;}  */


h2#janette {background-color:#4c851e;}
h2#contact {background-color:#8c423e;}

h3#interieur_1 {background-color:#d2323e;}
h3#interieur_2 {background-color:#73c300;}

h3#product_1 {background-color:#f84ad0;}
h3#product_2 {background-color:#d2323e;}
h3#product_3 {background-color:#fd4000;}
h3#product_4 {background-color:#765641;}
h3#product_5 {background-color:#30315f;}

h3#foto_1 {background-color:#fb612b;}
h3#foto_2 {background-color:#4b6c37;}
h3#foto_3 {background-color:#f00f6d;}
h3#foto_4 {background-color:#342b2b;}

h3#communicatie_1 {background-color:#eb0100;}
h3#communicatie_2 {background-color:#73c300;}
h3#communicatie_3 {background-color:#889404;}
h3#communicatie_4 {background-color:#8c423e;}

h3#prognose_1 {background-color:#666666;}
h3#prognose_2 {background-color:#cc9900;}

h3#afstuderen_1 {background-color:#b1625b;}
h3#afstuderen_2 {background-color:#617a1e;}
h3#afstuderen_3 {background-color:#d37c12;}
h3#afstuderen_4 {background-color:#30315f;}
h3#afstuderen_5 {background-color:#4b6c37;}
h3#afstuderen_6 {background-color:#8c423e;}


#identity{position:absolute;width:369px;height:45px;background:url(afb/logo.png);top:530px;right:10px;}
#identity *{display:none;}
p{float:none;clear:both;}
.menu ul{overflow:hidden;float:none;clear:both;}
.menu li{float:left;list-style:none;}

#content{width:530px;height:145px;}
#visuals{min-width:950px;height:380px;margin-top:15px;}

#main-menu{height:38px;padding:15px 0 0 0;}
#main-menu a{background:url(afb/navigatie_03.png) no-repeat;display:block;height:38px;width:107px;margin:0 10px 0 0}

li#main-menu-home a{background-position:-2px 0;width:107px}
li#main-menu-janette a{background-position:-119px 0;width:166px}
li#main-menu-portfolio a{background-position:-298px 0;width:203px}
li#main-menu-blog a{background-position:-515px 0;width:97px}
li#main-menu-contact a{background-position:-627px 0;width:172px}

li#main-menu-home a:hover, li#main-menu-home a.active{background-position:-2px -38px;}
li#main-menu-janette a:hover, li#main-menu-janette a.active{background-position:-119px -38px;}
li#main-menu-portfolio a:hover, li#main-menu-portfolio a.active{background-position:-298px -38px;}
li#main-menu-blog a:hover, li#main-menu-blog a.active{background-position:-515px -38px;}
li#main-menu-contact a:hover, li#main-menu-contact a.active{background-position:-627px -38px;}

#main-menu li a span{display:none;}

#portfolio-menu{height:10px;margin-top:12px;}
#portfolio-menu li a{display:block;font-family:Tahoma,sans; font-size:13px;font-weight:bold;color:#bfbfbf;margin-right:18px;text-decoration:none;}
#portfolio-menu li a.active, #portfolio-menu li a:hover{color:#342B2B}


#portfolio-categories h2, #portfolio-categories p{display:none;} 


.hasjs ol.portfolio-categorie li.project{display:none;}


div.pagina img, #home-flash{height:380px;margin-right:10px;position:absolute;top:15px;left:0;}

div.pagina li img, #home-flash img{position:relative;top:0;}

.flash-replaced .alt{display:none;}

ul#portfolio-categories, ul.fotoserie{overflow:hidden;float:left;clear:both;position:absolute;top:15px;display:table;}
ul#portfolio-categories li, ul.fotoserie li{display:table-cell;overflow:hidden;padding-right:10px;}

.portfolio-categorie p{position:fixed;top:524px;left:15px;width:515px;}
.portfolio-categorie h3{position:fixed;top:498px;left:15px;background-color:#D15340;color:#FFF;font-size:11px;float:left;clear:both;line-height:18px;height:18px;font-variant:small-caps;padding:0 5px;}

#category-nav {position:absolute;top:498px;right:15px;}
#category-nav a.current{text-decoration:none;font-weight:bold;}
#category-nav span{font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
#category-nav a{margin:0 0 0 8px;color:#332A2B;text-decoration:none;font-family:Arial, Helvetica, sans-serif}

/* reserva 

ol.projecten {float:left;}
ol.projecten{display:table;}
ol.projecten li img{height:380px;margin-right:10px;}
ol.projecten li h3{display:none;}
ol.projecten li p{display:none;}

ul#portfolio-beeldmenu{overflow:hidden;float:none;clear:both;position:absolute;top:15px;display:table;}
ul#portfolio-beeldmenu li{display:table-cell;}
ul#portfolio-beeldmenu li a img{position:static}



.hasjs ul#projecten{display:none;}
.hasjs #project-text{display:none;}

.hasjs ul#projecten li p,
.hasjs ul#projecten li h2,
.hasjs ul#projecten li h3{display:none;}

#page #category-nav li a{color:#000;}
#page #category-nav{position:absolute;right:10px;top:480px;}
ul.fotoserie li{display:table-cell;}

*/