/*	inspired by:
		luka cvrk (www.solucija.com)
	authour:
		Sebastiaan Naafs - van Dijk (onlinebase.nl)

default styles */
	* { margin:0; padding:0; }
	body {
		background:#fff url(../img/menu.gif) repeat-x;
		color:#333;
		font:normal normal normal 76% Arial,Verdana,sans-serif;
		line-height:1.7em;
	}
	a, a:link, a:visited, a:hover, a:active {
		background:inherit;
		border-bottom:1px dotted #78b047;
		color:#78b047;
		font-weight:bold;
		text-decoration:none;
	}
	a:hover { background:inherit; border-bottom:1px dotted #2c71ae; color:#2c71ae; }
	p {	margin:0 0 5px 0; }
	h1, h2, h3, h4 { font:normal normal normal 2.8em Georgia,"Trebuchet MS",Arial,sans-serif; margin:0; padding:0; }
	h2 { font-size:1.8em; }
	h3 { font-size:1.4em; }
	h4 { font-size:1.0em; font-weight:bold; }
	h1 a, h2 a, h3 a, h4 a { background:inherit; color:#000; text-decoration:none; }
	img { border:0; }
/* layout */
	#content { margin:0 auto; width:1000px; }
	#header { background-color:transparent; color:#fff; height:94px; margin:0 0 25px 0; padding:8px 0 10px; }
	#header p { background-color:transparent; color:#add597; font-weight:bold; }
/* main navigation */
	#mainNav {
		float:left;
		line-height:1em;
		list-style:none;
		margin:16px 0 0 0;
		padding:0 0 1.75em 1em;
		position:relative;
		width:688px;
	}
	#mainNav li { float:left; margin:0; padding:0; }
	#mainNav a, #mainNav a:link, #mainNav a:visited, #mainNav a:hover, #mainNav a:active {
		background:#add597 url(../img/top_menu.gif) repeat-x bottom;
		border-top:1px solid #fff;
		border-right:1px solid #aaa;
		border-bottom:none;
		border-left:1px solid #fff;
		color:#333;
		display:block;
		font-weight:bold;
		margin:0 3px 0 0;
		padding:6px 22px;
		text-decoration:none;
	}
	#mainNav a:hover, #mainNav a:active, #mainNav .here, #mainNav .here:link,
	#mainNav .here:visited, #mainNav .here:hover, #mainNav .here:active {
		background:#6495ab url(../img/top_menu_hover.gif) repeat-x bottom;
		color:#fff;
	}
/* main sub navigation */
	#mainNav ul {
		background:#584964 url(../img/sub_menu_hover.gif) repeat-x top;
		border-top:none;
		color:#000;
		float:left;
		left:0;
		list-style:none;
		margin:0;
		padding:0 0 0.5em 1em;
		position:absolute;
		top:25px;
		width:688px;
	}
	#mainNav ul li { float:left; display:block; margin:6px 0 0 0; }
	#mainNav ul a, #mainNav ul a:link, #mainNav ul a:visited, #mainNav ul a:hover, #mainNav ul a:active {
		background:transparent none;
		border:none;
		color:#000;
		display:inline;
		margin:0;
		padding:4px 12px;
	}
	#mainNav ul a:hover, #mainNav ul a:active, #mainNav ul .here, #mainNav ul .here:link,
	#mainNav ul .here:visited, #mainNav ul .here:hover, #mainNav ul .here:active {
		background:transparent none;
		color:#fff;
	}
