/* general tag styles */

html {
	height : auto !important; 
    height : 100%; 
	min-height : 100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #626262;
	background-color: #fff;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 11px;
	height : auto !important; 
    height : 100%; 
	min-height : 100%;
}

p, td, li, form, label {
	font-size: 11px;
}

td, ul, ol, li, form, input, select {
	padding: 0;
	margin: 0;
}

img {
	padding: 0;
	border: 0;
}

p {
	line-height: 120%;
	padding: 0 0 10px 0;
	color: #626262;
	font-weight: normal;
	border: 0;
	margin: 0;
}

h1 {
    font-size: 10px;
	line-height: 120%;
	padding: 0 0 30px 0;
	border: 0;
	margin: 0;
	color: #84D2D8;
}

h2 {
	font-size: 24px;
	line-height: 120%;
	padding: 0 0 30px 0;
	border: 0;
	margin: 0;
	font-weight: normal;
	color: #FFA646;
}


h3 {
	font-size: 16px;
	line-height: 120%;
	padding: 0 0 15px 0;
	border: 0;
	margin: 0;
	color: #FEA546;
}

h4 {
	font-size: 12px;
	line-height: 120%;
	padding: 0 0 15px 0;
	border: 0;
	margin: 0;
	text-transform: uppercase;
	color: #FEA546;
}

h5, h6 {
	font-size: x-small;
	padding: 10px 0 2px 0;
	border: 0;
	margin: 0;
}

select {
	font-size: x-small;
}

a {
	color: #FFA646;
}

a:hover {
	color: #FFA646;
}

label {
	color: #000;
	vertical-align: top;
	font-size: x-small;
}

.em-note {
  font-style: italic;
}

/* tabular data cell styles */

td {
	text-align: left;
	vertical-align: top;
}

td.lm {
	text-align: left;
	vertical-align: middle;
	font-size: x-small;
}

td.lb {
	text-align: left;
	vertical-align: bottom;
}

td.lt {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

td.ct {
	text-align: center;
	vertical-align: top;
}

td.cm {
	text-align: center;
	vertical-align: middle;
}

td.cb {
	text-align: center;
	vertical-align: bottom;
}

td.rt {
	text-align: right;
	vertical-align: top;
}

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

td.rb {
	text-align: right;
	vertical-align: bottom;
}

/* floated images */

.img-flush-left {
	float: left;
	margin: 0 10px 5px 0;
}

.img-left-red {
	float: left;
	margin: 0 10px 5px 0;
	border-bottom: 10px solid #C20274;
}

.img-left-orange {
	float: left;
	margin: 0 10px 5px 0;
	border-bottom: 10px solid #FFA646;
}

/* main containers */ 

#main-container {
	text-align: left; 
	margin: 0 auto;
	padding: 0 0 50px 0;
	width: 1024px;
	height : auto !important; 
    height : 100%; 
	min-height : 100%;
}

/* content containers */

#content-container {
	padding: 25px 0 20px 35px;
	background: #fff;
}

#column-l {
	float: left;
	width: 185px;
}

#column-c {
	float: left;
	width: 520px;
	padding: 0 20px 0 19px;
}

#column-c-l {
	float: left;
	width: 480px;
	padding: 0 39px 0 39px;
}

#column-r {
	float: left;
	width: 210px;
	margin: 0;
}

#column-c-recipes {
	float: left;
	width: 480px;
	padding: 0 20px 0 19px;
}

#column-r-large {
	float: left;
	width: 232px;
	margin: 0;
}

/* header */

#header {
	background: #fff url(../images/banner.jpg) right top no-repeat;
	padding: 0 0 0 35px;
}

#header-content {
	float: right;
	text-align: right;
	width: 760px;
	padding: 0 34px 0 0;
}

#slogan {
	margin: 0 80px 16px 0;
}

/* util navigation */

#util {
	float: right;
	margin: 0 0 28px 0;
	padding: 0 7px 0 0;
	background: url(../images/util_r.jpg) right top no-repeat;
}

#util-l {
	padding: 0 0 0 8px;
	background: url(../images/util_l.jpg) left bottom no-repeat;
}

#util-c {
	padding: 8px 0 6px 0;
	background: url(../images/util_c.jpg) left bottom repeat-x;
}

#util-c a {
	margin: 0 8px 0 4px;
}

/* main navigation */

#subnav {
	background: #fff url(../images/subnav_shadow.jpg) left bottom no-repeat;
	padding: 9px 0 15px 257px;
}

#subnav a {
	margin: 0 14px 0 0;
}

/* login box */

#login {
	margin: 20px 0 0 0;
	_margin: 18px 0 0 0;
	padding: 0 0 6px 0;
	background: url(../images/login_bg.jpg) left bottom no-repeat;
	height: 239px;
	min-height: 239px;
}

