/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }

/* 1 General */

html, body {
	height					: 100%;
}

body {
	font-family				: Arial,Helvetica,sans-serif;
	font-size				: 11px;
	letter-spacing			: 2px;
	color					: #54554A;
	background				: url('../images/bg_body.jpg') repeat-y;
}

a {
	outline					: none;	
}

h1 {
	color					: #840E4C;
	font-size				: 12px;
	font-weight				: bold;	
}
h1 a {
	color					: #840E4C;
	text-decoration			: none;
}
h1.pagetitle {
	text-align				: center;	
}

h2 {
	color					: #840E4C;
	font-size				: 11px;	
	padding					: 10px 0px 5px 0px;	
}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure, hgroup {
	display					: block;
}

/* Structure */
#wrapper {
	position				: relative;
	margin					: 0 auto;
	width					: 600px;		
}

#sitecontainer {
	position				: relative;
	width					: auto;
}

header {
	height					: 190px;
	width					: 100%;
}
#headerimages {
	height					: 51px;
	width					: 100%;	
}
	#logo {
		float				: left;	
	}
	#slogan {
		width				: 311px;
		height				: 51px;
		background			: url('../images/slogan.png') no-repeat;
		float				: left;
	}

header nav {
	height					: 138px;
	width					: 100%;
	background				: url('../images/bg_nav.png') no-repeat;
}
nav .nav-previous {
	float					: left;	
}
nav .nav-next {
	float					: right;	
}
#content_top {
	width					: 100%;
	height					: 41px;
	background				: url('../images/bg_content_top.png') no-repeat;
	text-align				: center;
}
#content_top cite {
	padding					: 20px 20px 0px 20px;
	display					: block;
	font-size				: 9px;
}
#content {
	width					: 100%;
	min-height				: 557px;
	background				: url('../images/bg_content.png') repeat-y;
}
section {
	padding					: 20px 45px 20px 30px;	
}
article {
	text-align				: left;	
	padding					: 10px 0px 10px 0px;
}
article.intro {
	padding					: 30px 0px 20px 0px;	
}
article h1 {
	background				: url('../images/ico_restaurant.png') no-repeat;	
	cursor					: pointer;
	padding					: 2px 0px 10px 30px;
	display					: block;
}
#content h2 {
	padding					: 2px 0px 10px 30px;
}
.signup-welcome {
	padding					: 2px 0px 10px 30px;	
}
#content p {
	padding					: 2px 0px 5px 30px;
}
article h1 span {
	float					: right;	
}
article.intro h1 {
	background				: url('../images/ico_sticker.png') no-repeat;
	cursor					: default;
}
article h1.intro  {
	background				: url('../images/ico_sticker.png') no-repeat;
	cursor					: default;
}
article p {
	padding					: 5px;	
}
.extra_info {
	display					: none;
	margin					: 5px 0px 0px 5px;
	font-style				: italic;
	font-weight				: bold;	
}
#content_bottom {
	width					: 100%;
	height					: 41px;
	background				: url('../images/bg_content_bottom.png') no-repeat;
	text-align				: center;
}
#twitterlink {
	margin					: 0 auto;
}
#footerlinks {
	padding					: 5px 0px 100px 0px;
	
}
address {
	margin					: 0 auto;
	display					: block;
	width					: 201px;
}
#login {
	position				: relative;
	top						: -25px;
	left					: 560px;
}

footer {
	position				: fixed;
	bottom					: 0px;
	background				: url('../images/bg_footer.png') repeat-x;
	height					: 100px;
	width					: 100%;
}
	
/* Top navigation */
nav ul {
	margin					: 0px 0px 0px 80px;
	padding					: 25px 0px 0px 0px;
	height					: 40px;
}

nav ul li {
	list-style				: none;
	display					: inline;
	float					: left;
	padding					: 0px 5px 0px 11px;
	background				: url('../images/btn_left.png') no-repeat top left;
}
nav ul li:hover, nav ul li.current_page_item {
	background				: url('../images/btn_left_over.png') no-repeat top left;
}

nav ul li a {
	display					: inline-block;
	height					: 18px;
	background				: url('../images/btn_back.png') repeat-x;
	color					: #ffffff;
	font-weight				: bold;
	text-transform			: uppercase; 
	text-decoration			: none;
	padding					: 9px 0px 0px 0px;
	position				: relative;
	top						: -8px;
}
nav ul li:hover a, nav ul li.current_page_item a {
	background				: none;
	background				: url('../images/btn_back_over.png') repeat-x;
}
nav ul li em {
	background				: url('../images/btn_right.png') no-repeat top right;
	width					: 11px;
	height					: 27px;
	display					: inline-block;
}
nav ul li:hover em, nav ul li.current_page_item em {
	background				: url('../images/btn_right_over.png') no-repeat top right;
}

