@charset "utf-8";
/* CSS Document 
				
	In opdracht van				: Forum Horeca Exploitatie
	Design 						: VanderLoo-Design.nl
	Code & functionaliteiten	: VanderLoo-Design.nl
	
	Updated:  2010
	
	tgoldenfust.nl
	Groningen 2010
	| © 2010 't goldenfust |
	
	Kleuren:
	achergrond					: #231f20
	oranje accenten				: #f5a032

–––––––––––––––––––––––––––––––––––––––---------–––––––––*/ 

* {margin:0; padding:0;}

html,body{
	position:relative;
}
body{
	background-color:#231f20;
	color:#fff;
	font-family:"Lucida Grande", geneva, helvetica, sans-serif;
	font-size:12px;
}
#header-background{
	background-color:#fff;
	height:154px;
	width:100%;
	
	position: absolute;
	z-index:1;
}
#main-container{
	background-color:#231f20;
	margin:auto;
	width:955px;
}

#header{
}

	#header-container{
		height:235px;
		width:955px;
	}
	
		#header-logo{
			float:left;
			height:278px;
			position:absolute;
			width:955px;
			z-index:2;
		}
		
		#header-slogan{
			float:right;
			height:91px;
			width:579px;
		}

			#header-slogan p{
				color:#686766;
				float:right;
				font-size:24px;
				padding:40px 10px 0 0;
			}

		#header-menu{
			float:right;
			height:24px;
			padding-top:15px;
			position:relative;
			width:579px;
			z-index:2;
		}

			#header-menu ul{
				margin-left:50px;
				margin-right:50px;
				text-align:right;
			}
			#header-menu li{
				display:inline;
				margin-left:50px;
				list-style-type:none;
			}

				#header-menu a{
					color:#000;
					font-weight:bold;
				}

				#header-menu a.active{
					color:#f5a032;
					cursor:default;
					font-weight:bold;
					text-decoration:none;
				}


#content-container{}

	#content-left{
		float:left;
		margin-top:0px;
		width:257px;
	}
	
		#left-information-container{
			padding-top:16px;
			width:234px;	
		}
		
			#left-information{
				color:#ffffff;
				margin-left:15px;
				padding:10px 10px 10px 5px;
			}

				#left-information h1{
					color:#fff;
					margin-top:35px;
				}

				#left-information a{
					color:#f5a032;
					font-size:16px;
				}
		#left-poelepas{
			margin-top:30px;
		}

	#content{
		float:left;
	}
	
		#content-galerie{
			background-color:#fff;
			height:404px;
			width:492px;
		}
		
			#galerie-big{
				padding:18px 18px 0 18px;
			}

				#galerie-big img{
					height:304px;
					width:456px;
				}
		.smallpic img{
			border:3px solid #f5a032!important;
		}
		.smallpic img:hover{
			cursor:pointer;
		}
			
			#galerie-arrow-left{
				float:left;
				margin:35px 0 0 20px;
			}
			
			#galerie-thumbs li{
				background:url(../images/galerie-bg.png) no-repeat;
				display:inline;
				height:56px;
				list-style-type:none;
				width:56px;
			}

			#galerie-arrow-right{
				float:right;
				margin-top:35px;
				padding:0 18px 0 0;
			}
		
		#content-tekst{
			min-height:300px;
			padding-top:20px;
			width:492px;
		}
		
			#content-tekst p{
				width:460px;
			}		
	
	#content-right{
		float:right;
		width:200px;
	}
		
		#right-tijden{
			margin-left:8px;
		}

		#content-contact{
			margin-left:8px;
			width:100px;
		}

		#content-locaties{
			margin:0px 0 0 8px;
		}
		
			#content-locaties a{
				color:#f5a032;
				font-size:14px;
			}

			#content-locaties a:hover{
				color:#fffff;
				font-size:14px;
			}

		#contact{
			margin:10px 0 0 8px;
		}
			
		#right-menu{
			margin:20px 0 0 8px;
		}

		#right-menu img{
			padding-left:10px;
		}

	#reserveren{
		position:fixed;
		right:0px;
		top:30%;
		z-index:3;
		overflow:hidden;
		width:55px;
		height:179px;
	}
	
	#content-contact{
		height:320px;
		margin-top:30px;
		position:relative;
		width:955px;
		z-index:2;
	}
	
		#contact-bg{
			background-color:#f5a032;
			padding:15px;
			width:460px;
		}
					
			#contact-google{
				float:right;
			}
	
#footer{
	color:#ffffff;
	background-image:url("../images/goldenfust_footer.png");
	background-repeat:no-repeat;
	height:160px;
	margin-top:40px;
	padding-top:124px;
	position:relative;
	top:-100px;
	z-index:1;
}
	#footer-background{
		background-color:#424347;
		position:absolute;
		bottom:0px;
		height:316px;
		width:100%;
		z-index:0;
	}
	#footer a{
		color:#ffffff;
	}


	#footer h1{
		color:#f5a032;
	}
	
	#locaties{
		float:left;
		padding-left:23px;
		width:350px;
	}
	
		#locaties p{
			margin-top:20px;
		}
		
			#locaties font{
				color:#f5a032;
			}
	
		div.locatie-url{
			float:left;
			padding-right:10px;
			width:150px;
		}

	#ganaar{
		float:left;
		padding-left:230px;
	}
	
		#ganaar li{
			list-style-type:none;
		}
	
	#footer-goldenfust{
		float:right;
		padding-right:15px;
	}

	
/*---pagina's-–––––––––––––––––––––––––––––––––––––––––––*/
div.spacer{
	clear:both;
}
/*---pagina's-––––––––––––––––––––––––––––––––––––einde––*/

/*---ul & li--–––––––––––––––––––––––––––––––––––––––––––*/
ul{
	list-style:inside;
}

/*---ul & li--––––––––––––––––––––––––––––––––––––einde––*/

/*---Navigatie–––––––––––––––––––––––––––––––––––––––––––*/
a{
	color:#f5a032;
	text-decoration:none;
}
a:hover, a.active {
	color:#f5a032;
	text-decoration:underline;
}
/*---Navigatie––––––––––––––––––––––––––––––––––––einde––*/

/*---Koppen & teksten––––––––––––––––––––––––––––––––––––*/
h1 {
	color:#fff;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:19pt;
	font-style:normal;
	font-weight:lighter;
	margin-bottom:15px;
}

h2 {
	color:#ffffff;
	font-weight:normal;
	font-size:16px;
	margin-bottom:5px;
}


hr{
	margin:10px 0 10px 0;
}

img{
	border:0;
}

table td{
	vertical-align:top;
}

p{
	margin-bottom:10px;
}
/*---Koppen & teksten–––––––––––––––––––––––––––––einde––*/