/* sam */

.error,
#form_errors,
#error{
    color:red;
}

#error{
    display:none;
    margin:10px;
    padding:10px;
    border-top:1px solid #F8ACAC;
    border-bottom:1px solid #F8ACAC;
    background:#FFD1D1;
    font-size:0.9em;
}

#success{
    display:none;
    margin:10px;
    padding:10px;
    border-top:1px solid #BBDF8D;
    border-bottom:1px solid #BBDF8D;
    background:#EAF7D9;
    font-size:0.9em;
    color:#000;
}

#error.show,
#success.show{
    display:block;
}
/* end sam */


/* Global */

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #8a8683;
	background-color:#ffffff;
	text-align:justify;
}
img {
	max-width: 100%;
}
a:link {
	color: #bde2df;
	text-decoration: none;
}
a:hover {
	color: #666;
	text-decoration: none;
}
a:visited {
	color: #bde2df;
	text-decoration: none;
}
.content-text {
	font-size: 0,3em;
	}


/* Navigation */

.menu {
	position:fixed;
	top:0px;
	width:100%; 
	height:auto; 
	background-color:#ffffff;
	z-index:100;
}
#logo {
	text-align: center;
	margin: 10px 0;
}
#nav {
	text-align: right;
	margin: 30px 0 0 0;
}
.navigation-2 {
	float: right;
	list-style: none;
	margin: 0;
}
.navigation-2 li{
	float: left;
	padding:0 0 0 50px;
}
.navigation-2 li:hover{
	cursor:pointer;
	color: #a9d3d0;
}

.navigation-2 .active{
	cursor:pointer;
	color: #bde2df;
	font-weight:bold;
}

/* Language choice */

#language_eng {
	width:90px;
	height:50px;
	right: 0px;
	position: fixed;
	top:200px;
	font:12px "Helvetica Neue", Arial, sans-serif;
	z-index: 9999;
}
div#language_eng ul {
	list-style-type:none;
}
div#language_eng li {
	margin-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	list-style:none;
}
div#language_eng li a:hover {
	background-color:#999;
}
div#language_eng li a {
	text-decoration:none;
	display:block;
	background-color:#bde2df;
	text-decoration:none;
	width:50px;
	height:30px;
	color:#FFF;
	padding:10px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}
#language_nl {
	width:90px;
	height:50px;
	right: 0px;
	position: fixed;
	top:251px;
	font:12px "Helvetica Neue", Arial, sans-serif;
	z-index: 9999;
}
div#language_nl ul {
	list-style-type:none;
}
div#language_nl li {
	margin-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	list-style:none;
}
div#language_nl li a:hover {
	background-color:#999;
}
div#language_nl li a {
	text-decoration:none;
	display:block;
	background-color:#bde2df;
	text-decoration:none;
	width:50px;
	height:30px;
	color:#FFF;
	padding:10px;
}
#language_fr {
	width:90px;
	height:50px;
	right: 0px;
	position: fixed;
	top:302px;
	font:12px "Helvetica Neue", Arial, sans-serif;
	z-index: 9999;
}
div#language_fr ul {
	list-style-type:none;
}
div#language_fr li {
	margin-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	list-style:none;
}
div#language_fr li a:hover {
	background-color:#999;
}
div#language_fr li a {
	text-decoration:none;
	display:block;
	background-color:#bde2df;
	text-decoration:none;
	width:50px;
	height:30px;
	color:#FFF;
	padding:10px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}


/* General Slides */ 

.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:140px 0;
}

/* Slide content divs */ 


#test{
	background-color:#bde2df;
	color:#8a8683;
	text-align:justify;
	font-size: 1em;
	font-weight: 400;
}
#test2{
	color:#8a8683;
	text-align:justify;
	font-size: 1em;
	font-weight: 400;
}
#test5{
	background-color:#bde2df;
	color:#ffffff;
	text-align:justify;
	font-size: 1em;
	font-weight: 400;
}
#content-about-pictures{
	padding-top:20px;
}
#content-gallery{
	text-align:justify;
}
.text-spacer{
	padding-left:10px;
	padding-right:10px;  
}



/* Slide 1 */ 

