/*======================================
      STYLESHEET DE FOUNDATION
--------------------------------------      
     Isabel, effectieve webcommunicatie
      Author: Ardjan van Nuland
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- brown		#842a1e
- grey		#f1f1f2
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
body {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	/*background-image: url("../images/bgpatroon.png");*/
	background-color: #F1E0C8;
}

.container {
	border-left: 1px solid #505050;
	border-right: 1px solid #505050;
	padding-bottom: 20px;
	background-color: #ffffff;
}
th, td {
	padding: 0.5em;
}

.containercontent {
	/*position: static;
	top: -29px;*/
	padding-top: -29px;
}

h2, h3 {
	color: #831418;
	font-size: 1.2em;
	margin: 1.14em 0 0 0;
}

/**************************************/
/*              HEADER                */
/**************************************/
.header {
	height: 339px;
	background-image: url("../images/header.png");
	vertical-align: bottom;
	top: -20px;
	margin-bottom: 10px;
}
.extranet-header {
	height: 190px;
	background-image: url("../images/extranet-header.png");
	vertical-align: bottom;
	top: -20px;
	margin-bottom: 10px;
}
#extranethome {
	display: block;
	height: 140px;
	width: 300px;
}
.headerheadline1 {
	height: 339px;
	width: 27px;
	background-image: url("../images/headerheadline1-new.png");
	background-position: bottom left;
	background-repeat: no-repeat;
	float: left;
}

.menulogo {
	height: 339px;
	width: 255px;
	float: left;
	background-color: #79A034;
}
.menulogo img {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.headerheadline2 {
	height: 339px;
	width: 668px;
	background-image: url("../images/headerheadline2-new.png");
	background-position: bottom left;
	background-repeat: no-repeat;
	float: left;
	text-align: right;
}

#headline1 {
	display: block;
	padding-top: 280px;
	padding-left: 20px;
	padding-right: 20px;
	color: #842a1e;
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
}

#headline2 {
	padding-left: 20px;
	padding-right: 20px;
	color: #842a1e;
	font-size: 0.9em;
	font-weight: bold;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/
.metanav {
	height: 29px;
	width: 100%;
	background-image: url("../images/metanavbg.png"); 
	text-align: right;
}

.metanavlinks {
	height: 24px;
	padding-top: 5px;
	color: #FFFFFF;
	text-align: right;
	font-size: 0.9em;
	/*position: relative;
	top: -29px;*/
	position: absolute;
	top: 0px;
	z-index: 99;
}

.metanavlinks a {
	color: #ffffff !important;
	text-decoration: none !important;
}

.metanavlinks a:hover {
	text-decoration: underline !important;
}

.metanavlink {
	color: #ffffff;
	text-decoration: none;
}

.metanavlink:hover {
	text-decoration: underline;
}

.breadcrumbs {
	padding-top: 0px;
	font-size: 0.2em;
}

#accordeonmenu {
	height: 212px;
	/*position: relative;
	top: -7px;*/
	_margin-top: -7px; /* alleen ie6 */
	_padding-top: 0px; /* alleen ie6 */
}

div#menuitem.odd, .menutekst.odd {
	background-image: url("../images/menu-roodbg.png");
}

div#menuitem.even, .menuitem.even {
	background-image: url("../images/menu-groenbg.png");
}

.menutekst.link {
	display: none;
}
.menutekst a {
	position: static;
}

#accordeonmenu div h3 {
	font-weight: normal;
	font-size: 1.3em;
	margin: 0px;
	padding: 5px 12px 5px 12px;
	_padding: 4px 12px 4px 12px; /* alleen ie6 */
}

#accordeonmenu h3 a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 100%;
	padding: 0px;
	position: static;
}

#accordeonmenu div.odd h3 {
	background-color: #7e1315;
}

#accordeonmenu div.even h3.ui-state-default {
	background-color: #78a22f;
}

#accordeonmenu div.odd h3:hover {
	background-image: url("../images/menu-roodmo.png");
}

#accordeonmenu div.even h3:hover {
	background-image: url("../images/menu-groenmo.png");
}

#accordeonmenu div h3.ui-state-active {
	background: none;
}

