body {
	padding: 0;
	margin: 20px 0 0 0;
	color: #242424;
	font-size: 14px;
	background: #FFCC99;
	font-family: Century ,serif , Verdana, Arial, sans-serif ;
	font-size: 13px;
	text-align: center;
}

img { border: none; }

#wrapper {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
	width: 850px;
}

#wrapper-content {
	width: 850px;
	border: 1px solid #434343;
	background: #FF9D3F;
	float: left;
}

#picJo { position: absolute; top: 80px; right: 15px; }

/**** language ****/

#language {
	font-size: 10px;
	margin: 0 auto;
	padding: 0 0 5px 0;
	width: 850px;
	text-align: right;
	color: #B15E0E;
}
#language a { color: #B15E0E; }
#language a:hover { color: #EB2854; }
#language a.active { color: #EB2854; font-weight: bold; }
 
#language a.be{ background: url(../images/flag_Be.jpg) no-repeat; width: 27px; height: 7px; padding: 0 15 7 12; margin: 0 0 0 3px;}
#language a.Fr{ background: url(../images/flag_Fr.jpg) no-repeat; width: 27px; height: 7px; padding: 0 15 7 12; margin: 0 0 0 3px;}
#language a.En{ background: url(../images/flag_En.jpg) no-repeat; width: 27px; height: 7px; padding: 0 15 7 12; margin: 0 0 0 3px;}
#language a.Es{ background: url(../images/flag_Es.jpg) no-repeat; width: 27px; height: 7px; padding: 0 15 7 12; margin: 0 0 0 3px;}
#language a.De{ background: url(../images/flag_Du.jpg) no-repeat; width: 27px; height: 7px; padding: 0 15 7 12; margin: 0 0 0 3px; }


/**** top ****/

#header { margin: 20px 0 0 0; padding: 5px 0 10px 0; background: #EB2854; width: 850px; float: left; position: relative; }
#artandsoul { margin: 0; padding: 0 0 0 15px; color: #FD58BE; font-size: 30px; font-weight: bold; float: left; }
#bedandbreakfast { margin: 0; padding: 0 15px 0 0; color: #FD58BE; font-size: 30px; font-weight: bold; float: right; }

/**** menu ****/

ul#menu { margin: 15px 0 30px 0; padding: 0 0 0 15px; list-style-type: none; float: left; }
ul#menu li { display: inline; float: left; margin: 0 15px 0 0; padding: 0; }
ul#menu li a { height: 10px; padding: 3px 5px 3px 5px; margin: 0; background: #EB2854; text-decoration: none; color: #fff; font-weight: bold; font-size: 12px; border-left: 1px solid #F2718F; border-top: 1px solid #F2718F; border-right: 1px solid #851730; border-bottom: 1px solid #851730; }
ul#menu li a:hover, ul#menu li a.active  { background: #F07D97; color: #fff; }

/**** content ****/

h1 { color: #D9254D; font-size: 26px; font-weight: bold; float: left; display: block; margin: 0 0 10px 0; }
#foto { width: 225px; margin: 0 25px 0 0; padding: 0 0 0 15px; float: left; height:285px;  overflow: hidden;}
#content { float: right; width: 580px; padding: 5px 5px 5px 0; }
h2 { padding: 0 0 0 15px; color: #D9254D; font-size: 26px; font-weight: bold; margin: 0 0 10px 0; }
#fotoalbum { padding: 5px 5px 5px 15px; }
#fotoalbum img { border: 1px solid #fff; }

/**** bottom ****/

#bottom { margin: 20px 0 20px 0; padding: 5px 0 10px 0; background: #EB2854; width: 850px; float: left; position: relative; }
#jolepere { margin: 0; padding: 0 0 0 15px; color: #FD58BE; font-size: 30px; font-weight: bold; float: left; }
#brugge { margin: 0; padding: 0 15px 0 0; color: #FD58BE; font-size: 30px; font-weight: bold; float: right; }

/**** adres ****/

#adres { margin: 0 auto; padding: 5px 0 0 0; width: 850px;	color: #B15E0E; }
#adres a { color: #B15E0E; }
#adres a:hover { color: #EB2854; }

/**** form ****/

table {
	float: left;
	padding: 0;
	margin: 10px 0 0 0;
	border: none;
	font-size: 12px;
} 
td {
	padding: 1px;
	margin: 0;
}
input {
	padding: 1px;
	margin: 0 0 5px 0;
	border: 1px solid #A19F88;
	font-size: 10px;
}
.tdText { width: 130px; }
textarea {	margin: 0; padding: 0; border: 1px solid #A19F88; float: left; }
input.knop { width: auto; margin: 10px 0 0 0; padding: 0; float: left;  }

/**** prijzen ****/

table#prijzen { width: 550px; }
table#prijzen tr { display: block; width: 550px; }
table#prijzen td { border-bottom: 1px dashed #EB2854; padding:  5px 0 6px 0; float: left; }
table#prijzen td, table#prijzen th { width: 183px; }
table#prijzen td.tdNone { width: 540px; padding: 5px; background: #F6A2B5; }

table#links { width: 550px; }
table#links tr { display: block; width: 550px; }
table#links td { border-bottom: 1px dashed #EB2854; padding:  5px 0 6px 0; float: left; }
table#links td, table#links th { width: 450px; }
table#links td.tdLink { width: 100px; text-align: right; }
table#links a { color:#EB2854; }
table#links a:hover { color:#000; }

.clear {
	clear: both;
}