@charset "utf-8";
*{
margin: 0;
padding: 0;
}

img{
border:0px;
}

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFF;
background-image:url(bg.jpg);
background-repeat: repeat-x;
background-color:#580807;
line-height:1.2;
}
#container{
position: absolute;
left: 50%;
width: 980px;
height: 650px;
margin-left: -490px;
line-height:1.3;
}
#bgcontainer{
background-image: url(container.jpg);
width: 980px;
height: 650px;
}
.pic{
width: 210px; padding: 12px 22px 12px 22px; float:left;	
}

.pic ul li{
	list-style-position:inside;
}

.pic2{
width: 210px; padding: 12px 22px 12px 22px; float:left;	
}
.pic2 img{
border: 1px solid #666;	
}

a.home:link{background-image: url(images/home-w.png); display: block; width:130px; height:60px;}
a.home:visited{background-image: url(images/home-w.png); display: block; width:130px; height:60px;}
a.home:hover{background-image: url(images/home-r.png); display: block; width:130px; height:60px;}
a.home:active{background-image: url(images/home-r.png); display: block; width:130px; height:60px;}
a.homer{background-image: url(images/home-r.png); display: block; width:130px; height:60px;}

a.cocktails:link{background-image: url(images/cocktails-w.png); display: block; width:220px; height:60px;}
a.cocktails:visited{background-image: url(images/cocktails-w.png); display: block; width:220px; height:60px;}
a.cocktails:hover{background-image: url(images/cocktails-r.png); display: block; width:220px; height:60px;}
a.cocktails:active{background-image: url(images/cocktails-r.png); display: block; width:220px; height:60px;}
a.cocktailsr{background-image: url(images/cocktails-r.png); display: block; width:220px; height:60px;}

a.events:link{background-image: url(images/events-w.png); display: block; width:165px; height:60px;}
a.events:visited{background-image: url(images/events-w.png); display: block; width:165px; height:60px;}
a.events:hover{background-image: url(images/events-r.png); display: block; width:165px; height:60px;}
a.events:active{background-image: url(images/events-r.png); display: block; width:165px; height:60px;}
a.eventsr{background-image: url(images/events-r.png); display: block; width:165px; height:60px;}

a.contact:link{background-image: url(images/contact-w.png); display: block; width:190px; height:60px;}
a.contact:visited{background-image: url(images/contact-w.png); display: block; width:190px; height:60px;}
a.contact:hover{background-image: url(images/contact-r.png); display: block; width:190px; height:60px;}
a.contact:active{background-image: url(images/contact-r.png); display: block; width:190px; height:60px;}
a.contactr{background-image: url(images/contact-r.png); display: block; width:190px; height:60px;}


#content p{margin-left:20px;}

#content p a{margin-bottom:5px;}

.eventslijst{display:inline;}

.eventslijst li{margin-left: 40px;line-height:2em;}
#content{
position: absolute;
width: 580px;
height: 390px;
color: #ccc;
left: 300px;
top: 110px;
line-height:1.5;
}
#kolomlinks li{
list-style:none;
list-style-position:inside;
border-bottom:1px solid #999999;
padding: 5px 15px 5px 15px;
}
#menubalk{
	position: absolute;
	width: 750px;
	height: 60px;
	font-size: 20px;
	left: 270px;
	top: 42px;
}
#menubalk li{
float: left;
list-style:none;
height:60px;
text-decoration:none;
}

a:link {text-decoration:none; color: #FFF}      /* unvisited link */
a:visited {text-decoration:none; color: #FFF}  /* visited link */
a:hover {text-decoration:none; color: #999}  /* mouse over link */
a:active {text-decoration:none; color: #999}  /* selected link */

#copy{
top: 610px;
left: 380px;
position: absolute;
width: 544px;
height: 25px;
color: #333333;
text-align: right;
}
h3{
	padding-bottom: 5px;
}
H2{
font-size: 16px;
padding-bottom:5px;
padding-left: 15px;
}

H1{
color:#FFF;
padding-bottom:15px;
}

#flescaiperinha{
	position: absolute;
	background-image:url(flescaipirinha.png);
	width: 155px;
	height: 407px;
	margin-top: 185px;
	margin-left: 77px;
}

#flesmojitotea{
	position: absolute;
	background-image:url(flesmojitotea.png);
	width: 155px;
	height: 407px;
	margin-top: 185px;
	margin-left: 79px;
}