#slide1{
	background-color:#ffffff;
}
#slide1 h1 {
	font-size: 2.8em;
	letter-spacing: -1px;
	line-height: 0px;
	color:#8a8683;
	font-weight: 700;
}
#slide1 h2 {
	font-size: 2em;
	color: #8a8683;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}




/* Slide 2 */ 

.slide2-1 {
	background-image:url('../images/bg-packaging.jpg');
	background-color:#bde2df;
	color:#ffffff;
}
.slide2-2 {
	background-image:url('../images/bg_ginger3.png');
	background-color:#bde2df;
	color:#ffffff;
}
#slide2 h1 {
	font-size: 2em;
	letter-spacing: -1px;
	line-height: 0px;
	color:#666;
	font-weight: 700;
}
#slide2 h2 {
	font-size: 1.6em;
	color: #666;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}




/* Slide 3 */ 

#slide3{
	background-color:#ffffff;
}
#slide3 h1 {
	font-size: 2.8em;
	letter-spacing: -1px;
	line-height: 0px;
	color:#8a8683;
	font-weight: 700;
}
#slide3 h2 {
	font-size: 2em;
	color: #8a8683;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}



/* Slide 4 */

#slide4{
	background-image:url('../images/bg_ginger3.png');
	background-color:#bde2df;
	color:#666;
}
#slide4 h1 {
	font-size: 2.8em;
	letter-spacing: -1px;
	line-height: 0px;
	color:#666;
	font-weight: 700;
}
#slide4 h2 {
	font-size: 2em;
	color:#666;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}





/* Tablet */
@media screen and (max-width: 1024px) {

#logo {
	width: 100%;
	text-align: center;
}

#nav {
	width:100%;
	text-align:center;
	margin:10px 0;
}

.navigation-2 {
	width: 100%;
	float: center;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation-2 li{
	float: left;
	width:25%;
	padding:0;
}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:150px 0;
}

#decorative {
	display:none;
}

#content {
	text-align:center;
	width:100%;
}

#slide1 h1 {
	line-height: 1em;
}
#slide1 h2 {
	line-height: 1em;
}
#slide2 h1 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
}

}


/* Mobile */
@media screen and (max-width: 480px) {

#logo {
	width: 100%;
	text-align: center;
}

#nav {
	width:100%;
	margin:5px 0;
}

.navigation-2 {
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation-2 li{
	float: left;
	width:25%;
}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:150px 0;
}

#content-gallery{
	display:none;
}


#slide1 h1 {
	line-height: 1em;
	line-height: 1em;
	font-size: 3em;
	letter-spacing: -1px;
	color:#666;
	font-weight: 700;
}
#slide1 h2 {
	line-height: 1em;
}
#slide2 h1 {
	line-height: 1em;
	font-size: 3em;
	letter-spacing: -1px;
	color:#666;
	font-weight: 700;
}
#slide2 h2 {
	line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
	line-height: 1em;
	font-size: 3em;
	letter-spacing: -1px;
	color:#666;
	font-weight: 700;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
	line-height: 1em;
	font-size: 3em;
	letter-spacing: -1px;
	color:#666;
	font-weight: 700;
}
#slide4 h2 {
	line-height: 1em;
}

}

/* Form */ 

input {
	border: 0px solid #ffffff;
	padding-left:5px;
	background-color: #ffffff;
	color:#666;
	height:20px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
textarea {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color:#666;
  -moz-border-radius: 5px;
	border-radius: 5px;
}
select {
  border: 0px solid #ffffff;
  background-color: #ffffff;
  color:#666;
  -moz-border-radius: 2px;
	border-radius: 2px;
}



#buttons .button-link {
	
}

#buttons .button-link a:link {
	color: #333;
}
#buttons .button-link a:hover {
	color: #333;
}
#buttons .button-link a:visited {
	color: #333;
}

#buttons .button-link .button-padding {
	border: 1px solid #666;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-color: #bde2df;
	font-size: 20px;
	text-transform:uppercase;
}



.navigation-2 a:link, .navigation-2 li {
	color: #333;
}

.navigation-2 a:visited {
	color: #333;
}

.navigation-2 a:hover {
	color: #bde2df;
}