/*
Website : www.kliche.nl
CSS : Rick Ploeg
E-mail: rickploeg@gmail.com
WWW: www.rickploeg.nl
---------------------------------------
CSS bestand vrijgegeven onder C.C. licentie:
http://creativecommons.org/licenses/by-sa/2.0/be/
*/

html, body {

  font-family: Verdana;
  font-size: 10pt;
  color: #000000;
  background-color: #3E677F;
}

/*-----------------------------------------------------------Container---------------------------------------------------*/
#container{
  position: absolute;
  width: 975px;
  margin: auto;
  height: auto;
}

/*-----------------------------------------------------------Inhoud------------------------------------------------------*/

#facebook {
  float: left;
  width: 30%;
  height: auto;
  background-color: #ffffff;
  padding: 0px 0px 0px 0px;
}

#logo {
  float: left;
  width: 35%;
  height: auto;
  padding: 0px 0px 0px 10px;
}

#info {
  float: left;
  height: auto;
  padding: 5px 20px 10px 20px;
  margin: 10px 12px 0px 5px;
  *border: 4px solid #000000;
  background: url(info.png) no-repeat;
}

#twitter {
  float: left;
  width: 30%;
  height: auto;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

#youtube {
  float: left;
  width: 30%;
  height: auto;
padding: 20px 0px 0px 0px;
}

#footer {
float: left;
width: 100%;
padding-left: 8px;
background-color: #0F0202;
}

#footer img {
float: left;
padding-right: 80px;
border: 0px;
}

/*------------------------------------------------------------- Wolken ------------------------------------------------------------------*/

#wolken {
  float: right;
  margin-top: 50px;
  height: auto;
  width: 60%;
  color: #000000;
}


#wolk1 {
  float: left;
  height: 290px;
  width: 46%;
  padding: 70px 20px 0px 55px;
  margin: 0px 0px 0px 10px;
  background: url(wolk1.png) no-repeat;
}

#wolk2 {
  float: left;
  height: 245px;
  width: 46%;
  padding: 60px 30px 0px 55px;
  margin: 10px 12px 0px 5px;
  background: url(wolk2.png) no-repeat;
}

#wolk3 {
  float: left;
  height: 240px;
  width: 43%;
  padding: 60px 50px 0px 50px;
  margin: 10px 12px 0px 5px;
  background: url(wolk3.png) no-repeat;
}

/*------------------------------------------------------------- Menu ------------------------------------------------------------------*/


#menu {
	float: left;
	width: 100%;
	height: 25px;
	margin-top: 30px;
		}

#knop {
	float: center;
	width: 80%;
	height: auto;
	padding-top: 3px;
	padding-left: 150px;
	font-size: 12pt;
	letter-spacing: 1px;
	text-align: center;
	}

#knop a{
	float: left;
	margin-left: 48px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	}

#knop a:hover{
	text-decoration: underline;
	}


/*------------------------------------------------------------- Reserveren ---------------------------------------------------------------------*/

#reserveren{
  float: left;
  width: 52%;
  color: #ffffff;
}
	
#prijs{
  float: left;
  width: 32%;
  margin-left: 40px;
  color: #ffffff;
}
/*------------------------------------------------------------- voorstelling ---------------------------------------------------------------------*/

#content {
    float: left;
    width: 80%;
    height: auto;
    color: #ffffff;
    padding: 10px 0px 10px 10px;
}

#bio {
float: left;
width: 100%;
}

#bio a {
width: 100%;
color: #ffffff;
}

#bio img {
float: right;
padding: 20px;
}

#locatie {
    float: left;
    width: 58%;
    height: auto;
    color: #ffffff;
}

#link-locatie {
text-align: center;
color: #ffffff;
}

#link-locatie a{
text-align: center;
color: #ffffff;
}

#data {
    float: left;
    width: 35%;
margin-left: 20px;
padding-left: 20px;
    height: auto;
    color: #ffffff;
	border-left: 1px solid #ffffff;
}

#tekstflyer {
float: left;
width: 100%;
}

#tekstflyer img{
float: right;
padding-left: 20px;
}

#logo-voorst {
  float: left;
  width: 18%;
  height: auto;
  }

#knop-voorst {
	width: 100%;
	height: auto;
	padding-top: 10px;
	font-size: 12pt;
	letter-spacing: 1px;
	text-align: center;
			}

#knop-voorst a{
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	}

#knop-voorst a:hover{
	text-decoration: underline;
	}

/*------------------------------------------------------------- Specificaties ------------------------------------------------------------------*/

a {
  text-decoration: none;
  font-weight: bold;
  color: #9B7E54;
  text-decoration: underline;
}

a:visited {
  text-decoration: none;
  color: #9B7E54;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}