* {
	margin: 0;
	padding: 0;

	}

html
{

}

html, body {
	height: 100%;
	width:100%;
	color: #000000;
	background-color:#ffffff;
       background: url('../images/body_background.gif') top center repeat-y;	
	

	} 
body {
	 /* just some defaults - should be customized */
	font-family: Arial, Verdana;
	font-size: 10pt;
	line-height: 140%;

	} 

html>body { 
	
	} /* for modern browsers that can resize px */

#wrap {
	position: relative;
	height: 100%;
	width:980px;
	min-width:930px;
	margin:0 auto;
	background: url('../images/ajax.gif') center 170px no-repeat;	

	}



#middle {
	position: relative;
	height: auto;
	min-height: 100%; /* for modern browsers, to push the footer down */
	margin-right: 252px; /* right column width */
	margin-left: 150px; /* left column width */
	margin-bottom: -30px; /* footer height */
	width: auto;
	background-color: #ffffff;
	border-right: 1px solid #939598;
	border-left: 1px solid #939598;
	background: url('../images/main_background.gif') top right repeat-y;
	}

#middle:after { /* this will keep the floats contained, for modern browsers */
	content: "."; 
	display: block; 
	height: 0; 
	overflow: hidden; 
	clear: both; 
	visibility: hidden; 
    } 

* html #middle {
	height: 100%; /* for IE because it doesn't do min-height */
	}

#header {
	position: absolute;
	top: 0;
	left: 0;
	height: 235px;
	width: 100%;
	overflow: hidden;
	 /* to show it on top */
        background-attachment: fixed;
	}

#login
{
	position:absolute;
	top:0px;
	right:0px;
	width:108px;
	height:20px;
}

#login .login_naam
{
	width: 100px;
	height:12px;
	font-size:7pt;
	vertical-align:middle;
}

#login .login_password
{
	width: 100px;
	font-size:7pt;
	height:12px;
	vertical-align:middle;
}

#login .login_submit
{
	width: 54px;
	background: url('../images/login_submit.jpg') top left no-repeat;
	outline: none;
	border: none;
	cursor : pointer;
}

#logo
{
	background: url('../images/dynamicpeople_logo.jpg') top left no-repeat;
	height: 234px;
	width: 340px;
}

#certified
{
	position:absolute;
	top:44px;
	right:20px;
}

#logo_right
{
	position:absolute;
	right:0;
	top:1px;
	margin-right:-1px;
	background: url('../images/rechts_grijsmenu.gif') top right no-repeat;	
	height: 234px;
	width: 298px;
}

#logo_right .dynamicpeople_icon
{
	float:right;
	margin-top:34px;
}

#logo_right .dynamicpeople_icon a
{
	display:block;
	height:69px;
	width:56px;
	background: url('../images/people_on.jpg') top left no-repeat;
}

#logo_right .dynamicwebservices_icon
{
	float:right;
	margin-top:34px;
	margin-right:20px;
}

#logo_right .dynamicwebservices_icon a
{
	display:block;
	height:69px;
	width:56px;
	background: url('../images/webservices_off.jpg') top left no-repeat;
}



#logo_right .dynamicwebservices_icon a:hover
{
	background: url('../images/webservices_on.jpg') top left no-repeat;
}

#main{ /* so that the content will not overlap with the header or footer */
		padding-top: 235px; 
		padding-bottom:30px;
	
	}

#xtra { /* so that the content will not overlap with the header or footer */
		padding-top: 232px; 
		padding-bottom:30px;
	
	}

#main {
		position: relative; /* IE float bug workaround */
		float: left;
		width: 100%; 
		margin-right: -2px;
		
	}

#content {
		position: relative;
		float: right;
		width: 100%;
		z-index:10;
	}

#content hr
{
	margin-left:20px;
	color:#939598;
        background-color: white;
}

#rounding
{
	position:absolute;
	left:-1px;
	top:234px;
	height: 8px;
	width:8px;

}
.hidden
{
	display: none;
}

