/*
Cascading Style Sheet 
	for 
	
DIVERTIMENTO MUZIEKIMPRESARIAAT 
www.divertimento-muziek.nl 

Design & realisation by 

dJazzit | internet / marketing / events 
www.djazzit.com 

(C) copyright 2009 
*/

/* General items */
html, body	{
	width: 100%; 
	height: 100%; 
}

body	{
	margin: 0; 
	padding: 0; 
	text-align: center; 
	background: #36546a; 
}

/* Fonts */
p, td, th, div, font, a, input, textarea	{
	font-family: Verdana, sans-serif, Helvetica; 
	font-size: 12px; 
	color: #000; 
}

p	{
	margin: 6px; 
	line-height: 150%; 
	text-align: justify; 
}

h1	{
	font-family: Georgia; 
	margin: 30px 6px -8px 6px; 
	color: #000; 
	font-size: 18px; 
	font-weight: bold; 
}

h2	{
	font-family: Georgia; 
	margin: 20px 6px -8px 6px; 
	color: #000; 
	font-size: 14px; 
	font-weight: bold; 
}

ul li	{
	margin: 6px; 
}

div#menu ul, div#menu ul li	{
	/*display: inline; */
	list-style: none outside; 
	margin: 0; 
	/**/
	margin-bottom: 10px; 
	/**/
	padding: 0; 
	text-transform: lowercase; 
}

div#menu ul li a	{
	font-family: Georgia; 
	font-size: 18px; 
	font-weight: bold;; 
	text-decoration: none; 
	margin: 6px 10px 0 10px; 
	color: #fff; 
}

div#menu ul li a:hover	{
	color: #729bb8;
}

div#footercontent p	{
	font-size: 10px; 
	text-align: center; 
	color: #fff; 
	margin: 3px; 
}

div#footercontent p a	{
	font-size: 10px; 
	color: #fff; 
}

.strong	{
	display: none; 
}

/* Divs */
div#background	{
	position: absolute; 
	top: 0; 
	right: 0; 
	width: 100%; 
	height: 100%; 
	z-index: 0; 
}

	div#background img	{
		position: relative; 
		width: 100%; 
		border: none; 
	}

div#container	{
	position: relative; 
	width: 880px; 
	border: none; 
	margin: 0 auto; 
	padding: 20px; 
}

	div#header	{
		position: relative; 
		width: 880px; 
		border: none; 
		margin: 10px auto; 
	}
	
		div#logo	{
			
		}
		
		div#menu	{
			/**/
			position: absolute; 
			left: 530px; 
			top: 75px; 
			z-index: 10; 
			/**/
			text-align: left; 
			margin: 8px auto 20px auto; 
		}
	
	div.box	{
		float: left; 
		width: 480px; 
		margin: 40px auto 10px auto; 
		padding: 15px 15px 20px 15px; 
		text-align: left; 
		background: url(/images/background_box_transparent.png); 
		z-index: 2; 
	}
	
		div.box img.left	{
			float: left; 
			margin: -1px 6px -1px -1px; 
			border: none; 
		}
		
		div.box img.right	{
			float: right; 
			margin: -1px -1px -1px 6px; 
			border: none;  
		}

div#footer	{
	position: fixed; 
	bottom: 0; 
	left: 0; 
	height: 20px; 
	width: 100%; 
}

	div#footercontent	{
		width: 100%; 
		height: 20px; 
		margin: 0 auto; 
		background: #42515c; 
	}

div.spacer	{
	clear: both; 
}

/* Images */
img	{
	border: none; 
}