/* Main styles */  

html, body { 
 margin: 0; 
 padding: 0;
 background: url(../upload/img/main/back.jpg) #000000 repeat-x center top;
 font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
 font-size: .97em;
 line-height: 130%;
 text-align: left;
 font-weight: bolder;
 color: #514e4b;
-webkit-text-size-adjust: none;
} 

h1 {
 margin-left: -2px;
 line-height: 100%;
 font-size: 1.6em;
 font-style: italic; 
 color: #6a6a6a;
}

p {
 margin: 0;
 padding: 0;
}

img {
 border: none;
}

del {
 display: none;
}

A:link {text-decoration: none; color: #9a948c; font-weight: bolder;}
A:visited {text-decoration: none; color: #9a948c; font-weight: bolder;}
A:active {text-decoration: none; color: #000000; font-weight: bolder;}
A:hover {text-decoration: underline; color: #000000; font-weight: bolder;}

#page {
 position: absolute;
 width: 784px;
 height: auto;
 background: url(../upload/img/main/contentback.gif) repeat-y;
 left: 50%;
 margin-left: -392px;
}

html, body, #page {
    min-height: 100%; /*Sets the min height to the height of the viewport.*/
    height: 100%; /*Effectively, this is min height for IE5+/Win, since IE wrongly expands an element to enclose its content. This mis-behavior screws up modern browsers*/
}

html>body #page {
    height: auto; /*this undoes the IE hack, hiding it from IE using the child selector*/
}

.bullet {
 color: #b1af98;
}   
  
/* Header */  

#header {
 position: relative;
 height: 123px;  
 width: 784px;
 background: url(../upload/img/main/headerback.gif) #141414 no-repeat;
}

#menu {
 position: relative;
 height: 40px;  
 width: 784px;
 background: url(../upload/img/main/menuback.gif) #f0ece0 no-repeat;
}

#menuitems {
 float: left;
 margin-top: 10px;
 margin-left: 36px;
 font-size: 1.1em;
}

#languages {
 float: right;
 width: 99px;
 margin-right: 28px;
}

a.deutsch {
 display: block;
 float: right;
 width: 33px;
 height: 40px;
 background: url(../upload/img/main/deutsch.gif) 0 0 no-repeat;
 text-decoration: none;
}

a:hover.deutsch {
 background-position: -33px 0;
}

a.nederlands {
 display: block;
 float: right;
 width: 33px;
 height: 40px;
 background: url(../upload/img/main/nederlandshl.gif) 0 0 no-repeat;
 text-decoration: none;
}

a:hover.nederlands {
 background-position: -33px 0;
}

a.english {
 display: block;
 float: right;
 width: 33px;
 height: 40px;
 background: url(../upload/img/main/englishhl.gif) 0 0 no-repeat;
 text-decoration: none;
}

a:hover.english {
 background-position: -33px 0;
}

.menuactive {
 color: #000000;
}

/* Footer */  

#footer {
 position: absolute;
 bottom: 0;
 height: 89px;
 width: 784px;
 background: url(../upload/img/main/footerback.gif) #cdc7b7 no-repeat;
}

#address {
 float: left;
 margin-top: 18px;
 margin-left: 42px;
 line-height: 115%;
 font-size: .88em;
 text-align: left;
 font-style: italic; 
 color: #b2aba1;
}

#footerlogos {
 float: left;
 margin-top: 13px;
 width: 258px;
 height: 60px;
}

a.w3c {
 display: block;
 float: right;
 width: 107px;
 height: 60px;
 background: url(../upload/img/main/w3c.gif) 0 0 no-repeat;
 text-decoration: none;
}

a:hover.w3c {
 background-position: -107px 0;
}

a.opensource {
 display: block;
 float: right;
 width: 77px;
 height: 60px;
 background: url(../upload/img/main/opensource.gif) 0 0 no-repeat;
 text-decoration: none;
}

a:hover.opensource {
 background-position: -77px 0;
}

#footerlinks {
 float: right;
 margin-top: 22px;
 margin-right: 44px;
 text-align: left;
 line-height: 120%;
}

