@charset "utf-8";
/* CSS Document */

body {
	background-color:#2c2c2c;
	background-image:url(http://www.marnemoende.nl/restaurant/plaatjes/bg.gif);
	background-position:top;
	background-repeat:repeat-x;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#F00;
	margin:0
}

h5 a{
	color:#F00;
	text-decoration:none;
}

h5 a:hover{
	color:#999;
}

iframe {
	border:none;
	background-color:#121212;
}
div#maincontainer {
	width:80%;
	height:560px;
	margin:4% auto;
	text-align:left;
	border:solid 2px #999999;
	background-color:#121212;
	min-width:800px;
}
div#header {
	width:100%;
	height:145px;
	border-bottom:solid 2px #999999;
	background-color:#121212;
	background-image:url(http://www.marnemoende.nl/restaurant/plaatjes/headerbg.jpg);
	background-position:right;
	background-repeat: no-repeat;
}
div#menu {
	background-color:#121212;
	background-image:url(http://www.marnemoende.nl/restaurant/plaatjes/menubg.gif);
	background-position:left;
	background-repeat:repeat-y;
	border-right:solid 0px #999999;
	width:20%;
	height:340px;
	float:left;
}
div#content {
	background-color:#121212;
	width:52%;
	height:340px;
	float:left;
	overflow:auto;
}
div#photo {
	background-color:#121212;
	width:28%;
	height:340px;
	float:left;
}
div#menukaart {
	background-color:#121212;
	background-image:url(http://www.marnemoende.nl/restaurant/plaatjes/menu.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:27%;
	height:340px;
	float:left;
}
div#footer {
	background-color:#121212;
	border-top:solid 2px #999999;
	width:100%;
	height:52px;
	text-align:center;
	float:left;
}
div#gallerij {
	background-color:#121212;
	width:80%;
	height:340px;
	float:left;
}
div#route {
	background-color:#121212;
	width:80%;
	height:340px;
	float:left;
	overflow:auto;
}
table#menukaart {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#FFFFFF;
	margin-left:5px;
	text-align:left;
}
/**********Opmaak**********/

.inside2 {
	border-right: 2px solid #999999;
	padding: 0 0 0 0 0;
}
p.align {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	color:#FFFFFF;
	margin:0 3 3 0;
	text-align:right;
}
p.footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#FFFFFF;
	padding-top:10px;
}
p.content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin:2px 5px 0 5px;
}
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#FFFFFF;
	margin:0 5px 0 5px;
}
h2 {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:150%;
	margin:2px 5px 2px 5px;
	color:#FF0000;
	text-align:left;
	letter-spacing:2px;
}
h3 {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:120%;
	margin:2px 5px 2px 5px;
	color:#FF0000;
}
li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#FFFFFF;
	margin:0 5px 0 5px;
}
a.mail:link, a.mail:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	text-decoration:underline;
	font-weight: normal;
	color: #FFFFFF;
	margin-left:5px;
}
a.mail:hover, a.mail:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	text-decoration:none;
	font-weight:normal;
	color: #FFFFFF;
	margin-left:5px;
}
a.align:link, a.align:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	text-decoration:none;
	font-weight: normal;
	color: #FFFFFF;
}
a.align:hover, a.align:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	text-decoration:none;
	font-weight:normal;
	color: #FFFFFF;
}
a.menu:link, a.menu:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	text-decoration:none;
	font-weight: bold;
	color: #999999;
}
a.menu:hover, a.menu:active, a.menu:focus {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	text-decoration:none;
	font-weight: bold;
	color: #FF0000;
}

img{
	border:0;
	display: inline;
}