body{

background-color:#797979;
margin:0px 0px 0px 0px;
text-align:center;
scrollbar-track-color:#464646;
scrollbar-3dlight-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#464646;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#464646;
scrollbar-highlight-color:#464646;
scrollbar-shadow-color:#464646;
background-image:URL('images/bg.jpg');
background-repeat:repeat-x;
}

p{
font-family:Trebuchet MS, arial;
font-size:12px;
font-weight:normal;
text-decoration:none;
color:#ffffff;
margin:0px 0px 15px 0px;
line-height:20px;
}

h1{
font-family:Trebuchet MS, arial;
font-size:35px;
line-height:40px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
margin:0px 0px 10px 0px;
}

h2{
font-family:Trebuchet MS, arial;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
margin:10px 0px 0px 0px;
line-height:20px;
}

p.project_subtitel{
font-family:Trebuchet MS, arial;
font-size:18px;
font-weight:normal;
text-decoration:none;
color:#ffffff;
margin:0 0 5px 0;
line-height:20px;
}


p.intro_tekst{
font-family:Trebuchet MS, arial;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#b3b3b3;
margin:0 0 0 0;
line-height:20px;
}

ul{
font-family:Trebuchet MS, arial;
font-size:12px;
color:#ffffff;
margin:0px;	
padding:0px;	
padding-left:15px;
}

td{
font-family:Trebuchet MS, arial;
font-size:12px;
font-weight:normal;
text-decoration:none;
color:#ffffff;
margin:0 0 0 0;
line-height:20px;
}

a:link{
font-family:Trebuchet MS, arial;
font-size:12px;
font-weight:normal;
text-decoration:underline;
color:#ffffff;
}

a:active{
font-family:Trebuchet MS, arial;
font-size:12px;
font-weight:normal;
text-decoration:underline;
color:#ffffff;
}

a:visited{
font-family:Trebuchet MS, arial;
font-size:12px;
font-weight:normal;
text-decoration:underline;
color:#ffffff;
}

a:hover{
font-family:Trebuchet MS, arial;
font-size:12px;
font-weight:normal;
text-decoration:none;
color:#cccccc;
}

a.menu:link{
font-family:Trebuchet MS, arial;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
}

a.menu:active{
font-family:Trebuchet MS, arial;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
}

a.menu:visited{
font-family:Trebuchet MS, arial;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
}

a.menu:hover{
font-family:Trebuchet MS, arial;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#cccccc;
}

a.submenu:link{
font-family:Trebuchet MS, arial;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#ffffff;
}

a.submenu:active{
font-family:Trebuchet MS, arial;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#ffffff;
}

a.submenu:visited{
font-family:Trebuchet MS, arial;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#ffffff;
}

a.submenu:hover{
font-family:Trebuchet MS, arial;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#cccccc;
}

a.footer:link{
font-family:Trebuchet MS, arial;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
margin:0 0 0 0;
line-height:20px;
}

a.footer:active{
font-family:Trebuchet MS, arial;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
margin:0 0 0 0;
line-height:20px;
}

a.footer:visited{
font-family:Trebuchet MS, arial;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
margin:0 0 0 0;
line-height:20px;
}

a.footer:hover{
font-family:Trebuchet MS, arial;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
margin:0 0 0 0;
line-height:15px;
}

div.header_top_bg{
background-image:url("images/header_top_bg.png");
background-repeat:repeat-x;
position:absolute;
margin:0 0 0 0;
width:951px;
height:416px;
z-index:1;
}

div.logo_itmundi{
position:absolute;
margin:13px 0 0 29px;
width:125px;
height:62px;
z-index:2;
}

div.menu{
position:absolute;
margin:24px 0 0 171px;
width:756px;
height:47px;
z-index:2;
}

div.mid_bg{
background-image:url("images/mid_bg.jpg");
background-repeat:repeat-x;
position:absolute;
margin:416px 0 0 0;
width:951px;
height:196px;
z-index:1;
}

div.footer_bottom_bg{
background-image:url("images/footer_bottom_bg.jpg");
background-repeat:repeat-x;
position:absolute;
margin:612px 0 0 0;
width:951px;
height:535px;
z-index:1;
}

