/*
Theme Name: Café Zondag 1.1
Theme URI: http://www.cafezondag.nl
Description: The 2007 Café Zondag theme.
Version: 1.1
Author: Barry Ceelen
Author URI: http://www.multipop.org

	This theme was designed and built by Barry Ceelen
	Design, CSS and XHTML © F.M. Ceelen, Multipop Services


/* structure */

* {
    padding: 0px;
    margin: 0px;
	}

img {
	border: 0px;
	}

body {
	background: #FFFFFF url(images/bg-behang.gif);
	background-position: center;
	background-repeat: repeat;
	padding: 0 0 30px 0;
	}

#header {
	height: 135px;
	width: 100%;
	background-image: url(images/bg-tab.gif);
	background-position: top;
	background-repeat: repeat-x;
	}

#headerimage {
	height: 135px;
	width: 935px;
	text-align: center;
	margin: 0 auto 0 auto;
	}

#wrapper {
	width: 935px;
	margin: 0 auto 0 auto;
	text-align: left;
	background: url(images/bg-noteblock.gif) repeat-y center top;
	}

#content {
	width: 935px;
	height: auto;
	padding: 0 0 20px 0;
	}
	
#leftbar {
	width: 350px;
	margin: 0 0 0 110px;
	position: relative;
	float: left;
	display: inline;
	}

#rightbar {
	width: 385px;
	float: right;
	margin: 0 90px 0 0;
	position: relative;
	display: inline;
	}

#footer {
	width: 713px;
	height: 70px;
	clear: both;
	margin: 0 auto 20px auto;
	overflow: hidden;
	background: #ffffff url(images/bg-footer.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	border-top: 0px none;
	border-right: 1px solid #adad9e;
	border-bottom: 2px solid #adad9e;
	border-left: 1px solid #adad9e;
	}

#footerlogos {
	margin: 19px 0 -4px 24px;
	}

/* calendar */
	
#calendarhead {
	width: 308px;
	height: 40px;
	margin: 5px 0 0 25px;
	background-color: #862b30;
	border-width: 0px 1px 1px 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #c8c8c8;
	border-left-color: #c8c8c8;
	border-bottom-color: #666666;
	}

#calendar {
	width: 308px;
	background-color: #FFFFFF;
	margin: 0 0 0 25px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #c8c8c8;
	border-left-color: #c8c8c8;
	clear: both;
	}
	
#calendar ul {
	list-style-type: none;
	}
	

#calendar ul li {
	width: 308px;
	min-height: 28px;
	margin: 0 0 0 0px;
	padding: 4px 0 4px 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #808080;	
	}

#calendarsubscribe {
	width: 308px;
	margin: 0 0 0 0px;
	padding: 4px 0 4px 0;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 1px dotted #808080;
	text-align: center;
	}

#calendarsubscribe p a {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 38px 0 0;
	background: url(images/icalbutton.gif) no-repeat;
	background-position: right 0px;
	}

#calendarsubscribe p a:hover {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 38px 0 0;
	background: url(images/icalbutton.gif) no-repeat;
	background-position: right -16px;
	}

#calendarhidden {
	display:none;
	}

#calendarfooter {
	width: 310px;
	height: 40px;
	background-image: url(images/bg-agendabottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0 0 0 25px;
	}

.date {
	width: 58px;
	text-align: center;
	float: left;
	}

.month {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #999999;
	text-transform: uppercase;
	}

.day {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #999999;
	text-transform: uppercase;
	}

.event {
	width: 232px;
	display: block;
	margin: 0 0 0 60px;
	}

.eventtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	display: block;
	color: #333333;
	}

.eventtitle a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #cccccc;
	text-decoration: none;
	}

.eventtitle a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	}

.eventdescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	display: block;
	}

.eventdescription a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: underline;
	}

.eventdescription a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: underline;
	}

.agendaleeg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	display: block;
	color: #999999;
	padding: 5px 0 5px 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #808080;
	}

/* maillist */

#mailschaartje {
	margin: 20px 0pt -30px 45px;
	z-index: 1000;
	_visibility: hidden; /* underscore hack for iexplorer only */
	}

#mailouter {
	width: 318px;
	background-color: #ececec;
	margin: 14px 0 0 25px;
	overflow: visible;
	border-top: 1px solid #d5d5d5;
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	border-left: 1px solid #adad9e;
	z-index: 500;
	}

#mailinner {
	width: 308px;
	border-style: dashed;
	border-width: 1px;
	margin: 4px;
	z-index: 400;
	}

#mailinner p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000033;
	text-transform: uppercase;
	margin: 4px 8px 0px;
	padding: 0 0 12px 0;
	}

#emailinput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000033;
	text-transform: uppercase;
	margin: 0px 8px;
	padding: 10px 0px 12px;
	border-top: #000033 solid 1px;
	}

