* {
	margin: 0;
	padding: 0;
}

a img {
	border: none;	
}

h1 {
	font: normal 25px cambria, arial, sans-serif;
	color: #fff;	
}

h2 {
	font: normal 18px cambria, arial, sans-serif;
	color: #fff;	
}

h3 {
	font: normal 14px cambria, arial, sans-serif;
	color: #fff;	
}

ul {
	margin:  0 0 0 20px;	
}

p {
	margin: 10px 0 12px 0;	
}

a {
	text-decoration: underline;
	color: #b1afa2;	
}

a:hover {
	text-decoration: none;	
}
/*
h2.h2-cafedehaven {
	text-align: left;
	text-indent: -9999em;	
	background: transparent url(../images/h2-cafedehaven.gif) top right no-repeat;
}
h2.h2-gespot {
	text-indent: -9999em;	
	background: transparent url(../images/h2-gespot.gif) top left no-repeat;
}
h2.h2-binnenkort {
	padding-top: 10px;
	text-indent: -9999em;	
	background: transparent url(../images/h2-binnenkort.gif) bottom left no-repeat;
}
*/
body#cafedehaven {
	background: #0e0909 url(../images/bodybackground.jpg) top left repeat;
	color: #fff;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	text-align: center;
	padding: 90px 0 210px 0;
	line-height: 1.6em;
}

#cafedehaven #pagewrap {
	width: 940px;
	background: #553b24 url(../images/containerbackground_small.gif) top left repeat;
	text-align: left;
	margin: 0 auto;
	padding: 30px 0;
}

#cafedehaven #footer {
	width: 940px;
	text-align: center;
	margin: 0 auto;
}

#pagewrap #top, #pagewrap #main {
	width: 880px;
	margin: 0 auto;
}

#top .logolink, #top #video, #top #contactdetails {
	float: left;	
	height: 164px;
}

#top #topcontainer {
	height: 175px;	
}

#top #video {
	width: 235px;
	padding: 6px;
	height: 152px;
	margin: 0 0 0 30px;	
	background: #231f20 url(../images/moviebackground.png) top left no-repeat;
}	

#top #contactdetails {
	height: 152px;
	width: 479px;
	text-align: right;
	font: normal 10px verdana, arial, helvetica, sans-serif;
	color: #b6a8ab;
	line-height: 2em;
}

#contactdetails a.link-mobile {
	padding: 0 13px 0 0;
	background: transparent url(../images/mobile-icon.gif) top right no-repeat;	
}

#contactdetails p {
	margin :0;
	padding: 0;
}	

h1.pagetitle {
	font-size: 40px;
}

#contactdetails h2 {
	font-size: 18px;
	text-transform: uppercase; 
}

#top #navigation {
	width: 880px;
	height: 31px;
	background: transparent url(../images/menu.png) top left no-repeat; 
}

#main {
	padding: 20px 0 0 0;
}

#main #pagecontent {
	width: 580px;
	float: left;
	line-height: 2em;
}

.item {
	line-height: 2em;
	width: 580px;
	margin: 10px 0 15px 0;	
	background: #45301f url(../images/newsitemtop.png) top left no-repeat;
}

#contentwrap .content {
	width: 564px;
	margin: 8px 0 0 0; 	
	padding: 4px 8px;	
	background: #45301f url(../images/newsitemtop.png) top left no-repeat;
}

#sitemap-menu {
	margin: 20px;	
}

#sitemap-menu li {
	list-style-type: square;	
}

#contentwrap .bottom {
	width: 580px;
	height: 8px;
	background: #45301f url(../images/newsitembottom.png) top left no-repeat;
}

.pagination {
	width: 580px;
	height: 10px;
	padding: 10px 0 15px 0;
	margin: 0 0 10px 0;
	text-align: center;
}

.pagination a.paginationlink {
	color: #b6a8ab;	
	text-decoration: none;
	text-align: center;
	padding: 4px 3px 4px 6px;
	border: 1px solid #342416;
	background: transparent url(../images/paginationbackground.jpg) top left repeat-x; 
}

.item .content {
	color: #e0d8da;	
}

.item a img {
	border: 4px solid #342416;
}


.item .content, 
.item .fullcontent,  
.item .showmore,  
.item .showmoreless {
	padding: 4px 12px;
	width: 552px;
}

.item .fullcontent { clear: both; display: block; }

.item .bottom {
	width: 580px;
	height: 8px;
	background: #45301f url(../images/newsitembottom.png) bottom left no-repeat;
}

.item > div.home {
	padding: 4px 12px;
	width: 552px;
}

.item a img {
	margin: 0 2px;	
}

.item h3 {
	color: #e5dcd6;
	margin: 4px 0 6px 0;
	font-size: 15px;
	text-transform: uppercase;	
}

.newsitem h3, .content h3 {
	margin: 12px 0 4px 0;
	padding: 0;	
}

.content h3 {
	margin: 12px 0 4px 0;
	padding: 0;	
}

#pagecontent #slideshow {
	width: 580px;
	height: 224px;
	background: #45301f;	
}

#main #sidebar {
	width: 280px;
	float: left; 
	margin: 0 0 0 20px;
}

#subscribe-newsletter {
	background: transparent url(../images/nieuwsbrief-aanmelden.png) top center no-repeat;
	height: 120px;
	margin: 0 0 10px 0;
	padding: 12px 15px;
	width: 250px;
}

