@import url( reset.css );

html {
	height:				100%;
}

img#fauxBg {
	position:			fixed;
	width:				100%;
	height:				100%;
	top:				0;
	left:				0;
}

body {
	height:				100%;
	font-family:		Verdana, Arial, sans-serif;
	font-size:			12px;
	background-color:	#BCBDBF;
	color:				#6e6e6e;
}

strong {
	font-weight:		bold;
}

em {
	font-style:			italic;
}

h1 {
	text-transform:		uppercase;
	margin-bottom:		96px;
	color:				#6BB538;
	letter-spacing:		2px;
}

h1 a {
	color:				#6BB538 !important;
	font-size:			34px !important;
}	

h2 {
	margin-bottom:		10px;
	font-weight:		bold;
	font-size:			14px;
	color:				#6c6d6f;
}

h2#pageheader {
	color:				#6cb63b;
}

h3 {
	color:				#4a8332;
	font-weight:		bold;
	font-size:			14px;
}

h4 {
	color:				#448533;
	font-weight:		bold;
	font-size:			18px;
}

p {
	margin-bottom:		20px;
	line-height:		16px;
}

a {
	outline:			none;
	text-decoration:	none;
	color:				#6c6d6f;
	cursor:				pointer;
}

a:hover {
	color:				#4a8332;
}

img {
	display:			block;
}

.clear {
	clear:				both;
	height:				1px;
}

.floatLeft {
	float:				left;
}

.floatRight {
	float:				right;
}

.inline {
	display:			inline;
}

div.hr {
	height:				1px;
	width:				100%;
	border-bottom:		2px solid #dedede;
}

.red {
	color:				red;
}
.green {
	color:				#458531;
}
.gray {
	color:				#6E6E70;
}

.linethrough {
	text-decoration:	line-through;
}

/* ------------------------------------------------ // container */
div#container {
	position:			relative;
	width:				810px;
	height:				auto;
	min-height:			100%;
	margin:				10px auto 0 auto;
	padding:			0 15px 0 15px;
	background-color:	#ffffff;
}

/* ------------------------------------------------ // header */
div#header {
	float:					left;
	width:					810px;
	height:					187px;
	padding-top:			24px;
	background-image:		url('../images/header_bg.jpg');
	background-repeat:		no-repeat;
	background-position:	0 30px;
}

div#header img {
	float:				left;
	margin-bottom:		10px;
}

div#header div#landinglinks {
	float:				left;
	width:				810px;
	height:				22px;
	text-align:			center;
}

div#header div#landinglinks a {
	color:				#458531;
	font-size:			11px;
}

div#header div#menu {
	float:				left;
	width:				810px;
	height:				22px;
	padding-top:		8px;
	background-color:	#6bb538;
	text-align:			center;
}

div#header div#menu a {
	color:				#ffffff;
	font-size:			13px;
	text-transform:		uppercase;
}

#google_translate_element {
	float:				right;
}

#google_translate_element a.goog-logo-link {
	display:			none;
}

#google_translate_element div.skiptranslate {
	color:				#ffffff;
}

/*------------------------------------------------ // spacer */
div.spacer {
	clear:				both;
	float:				left;
	width:				810px;
	height:				15px;
}

/* ------------------------------------------------ // sidebar left */
div#sidebarLeft {
	float:				left;
	width:				155px;
}

/* ------------------------------------------------ // content */
div#content {
	float:				left;
	width:				486px;
	padding-left:		14px;
}

/* ------------------------------------------------ // sidebar right */
div#sidebarRight {
	float:				left;
	width:				155px;
}

div#sidebarRight strong {
	display:			block;
	margin-bottom:		10px;
	font-size:			10px;
	color:				#6d6e70;
}

div#sidebarRight img {
	margin-right:		12px;
}

div#sidebarRight div#bestelling {
	width:				135px;
	padding:			10px;
	background-color:	#6BB538;
	color:				#FFFFFF;
}

div#sidebarRight div#bestelling table tr td {
	padding:			3px;
}

div#sidebarRight div#bestelling  a {
	color:					#ffffff;
}

div#sidebarRight div#bestelling  a:hover {
	color:				#4a8332;
}

div#sidebarRight a.knop {
	display:				block;
	color:					#ffffff;
	background-color:		#6d6e70;
	height:					30px;
	padding-top:			5px;
	text-transform:			uppercase;
	width:					127px;
	text-align:				center;
	font-weight:			bold;
	margin-top:				10px;
}

div#sidebarRight div#totalamount {
	width:				135px;
	padding:			10px;
	background-color:	#bbbcbe;
	color:				#FFFFFF;
}

div#sidebarRight div#totaalprice {
	width:				135px;
	padding:			5px 10px 5px 10px;
	margin-bottom:		10px;
	background-color:	#6BB538;
	color:				#FFFFFF;
	line-height:		18px;
}

div#sidebarRight div#helpBlok {
	width:				135px;
	padding:			10px;
	margin-bottom:		10px;
	background-color:	#bbbcbe;
}

div#sidebarRight div#helpBlok h2 {
	line-height:		16px;
}

div#sidebarRight div#helpBlok p {
	margin-bottom:		10px;
	color:				#6d6e70;
	font-size:			12px;
	line-height:		14px;
}

div#sidebarRight div#borderLeft {
	width:				144px;
	padding:			0 0 10px 9px;
	border-left:		2px solid #dddee0;
}

div#sidebarRight div#borderLeft h3 {
	margin-bottom:		20px;
}

div#sidebarRight div#borderLeft p {
	color:				#6d6e70;
}

div#sidebarRight div#borderLeft div.hr {
	margin-bottom:		20px;
}

div#sidebarRight div#borderLeft ul li {
	margin-bottom:		10px;
	color:				#6d6e70;
}

a.skype img {
	margin-left:		40px;
	margin-top:			5px;
}

.big-button {
	height:				26px !important;
}

div#socialmedia {
	padding-left: 		10px;
}

div#socialmedia img {
	width: 				50px;
	float: 				left;
}


/* ------------------------------------------------ // footer */
div#footerclearer {
	clear:				both;
	line-height:		30px;
}

div#footer {
	position:			relative;
	clear:				both;
	margin:				0 auto 10px auto;
	width:				840px;
	background-color:	#ffffff;
}

div#innerFooter {
	text-align:			center;
	color:				#ffffff;
	font-size:			11px;
	margin:				0 auto 0 auto;
	padding:			10px 0 10px 0;
	width:				810px;
	background-color:	#6bb538;
}

div#innerFooter a {
	color:				#ffffff;
	font-size:			11px;
	text-transform:		lowercase;
}