/* Daily sticker */
.sticker {
	position				: absolute;
	right					: 0px;
	width					: 75px;
	height					: 75px;
}
.Monday {
	background				: url('../images/stickers/maandag.png') no-repeat;
}
.Tuesday {
	background				: url('../images/stickers/dinsdag.png') no-repeat;
}
.Wednesday {
	background				: url('../images/stickers/woensdag.png') no-repeat;
}
.Thursday {
	background				: url('../images/stickers/donderdag.png') no-repeat;
}
.Friday {
	background				: url('../images/stickers/vrijdag.png') no-repeat;
}
.Saturday {
	background				: url('../images/stickers/zaterdag.png') no-repeat;
}
.Sunday {
	background				: url('../images/stickers/maandag.png') no-repeat;
}

#login_info {
	float					: right;		
}
#restaurant_info {
	clear					: both;
	margin					: 20px 0px 20px 0px;	
}
hgroup {
	margin					: 0px 0px 10px 0px;	
}

/* forms */
.formulier {
	text-align				: center;	
	margin					: 20px 0px 0px 0px;
}
form ul li {
	list-style				: none;
	margin					: 10px;
}
textarea {
	width					: 450px;
	height					: 100px;	
}
input.prijs {
	width					: 40px;
}
fieldset.week {
	
}
fieldset.dagen {
	margin					: 20px 0px 0px 40px;
	text-align				: left;
}
input.standaardvoordag, input#standaard4all {
	margin					: 0px 10px 0px 10px;	
}
input, select, textarea {
	border					: 1px solid #68B1DE;
}
label.error {
	font-weight				: bold;
	color					: #ff0000;
	margin					: 0px 0px 0px 10px;
}
.form label {
	display					: -moz-inline-box;
	display					: inline-block;
	width					: 100px;	
	vertical-align			: top;
}
.form input {
	width					: 200px;
}
.form input.btn {
	width					: auto;
}
.form textarea {
	width					: 200px;	
}

/* Restaurant Informatie Pagina */
#res_specs {
	width					: 300px;
	float					: left;	
}
#res_img {
	float					: right;
}
.clear {
	clear					: both;	
}
#tabs {
	margin					: 25px 0px 0px 0px;	
}
h1.author {
	padding					: 0px 0px 25px 0px;
}

/* UI tabs overrides */
.ui-widget-content {
	background				: none;
	border					: 1px solid #de007a;
}
.ui-widget-header {
	background				: #f66db8;
	border					: 1px solid #de007a;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color					: #840E4C;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background				: #fdaed3;
	border					: 1px solid #de007a;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background				: #fff;
	border					: 1px solid #de007a;
	color					: #840E4C;
}
.ui-widget-content {
	color					: #54554A;
}

/* Banners */
#bannerwrapper_sky {
	position				: absolute;
	top						: 190px;	
	left					: 600px;
}

#bannerwrapper_box {
	position				: absolute;
	top						: 600px;	
	left					: 600px;
	}
/* Twitter api */

#twitterwrapper {
	width					: 200px;
	position				: absolute;
	top						: 200px;	
	left					: -200px;
	overflow				: hidden;
}
	#twit_head {
		background			: url('../images/twitterfeed_balkboven.png') no-repeat;
		height				: 18px;	
	}
	#twit_foot {
		background			: url('../images/twitterfeed_balkonder.png') no-repeat;
		height				: 18px;		
		padding				: 0px 0px 20px 0px;
	}
	#twitter {
		border-left			: 1px solid #fa158d;
		border-right		: 1px solid #fa158d;	
	}
.tweet, .query {
  color: #54554A;
  font-size: 110% }
  .tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #E1EDF2; }
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: hidden;
      overflow-x: hidden;
      border-bottom: 1px solid #fa158d;
      border-top: none;
      padding: .5em; }
      
    .tweet_list li.tweet_first{
      border-top: 1px solid #fa158d;
    } 
      .tweet .tweet_list li a, .query .tweet_list li a {
        color: #54554A; }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
      background-color: #FCE1EF; }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }
.tweet_time {
	display: none;
}

.social_img {
	padding: 4px 4px 0px 0px;	
}

/* tables */
table.timetable {
	width: 100%;	
}
table.timetable tr {
	height	: 20px;	
}
table.timetable td.center {
	text-align	: center;	
}