/*
	Ontwerp, HTML/CSS en CMS door:
	
	memento - Websites en webapplicaties op maat!
	Brouwersgracht 270C
	1013 HG  Amsterdam
	
	t. 020 689 19 21
	f. 084 225 48 58
	
	e. info@mmnt.nl
	w. www.mmnt.nl
*/	
	

/* DEFAULT
---------------------------------------------------------------------------------*/

html,body{
	width:100%; height:100%;
	margin:0; padding:0;
}

body{
	background: url(../img/bg_body-new.gif) repeat-y center top #ccc5be;
	font-family: Arial, sans-serif, Tahoma;
	font-size:0.75em;
	text-align:center;
}

table{
	font-size:11px;
	line-height:20px;
}

a{
	color:#292424;
}

a:hover{
	text-decoration:none;
}

h3{
	letter-spacing: 10px;
	padding-bottom /*\**/: 10px\9;
	padding-top /*\**/: 5px\9;
}


/* CUSTOM
---------------------------------------------------------------------------------*/

div#content_container{
	width: 980px; 
	margin:auto;
	text-align:left;
}


/* LOGO
---------------------------------------------------------------------------------*/
h1{
	float:left;
	margin:0; padding:0; 
	width:244px; height:244px;
	background:url(../img/bg_header1.gif) no-repeat;
}

h1 img{
	border-style:none;
}


/* HEADER
---------------------------------------------------------------------------------*/

h2{
	float:right;
	margin:0; padding:0;
	height:244px; width:736px;
}


/* PRIMARY NAVIGATION
---------------------------------------------------------------------------------*/

ul#nav{
	width:960px; height:42px;
	line-height:42px;
	background:#000;
	clear:both;
	margin:0; padding-left:20px;
}

ul#nav li{
	display:inline;
	color:#fff;
	list-style-type: none;
	padding:0 0 0 28px;
}

ul#nav li h3{
	float:left;
	margin:0; padding:0;
	width:244px;
	text-align: center;
}

ul#nav li img{
	float:left;
	margin-left:-20px; padding:0;
}

ul#nav li a{
	color:#fff;
	padding:0 10px 0 0;
}

ul#nav li a.selected{
	text-decoration:none;
}

/* SECUNDARY NAVIGATION
---------------------------------------------------------------------------------*/

ul#nav-secundary{
	margin:0 20px 0 20px; padding:0;
}

ul#nav-secundary li{
	list-style-type: none;
	display:block;
	border-bottom:1px dotted #292424;
	line-height:20px;
}

ul#nav-secundary li.selected{
	background: #c5bab1;
}

ul#nav-secundary li a{
	text-decoration:none;
	font-weight:bold;
	display:block;
}

ul#nav-secundary h3{
	display:normal;
}

/* ADDRESS
---------------------------------------------------------------------------------*/

ul#address{
	margin:0 20px 0 20px; padding:0;
}

ul#address li{
	list-style-type: none;
	clear:left;
	line-height:20px;
}

ul#address li p{
	border-top:1px dotted #292424;
}


/* CONTENT
---------------------------------------------------------------------------------*/

div.content{
	width:578px; height:550px;
	width /*\**/: 535px\9;
	padding:0 138px 0 20px; 
	float:left;
	background:url(../img/bg_content-new.gif) no-repeat 0 0;
	line-height:20px;
}

div.content-left{
	background:url(../img/bg_content_left.gif) no-repeat;
	height:440px;
	float:left; 
	width:244px;
}


/* NEWS
---------------------------------------------------------------------------------*/

ul#news{
	margin:0; padding:0;
}

ul#news li{
	list-style-type: none;
}

ul#news li span{
	padding: 0 10px 0 10px;
	color:#292424;
}

/* FOOTER
---------------------------------------------------------------------------------*/

div.footer{
	clear:both;
	width:960px;
	color:#fff;
	margin:auto;
	text-align:right;
	padding:0 20px 20px 0;
	font-size:90%;
}

div.footer a{
	color:#fff;
}