/*  
Theme Name: Onder de Platanen Summer Day
Version: 1.0
Author: Mark van der Putten
Author URI: http://www.thunderbite.eu

*/

*
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00A0C6;
}

h2
{
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #B4D618;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding-left: 4px;
}

body { 
	margin: 0;
	padding: 0;
}

#container {
	width: 780px;
	margin: 0 auto;
	padding-bottom: 120px;
	position: relative;
	z-index: 10;
}

#logo {
	float: left;
	position: absolute;
	width: 160px;
	height: 166px;
}

#holder_head_menu 
{
	width: 780px;
	height: 48px;
	line-height: 48px;
	text-align: right;
	margin-bottom: 25px;
	background: url(/img/layout/holder_headmenu.png) no-repeat;
}

#nav {
	list-style: none;
	margin: 0;
	padding-right: 16px;
}

#nav li {
	display: inline;
	font-size: 1em;
	margin-left: 2px;
	margin-right: 2px;
}

#nav li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #02A1C6;
	text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
}

#nav li span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #02A1C6;
	text-decoration: none;
}

#nav li a:hover {
	color: #8cc63f;
}

#main_holder_top {
	width: 780px;
	height: 16px;
	background: url(/img/layout/main_top.png) no-repeat;
}

#main_holder {
	width: 780px;
	background: #FFF;
}

#content_div_holder {
	float: left;
	background: #FFF;
}

#main_left_holder {
	float: left;
	width: 144px;
	padding-left: 16px;
	padding-top: 16px;
	background: #FFF;
}

#main_right_holder {
	float: left;
	width: 588px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 16px;
	background: #FFF;
}

#main_holder_bottom {
	clear: both;
	width: 780px;
	height: 16px;
	background: url(/img/layout/main_bottom.png) no-repeat;
}

#grass {
	width: 100%;
	height: 52px;
	position: fixed;
	bottom: 0;
	z-index: 11;
}

#boom {
	width: 81px;
	height: 117px;
	position: fixed;
	bottom: 27px;
	left: 14px;
	z-index: 12;
}

#boerderij {
	width: 168px;
	height: 136px;
	position: fixed;
	bottom: 17px;
	right: 0;
	z-index: 12;
}

#cows {
	width: 133px;
	height: 61px;
	position: fixed;
	bottom: 0;
	right: 50%;
	z-index: 12;
}

#pigs {
	width: 153px;
	height: 48px;
	position: fixed;
	bottom: 0;
	left: 46px;
	z-index: 12;
}

#airplane{
	width: 139px;
	height: 37px;
	background: url(/img/layout_summer_day/plane.png) no-repeat;
	z-index: 5;
	position: fixed;
	top: 120px;
	display: none;
}

#subNav
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 0;
	background: #B4D618;
	padding-bottom: 4px;
	background: url(http://www.onderdeplatanen.nl/img/layout/submenu_bottom.jpg) bottom no-repeat #B4D618;
}

#subNav li
{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	margin-left: 4px;
	margin-right: 4px;
	background: #B4D618;
	border-bottom: 1px dashed #FFF;
}

#subNav li.currentLast
{
	border-bottom: none;
	color: #02A1C6;
}

#subNav li.current
{
	color: #02A1C6;
}


#subNav li.last
{
	border-bottom: none;
}

