﻿/* @override http://concept7.dedicated.digitalus.nl:80/joostenadvocaten.nl/css/home.css */

/* Rode balk
=================================================================*/

p {
	line-height: 140%;
}

#sfeerfoto {
	float: left;
}

#homekennisveld {
	float: left;
	width: 400px;
	padding: 20px 20px 0;
	height: 200px;
	background: #435100 url(../gfx/bg-weegschaal.gif) right bottom no-repeat;
}

#homekennisveld ul {
	list-style: none;
	padding-top: 10px;
}

#homekennisveld ul li {
	background: url(../gfx/bullet-list.gif) no-repeat 0 3px;
	padding: 0 0 4px 20px;
}

#homekennisveld ul li a {
	text-decoration: underline;
	color: #fff;
}

#homekennisveld ul li a:hover {
	text-decoration: none;
	color: #c6d763
}

#homekennisveld h1 {
	color: #fff;
	font-size: 1.4em;
}

#homekennisveld span {
	display: block;
	text-align: right;
	font-size: 20px;
	margin-top: 11px;
	color: #c6d763;
	font-weight: bold;
}

#home_kennisnet {
	width: 100%;
	height: 220px;
	background: url('../gfx/home_kennisnet.gif') repeat-x;
}

#home_kennisnet {
	background-color: #000;
	color: #fff;
}

#home_kennisnet .midden div {
	float: left;
	width: 400px;
	padding: 0px 20px 0px 360px;
}

#home_kennisnet .midden div h1 {
	font-weight: bold;
	margin-top: 20px;
}

#home_kennisnet .midden div p {
	font-family: arial, sans-serif;
	margin: 5px 0px 5px 0px;
}

#home_actueel h1,
#home_content h1 {
	font-weight: bold;
	margin-top: 0px;
}

#home_actueel h2,
#home_content h2 {
	font-family: arial, sans-serif;
	margin: 0px;
}

#home_actueel p,
#home_actueel label,
#home_content p {
	font-family: arial, sans-serif;
	margin: 4px 0px 5px 0px;
}

#home_actueel {
	float: left;
	width: 300px;
	padding: 20px;
}

#home_actueel form {
	margin: 10px 0px 10px 0px;
}

#home_actueel form div.buttons {
	text-align: right;
}

.home_actueel_item {
	float: left;
	width: 300px;
	margin-bottom: 35px;
}

.home_actueel_item ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.home_actueel_item li {
	float: left;
}

.home_actueel_item a {
	color: #2173cf;
	font-size: 95%;
}

.home_actueel_item a:hover,
.home_actueel_item a:visited:hover {
	color: #d52300;
}

.home_actueel_item a:visited {
	color: #551a8b;
}

.datum {
	background: url('../gfx/icon_datum.gif') no-repeat 0px 5px;
	border-right: 1px solid #ddd;
	padding: 0px 10px 0px 10px;
}

.reacties {
	background: url('../gfx/icon_reacties.gif') no-repeat 0px 5px;
	margin-left: 10px;
	padding: 0px 0px 0px 10px;
}

.bel {
	font-size: 1.8em;
	padding-top: 45px;
	text-align: right;
	font-family: Georgia;
	font-style: italic;
}

ul.contact_home {
	list-style-type: none;
	float: right;
	padding-top: 15px;
}

ul.contact_home li a {
	background: url(../gfx/contact_home.gif) no-repeat;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 4px 12px 4px 12px;
}

ul.contact_home li a:hover {
	background: url(../gfx/contact_home_hover.gif) no-repeat;
}

h2.actueel_title {
	color: #334104;
	font-size: 1.6em;
	padding-bottom: 6px;
}

#content {
	overflow: hidden;
	background: url('../gfx/contentbg.gif') repeat-y 0px 0px;
}

#home_rechterkant {
	float: left;
	width: 400px;
	color: #000;
	padding: 20px;
}

#home_rechterkant img {
	display: inline;
}

#home_rechterkant h1 {
	color: #334104;
}

#home_rechterkant h2 {
	color: #2173cf;
}

#home_rechterkant .home_rechterkant_item {
	float: left;
	width: 400px;
	margin-bottom: 10px;
}

#home_rechterkant .home_rechterkant_item .link {
	text-align: right;
	border-bottom: 1px solid #f4f7e0;
	padding: 10px 0;
}

#home_rechterkant .home_rechterkant_item .link a {
	color: #334104;
	font-weight: bold;
}

#home_rechterkant .home_rechterkant_item .link a:hover,
#home_rechterkant .home_rechterkant_item .link a:visited:hover {
	color: #d52300;
}

#home_rechterkant .home_rechterkant_item .link a:visited {
	color: #000;
}

ul.actueel_opties {
	list-style: none;
}

ul.actueel_opties li {
	display: inline;
}

ul.actueel_opties li a:link {
	color: #2173cf;
	background: url(../gfx/icon_date.gif) no-repeat 0 2px;
	border-right: 1px solid #2173cf;
	padding: 0 17px 0 12px;
	margin-right: 10px;
}

ul.actueel_opties li a:visited {
	color: #609;
	background: url(../gfx/icon_date.gif) no-repeat 0 2px;
	border-right: 1px solid #2173cf;
	padding: 0 17px 0 12px;
	margin-right: 10px;
}

ul.actueel_opties li a:hover, ul.actueel_opties li a:visited:hover {
	color: #000;
}

ul.actueel_opties li.reacties_actueel a {
	background: url(../gfx/icon_reacties.gif) no-repeat 0 2px;
	border: none;
}