/*	css by artform media
	comments by	k. vd broek @ artform media */

body { background:#ededed url('../images/background.jpg') top center repeat-y; } 

#container { margin:0 auto; width:800px; text-align:left; background:#9ea2ad; position:relative; min-height:100%; /* For Modern Browsers */ height:auto !important; /* For Modern Browsers */  height:100%; /* For IE */ }

#header { background:url('../images/header.jpg') top center no-repeat; width:800px; height:51px; position:relative; }

#mainmenu { background:url('../images/bg-menu.jpg') top left repeat-x; width:800px; height:51px; position:relative; }

#menu { margin:0 0px 0 0; width:547px; height:51px; float:right; border:0; }

#menu li { display:block; float:left; }
#menu ul, #menu ul li { list-style: none; margin: 0; padding: 0; }

#menu a { float:left; margin:0; }

#menu a.kantoor { background: url('../images/bt-kantoor.jpg') center no-repeat; background-position: 0 0; width:80px; height:51px; }
#menu a.kantoor:hover { background: url('../images/bt-kantoor.jpg') center no-repeat; background-position: -80px 0; width:80px; height:51px; }
#menu a.kantoor#currentPage { background: url('../images/bt-kantoor-out.jpg') center no-repeat; background-position: 0 0; width:80px; height:51px; }

#menu a.rechtsgebieden { background: url('../images/bt-rechtsgebieden.jpg') center no-repeat; background-position: 0 0; width:98px; height:51px; }
#menu a.rechtsgebieden:hover { background: url('../images/bt-rechtsgebieden.jpg') center no-repeat; background-position: -98px 0; width:98px; height:51px; }
#menu a.rechtsgebieden#currentPage { background: url('../images/bt-rechtsgebieden-out.jpg') center no-repeat; background-position: 0 0; width:98px; height:51px; }

#menu a.advocaten { background: url('../images/bt-advocaten.jpg') center no-repeat; background-position: 0 0; width:83px; height:51px; }
#menu a.advocaten:hover { background: url('../images/bt-advocaten.jpg') center no-repeat; background-position: -83px 0; width:83px; height:51px; }
#menu a.advocaten#currentPage { background: url('../images/bt-advocaten-out.jpg') center no-repeat; background-position: 0 0; width:83px; height:51px; }

#menu a.mediation { background: url('../images/bt-mediation.jpg') center no-repeat; background-position: 0 0; width:83px; height:51px; }
#menu a.mediation:hover { background: url('../images/bt-mediation.jpg') center no-repeat; background-position: -83px 0; width:83px; height:51px; }
#menu a.mediation#currentPage { background: url('../images/bt-mediation-out.jpg') center no-repeat; background-position: 0 0; width:83px; height:51px; }

#menu a.contact { background: url('../images/bt-contact.jpg') center no-repeat; background-position: 0 0; width:69px; height:51px; }
#menu a.contact:hover { background: url('../images/bt-contact.jpg') center no-repeat; background-position: -69px 0; width:69px; height:51px; }
#menu a.contact#currentPage { background: url('../images/bt-contact-out.jpg') center no-repeat; background-position: 0 0; width:69px; height:51px; }


#layout { position:relative; width:800px; height:950px; padding:0; margin:0; background:#9ea2ad url('../images/kantoor.jpg') top left no-repeat; }
#contact { position:relative; width:800px; height:1100px; padding:0; margin:0; background:#9ea2ad url('../images/contact.jpg') top left no-repeat; }
#kantoor { position:relative; width:800px; height:600px; padding:0; margin:0; background:#9ea2ad url('../images/rechtsgebieden.jpg') top left no-repeat; }
#rechtsgebieden { position:relative; width:800px; height:1500px; padding:0; margin:0; background:#9ea2ad url('../images/rechtsgebieden2.jpg') top left no-repeat; }
#advocaten { position:relative; width:800px; height:1000px; padding:0; margin:0; background:#9ea2ad url('../images/advocaten.jpg') top left no-repeat; }
#zillikens { position:relative; width:800px; height:1100px; padding:0; margin:0; background:#9ea2ad url('../images/zillikens.jpg') top left no-repeat; }
#bosch { position:relative; width:800px; height:1000px; padding:0; margin:0; background:#9ea2ad url('../images/bosch.jpg') top left no-repeat; }
#voorwaarden { position:relative; width:800px; height:600px; padding:0; margin:0; background:#9ea2ad url('../images/blanco.jpg') top left no-repeat; }
#mediation { position:relative; width:800px; height:1000px; padding:0; margin:0; background:#9ea2ad url('../images/kantoor.jpg') top left no-repeat; }

/*#layout:after { clear:both; display:block; font:1px/0px serif; content:"."; height:0; visibility:hidden; }*/

#top { position:relative; padding:10px 0 0 25px; margin:0; background:url('../images/bg-top.gif') top left repeat-y; width:750px; height:225px; color:#fff; }
#top li, #top lu { list-style-type:none; }
#top a { color:#c642d9; font-weight:normal; text-decoration:none; }
#top a:hover { color:#f294ff; font-weight:normal; text-decoration:none; }
#top a.white { color:#f294ff; font-weight:normal; text-decoration:none; }

#middle { position:relative; width:800px; height:auto; }
#middle-left { position:relative; width:193px; padding:25px; float:left; color:#fff; border:0px solid #000; }
#middle-right { position:relative; width:503px; padding:25px; float:right; color:#fff; border:0px solid #000; }

#footer { width:775px; padding:0 0 0 25px; background:#9ea2ad url('../images/bg-footer.gif') bottom center repeat-x; position:absolute; left:0; bottom:0 !important; bottom:-1px; /* For Certain IE widths */ height:30px; }
#footer { color:#000; font-size:8pt; }