/*                                                                    
																			,d                 
                                                                    	      88                 
88,dPYba,,adPYba,    ,adPPYba,  88,dPYba,,adPYba,    ,adPPYba,  8b,dPPYba,  MM88MMM  ,adPPYba,   
88P'   "88"    "8a  a8P_____88  88P'   "88"    "8a  a8P_____88  88P'   `"8a   88    a8"     "8a  
88      88      88  8PP"""""""  88      88      88  8PP"""""""  88       88   88    8b       d8  
88      88      88  "8b,   ,aa  88      88      88  "8b,   ,aa  88       88   88,   "8a,   ,a8"  
88      88      88   `"Ybbd8"'  88      88      88   `"Ybbd8"'  88       88   "Y888  `"YbbdP"'  

############# Ontwerp & realisatie van krachtige websites en webapplicaties op maat ###########
	
brouwersgracht 270C 	T: 020 689 1921		E: info@mmnt.nl		K: KVK 34230909 (Amsterdam)
1013HG  amsterdam	F: 084 830 3250		W: www.mmnt.nl		B: BTW NL814870806B01 

Datum:	08/01/2010
Auteur:	Marc de Geus (marc@mmnt.nl)

*/


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

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

body{
	font-size:0.8em;
	background:#e6e6e8;
	font-family:Arial, Tahoma;
	font-size:0.75em;
}

form{
	display:inline;
}

h2{
	margin:10px 0; padding:0;
	font-size:250%;
	line-height:30px;
	color:#333;
	font-weight:normal;
}

h2 a{
	text-decoration:none;
	color:#333;
}

h2.big{
	font-size:350%;	
	font-weight:bold;
	line-height:40px;
}

h2.purple{
	color:#452781;
}

h3{
	color:#452781;
	font-size:140%;
	text-transform:uppercase;
	border-bottom:1px dotted #452781;
	height:30px;
	line-height:30px;
	margin:0 0 5px 0; padding:0;
}

hr{
	height:2px;
	border-left:1px solid transparent;
	border-top:1px solid transparent;
	border-right:1px solid transparent;
	border-bottom:1px dotted #452781;
	clear:both;
	padding:5px 0;
	
}

h4{
	margin:0; padding:0;
	height:30px;
	text-transform:uppercase;
	color:#333;
	font-size:100%;
	line-height:30px;
	border-bottom:1px dotted #333;
}

h4 span a{
	text-decoration:none;
}

h5{
	font-size:120%;
	color:#333;
	margin:0 0 10px 0; padding:0;x
}

h5 a{
	text-decoration:none;
	color:#333;
}

h6{
	font-size:100%;
	text-transform: uppercase;
	background:#452781;
	color:#fff;
	height:20px;
	line-height:20px;
	margin:10px 0; padding:0 0 0 10px;
	
}

sub{
	font-size:80%;
	float:left;
}

a.addthis_button{
	float:right;
}

a{
	color:#452781;
}

a img{
	border-style:none;	
}

a img.flickrthumb{
	float:left;
	border:0px;
	padding:0;
	margin:0;
	margin-top:8px;
	margin-right:7px !important;
}

a img.flickrthumblast{
	float:left;
	border:0px;
	padding:0;
	margin:0;
	margin-top:8px;
	margin-right:0px !important;
}

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

div.header{
	width:100%; display:block; clear:both;	
	height:80px;
	background:#fff;
}

div.header-content{
	width:950px;
	margin:auto;
	height:80px;
}

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

div.header-content h1{
	margin:10px 0 0 0;
	float:left;
	position:absolute;

}

div.header-content h1 img{
	border-style:none;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;	
}

div.header-content h1 img:hover{
	border-style:none;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;	
}

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

div.search{
	width:350px;
	float:right;
	margin:50px 0 0 0;
	overflow:hidden;
	text-align:right;
	color:#333;
	line-height:20px;
}

div.search img{
	float:right;
	margin:0 0 0 30px;
}

div.search a.rss{
	color:#452781;
	padding:0 0 0 20px;
	display:table-cell;
	height:16px;
	line-height:16px;
	font-size:90%;
	text-decoration:none;
	background:url(../img/ico_rss.png) no-repeat 0 0;
	float:right;
}

