body {
	margin: 0;
	padding: 0;
	background-color: #A5CDC6;
	background-image: url('../../images/bg_body.png');
	background-repeat: repeat-x;
	color: #666666;
	font-family : arial; 
	font-size : 12px; 
} 
		
	/*  Structure */

div#top {
	height: 20px;
	padding-top: 56px;
	background-image: url('../../images/bg_top.png');	
	background-repeat: repeat-x;
	overflow: hidden;
}
div#top li {
	color:white;
}
div#top .right li {
	float:right;
	color:white;
}

div#header {
	height: 52px;
	line-height: 52px;
	background-color: #ffffff;
}

div#header div#site-name {
	width: 870px;
	margin: auto;
	color: #325e6b;
	font-family: arial;
	font-size: 26px;
	font-weight: bold;
	text-align: right;
}

div#container {
	width: 898px;
	padding: 0 25px 0 25px;
	margin: auto;
	background-image: url('../../images/bg_container.png');	
	background-repeat: repeat-y;
	overflow: visible;
}

div#container div#content-header {
	height: 210px;
	background-image: url('../../images/bg_content-header.png');	
	background-repeat: no-repeat;
}

div#container div#content-header img {
	border: 0;
	margin: 15px 15px 0 25px;
}

div#container div#content-photos {
	width: 252px;
	padding: 30px 20px 20px 20px;
	float: left;
	text-align: center;
}

div#container div#content {
	width: 566px;
	padding: 20px;
	float: left;
	line-height: 20px;
	font-size: 13px;
}

div#container div#content-footer {
	clear: both;
	padding: 10px 100px 10px 10px;
	background-color: #cdd9c5;
	color: #666;
	font-weight: bold;
	font-size: 11px;
	overflow: visible;
	line-height: 18px;
}

div#content-footer img {
	border: 0;
	margin: 0 15px 0 5px;
	float: left;
}

div#content-footer span.contact {
	float:right;
	position:relative;
	left:50px;
}

div#footer {
	width: 948px;
	padding-top: 18px;	
	height: 200px;
	margin: auto;	
	background-image: url('../../images/bg_footer.png');	
	background-repeat: no-repeat;
}


	/*  Content & Style */
	
h1 {
	color: #666666;
	*padding-top: 10px;
	font-size: 18px;
	font-family: arial;
}	

h2 {
	color: #666666;
	font-size: 18px;
	*margin-top: 10px;
	line-height: 1.5;
	font-family: arial;
}

div#links a {
	display: block;
	width: 273px;
	height: 162px;
	padding: 6px 10px 10px 10px;
	margin: 7px;
	float: left;
	background-color: #cdd9c5;
	font-size: 18px;
	font-weight: bold;
	font-family: arial;
	color: #666666;
	text-decoration: none;
}

div#links a.first {
	margin-left: 0;
	margin-right: 0;
	background-image: url('../../images/financial-life-planning-advies.png');
	background-repeat: no-repeat;
	background-position: bottom center;
}

div#links a.second {
	background-image: url('../../images/onze-werkwijze.png');
	background-repeat: no-repeat;
	background-position: bottom center;
}

div#links a.third {
	margin-left: 0;
	margin-right: 0;
	background-image: url('../../images/over-ons.png');
	background-repeat: no-repeat;
	background-position: bottom center;
}

div#links a:hover {
	color: #000000;
}

	/*  Navigation */
	
div#navigation {
	height: 34px;
	background-color: #cdd9c5;
}

div#navigation ul {
	margin: auto;
	padding: 0;
	width: 820px;
}

div#navigation ul li {
	float: left;
	list-style: none;
	padding: 0 10px 0 10px;

	text-align: center;
}

div#navigation a {
	display: block;
	height: 34px;
	line-height: 34px;
	color: #325e6b;
	font-size: 14px;
	font-weight: bold;
	font-family: arial;
	text-decoration: none;	
	text-transform: uppercase;
}

