/*                                                                    
                                                              		      ,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:	29/10/2009
Auteur:	Marc de Geus (marc@mmnt.nl)

*/


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

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

body{
	font-size:0.8em;
	background:#d3d3d3;
}

h2{
	font-size:120%;
	font-family: "Lucida Grande", Arial;
	margin:0; padding:0;
	color:#555;
}

h3{
	font-size:120%;
	font-family: "Lucida Grande", Arial;
	margin:0; padding:0;
	color:#555;
}

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

div#flashcontent{
	position:absolute;
	top:48px;
	left:190px;
	margin-left:50%;
	width:311;
	height:303px;
	z-index:10;
	padding:0;
}

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

div.header{
	height:310px;
	border-top:10px solid #ff0000;
	background:url(../img/bg_header.jpg) no-repeat bottom center #fff;
	font-family: Arial, Verdana;
}

div.header div.container{
	width:1000px;
	margin:auto;
}


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

div.header h1{
	float:left;
	margin:10px 0 0 0; padding:0;
	width:127px;
}

div.header h1 img{
	border-style:none;
}


/* TOPNAVIGATION
------------------------------------------------------------------------------------------------ */

div.header ul{
	float:right;
	margin:24px 200px 0 0; padding:0;
	width:600px;
	text-align:right;
}

div.header ul li{
	margin:0; padding:0; 
	list-style-type:none;
	display:inline;
	padding: 0 10px;
	border-left:1px solid #ccc;
	white-space: nowrap;
	font-size:95%;
}

div.header ul li a{
	color:#ff0000;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}

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

div.header ul li a:active,
div.header ul li a.selected{
	color:#000;
	text-decoration:none;
	cursor:pointer !important;
}

/* TOP SEARCH BOX
------------------------------------------------------------------------------------------------ */

#applesearch{
	position:absolute;
	top:30px;
	left:300px;
	margin-left:50%;

}

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

div.balloon{
	width:600px;
	height:130px;
	background:url(../img/bg_balloon.png) no-repeat;
	clear:both;
	float:left;
	top:100px;
	padding:30px;
	position:absolute;
	z-index:30;
}

div.balloon sub{
	float:Right;
}

div.balloon div{
	width:600px;
	height:140px;
	overflow:hidden;/* set to scroll for longer text */
	overflow-x:hidden;
	font-size:120%;
	line-height:29px;
	color:#888;
	font-family: "Lucida Grande", Arial;	
	font-style: italic;
}

div.balloon div a{
	color:#fff;
	text-decoration:none;
}

div.balloon div a:hover{
	color:#ddd;
}

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

div.content-container{
	clear:both;
	display:block;
	background:url(../img/bg_content_container.jpg) repeat-x top;
	width:100%;
	float:left;
	min-height:60px;
}

div.content-container div.content{
	width:1000px;
	margin:auto;

}

/* BOX CONTAINER
------------------------------------------------------------------------------------------------ */

div.boxcontainer{
	padding:0 0 0 34px;
	background: #fff;
	clear:both;
	overflow: auto;
	width: 965px !important;	

}


/* BOXES
------------------------------------------------------------------------------------------------ */

div.box-1,
div.box-2,
div.box-3,
div.box-4,
div.box-1-red,
div.box-2-red,
div.box-3-red,
div.box-4-red,
div.box-1-green,
div.box-2-green,
div.box-3-green,
div.box-4-green{
	margin:10px 0 0 16px;
	float:left;
	min-height:180px;
	font-size:105%;
	line-height:20px;
	font-family:Georgia;
}

div.background{
}

div.box-1 p,
div.box-2 p,
div.box-3 p,
div.box-4 p,
div.box-1-red p,
div.box-2-red p,
div.box-3-red p,
div.box-4-red p,
div.box-1-green p,
div.box-2-green p,
div.box-3-green p,
div.box-4-green p{
	padding:5px 10px;
}

div.box-1 p{
	padding-top:0; 
	margin-top:0;
	
}


div.nobackground div.box-1 p,
div.nobackground div.box-2 p,
div.nobackground div.box-3 p,
div.nobackground div.box-4 p,
div.nobackground div.box-1-red p,
div.nobackground div.box-2-red p,
div.nobackground div.box-3-red p,
div.nobackground div.box-4-red p,
div.nobackground div.box-1-green p,
div.nobackground div.box-2-green p,
div.nobackground div.box-3-green p,
div.nobackground div.box-4-green p{
	padding:5px 10px !important;
}


div.box-1-red h2,
div.box-2-red h2,
div.box-3-red h2,
div.box-4-red h2{
	color:#b40000 !important;

}

div.box-1-green h2,
div.box-2-green h2,
div.box-3-green h2,
div.box-4-green h2{
	color:#006400 !important;
}


div.box-1 a,
div.box-2 a,
div.box-3 a,
div.box-4 a,
div.box-1-red a,
div.box-2-red a,
div.box-3-red a,
div.box-4-red a,
div.box-1-green a,
div.box-2-green a,
div.box-3-green a,
div.box-4-green a{
	color:#ff0000;
}

