@charset "utf-8";
body {
	background-color: #630C0d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #FFFFFF;
}

#container {
	margin-left: auto;
	margin-right: auto;
	/*background-image: url(images/red_mussels.jpg); */
	/*background-image: url(images/bg_all.jpg);
	background-repeat: repeat-y;*/
	height: auto;
	width: 980px;
	text-align: left;
}

#container2 {
	margin-left: auto;
	margin-right: auto;
	/*background-image: url(images/red_mussels.jpg); */
	/*background-image: url(images/bg_all.jpg);
	background-repeat: repeat-y;*/
	height: 570;
	width: 980px;
	text-align: left;
}


/* de achtergrond van de site */

#bg_boven {
	background-image: url(images/bg_boven.jpg);
	height: 25px;
	width: 980px;
}

#bg_all {
	background-image: url(images/bg_all.jpg);
	background-repeat: repeat-y;
	width: 980px;
	height: auto;
}

#bg_all3 {
	background-image: url(images/bg_all_blauw.jpg);
	background-repeat: repeat-y;
	width: 980px;
	height: auto;
}

#bg_onder {
	clear: left;
	background-image: url(images/bg_onder.jpg);
	height: 25px;
	width: 980px;	
}

/* het echte content gedeelte van de site opgedeeld in verschillende boxen */

#main_content_area {

}

#box_up {
	width: 260px;
	height: 260px;
	float: left;
	background-color: #FFFFFF;
	margin-left: 25px;
	padding-right: 5px;
	padding-bottom: 10px;
}

#box_up3 {
	width: 260px;
	height: 260px;
	float: left;
	background-color: #FFFFFF;
	margin-left: 25px;
	padding-right: 5px;
	padding-bottom: 10px;
}

#square_up {
	width: 665px;
	height: 260px;
	float: left;
	background-color: #FFFFFF;
	padding-bottom: 10px;
}

#square_up2 {
	width: 665px;
	height: 260px;
	float: left;
	background-color: #FFFFFF;
	padding-bottom: 10px;
}

#square_up3 {
	width: 665px;
	height: 260px;
	float: left;
	background-color: #FFFFFF;
	padding-bottom: 10px;
}

#box_up2 a {
	text-decoration: none;
	border: 0px;
	color: #FFFFFF;
}

#square_up2 a, #square_down2 a {
	font-size: 1.6em;
	margin-left: 50px;
}

#square_up_bg {			/*enkel voor de start.php-pagina*/
	width: 645px;
	padding: 10px;
	margin-left: 5px;
	foat: left;
	height: 240px;
	background-color: #991B1E;
}

#square_up_bg3 {
	width: 665px;
	/*margin-left: 5px;*/
	foat: left;
	height: 260px;
	background-image: url(images/hotel_inkom.jpg);
}

#square_up_bg {			/*enkel voor de start.php-pagina*/
	width: 645px;
	padding: 10px;
	margin-left: 5px;
	foat: left;
	height: 240px;
	background-color: #991B1E;
}


#box_down {
	padding: 5px;
	float: left;
	width: 250px;
	min-height: 260px;
	height: auto;
	margin-left: 25px;
	background-image: url(images/red_mussels.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#box_down2 {
	width: 260px;
	height: 260px;
	float: left;
	background-color: #FFFFFF;
	margin-left: 25px;
	padding-right: 5px;
	padding-bottom: 10px;
}

#box_down3 {
	padding: 5px;
	float: left;
	width: 250px;
	min-height: 260px;
	height: auto;
	margin-left: 25px;
}

#square_down {
	padding: 20px;
	float: left;
	min-height: 260px;
	height: auto;
	width: 640px;
}

#square_down2 {
	width: 665px;
	height: 260px;
	float: left;
	background-color: #FFFFFF;
	padding-bottom: 10px;
}

#square_down3 {
	padding: 20px;
	float: left;
	min-height: 260px;
	height: auto;
	width: 640px;
}

#square_down2 ul {
		margin-top: 30px;
		margin-bottom: 0px;
}

