@charset "utf-8";
/* CSS Document */

/* Reset reloaded */

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
		
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	font-size:10pt;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* End Reset reloaded */

body {
	background: #bdbdbd url(http://www.lokaal8.nl/img/base/bg.gif) repeat-x 0 0;
	font-family:Arial, Helvetica, sans-serif;
}
#container {
	width:1024px;
	margin:0 auto;
}
#header {
	height:60px;
	width:960px;
	margin:75px auto 0 auto;
}
#header h1 {
	display:block;
	float:left;
	width:220px;
	height:60px;
	background:url(http://www.lokaal8.nl/img/base/logo.gif) no-repeat 0 0;
	text-indent:-10000px;
}
#header ul {
	display:block;
	float:right;
	width:633px;
	height:54px;
	background:url(http://www.lokaal8.nl/img/base/menu.gif) no-repeat 0 0;
	list-style:none;
	margin-top:6px;
	margin-right:2px;
}
#header ul li {
	display:block;
	float:left;
	height:54px;
	text-indent:-10000px;
}
#header ul li a {
	display:block;
	width:100%;
	height:100%;
}
#home {
	width:130px;
}
#agenda {
	width:124px;
}
#gallery {
	width:124px;
}
#guestbook {
	width:124px;
}
#contact {
	width:130px;
}
#home a:hover, #home a.active  {
	background:url(http://www.lokaal8.nl/img/base/menu.gif) no-repeat 0 -54px;
}
#agenda a:hover, #agenda.active {
	background:url(http://www.lokaal8.nl/img/base/menu.gif) no-repeat -130px -54px;
}
#gallery a:hover, #gallery a.active {
	background:url(http://www.lokaal8.nl/img/base/menu.gif) no-repeat -254px -54px;
}
#guestbook a:hover, #guestbook a.active {
	background:url(http://www.lokaal8.nl/img/base/menu.gif) no-repeat -378px -54px;
}
#contact a:hover, #contact a.active {
	background:url(http://www.lokaal8.nl/img/base/menu.gif) no-repeat -502px -54px;
}

#main {
	display:block;
	position:relative;
	width:976px;
	margin:10px auto 0 auto;
}

#block {
	width:282px;
	height:231px;
	background:url(http://www.lokaal8.nl/img/base/block3.gif) no-repeat 0 0;
	float:left;
	margin-right:20px;
	margin-top:20px;
	padding:13px;
}

#block-last {
	width:282px;
	height:231px;
	background:url(http://www.lokaal8.nl/img/base/block3.gif) no-repeat 0 0;
	float:left;
	margin-right:12px;
	margin-top:20px;	
	padding:13px;
}
#block-gallery {
	height:220px; 
	padding-top:20px; 
}

h2 {
	font-size:18px;
	color:#666;
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:solid 1px #999;
width:280px;
	display:block;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;

}

#block p, #block-last p {
	font-size:12px;
	margin-bottom:12px;
	text-align:justify;
	width:275px;
}

#scroll_1 p {
	width:265px;

}

#clear {
	clear: both;
}

#footer {
	position:relative;
	clear: both;
	height: 50px;
	width: 960px;
	margin: 30px auto 0 auto;

}
#footer #left {
	height: 50px;
	width: 12px;
	background:url(http://www.lokaal8.nl/img/base/footer_left.gif) no-repeat 0 0;
	margin-left:-8px;
	float:left;
}

#footer #naw {
	height: 50px;
	width:943px;
	background:url(http://www.lokaal8.nl/img/base/footer_bg.gif) repeat-x 0 0;
	float:left;
	text-align:center;
}
#footer #right {
	height: 50px;
	width: 12px;
	margin-left:-6px;
	background:url(http://www.lokaal8.nl/img/base/footer_right.gif) no-repeat 0 0;
	float:left;
}
#footer #naw p {
	margin-top:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	letter-spacing:.02em;
	color:#CCC;
}

/* Agenda styles */