#content .pad
{

	margin-left:6px;
	padding-left:14px;
	padding-top:9px;
	padding-bottom:5px;
	/* border-top: 1px solid #939598; */
        font-size:8pt;
	color:#939598;
}

#content .pad a
{
	color:#939598;
}
	
#content .contenttekst
{
	padding:10px 40px 0px 20px;
}

#content img
{
	border:0;
}

#content a
{
	color:#ED1C24;
	text-decoration:none;
}

#content a:hover
{
	text-decoration:underline;
}

#content ul, #content ol
{
margin-top:10px;margin-bottom:10px;
	margin-left:20px;
	list-style-type: disc;
}

#content p
{
margin-bottom:10px;
}

#content li
{
font-size:100%;
	list-style-type: disc;
}

#content .laag1
{
margin-left:20px;
}

#content .laag2
{
margin-left:30px;
}

#content .laag3
{
margin-left:40px;
}
#content .blok_right
{
	float:right;
	width:21px; /* 43 */
	height:auto;
	background-color:#dedede; /* ffffff */
	/* border-top: 1px solid #939598; */
	/* border-bottom: 1px solid #dedede; */
}

#content .blok_right_pad
{
	padding-top:12px;
	padding-bottom:5px;
}

#content .blok_right_h1
{
	padding-bottom:4px;
	font-size:150%;
}

#content h1
{
	position: relative;
	margin-left:20px;
	padding-bottom:4px; /* 4 */
margin-right:40px; /* weg */
	color:#ed1a23;
	font-size:12pt;
	font-weight:bold;
	font-family: Arial, Verdana;
	border-bottom: 1px solid #939598;
	width:auto;
}

#content .contenttekst h1
{
	padding-bottom:4px;
margin-left:0;
border-bottom:0;
	color:#ed1a23;
	font-size:150%;
	font-weight:bold;
	font-family: Arial, Verdana;
	margin-bottom:10px;
}

#content .contenttekst h2
{
	
	color:#ed1a23;
	font-size:130%;
	font-weight:bold;
	font-family: Arial, Verdana;
	margin-bottom:10px;
}

#content .contenttekst h3
{
	
	color:#ed1a23;
	font-size:100%;
	font-weight:bold;
	font-family: Arial, Verdana;
	margin-bottom:6px;
}


#content .contenttekst h4,#content .contenttekst h5
{
	
	color:#ed1a23;
	font-size:100%;
	font-style: italic;
	font-family: Arial, Verdana;
	margin-bottom:6px;
}

#content .contenttekst p
{
margin-bottom:10px;
}

#nav {
	position: relative;
	float: left;
	width: 150px;
	margin: 0px 0px;
	margin-left: -151px; /* width */
	height: 100%;
	}

#nav_spacer
{
	height:14px; /*36*/
	width:150px;
	border-bottom:1px solid #939598;
}

#nav_titel
{
	width:140px;
	margin-top:19px;
	margin-left:5px;
	margin-right:5px;
}

#nav_titel h2
{
font-size:10pt;
border-bottom:1px solid #939598;
color:#ED1A23;
padding-bottom:2px;
padding-left:5px;
margin-bottom:11px;
font-size:10pt;
font-weight:bold;
}


#xtra {
	position: relative;
	float: right;
	width: 253px;
	margin-right: -253px; /* width -1 */
	text-align:left;
	   
	}


#xtra .zoekblok {

	width: 253px;
	height: 37px;
	background: url('../images/zoekblok_2.gif') top right no-repeat;	
	
}

#nieuwsblokextra
{
/* margin-top:42px; 26 */
margin-left:18px;
margin-right:15px;
width: 213px;
padding-bottom:5px;
border-bottom:1px solid #939598;
}

#nieuwsblokextra h2
{
font-size:10pt;
border-bottom:1px solid #939598;
color:#939598;
padding-bottom:2px;
margin-bottom:11px;
font-size:10pt;
}

#nieuwsblokextra .titel
{
font-weight:bold;
font-size:9pt;
}

