/*
###########################################################
#
# Filename:			body.css
#
# Copyright:		2008 S-Inside
# Project:			www.aspergerecepten.nl
# Platform:			CSS
# Date created: 	Maart 2008 
#
    used colours for this website:
    #0a4329 	groen
    #fbfdfc		achtergrond
    #fef500		geel
#
###########################################################
*/


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

li {
	line-height: 22px;
}

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

td.rijlogo {
	height: 115px;
	padding-left: 25px;
	font-size: 0pt;
}

.top-foto {
	border-left: 1px solid #0a4329;
	border-right: 1px solid #0a4329;
}
	
td.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding-top: 4px;
	white-space: nowrap;
	background-color: #0a4329;
	color: #ffffff;
}

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

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

div.inhoud a:hover {color: #3ba93e;}
div.inhoud a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
    text-decoration: underline;
	background-color: #fbfdfc;
	color: #0a4329;
}

.photodesign {
	position: relative;
	margin-top: 86px;
	margin-left: 20px;
	margin-right: 5px;
}

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

a.link:hover {color: #3ba93e;}
.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
    text-decoration: underline;
	background-color: #fbfdfc;
	color: #0a4329;
}

a.aceera:hover {color: #fef500;}
.aceera {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
    text-decoration: underline;
	background-color: #0a4329;
	color: #ffffff;
}

a.copy:hover{text-decoration:underline; color: #fef500;}
a.copy{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
	font-weight: bold; 
    text-decoration: none;
    margin-left: 25px;
	background-color: #0a4329;
	color: #ffffff;
}

td.bottom {
	height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
	font-weight: bold; 
    text-decoration: none;
    padding-right: 26px;
    background-color: #0a4329;
	color: #ffffff;
}

select.year_switch {
	position: relative;
	left: 4px;
	border: 1px solid #0a4329;
  	background: #3ba93e;
  	color: #fbfdfc;
}

td.calender_year {
	padding-right: 10px;
	border-left: 2px solid #0a4329;
	white-space: nowrap;
  	background: inherit;
  	color: #3ba93e;
}

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: #3ba93e;
}

a.cal_link:hover  {text-decoration: underline; color: #3ba93e;}
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: #0a4329;
}

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: #0a4329;
}

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: #0a4329;
}

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: #0a4329;
}

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

.bredeknop {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	width: 200px;
	height: 22px;
	cursor: pointer;
  	border-top: 2px solid #ededed;
  	border-left: 2px solid #ededed;
  	border-right: 2px solid #054024;
  	border-bottom: 2px solid #054024;
  	background-color: #e5f5e7;
  	color: #0a4329;
}

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

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

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

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

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

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

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

.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;
}
.smakelijk { 
	position: relative;   
    top: 30px;
    padding-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	font-weight: bold;
}

#restdetails{
    margin: 20px;   
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
}

#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: 200px;
	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;
  	}
}