/* Stylesheet voor de website van Bracke Advocatuur */


body
{
	font-size: 80%; /* 100%*/
	font-family: Verdana,"Times New Roman", Geneva, Helvetica, sans-serif; /* Calibri */
	background-color: #ccc;
	color: #004142;
	text-align: center;
	line-height: 170%; /*1.4em */
}


div#wrapper
{
	position: relative;
	margin: 0 auto;
	width: 88%;
	min-width: 760px;
	text-align: left;
	z-index: 0;
}


div#content
{
	position: absolute;
	top: 203px;
	left: 0;
	width: 92%;
	font-size: .9em;
	border-top: 1px solid #000;
	border-left: 1px solid #fff;
	margin-bottom: 2em;
}


div#contentleft
{
	float: left;
	width: 130px;
	height: auto;
	background-image: url(../images/contentleft-bg.gif);
	background-repeat: repeat-y;
	background-position: 0em 80em;
}


div.leftbox
{
	margin-top: 1em;
	margin-bottom: 2em;
	width: 130px;
	border-top: 1px solid #fff;
	border-right: none;
	border-bottom: 1px solid #fff;
	border-left: none;
	background-color: #999967;
	height: 142px;
	padding-top:8px;
	text-align: center;
}


div.leftbox3
{
	margin-top: 1em;
	margin-bottom: 2em;
	width: 130px;
	border-top: 1px solid #fff;
	border-right: none;
	border-bottom: 1px solid #fff;
	border-left: none;
	background-color: #999967;
	background-image: url(../images/left-bottom.gif);
	background-repeat: no-repeat;
	height: 142px;
	padding-top:8px;
	text-align: center;
}




div#contentmiddle
{
	float: left;
	width: 59.7%;
	background-color: #fff;
	padding: 0 20px 0 29px;
}

div#contentmiddle:hover
{
	/*background-color: #ccc;*/
}


div#contentright
{
	float: left;
	width: 71px;
	height: 59em;
	border-right: 1px solid #fff;
}


div#aangesloten img
{
	margin: 1em 0;
}


div#aangesloten
{
	position: relative;
	top: 0;
	right: 0;
	margin-top: 8em;
	text-align: right;
}


div#header
{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	height: 140px;
	z-index: 2;
	border-top: 1px solid #fff;
	background-color: #fff;
}


div#headerleft
{
	/*float: left;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 29em; /*294px;*/
	height: 140px;
	z-index: 3;
}


div#headermiddle
{
	/*float: left;*/
	position: absolute;
	top: 0;
	left: 294px;
	width:auto;
	height: 140px;
	background-color: #fff;
	margin-left: 0em;
}


div#nav
{
	position: absolute;
	top: 30px;
	right: 0px;
	width: 200px;
	height: inherit;
	background-color: #996666;
	border: 1px solid #fff;
	z-index: 4;
}


ul#navbar
{
	margin-top: 9px;
}


ul#navbar li.navitemact
{
	background-color: #60afff;
	background-image: url(../images/navli-act-bg.gif);
	background-repeat: no-repeat;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #294a68;
	width: 112.3%;
	margin-left: -1.54em;
}


ul#navbar li.navitemact:hover
{
	border-bottom: 1px solid #294a68;
}

ul#navbar li.navitemact a
{
	color: #000;
	padding-left: 25px;
}


ul#navbar li
{
	list-style: none;
	margin: 0.5em 0 0.5em 0em;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #996666;
	border-bottom: 1px solid #996666;
	background-color: #a37474;
}


ul#navbar li:hover
{
	background-color: #e6d3ed;
	background-image: url(../images/navli-bg.gif);
	background-repeat: no-repeat;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #294a68;
}


ul#navbar li a
{
	font-weight: bold;
	color:#fff;
	text-decoration: none;
	margin-left:0.5em;
	padding-top: 4px;
	
}


ul#navbar li a:hover
{
	text-decoration: none;
	color: #2d587d; 
}


div#nav ul#navbar ul#subnav-rechtsgebieden
{
	margin-top: 0em;
	margin-left: 0em;
	font-size: 0.8em;
	list-style-type: none;
	text-align: left;
	background-color: #60afff;
	width: 225px;
}


div#nav ul#navbar ul#subnav-rechtsgebieden li
{
	background-color: #a4d0ff;
	margin: 0em 0 0.3em 0;
	padding: 0.1em 0 0.3em 0;
	border-top: 1px solid #996666;
	border-bottom: none;
	width: 100%;
	text-align: right;
}

div#nav ul#navbar ul#subnav-rechtsgebieden li a
{
	font-size: 0.9em;
	color: #16173a;
	padding: 0 0.4em 0 0px;
}


div#nav ul#navbar ul#subnav-rechtsgebieden li a:hover
{
	color: maroon;
	border-bottom: 1px solid maroon;
}


div#nav ul#navbar ul#subnav-rechtsgebieden li.subnavitemact
{
	background-image: url(../images/subnavli-act-bg.gif);
	background-repeat: no-repeat;
	color: maroon;
}