#nieuwsblokextra .titel a
{
	text-decoration:none;
	color:#000000
}


#nieuwsblokextra .datum
{
font-size:9pt;


}

#nieuwsblokextra img
{
float:left;
margin-right:6px;
margin-top:4px;
}

#nieuwsblokextra .tekst
{
font-size:9pt;
}



#nieuwsblokextra .leesmeer
{
width:100px;
clear:both;
color:#939598;
font-size:9pt;

}

#nieuwsblokextra .leesmeer a
{
text-decoration:none;
color:#939598;
}

#nieuwsblokextra .leesmeer a:hover
{
color:#939598;
text-decoration:underline;
}

#nieuwsblokextra .spacer
{
margin-top:5px;
margin-bottom:5px;
border-bottom: 1px solid #ed1a23;
}

#zoeken
{
	position:absolute;
	top:221px;
	right:8px;
	width:245px; /* 242 */
	height:26px; /* 23 */
	/* margin-left:18px; */
	/*background: url('../images/zoeken_background.jpg') top left no-repeat;*/
	padding-left:4px;
/*border-left:1px solid #969696;*/
	/*border:1px solid #9c9da1;*/	
	/*background-color:#9c9da1;*/
}

#zoeken .zoeken_veld
{
	
	width: 204px; /* 182 */
	font-size:9pt;
	height:15px;
	padding:2px;
	
	margin-top:3px;
	vertical-align:top;
	border-top:1px solid #9c9da1;
	border-bottom:1px solid #9c9da1;
	border-left:1px solid #9c9da1;
	border-right:0;
padding-left:4px;


}

#zoeken .zoeken_submit
{
	width: 21px; /* 2660 */
	 background: url('../images/search-icon.gif') top left no-repeat;
	height:21px; /* 23 */
	/*font-size:9pt;*/
	outline: none;
	border: none;
	/*	background-color:#ed1a23;	*/
	cursor : pointer;
	color:#ffffff;
	font-weight:bold;
	z-index:2000;
	margin-top:3px;
	margin-left:0px;
	/* background: url('../images/search.gif') top right no-repeat; */

}

.siteoverzicht, .siteoverzicht a
{

	text-align:right;
	padding-right:0px;
		color:#000000; /* 939598 */
font-weight:bold;
	font-size:90%;
text-decoration:none;
padding-right:2px;
}

.siteoverzicht a:hover
{
text-decoration:underline;
}


* html #xtra { /* addressing some IE bugs */
		width: 253px; 
	}
	
* html #xtra, * html #nav, * html #content {
	overflow:hidden;
	}

#footer {
	clear: both; /* just to make sure it comes below the columns */ 
	position: relative;
	width: 100%;
	height: 30px;
	background-color: #FFFFFF;
}
.footer_content_end
{
	height:26px;
	width:100%;
	background: url('../images/footer_background.gif') top left repeat-x;	
	
}

.footer_left
{
	float:left;
	width:167px;
	background: url('../images/footer_left.gif') top right no-repeat;	
}

.footer_right
{
	float:right;
	width:296px;
	background: url('../images/footer_right.gif') top left no-repeat;
}

.footer_content
{

	color:#939598;
	font-size:8pt;
	margin-left:330px;
}

.footer_content a
{
	color:#939598;
	text-decoration:none;
}

.footer_content a:hover
{
	color:#939598;
	text-decoration:underline;
}

/* minimum menu requirements for functionality */
#dmenu_div
{
position:absolute;
top:116px;
left:0px; /*27*/
z-index:30000;
width:675px;
}

.topmenuul{
	list-style-type:none;
	margin:0;
	padding:0;


}

.topmenuli{
	list-style-type:none;
	float:left;
/* width:105px; */

	padding-right:20px;
padding-left:3px;
}



.topmenutitle{
	display:block;
width:auto;
text-align:center;

}

.topmenuli .active a
{ 
	color:#ED1A23;
}