#square_down2 ul li {
	display: inline;
	margin-right: 20px;
	font-size: 1.2em;
	color: #0066FF;
}

#square_down2 ul li a {
	font-size: 1.0em;
	color: #0066FF;
}

#square_down_bg {
	width: 645px;
	padding: 10px;
	margin-left: 5px;
	foat: left;
	height: 240px;
	background-color: #000099;
}

/* opmaak tekst */

h1 {
	font-size: 1.8em;
	color: #D9E252;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
}

a {
	color: #D9E252;
	text-decoration: none;
}

a:link, a:visited {
	font-weight: bold;
}

a:hover, a:active {
	text-decoration: underline;
}

table.tm1 {
	width: 500px;
	/*border-bottom: 1px solid #D9E252;*/
}

ul {
	list-style: none;
	margin-top: 20px;
	padding: Opx;
}

#square_down ul li {
	margin-left: -35px;
}

span {
	font-weight: bold;
}

.contact {
	background-color: #991B1E;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

.contact_btn {
	background-color: #D9E252;
	color: #991B1E;
	border: 1px solid #FFFFFF;	
}

#map {
	width: 600px;
	height: 300px;
	border: 2px solid #FFFFFF;
}

#map {
	color: #000066;
}

table#openingsuren {
	width: 250px;
	border-top: 1px solid #991B1E;
	border-bottom: 1px solid #991B1E;
	margin-top: 40px;
}

#openingsuren td {
	font-size: 0.9em;
}

#openingsuren caption {
	font: caption;
	display: none;
}

#box_down span {
	font-weight: bold;
	color: #D9E252;
	font-size: 1.1em;
}

div#broers_janssens {
	border: 1px solid #991B1E;
	width: 230px;
	height: 240px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottem: 10px;
}

div#nieuwsbrief {
	border-top: 1px solid #991B1E;
	border-bottom: 1px solid #991B1E;
	padding: 5px;
	margin-top: 40px;
}

div#nieuwsbrief caption {
	display: none;
}

#reservatie {
	border-top: 1px solid #991B1E;
	border-bottom: 1px solid #991B1E;
	padding: 5px;
	text-align: center;
	margin-top: 5px;
}

#menu_nav li {
	display: block;
	border-bottom: 1px solid #991B1E;
	border-top: 1px solid #991B1E;
	margin-left: -35px;
	font-size: 1em;
	margin-bottom: 2px;
	font-weight: normal;
}

#menu_nav li a:hover, #menu_nav li a:active {
	background-color: #991B1E;
	text-decoration: none;
}

#menu_nav li a {
	display: block;
	padding: 2px;
	width: auto;
}

#parking {

}

#map_opm {
	font-size: 0.9em;
	margin-top: 40px;
	border-top: 1px solid #991B1E;
	border-bottom: 1px solid #991B1E;
	text-align: center;
}	

#map_opm li{
	margin-left: -35px;
}

#bottom_nav {
	font-size: 1.0 em;
	color: #991B1E;
	/*color: #CCCCCC;*/
	text-align: center;
}

#bottom_nav ul {
	list-style: none;
	display: inline;
}

#bottom_nav ul li {
	display: inline;
	margin-left: 30px;
	margin-right: 30px;
}

#bottom_nav a {
	font-weight: normal;
	color: #CCCCCC;
	color: #991B1E;
}

#bottom_nav p {
	font-size: 0.9em;
	margin-top: 0px;
}

#cadeaubon {
	margin-top: 4em;
}

#menu_download {
	float: left;
	margin-right: 10px;
	font-size: 1em;
	text-align: right;
}

#menu_download a {
	text-decoration: none;
}

#menu_download a:active, #menu_download a:hover {
	text-decoration: underline;
}

#navigatie {
	float: left;
	margin-top: 230px;
}

#navigatie ul {
	display: inline;
}

#navigatie ul li {
	display: inline;
	padding-right: 10px;
	color: #FFFFFF;
	font-size: 17px;
}

#navigatie ul li a {
	color: #FFFFFF;
}

#navigatie ul li a:active, #navigatie ul li a:hover {
	color: #000066;
	text-decoration: none;
}