div.project_hp{
position:absolute;
margin:91px 0 0 98px;
width:338px;
height:325px;
z-index:2;
}

div.content_top_project{
position:absolute;
margin:91px 0 0 460px;
width:425px;
height:300px;
z-index:2;
overflow:show;
}

div.content_top{
position:absolute;
margin:91px 0 0 175px;
width:650px;
height:300px;
z-index:2;
overflow:show;
}

div.box_right{
position:absolute;
margin:155px 0 0 782px;
height:325px;
z-index:3;
}

div.project_box{
position:absolute;
margin:430px 0 0 35px;
height:166px;
z-index:3;
text-align:center;
}

div.project_box_portfolio{
position:absolute;
margin:430px 0 0 0px;
height:100%;
width:951px;
z-index:3;
background-image:url("images/mid_bg.jpg");
background-repeat:repeat;
}

div.bottom{
position:absolute;
margin:612px 0 0 0;
width:951px;
z-index:1;
}

input.search{
padding:4px 8px 0 8px;
background-image:url('images/search_bar.jpg');
background-repeat:no-repeat;
width:125px;
height:22px;
border:solid 0px;
font-family: Trebuchet, Tahoma, Arial, Verdana, Helvetica, sans-serif; 
font-size: 7pt; 
color:#454548;
}

input.google_search{
padding:2px 8px 0 8px;
background-image:url('images/search_google.jpg');
background-repeat:no-repeat;
width:118px;
height:18px;
border:solid 0px;
font-family:Trebuchet MS, arial;
font-size:7pt;
color:#454548;
}

div.sub_itmundi{
position:absolute;
width:200px;
height:20px;
margin:;
z-index:3;
overflow:hidden;
}

div.sub_internet{
position:absolute;
width:200px;
height:20px;
margin:;
z-index:3;
overflow:hidden;
}

div.sub_cms{
position:absolute;
width:200px;
height:20px;
margin:;
z-index:3;
overflow:hidden;
}

div.sub_zoekmachines{
position:absolute;
width:200px;
height:20px;
margin:;
z-index:3;
overflow:hidden;
}

div.sub_banners{
position:absolute;
width:200px;
height:20px;
margin:;
z-index:3;
overflow:hidden;
}

div.sub_portfolio{
position:absolute;
width:200px;
height:20px;
margin:;
z-index:3;
overflow:hidden;
}

div.sub_contact{
position:absolute;
width:200px;
height:20px;
margin:;
z-index:3;
overflow:hidden;
}


input{
font-family: Trebuchet, Tahoma, Arial, Verdana, Helvetica, sans-serif; 
font-size: 7pt; 
color: #000000;
text-align: left;
letter-spacing:1pt;
}

textarea{
font-family: Trebuchet, Tahoma, Arial, Verdana, Helvetica, sans-serif; 
font-size: 7pt; 
color: #000000;
text-align: left;
letter-spacing:1pt;
scrollbar-track-color:#FFFFFF;
scrollbar-3dlight-color:#FD2B0A;
scrollbar-arrow-color:#FD2B0A;
scrollbar-base-color:#FFFFFF;
scrollbar-darkshadow-color:#FD2B0A;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
}


input.button{
text-align: center; 
margin-left: 0px; 
margin-right: 0px; 
width:100px;
height:20px;
background-color: #ff8300;
border-width:1px 1px 1px 1px;
border-color: #000000; 
border-style: solid;
color:#FFFFFF;
}



/* BEGIN DROPDOWN MENU */
.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #c1c1c1;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #c1c1c1;
}

.chromestyle ul li a:hover{
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
margin-top: 10px;
font:normal 11px Trebuchet MS, arial;
line-height:18px;
z-index:100;
background-color: #666666;
border:solid 4px #666666;
width: 150px;
visibility: hidden;
padding-left:5px;
padding-right:5px;
color:#FFFFFF;
}


* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
color:#FFFFFF;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #565656;
color:#FFFFFF;
}
/* EINDE DROPDOWN MENU */