/* 
Cascading Style Sheet for

http://dJaz.nl/

(C) 2009 dJaz / All rights reserved. 
*/

/* General layout */
body, html	{
	width: 100%; 
/*	height: 100%; */
	margin: 0; 
	padding: 0; 
}

body	{
	background: #fff url("/images/achtergrond_cirkels.png"); 
	text-align: center; 
}

td, th	{
	vertical-align: top; 
	padding: 4px; 
}

/* Fonts */
p, a, td, th, div, font, input, textarea	{
	text-align: left; 
	font-family: sans-serif; 
	font-size: 11px; 
	color: #000000; 
}

p	{
	margin: 4px; 
}

th	{
	font-size: 13px; 
	font-weight: bold; 
	text-transform: uppercase; 
}

a	{
	font-weight: bold; 
	color: #8e0090; 
	text-decoration: none; 
}

a:hover	{
	color: #fc0aff;
}

div#header h1	{
	font-family: verdana; 
	font-size: 26px; 
	font-weight: normal; 
	text-align: center; 
	color: #555; 
	padding-top: 70px; 
}

div#header h1 em	{
	font-weight: bold;
	font-style: normal; 
	color: #000; 
}

h1, div.content h1	{
	font-family: verdana; 
	font-size: 18px; 
	font-weight: normal; 
	color: #777; 
	margin: 10px 4px 4px 4px; 
}

p.hidden	{
	visibility: hidden; 
}

div#footer p	{
	font-size: 9px; 
	text-align: center; 
	color: #555555; 
	font-weight: normal; 
	text-indent: 0; 
}

div#footer p a	{
	font-size: 9px; 
	font-weight: bold; 
	color: #555555; 
	text-decoration: none; 
}

div#footer p a:hover	{
	text-decoration: underline;
}

/* Divs */
div#container	{
	position: relative; 
	margin: 0 auto; 
	width: 900px; 
}

	div#header	{
		position: relative; 
		width: 725px; 
		height: 180px; 
		margin: 0 auto; 
	}
	
	div#menu	{
		position: relative; 
		margin: 0 auto; 
		width: 725px; 
		height: 441px; 
		background: url("/images/schaduw_menu.png") no-repeat; 
	}

		div#menu_container	{
			position: absolute; 
			width: 695px; 
			height: 411px; 
			top: 14px; 
			left: 14px; 
			background: #fff; 
			border: 1px solid #888; 
		}
		
		div#menu_container ul	{
			margin: 0 0 0 -25px; 
		}
		
			div#menu_container ul li	{
				list-style-type: none; 
				margin: 0; 
			}
			
				div#menu_internet, 
				div#menu_marketing, 
				div#menu_events, 
				div#menu_contact	{
					width: 100%; 
					height: 100%; 
					background: #fff url("/images/schaduw_menu_verticaal_lichter.png") no-repeat 0 0; 
				}
				div#menu_internet	{
					background: transparent;
				}
				
					div.title	{
						position: absolute; 
						top: 0; 
						left: 0; 
						width: 76px; 
						height: 100%; 
						margin: 0; 
					}
					div#menu_internet div.title	{
						background: url("/images/title_internet.png") no-repeat 30px 5px; 
					}
					div#menu_marketing div.title	{
						background: url("/images/title_marketing.png") no-repeat 21px 5px; 
					}
					div#menu_events div.title	{
						background: url("/images/title_events.png") no-repeat 21px 5px; 
					}
					div#menu_contact div.title	{
						background: url("/images/title_contact.png") no-repeat 21px 5px; 
					}
					
					div#container div.content	{
						position: absolute; 
						top: 0; 
						left: 76px; 
						width: 379px; 
						height: 100%; 
						background: #fff; 
					}
					/*div#menu_internet div.content	{
						left: 55px; 
					}*/
	
	div#banners	{
		position: relative; 
		width: 695px; 
		margin: 10px auto; 
	}

div#djazzed	{
	position: fixed; 
	bottom: 80px; 
	left: 80px; 
	width: 50px; 
	height: 50px; 
}

div#footer	{
	position: fixed; 
	bottom: 0; 
	left: 0; 
	width: 100%; 
	height: 20px;
	background: #d2d2d2; 
	border-top: 1px solid #888; 
}

div.spacer	{
	clear: both; 
}

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

img.lineC, img.lineL, img.nolineL, img.lineR, img.nolineR	{
	border: 1px #000000 solid; 
	margin: 4px; 
}
	
img.lineC	{
	display: block; 
	margin: 4px auto; 
}

img.nolineC	{
	display: block; 
	margin: 4px auto; 
	border: none; 
}

img.lineL	{
	float: left; 
}

img.nolineL	{
	float: left; 
	border: none; 
}

img.lineR	{
	float: right;
}

img.nolineR	{
	float: right; 
	border: none; 
}

img.ws	{
	width: 100%; 
}

img.clear	{
	clear: both; 
}

img.email	{
	margin-bottom: -3px; 
}