/* left side */
	#left { float:left; margin:0 0 10px 0; width:700px; }
	.articles { background:inherit; border:none; color:#333; margin:0 0 10px 0; padding:15px 15px 5px 10px; }
	.articles .subheader { background:#fff url(../img/news.gif) no-repeat center left; color:#808080; font-size:.9em; padding:0 0 0 12px; }
	.date {
		background:#fff url(../img/calendar.gif) no-repeat;
		color:#808080;
		float:right;
		height:44px;
		margin:0;
		padding:0;
		text-align:center;
		width:40px;
	}
	.date p { font-size:0.9em; font-weight:bold; margin:0; padding:2px 0 0 0; }
	.bigimage { clear:left; float:left; margin:0 15px 10px 0; }
/*	doosjes voor bepaalde content */
	.borderBoxOne, .borderBoxTwo {
		background-color:#f1f8ed;
		border:2px solid #d1eac3;
		color:#444;
		margin:0 0 10px 0;
		padding:15px 15px 10px 15px;
	}
	.borderBoxTwo { background-color:#f4f1f8; border:2px solid #e8e2f2; }
	.borderBoxOne .highlight, .borderBoxTwo .highlight { background-color:#e6e6e6; border-bottom:1px dotted #2c71ae; color:#2c71ae; }
	.thirds { background-color:#fff; color:#5d5d5d; float:left; margin:0 8px 0 0; width:226px; }
	.thirdsNoMargin { margin:0; }
	.boxtop { background:#fff url(../img/boxtop.gif) no-repeat; color:#000; height:19px; margin:0 0 0 4px; }
	.box { background:#fff url(../img/box.gif) no-repeat bottom left; color:#5b5b5b; margin:0 0 10px 4px; padding:0 10px 15px 10px; }
	.box p { padding:0; margin:0; }
	.blueButton, .blueButton:link, .blueButton:visited, .blueButton:hover, .blueButton:active,
	.greenButton, .greenButton:link, .greenButton:visited, .greenButton:hover, .greenButton:active  {
		background:transparent url(../img/greenbtn.gif) no-repeat;
		border-bottom:none ! important;
		color:#fff;
		font-size:0.9em;
		font-weight:normal;
		margin:0 0 0 5px;
		padding:1px 18px 3px 6px;
		text-decoration:none;
		width:100px;
	}
	.blueButton, .blueButton:link, .blueButton:visited, .blueButton:hover, .blueButton:active { background:#fff url(../img/bluebtn.gif) no-repeat; }
	.greenButton:hover, .blueButton:hover { background:#fff url(../img/hoverbtn.gif) no-repeat; color:#333; }
	#leveringsVoorwaarden { border-collapse:collapse; margin:0; padding:0; }
	#leveringsVoorwaarden td { margin:0; padding:5px 0; vertical-align:top; }
	ol, ul, dl { margin:5px 2px 5px 25px; }
	.leftColumn, .centerColumn, .rightColumn { float:left; width:210px; }
	.rightColumn { float:right; }
	dt { font-weight:bold; }
	dd { margin:2px 0 2px 20px; }
	.textLeft { text-align:left; }
	.textCenter { text-align:center; }
	.textRight { text-align:right; }
	.floatLeft { float:left; }
	.floatRight { float:right; }
	/* website overzicht */
		#websites { border-collapse:collapse; width:700px; }
		#websites th, #websites td { width:230px; }
		#websites .odd { background-color:#800000; color:#fff; font-size:1.2em; }
		#websites .even { background-color:#f00; color:#fff; font-size:1.2em; }
		#websites .even a, #websites .odd a { background-color:transparent; border-bottom:1px dotted #fff; color:#fff; }
		#websites .even a:hover, #websites .odd a:hover { background-color:transparent; border-bottom:1px dotted #ff0; color:#ff0; }
		iframe { width:200px; }
		.metaData { border-collapse:collapse; border-top:1px solid #add597; border-right:1px solid #add597; }
		.metaData th { text-align:left; }
		.metaData td { text-align:right; }
	/* form controls bestelformulier */
		fieldset { border:2px solid #78b047; margin:1em 0 0 0; padding:0.3em 0.5em; width:55em; }
		legend {
			background-color:#9a8ca7;
			border:2px solid #584964;
			color:#fff;
			font-family:"Trebuchet MS",Arial,sans-serif;
			font-size:1.15em;
			font-weight:bold;
			margin-left:12px;
			padding:4px 8px;
		}
		/* lijst met labels en velden */
			.formList { clear:both; list-style:none; margin:0.8em 0 0.5em 0; padding:0; }
			.formList li { height:30px; padding-top:2px; }
			.formList .information, .formSummary span.information, .formSummary span.warning { padding-top:3px; padding-bottom:3px; }
			.formList .information a, .formSummary a { background-image:none; color:#ff6; }
			.formList .information a:hover, .formSummary a:hover { background-image:none; color:#fd0; }
			.formList li.required { height:20px; margin-left:0; }
			.formSummary td { text-align:left; }
		/* velden */
			.textVeld {
				background-color:#fff ! important;
				border:2px solid #ccc;
				color:#000 ! important;
				font-family:Verdana,Arial,Helvetica,sans-serif;
				font-size:1.0em;
				font-weight:normal ! important;
				height:18px;
				padding:3px;
				width:200px;
			}
			.textVeldKort { width:100px ! important; }
			.textVeldLang { width:300px ! important; }
			.textArea { height:100px ! important; }
			.textArea textarea { border:2px solid #ccc; margin:0; padding:0; }
		/* labels */
			label { color:#444; font-weight:bold; padding:2px 5px; }
			.textLabel { float:left; margin-right:0.5em; padding:4px 0 3px 0; text-align:right; width:15em; }
		/* buttons */
			#formbuttons { margin-top:10px; margin-left:165px; }
			.submitButton { background-color:#2c71ae; border:2px solid #00f; color:#fff; font-size:1.15em; font-weight:bold; margin-top:4px; padding:4px 8px; }
		/* fancy hover and focus effects for good browsers */
			input[type=text]:focus, input[type=text]:hover, textarea:focus, textarea:hover { border:2px solid #78b047; }
		/* diversen */
			.grapeSelected, .orangeSelected, .melonSelected { color:#fff; font-weight:bold; padding:2px 5px; }
			.grapeSelected { background-color:#6f0; color:#fff; }
			.orangeSelected { background-color:#f90; color:#fff; }
			.melonSelected { background-color:#060; color:#fff; }
	/* meldingsteksten */
		.required, .error, .warning, .information {
			background:#c00 url(../img/alertbad_icon.gif) no-repeat top left;
			border:1px solid #f00;
			color:#fff;
			font-weight:bold;
			padding:2px 5px 1px 35px;
		}
		.requiredBorder { border:2px solid #f00 ! important; }
		.warning { background-color:#ff6; background-image:url(../img/alertwarning_icon.gif); border:1px solid #fd0; color:#444; }
		.information { background-color:#090; background-image:url(../img/alertgood_icon.gif); border:1px solid #390; }
		.verplicht { color:#f00; font-weight:bold; padding:3px 2px; }
		.readOnly { background-color:transparent; border:none; }
		.hideText { display:none; }
	/* nieuwsticker */
		#nieuws { border-left:2px solid #78b047; float:right; margin:0 0 2px 12px; padding:0 0 0 10px; }
		#nieuws h3 { background-color:#fff; color:#f30; font-weight:bold; margin-bottom:5px; }
		#nieuws ul { list-style-type:none; margin:0; }
		#nieuws ul li { margin-left:0; padding:2px; }
		.nieuwsDatum { background-color:#fff; color:#666; font-weight:bold; padding:2px; margin-right:4px; }
/* right side */
	#right {
		background:transparent url(../img/right.gif) no-repeat top right;
		color:#000;
		float:right;
		margin:0 0 5px 0;
		padding:50px 0 0 0;
		width:275px;
	}
	#splashButton {
		background-color:transparent;
		color:#3f6c24;
		font:normal normal normal 1.6em "Georgia","Times New Roman",Arial,sans-serif;
		margin:0 0 80px 0;
		padding:0;
		text-align:center;
	}
	.big { background-color:transparent; color:#2e2e2e; font-size:2em; }
	.sideMenu { margin:0 0 20px 0; }
	.sideMenu li { list-style:none; }
	.sideMenu li a, .sideMenu li a:link, .sideMenu li a:visited, .sideMenu li a:hover, .sideMenu li a:active {
		background:#f4f1f8 url(../img/greyRightToLeft.gif);
		border-top:none;
		border-right:4px solid #78b047;
		border-bottom:none ! important;
		border-left:4px solid #fff;
		color:#808080;
		display:block;
		font-weight:bold;
		margin:0 5px 1px 0;
		padding:4px 0 4px 5px;
		text-decoration:none;
	}
	.sideMenu li a:hover, .sideMenu li #currentSide, .sideMenu li #currentSide:hover {
		background:#fff url(../img/greyLeftToRight.gif);
		border-left:4px solid #2c71ae;
		border-right:4px solid #fff;
		color:#6495ab;
	}
	/*.sideMenu li #currentSide { background-image:none; }*/
	.smallboxtop { background:transparent url(../img/smallboxtop.gif) no-repeat; color:#000; height:14px; }
	.smallbox {
		background:#fff url(../img/smallbox.gif) no-repeat bottom left;
		color:#444;
		margin:0 0 8px 0;
		padding:1px 12px 10px;
	}
	.smallbox p { padding:0; margin:0; }
	.image { float:right; margin:-21px 8px 3px 3px; }
/* footer */
	#footer { background-color:#fff; clear:both; color:#808080; padding:10px 15px; border-top:1px solid #ccc; }
	#footer .right { float:right; }
/* diversen */
	.waarschuwing { background-color:#fff; color:#f00; }
	.waarschuwing h2 { font-size:1.2em; }
	.waarschuwing p { font-size:1.0em; padding:5px 0; }
	.waarschuwing dl { font-size:1.0em; }
	.waarschuwing dt { font-weight:bold; }
	.waarschuwing dd { padding:1px 1px 1px 19px; }
	sup { font-size:0.8em; }
	#blogObject { border:1px solid #fff; height:600px; width:680px; }
/* pakketoverzicht */
	#specsTitel { width:49%; }
	#specsGrape { width:17%; }
	#specsOrange { width:17%; }
	#specsMelon { width:17%; }
	#totaalOverzicht { border-collapse:collapse; width:100%; }
	caption { display:none; }
/*	#totaalOverzicht th, #totaalOverzicht td { border:1px solid #ddd; vertical-align:middle; } */
	.grape, .orange, .melon { background-color:#390; color:#fff; font-family:Verdana; font-size:1.3em; }
	.orange { background-color:#f90; color:#fff; }
	.melon { background-color:#f00; color:#fff; }
	.specsGrapeColumn { border-right:2px solid #390; }
	.specsOrangeColumn { border-right:2px solid #f90; }
	.specsMelonColumn { border-right:2px solid #f00; }
	.grapeHosting { background:transparent url(../img/grapeHosting2.jpg) no-repeat; color:#000; }
	.orangeHosting { background:transparent url(../img/orangeHosting2.jpg) no-repeat; color:#000; }
	.melonHosting { background:transparent url(../img/melonHosting2.jpg) no-repeat; color:#000; }
	.grapeHosting h3 { color:#390; }
	.orangeHosting h3 { color:#f90; }
	.melonHosting h3 { color:#f00; }
	th, td { margin:0; padding:4px; text-align:center; vertical-align:top; }
	.extraInfo {
		background:transparent url(../img/question.gif) right bottom no-repeat;
		border-bottom:1px solid #aaa;
		border-left:1px solid #aaa;
		color:#000;
		font-weight:normal;
		margin:6px 0 2px;
		padding:4px;
		text-align:left;
	}
	.rightHeader { border-right:2px solid #aaa; text-align:right; }
	.sectionHeader { border-top:2px solid #aaa; border-bottom:2px solid #aaa; }
	.topCell { border-right:2px solid #390; border-bottom:2px solid #aaa; }
	.bottomCell { border-bottom:2px solid #aaa; }