@charset "UTF-8";
/* CSS Document */


/*
kleuren:
achtergrond_body=#474747
achtergrond_web=#60655F
achtergrond_printed_media=#AB9675
achtergrond_productie=#CF8442
achtergron_contact=#FFE0C9
achtergrond_content=#D4CCBA
web in webnotes=#828FA6
notes in webnotes=#B4BCCA
hoofdmenu=#CF8442
submenu=#FFE0C9
*/

html {margin:0; height:100%}
body {margin:0; height:100%; background-color:#474747; font-family:Verdana, Arial, Helvetica, sans-serif}
img {border:0}

/*scherm altijd 950px breed gecentreerd*/
#fixwidth { margin:0 auto; width:950px; position:relative;}

/*logo staat bovenaan*/
#logo {position:relative; left:0px;  width:188px; height:44px; margin-bottom:5px; }

/*buttons*/
#buttons {float:left; width:410px; clear:none;}
.button, .buttonselected {float:left; width:200px; height:200px; margin-right:5px; margin-bottom:5px;}

#web {background-color:#60655F;}
#print {background-color:#AB9675;}
#production {background-color:#CF8442;}
#contact {background-color:#FFE0C9;}

#web a, #print a, #production a, #contact a {width:196px; height:196px; display:block; text-indent:-3000px; margin:2px;}
#print a.selected, #production a.selected, #contact a.selected {border:2px solid #bbb; margin:0px;}
#web a.selected {border:2px solid #999; margin:0px;}



#web a{background-image:url(../pictures/button_web.png);}
#web a:hover {background-image:url(../pictures/button_web_hover.png)}


#print a{background-image:url(../pictures/button_print.png);}
#print a:hover {background-image:url(../pictures/button_print_hover.png)}

#production a{background-image:url(../pictures/button_production.png);}
#production a:hover {background-image:url(../pictures/button_production_hover.png)}

#contact a{background-image:url(../pictures/button_contact.png);}
#contact a:hover {background-image:url(../pictures/button_contact_hover.png)}


/*navigation onder buttons*/
#navigation {float:left; width:400px; clear:left; font-size:14px;}
#navigation .mainnav {margin-top:20px;}
#navigation .mainnav_selected {background-color:#fff;}
#navigation .mainnav a {color:#CF8442; text-decoration:none}
#navigation .subnav {height:20px; position:relative; left:40px;}
#navigation .subnav a {color:#FFE0C9; text-decoration:none; }
#navigation .mainnav a:hover, #navigation .subnav a:hover {text-decoration:underline;}


/*container is de content container. Hierin komt daarna alle content*/
#container {width:540px;   margin-left:410px; height:600px; background-color:#D4CCBA; }
#content {padding:20px; color:#474747; font-size:small; background-color:#D4CCBA;  min-height:600px; text-align:justify; padding-right:35px;}
#content a {color:#474747;}
#content a:hover {color:#000000}
#content h1 {font-size:22px; margin-top:0px; color:#CF8442; margin-bottom:40px; text-transform:uppercase; text-align:left;}
#content h2 {font-size:16px; color:#60655F;}

#footer {color:#CCCCCC; font-size:x-small; width:950px; text-align:center; margin-top:20px; background-color:#474747; position:absolute; left:0px;}
#footer a {color:#CCCCCC; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .footerlinks {text-align:center; width:430px;margin:0 auto;}
#footer .footerlink { float:left; margin-right:17px;}

.webreference {margin-bottom:0px; margin-top:30px; font-size:16px; font-weight:bold;}
.webreference .description {color:#60655F; font-size:11px; font-weight:normal; margin-left:40px;}

#languages {
float:right;
}

#languages img {
margin-left:5px;
}

.breadcrumbs, .breadcrumbs a {
font-size:x-small;
color:#AB9675;
text-decoration:none;
}

.breadcrumbs a:hover {
text-decoration:underline;
}


/*sitemap*/
.sm {
position:relative;
/*background-image:url(../pictures/sitemap_css/vertical_1.png);
background-repeat:repeat-y;*/
}

.sm_1, .sm_2, .sm_3, sm_4 {
height:70px;
position:relative;
}

.sm_1 {
z-index:15;
}

.sms_2 {
margin-left:20px;
}

.sm_2 {
background-image:url(../pictures/sitemap_css/vertical_1.png);
background-repeat:no-repeat;
margin-top:-50px;
padding-top:60px;
z-index:10;
width:100%;
}

.sms_3 {
margin-left:40px;
}

.sm_3 {
background-image:url(../pictures/sitemap_css/vertical_2.png);
background-repeat:no-repeat;
margin-top:-50px;
padding-top:60px;
z-index:5;
}



.sm_1 a {
font-weight:bold;
text-decoration:none;
background-color:#D4CCBA;
}

.sm_2 a, .sm_3 a, .sm_4 a {
font-weight:bold;
text-decoration:none;
background-color:#D4CCBA;
z-index:1000;
}


.sm_1 .description, .sm_2 .description, .sm_3 .description, .sm_4 .description {
font-weight:normal;
width:200px;
position:absolute;
right:0px;
color:#666;
font-size:10px;
}



table.share {
width:90%;
border-collapse:collapse;
}
table.share td {
border: 1px solid #AB9675;
border-collapse:collapse;
}
table.share td.arrow {
width:20px;
text-align:center;
}