#login form {
	padding: 0 25px 0 25px;
	color: #fff;
	font-size: 10px;
}

#login form input {
	background: #DDF5F6;
	border: none;
	padding: 1px;
	width: 135px;
}


#login form .btn {
	background: #59B7BE;
	text-align: right;
}

#login form .btn input {
	background: #59B7BE;
	text-align: right;
	width: 56px;
}

#login ul {
	list-style: none;
	margin: 5px 0 0 25px;
}

#login li {
	background: url(../images/double_arrow.jpg) left top no-repeat;
	list-style: none;
	padding: 0 0 10px 15px;
}

#login li a {
	color: #fff;
	font-size: 10px;
}

/* news box */

#news {
	background: url(../images/news-bg.jpg) left bottom no-repeat;
	margin: 20px 0 0 0;
	_margin: 18px 0 0 0;
}

#news p {
	color: #fff;
	padding: 0 15px 10px 9px;
	font-size: 10px;
}

/* bio box */

#bio {
	background: #F2FADC url(../images/bio_bg.jpg) left bottom no-repeat;
	height: 230px;
	min-height: 230px;
	margin: 0 0 16px 0;
}

#bio .content {
	background: #DDEEB1;
	margin: 0 0 10px 0;
	padding: 18px 4px 0 4px;
	height: 130px;
	min-height: 130px;
}

#bio .content p {
	color: #5D201E;
	padding: 0 0 5px 0;
	margin: 0;
}

#bio .content .img-flush-left {
	padding: 0 10px 0px 0 !important;
}

/* home page styles */

#home-news-box {
	background: #EEFCFD url(../images/home_news_bg.jpg) left bottom no-repeat;
	height: 265px;
	min-height: 265px;
}

#home-news-box .content {
	background: #DDF5F6;
	margin: 0 0 10px 0;
	padding: 3px 11px 10px 11px;
	height: 170px;
	min-height: 170px;
}

#home-news-box .content p {
	color: #5D201E;
	padding: 0 0 5px 0;
}

#home-news-box .date {
	float: left;
	width: 105px;
	text-align: left;
	font-weight: bold;
	color: #71CBD2 !important;
}	

#home-news-box .news-blurb {
	float: left;
	width: 360px;
}	

.news-sep {
	border-top: 1px solid #71CBD2;
	width: 45px;
	padding: 0 !important;
	margin: 5px 0 0 0;
}

.feat {
	background: #FEF0E1 url(../images/feat_btn.jpg) right bottom no-repeat;
	width: 250px;
	float: left;
	margin: 16px 0 0 0;
}

.feat p {
	color: #652422;
	padding: 7px 10px 7px 10px;
	font-weight: bold;
}

.feat p.descr {
	background: #F6D3AF;
}

.feat p.descr-link, .feat p.descr-link a, .feat p.descr-link a:hover {
	text-transform: uppercase;
	color: #652422;
	font-size: 12px;
	display: block;
	text-decoration: none;
}

.feat p.descr-link {
	padding: 10px 0 10px 10px;
}

.feat p.descr-link span {
	padding: 0 40px 0 0;
}

#feat-l {
	margin: 16px 20px 0 0;
}	

/* page titles */

h2.brown {
	color: #974A49;
}

h2.green {
	font-size: 12px;
	padding: 0 0 4px 0;
	font-weight: bold;
	color: #A4C74C;
}

h2.red {
	font-size: 12px;
	padding: 0 10px 15px 0;
	margin: 0 0 20px 0;
	font-weight: bold;
	color: #C20274;
}

h2.red img {
	float: right;
}

h2.red span {
	width: 325px;
	float: left;
}

h2.red1 {
	font-size: 12px;
	padding: 0 10px 4px 0;
	font-weight: bold;
	color: #C20274;
}

h2.orange {
	font-size: 12px;
	padding: 0 0 4px 0;
	font-weight: bold;
	color: #FFA646;
}

h2.blue {
	font-size: 12px;
	padding: 0 0 4px 0;
	font-weight: bold;
	color: #71CBD2;
}

h2.brown1 {
	font-size: 12px;
	padding: 0 0 4px 0;
	font-weight: bold;
	color: #5E211F;
}

h2.brown2 {
	font-size: 14px;
	padding: 0 0 15px 0;
	font-weight: bold;
	color: #5E211F;
}

/* lists */

.page-sections {
	list-style: none;
	margin: 0 0 20px 0;
}

.page-sections li {
	padding: 0 0 15px 35px;
}

.page-sections li a, .page-sections li a:hover {
	font-weight: bold;
	font-size: 12px;
}

#sections-green li {
	background: url(../images/green_arrow.jpg) left top no-repeat;
}

#sections-green li a {
	color: #A4C74C;
}