div#navigation a:hover {
	color: #000000;
}

	/*  Breadcrumbs */
	
div#top ul {
	margin: auto;
	padding: 0;
	width:870px;
}

div#top ul li {
	float: left;
	list-style: none;
	padding-right: 15px;
}

div#top a {
	color: #95BE98;
	font-size: 12px;
	font-weight: bold;
	font-family: arial;
	text-decoration: none;	
}

div#top a:hover {
	text-decoration: underline;
}

	/*  Footer navigation */
	
div#footer ul {
	margin: auto;
	padding: 0;	
	width: 910px;
}

div#footer ul li {
	float: left;
	list-style: none;
	padding: 0 5px;
	border-left: 1px solid #666666;
}

div#footer ul li:first-child {
	border-left: 0;	
}

div#footer a {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	font-family: arial;
	text-decoration: none;	
}

div#footer a:hover {
	text-decoration: underline;
}

 /* Landingspage */
body.landingspage a:hover {
	text-decoration: none;
}
  
body.landingspage div#container div#content-header {
	height: 404px;
	background-image: url('../../images/bg_header-landingspage.jpg');
}

body.landingspage div#logo {
	width: 300px;
	background-image: url('../../images/bg_trans-black70.png');
}

body.landingspage div#advice {
	height: 44px;
	line-height: 44px;
	padding-left: 312px;
	background-color: #609b31;
	font-size: 18px;
	font-family: arial;
	font-weight: bold;
	color: #ffffff;
}

body.landingspage div#advice a {
	color: white;
}

body.landingspage div#container div#content {
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	float: right;
	height: 145px;
	overflow: hidden;
	padding-left: 312px;
	width: 566px;
	margin: auto;
	background-image: url('../../images/bg_trans-brown70.png');
}

body.landingspage div#content h1 {
	color: #c1d075;
	font-size: 24px;
	margin-bottom: 2px;
}

body.landingspage div#content p {
	color: white;
	line-height: 17px;
	margin-bottom: 5px;
}

body.landingspage div#content a {
	color: white;
	font-weight: bold;
}

body.landingspage div#photo {
	margin: 180px 0 0 0;
	width: 290px;
	height: 220px;
	overflow: hidden;
	position: absolute;
}

body.landingspage div#photo a {
	color: white;
	display: block;
	margin: auto;
	text-align: center;
	width: 260px;
	padding-right: 30px;
}

 form ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
 form label {
	display:block;
	font-weight:bold;
	margin:2px 0;
}
 form textarea {
	width:500px;
	height:200px;
	border:1px solid grey;
}
 form input {
	width: 250px;
	border:1px solid grey;
}
 table {
	width:500px;
}
 table th {
	text-align:left;
}
 form input.checkbox {
	width:11px;
	height:11px;
}

ul.errors {
	list-style-type:none;
	border: 2px solid red;
	padding-bottom:10px;
	padding-top:10px;
	color:red;
}
ul.errors li {
	padding-bottom:2px;
}
ul.errors li img {
	position:relative;
	top:4px;
}

blockquote {
	margin-left: 20px;
	padding : 0px 10px 0px 10px;
	background: url(http://www.herniakliniek.nl/images/blockquote_bg.png) repeat-x;
	width: 500px;
	border-style: solid;
	border-width: 1px;
	border-color: #6D95CE;
}

blockquote h2 {
	padding: 0px 0px 0px 25px;
}

blockquote h3 {
	text-decoration: underline;
	margin: 10px 20px 20px 25px;
}

blockquote p {
	margin: 20px 25px 20px 25px;
}


blockquote ul 	{
	list-style : outside url(http://www.herniakliniek.nl/images/vink2.gif);
	margin-top: 5px;
}

blockquote ol 	{
	margin: 0px;
}

blockquote li 	{
	padding: 0px 10px 0px 10px;
}

#verify { text-transform:uppercase; }