/*----------------------------------------------------------------------------- 
Schyns Advocaten Screen Stylesheet 

version			: 1.0 
date			: 05/12/2008
last modified	: 18/08/2009
author			: Freek Hol Design i.o.v. Leeman Automatisering BV
email			: freek [at] freekhol.nl

-----------------------------------------------------------------------------*/

/* Import other stylesheets 
-----------------------------------------------------------------------------*/ 
@import url("reset.css");

/* Styles for layout
-----------------------------------------------------------------------------*/
.clear {clear:both;} 
.right {float:right; margin-left:8px;} 
.left {float:left; margin-right:8px;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}


/* Set up the document
-----------------------------------------------------------------------------*/
html {background: #fff url(../images/bg-header-repx.gif) repeat-x 0 0;}
body  {font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; color: #333;}
#container {width:59em; margin: 0 auto; text-align: left;} 
#header {background:url(../images/bg-header.png) no-repeat 0 0;	height:111px; padding: 0;}
#nav {float:right; margin:43px 0 0 0;}
#sidebar {background:url(../images/bg-sb.jpg) no-repeat top right; color:#333; float:right; min-height:630px; height:auto !important; height:630px; position:relative; width:344px; padding:0;}
#sidebar .inner {background:url(../images/zwart-50.png) repeat 0 0; padding:20px 0; position:absolute; top:90px; right:0; width:278px;}
.advocaten #sidebar {background-image:url(../images/bg-sb-2.jpg);}
.advocaten #sidebar .inner {background:none;}
#mainContent {background: url(../images/driehoek.png) no-repeat 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:95%; line-height:1.6em; margin:0 22em 0 0; padding:88px 0 0;} 
#footer {padding:0;} 


/* Styling font
-----------------------------------------------------------------------------*/
h1, h2 {font-family:"Lucida Sans Unicode", Georgia, "Times New Roman", Times, serif; }
h1 {color:#ab251e; font-size:125%; font-variant:small-caps; font-weight:normal; letter-spacing:0.2em; margin-bottom:1em; padding:0;}      
h2 {color:#344C83; font-size:100%; font-weight:normal; letter-spacing:0.1em;}
.advocaat h2 {margin-bottom:1em;} 

#mainContent p {margin-bottom:1em;}

#sidebar h1, 
#sidebar p {color:#fff; margin-left:30px; margin-right:30px;}
#sidebar h1 {border-bottom:1px dotted #fff;}
#sidebar p {background:#344C83; margin-bottom:3px; padding:6px 5px;}
#sidebar p.datum {background:#16223A url(../images/star.gif) no-repeat 2px 50%; color:#FFFF99; font-weight:bold; margin-bottom:1px; padding:5px 5px 5px 30px;}

#footer p {border-top:1px dotted #a1a1a1; color:#999; font-size:80%; margin: 3em 25.6em 0 0; padding: 6px 0 20px 0;}


/* Navigation 
-----------------------------------------------------------------------------*/
#header-nav-outer {background:url(../images/bg-headernav-right.gif) no-repeat bottom right; float:right; margin:0; width: 10em;}
#header-nav {background:url(../images/bg-headernav-left.gif) no-repeat bottom left; float: right; font-size: 85%; margin:0; padding: 5px 0; text-align:center; width: 12em;}
#header-nav li {display:inline;}
#header-nav li a,
#header-nav li a:visited {color: #344c83; font-weight:bold; padding: 0; text-decoration:none;}
#header-nav li a:hover {text-decoration:underline;}

#nav li {float:left; margin-left:10px;}
#nav li a,
#nav li a:visited {color:#d7dce7; display:block; font-size:13px; padding: 8px 17px 12px 10px; text-decoration:none;}
#nav li a:hover {color:#fff;}
#nav li.current {background:url(../images/bg-navitem-right.png) no-repeat top right;}
#nav li.current a,
#nav li.current a:visited {background:url(../images/bg-navitem-left.png) no-repeat top left; color:#fff;}
#nav li.current a:hover {color:#fff;}


/* Styling links
-----------------------------------------------------------------------------*/ 
#mainContent a, 
#mainContent a:visited {border-bottom:1px dotted #999; color:#333333; text-decoration:none;}
#mainContent a:hover {background:#eee; border-bottom-style:solid; color:#16223A;}

#sidebar p a,
#sidebar p a:visited{border-bottom:1px dotted #fff; color:#c8d5f2; text-decoration:none;}
#sidebar p a:hover {border-bottom-style:solid; color:#F7E986; text-decoration:none;}

#footer a,
#footer a:visited {color:#999;}
#footer a:hover {text-decoration:none;}


/* Custom Rules 
-----------------------------------------------------------------------------*/
#sidebar ul {margin:0 0 0 30px;}
#sidebar ul li {margin:7px 0;}
#sidebar ul li a,
#sidebar ul li a:visited {background:url(../images/star.gif) no-repeat 0 1px; color:#fff; display:block; padding:1px 0 1px 30px; text-decoration:none;}
#sidebar ul li a:hover {background:url(../images/star-over.gif) no-repeat 0 1px; color:#F7E986;}

#mainContent dl {margin-bottom:1em;}
#mainContent dt {color:#333; font-weight:bold; font-style:italic;}
#mainContent dt span {color:#666; font-weight:normal; font-size:85%; }
#mainContent dd {margin-bottom:1em;}
#mainContent ol {list-style:decimal; margin:0 0 1em 36px;}
#mainContent span {font-style:italic;}
#mainContent img {background:#fff; border:1px solid #adadad; padding:3px;} 

#advocaten {height:32em; overflow:hidden; width:auto;}
#advocaten .advocaat {height:32em;}
#advocaten .advocaat img {background:#fff; border:1px solid #adadad; padding:3px;}
#advocaten .advocaat table {margin-bottom:1em;}
#advocaten .advocaat table th {padding-left:1em; text-align:right;}
#advocaten .advocaat table td {padding-left:1em;}
#advocaten .advocaat .email {background:#fff url(../images/email.gif) no-repeat 0 3px; padding-left:1.5em;}

.specialisme #mainContent table {margin:1em 0;}
.specialisme #mainContent th,
.specialisme #mainContent td {background:#eee; border-bottom:1px dashed #ccc; padding:6px 1em 6px 6px;}
.specialisme #mainContent th {border-right:1px dashed #ccc; width:20em;}
.specialisme #mainContent th span,
.specialisme #mainContent td span {color:#666; font-weight:normal; font-size:85%; }
.specialisme #mainContent tr.even th,
.specialisme #mainContent tr.even td {background:#fff;}