#sections-red {
	margin-right: 185px;
}

#sections-red li {
	background: url(../images/red_arrow.jpg) left top no-repeat;
}

#sections-red li a {
	color: #C20274;
}

#sections-orange li {
	background: url(../images/orange_arrow.jpg) left top no-repeat;
}

#sections-orange li a {
	color: #FFA646;
}

#sections-blue li {
	background: url(../images/green_arrow.jpg) left top no-repeat;
}

#sections-blue li a {
	color: #71CBD2;
}

.recipe-description ol {
	margin: 0 0 0 25px;
}

.recipe-description ol li {
	color: #FEA546;
	font-weight: bold;
}

/* over pages styles */

.partner {
	float: left;
	width: 400px;
}

.name-partner {
	background: url(../images/red_arrow_th.jpg) left top no-repeat;
	color: #C20274;
	padding: 0 0 10px 22px;
	font-weight: bold;
}

.download {
	background: url(../images/orange_arrows.jpg) left top no-repeat;
	padding: 0 0 10px 17px;
}

.download a, .download a:hover {
	color: #F8A144;
}

.quote {
	background: url(../images/quote_open.jpg) left top no-repeat;
	width: 330px;
	float: left;
	margin: 0 10px 0 30px;
	padding: 0 0 0 20px;
}

.quote div {
	padding: 0 20px 0 0; 
	background: url(../images/quote_close.jpg) right bottom no-repeat;
}

.quote p {
	color: #FFA646;
	font-style: italic;
}

/* contact page styles */


.contact th {
	color: #71CBD2;
	font-weight: normal;
	padding: 2px 4px 10px 0;
	text-align: right;
	vertical-align: top
}

.contact td {
	padding: 0 0 10px 0;
}

.contact td input, .contact td option, .contact td textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #71CBD2;
	color: #71CBD2;
	padding: 2px;
	font-size: 11px;
}

/* onze recepten page styles */

.a-z {
	text-align: center;
	padding: 0 40px 30px 0;
}

.a-z a {
	color: #A4C74C;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	margin: 0 2px 0 0;
}

.a-z a.selected {
	text-decoration: underline !important;
}

.recipes {
	margin: 20px 0 20px 0;
}

.recipes td {
	padding: 7px 10px 7px 10px;
}

.recipes td a {
	color: #626262;
	text-decoration: none;
	font-weight: bold;
}

.recipes td.alternative {
	background: #F2FADC;
}

.recipes td.alternative-rm {
	background: #F2FADC;
	text-align: right;
	vertical-align: middle;
}

.recipes td.alternative a {
	text-decoration: none;
}

.page-scroll {
	padding: 0 0 0 10px;
	color: #A4C74C;
}

.page-scroll a {
	color: #A4C74C;
	text-decoration: none;
}

.page-scroll a:hover {
	text-decoration: underline;
}

.page-scroll a.page {
	font-weight: bold;
}

.page-scroll a.page-selected {
	text-decoration: underline;
	font-weight: bold;
}


/* onze recepten details page styles */

.recipe-description {
	width: 230px;
	float: left;
	margin: 0 20px 0 0;
}

.recipe-ingredients {
	width: 230px;
	float: left;
}

.ingredients {
	background: #FCE6CF;
	padding: 18px 10px 18px 10px;
	color: #5E211F;
}

.ingredients p {
	color: #5E211F;
}

.legenda img {
	vertical-align: bottom;
}

/* bibliotheek page styles */

#page-scroll-orange {
	color: #FFA646;
}

#page-scroll-orange a {
	color: #FFA646;
}

#orange-table td.alternative {
	background: #FEDCB7;
}

#orange-table td.alternative-rm {
	background: #FEDCB7;
}

/* news page styles */

.date {
	color: #71CBD2;
	font-weight: bold;
	text-align: right;
	padding: 0 0 30px 0;
}

/* addressen page styles */

#a-z-blue {
	font-size: 15px;
	color: #71CBD2;
}

#a-z-blue a {
	color: #71CBD2;
}

#page-scroll-blue {
	color: #71CBD2;
}

#page-scroll-blue a {
	color: #71CBD2;
}

#blue-table td.alternative {
	background: #CFE7E9;
}

/* permaps page styles */

.left-links {
	float: left;
	width: 160px;
	margin: 0 20px 0 0;
}

.left-links ul {
	list-style: none;
}

.left-links ul li {
	font-size: 12px;
	font-weight: bold;
	color: #5E211F;
	margin: 0 0 5px 0;
	padding: 8px 0 8px 10px;
}

.left-links ul li a, .left-links ul li a:hover {
	font-size: 12px;
	font-weight: bold;
	color: #5E211F;
	text-decoration: none;
}

.left-links ul li.selected {
	background: #EEFCFD;
}

