/* CSS Document Main Tennessee Steakhouse V3 by Webbureau SUIT*/

	html{
		width: 100%;
		margin: 0px;
		padding: 0px;
}
	
/******************** BODY *******************/

	body{
		background: url('../assets/bg.jpg') repeat-x;
		background-position: 50% 0;
		background-color: #F0E005;
		padding: 0px;
		margin-top: 40px;
		margin-bottom: 40px;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
	}
	
	#container{
		width: 780px;
		position: relative;
		margin: 0 auto;
		text-align: left;
		margin-bottom: 100px;
	}

/******************** HEADER *******************/

	#header{
		background: url('../assets/header.gif') no-repeat left bottom;
		width:780px; height:119px; position:relative; padding-top:0px; background-color:transparent
	}
	
	#nav{
		width: 508px;
		height: 34px;
		float: right;
		margin-top: 58px;
	}
	
	#logo{
		background: url('../assets/logo.gif') no-repeat left bottom;
		width: 220px;
		height: 76px;
		position: relative;
		float: left;
		margin-left: 18px;
		margin-top: 15px;
		cursor: pointer
	}
	
/******************** LAYOUT *******************/
	
	#wrapper{
		background: #FFFFFF url('../assets/bginner.gif') repeat-y 50% 0;
		width:780px; overflow:hidden; background-color:#FFFFFF
	}
	
	#right{
		width: 200px;
		position: relative;
		float: right;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-right: 60px;	
		text-align: left;
	}
	
	#content{
		width: 430px;
		min-height: 260px;
		position: relative;
		float: left;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 90px;
	}
	
	#footer{
		background: #000000 url('../assets/foofter.gif') no-repeat left top;
		float: left;
		clear: both;
		width: 740px;
		height: 26px;
		text-align: right;
		padding: 20px
	}
	
	.rightcontent{
		width: 160px;
		margin-left: 24px;
		margin-top: -8px;
		margin-bottom: 20px;
		margin-right: 0px;
		font-family: Georgia;
		color: #FFFFFF;
	}
	
/******************** INDEX *******************/

	#nieuws{
		width: 430px;
		position: relative;
	}	
	
	.datum{
		background: #C3E6EA url('../assets/datum.gif') repeat-x center top;
		position: relative;
		float: left;
		width: 43px;
		border: 1px solid #CCCCCC;
		text-align: center;
		color: #666666;
		font-size: 9pt;
		font-family: Georgia;
		text-transform: lowercase;
		vertical-align: middle;
		clear: left;
		word-spacing: 20px; padding-left:3px; padding-right:3px; padding-top:7px; padding-bottom:7px
	}
	
	.bericht{
		width: 300px;
		height: 40px;
		position: relative;
		float: right;
		padding: 4px 20px;
		overflow: hidden;
	}

	.nieuwsbericht{
		background: url('../assets/dotted.gif') repeat-x left bottom;
		width: 400px;
		height: 50px;
		position: relative;
		margin-bottom: 10px;
		padding-bottom: 10px
	}

	#welkom{
		width: 430px;
		position: relative;
		margin-top: 40px;
		padding-right: 20px;
	}	
		
	.welkomstbericht{
		width: 400px;
		position: relative;
		padding-bottom: 20px;
		margin-bottom: 10px;
		line-height: 200%;
	}

	#nieuws{
		width: 430px;
		position: relative;
		margin-bottom: 20px;
	}	