#accordeonmenu div div {
	height: 65px;
	/*overflow: hidden;*/
	padding: 5px 12px 5px 12px;
	_padding: 4px 12px 3px 12px; /* alleen ie6 */
	color: #ffffff;
}

#accordeonmenu div div a {
	color: #ffffff;
	text-decoration: none;
}

#accordeonmenu div div a:hover {
	text-decoration: underline;
}

.extranet-menu {
	margin-top: 21px;
	margin-left: 30px;
}
.extranet-menu a {
	background-image: url("../images/extranet-menu-normal.png");
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	padding: 6px;
	margin-right: 10px;
	font-weight: bold;
}
.extranet-menu a.current, .extranet-menu a.section, .extranet-menu a:hover {
	background-image: url("../images/extranet-menu-active.png");
	color: #7e1315;
}

.extranet-subnav ul {
	margin-left: 0px;
	padding-left: 0px;
}
.extranet-subnav li {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
}
.extranet-subnav li a {
	font-weight: bold;
	text-decoration: none;	
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
.news-header {
	background-image: url("../images/news-header.png");
	background-position: 0px 5px;
	background-repeat: no-repeat;
	width: 185px;
	height: 37px;
	margin-left: 27px;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 1.6em;
	color: #515356;
}

.news-content {
	background-color: #f1f1f2;
	width: 180px;
	margin-left: 27px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #515356;
	margin-bottom: 30px;
}

.news-content p {
	color: #231F20;
}

.news-content #datum {
	color: #6c6e72;
	display: block;
	float: none;
}

.news-content #titel {
	color: #231f20;
	margin-bottom: 10px;
	display: block;
	float: none;
}

.snelnieuws a {
	color: #231f20;
	text-decoration: none;
}

.snelnieuws a:hover {
	color: #231f20;
	text-decoration: underline;
}

.content-header {
	background-image: url("../images/content-header.png");
	height: 40px;
	padding-top: 10px;
	width: 100%;
}

.content-header h1 {
	margin: 5px 30px 5px 30px;
	font-size: 1.6em;
	font-weight: normal;
	color: #ffffff;
	float: left;
}

.content-header .back-projects {
	text-align: center;
}

.content-header .back-projects img {
	border: none;
}

.content-content #contentvak {
	padding: 5px 30px 5px 30px;
	display: block;
}

.content-content {
	background-image: url("../images/content-contentbg.png");
	padding-top: 10px;
	font-size: 1em;
	color: #231F20;
}

.content-footer {
	background-image: url("../images/content-footer.png");
	height: 18px;
}

#contentvak ul {
	padding-left: 0px;
	margin-left: 5px;
}
#contentvak table td {
	padding: 0 2px 0 2px;
}

/**************************************/
/*        PROJECT OVERVIEW            */
/**************************************/
.project a {
	height: 109px;
	width: 646px;
	display: block;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.project a.coffee {
	background-image: url("../images/project-coffee-bg-icon.png");
}

.project a.coffee:hover {
	background-image: url("../images/project-coffee-bgmo-icon.png");
}

.project a.tea {
	background-image: url("../images/project-tea-bg-icon.png");
}

.project a.tea:hover {
	background-image: url("../images/project-tea-bgmo-icon.png");
}

#title {
	color: #1a171b;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 30px;
	float: none;
	width: 600px;
	text-decoration: none;
}

.coffee, .tea {
	text-decoration: none;
}

.project a #icon {
	display: block;
	float: left;
	width: 70px;
	height: 80px;
}

.project a.coffee #icon {
	/*background-image: url("../images/coffee.png");
	background-repeat: no-repeat;*/
}

.project a.tea #icon {
	/*background-image: url("../images/tea.png");
	background-repeat: no-repeat;*/
}

.project a #shortdescription {
	display: block;
	float: left;
	width: 430px;
	height: 80px;
	color: #ffffff;
	_padding-top: 4px; /* alleen ie6 */
	_cursor: hand; /* alleen ie6 */
	_overflow: hidden; 
}

.project a #projectimage {
	display: block;
}
.project a #projectimage img {
	position: relative;
	left: 25px;
	top: 8px;
}

.project a #projectimage img {
	border: none;
}

#albumnaam {
	float: left;
}
#terugnaaralbums {
	position: relative;
	top: -20px;
	left: 550px;
}