#emailadres {
	width: 180px;
	margin: 0 4px 0 -3px;
	_padding: 0 0 0 2px;
	}

#emailbutton {
	_width: 80px; /* underscore hack for iexplorer only */
	}

#errortxt {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ff0000;
	text-transform: uppercase;
	margin: 0px 8px 12px;
	padding: 4px;
	border: 2px solid #ff0000;	
	}

#errortxt a {
	color: #ff0000;
	text-decoration: underline;
	}

#oktxt {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006600;
	text-transform: uppercase;
	margin: 0px 8px 12px;
	padding: 4px;
	border: 2px solid #ff0000;	
	}
	

/* keuken */


#kitchen {
	width: 382px;
	height: 30px;
	background-color: #CC3300; 
	}

#kitchentop {
	width: 382px;
	height: 28px;
	background: url(images/keuken-top.gif);
	}

#kitchencontainer {
	width: 382px;
	min-height: 80px;
	height: auto;
	color: #90908b;
	background: url(images/keuken-bg.gif);
	background-repeat: repeat-y;
	}

#kitchencontainer a {
	color: #90908b;
	text-decoration: none;
	}

#kitchencontainer a:hover {
	color: #7d7d77;
	text-decoration: none;
	}

#kitchencontainer img {
	float: left;
	margin: -5px 0px 0px 23px;
	}
	
#kitchencontainer h2 {	
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 34px;
	font-size: 24px;
	padding: 0 0 5px 0;
	max-width: 320px;
	}
	
#kitchencontainer p {
	width: 235px;
	background: transparent url(images/keuken-stippellijn.gif) repeat-x scroll center top;
	clear: right;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: 4px 0pt 0pt 120px;
	padding: 10px 0px;
	cursor: pointer;
	}

#kitchenbottom {
	background: url(images/keuken-bottom.gif);
	height: 27px;
	margin:0 0 6px 0;
	width: 382px;
	}

#menulink {
	text-decoration: underline;
	}
	
/* photoblock */

#paperclip {
	float: right;
	margin: 5px 15px -50px 0;
	z-index: 300;
	position: relative;
	display: inline;
	}

#photoblock {
	margin: 0 10px 0 0;
	float: right;
	z-index: 200;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #adad9e;
	border-bottom-color: #666666;
	border-left-color: #adad9e;
	display: inline;
	}

#photoblock img {
	z-index: 100;
	}

/* site credits */

#sitecredits {
	color: #6d6d56;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	display: block;
	width: 935px;
	margin: -15px auto 10px auto;
	}

#sitecredits a {
	color: #6d6d56;
	text-decoration: none;
	}

#sitecredits a:hover {
	color: #6d6d56;
	text-decoration: underline;
	}
	

/* banners */

.bannerleft img {
	width: 330px;
	max-width: 330px;
	margin:5px 0pt 7px 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #adad9e;
	border-bottom-color: #666666;
	border-left-color: #adad9e;
	}

.bannertop img {
	width: 690px;
	max-width: 690px;
	margin:5px 0px 7px 116px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #adad9e;
	border-bottom-color: #666666;
	border-left-color: #adad9e;
	}

.bannerright img {
	width: 350px;
	max-width: 350px;
	margin:5px 0px 7px 16px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #adad9e;
	border-bottom-color: #666666;
	border-left-color: #adad9e;
	}

/* Keuken homebutton */

.homebutton {
	display: block;
	float: left;
	width: 100px;
	height: 44px;
	margin: 30px 0 0 125px;
	background: url(images/home.gif);
	display: inline;
	}

.homebutton a {
	display: block;
	width: 100px;
	height: 44px;
	background: url(images/home.gif);
	float: left;
	display: inline;
	}

.homebutton a:hover {
	display: block;
	width: 100px;
	height: 44px;
	background: url(images/home-hover.gif);
	float: left;
	display: inline;
	}

/* Keukenblok breed menukaart */

.keukenbreed01 {
	float: right;
	margin: 6px 55px 0 0;
	display: inline;
	}

#keukenbreedcontent {
	width: 633px;
	height: 40px;
	background: url(images/keuken-big-bg.gif);
	float: right;
	margin: 0 55px 0 0;
	display: inline;
	}

.keukenbreed02 {
	float: right;
	margin: 0 55px 10px 0;
	display: inline;
	}

#keukenbreedbigtxt {
	height: 40px;
	line-height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #90908b;
	font-weight: bold;
	display: block;
	float: left;
	margin: 0 0 0 35px;
	display: inline;
	}

#keukenbreedsmalltxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #90908b;
	font-weight: bold;
	display: block;
	float: left;
	height: 40px;
	margin: 2px 0 0 8px;
	padding:0 0 0 10px;
	background: url(images/keuken-stippellijn-vert.gif) repeat-y left;
	display: inline;
	}

/* Menukaart */

