/*
###########################################################
#
# Filename:			body.css
#
# Copyright:		2007 S-Inside
# Project:			www.notarissenswalmen.nl
# Platform:			CSS
# Date created: 	Maart 2007 
#
    used colours for this website:
    #a8aeb8 	grey
    #b70202		red
    #59caef		blue
#
###########################################################
*/


body {
	margin: 0px;
	padding: 0px;
	background-color: #59caef;
	color: #ffffff;
}

.toptable {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 0pt; 
	z-index: 9;
	width: 98%;
	background-color: #b70202;
	color: #ffffff;
}

div.logo {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 10;
}

td.topfoto {
	width: 100%;
	height: 74px;
	background-color: #59caef;
	color: #ffffff;
}

.topinhoudtable {
	height: 34px;
	width: 100%;
	background-image: url(../img/topinhoudtable.gif);
	background-repeat: repeat-x;
	line-height: 30px;
	text-decoration: none;
	white-space: nowrap;
	background-color: inherit;
	color: #b70202;
}

div.altmenu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: Bold; 
	font-size: 8pt; 
	word-spacing: 12px;
}

tr.menuline {
	text-align: center;
	padding-top: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: Bold; 
	font-size: 8pt; 
	background-color: inherit;
	color: #b70202;
}

.inhoudtable {
	width: 98%; 
	font-size: 0pt;
	background-color: #ffffff;
	color: #000000;
}

.bottominhoudtable {
	height: 34px;
	background-image: url(../img/bottominhoudtable.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;
	color: #9e0a0a;
}

.tableborder {
	border: 1px solid #b70202;
}

td.inhoudleft {
	width: 8px;
	background-image: url(../img/inhoudleft.gif);
	background-repeat: repeat-y;
}

.inhoud {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	overflow: auto; 
	z-index: 50;
	min-height: 300px;
	background-color: #ffffff;
	color: #000000;
}

.inhoud_smal {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	overflow: auto; 
	z-index: 50;
	min-height: 300px;
	background-color: #ffffff;
	color: #000000;
}

.normaltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #ffffff;
	color: #000000;
}

td.inhoudright {
	width: 8px;
	background-image: url(../img/inhoudright.gif);
	background-repeat: repeat-y;
}

h1.titel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	padding-top: 0px;
	padding-bottom: 6px;
	background-color: inherit;
	color: #b70202;
}

h3.titel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	padding-top: 0px;
	background-color: inherit;
	color: #b70202;
}

.redtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	font-weight: bold;
  	background-color: inherit;
  	color: #c80202;
}

.greentext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	font-weight: bold;
  	background-color: inherit;
  	color: #0e6e0e;
}

.lired {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	font-weight: normal;
	background-color: inherit;
	color: #b70202;
}

a:hover {
	text-decoration: underline;
	background-color: inherit;
	color: #000000;
}

a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	font-weight: bold;
	text-decoration: none;
	background-color: inherit;
	color: #b70202;
}

a.link:hover {
	text-decoration: underline;
	background-color: inherit;
	color: #000000;
}

a.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	font-weight: bold;
	text-decoration: none;
	background-color: inherit;
	color: #b70202;
}

.nieuwslink:hover {
	text-decoration: underline;
	background-color: inherit;
	color: #b70202;
}

.nieuwslink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	text-decoration: none;
	line-height: 20px;
	margin-left: 20px;
	background-color: inherit;
	color: #000000;
}

.bcolor{
	border: 1px solid #b70202;
}

.sitemaphoofdlink:hover {text-decoration: none;}
.sitemaphoofdlink{
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	font-weight: bold;
  	letter-spacing: 0pt; 
  	text-decoration: underline;
  	line-height: 20px;
  	color: #b70202;
  	background-color: inherit;
}

.sitemaplink:hover {text-decoration: none;}
.sitemaplink{
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	letter-spacing: 0pt;
  	font-weight: normal; 
  	text-decoration: underline;
  	line-height: 20px;
  	background-color: inherit;
  	color: #000000;
}

.sitemapsublink:hover {text-decoration: none;}
.sitemapsublink{
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	letter-spacing: 0pt; 
  	text-decoration: underline;
  	line-height: 16px;
  	background-color: inherit;
  	color: #000000;
}

#image_big {
	position: absolute;
	display: none;
	left: 30%;
	top: 160px;
	padding: 5px;
	z-index: 300;
	border: 2px solid #b70202;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	font-weight: bold;
  	text-decoration: underline;
	cursor: pointer;
	background-color: #ffffff;
	color: #000000;
}

#foutmelding {
	position: absolute;
	display: none;
	top: 260px;
	left: 25%;
	width: 400px;
	padding: 20px;
	z-index: 200;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	cursor: pointer;
	border: 2px solid #a71f1f;
	background-color: #f1f1f1;
	color: #a71f1f;
}

@media screen{
  	body>div#image_big{
   		position: fixed;
  	}
  	body>div#foutmelding{
   		position: fixed;
  	}
}

div.copy {
	position: relative;
	top: 10px;
}

a.copy:hover {text-decoration: underline;}
a.copy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: Bold; 
	font-size: 7pt; 
	text-decoration: none; 
	background-color: inherit;
	color: #000000;
}

.kleintekst {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	text-decoration: none; 
	background-color: inherit;
	color: #000000;
}	

.newslist {
	width: 100%;
	min-width: 580px;
}

.uitklaptekst {
	position: relative;
	top: 5px;
	width: 95%;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	display: none;
  	padding: 5px;
	background: #a6e7fa;
	border: 1px solid #59caef;
	color: #000000;
}

.uitklaptekst a:hover {
	text-decoration: underline;
}

.uitklaptekst a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 9pt;
	text-decoration: none;
  	background-color: inherit;
  	color: #000000;
}

.uitklapbottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt; 
	white-space: nowrap;
  	background-color: inherit;
  	color: #000000;
}

.knop {
	width: 80pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-weight: bold;
	font-size: 8pt;
	color: #ffffff;
	background-color: #b70202;
	border-top-color: #ff0101;
	border-left-color: #ff0101;
	border-right-color: #000000;	
	border-bottom-color: #000000;
	border-top-style: outset;
	border-right-style: outset;
	border-left-style: outset;
	border-bottom-style: outset;
}

.textbox {
	width: 360px;
	height: 16px;
	border: 1px solid #b70202;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt;
	font-weight: bold;
	background-color: #e3eef1;
	color: #b70202;
}

.dropbox {
	width: 364px;
	border: 1px solid #b70202;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt;
	font-weight: bold;
	background-color: #e3eef1;
	color: #b70202;
}

.textbox_pc {
	width: 60px;
    height: 16px;
    border: 1px solid #b70202;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
	background-color: #e3eef1;    
	color: #b70202; 
}

.textbox_plaats {
	width: 280px;
    height: 16px;
    border: 1px solid #b70202;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:8pt;
    font-weight: bold;
	background-color: #e3eef1; 
    color: #b70202;
}

.areabox {
	width: 360px;
	height: 80px;
	border: 1px solid #b70202;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt;
	font-weight: bold;
	background-color: #e3eef1;
	color: #b70202;
}

.areabox_small {
	width: 240px;
	height: 40px;
	border: 1px solid #b70202;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt;
	font-weight: bold;
	background-color: #e3eef1;
	color: #b70202;
}

.checkbox {
	border: 1px solid #b70202;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt;
	font-weight: bold;
	background-color: #e3eef1;
	color: #b70202;
}