div.search a.nieuwsbrief{
	color:#452781;
	padding:0 0 0 20px;
	display:table-cell;
	height:16px;
	line-height:16px;
	margin-right:20px;
	font-size:90%;
	text-decoration:none;
	background:url(../img/ico_nieuwsbrief.jpg) no-repeat 0 0;
	float:right;
}

input#search{
	background:#fff;
	color:#452781;
	width:100px;	
	font-size:80%;
	border:1px solid #452781;
}

#nieuwsbrief input{
	background:#fff;
	color:#452781;
	width:200px;	
	font-size:80%;
	border:1px solid #452781;
}

form{
	float:left;
	width:150px;
	display: inline;
}

input#search,
input#find{
	display:inline;
	font-size:100%;
	float:left;
	margin:0; padding:0;

}
input#find{
	background:#fff !important;
	color:#452781 !important;
	width:30px;
	margin: 0 0 0 4px;
	border-style:none;
}

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

div.nav{
	width:100%; display:block; clear:both;
	height:30px;
	background:url(../img/bg_nav.jpg) repeat-x 0 0;
}

div.nav-content{
	width:950px;
	margin:auto;
	height:30px;
}

div.nav-content ul{
	padding:0;
	margin:0;
	height:30px;
	line-height:30px;
}

div.nav-content ul.nav-left{
	float:left; 
}

div.nav-content ul.nav-right{
	float:right;
}


div.nav-content li{
	margin:0; padding:0;
	list-style-type:none;
	height:30px; line-height:30px;
	font-size:110%;
	color:#fff;
	float:left;
}

div.nav-content li.selected,
div.nav-content li:hover{
	background:#fff;
	color:#402575 !important;
}

div.nav-content li.selected a,
div.nav-content li:hover a{
	color:#402575 !important;
}

div.nav-content li a{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 10px;
	border-right:1px solid #666;
	border-left:1px solid #666;	
	margin-right:-1px;
}

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

div.nav-sub{
	width:100%; 
	background:#fff;
	min-height:30px;
}

div.nav-sub ul{
	margin:auto;
	padding:0;
	width:950px;
	overflow:hidden;
}

div.nav-sub ul li{
	float:left;
	margin:0; 
	list-style-type:none;
	line-height:30px;
	height:30px;
	display:table-cell;
}

div.nav-sub ul li a{

	text-decoration:none;
	text-transform:uppercase;
	color:#ccc;
	border-right:1px solid #eee;	
	padding:0 8px;
}

div.nav-sub ul li a:hover{
	color:#000;	
}

div.nav-sub ul li a span{
	font-size:150%;
	color:purple;
	
}

/* BREADCRUMB
------------------------------------------------------------------------------------------------ */

div.breadcrumb{
	height:30px;
	width:100%; 
	display:block; 
	clear:both;
	background:#fff;
}

div.breadcrumb ul{
	padding:0;
	margin:auto;
	width:950px;
	height:30px;
}

div.breadcrumb ul li{
	float:left;
	margin:0; 
	list-style-type:none;
	padding:0 5px 0 0;
	line-height:30px;
	color:#ccc;
	display:table-cell;
	font-size:90%;
}

div.breadcrumb ul li a{
	text-transform:lowercase;
	color:#ccc;
	text-decoration:none;
}

div.breadcrumb ul li a:hover{
	color:#000;	
}

div.breadcrumb ul li a span{
	font-size:150%;
	color:purple;
	
}

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

div.container{
	display:block; 
	clear:both;
	background:#fff;
}

div.container-content{
	width:950px;
	margin:auto;	
	padding:10px 0;

}

.box-onetwo ul li{
	text-align:left;
	float:left;
	clear:both;
}

/* BOX LAYOUTS
------------------------------------------------------------------------------------------------ */

a.more{
	float:left;
}

div.box-one{width:325px;}
div.box-two{width:200px;}
div.box-onetwo{width:585px;padding-right:15px;}
div.box-three{width:325px;}
div.box-twothree{width:600px;}

div.box-onetwothree{width:950px;}
div.box-one-container{width:325px;}
div.box-two-container{width:200px;}
div.box-onetwo-container{width:600px;}
div.box-three-container{width:325px;}
div.box-twothree-container{width:600px;}
div.box-onetwothree-container{width:950px;}