div#nav ul#navbar ul#subnav-rechtsgebieden li.subnavitemact a
{
	color: maroon;
}


div#nav ul#navbar ul#subnav-rechtsgebieden li.subnavitemact a:hover
{
	color: #fff;
}



div#contentbg
{
	position: absolute;
	top: 181px;
	left: 0.2em;
	width: 99%;
	height: 22px;
	background-image: url(../images/contentbg.jpg);
	background-repeat: repeat-x;
	z-index: 1;
}


h1
{
	font-size: 1.2em;
	background-color: #ccc;
	color: #006666;
	width: 104%;
	height: 40px;
	margin: 0 0 1.5em 0;
	padding: 0.5em 0em 0 0em;
	text-align: center;
}

/*h1.slogan
{
	display:inline;
	padding-left: 2%;
	font-weight:normal;
	font-size: 1.5em;
	font-family: "Times New Roman",Calibri,Verdana,Helvetica,sans-serif;
	background-color: transparent;
	color:#00008b;
}
*/


p
{
	margin: 0.2em 0 0.6em 0;
	padding: 0 3em 0 0;
}


p:hover
{
	color: #00008b;
}


p.small
{
	font-weight: bold;
	font-size: 0.7em;
	letter-spacing: 0.2em;
	text-align: center;
	color: #fff;
	padding-top: 2px;
}

p.small a
{
	color: #fff;
	text-decoration: none;
}

p.small a:hover
{
	color: #c0262c;
}

ul:hover
{
	color: #00008b;
}

h2,h3,h4,h5,h6
{
	margin: 1em 0 0em 0;
	font-size: 1.1em;
	background-color: transparent;
	color: #006666;
}


h2:hover,h3:hover,h4:hover,h5:hover,h6:hover
{
	color: #996666;
	text-decoration: overline;
}


img
{
	border: none;
}

div#contentright div#aangesloten img
{
	border-top: 1px solid #ccc;
	border-right: none;
	border-bottom: 1px solid #ccc;
	border-left: none;
}


div#contentright div#aangesloten img:hover
{
	border-top: 1px solid #996666;
	border-right: none;
	border-bottom: 1px solid #996666;
	border-left: none;
}


div#language
{
	/*display: none;*/
	position: absolute;
	top: 0;
	right: 0;
}


a.taalkeuze:link, a.taalkeuze:visited
{
	margin-right: 1.5em;
	font-size: 0.8em;
	color: green;
}


a.taalkeuze:hover, a.taalkeuze:focus
{
	color: red;
}


a.taalkeuze-gb:link, a.taalkeuze-gb:visited
{
	margin-right: 0em;
	font-size: 0.8em;
}


a.taalkeuze-gb:hover, a.taalkeuze-gb:focus
{
	color: red;
}


ul.rechtsgebieden
{
	display: inline; 
	font-weight: bold;
	margin-bottom: 1em;
}

ul.rechtsgebieden li
{
	display: inline;
}


ul.lidmaatschappen li
{
	list-style: inside;
}


div#hcard-brackeadvocatuur
{
	margin: 6em -21px 1em -30px;
	font-weight: bold;
	font-size: 0.7em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #996666;
	border-top:1px solid #666;
	text-align: center;
}


div#hcard-brackeadvocatuur a
{
	color: #996666;
}


div#hcard-brackeadvocatuur > div
{
	display: inline;
}


ul.personenrecht-level1, ol.voorwaardenlijst
{
	font-weight: bold;
	/*font-size: 1em;*/
	margin: 0.3em 0 0.6em 0;
	list-style: none;
}

ul.personenrecht-level1 li, ol.voorwaardenlijst li
{
	border-top: 1px solid #004142;
	border-bottom: 1px solid #ccc;
	margin: 0.3em 0 0.6em 0;
	padding: 0.2em 0;
	color: #005fc4;
}


ul.personenrecht-level1 li:hover, ol.voorwaardenlijst li:hover
{
	color: #60afff;
	border-top: 1px solid #dc8555;
	border-bottom: 1px solid #9999fe;
}


ul.personenrecht-level2, ul.voorwaardenarttxt
{
	font-weight: normal;
	/*font-size: 1em;*/
	margin: 0.3em 0 0.6em 0;
	list-style: none;
	
}


ul.personenrecht-level2 li, ul.voorwaardenarttxt li
{
	
	border: none;
	margin: 0.9em 0;
	color: #004142;
}


ul.personenrecht-level2 li:hover, ul.voorwaardenarttxt li:hover
{
	color: #00008b;
	border: none;
}


ul.personenrecht-level2 ul, ul.voorwaardenarttxt ul
{
	margin: -0.5em 0 0.5em 0;
	padding: 0;
}


ul.personenrecht-level2 ul li, ul.voorwaardenarttxt ul li
{
	margin: 0.2em 0;
	padding: 0;
}


ul.personenrecht-level2 ul:hover, ul.voorwaardenarttxt ul:hover
{
	color: #00008b;
}