/******************** MENUKAART *******************/

	#menukaart{
		width: 430px;
		position: relative;
	}

	.menukaartinleiding{
		width: 400px;
		margin-bottom: 0px;
	}

	.kaart{
		background: url('../assets/dotted.gif') repeat-x left bottom;
		width: 400px;
		position: relative;
		margin-bottom: 10px
	}
	
	.groepskaart{
		background: url('../assets/dotted.gif') repeat-x left bottom;
		width: 400px;
		position: relative;
		margin-bottom: 0px;
		padding-left:0px; padding-right:0px; padding-top:20px; padding-bottom:20px
	}

	.prijs{
		background: url('../assets/datdum.gif');
		width: 40px;
		position: relative;
		float: right;
		text-align: right;
		color: #000000;
		font-size: 9pt;
		font-family: Arial;
		font-weight: bold;	
		clear: left; padding-left:0px; padding-right:0px; padding-top:4px; padding-bottom:4px
	}
	
	.gerecht{
		width: 300px;
		position: relative;
		font-weight: bold;
	}
	
	.beschrijving{
		width: 300px;
		position: relative;
		padding: 4px 20px;
	}
	
	.categorie{
		width: 300px;
		position: relative;
		padding: 0px 0px 0px 0px;
		margin-top: 20px;
	}
	
	.keuze{
		width: 400px;
		position: relative;
		padding: 0px 0px 0px 0px;
	}

	img.menukaart{
		width: 72px;
		height: 19px;
		margin: 8px 0px;
		border: 0px;
	}
	
	img.groepslink{
		width: 90px;
		height: 19px;
		margin: 8px 0px;
		border: 0px;
	}

/******************** TITELS *******************/

	.seperator{
		background: url('../assets/h1.gif') repeat-x left bottom;
		margin-bottom: 16px;
		padding-bottom: 4px
	}
	
	.seperatorright{
		background: url('../assets/righttitel.gif') repeat-x left bottom;
		margin-bottom: 16px;
		margin-left: 20px;
		padding-bottom: 4px
	}

	#nieuwstitel{
		background: url('../assets/nieuwstitel.gif') no-repeat left top;
		width: 130px;
		height: 25px;
		padding-bottom: 4px
	}
	
	#oversitetitel{
		background: url('../assets/oversitetitel.gif') no-repeat left top;
		width: 172px;
		height: 25px;
		padding-bottom: 4px
	}
	
	#contacttitel{
		background: url('../assets/contacttitel.gif') no-repeat left top;
		width: 144px;
		height: 25px;
		padding-bottom: 4px
	}

	#welkomtitel{
		background: url('../assets/welkomtitel.gif') no-repeat left top;
		width: 145px;
		height: 25px;
		padding-bottom: 4px
	}
	
	#fototitel{
		background: url('../assets/fototitel.gif') no-repeat left top;
		width: 108px;
		height: 25px;
		padding-bottom: 4px
	}
	
	#menukaartentitel{
		background: url('../assets/menukaartentitel.gif') no-repeat left top;
		width: 260px;
		height: 25px;
		padding-bottom: 4px
	}

	#lunchkaarttitel{
		background: url('../assets/lunchkaarttitel.gif') no-repeat left top;
		width: 224px;
		height: 25px;
		padding-bottom: 4px
	}

	#dinerkaarttitel{
		background: url('../assets/dinerkaarttitel.gif') no-repeat left top;
		width: 216px;
		height: 25px;
		padding-bottom: 4px
	}
	
	#groepskaarttitel{
		background: url('../assets/groepskaarttitel.gif') no-repeat left top;
		width: 234px;
		height: 25px;
		padding-bottom: 4px
	}

	#beheertitel{
		background: url('../assets/beheertitel.gif') no-repeat left top;
		width: 145px;
		height: 25px;
		padding-bottom: 4px
	}

	#reserveringentitel{
		background: url('../assets/reserveringentitel.gif') no-repeat left top;
		width: 138px;
		height: 17px;
		margin-left: 20px;
		padding-bottom: 14px
	}
	
	#openingstijdentitel{
		background: url('../assets/openingstijdentitel.gif') no-repeat left top;
		width: 138px;
		height: 17px;
		margin-left: 20px;
		padding-bottom: 14px
	}
	
	#adrestitel{
		background: url('../assets/adrestitel.gif') no-repeat left top;
		width: 57px;
		height: 17px;
		margin-left: 20px;
		padding-bottom: 14px
	}
	
	#muziekspelertitel{
		background: url('../assets/muziekspelertitel.gif') no-repeat left top;
		width: 138px;
		height: 17px;
		margin-left: 20px;
		margin-bottom: 10px;
		padding-bottom: 14px
	}