div.box-one span,
div.box-two span,
div.box-three span,
div.box-twothree span,
div.box-onetwothree span{
	float:right;
	font-size:11px;
	text-transform: none;
	font-weight:bold;
}


div#twitter_update_list ul li{
	margin:0;
	padding:0;
	list-style:none;
}

div#twitter_update_list ul{
	margin:0;
	padding:0;
	list-style:none;
}

div#twitter_update_list ul li span{
	font-weight:normal;
	font-size:100%;
	line-height:18px;
}

div#twitter_update_list ul li a{
	line-height:18px;
}

span img{
	border-style:none;
	position:relative;
	top:3px;
	margin: 0 0 0 4px;	
}

div.box-one,
div.box-two,
div.box-onetwo,
div.box-three,
div.box-twothree,
div.box-onetwothree{
	margin:5px 25px 5px 0;
	float:left;
	font-size:100%;
	line-height:18px;
}

div.box-one p,
div.box-two p,
div.box-onetwo p,
div.box-three p,
div.box-twothree p,
div.box-onetwothree p{
	margin:2px 0 10px 0;
	padding:0;
}

div.no-margin{
	margin-right:0px !important;
}

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

ul.header-block{
	height:350px;
	background:#efefef;
	margin:0 !important;
	padding:0; 
	overflow:hidden;
}

ul.header-block li.item{
	width: 950px;
	height:350px;
	margin:0;
	padding:0;
	list-style-type:none;
	color:#333;
}


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

li.item div{
	width:615px;
	background:#fff;
	padding: 10px 10px 10px 0;
	height:95px;
	margin:200px 0 0 0;
}

li.item div span{
	color:#333;
	font-size:200%;
	font-weight:bold;	
}

li.item div a{
	line-height:20px;
	color:#333;
	text-decoration:none;
	font-weight:bold;	
}

li.item div ul{
	width:325px;
	float:left;
	padding:0; margin:0;
	border-bottom:1px dotted #452781;	
}

li.item div ul li{
	list-style-type:none;
	margin:0; padding:0;
	border-top:1px dotted #452781;	
	overflow:hidden;
	white-space:nowrap;
	width:325px;
}

li.item div p{
	float:right;
	width:270px;
	padding:0; margin:0;
	font-size:90%;
	line-height:16px;
}

li.item  div p a{
	color:#452781;
	text-decoration:none;
}


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

div.news-item{
	width:280px;
	float:left;
	padding:0 10px 0 0;
}

div.wide{
	width:100%;
	display:block;
	padding:0 10px 0 0;
}

div.profile-item{
	width:282px;
	height:420px;
	float:left;
	padding:0 10px 0 0;	
}


/* PROFILE ITEM
------------------------------------------------------------------------------------------------ */

div.profile-item div.profile-image{
	float:left;
	width:120px;
	height:160px;
	margin:5px 10px 0 0;
	background:#ccc;
}

div.profile-item p.profile-items{
	font-size:80%;
	line-height:16px;

}

div.profile-item p.profile-items span{
	float:none;	
	font-weight:normal;
}
div.profile-item p.profile-items span.purple{
	color:purple;
}
div.profile-item p.profile-items span.grey{
	color:grey;
}

div.profile-item p.profile-items span.grey a{
	color:grey;
	text-decoration:none;
}
div.profile-item p.profile-items img{

	
}

/* PREVIEW-IMAGE
------------------------------------------------------------------------------------------------ */

div.preview-image{
	width:120px;
	height:90px;
	margin: 5px 10px 0 0;
	float:left;	
	background:#ccc;
}

div.preview-image img{
	width:120px;
	height:90px;
}
/* FOOTER
------------------------------------------------------------------------------------------------ */

div.footer{
	display:block; clear:both;
	width:950px;
	margin:auto;
	padding:20px 0;
}

div.footer ul{
	margin:0; padding:0;
}

div.footer ul li{
	float:left;
	width:140px;
	color:#888;
	margin:0; padding:0;
	list-style-type:none;
	line-height:20px;
}

div.footer ul li a{
	color:#666;
	text-decoration:none;
	display:block;
}

div.footer ul li a:hover{
	color:#333;
}

div.footer ul li li{
}

div.footer ul li li a{
	color:#888;
}

div.footer ul li.cloud{
	float:right;
	width:275px;
	height:200px;
}