/* 
Yes2web Standaard CSS - V 20100209 
Site.css Bevat alle elementen voor de opmaak van de website, exclusief de opmaak die door TinyMCE gebruikt kan worden.
*/

/*
Projectnaam/algemene info
@author: Roël van Dijk
@version: 20090209-001
*/
body, #publerBody {
	margin: 0;
	background: url(../../images/organicholland2/background/body_bg.jpg) center top no-repeat;
	min-width: 999px;
}
#container {
	position:relative;
	width:999px;	
	margin:0 auto; 		
	text-align: left;	
}
#header {
	height: 156px;
	background: url(../../images/organicholland2/background/header_bg.jpg) no-repeat;
}
body.dairy #header{ background: url(../../images/organicholland2/background/header_bg_2.jpg) no-repeat; }
body.arable-farming-and-field-vegetable #header{ background: url(../../images/organicholland2/background/header_bg_3.jpg) no-repeat; }
body.pigs #header{ background: url(../../images/organicholland2/background/header_bg_4.jpg) no-repeat; }
body.poultry-eggs #header{ background: url(../../images/organicholland2/background/header_bg_5.jpg) no-repeat; }
body.greenhouse-vegetables #header{ background: url(../../images/organicholland2/background/header_bg_7.jpg) no-repeat; }
body.fruit #header{ background: url(../../images/organicholland2/background/header_bg_8.jpg) no-repeat; }
body.markets-production-chains #header{ background: url(../../images/organicholland2/background/header_bg_9.jpg) no-repeat; }
body.trees  #header{ background: url(../../images/organicholland2/background/header_bg_10.jpg) no-repeat; }
body.vigorous-propagation-material  #header{ background: url(../../images/organicholland2/background/header_bg_11.jpg) no-repeat; }


#header a{
	display: block;
	width: 210px;
	height: 156px;
}
#header a.hide{
	display: none;
}
img.notvisibile{
	visibility: hidden;
}

#header img.headerimg{
	position: absolute;
	left: 211px;
	top: 0;
}
#header form{
	position: absolute;
	right: 20px;
	top: 140px;
}
#header form input{
	height: 10px;
}
#header form input#q{
	width: 166px;
	border: 0;
	float: left;
	font-size: 1em;
	line-height: 10px;
	height: 14px;
	background: none;
	padding: 0;
	margin-top: -2px;
	margin-top /*\**/: 1px\9; /* Only for Internet Explorer < 8 */
	_margin-top: 1px;

}
#header form button{
	text-indent: -5555px;
	border: 0;
	background: none;
	cursor: pointer;
}
#header p#breadcrum{
	position: absolute;
	top: 137px;
	left: 221px;
	color: #fff;
}
#header p.contact a{
	position: absolute;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	top: 117px;
	right: 20px;
	width: auto;
	height: auto;
}
body.contact #header p.contact a{
	color: #ffed00;
}

div#wrapper{
	float:left;
	width:100%; /* workaround */
}
div#contents{
	padding: 31px 7px 0 115px;
	margin: 0 210px;	/*Geef de margins zo breed als de columns */
	position: relative;
} 
body.news div#contents{
	padding: 31px 7px 0 0;
}

