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

body { background:#6a747c url('../images/background.jpg') top center no-repeat; } 

/* div container for graphical user interface */
#container { position:relative; background:#fff url('../images/bg-container.jpg') 0 0 repeat-x; margin:0 auto; width:800px; text-align:left; }
#inline { position:relative; width:790px; float:left; background:#dbdbdb; height:100%; }

/* div container for adobe flash intro */
#intro { position:relative; width:790px; height:570px; padding:0; }
#introanimatie { position:relative; width:790px; height:570px; } /* container of flash introanimatie file */

/* supercool min height hack, thanks to GreyWyvern (http://www.greywyvern.com/)*/
.prop { float:right; width:0; background:#6a747c; }
.clear { clear:both; height:0; background:#6a747c; overflow:hidden; }
.min900 { height:900px; }
.min300 { height:300px; }
.min700 { height:700px; }

/* gui left design */
#header { position:relative; width:790px; height:116px; background:#fff; }
#headerLeft { position:relative; width:508px; height:116px; background:#fff; float:left; }
#headerRight { position:relative; width:262px; height:96px; background:#9c0059; float:left; text-align:right; padding:10px; }

#menu { position:relative; padding:0 0 0 30px; width:760px; height:39px; }
#menu li { display:inline; text-indent:-9999px; }
#menu ul,#menu ul li { list-style: none none; }
#menu a { float:left; margin:1px; height:37px; }
#menu a.home { background: url('../images/bt-home.jpg') center no-repeat; width:63px; background-position: 0 0; }
#menu a.home:hover { background: url('../images/bt-home.jpg') center no-repeat; width:63px; background-position: -63px 0; }
#menu a.homeCurrent { background: url('../images/bt-home.jpg') center no-repeat; width:63px; background-position: -63px 0; }
#menu a.advocaten { background: url('../images/bt-advocaten.jpg') center no-repeat; width:98px; background-position: 0 0; }
#menu a.advocaten:hover { background: url('../images/bt-advocaten.jpg') center no-repeat; width:98px; background-position: -98px 0; }
#menu a.advocatenCurrent { background: url('../images/bt-advocaten.jpg') center no-repeat; width:98px; background-position: -98px 0; }
#menu a.contact { background: url('../images/bt-contact.jpg') center no-repeat; width:83px; background-position: 0 0; }
#menu a.contact:hover { background: url('../images/bt-contact.jpg') center no-repeat; width:83px; background-position: -83px 0; }
#menu a.contactCurrent { background: url('../images/bt-contact.jpg') center no-repeat; width:83px; background-position: -83px 0; }
#menu a.rechtsgebieden { background: url('../images/bt-rechtsgebieden.jpg') center no-repeat; width:134px; background-position: 0 0; }
#menu a.rechtsgebieden:hover { background: url('../images/bt-rechtsgebieden.jpg') center no-repeat; width:134px; background-position: -134px 0; }
#menu a.rechtsgebiedenCurrent { background: url('../images/bt-rechtsgebieden.jpg') center no-repeat; width:134px; background-position: -134px 0; }
#menu a.nieuws { background: url('../images/bt-nieuws.jpg') center no-repeat; width:73px; background-position: 0 0; }
#menu a.nieuws:hover { background: url('../images/bt-nieuws.jpg') center no-repeat; width:73px; background-position: -73px 0; }
#menu a.nieuwsCurrent { background: url('../images/bt-nieuws.jpg') center no-repeat; width:73px; background-position: -73px 0; }
#menu a.links { background: url('../images/bt-links.jpg') center no-repeat; width:61px; background-position: 0 0; }
#menu a.links:hover { background: url('../images/bt-links.jpg') center no-repeat; width:61px; background-position: -61px 0; }
#menu a.linksCurrent { background: url('../images/bt-links.jpg') center no-repeat; width:61px; background-position: -61px 0; }

#quicknav { position:relative; padding:0; float:right; width:75px; }
#quicknav li { display:inline; }
#quicknav ul { padding:0; margin:0; }
#quicknav a { display:block; font-family:tahoma; color:#ffffff; font-size:8pt; text-decoration:none; }
#quicknav a:hover { text-decoration:underline; }

#advocaten { position:relative; padding:45px 0 0 0; width:150px; height:84px; }
#advocaten li { display:inline; }
#advocaten ul,#menu ul li { list-style: none none; }
#advocaten a { float:left; margin:1px 1px 1px 0; width:150px; height:28px; }
#advocaten a.smal { background: url('../images/bt-esthersmal.jpg') center no-repeat; background-position: 0 0; }
#advocaten a.smal:hover { background: url('../images/bt-esthersmal.jpg') center no-repeat; background-position: -150px 0; }
#advocaten a.smalCurrent { background: url('../images/bt-esthersmal.jpg') center no-repeat; background-position: -150px 0; }
#advocaten a.otte { background: url('../images/bt-paulotte.jpg') center no-repeat; background-position: 0 0; }
#advocaten a.otte:hover { background: url('../images/bt-paulotte.jpg') center no-repeat; background-position: -150px 0; }
#advocaten a.otteCurrent { background: url('../images/bt-paulotte.jpg') center no-repeat; background-position: -150px 0; }
#advocaten a.klemann { background: url('../images/bt-vincentklemann.jpg') center no-repeat; background-position: 0 0; }
#advocaten a.klemann:hover { background: url('../images/bt-vincentklemann.jpg') center no-repeat; background-position: -150px 0; }
#advocaten a.klemannCurrent { background: url('../images/bt-vincentklemann.jpg') center no-repeat; background-position: -150px 0; }

/* gui left design */
#hdPhoto { position:relative; width:790px; height:234px; background:#fff; }
#hdLeft { position:relative; width:508px; height:234px; background:#fff; float:left; }
#hdRight { position:relative; width:242px; height:144px; background:#9c0059 url('../images/bg-hdRight.jpg') bottom right no-repeat; float:left; padding:80px 10px 10px 30px; }
#hdRight p { line-height:16pt; font-family:tahoma; color:#ffffff; font-size:8pt; }
#hdRight a { display:block; font-family:tahoma; color:#ffffff; font-size:8pt; text-decoration:underline; }
#hdRight a:hover { text-decoration:none; }
#hdRight2 { position:relative; width:242px; height:144px; background:#9c0059 url('../images/bg-hdRight.jpg') bottom right no-repeat; float:left; padding:80px 10px 10px 30px; }
#hdRight2 p { margin-top:-72px; line-height:15pt; font-family:tahoma; color:#ffffff; font-size:8pt; padding:0px; }
#hdRight2 a { font-family:tahoma; color:#ffffff; font-size:8pt; text-decoration:none; }
#hdRight2 a:hover { color:#730243; text-decoration:none; }

#toppage { float:right; }
#toppage a { font-family:tahoma; color:#9c0059; font-size:8pt; font-weight:bold; text-decoration:none; }
#toppage a:hover { color:#9c0059; text-decoration:underline; }

#content { position:relative; width:660px; padding:30px 100px 30px 30px; margin:0; overflow:hidden; float:left; }

.home { background:#dbdbdb url('../images/photo-homebt.jpg') top left no-repeat; }
.esthersmal { background:#dbdbdb url('../images/photo-esthersmalbt.jpg') top left no-repeat; }
.paulotte { background:#dbdbdb url('../images/photo-paulottebt.jpg') top left no-repeat; }
.vincentklemann { background:#dbdbdb url('../images/photo-vincentklemannbt.jpg') top left no-repeat; }
.contact { background:#dbdbdb url('../images/photo-contactbt.jpg') top left no-repeat; }
.rechtsgebieden { background:#dbdbdb url('../images/photo-rechtsgebiedenbt.jpg') top left no-repeat; }
.nieuws { background:#dbdbdb url('../images/photo-nieuwsbt.jpg') top left no-repeat; }

#content img.left { border:0; margin:15px 15px 15px 0; float:left; }
#content img.right { border:0; margin:15px 0 15px 15px; float:right; }
/* ul and li styles for content block */
#content ul { margin:0; padding:0 0 15px 25px; }
#content ul li { list-style-type:circle; }
/* tables */
#content table td { vertical-align:top; } 
#content table td.small { font-size:8pt; } 
/* tables */
#content hr { background:#3b4247; border:0; color:#3b4247; height:1px; margin:-5px 0 10px; }

#footer { position:relative; background:#6a747c; width:770px; text-align:left; padding:10px 0 0 30px; }
#footer p { font-size:8pt; color:#b5babe; line-height:16pt; }


/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility:visible !important; margin:0; }
.sIFR-replaced { visibility:visible !important;}
span.sIFR-alternate { position:absolute; left:0; top:0;	width:0; height:0; display:block; overflow:hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {  display:none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... 
the negative-letter spacing in this case is used to make the browser text metrics match up with 
the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... 
any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {	visibility:hidden; letter-spacing:0; line-height:24px; }
.sIFR-hasFlash h2 {	visibility:hidden; letter-spacing:0; line-height:22px; }

div#sitemap { font:"arial"; width:350px; float:left; margin:0; background:#fff; border:5px solid #fff; }
div#sitemap { padding:1em 1.5em; line-height:20px; text-align:left; }
div#sitemap li { padding:0 0 0 24px; margin:0; list-style-type:none; }
div#sitemap li { background: url('../images/extm.gif') no-repeat 0% 0%; }
div#sitemap li.last { background: url('../images/exlm.gif') no-repeat 0% 0%; }
div#sitemap ul { padding:0 0 0 24px; margin:0 0 0 -24px; list-style-type:none; }
div#sitemap ul { background: url('../images/exim.gif') repeat-y 0% 0%; }
div#sitemap ul.last { background-image: none; }