/**************************************/
/*              PROJECTS              */
/**************************************/
.projects .right1-header {
	background-image: url("../images/projects-right1-bg.png");
	height: 23px;
	padding: 5px 10px 5px 10px;
}

.projects h2 {
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-weight: normal;
	font-size: 1.3em;
}

.projects .right1-content {
	background-image: url("../images/projects-right2-bg.png");
	padding: 5px 10px 5px 10px;
	margin-bottom: 5px;
}

.projects p {
	color: #231F20;
}

.projectdetails p {
	padding: 0px;
	margin: 0px;
}
.projectdetails table {
	border: 1px solid #ffffff;
	padding: 0;
	margin: 0;
}
.projectdetails table td {
	border: 1px solid #ffffff;
	padding: 5px;
	margin: 0;
}
.resultssofar ul {
	margin-left: 0px;
	padding-left: 12px !important;
}
.resultssofar ul li {
	margin-left: 0px;
	padding-left: 0px;
}
.downloads {
	line-height: 1.1em;
}
.downloads p a, .downloads p a:visited { 
	padding:0px 0px 0px 22px;
	margin:0;
	background-repeat: no-repeat;
	background-position: left center; 
	display: block;
	color: #231F20;
	text-decoration: none;
}
.downloads p a:hover {
	text-decoration: underline;
}

/**************************************/
/*             QUICKLINKS             */
/**************************************/
.quicklinks {
	margin-top: 30px;
}

.ql1-header,.ql1-content,.ql1-footer,.ql2-header,.ql2-content,.ql2-footer {
	margin: 0px;
	padding: 0px 20px 0px 20px;
}
.ql1-content table td, .ql1-content table tr, .ql1-content table {
	border: 0px;
}
.ql3-header,.ql3-content,.ql3-footer,.ql4-header,.ql4-content,.ql4-footer {
	margin: 0px;
	padding: 0px 20px 0px 20px;
}

.quicklinks1 {
	width: 317px;
	float: left;
}
.quicklinks2 {
	width: 316px;
	float: left;
}
.quicklinks3, .quicklinks4 {
	width: 475px;
	float: left;
}
div.quicklinks1,div.quicklinks2,div.quicklinks3,div.quicklinks4 {
	margin-right: 0px;
	margin-bottom: 50px;
	height: 220px;
}

.ql1-header,.ql3-header {
	background-image: url("../images/ql-header-rood.png");
	height: 20px;
}

.ql1-content,.ql3-content {
	background-image: url("../images/ql-content-rood.png");
	height: 250px;
	color: #ffffff;
}

.ql1-footer,.ql3-footer {
	background-image: url("../images/ql-footer-rood.png");
	height: 20px;
}

.ql2-header,.ql4-header {
	background-image: url("../images/ql-header-groen.png");
	height: 20px;
}

.ql2-content,.ql4-content {
	background-image: url("../images/ql-content-groen.png");
	height: 250px;
	color: #ffffff;
}

.ql2-footer,.ql4-footer {
	background-image: url("../images/ql-footer-groen.png");
	height: 20px;
}

.ql1-content h2, .ql2-content h2, .ql3-content h2, .ql4-content h2 {
	color: #ffffff;
	margin-top: 0px;
	font-weight: normal;
}

.ql1-content p, .ql2-content p, .ql3-content p, .ql4-content p {
	color: #ffffff;
}
.ql1-content h2, .ql2-content h2, .ql3-content h2, .ql4-content h2 {
	font-size: 1.4em;
}

.quicklinks a {
	color: #ffffff !important;
}

.quicklinks a:hover {
	text-decoration: none !important;
}


#Content input#tags {
	border: 4px solid #e9e9e9;
	width: 350px;
}
#Content input#tagsubmit {
	border: 1px solid #a7a7a7;
}

/**************************************/
/*               FOOTER               */
/**************************************/
.footerlinks p {
	padding: 10px 10px 10px 20px;
	font-size: 0.8em;
}

.footerlinks img {
	float: left;
}

.footerrechts {
	text-align: right;
}

.footerrechts p {
	padding: 10px 10px 10px 20px;
	font-size: 0.8em;
}

.footerrechts a {
	color: #000000 !important;
	text-decoration: none !important;
}

.footerrechts a:hover {
	text-decoration: underline !important;
}