#menukaart {
	width: 836px;
	padding: 0 0 36px 0;
	background: #cecfc9 url(images/menukaart-bg.jpg);
	border-top: 1px solid #adadad;
	border-right: 1px solid #adadad;
	border-bottom: 1px solid #7e7e7e;
	border-left: 1px solid #767676;
	clear: both;
	margin: 0 0 20px 75px;
	}

#menukaart h3 {
	color: #473b3a;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	margin: 12px 0px 6px 12px;
	}

#dagkaart {
	width: 426px;
	float: left;
	padding: 0px;
	margin: 0px;
	}

#dagkaart h2 {
	width: 408px;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff url(images/menukaart-header-dag.gif) no-repeat;
	color: #473b3a;
	font-size: 10px;
	padding: 3px 0px 3px 6px;
	text-transform: uppercase;
	margin: 14px 0px 0px 12px;
	}

#dagkaart ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #473b3a;
	list-style-type: none;
	margin: 0 0 0 12px;
	}

#dagkaart ul li {
	max-width: 360px;
	}

#avondkaart {
	width: 410px;
	margin: 0px;
	float: right;
	}

#avondkaart h2 {
	width: 388px;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff url(images/menukaart-header-avond.gif) no-repeat;
	color: #473b3a;
	font-size: 10px;
	padding: 3px 0px 3px 12px;
	text-transform: uppercase;
	margin: 14px 0px 0px 0px;
	}

#avondkaart ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #473b3a;
	list-style-type: none;
	margin: 0 0 0 12px;
	}

#avondkaart ul li {
	max-width: 360px;
	}

.menuitem {
	
	}

/*
.prijs {
	color: #70706d;
	float: right;
	margin: -1.2em 12px 0px;
	display: inline;
	}
*/

#menukaartipanema {
	width: 390px;
	height: 130px;
	color: #473b3a;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 12px 8px 0px 0px;
	border-width: 1px 0 0 0;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #757575;
	display: inline;
	}

#menukaartipanema a {
	color: #473b3a;
	text-decoration: underline;
	}

#menukaartipanema a:hover {
	color: #666666;
	text-decoration: underline;
	}

#menukaartipanemaimg {
	margin: 12px 0 6px 0;
	}

/* notitie */

#notitie {
	width: 568px;
	float: right;
	padding: 0 0 40px 0;
	background: #fffdcf url(images/notitie-bg.gif) no-repeat bottom;
	margin: 10px 128px 0 0;
	text-align: center;
	border-top: 1px solid #f6f4cb;
	border-right: 1px solid #f6f4cb;
	border-bottom: 1px solid #d5d4ad;
	border-left: 1px solid #e0dec3;
	display: inline;
	}

#notitie-header {
	margin: 14px 18px 24px 18px;
	}

#notitie h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0 0 22px 0;
	color: #6e6d59;
	}

#notitie p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 0 18px 18px;
	color: #6e6d59;
	text-align: left;
	}

#notitie p a {
	font-family: Arial, Helvetica, sans-serif;
	color: #6e6d59;
	text-decoration: underline;
	}
	
#notitie p a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #2e2e25;
	text-decoration: underline;
	}

#icallink {
	width: 531px;
	height: 50px;
	padding: 30px 0 0 0;
	margin: -10px 0 8px 0;
	background: url(images/icallink.gif) center no-repeat;
	float: left;
	display: inline;
	text-align: center;
	font-weight: bold;
	}

#appleicallink {
	padding: 0 0 0 16px;
	background: url(images/appleicallink.gif) left center no-repeat;
	}

#icalhelp {
	margin: 40px 0 0 0;
	padding: 2px 0 0 22px;
	background: url(images/icalhelp.gif) left center no-repeat;
	display: block;
	}

.icaltip {
	margin: 40px 0 0 0;
	padding: 3px 0 0 24px;
	background: url(images/icaltip.gif) left center no-repeat;
	display: block;
	}

#newsblock {
background: #fffdcf;
border-top: 1px solid #f6f4cb;
border-right: 1px solid #f6f4cb;
border-bottom: 1px solid #d5d4ad;
border-left: 1px solid #e0dec3;
width:354px;
margin-bottom:2px;
padding:10px 12px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}

#newsblock h3 {
font:bold 18px Arial, Helvetica, sans-serif;
color: #6e6d59;
float:left;
margin:0 0 5px 0;
}

.newsedit a {
font:bold 18px Arial, Helvetica, sans-serif;
color:#444;
text-decoration:none;
margin-left:4px;
}

.newsedit a:hover {
color:#ccc;
}

#newsblock p {
font:14px Arial, Helvetica, sans-serif;
margin:6px 0 10px 0;
color: #6e6d59;
clear:left;
}

#newsblock p a {
font:14px Arial, Helvetica, sans-serif;
color: #6e6d59;
}