/*Left column
******************************/
div#left{
	float:left;
	width:170px;	/* De breedte + padding + border + margin moet even breed zijn als de margins van de contents */
	padding: 33px 20px;
	margin-left:-999px; 	/* Zo breed als de container */
	background: url(../../images/organicholland2/background/left_bg.jpg) no-repeat;
}	
div#left ul li{
	font-size: 1.2em;
	padding: 0 0 17px 0;
}
div#left ul li a{
	text-decoration: none;
	color: #000;
	font-weight: normal;
}
div#left ul li a:hover{
	text-decoration: underline;
}
div#left h2{
	color: #9c9e9f;
	font-size: 1.2em;
	line-height: 16px;
	margin: 0 0 5px 0;
	padding: 0;
	text-transform: uppercase;
}
div#left ul.sub-navigation{
	margin-bottom: 21px;
}
div#left ul.sub-navigation li{
	padding: 0 0 6px 0;
}
div#left ul.sub-navigation li a:hover{
	text-decoration: none;
}
div#left ul.sub-navigation li.selected a.rood,
div#left ul li a.rood:hover{
	color: #ca3900;
}
div#left ul.sub-navigation li.selected a.donkerbruin,
div#left ul li a.donkerbruin:hover{
	color: #964211;
}
div#left ul.sub-navigation li.selected a.oranje,
div#left ul li a.oranje:hover{
	color: #b93e3b;
}
div#left ul.sub-navigation li.selected a.lichtbruin,
div#left ul li a.lichtbruin:hover{
	color: #c56d30;
}
div#left ul.sub-navigation li.selected a.lichtgroen,
div#left ul li a.lichtgroen:hover{
	color: #817d44;
}
div#left ul.sub-navigation li.selected a.paars,
div#left ul li a.paars:hover{
	color: #b7006d;
}
div#left ul.sub-navigation li.selected a.blauw,				
div#left ul li a.blauw:hover{
	color: #00a7b8;
}
div#left ul.sub-navigation li.selected a.groen,
div#left ul li a.groen:hover{
	color: #6e6b23;
}	
div#left ul.sub-navigation li.selected a.bruin,			
div#left ul li a.bruin:hover{
	color: #9f6031;
}				

/*Right column
******************************/
div#right{
	float:left;
	width:177px;
	padding: 20px 20px 0 13px;
	margin-left:-210px; /* Evenveel naar links floaten als de breedte */
	color: #fff;
} 
div#right p{
	margin-bottom: 14px;
}
div#right img{
	margin-bottom: 5px;
}
div#right p a{
	color: #fff;
	font-size: 12px;
}
div#right p a:hover,
body.welcome div#right p.welcome a,
body.organic div#right p.agriculture a,
body.certification div#right p.organic a,
body.holland-organic div#right p.organic a{
	color: #ffed00;
}


/*Navigation
******************************/
ul#navigation{
	position: absolute;
	top: 118px;
	left: 214px;
	_left: 207px;
	text-transform: uppercase;
	font-size: 1.2em;
}
ul#navigation li{
	float: left;
	position: relative;
	margin-left: 7px;
	padding-bottom: 5px;
}
ul#navigation li a{
	font-size: 12px;
	color: #fff;
	background: url(../../images/organicholland2/background/menu_bg.png) right 3px no-repeat;
	padding-right: 8px;
}
ul#navigation li a.last{
	background: none;
}
ul#navigation li a:hover,
ul#navigation li.selected a{
	color: #ffed00;
	text-decoration: none;
}
ul#navigation li ul,
ul#navigation li ul li ul,
ul#navigation li#home ul,
ul#navigation li#holland-organic ul,
ul#navigation li:hover ul li ul,
ul#navigation li.hover ul li ul{
	display: none;
}
ul#navigation li.hover ul,
ul#navigation li:hover ul{
	display: block;
	position: absolute;
	text-transform: none;
	top: 19px;
	left: -8px;
	list-style: none;
	margin: 0;
	width: 161px;
	padding: 17px 5px 34px 14px;
	background: #f08700;
}
ul#navigation li ul li{
	float:none;
	line-height: 16px;
	padding-bottom: 4px;
}
ul#navigation li ul li a{
	background: none;
}
ul#navigation li.selected ul li a{
	color: #fff;
}
ul#navigation li.selected ul li a:hover,
ul#navigation li.hover ul li.selected a,
ul#navigation li.selected ul li.selected a{
	color: #ffed00;
	text-decoration: none;
}

/* News
****************************/
div.news-item{
	padding-left: 115px;
	position: relative;
	min-height: 93px;
	_height:93px;
	margin-bottom: 12px;
}
#contents div.news-item h1{
	margin-bottom: 4px;
}
div.news-item img{
	position: absolute;
	top: -3px;
	left: 1px;
}

.brochure {
	display:inline-block;
	height:73px;
	margin-top:40px;
	width:83px;
}