#subNav li a
{
	color: #FFF;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#subNav li a:hover
{
	color: #02A1C6;
	text-decoration: none;
}

.skypeButton
{
	padding-top: 10px;
}

/* ------- NEWS -------- */
.newsItemHolder
{
	padding: 4px;
	padding-bottom: 8px;
}

.newsImageHolder
{
	float: left;
	padding-right: 10px;
}

.newsImageHolder img
{
	background: url("/img/layout/news_bottom.png") bottom no-repeat;
	padding-bottom: 5px;
}

.clr
{
	clear: both;
	width : 100%;
	padding: 0;
	margin: 0;
}

.newsHeaderHolder a p
{
	padding: 0;
	margin: 0;
}

.newsHeaderHolder p
{
	padding: 0;
	margin: 0;
}

.current
{
	color: #8cc63f !important;
}

.subMenuTopBottom
{
	padding: 0;
	margin: 0;
	background: #B4D618; 
}


#contact_form fieldset
{
	border: 0;
}

#contact_form label
{
	display:block;
	float: left;
	width: 30%;
	margin-top: 9px;
	margin-bottom: 9px;
	padding-right: 6px;
	text-align: left;
	font-weight: bold;
}

#contact_form label.error
{
	width: 100%;
	float: left;
	color: red;
	font-weight: bold;
	padding: 0;
	padding-bottom: 6px;
	margin: 0;
	text-align: left;
	display: none;
}

#contact_form input.text-input,
#contact_form textarea.text-input
{
	width: 65%;
	float: left;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 4px;
	border: 2px solid #02A1C6;
	font-weight: bold;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#contact_form textarea.text-input
{
	height: 80px;
}

#contact_form input.text-input:focus,
#contact_form textarea.text-input:focus
{
	border: 2px solid #B4D618;
	font-weight: bold;
}

#contact_form input.button
{
	clear: both;
	float: right;
}

.clear
{
	width: 100%;
	clear: both;
	padding: 0;
	margin: 0;
}

/**** IMAGES ON THE TOP ******/


#foto_holder {
	width: 588px;
	height: 95px;
	margin-right: 16px;
	text-align: right;
	padding-left: 176px;
}


#headPictures
{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#headPictures li
{
	margin: 0;
	padding: 0;
	display: block;
}

.foto 
{
	display: none;
}




/**
 *
 * Contact form ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 *
**/
div#contactInfo
{
	float:	left;
	width:	49%;
}

div#contactInfo h3
{
	padding: 2px;
	margin: 0;
}

div#contactInfo p
{
	padding: 2px 2px 8px 2px;
	margin: 0;
}

div#contactFormHolder
{
	background:					#EEEEEE;
	float:						right;
	width:						50%;
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
}

div#sendingForm,
div#sendingSucces
{
	padding: 8px;
}

div#sendingForm h3
{
	background: url(/img/layout/loader.gif) center 20px no-repeat;
	margin:	0;
	padding: 0 0 28px 0;
}

div#sendingSucces h3
{
	margin:	0;
	padding: 0;
	
}

form#contactForm
{
	
}

form#contactForm fieldset
{
	border: none;
}

form#contactForm div.row
{
	clear: both;
}

form#contactForm label
{
	display: block;
	font-weight: bold;
	padding: 6px 0 2px 0;	
}

form#contactForm label.error
{
	background: 								#FBE3E4;
	border:										1px solid #FBC2C4;
	border-top:									none;
	color:										#D12F19;
	display:										normal;
	font-weight:								normal;
	font-size: 									11px;
	margin-top:									-6px;
	padding:										4px;
	-moz-border-radius-bottomleft:		4px;
	-moz-border-radius-bottomright:		4px;
	-webkit-border-bottom-left-radius:	4px;
	-webkit-border-bottom-right-radius:	4px;
}

form#contactForm input,
form#contactForm select,
form#contactForm textarea
{
	border:						1px solid #CCCCCC;
	margin-bottom:				4px;
	padding:						3px;
	width:						100%;
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
	
	box-sizing:				border-box;	/* css3 rec */
	-moz-box-sizing:		border-box;	/* ff2 */
	-ms-box-sizing:		border-box;	/* ie8 */
	-webkit-box-sizing:	border-box;	/* safari3 */
	-khtml-box-sizing:	border-box;	/* konqueror */
}

form#contactForm input:focus,
form#contactForm select:focus,
form#contactForm textarea:focus
{
	border: 1px solid #8CC63F;
}

form#contactForm input.error,
form#contactForm select.error,
form#contactForm textarea.error
{
	border: 1px solid red;
}