#sidebar #gallerywrap {
	padding: 5px 0;
	width: 280px;
	height: 270px;
	overflow: hidden;	
}

#gallerywrap .imgpreview {
	float: left;
	margin: 0 6px 6px 0;
	width: 80px;
	height: 80px;
	overflow: hidden;
	border: 2px solid #45301f;	
}

a.readmore {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	margin: 4px 0 0 4px;
	text-align: center;
	background: transparent url(../images/paginationbackground.png) top left repeat-x;
	border: 1px solid #342416; 
}

.pagination a.current {
	text-decoration: none;
	background: transparent url(../images/agendadescrbackground.gif) 20px 0 no-repeat;
	border: 1px solid #45301f;
	color: #b6a8ab;	
}

#sidebar .agendaitem {
	width: 280px;
	float: left;
	margin: 8px 0 8px 0;	
}

.agendaitem .date,
.item .date {
	width: 70px;
	background: #4b3626 url(../images/agendadatebackground.gif) top left repeat-x;
	float: left;
	padding: 4px; 	
}

.agendaitem .weekday,
.item .weekday {
	color: #6b5a4d;
	height: 25px;
	text-transform: uppercase;
	font: normal 15px cambria, times new roman, sans-serif;	
}

.agendaitem .calendarday,
.item .calendarday {
	color: #e5dcd6;
	height: 64px;
	text-align: center;
	font: normal 50px cambria, times new roman, sans-serif;	
}

.agendaitem .showmore {
	height: 15px;
}

.agendaitem .minheight {
	width: 1px; 
	height: 84px;
	float: left;
}

.agendaitem .description {
	width: 195px;
	border: 2px solid #342416;
	border-width: 0 0 0 2px;
	padding: 14px 2px;
	float: left;
	background: #3e2e23 url(../images/agendadescrbackground.gif) top left repeat-x;		
} 

.agenda .date {
	float: left;
	width: 90px;
	height: 90px;
	margin: 3px;
	padding: 3px;
	border: 2px solid #342416;
}

.agenda .calendarday {
	text-align: center;
}

.agenda .description {
	float: left;
	padding: 8px; 
	width: 300px;
}

.item .showmore a, 
.item .showmoreless span,
.agendaitem .showmore a, 
.agendaitem .showmoreless span {
	text-decoration: none;
	cursor: pointer;
	color: #b6a8ab;
	padding: 0 0 0 16px;
	background: transparent url(../images/showmorebackground.gif) left center no-repeat;
}

.agendaitem .showmore a  {
	padding: 0 0 0 12px;
	background: transparent url(../images/showmorebackground.gif) left center no-repeat;
}

.agendaitem .showmore a:hover, .item .showmore a:hover {
	background: transparent url(../images/showmorebackgroundhover.gif) left center no-repeat;
}

.agendaitem h3 {
	padding: 0 0 10px 0;
}

.agendaitem h3 a {
	font: regular 15px cambria, times new roman, arial, verdana sans;
	text-transform: uppercase;
	width: 280px;
	height: 30px;
	color: #e5dcd6;
	margin: 5px 0 0 0;
	text-decoration: none;
}

#sidebar h2 {
	color: #e5dcd6;
	font-size: 16px;
	text-transform: uppercase;
}

.clear {
	clear: both;
}

/* contactform */

#contactform {
	width: 550px;
	padding: 20px 0;
}

#contactform .formrow {
	width: 550px;
	margin: 2px 0;
	float: left;
}

.formrow .label {
	width: 200px;
	display: block;
	float: left;
}

.formrow .input {
	width: 350px;	
	color: #b6a8ab;	
	display: block;
	float: right;
}

.formrow .text {
	color: #b6a8ab;
	background: #432e1e url(../images/navigationbackground.png) top center no-repeat; 
	padding: 3px 0 3px 4px;
	border: 2px solid #342416;
	border-width: 0 1px 2px 0;	
}

.formrow .submit {
	background: #432e1e url(../images/navigationbackground.png) top center no-repeat; 
	border: none;
	border: 1px solid #342416;
	padding: 6px 15px;	
	margin: 4px 0;
	color: #b6a8ab;	
}

.formrow .textarea {
	width: 350px;
	height: 140px;
	background: #432e1e url(../images/navigationbackground.png) top center no-repeat; 
	padding: 3px 0 3px 4px;
	border: 2px solid #342416;
	border-width: 0 1px 2px 0;		
	font: normal 10px verdana, arial, helvetica, sans-serif;
	color: #b6a8ab;		
	float: left;
	display: block;
}

#contactform #newsletterwrap {
	float: left;
	overflow: hidden;
}

#newsletterwrap .checkbox {
	margin: 0 0 0 10px;
}

#sidebar #facebook-integration {
	clear: both;
	width: 280px;
}

/* live validation classes */

.LV_validation_message{
    font-weight:bold;
    margin: 0 0 0 5px;
    width: 140px;
    height: 20px;
}

.LV_valid,
.msg_success {	
	padding: 10px 0px 10px 23px;
    color:#25a01f;
	font: normal 11px verdana, arial, georgia, times new roman, helvetica, sans;
	background: transparent url(../images/livevalvalid.jpg) center left no-repeat;
}
	
.LV_invalid,
.msg_error {
	padding: 10px 0px 10px 23px;
    color:#a82020;
	font: normal 9px verdana, arial, georgia, times new roman, helvetica, sans;
	background: transparent url(../images/livevalinvalid.jpg) center left no-repeat; 
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
	color: #bf2e0b;
}