.topmenuli a
{
	display:block;
}

.submenuul
{
	list-style-type:none;
	position:absolute;
        z-index:400;
        width:180px;
	display:none;
}

.submenuli a{
	display:block;
}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
	display: block;
}

#dmenu li>ul { 
	top: auto;
	left: auto;
}

/* menu design */

#dmenu {
	font-size:10px;
        color: rgb(0, 0, 0);
	/*text-shadow: 3px 3px 5px black;*/
	cursor:pointer;
}

.topmenuul {
 /* background-color:#F18812; */

}

.topmenutitle {
	text-indent:0px;
	text-decoration: none;
	padding:0px;
	line-height:20px;
        font-weight:bold;


}

.topmenuli a
{
	padding-left:8px;
	color: rgb(0, 0, 0);
        text-decoration:none;
font-size:8pt;
}

.topmenuli a:hover
{
	color:#ED1A23;
        text-decoration:none;
}



.submenuul 
{
	line-height:10px;
	background-color:#FFFFFF; 
	margin-bottom:1px;
	text-indent:4px;
	text-align:left;
	font-size:11px;
	padding-top:4px;
border-top:1px solid #948C84;
filter: alpha(opacity: 80);
-moz-opacity: .80;
opacity: .8;
border-left:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black;
}

.submenuul div
{
	height:14px;
}

.submenuli a
{
	text-decoration: none;
	color: rgb(0, 0, 0);
	line-height:18px;
	background-color:#FFFFFF;
	padding:0.3em;
	margin-top:0;
	height:18px;
	font-weight:bold;
}

.submenuli a:hover{
	text-decoration: none;
	line-height:18px;
        height:18px;
	color: rgb(0, 0, 0);
        padding:0.3em;
	background-color:#939598;
}

/* Begin van menu */
#menu
{
        position:absolute;
        top:298px;
        left:0px;
        z-index:4000;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
width: 150px;
	margin-right:10px;
	z-index: 100;}

#menu ul li {
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 100;}

#menu li .not_active {
/*	position: absolute;
	left: 150px;
	top: 0px;
border-left:1px solid #939598;
*/
	margin: 0;
	padding: 0;
	display:none;
	width: 144px;
        
	z-index: 100;}

#menu ul li a {
	border-right: 5px solid #939598;
	border-top: 1px solid #ffffff;
	background-color: #FFFFFF;
	display: block;
	text-decoration: none;
        color:#000000;
	font-weight:bold;
	font-size:11px;
	padding: 1px 1px 1px 10px;

	line-height:24px;
height:24px;
	z-index: 100;}



#menu ul li a:hover,
#menu ul li .active a{

	border-right: 5px solid #ED1A23;
	border-top: 1px solid #ffffff;

	text-decoration: none;
	color: #ED1A23;
	background-color:#D6D6D6;
	z-index: 100;}

#menu ul li.active a,
#menu ul li .menu_active_li a  
{
	border-right: 5px solid #ED1A23;
	border-top: 1px solid #ffffff;
	background-color:#D6D6D6;
	text-decoration: none;
	color: #ED1A23;
	z-index: 100;
}

#menu li:hover ul, 
#menu li.over ul 
{
	display: block;
	z-index: 100;
}


#menu ul li a,
#menu ul li .menu_li a
 {
	border-right: 5px solid #939598;
	border-top: 1px solid #ffffff;
	background-color: #FFFFFF;
	display: block;
	text-decoration: none;
        color: #000000;
	font-weight:bold;

	padding: 1px 1px 1px 10px;

	line-height:24px;
height:24px;
	z-index: 100;}

#menu ul li .menu_li a
{
	padding: 1px 1px 1px 20px;
}


#menu .menu_li a
{
	border-right: 5px solid #ffffff;
	border-top: 0;
	background-color: #FFFFFF;
	display: block;
	text-decoration: none;
        color:#000000;
	font-weight:bold;
	padding: 1px 1px 1px 20px;
	line-height:24px;
	height:24px;
	z-index: 100;
}

