/* Rusheuvel CSS Document */
/* Body
---------------------------------------------------------------------- */
body{
font: 11px/18px Verdana, arial, helvetica;
margin:0;
padding:0;
line-height: 20px;
background:#AE2050 url(../i/bg.gif);
text-align:center;
color : #4C5658;
}
/* Fonts and Specials
---------------------------------------------------------------------- */
.hide, .line hr, .albumframe .albumfooter a, .agendaframe .agendafooter a, .linksframe .linksfooter a{
display:none;
}
acronym, abbr{
border-bottom:1px dotted #666;
cursor: help;
font-style:normal;
}
h1#header {
margin:0;
padding:0;
width:740px;
text-decoration:none;
display: block;
height: 40px;
text-indent: -9999px;
overflow: hidden;
background:#006BB5 url(../i/header.gif) 0 0 no-repeat;
cursor:hand;
}
h1#header a{
width:740px;
text-decoration:none;
display: block;
height: 40px;
}
h2#home{
margin:0;
padding:0;
width:740px;
text-decoration:none;
display: block;
height: 188px;
text-indent: -9999px;
overflow: hidden;
background:#FFF url(../i/header.jpg) 0 0 no-repeat;
}
h2.titel {
font-family: arial, times, serif;
font-weight: normal; font-size: 24px;
line-height: 28px;
letter-spacing: -1px;
color: #F60E39;
text-align:left;
margin: 0 0 4px 30px;
padding: 0;
}
h2 {
font-family: arial, times, serif;
font-weight: bold	 ; font-size: 16px;
line-height: 28px;
color: #2A66AA;
text-align:left;
margin: 0 0 0 30px;
padding: 0 0 2px 0;
}
h2 span{
color: #0077CC;
}
h3#contact, h3#event, h3#rescent, h3#hire, h3#special, h3#special2, h3#menu, h3#kerst, h3#paas, h3#beach, h3#drank{
width:150px;
height:45px;
text-indent:-9999px;
overflow:hidden;
margin:0;
padding:0;
}
h3#mail{
display:block;
width:150px;
height:120px;
text-indent:-9999px;
overflow:hidden;
background: transparent url(../i/mail.gif);
margin:0;
padding:0;
}
h3#mail a{
display:block;
width:150px;
height:120px;
cursor:hand;
}

h3#contact{background: transparent url(../i/topcontact.gif);}
h3#event{background: transparent url(../i/topevent.gif);}
h3#rescent{background: transparent url(../i/toprescent.gif);}
h3#hire{background: transparent url(../i/tophuren.gif);}
h3#special, h3#special2{background: transparent url(../i/topspecial.gif);}
h3#menu{background: transparent url(../i/topmenu.gif);}
h3#kerst{background: transparent url(../i/topkerst.gif);}
h3#paas{background: transparent url(../i/toppaas.gif);}
h3#beach{background: transparent url(../i/topbeach.gif);}
h3#drank{background: transparent url(../i/topdrank.gif);}



dl.tarieven{margin:0 0 10px 30px;text-align:left;}
dl.tarieven dt{color:#006BB5;font-weight:bold;}
dl.tarieven dd{margin:0;}
dl.tarieven dd span, .greybox .price, strong.special, ul.buffet li span, td.price{
font-weight:bold;
color:#F60E39;
}
ol#buffet, .greybox ul, ol#list{
padding:0;
margin:0 0 10px 30px;
list-style:none;
}
ol#buffet li, .greybox ul li, ol#list li{
text-align:left;
padding-left: 13px;
background: transparent url(../i/bullet.gif) no-repeat 0 0.4em;
}

#content ul.links, #content ul.links li{
list-style:none;
padding:0;
margin:0;
background:none;
}
.greybox {
border: 1px solid #E5E5E5;
background-color: #F7F7F7;
margin:0 0 10px 30px;
padding:8px 30px 0 0;
text-align:center;
}
.greybox p, .greybox ul{text-align:left;}
.greybox img{margin-left:40px;}

.greybox li.big{
	font-size:14px;
	font-weight: bold;
}

#content img{margin:0 0 10px 30px;}