.agenda {
	width: 270px;  
	list-style: none;   
	margin: 0;   
	padding: 0;   
}
.agenda li {   
	border-bottom: 1px solid #CCC;
	clear: both;  
	height:18px;
	position: relative;   
	margin: 0;   
	padding: 0;   
}   
.agenda li:hover {   
	background-color: #ddd;
}   
.agenda li strong {
	font-weight: normal;   
	font-size:10pt;
	position: absolute;   
	top:0;
	margin:0;
 	left: 4px;
	line-height:16px;
padding: 0;
}   
.agenda li em {
	position: absolute;
	top:1px;
	right: 4px;
	padding: 0;
	margin:0;
	line-height:16px;
font-size:10pt;
	font-style: italic;
	color: #069;
}

/* NIEUWS */

.nieuws {
	width: 270px;  
	list-style: none;   
	margin: 0;   
	padding: 0;   
}
.nieuws li {   
	border-bottom: 1px solid #CCC;
	clear: both;  
	height:18px;
	position: relative;   
	margin: 0;   
	padding: 0;   
}   
.nieuws li:hover {   
	background-color: #ddd;
}   
.nieuws li strong {
	font-weight: normal;   
	font-size:10pt;
	position: absolute;   
	top:0;
	margin:0;
 	left: 4px;
	line-height:16px;
padding: 0;
}   
.nieuws li em {
	position: absolute;
	top:1px;
	right: 4px;
	padding: 0;
	margin:0;
	line-height:16px;
font-size:10pt;
	font-style: italic;
	color: #069;
}

/* GALLERY */

.gallery {
	width: 280px;  
	list-style: none;   
	margin: 0;   
	padding: 0;   
}
.gallery li {   
	border-bottom: 1px solid #CCC;
    clear: both;  
	height:18px;
	position: relative;   
	margin: 0;   
	padding: 0;   
}   
.gallery li:hover {   
	background-color: #ddd;
}   
.gallery li strong {
	font-weight: normal;   
	font-size:10pt;
	position: absolute;   
	top:0;
	margin:0;
 	left: 4px;
	line-height:16px;
padding: 0;
}   
.gallery li em {
	position: absolute;
	top:1px;
	right: 4px;
	padding: 0;
	margin:0;
	line-height:16px;
font-size:10pt;
	font-style: italic;
	color: #069;
}

/* LINKS */

a, a:visited, a:active {
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration: none;
	color:#000;
}
.meer {
	width: 280px;
	display: block;
	text-align:right;
	font-size:10pt;
	margin-top:3px;
}
a.meer , a:hover.meer, a:visited.meer {
	color: #069;
}


label {
	font-size:12px;
	line-height:18px;
	height:18px;
	display: block;
	width: 250px;
}

textarea {
	width: 200px;
	height: 30px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #ccc;
	background:url(http://localhost/lokaal8.nl/img/base/form_input_bg.gif) repeat-x left top;
}

input {
	border: 1px solid #ccc;
	background:url(http://localhost/lokaal8.nl/img/base/form_input_bg.gif) repeat-x left top;
}

.formbutton{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:bold;
	margin-top:5px;
	padding: 1px 2px;
	background:url(http://localhost/lokaal8.nl/img/base/form_input_bg.gif) repeat-x left top;
}




#scroll_1, #scroll_2 {
    width:280px; height:190px; 
	visibility:hidden;
}

.item {
	width: 280px; 
	position:relative;
	border-bottom: 1px solid #CCC;
	height:18px;
	margin: 0;   
	padding: 0;  
	clear:both;
}
.item:hover	{
	background-color: #ddd;
	
	cursor:pointer;
}
.date {
	position:absolute;
	width:265px;
	text-align:right;
	line-height:17px;
	font-size:10pt;
	font-style: italic;
	color: #069;
	margin:0;
 	margin-right: 12px;
	padding: 0;	
}
.title {
	line-height:17px;	
	font-weight: normal;   
	font-size:10pt;
	margin:0;
 	margin-left: 4px;
	padding: 0;
}

/*-------------------- TWITTER --------------------------------*/

.tweet, .query {
  font-family: Georgia, serif;
  font-size: 120%;
  color: #085258; }
  .tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    background-color: #8ADEE2; }
    .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: auto;
      overflow-x: hidden;
      padding: .5em; }
      .tweet .tweet_list li a, .query .tweet_list li a {
        color: #0C717A; }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
      background-color: #91E5E7; }
    .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; }