@charset "utf-8";
/* CSS Document 
				
	In opdracht van				: Restaurant-devlindertuin.nl
	Design 						: VanderLoo-Design.nl
	Code & functionaliteiten	: VanderLoo-Design.nl
	
	Updated:  2010
	
	Restaurant de Vlindertuin
	Groningen 2010
	| © 2010 restaurantdevlindertuin.nl |
				
	Kleurcodes
	lichtgroen						: #c9dece
	headingrood						: #ee3224

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

* {margin:0; padding:0;}

html, body{
	background:url(../images/bg-body.jpg) repeat;
	font-family:Verdana, Geneva, sans-serif;
}

body{
	font-size:10pt;
	min-height:700px;
}

#logo{
	float:left;
	margin-top:24px;
}

#main-container{
	margin:auto;
	width:983px;
}
	

#reserveer{
	float:right;
}

	#reserveer img{
		position:relative;
		top:30px;
		left:20px;
	}

#container{
	background:url(../images/bg-container-right.png) repeat-y right;
	border-bottom:2px solid #222222;
	border-left:2px solid #222222;
	width:964px;
}

	#container a{
		color:#ffffff;
	}

	#container a:hover{
		color:#EF4033;
	}

	#topmenu{
		background-color:#333132;
		border-bottom:1px solid #d6d6d6;
		border-top:2px solid #222222;
		border-right:1px solid #222222;
		height:24px;
		margin-top:15px;
		padding-left:20px;
		width:935px;
	}

		#topmenu ul{
			padding-top:5px;
		}

		#topmenu li{
			display:inline;
			list-style-type:none;
			margin-right:60px;
		}
	
		#topmenu a{
			color:#ffffff;
			padding:5px 0 5px 0;
			text-decoration:none;
		}
	
		#topmenu a:hover, a.active{
			border-top:3px solid #ef4033;
			color:#ffffff;
		}

	#fotobalk{
		background-color:#333132;
		width:955px;
	}

	#content-container{
		background-color:#333132;
		color:#ffffff;
		font-size:12px;
		min-height:320px;
		width:955px;
	}

		#content-container h1, h2{
			color:#ffffff;
			font-family:Verdana, Geneva, sans-serif;
			font-size:24px;
			font-weight:normal;
			margin-bottom:10px;
		}

		#content-container h3{
			color:#ffffff;
			font-family:Verdana, Geneva, sans-serif;
			font-size:12px;
			font-weight:bolder;
		}

		#content-left{
			float:left;
			padding:24px 0 0 10px;
			width:243px;
		}

			#content-left p{
				width:185px;
			}
			
			#content-opening{
				margin:20px 0 20px 0;
			}
		
		#content-main{
			float:left;
			padding:24px 0 0 15px;
			width:468px;
		}

			#content-main p{
				width:400px;
			}
		
		#route-maps{
			border:2px solid #ffffff;
			height:350px;
			width:425px;
		}

		#content-right{
			float:right;
			width:178px;
		}

		#content-right img{
			position:absolute;
			top:380px;
		}
	
	#footer{
		background-color:#333132;
		color:#ffffff;
		padding-bottom:20px;
		width:955px;
	}
	
		#footer a{
			color:#EF4033;
			text-decoration:none;
		}
	
		#footer a:hover{
			color:#ffffff;
			text-decoration:underline;
		}

		#footer-alliance{
			float:left;
		}
	
		#footer-copy{
			float:left;
		}

			#footer-copy p{
				font-size:11px;
				margin:71px 0 0 15px;
			}

div.spacer{
	clear:both;
	height:0px;
}

p{
	padding-bottom:10px;
}