@import "clearfix.css";

html, body
{
	margin:0;
	padding:0;
	background:#0e0a07;
	color:#fff;
	font-family:"trebuchet MS", arial, sans-serif;
	font-size:11px;
}

td
{
	font-size:12px;
}

:root body {overflow-y:scroll}

a,img
{
	border:0;
	outline:0;
}

.hide
{
	display:none;
}

strong
{
	font-weight: bold;
}

#container
{
	width:954px;
	margin:0 auto;
	background:#fbfbf8 url(../img/pattern.jpg);
	color:#000;
}

/***** Header *****/

#header,
#header em
{
	height:109px;
	background:#fbfbf8 url(../img/header.jpg);
}

#header {position:relative;}

#header em
{
	position:absolute;
	top:0;
	width:100%;
	left:0;
	cursor:pointer;
	text-decoration:none;
	line-height:0;
	font-size:0;
}

#header h1
{
	margin:0;
}

/***** Menu *****/

#menu_top
{
	height:17px;
	background:url(../img/menu_top.jpg);
}

#menu
{
	height:30px;
	line-height:30px;
	background:url(../img/menu.jpg) left bottom;
}

	#menu ul,
	#menu li
	{
		padding:0;
		margin:0;
		list-style:none
	}

	#menu li
	{
		float:left;
	}

#btn_index			{background:url(../img/menu/home.jpg);			width:80px;}
#btn_news			{background:url(../img/menu/news.jpg);			width:65px;}
#btn_pics			{background:url(../img/menu/pics.jpg);			width:60px;}
#btn_agenda			{background:url(../img/menu/agenda.jpg);		width:90px;}
#btn_rumoursmovies	{background:url(../img/menu/rumoursmovies.jpg);	width:135px;}
#btn_kweb-id		{background:url(../img/menu/kweb-id.jpg);		width:90px;}
#btn_hyves			{background:url(../img/menu/hyves.jpg);			width:75px;}
#btn_for-rent		{background:url(../img/menu/for-rent.jpg);		width:95px;}
#btn_jobs			{background:url(../img/menu/jobs.jpg);			width:55px;}
#btn_contact		{background:url(../img/menu/contact.jpg);		width:90px;}

#menu a
{
	display:block;
	text-indent:-999em;
	height:30px;
	overflow:hidden;
	background-position:left bottom;
}

#menu a:hover,
#menu a.active
{
	background-position:left top;
}

#submenu
{
	position:relative;
	margin-top:-15px;
	height:45px;
	overflow:hidden;
}

#submenu a{float:left;}


/***** De content *****/
#content
{
	float:left;
	margin-left:5px;
	width:665px;
}

	#flash
	{
		/*background:url(../img/flash.jpg);
		height:200px;*/
		width:665px;
	}

