/*
###########################################################
#
# Filename:			body.css
#
# Copyright:		2007 S-Inside
# Project:			www.aceera.nl
# Platform:			CSS
# Date created: 	December 2007 
#
    used colours for this website:
    #31a43f 	groen
    #054024		donkergroen tekst
    #fbfdfc		achtergrond
#
###########################################################
*/


body {
	margin: 0px;
	padding: 0px;
	background-color: #fbfdfc;
	color: #054024;
}

li {
	line-height: 22px;
}

.toptable {
	position: absolute;
	border: 1px solid #054024;
	width: 100%;
	background-color: #fbfdfc;
	background-image: url(../img/back.gif);
	background-repeat: no-repeat;
	background-position: top right;
	color: #054024;
}

td.rijlogo {
	height: 115px;
	padding-top: 5px;
	padding-left: 20px;
}

td.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding-top: 4px;
	text-align: left;
	border-bottom: 1px solid #054024;
	border-top: 1px solid #054024;
	white-space: nowrap;
	background-color: #31a43f;
	color: #000000;
}

td.inhoud {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
    text-decoration: none;
    width: 90%;
	padding-top: 30px;
	padding-left: 15px;
}

div.inhoud {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
    text-decoration: none;
	width: 90%;
	min-height: 400px;
}

div.inhoud a:hover {color: #31a43f;}
div.inhoud a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	/*font-size: 10pt;
    background-color: #fbfdfc;
	color: #054024;*/
	background-color: inherit;
	color: inherit;
}

.photodesign {
	position: relative;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 5px;
	border: 1px solid #054024;
}

.titel{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
    text-decoration: none;
    margin-top: 10px;
    color: #054024;
}

a.link:hover {color: #31a43f;}
.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
    text-decoration: underline;
	background-color: #fbfdfc;
	color: #054024;
}

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

a.copy{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
	font-weight: bold; 
    text-decoration: none;
    background-color: #31a43f;
	color: #054024;
}

td.bottom {
	height: 24px;
	border-top: 1px solid #054024;
	text-align: center;
	background-color: #31a43f;
	color: #054024;
}

select.year_switch {
	position: relative;
	left: 4px;
	border: 1px solid #054024;
  	background: #31a43f;
  	color: #fbfdfc;
}

td.calender_year {
	padding-right: 10px;
	border-left: 2px solid #31a43f;
	white-space: nowrap;
  	background: inherit;
  	color: #31a43f;
}

td.calender_year a.cal_links {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt;
  	font-weight: bold;
    text-decoration: underline;
  	padding-left: 4px;
  	line-height: 18px;
  	white-space: nowrap;
  	background: inherit;
  	color: #31a43f;
}

td.calender_year a.cal_link:hover  {text-decoration: underline; color: #31a43f;}
td.calender_year a.cal_link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt;
  	font-weight: bold;
  	text-decoration: none;
  	padding-left: 4px;
  	line-height: 18px;
  	white-space: nowrap;
  	background: inherit;
  	color: #054024;
}

a.sitemaphoofdlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	font-weight: bold;
    text-decoration: underline;
  	padding-left: 4px;
  	line-height: 18px;
  	white-space: nowrap;
  	background: inherit;
  	color: #054024;
}

a.sitemaplink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 9pt;
  	text-decoration: underline;
  	padding-left: 4px;
  	line-height: 18px;
  	white-space: nowrap;
  	background: inherit;
  	color: #054024;
}

a.sitemapsublink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 9pt;
    text-decoration: underline;
  	padding-left: 4px;
  	line-height: 18px;
  	white-space: nowrap;
  	background: inherit;
  	color: #054024;
}

.gedicht {
	width: 204px;
	padding: 14px;
	margin-right: 20px;
	margin-bottom: 5px;
	float: left;
	font-family: Tahoma;
  	font-size: 10pt;
  	font-weight: normal;
  	border: 2px solid #054024;
  	background: #e5f5e7;
  	color: #054024;
}

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

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

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

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

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

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

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

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

.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;
}


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

#foutmelding {
	display: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	position: absolute;
	padding: 20px;
	top: 200px;
	left: 200px;
	width: 400px;
	height: 300px;
	border: 2px solid #054024;
	background-color: #ffffff;
	color: #054024;
	z-index: 200;
}

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