.left-links ul li span {
	font-size: 11px;
	font-weight: bold;
	color: #87D3D9;
}

.descr-links {
	float: left;
	width: 300px;
	margin: 0 0 0 0;
}

/* forum pages styles */

#page-scroll-brown {
	color: #5E211F;
}

#page-scroll-brown a {
	color: #5E211F;
}

#brown-table td.alternative {
	background: #E8DCDC;
}

#brown-table td.alternative-rm {
	background: #E8DCDC;
	text-align: right;
	font-weight: bold;
	vertical-align: middle;
}

#brown-table td.rm {
	font-weight: bold;
}

.topic-title {
	padding: 5px 10px 5px 10px;
	margin: 20px 40px 20px 0;
	background: #E8DCDC;
	color: #5E211F;
	font-weight: bold;
}

.message {
	padding: 0 40px 0 10px;
}

.message-info {
	color: #C20274;
	font-weight: bold;
}

.message-info span {
	float: right;
	color: #B4A2A2;
	font-weight: normal;
}

.message-util {
	font-weight: bold;
	padding: 0 40px 10px 10px;
}

.message-util span {
	float: right;
	color: #5E211F;
}

.message-util span a {
	color: #5E211F;
	text-decoration: none;
}

.message-util span a:hover {
	color: #5E211F;
	text-decoration: underline;
}

.message-util .post {
	color: #fff;
	text-decoration: none;
	background: #5E211F url(../images/icon_go.jpg) right top no-repeat;
	padding: 5px 35px 7px 5px;
}

.message-sep {
	border-top: 1px solid #71CBD2;
	width: 45px;
	padding: 0 !important;
	margin: 0 0 10px 10px;
}

#post {
	margin: 20px 0 20px 10px;
}

#post th {
	font-weight: normal;
	padding: 0 10px 4px 0;
	color: #5E211F;
	text-align: right;
}

#post td {
	padding: 0 10px 4px 0;
}

#post td input, #post td textarea {
	border: 1px solid #E8DCDC;
	font-size: 11px;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* footer */

#footer1 {
	background: #71CBD2 url(../images/footer1_bg.jpg) center top no-repeat;
	padding: 12px 0 12px 35px;
	color: #fff;
	font-size: 10px;
}

#footer1 a {
	color: #fff;
	text-decoration: none;
}

#footer1 a:hover {
	text-decoration: underline;
}

#footer2 {
	padding: 10px 0 10px 35px;
	color: #E6FBFC;
	background-color: #5E211F;
	font-size: 10px;
}

#footer2 a {
	color: #fff;
}

/* other styles */

.align-right {
	text-align: right;
	padding: 0 0 10px 0 !important;
}

.align-right-brown {
	text-align: right;
	padding: 10px 40px 0 0 !important;
}

.bottom-space {
	margin: 0 0 16px 0;
}

.flush-right {
	padding: 0 0 0 11px;
	color: #602220;
	font-weight: bold;
	font-size: 14px;
}

.flush-right a {
	float: right;
}

.top {
	color: #94D9DE;
	font-size: 10px;
	padding: 0 !important;
	margin: 0 0 15px 0;
	text-align: right;
	background: url(../images/sections_sep.jpg) left bottom no-repeat;

}

.top a {
	color: #94D9DE;
	font-size: 10px;
}

p.clearit {
  clear: both;
  line-height: 1px;
  padding: 0;
  font-size: 1px;
} 

div.clearit {
  clear: both;
} 

.blue {
	color: #71CBD2;
}

.blue a {
	color: #71CBD2;
	text-decoration: none;
}

.blue a:hover {
	color: #71CBD2;
	text-decoration: underline;
}

.horiz-line {
	font-size: 1px;
	lineheight: 1px;
	padding: 0;
	border-top: 1px solid #5E211F;
	margin: 10px 40px 20px 0;
}

.btn {
	border: none !important;
}

/* overlayer styles */

#overlayer {
	position: absolute;
	top: 10%;
	left: 30%;
	background: #71CBD2 url(../images/overlayer_bottom.jpg) left bottom no-repeat;
	padding: 25px 0 37px 0;
	width: 485px;
}

#overlayer .close {
	text-align: right;
	padding: 0 22px 7px 0;
}

#overlayer .overlayer-content {
	background: #fff url(../images/overlayer_top.jpg) left top no-repeat;
	margin: 0 5px 0 5px;
	padding: 45px 20px 8px 20px;
}

#overlayer .overlayer-content p {
	text-align: left;
	padding: 0 0 15px 0;
	color: #626262;
}

#overlayer .overlayer-content p.blue {
	color: #71CBD2;
}

#overlayer .overlayer-content h2 {
	color: #71CBD2;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}

.error{
	padding: 0;
	margin: 0;
	color: #FFA646;
}