@charset "utf-8";
/* CSS Document 
				
	In opdracht van				: rumbacafe.nl
	Design 						: VanderLoo-Design.nl
	Code & functionaliteiten	: VanderLoo-Design.nl
	Websop & CMS				: Alwinus 
	
	Updated: 21 juli 2009
	
	Rumba
	Groningen 2009
	| © 2009 Rumbacafe |
				
	Kleurcodes
	Main background				: #da3d17
	background					: #
	Gif groen					: #

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

* {margin:0; padding:0;}

body{
	background:url(/images/rumba_background.jpg) no-repeat #da3d17 top;
	font-family:"Lucida Grande", geneva, helvetica, sans-serif;
	font-size:12px;
	margin:auto;
	width:948px;
}

#header{
	background-color:#424347;
	height:62px;
	margin-top:27px;
	width:948px;
}

	div.logo{
		float:left;
		height:31px;
		margin-left:12px;
		width:376px;
	}
	
	#header-navigation{
		float:left;
	}

		#header-navigation ul{
			margin-left:175px;
			margin-top:22px;
		}

		#header-navigation li{
			float:left;
			list-style-type:none;
			margin-right:15px;
		}

		#header-navigation a{
			color:#ffffff;
			font-weight:bold;
			font-size:13px;
		}

		#header-navigation a:hover{
			color:#ffffff;
			font-weight:bold;
			font-size:13px;
		}

#container{
	background-color:#ffffff;
	margin-top:57px;
	width:948px;
}

	#container-left{
		float:left;
		width:226px;
	}
	
		#light-grey-face{
			background-color:#68696c;
			color:#ffffff;
			padding-top:16px;
			width:226px;
		}
			
			#bar-information{
				background-color:#424347;
				font-weight:bold;
				margin-left:13px;
				width:213px;
			}
			
			#poelepas{
				background-color:#424347;
				margin-left:13px;
				padding:20px 20px 30px 3px;
				width:190px;
			}
		
		#poelepas-image{
			height:257px;
			width:225px;
		}
		
		#Locatie{
			color:#666666;
			margin-bottom:20px;
			margin-top:50px;
			padding-left:13px;
			width:226px;			
		}

			#Locatie a{
				color:#6e9cb5;
				font-weight:bold;
			}

	#container-mid{
		float:left;
		margin-left:23px;
		width:492px;
	}
	
		#photo-gallery{
			background-color:#fcbf4a;
			height:390px;
			width:492px;
		}
		
			#photo-large{
				float:left;
				height:352px;
				margin-left:25px;
				padding-top:18px;
				width:270px;
			}
			
			#photo-overview{
				float:left;
				height:352px;
				margin-left:26px;
				margin-top:18px;
				width:171px;
			}
			
			div.smallpic img{
				cursor:pointer;
			}
		
		#content-mid{
			color:#666666;
			font-size:13px;
			margin-top:15px;
			padding-right:80px;
			width:412px;
		}

			#content-mid a{
				color:#6e9cb5;
				text-decoration:underline;
			}
		
		#cocktails{}
		
			div.cocktail-item{
				float:left;
			}
			
				div.cocktail-item-text{
					float:left;
				}

					div.cocktail-item-text p{
						width:200px;
					}

				div.cocktail-item-image{
					float:left;
				}
	
	#container-right{
		float:left;
		width:207px;
	}
	
		#closing-times{
			background:url(/images/bg-closing-time.jpg) repeat-x;
			height:37px;
			padding-top:40px;
			padding-left:13px;
			width:194px;
		}
		
		#times{
			color:#666666;
			padding-left:13px;
			width:194px;
		}
		
		#cocktails{
			color:#666666;
			padding-left:13px;
			margin-top:20px;
		}

			#cocktails a{
				color:#6e9cb5;
				font-weight:bold;
				text-decoration:underline;
			}

			#cocktails a:hover{
				color:#424347;
				font-weight:bold;
				text-decoration:none;
			}

#footer{
	background-color:#424347;
	color:#ffffff;
	padding:15px 0 15px 0;
	width:948px;
}

	#locations{
		float:left;
		padding-left:12px;
		width:238px;
	}
	
	#goto{
		float:left;
		width:301px;
	}
	
	#copyright{
		float:left;
		width:200px;
	}

	#logo{
		float:left;
		padding-left:30px;
		width:165px;
	}


/*---pagina's-–––––––––––––––––––––––––––––––––––––––––––*/
div.spacer{
	clear:both;
}
/*---pagina's-––––––––––––––––––––––––––––––––––––einde––*/
	
/*---Navigatie–––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited, a:active {
	color:#ffffff;
	text-decoration:none;
}
a:hover {
	color:#ffffff;
	text-decoration:underline;
}
/*---Navigatie––––––––––––––––––––––––––––––––––––einde––*/

/*---Tables---–––––––––––––––––––––––––––––––––––––––––––*/
.menukaart{
	width:150px;
}

/*---Tables---––––––––––––––––––––––––––––––––––––einde––*/


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

/*---Koppen & teksten––––––––––––––––––––––––––––––––––––*/
h1 {
	color:#fcbf4a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-style:normal;
	font-weight:bold;
}

h2 {
	color:#424347;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:bold;
	margin-bottom:5px;
}

h3 {
	color:#dacd1f;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
}

h4 {
	color:#424347;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	margin-top:-5px;
}

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

p{
	margin-bottom:10px;
}

img{
	border:0;
}
/*---Koppen & teksten–––––––––––––––––––––––––––––einde––*/

/*---IE hacks--------–––––––––––––––––––––––––––––-----––*/
#overlay {
	*width:100% !important;
}
/*---IE hacks--------–––––––––––––––––––––––––––––einde––*/