#footerlinks A:link {text-decoration: none; color: #a09280; font-weight: bolder;}
#footerlinks A:visited {text-decoration: none; color: #a09280; font-weight: bolder;}
#footerlinks A:active {text-decoration: none; color: #ffffff; font-weight: bolder;}
#footerlinks A:hover {text-decoration: underline; color: #ffffff; font-weight: bolder;}

.footeractive {
 color: #ffffff;
}

/* Content */  

#startitem {
 background: url(../upload/img/startpage/startitem.jpg) no-repeat;
 margin: 0;
 padding-right: 154px;
 padding-top: 24px;
 padding-left: 302px;
 padding-bottom: 28px; 
}

#textitem {
 background: url(../upload/img/main/textback.jpg) no-repeat;
 margin: 0;
 padding-left: 48px;
 padding-right: 50px;
 padding-top: 24px;
 padding-bottom: 12px;
}

#textitem p {
 padding-bottom: 20px;
}

#topics {
 width: 784px;
 height: 188px;
 background: url(../upload/img/startpage/topicback.jpg) no-repeat; 
}

a.project {
 width: 262px;
 height: 187px;
 float: left;
 display: block;
 background: url(../upload/img/startpage/project.jpg) 0 0 no-repeat;
 text-decoration: none;
}

a:hover.project {
 background-position: -262px 0;
}

a.spotlight {
 width: 259px;
 height: 187px;
 float: left;
 display: block;
 background: url(../upload/img/startpage/spotlight.jpg) 0 0 no-repeat;
 text-decoration: none;
}

a:hover.spotlight {
 background-position: -259px 0;
}

a.partner {
 width: 263px;
 height: 187px;
 float: left;
 display: block;
 background: url(../upload/img/startpage/partner.jpg) 0 0 no-repeat;
 text-decoration: none;
}

a:hover.partner {
 background-position: -263px 0;
}

#accordion {
 background: url(../upload/img/main/expertiseback.jpg) no-repeat;
 margin: 0;
 min-height: 288px;
 padding-left: 48px;
 padding-right: 246px;
 padding-top: 44px;
 padding-bottom: 8px;
}

#accordion h2 {
 margin: 0 0 -8px -2px;
 line-height: 100%;
 font-size: 1.4em;
 font-style: italic; 
}

h2.toggler:hover {
 cursor: pointer;
}

#accordion a:hover {
 text-decoration: underline;
 color: #000000;
}

#accordion p {
 margin: 20px 0 0 0;
 padding: 0;
}

.showhide {
 margin: 0 0 20px 0;
}

#partners {
 background: url(../upload/img/main/textback.jpg) no-repeat;
 margin: 0;
 padding-left: 48px;
 padding-right: 50px;
 padding-top: 24px;
 padding-bottom: 12px;
}

#partners p {
 padding-bottom: 10px;
}

#partners a {
 line-height: 150%;
}

#portfoliotext {
 background: url(../upload/img/main/textback.jpg) no-repeat;
 margin: 0;
 padding-left: 48px;
 padding-right: 50px;
 padding-top: 24px;
 padding-bottom: 28px;
}

#slideshow {
 height: 570px;
 width: 745px;
 margin: 0 0 0 19px;
 background: url(../upload/img/slideshow/slideback.jpg) 0 0 no-repeat;
}

#slideshow h1 {
 padding: 0 0 0 29px;
}

#customerlist {
 background: url(../upload/img/main/textback.jpg) no-repeat;
 margin: 0;
 padding-left: 48px;
 padding-right: 50px;
 padding-top: 24px;
 padding-bottom: 180px;
}

.customers1, .customers2 {
 float: left;
 margin: 16px 34px 0 0;
 white-space: nowrap;
 line-height: 150%;
}

#map {
 background: url(../upload/img/main/textback.jpg) no-repeat;
 margin: 0;
 padding-left: 48px;
 padding-right: 50px;
 padding-top: 24px;
 padding-bottom: 18px;
}

#map p {
 padding-bottom: 30px;
}

#disclaimer {
 background: url(../upload/img/main/disclaimerback.jpg) no-repeat;
 margin: 0;
 padding-left: 48px;
 padding-right: 246px;
 padding-top: 24px;
 padding-bottom: 8px;
}

#disclaimer p {
 padding-bottom: 20px;
}

#closepage {
 padding-bottom: 94px; /* Keeps content above footer. */
}