/*********************/
    /*                   */
    /*   CSS Document 	 */
    /*       ERP       	 */
    /* Gerry Uytenhouwen */
    /*  Wim Poppeliers   */
    /* 					 */
    /*********************/
	
body{
	background-color:#bdc2c5;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	behavior: url(fileadmin/ERP2007EXTRANET/main/css/csshover.htc);
}
TABLE TD, TABLE TD P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
}

	/********************************************/
    /*               						    */
	/*     			HOMEPAGE					*/
    /* 											*/
    /********************************************/
	
	/*
	To make a div stretch to fill the browser window, 
	use the following CSS for all browsers:
	*/
	html, body {
	height:100% !important;
	height: 100%;
	} 
	#main_container { /* div you want to stretch */ 
	min-height: 100%; 
	}
	
	div#main_container{
		margin: 0 auto 0 auto;
		padding:0 0 50px 0;
		width: 780px;
		text-align: left;
		background-color:#FFFFFF;		
/*
border: 3px solid green;	
*/
	}
	
	div#iconbar_top p{
		margin:0px;
		padding:0px;
		width: 780px;
		/*border: 3px solid green;*/
	}




/****************************************************/
/*													*/
/*  				MAIN ELEMENTS  					*/
/*													*/
/*													*/
/****************************************************/



h1 {
	color : #000;
	font-size:1.2em;
	font-weight:bold;
	padding : 0px 0 0px 0px;
	margin:0 0 0 0 ;
}

h2 {
	color : #000000;
	font-size:1.3em;
	padding : 5px 0 0 45px;
	margin : 0 0 0 0; 
}

h3 {
	color : #000000;
	font-size:1.1em;
	padding : 5px 0 0 45px;
	margin : 0 0 0 0; 
}

a {
	color:#e23828;
	/*text-decoration:none;*/
}

p, li {
	font-size : 1.0em;
}

li li {
	font-size : 1.0em;
}

.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 1.0em;
}

a:hover  {
	text-decoration:underline;

}

p {
/*	padding-left : 45px;*/
}


#content LI {
	color: #000000;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	vertical-align:top;
}
#content UL LI {
	color: #000000;
	list-style-image: url("../image/navigation/unorderdlist_button_small.png");
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	vertical-align:top;
}



/****************************************************/
/*													*/
/*  			NAVIGATION ELEMENTS  				*/
/*				3 level navigation					*/
/*													*/
/*				Gerry U								*/
/*				WiPo								*/
/*													*/              
/*              TwistedMinds        			    */
/*													*/
/*													*/
/****************************************************/
#navigationbar{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
	clear:both;
	height: 65px;
	width: 780px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	/*border:1px dashed #0000FF*/
}


#navigation{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 65px;
	width: 780px;	
	float:left;
/*	border:1px solid #FF66FF;*/
}


/****************************************************/
/* 				top navigation styles 				*/
/****************************************************/

div#navigation ul {
            margin:0;
            padding:0;
}

div#navigation li {
            position: relative; 
            list-style: none; 
            margin: 0 0px 0 0 !important; 			
            margin: 0 2px 0 0; 
            float: left;
			width: 128px;
			height:65px;
			padding:0 2px 0 0;
			
}

div#navigation ul.level1 li {
            /* change left & right padding for extra navigation */
            background: #fff;
            /*padding: 6px 10px 4px 10px;*/ /* top right bottom left */
            text-align: center;
			/*text-transform: uppercase; */
			background-image:url(../image/navigation/navigation_passive.gif);
			background-repeat:no-repeat;
			
}

div#navigation ul.level1 li:hover {
            /* change left & right padding for extra navigation */
            background: #fff;
            /*padding: 6px 10px 4px 10px;*/ /* top right bottom left */
            text-align: center;
			/*text-transform: uppercase; */
			background-image:url(../image/navigation/navigation_hover.gif);
			background-repeat:no-repeat;

}

div#navigation ul.level1 li.menu-level1-current-active {
            /* change left & right padding for extra navigation */
            background: #fff;
            /*padding: 6px 10px 4px 10px;*/ /* top right bottom left */
            text-align: center;
			/*text-transform: uppercase; */
			background-image:url(../image/navigation/navigation_active.gif);
			background-repeat:no-repeat;
}

div#navigation ul.level1 li.menu-level1-active {
            /* change left & right padding for extra navigation */
            background: #fff;
            /*padding: 6px 10px 4px 10px;*/ /* top right bottom left */
            text-align: center;
			/*text-transform: uppercase; */
			background-image:url(../image/navigation/navigation_active.gif);
			background-repeat:no-repeat;
}


div#navigation ul.level1 li ul.level2 li {
            background: #e23828;
            padding: 3px 10px 3px 10px;
            border: 0;
			width:auto;
			height: auto;
			/*text-transform: uppercase; */
}

div#navigation ul.level1 ul.level2 li ul.level3 li {
            background: #e23828;
			/*text-transform: uppercase; */
}

div#navigation li a {
            color: #ffffff;
            display: block;
			padding: 10px 0 0 0;

}

div#navigation ul.level2 {
            position: absolute;
            width: 180px;	
            display: none; 
            top: 65px;
            left: 0px; 
            right: 0px;
}

div#navigation ul.level3 {
            position: absolute;
            display: none;
            top: 0;
            left: 200px; /* level2 + padding */		
}


div#navigation a {
            text-decoration: none;
}

div#navigation ul.level1 li:hover, div#navigation ul.level1 li.sel {
         background-color: #ccc;
	font-weight:bold;
}

div#navigation ul.level1 li ul.level2 li:hover, div#navigation ul.level1 li ul.level2 li.sel {
         background-color: #ccc;
	font-weight:bold;	
}

div#navigation ul.level1 li ul.level2 li:hover a, div#navigation ul.level1 ul.level2 li ul.level3 li:hover a {
         color: #000000;
}
div#navigation ul.level1 li ul.level2 li a, div#navigation ul.level1 ul.level2 li ul.level3 li a {
         color: #ffffff;
}

div#navigation ul.level1 ul.level2 li ul.level3 li:hover, div#navigation ul.level1 ul.level2 li ul.level3 li.sel {
         background-color: #ccc;
	font-weight:bold;
}

div#navigation ul.level1 li:hover ul.level2, div#navigation ul.level1 li ul.level2 li:hover ul.level3 {
            display: block;
}


div#navigation ul.level1 a { 
         width: auto;
         text-align: center; 
         font-weight: bold;
	font-size: 11px;
} 

div#navigation ul.level2 a { 
            width: 180px; 
            text-align: left;
            font-weight: normal;
} 

div#navigation ul.level2 li { 
            min-width: 180px;
} 

div#navigation>ul a {
            width: auto;
			
}




/****************************************************/
/*													*/
/*  				CONTENT ELEMENTS  				*/
/*													*/
/*													*/
/****************************************************/

div#leftcol_content	{
	margin:10px 0 0 0px;
	}

div#leftcol_content	div#leftcol{
	width:258px;
	float:left;
	margin:0 0 0 0px;
	/*border:1px solid #FF0000;*/
	text-align:left;
	}

/* herdefiniëren van content element */
/* wordt op de homepage gebruikt */
div#leftcol_content div#content {

	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	width:500px;
	float:left;
	font-size:1.3em;
	text-align:left;
	margin:0 0 0 10px;
	padding:0px;
	/*border:1px solid #FF0000;*/
		
	
	}
	
	
div.tx-newloginbox-pi1 p{
	padding:0px 2px 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:1.2em;
}