#content p { margin:4px 0 10px 30px; padding: 0; text-align:justify;}
#sidebar p {margin:0;padding:0;}
.line{
height: 34px;
background: transparent url(../i/hr.gif) no-repeat 0 center;
padding: 0;
border:0;
}
.data, .rent{font-size:100%;text-align:center;margin:0 0 0 30px;border: 1px solid #E5E5E5;width:420px;}
.data tr td{width:auto;border: 1px solid #E5E5E5;}
.data thead, .rent thead{background:#C7D8E4;color:#666;}
a  { color: #006BB6; text-decoration: none; }
a:hover {  text-decoration: underline; }
/* Contactform
---------------------------------------------------------------------- */
#contactform dl dd {
margin: 0;
padding: 0 0 1em 0;
}
#contactform, #subscribe {
border: 1px solid #E5E5E5;
margin:0 0 10px 30px;
padding:0;
}
#contactform dl, #subscribe div {
border: 1px solid #FFF;
background-color: #F7F7F7;
margin: 0;
padding: 10px;
}
.player label{display:block;}
.player .short{display:inline;}
.player #male1, .player #male2, .player #female1, .player #female2{width:20px;border:none;}

#contactform dt {
color: #333;
}
.player{width:210px;float:left;}
#contactform dt em {
color: #999;
font-weight: normal;
font-style: normal;
}
#contactform #name, #contactform #email, #contactform #url, .player input, #contactform #leeftijd, #contactform #woonplaats, #contactform #telefoon {
width: 200px;
border: 1px solid #ccc;
padding: 2px;
color: #444;
}
#contactform textarea {
border: 1px solid #ccc;
width: 460px;
height: 180px;
}
#contactform input.button, #subscribe .button {
border:1px solid #ccc;
background-color:#e4e4e4;
padding:2px;
margin:10px 0 0 0;
}
.strength{clear:both;margin:4px 0px;}
#subscribe p{float:left;}
fieldset{border:none;}
legend{margin:0px;padding:0px;fon-weight:bold;color:#000;font-size:14px;}
/* Containers
---------------------------------------------------------------------- */
#outer-container {
background:transparent url(../i/contbg.gif) ;
width: 780px;
margin: 0 auto 0 auto;
}
#inner-container{
width: 740px;
margin: 0px auto 0px auto;
text-align: left;
}
/* -----( header and navigation )----- */
/* NAV */
ul#nav {
list-style-type: none;
margin: 0px;
padding: 0px;
width: 740px;
height: 24px;
background: #efefef url(../i/navbg.gif);
border-top:1px solid #ddd;
border-bottom:1px solid #666;
text-transform:lowercase;
}
ul#nav li {
padding:0;
display: block;
float: left;
}
ul#nav li span {
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
display: block;
width: 92px;
}
ul#nav li a {
padding:0;
border-right:1px solid #ddd;
border-left:1px solid #fff;
line-height: 23px;
display: block;
width: 92px;
color: #333;
text-align: center;
text-decoration: none;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
ul#nav li a:hover {
color: #DE384D;
}
ul#nav ul {
margin: 0 0 0 -1px;
padding: 0px;
list-style-type: none;
text-align: left;
width: 140px;
position: absolute;
background: #FFF;
border-left: 1px solid #666;
border-right: 1px solid #666;
overflow: hidden;
border-bottom:4px solid #0E68AB;
}
ul#nav ul li span {
border-right: 0px;
border-top: 0px;
width: 140px;
}
ul#nav ul li span a {
width: 145px;
text-align: left;
padding-left: 30px;
}
ul#nav ul li span a:hover {
color:#0E68AB;
background:#fff url(../i/pin.jpg) center left no-repeat;
}
#menu1Content { display: none; z-index: 10; height: 0px; }
#menu2Content { display: none; z-index: 10; height: 0px; }
#menu3Content { display: none; z-index: 10; height: 0px; }
#menu4Content { display: none; z-index: 10; height: 0px; }
#menu5Content { display: none; z-index: 10; height: 0px; }
#menu7Content { display: none; z-index: 10; height: 0px; }
#menu8Content { display: none; z-index: 10; height: 0px; }
/* Content
---------------------------------------------------------------------- */
div#content {
padding:0;
margin:0 0 20px 0 ;
float:left;
width:520px;
}
div#sidebar {
margin:30px 0 0 525px;
padding: 0;
text-align:left;
}
.box { width: 185px; border: 1px solid #E5E5E5; margin:0 0 10px 10px; padding:0;}
.post img{ border:0;}
.post { border: 1px solid #FFF; background-color: #F7F7F7; padding:0 0 10px 0; margin:0;text-align:center}
.post a{text-decoration:none;}
/* Menu
---------------------------------------------------------------------- */
.kaart{
text-align:center;
background: #FFF url(../i/menubg.jpg) no-repeat top center;
font-family:Georgia, Times ;
font-size:100%;
width:480px;
padding:20px 0 0 0;
margin:0 0 10px 30px;
}
table.kaart{
line-height:14px;
padding:6px 0 0 0;
}



ul.buffet{list-style:none;margin:0;padding:0;}
ul.buffet li{
text-align:center;
background:none;
color:#333;
padding:0;
margin:0;
}
.kaart h3
{
font-size:160%;
padding:20px 0 0 0;
margin:0;
}
ul.buffetsmall{font-size:80%;text-align:left;list-style:none;font-family:Verdana;}

/* Fotoalbum
---------------------------------------------------------------------- */
#content .albumframe, #content .albumbox, .agendaframe, .linksframe  {
border: 1px solid #E5E5E5;
background-color: #F7F7F7;
margin:0 0 10px 30px;
padding:0;
position: relative;
display:block;
}
.albumbody img{
padding:0;
margin-left:30px;
}
.albumframe .albumbody p img{
margin-right:20px;
margin-left:30px;
/*width:110px;*/
height:80px;
}
.albumframe .albumbody ol{
height:200px;
padding:0;
margin:10px 0 0 0;
}
.albumframe .albumbody ol li{
list-style:none;
width:auto;
margin:0;
padding:0;
float:left;
}
.albumframe .albumbody ol li p{border:0;margin:0;padding:0;}
.albumframe .albumbody ol li img{/*width:195px;*/height:145px;border:2px solid #F7F7F7;}
.albumframe .albumbody ol li a:hover img {border:2px solid #006AB5;}
#content .albumframe .albumheader h2, .agendaframe .agendaheader h2, .linksframe .linksheader h2 {
font-size: 12px;
color: #ED304D;
font-family: arial, georgia, times, serif;
padding:4px 0 0 0;
margin:0 0 0 30px;
width:200px;
}
#content .albumframe .albumheader p, .agendaframe .agendaheader p{
position: absolute;  right: 7px; top:0;color:#666;
}
#content .albumframe .albumbody p img{
border:2px solid #F7F7F7;
}
#content .albumframe .albumbody p a:hover img{
border:2px solid #006AB5;
}
#content .albumframe .albumbody ul{
width:350px;
margin:0;
padding:0 0 0 13px;
list-style:none;
position: absolute;
left: 150px;
top:0;
color:#666;
}
#content .albumframe .albumbody ul li{
margin:0;
padding:0;
background:none;
}
#content .albumframe .albumbody{
position: relative;
display:block;
margin:0 0 10px 0;
padding:0;
}
#content .linksframe .linksbody{
position: relative;
display:block;
margin:0 0 10px 30px;
padding:0;
}
#content .albumframe .albumbody p {margin:0 0 0 0px; padding:0;display:block;clear:both; }
#content .albumframe .albumfooter{height:12px;
}
.agendaframe .agendabody p img{margin:0;border: 1px solid #E5E5E5;padding:0;}
.linksframe .linksbody img, .agendaframe .agendabody img{margin:0;padding:0;display:block;border: 1px solid #E5E5E5;}
.linksframe .linksbody span, .agendaframe .agendabody span{display:block;}
/* Footer
---------------------------------------------------------------------- */
#footer {
margin:0 auto;
padding:0;
width:760px;
clear: both;
height: 50px;
background: transparent url(../i/footer.gif);
text-align: center;
}
#footer p {
position: relative;
top: 10px;
font-family: Verdana;
color: #FFF;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
}
#footer p a {
color: #ED304D;
}
#footer p a:hover {
color: #006AB5;
}
.error{
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #F00;
}


ul.flyers{
	height:230px;
	margin: 0 0 0 30px;
	padding: 0;
	height: 230px;
	list-style: none;
	background: url(../i/home.gif) top left no-repeat;
}
ul.flyers li {
	height:230px;
	float: left;
	display: block;
	margin: 0;
}
ul.flyers li a{
	display: block;
	height: 230px;
	text-indent: -9999px;
	overflow: hidden;
}
.flyers a#flyer1        {width:120px;height:230px;display: block;cursor:hand;}
.flyers a#flyer2        {width:120px;height:230px;display: block;cursor:hand;}
.flyers a#flyer3        {width:103px;height:230px;display: block;cursor:hand;}
.flyers a#flyer4        {width:137px;height:230px;display: block;cursor:hand;}

.attention{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.img-no-border img{
	border:0;
}