div.box-1 a:hover,
div.box-2 a:hover,
div.box-3 a:hover,
div.box-4 a:hover,
div.box-1-red a:hover,
div.box-2-red a:hover,
div.box-3-red a:hover,
div.box-4-red a:hover,
div.box-1-green a:hover,
div.box-2-green a:hover,
div.box-3-green a:hover,
div.box-4-green a:hover{
	color:#000;
	text-decoration:none;
}

iframe.one {left:0; top:35px; width:0px; height:0px;}

p.illustratie{
	text-align:center;
	margin:10px 0 0 0 !important;
	padding:0 !important;
	z-index:1;	
}

div.nobackground{
	background-image:none !important;
}

div.nobackground p{
	padding:5px 0 !important;
}


div.box-1{
	width:213px;
	background:url(../img/bg_box_1.png) 0 20px no-repeat;
	color:#555;
}

div.box-1-red{
	width:213px;
	background:url(../img/bg_box_1_red.png) 0 20px no-repeat;
	color:#000 !imoportant;
}

div.box-1-green{
	width:213px;
	background:url(../img/bg_box_1_green.png) 0 20px no-repeat;
	color:#555;
}

div.box-2{
	width:442px; /* +16px */
	background:url(../img/bg_box_2.png) 0 20px no-repeat;
	color:#555;
}

div.box-2-red{
	width:442px; /* +16px */
	background:url(../img/bg_box_2_red.png) 0 20px no-repeat;
	color:#000 !imoportant;
}

div.box-2-green{
	width:442px; /* +16px */
	background:url(../img/bg_box_2_green.png) 0 20px no-repeat;
	color:#555;
}

div.box-3{
	background:url(../img/bg_box_3.png) 0 20px no-repeat;
	width:671px; /* +32px */
	color:#555;
}

div.box-3-red{
	background:url(../img/bg_box_3_red.png) 0 20px no-repeat;
	width:671px; /* +32px */
	color:#000 !imoportant;
}

div.box-3-green{
	background:url(../img/bg_box_3_green.png) 0 20px no-repeat;
	width:671px; /* +32px */
	color:#555;
}

div.box-4{
	width:900px; /* +48px */
	background:url(../img/bg_box_4.png) 0 20px no-repeat;
	color:#555;
}

div.box-4-red{
	width:900px; /* +48px */
	background:url(../img/bg_box_4_red.png) 0 20px no-repeat;
	color:#000 !imoportant;
}

div.box-4-green{
	width:900px; /* +48px */
	background:url(../img/bg_box_4_green.png) 0 20px no-repeat;
	color:#555;
}

div.box-4-container{
	width:950px;
	border:1px solid #ff9900;;
}


/* NAVIGATION (ALSO JQUERYSLIDEMENU.CSS)
------------------------------------------------------------------------------------------------ */

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


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

div.footer{
	background:#aaa;
	padding:25px 25px;
	color:#ccc;
}

div.footer{
	padding:25px 25px;	
}

div.footer ul{
	padding:0;
	width:900px;
	margin: 0 0 0 90px;
}

div.footer ul li{
	display:inline;
	list-style-type:none;
	padding:0; margin:0 2px 0 0;
}

div.footer ul li img{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

div.footer ul li img:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;	
}


/* SUBFOOTER
------------------------------------------------------------------------------------------------ */

div.subfooter{
	margin:0 50px;
}

div.subfooter ul{
	margin:0;
	padding:0;
	line-height:75px;
	height:75px;
}

div.subfooter ul li{
	display:inline;
	list-style-type:none;
	padding:0; margin:0;
}

div.subfooter ul li{
	display:inline;
	list-style-type:none;
	margin:0; padding:0;
	color:#666;
	text-transform:uppercase;
	font-family: "Lucida Grande", Arial;
	font-size:80%;
}

div.subfooter ul li a{
	color:#666;

}

div.subfooter ul li img{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
	position:relative;
	top:10px;
	
}

div.subfooter ul li img:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;	
	opacity: 1;	
}

div.subfooter ul li a:hover{
	color:#000;
	text-decoration:none;
}
div.subfooter ul li a:active{
	color:#ff0000;
	text-decoration:none;
}

div.subfooter ul li span{
	padding:0 5px;
	color:#aaa;
}

/* FORM
------------------------------------------------------------------------------------------------ */

form{
	display:inline;
}

div.frm-knowledge{
	padding: 0 20px 30px 5px;

}

div.frm-knowledge input.input,
div.frm-knowledge select,
div.frm-knowledge input.submit{
	width:100%;
	display:block;
	height:20px;
	line-height:20px;
	font-family: "Lucida Grande", Arial;
	float:left;
	font-size:80%;
	margin: 0 0 10px 0;
	border:1px solid #ccc;
}

div.frm-knowledge input.input,
div.frm-knowledge select{
	color:#666;
	text-indent:1px;
}

div.frm-knowledge input.submit{
	color:#ff0000;
	background:#ccc;
	text-transform:uppercase;
	font-weight:bold;
}


/* SUBMENU
------------------------------------------------------------------------------------------------ */

div.submenu{
	padding:10px 0 0 10px;
}

div.submenu ul{
	margin:0;
	padding:10px 0 10px 20px;
	line-height:24px;
}

div.submenu ul li{
	list-style-image: url(../img/ico_arrow.png);

}