/*
	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:12px;
	line-height:20px;
}

a{
	color:#292424;
}

a:hover{
	text-decoration:none;
}

h3{
	margin:20px 0 0 0; padding:0;
	font-style:italic;
}

/* 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 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;
}

/* news */
div.news-container{
	width:580px;
}

div.news-left{
	float:left;
	width:280px;
	overflow:hidden;

}

div.news-left ul{
	margin:0; padding:0;
}

div.news-left ul li{
	margin:0; padding:0;
	list-style-type:none;
}

div.news-left div.news-date{
	font-size:90%;
	font-weight:bold;
	float:left;
}

div.news-left div.news-title{
	float:right;
	width:200px;
}

div.news-right{
	float:right;
	width:280px;

}

div.news-items{
	min-height:150px;
}

div.news-items, 
div.twitter-items{
	border-top:1px dotted #333;	
	padding:10px 0 0 0;	
	margin:10px 0 0 0;
}

div.news-items li{
	clear:both;
}

/* 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;
}

/* 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;
}


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

div.footer{
	clear:both;
	padding:20px 0;
	color:#fff;
	color:#333;
}

div.footer a{
	color:#333;
}