/***** Rechter kolom *****/
	#content-right
	{
		float:right;
		width:280px;
		position:relative;
		margin-bottom:-60px;
	}
		#gadget
		{
			background:url(../img/gadget.jpg);
			height:200px;
			width:280px;
			position:relative;
		}

			#gadget .inputholder
			{
				position:absolute;
				bottom:30px;
				left:15px;
			}

			#gadget .inputholder input
			{
				width:240px;
				padding:0 1px;
				border:1px solid #7f4e01;
				font:11px/28px "trebuchet ms", arial, sans-serif;
			}

			#gadget-voorbeeldlink
			{
				position:absolute;
				display:block;
				text-indent:-999em;
				height:60px;
				position:absolute;
				right:20px;
				top:75px;
				width:105px;
			}

		#poll
		{
			width:280px;
			background:url(../img/poll.jpg) no-repeat;
		}

			#poll-top
			{
				width:280px;
				background:url(../img/poll-header.jpg) no-repeat;
				height:75px;
			}

			#poll-content
			{
				margin:-20px 15px -5px;
				position:relative;
				color:#fff;
				text-align:center;
			}


				.PollVraag
				{
					font-weight:bold;
				}

				.pollAntwoord
				{
					text-align:left;
				}

				#poll-content a
				{
					color:#fff;
				}

				.pollOn
				{
					background:#fff;
				}

				.pollOff
				{
					border:1px solid #fff;
					border-left:0;
				}

			#poll-footer
			{
				width:280px;
				background:url(../img/poll-footer.gif) no-repeat;
				height:35px;
			}

		#news
		{
			background:url(../img/news.jpg);
			width:280px;
			height:190px;
			position:relative;
		}

			#news-link
			{
				display:block;
				height:40px;
				position:absolute;
				right:15px;
				text-indent:-999em;
				top:60px;
				width:220px;
			}


		#tshirtshop
		{
			background:url(../img/tshirtshop.jpg);
			width:280px;
			height:180px;
			position:relative;
		}

			#tshirtshop-link
			{
				display:block;
				height:40px;
				position:absolute;
				right:15px;
				text-indent:-999em;
				top:60px;
				width:220px;
			}

			/***** Linker kolom *****/

	#content-left
	{
		float:left;
		position:relative;
		margin-bottom:-20px;
		width:385px;
	}

		#rumours
		{
			background:#016833 url(../img/rumours.jpg) no-repeat;
			padding-top:60px;
			width:385px;
			color:#fff;
		}

			#rumours-content
			{
				padding:0 15px;
				min-height:120px;
			}

				#rumours-content img
				{
					float:left;
					margin-right:10px;
				}

				#rumours-content a
				{
					color:#fff;
				}

			#rooms
			{
				position:relative;
				height:45px;
				width:385px;
				background:url(../img/rooms.gif);
			}

				#rooms ul,
				#rooms li
				{
					margin:0;
					padding:0;
					list-style:none;

				}

				#rooms li
				{
					float:left;
				}

				#rooms a
				{
					display:block;
					height:45px;
					line-height:45px;
					text-indent:-999em;
				}

				#room_inn{width:45px;}
				#room_swing{width:75px}
				#room_legend{width:100px}
				#room_down_under{width:160px;}

				#rooms a:hover{background-image:url(../img/rooms.gif);}

				#room_inn:hover{background-position:bottom left}
				#room_swing:hover{background-position:-45px bottom }
				#room_legend:hover{background-position:-120px bottom }
				#room_down_under:hover{background-position:-220px bottom }

		#information
		{
			background:url(../img/information.jpg);
			width:385px;
			height:195px;
			position:relative;
			color:#fff;
		}

			#information .openingstijden_tabel
			{
				position:absolute;
				top:60px;
				left:15px;
				width:180px;
				border-collapse:collapse;
				border-spacing:0;
			}

				#information .openingstijden_tabel td
				{
					padding:0;
					line-height:1.2;
					font-size:12px;
				}

				#information .openingstijden_tabel .dag_header
				{
					font-weight:bold;
					font-size:12px;
				}

			#information-adres
			{
				position:absolute;
				left:200px;
				top:60px;
				line-height:1.2;
			}

				#information-adres .kroegnaam
				{
					font-weight:bold;
				}

				#information-adres a
				{
					color:#fff;
				}

		#pictures
		{
			background:url(../img/pictures.jpg);
			width:385px;
			height:225px;
			position:relative;
		}

			#picsholder
			{
				padding-top:70px;
				padding-left:15px;
			}

				#picsholder ul,
				#picsholder li
				{
					margin:0;
					padding:0;
					list-style:none;
				}

				#picsholder li
				{
					float:left;
					width:80px;
					height:60px;
					overflow:hidden;
					margin-right:8px;
					margin-bottom:8px;
				}

				#picsholder a,
				#picsholder img
				{
					display:block;
					width:80px;
					height:60px;
				}


/***** Sidebar *****/
#sidebar
{
	float:right;
	width:274px;
	overflow:hidden;
	margin-right:5px;
	position:relative;
	margin-bottom:-60px;

}

#agenda, #top3 {color:#fff}

	#agenda
	{
		height:200px;
		background:url(../img/agenda.jpg);
		overflow: hidden;
	}

		#agenda-content
		{
			position: relative;
			top:70px;
			padding-left:15px;
			height: 125px;
			overflow: hidden;
		}

		.agendaImage
		{
			float:left;
			border:1px solid #163C58;
			margin-right: 4px;
		}

	#top3
	{
		background:url(../img/top3-header.jpg) no-repeat;
		padding-top:80px;
	}

		#top3-content
		{
			background:#792424;
			margin:0 3px 0 9px;
			text-align:center;
		}

		#top3-footer
		{
			background:#792424 url(../img/top3-footer.jpg) no-repeat left bottom;
			text-align:center;
			height:30px;
		}
			#top3-footer a
			{
				color:#fff;
				font-weight:bold;
			}


/***** Vervolg pagina's *****/

.content-header
{
	width:665px;
	height:50px;
}

.content
{
	position:relative;
	margin-bottom:-40px;
	padding:15px 15px ;
	color:#fff;
}

#body_pics .content
{
	text-align:center;
}
.content td
{
	color:#fff;
}

.content-footer
{
	height:65px;
	width:665px;
}

/***** Misc elements *****/

#innercontainer_top
{
	height:36px;
	background:url(../img/innercontainer_top.jpg) 0 -1px;
}

#footer
{
	height:100px;
	clear:both;
	background:url(../img/innercontainer_bottom.jpg) no-repeat left bottom;
}

#admium_link
{
	padding-bottom:1em;
	background:#0e0a07;
	color:#fff;
	text-align:right;
}

#marquee
{
	font-weight:bold;
	color:#676767;
	font-size:11px;
	background:url(../img/marquee.jpg);
	height:17px;
	line-height:17px;
	text-align:center;
	width:100%;
}