/* style wwdig.nl */
html,body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: url(/images/bg.jpg) repeat-x;
	background-color: #FFFFFF;
	z-index: 0;
}


#container {
	margin-left: auto;
	margin-right: auto;
	width: 820px;
	height: auto;
	background-color: silver;
	z-index: 1;
	display: block;
}
div.clear{
	clear: both;
}
#banner {
	width: 820px;
	height: 35px;
	background-image: url(/images/banner.jpg);
	z-index: 2;
	overflow: hidden;
	padding-top: 125px;
}

#nav {
	width: 810px;
	height: 35px;
	z-index: 3;
	text-align: right;
	padding: 5px 5px 0px 5px;
}

#mid_container {
	width: 820px;
	z-index: 2;
	background-color: silver;
}

#left {
	width: 140px;
	z-index: 3;
	float: left;
	padding: 10px 10px 10px 10px;
}

/* for understanding browsers */
#mid {
	width: 460px;
	z-index: 3;
	overflow:visible;
	float:left;
	background-color: White;
	padding: 10px 20px 30px 20px;
	min-height:20em; 
	height:auto;
}
/* for Internet Explorer */
/*\*/
* html #mid {
height: 20em;
}
/**/

/* Min height thanks to: Stu Nicholls from www.cssplay.co.uk/ */

#right {
	width: 140px;
	z-index: 3;
	float: right;
	padding: 10px 10px 10px 10px;
}

#bottom {
	clear: both;
	width: 800px;
	height: 34px;
	background-color: #0F0F0F;
	z-index: 2;
	padding: 0px 10px 0px 10px;
	text-align: center;
	color: #DDDDDD;
	font : italic 8pt Verdana, sans-serif;
	
}

#bottom table {
	height: 100%;
	width: 100%;
	vertical-align: middle;
}

/*  NAV  */

table.nav {
	width: 100%;
	height: 100%;
	padding-right: 6px;
}

table.nav td{
	vertical-align: middle;
	text-align: right;
}


/* Opmaak */
table.kop {
	table-layout: fixed;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: -4px;
	margin-bottom: 10px;
}

td.linker {
	font : normal normal bold 110% Verdana, sans-serif;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	color: #585858;
	text-align: left;
}

td.rechter {
	font: normal normal bold 90% Verdana, sans-serif;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	color: #585858;
	text-align: right;
}

img {
	border: none;
}

#bottom input {
	background-color: silver;
	border: none;
}

#bottom input.submit {
	background-color: silver;
	border: none;
	cursor: pointer;
}

#bottom input.submit:hover {
	color: #3954cc;
}

td.formulier{
	vertical-align: top;
	text-align: left;
	font : normal normal 80% Verdana, sans-serif;
	color: #707070;
}

.contentSamen {
	font : normal normal normal 80% Verdana, sans-serif;
	margin-left: 20px;
	margin-top: 0px;
	margin: 0px 0px 0px 20px;
	color: #545454;
	display: block;
}

.content , p , .contentSub{
	font : normal normal 10pt Verdana, sans-serif;
	color: #545454;
	letter-spacing: 0.03em;
	line-height: 1.3em;
}

.content {
	margin: 10px 0px 0px 0px;
}

p {
	margin: 5px 0px;
}

h1 , h2 , h3 {
	
	color: #585858;
	font-family: sans-serif;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.05em;
}

h1{
	font-size: 14pt;
}

h2{
	font-size: 12pt;
}

/* Om de ruimte voor een lijst item nul te krijgen moeten de volgende regels gebruikt worden */
ul {
 margin-left: 0em;
 padding-left: 0em;
 list-style-type: none;
 }
 
 ul.content {
 	list-style-type: disc;
 	margin-left: 1.2em;
 	padding-left: 0em;
 }
/* Forms */
form .knoppen {
	border: thin solid gray;
	width: 100px;
	margin-top: 5px;
}
textarea , input{
	border: thin solid gray;
}

textarea {
	width: 425px;
	height: 200px;
}
input , select{
	width: 285px;
}

/* Pagina teller */

.teller {
	display: inline;
}


.content_archief {
	font : normal normal 70% Verdana, sans-serif;
	color: #545454;
}

hr {
	margin-top: 5px;
	margin-bottom: 5px;
}
/* Stijl voor de datum en de auteur in de nieuwspagina's */

.contentSub {
	font-size: 8pt;
	color: #707070;
	margin:15px 0px 0px 0px;
}

.content_nav {
	font : 10pt Verdana, sans-serif;
	color: #707070;
}

.form_content {
	font : normal normal 10pt Verdana, sans-serif;
	color: #707070;
}


.content_vet {
	font : normal normal bold 100% Verdana, sans-serif;
	color: #585858;
}

a:link {
	font : 10pt Verdana, sans-serif;
	color: Black;
	text-decoration: none;
	border: none;
}

a:visited {
	font : 10pt Verdana, sans-serif;
	color: Black;
	text-decoration: none;
}

a:active {
	font : 10pt Verdana, sans-serif;
	color: Black;
	text-decoration: none;
}

a:hover {
	font : 10pt Verdana, sans-serif;
	color: #3954cc;
}

#nav a:link {
	font : 9pt Verdana, sans-serif;
	font-weight: bold;
	color: White;
	text-decoration: none;
}

#nav a:visited {
	font : 9pt Verdana, sans-serif;
	font-weight: bold;
	color: White;
	text-decoration: none;
}

#nav a:active {
	font : 9pt Verdana, sans-serif;
	font-weight: bold;
	color: White;
	text-decoration: none;
}

#nav a:hover {
	font : 9pt Verdana, sans-serif;
	font-weight: bold;
	color: #3954cc;
}

#bottom a:link {
	font : 8pt Verdana, sans-serif;
	color: White;
	text-decoration: none;
}

#bottom a:visited {
	font : 8pt Verdana, sans-serif;
	color: White;
	text-decoration: none;
}

#bottom a:active {
	font : 8pt Verdana, sans-serif;
	color: White;
	text-decoration: none;
}

#bottom a:hover {
	font : 8pt Verdana, sans-serif;
	color: #3954cc;
}

a:link.small {
	background-color: transparent;
	font : italic 8pt Verdana, sans-serif;
	color: Gray;
	text-decoration: none;
	border: none;
}

a:visited.small {
	background-color: transparent;
	font : italic 8pt Verdana, sans-serif;
	color: Gray;
	text-decoration: none;
}

a:active.small {
	background-color: transparent;
	font : italic 8pt Verdana, sans-serif;
	color: Gray;
	text-decoration: none;
}

a:hover.small {
	background-color: HighlightText;
	font : italic 8pt Verdana, sans-serif;
	color: #3954cc;
}