/*
Stylesheet by Cintron 
http://www.cintron.nl/
Version: 1.0
Author: Mario Kuijpers
05-07-2009  'monotype corsiva'
*/

body {
	margin: 0px;
	color: #660033;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:  Verdana, Arial, Sans-Serif;
	background: #5F1344 url('http://www.eeterijdepont.nl/images/bg2.jpg') repeat-x top center;
}

#page {
	width: 1000px;
	height: 600px;
	margin: 0px auto;
}
	
#pagevar {
	width: 1000px;
	height: 100%;
	margin: 0px auto;
}

#headerimage{
	width: 1000px;
	height: 214px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ffffff url('http://www.eeterijdepont.nl/images/header.jpg') no-repeat bottom center;
}

#headerbar {
	width: 1000px;
	height: 21px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ffffff url('http://www.eeterijdepont.nl/images/headerbar.jpg') repeat-x bottom center;
}

#menu {
	width: 200px;
	height: 320px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	background: #ffffff url('http://www.eeterijdepont.nl/images/menubg.jpg') repeat-x bottom center;
}

#content {
	width: 800px;
	height: 335px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	background: #ffffff url('http://www.eeterijdepont.nl/images/contentbg.jpg') no-repeat bottom center;
}

#content1 {
	width: 800px;
	height: 335px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	background: #ffffff url('http://www.eeterijdepont.nl/images/contentbg1.jpg') no-repeat bottom center;
}

#content2 {
	width: 800px;
	height: 335px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	background: #ffffff url('http://www.eeterijdepont.nl/images/contentbg2.jpg') no-repeat bottom center;
}

#content3 {
	width: 800px;
	height: 335px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	background: #ffffff url('http://www.eeterijdepont.nl/images/contentbg3.jpg') no-repeat bottom center;
}

#content4 {
	width: 800px;
	height: 335px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	background: #ffffff url('http://www.eeterijdepont.nl/images/contentbg4.jpg') no-repeat bottom center;
}

#kerst {
	width: 800px;
	height: 335px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	background: #ffffff url('http://www.eeterijdepont.nl/images/kerstbg2.jpg') no-repeat bottom center;
}
	
#kerstlink {
	width: 490px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 235px 0px 0px 310px;
	font-family:  Verdana, Arial, Sans-Serif;
	font-size: 2.0em;
}

#kerstlink a {
	text-decoration: none;
}

#kerstlink a:hover {
	color: #660033;
	background: transparent;
	text-decoration: underline;
}
	
#kerstmenu {
	width: 800px;
	height: 335px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	background: #ffffff url('http://www.eeterijdepont.nl/images/kerstmenubg.jpg') no-repeat bottom center;
}
	
#vakantie {
	width: 800px;
	height: 335px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	background: #ffffff url('http://www.eeterijdepont.nl/images/vakantie.jpg') no-repeat bottom center;
}

#container{
	width: 738px;
	height: 282px;
	margin: 27px 22px 26px 40px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

#container2{
	width: 738px;
	height: 273px;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 0px;
	overflow: auto;
}

#container3{
	width: 718px;
	height: 273px;
	margin: 0px 0px 0px 0px;
	padding: 9px 20px 0px 0px;
	overflow: auto;
}

#containerleft{
	width: 543px;
	height: 273px;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 0px;
	float: left;
	overflow: auto;
}

#containerright{
	width: 195px;
	height: 128px;
	margin: 0px 0px 0px 0px;
	padding: 154px 0px 0px 0px;
	float: right;
	overflow: auto;
}

#containerleft2{
	width: 400px;
	height: 273px;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 0px;
	float: left;
	overflow: auto;
}

#containerright2{
	width: 338px;
	height: 273px;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 0px;
	float: right;
	overflow: auto;
}

#dinerkaart {
	width: 1000px;
	height: 100%;
	min-height: 273px;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 50px 0px;
	float: left;
	text-align: center;
	background: #FFE19B url('http://www.eeterijdepont.nl/images/menubg.jpg') repeat-x top center;
}

#dinerkaart #kaarttitel {
	width: 1000px;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	font-size: 2.6em;
	text-decoration: underline;
}

#dinerkaart #kaarttitel:first-letter {
	font-size: 1.9em;
}

#dinerkaart #gerecht {
	width: 1000px;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#dinerkaart #gerecht .gerechtnaam {
	width: 1000px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	font-size: 1.8em;
	text-decoration: none;
}

#dinerkaart #gerecht .gerechtbeschrijving {
	width: 1000px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	font-size: 1.2em;
	text-decoration: none;
}

#dinerkaart #gerecht .gerechtprijs {
	width: 1000px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	font-size: 1.4em;
	text-decoration: none;
}

#dinerkaart #gerecht .gerechtprijs hr {
	height: 0;
	border: 0;
	margin: 0px 0px 0px 100px;
	border-top: 1px solid  #660033;
	color: #660033;
	background: transparent;
	width: 800px;
	text-align: center; 
} 

.name {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 2.0em;
}

.name:first-letter {
	font-size: 1.5em;
	font-family:  Verdana, Arial, Sans-Serif;
}

.smalltxt {
	font-size: 1.7em;
}

.tinytxt {
	font-size: 1.6em;
}

.microtxt {
	font-size: 1.2em;
}

.price {
	font-size: 1.9em;
	text-align: right;
}

#menuname {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	text-align: center;
}

#menuname .menuitem{
	width: 45%;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	text-align: center;
}

.menuname:first-letter {
	font-size: 1.5em;
}

.menusmall {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 1.4em;
}

.route {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 1.4em;
}

#kaart {
	width: 700px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

#footer {
	width: 800px;
	height: 23px;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 200px;
	float: left;
	font-size: 1.2em;
	text-align: center;
	font-family: 'Arial', 'Sans-Serif', 'Lucida Grande';
	background: #FFE19B;
}

#footervar {
	width: 1000px;
	height: 23px;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	float: left;
	font-size: 1.2em;
	text-align: center;
	font-family: 'Arial', 'Sans-Serif', 'Lucida Grande';
	background: #FFE19B;
}

#footer a {
	text-decoration: none;
}

#footervar a {
	text-decoration: none;
}

#footer a:hover {
	color: #660033;
	background: transparent;
	text-decoration: underline;
}

#footervar a:hover {
	color: #660033;
	background: transparent;
	text-decoration: underline;
}

hr {
height: 0;
border: 0;
margin: 0px 0px 0px 0px;
border-top: 1px solid  #660033;
color:  #660033;
background: transparent;
width: 700px;
text-align: left; 
} 
	

h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 2.4em;
	text-decoration: none;
}

h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.4em;
	text-decoration: none;
}

h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.3em;
	text-decoration: none;
}

h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.0em;
}

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

a:hover {
	color: #14045B;
	text-decoration: underline;
}

li {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
}

p {
	font-size: 1.3em;
	margin-bottom: 15px;
}

#page-wrap {
	width: 660px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 5px 5px 10px 5px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

#slideshow {list-style:none; color:#fff; background: transparent;}
#slideshow span {display:none}
#wrapper {width:640px; margin:0px 0px 0px 35px; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:640px; height:280px; padding:2px; border:1px solid #ccc; background: transparent;}
#information {position:absolute; bottom:0; width:640px; height:0; background: transparent; color:#fff; overflow:hidden; z-index:200; opacity:.7;}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:640px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:280px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:280px; width:100%; z-index:100; opacity:.4;}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:0px; margin-left:0px; height:0px; overflow:hidden}
#slider {position:absolute; left:0; height:0px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}