#menu .menu_active_li a
{
	border-right: 5px solid #ffffff;
	border-top: 0;
	background-color: #FFFFFF;
	display: block;
	text-decoration: none;
        color: #ED1A23;
	font-weight:bold;

	padding: 1px 1px 1px 20px;
	line-height:24px;
	height:24px;
	z-index: 100;
}

#menu .menu_li a:hover {
	border-right: 5px solid #ffffff;
	border-top: 0;
        color: #ED1A23;
	text-decoration: none;
	background-color: #FFFFFF;
	z-index: 100;}

#menu .active .menu_li a {

	border-right: 5px solid #ffffff;
	border-top: 1px solid #ffffff;

	text-decoration: none;

	z-index: 100;}

* html #menu ul li { float: left; height: 1%; z-index: 100;}
* html #menu ul li a { height: 1%; z-index: 100;}



#formulier label
{
	width:			11em;
	text-align:		left;
	float:			left;
	margin:			5px;
}


#formulier .radio label
{
	width:			10px;
	text-align:		left;
	float:			left;
	margin:			2px;
}

#formulier .checkboxen label, #formulier .radiobutton label
{
	width: auto;
	text-align:		left;
	float:			left;
	margin:			2px;
        margin-right: 5px;
}

#formulier .checkboxen label, #formulier .radiobutton label
{
	margin:0;
        padding:0;
        padding-top:6px;
}

#formulier .onderwerp
{
	width:			11em;
	text-align:		left;
	float:			left;
	margin:			5px;
        width: 500px;
}


#formulier input,#formulier textarea,#formulier select
{
	vertical-align:		top;
	margin:			5px 5px 5px 0px;
}

#formulier input
{
/*font-size:75%;*/
}

#formulier input,#formulier .checkboxen input, #formulier.radiobutton input
{
/* height:12px; */
}

#formulier .checkboxen input,#formulier.radiobutton input
{
float:left;
} 

#formulier input.button
{
	
	vertical-align:		middle;
}

#formulier br
{
	clear: left;
}

#nieuwsblok br
{
	clear: none;
}

.nieuwsdatum
{
        font-size:80%;
color:#999999;
}

.nieuwskop_top
{
	position: relative;
        margin-top:10px;
        margin-bottom:10px;
	font-size:130%;
	font-weight:bold;
        color: #34478C;
}

#nieuwsblok
{
padding-bottom:10px;
border-bottom:1px solid #939598;
margin-bottom:10px;
}


#nieuwsbloktitel
{
padding-bottom:10px;
border-bottom:1px solid #939598;
margin-bottom:10px;
}

.nieuwsbloktitel
{
padding-bottom:10px;
border-bottom:1px solid #939598;
margin-bottom:10px;
}

.nieuwstitel_titel
{
	margin-bottom:6px;
}

.nieuwstitel_intro,.nieuwstitel_detail,.nieuwstitel_intro a,.nieuwstitel_titel,.nieuwstitel_titel a
{
        color:#000000;
        text-decoration:none;
}


.nieuwstitel_intro,.nieuwstitel_detail, .nieuwstitel_intro a
{
      font-weight:bold;
}

.nieuwstitel_intro a:hover,.nieuwstitel_titel a:hover
{
        text-decoration:underline;
}


.nieuwsimage
      {

             float:right;
             margin: 4px 4px 4px 4px;

}



#contactgegevens
{
position:absolute;
bottom:0;
left:-140px;
margin-bottom:50px;
margin-top:auto;
margin-right:6px;
color:#939598;
font-size:8pt;
}


#contactgegevens a
{
color:#939598;
text-decoration:none;
}

#contactgegevens a:hover
{
color:#939598;
text-decoration:underline;
}

#copyright
{
display:none;
}

#citaat
{
	position:absolute;
	top:160px;
	left:174px;
	height:70px;
	width:512px;
	font-size:18px;
	color:#000000;
	font-style:italic;
	font-weight:bold;
}