html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  background-color:#F5E602;
  font-family: 'Open Sans', sans-serif;
}

footer {
background-color:#2F2D2E;
color:#BBBDC0;
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
padding-top:20px;
padding-bottom:20px;
text-align:center;
}

footer a {
color:#BBBDC0;
}

footer a:hover {
color:#BBBDC0;
text-decoration:underline;
}



#banner {
text-align:center;
}

.centerimg {
text-align:center;	
}

h1 {
font-size:48px;
font-family: 'Open Sans', sans-serif;
color:#000000;
}

#witveld {
width:100%;
background-color:#FFFFFF;
}

.form {
padding-top:50px;
padding-bottom:50px;
text-align:center;
}

.form h1 {
margin-bottom:40px;
}

input, textarea {
border:none;
margin:5px;
text-align:center;
padding:5px;
}

input[type='text'] {
max-width:70%;	
}

textarea {
max-width:70%;	
}

textarea {
width:400px;
height:150px;
padding-top:20px;
}

#naamcontact {
width:400px;
}

#gsmcontact, #emailcontact, #mancontact, #vrouwcontact {
width:195px;
}

.geslachtradio {
width:195px;	
}

.vierdeinp {
width:92px;
}

#clickbestel {
cursor:pointer;
}

input[type='radio'] {
display:none;
}

input[type='radio'] + label {
border: none;
height: 30px;
background-color:#FFFFFF;
color:#000000;
margin:5px;
padding-top:5px;
cursor:pointer;
}

.geslachtradio + label {
width: 195px;	
}

.vierdeinp + label {
width:93px;	
}

input[type='radio']:checked + label {
border: none;
background-color:#000000;
color:#FFFFFF;
margin:5px;
padding-top:5px;
}


#message {
width:100%;
height:60px;
background-color:#161616;
display:none;
color:#FFFFFF;
padding:20px;
text-align:center;
}

#icofacebook {
text-decoration:none;
}

#icofacebook span {
	color:#FFFFFF;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  font-size:300px;
}
#icofacebook:hover span {
  background-color: #f5e602 !important;
  border: none !important;
  color: #000000 !important;
  text-decoration:none;
}

#icotumblr {
text-decoration:none;
}

#icotumblr span {
	color:#000000;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  font-size:300px;
}

#icotumblr:hover span {
  background-color: #f5e602 !important;
  border: none !important;
  color: #FFFFFF !important;
  text-decoration:none;
}

#icoshop {
text-decoration:none;
}

#icoshop span {
	color:#000000;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  font-size:300px;
}

#icoshop:hover span {
  background-color: #f5e602 !important;
  border: none !important;
  color: #FFFFFF !important;
  text-decoration:none;
}

#icoinfo {
text-decoration:none;
}

#icoinfo span {
	color:#FFFFFF;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  font-size:300px;
}

#icoinfo:hover span {
  background-color: #f5e602 !important;
  border: none !important;
  color: #000000 !important;
  text-decoration:none;
}

#icoplaceorder {
text-decoration:none;
}

#icoplaceorder span {
	color:#FFFFFF;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  font-size:300px;
}

#icoplaceorder:hover span {
  background-color: #f5e602 !important;
  border: none !important;
  color: #000000 !important;
  text-decoration:none;
}