@CHARSET "ISO-8859-1";
html
{
height: 100%;
background:url('/images/htmlbg.gif') repeat-x;
}

body, td {
height:100%;
margin:0px;
padding:0px;
font: 11px Arial, Helvetica, sans-serif;
}
td { line-height:20px; }
body img { border:0px; }

#container {
position: relative;
width: 1000px;
margin: 0 auto -40px; /* -marge ivm footer */
background:url('/images/sprite.gif') 0px -801px no-repeat;
padding:40px 0px 0px 0px;
}

#header {
display:block;
height:auto;
margin:0px;
padding:15px 21px 0px 21px;
z-index:1;
}

#headerTop
{
display:block;
height:100px;
margin:0px;
padding:0px;
}

#headerLeft
{
float:left;
width:781px;
height:100px;
}

#search {
float:left;
width:217px;
height:28px;
background-color:#E5E5E5;
padding: 5px 0px 0px 6px;
margin: 2px 0px 3px 0px;
}
#search p
{
margin:0px;
padding:0px;
}

.searchField {
width:154px;
height:20px;
margin:0px;
padding:3px 0px 0px 5px;
float:left;
background-color:#FFFFFF;
font-size:12px;
border:none;
font-family:verdana;
vertical-align:top;
}

.searchButton {
float:left;
margin:0px 0px 0px 0px;
padding:0px;
border: 0px;
height:23px;
width:53px;
font-size:11px;
cursor:pointer;
outline:none;
}

ul.menuTop {
float:left;
width:948px;
height:40px;
list-style:none;
list-style-type:none;
padding:10px 0px 0px 10px;
margin:10px 0px 0px 0px;
background:url('/images/sprite.gif') 0px -485px repeat-x;
}

ul.menuTop li {
float:left;
width:120px;
height:32px;
color:#fff;
font-size:12px;
text-align:center;
}

ul.menuTop li a {
display:block;
margin:0px 0px 0px 0px;
padding:9px 0px 9px 0px;
color:#fff;
text-decoration:none;
}
ul.menuTop li a:hover {
text-decoration:underline;
}
ul.menuTop li.active a {
float:left;
width:108px;
height:23px;
padding:9px 0px 0px 0px;
background:url('/images/sprite.gif') 0px 0px no-repeat;
text-decoration:none;
font-weight:bold;
color:#fff;
}
ul.menuTop li.active a:hover {
background:url('/images/sprite.gif') 0px 0px no-repeat;
text-decoration:underline;
font-weight:bold;
}

#headerRight {
float:left;
width:152px;
height:40px;
padding:0px 0px 0px 0px;
border:none;
}

a.sitelogo
{
float:right;
height:38px;
width:152px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-indent:-9999999px;
outline:none;
background:url('/images/sprite.gif') 0px -320px no-repeat;	
}

#headerBg {
display:block;
height:183px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:url('/images/bottomHeader.gif') 0px 169px repeat-x;
}
#headerBg #headerImage
{
display:block;
height:182px;
margin:0px 0px 0px 1px;
padding:0px;
/*background:url('/images/header.gif') no-repeat;*/
}

#wrapper {
display:block;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 21px 0px 21px;
top:200px;
}

#menu {
float:left;
position:relative;
display:inline;
width:200px;
height:auto;
margin:5px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#menuContent {
float:left;
width:182px;
height:auto;
padding:0px 0px 15px 15px;
}

.ulGray {
font-size:12px;
list-style-image:none;
list-style:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:25px;
}
.ulGray li {
border-bottom: 1px solid #F2F2F2;
margin:5px 15px 0px 0px;
}
.ulGray a {
color:#707070;
text-decoration:none;
padding:0px 0px 0px 15px;
margin:0px 0px 0px 0px;
background:url('/images/sprite.gif') 0px -101px no-repeat;
}
.ulGray a:hover {
color:#707070;
text-decoration:underline;
padding:0px 0px 0px 15px;
background:url('/images/sprite.gif') 1px -101px no-repeat;
}
.ulGray a.active {
color:#707070;
text-decoration:underline;
padding:0px 0px 0px 14px;
}
.ulGray a.active:hover {
color:#707070;
text-decoration:underline;
padding:0px 0px 0px 14px;
}



.ulBlue {
font-size:12px;
list-style-image:none;
list-style:none;
font-weight:bold;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:25px;
}
.ulBlue li {
border-bottom: 1px solid #F2F2F2;
margin:5px 15px 0px 0px;
}
.ulBlue a {
color:#009CCC;
text-decoration:none;
padding:0px 0px 0px 15px;
margin:0px 0px 0px 0px;
background:url('/images/sprite.gif') 0px -155px no-repeat;
}
.ulBlue a:hover {
color:#009CCC;
text-decoration:underline;
padding:0px 0px 0px 15px;
background:url('/images/sprite.gif') 1px -155px no-repeat;
}
.ulBlue a.active {
color:#007799;
text-decoration:underline;
padding:0px 0px 0px 14px;
}
.ulBlue a.active:hover {
color:#009CCC;
text-decoration:underline;
padding:0px 0px 0px 14px;
}


.ulSubBlue {
list-style-image:none;
list-style:none;
font-weight:normal;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:25px;
}
.ulBlue li {

}
.ulSubBlue a {
color:#4f4f4f;
text-decoration:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.ulSubBlue a:hover {
color:#4f4f4f;
text-decoration:underline;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.ulSubBlue a.active {
color:#4f4f4f;
text-decoration:underline;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.ulSubBlue a.active:hover {
color:#4f4f4f;
text-decoration:underline;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


.ulBlueMail {
list-style-image:none;
list-style:none;
font-weight:bold;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:25px;
}
.ulBlue li {
background:url('/images/blueMailIcon.jpg') no-repeat 0px 9px;
}
.ulBlueMail a {
color:#007799;
text-decoration:none;
padding:0px 0px 0px 13px;
margin:0px 0px 0px 0px;
}
.ulBlueMail a:hover {
color:#007799;
text-decoration:underline;
padding:0px 0px 0px 13px;
}
#contentContainer {
float:left;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:#fff;
}

#ColumnWithoutMenu {
float:left;
width:958px;
height:auto;
vertical-align:top;
margin:0px 0px 0px 0px;
padding:3px 0px 10px 0px;
background:#FFFFFF;
}

#Column {
float:left;
width:720px;
height:auto;
vertical-align:top;
margin:0px 0px 0px 0px;
padding:13px 10px 0px 16px;

}

#leftColumn {
float:left;
width:748px;
height:auto;
vertical-align:top;
margin:0px 0px 20px 0px;
padding:10px 10px 0px 0px;
background:#fff;

}
.leftColumnBoxes {
float:left;
width:338px;
height:auto;
margin:0px 0px 18px 15px;
padding:0px 0px 0px 0px;
}
.leftColumnBoxes .news
{
display:block;
margin:0px 0px 0px 0px;
padding:0px 0px 25px 25px;
background:#fff url('/images/bottomNews.gif') 1px 100% no-repeat;
}
.leftBorder
{
height:100%;
background:url('/images/sprite.gif') -229px 0px no-repeat;
}

.leftColumnBoxes h2.newsTitle {
display:inline;
width:100%;
color:#0192C1;
font-size:18px;
margin:0px 0px 10px 25px;
padding:0px 0px 0px 0px;
}
.leftColumnBoxes h2 {
display:inline;
width:100%;
color:#0192C1;
font-size:18px;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
.leftColumnBoxes span {
display:block;
color:#484848;
font-size:10px;
}
.leftColumnBoxes .news a {
display:block;
color:#0192C1;
font-size:11px;
text-decoration:none;
}
.leftColumnBoxes .news a:hover {
display:block;
color:#0192C1;
font-size:11px;
text-decoration:underline;
}

a#rssIcon {
float:right;
height:16px;
width:16px;
background:url('/images/icon-rss.gif') 0px 0px no-repeat;
}

a#twitterIcon {
float:right;
height:16px;
width:16px;
background:url('/images/icon-twitter.gif') 0px 0px no-repeat;
}

#cases {
float:left;
width:100%;
height:auto;
margin:0px 0px 0px 0px;
padding:25px 0px 0px 10px;
background:url('/images/sprite.gif') 0px -555px no-repeat;
}
.caseBox
{
width:700px;
}


.logoEricsson
{
float:left;
width:182px;
height:34px;
margin:22px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:url('/images/ericssonLogo.gif') no-repeat
}
.logoEricsson:hover
{
background:url('/images/ericssonLogo.gif') 0px -34px no-repeat
}
.logoPolitie
{
float:left;
width:174px;
height:63px;
margin:0px 0px 0px 50px;
padding:0px 0px 0px 0px;
background:url('/images/politieLogo.gif') no-repeat
}
.logoPolitie:hover
{
border-top:1px solid #fff;
height:62px;
background:url('/images/politieLogo.gif') 0px -64px no-repeat
}

.contentWidth
{
width:500px;
}
.newsWidth
{
width:175px;
}

#content {
float:left;
display:inline;
line-height:20px;
background:#fff;
}
#content p {
margin:0px 0px 15px 0px;
}
#content ul {
	margin:10px 0 0 15px;
}
#content ul li {
    margin:0 0 0 15px;
}
#content .leftColumnBoxes .news p
{
display:block;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#content a{
color:#009CCC;
text-decoration:underline;
}

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

q {
background-color:#0192C1;
line-height:20px;
color:#FFFFFF;
padding:2px 2px 2px 2px;
}

h1 {
color:#0192C1;
font-size:18px;
margin:0px 0px 10px 0px;
}

h2 {
color:#0192C1;
font-size:16px;
margin:0px 0px 0px 0px;
}

#rightColumn {
float:left;
width:180px;
height:auto;
vertical-align:top;
margin: 0px 0px 0px 5px;
padding:13px 0px 0px 21px;
background:#FFFFFF url('/images/newsCorner.jpg') no-repeat 0% 0%;
}

h3{
color:#434343;
font-size:11px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
width:180px;
}

h3 a{
color:#434343;
text-decoration:none;
}

h3 a:hover{
color:#434343;
text-decoration:underline;
}

h4 {
color:#000000;
font-size:11px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


#portfolioHeader{
width:958px;
height:20px;
}

#portfolioHeaderLeft{
width:305px;
height:20px;
float:left;
}

#portfolioHeaderMiddle{
width:88px;
height:15px;
padding:5px 0px 0px 0px;
float:left;
font-weight:bold;
color:#009CCC;
text-align:right;
}

#portfolioHeaderRight{
width:565px;
height:15px;
padding:5px 0px 0px 0px;
float:left;
/*position:relative;*/
}

.portfoliomenu{
padding:0px 0px 0px 13px;
margin:0px 0px 0px 0px;
height:20px;
list-style:none;
list-style-type:none;
display: inline;
}

.portfoliomenu li{
display:block;
margin:0px 40px 0px 0px;
background:url('/images/arrow.jpg')  no-repeat 0px 3px;
float:left;
height:16px;
}

.portfoliomenu li a{
display:block;
color:#484848;
text-decoration:none;
}

.portfoliomenu li a:hover{
color:#000000;
text-decoration:none;
}

.portfoliomenu div{
visibility:hidden;
display:block;
position: absolute;
z-index:9900;
}

.portfoliomenu div a{
padding:0px 10px 0px 10px;
background:url('/images/whitebg.jpg') no-repeat left center;
color:#484848;
text-decoration: none;
z-index:9900;
}

.portfoliomenu div a:hover{
padding:0px 10px 0px 10px;
background:url('/images/whitebg.jpg') no-repeat left center;
color:#000000;
text-decoration: underline;
z-index:9900;
}

.portfoliomenu div a.active{
padding:0px 10px 0px 10px;
background:url('/images/whitebg.jpg') no-repeat left center;
color:#009CCC;
text-decoration: none;
z-index:9900;
}

.portfoliomenu div a.active:hover{
padding:0px 10px 0px 10px;
background:url('/images/whitebg.jpg') no-repeat left center;
color:#009CCC;
text-decoration: underline;
z-index:9900;
}

#portfolio  {
width:958px;
line-height:18px;
font-size:11px;
margin:0px 0px 80px 0px;
padding:0px;
}

.portfolioHeader {
width:958px;
height:39px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#portfolio p{
font-size:11px;
margin-top:0px;	
}

#portfolio img{
border:1px #CDCDCD solid;
border-spacing:1px;
padding:1px 1px 1px 1px;
margin: 13px 10px 0px -4px; 
}

.portfolioContent {
margin:0px 0px 0px 0px;
text-decoration:none;
padding:0px 0px 0px 4px;
background-color:#FFFFFF;
overflow:hidden;
height:200px;
}

.portfolioContent p{
margin: 0px 0px 0px 0px;
}

.portfolioContent a{
color:#007799;
text-decoration:underline;
}

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

#content .portfolioButton a{
height:26px;
width:149px;
float:right;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
text-align:center;
margin:0px 10px 0px 0px;
padding:5px 0px 0px 0px;
background: #FFFFFF url('/images/portfolioButton.gif') no-repeat top left;
outline:none;
}

#content .portfolioButton a:hover{
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
background: #FFFFFF url('/images/portfolioButton.gif') no-repeat bottom left;
outline:none;
}

#portfolio h3 {
cursor:pointer;
padding:16px 10px 4px 10px;
margin:0px 0px 0px 0px;
width:938px;
height:20px;
text-decoration:none;
text-align:left;
font-weight:bold;
font-size:0px;
color:#FFFFFF;
background:#000000 url('/images/portfolioHeader2.gif') no-repeat top left;
outline:none;
border: none;
}

#portfolio h3:hover {
color:#FFFFFF;
background:#000000 url('/images/portfolioHeader2.gif') no-repeat bottom left;
outline:none;
}
#portfolio h3.selected {
color:#FFFFFF;
background:#000000 url('/images/portfolioHeader2.gif') no-repeat bottom left;
outline:none;
}

.portfolioContent h4 {
font-size:16px;
margin:10px 0px 7px 0px;
padding:0px 0px 0px 0px;
}

.blueTextColor{
color:#009CCC;
margin:0px 0px 0px 0px;
}

.grayTextColor{
color:#484848;
margin:0px 0px 0px 0px;
}

.spanlinks {
width:469px;
margin:0px 0px 0px 0px;
text-align:left;
font-weight:bold;
font-size:12px;
float:left;
}

.spanrechts {
width:465px;
margin:0px 0px 0px 0px;
text-align:right;
font-weight:bold;
font-size:12px;
float:left;
}

#googleMapsContainer {
width:958px;
height:600px;
margin:10px 0px 0px 0px;
}

.portfolioBallon {
width:400px;
height:120px;
padding:5px;
}

.portfolioBallon a{
color:#009CCC;
text-decoration:underline;
}

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

.portfolioBallon h3 {
width:395px;
margin-bottom:10px;
}

.portfolioBallon img {
padding:1px 1px 1px 1px;
margin: 0px 5px 5px 0px; 
}

/* Zoekresultaten */
.searchItemContainer {
width:705px;
margin:0px 0px 15px 15px;
padding:0px 0px 0px 0px;
float:left;
}

.searchItemHeader {
width:705px;
height:20px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}

.searchItemHeaderLeft {
width:615px;
height:20px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}

.searchItemHeaderRight {
width:90px;
height:20px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}

.searchItemContent {
width:705px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}

.searchItemUrl {
width:705px;
height:15px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}

/* werkwijze */
#werkwijzeFases {
width:502px;
height:125px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:url('/images/werkwijze.jpg');
}

#werkwijzeConcept {
width:103px;
height:105px;
background:url('/images/werkwijze.jpg') 0px 125px;
visibility:hidden;

}

#werkwijzePilot {
width:103px;
height:105px;
background:url('/images/werkwijze.jpg') 399px 125px;
visibility:hidden;
}

#werkwijzeProductie {
width:103px;
height:105px;
background:url('/images/werkwijze.jpg') 296px 125px;
visibility:hidden;
}

#werkwijzeAcceptatie {
width:103px;
height:105px;
background:url('/images/werkwijze.jpg') 193px 125px;
visibility:hidden;
}

#werkwijzeNazorg {
width:90px;
height:105px;
background:url('/images/werkwijze.jpg') 90px 125px;
visibility:hidden;
}

#activiteitenFases {
width:249px;
height:226px;
margin:0px 0px 0px 0px;
padding:8px 0px 0px 0px;
background:url('/images/activiteiten.gif') left top;
position:relative;
left:233px;
}

#activiteitenAdvies {
visibility:hidden;
width:88px;
height:88px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:url('/images/activiteiten.gif') -11px 229px;
}

#activiteitenProject {
visibility:hidden;
width:88px;
height:88px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:url('/images/activiteiten.gif') 97px 229px;
}

#activiteitenBeheer {
visibility:hidden;
width:88px;
height:88px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:url('/images/activiteiten.gif') -11px 99px;
}

#activiteitenTrainen {
visibility:hidden;
width:88px;
height:88px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:url('/images/activiteiten.gif') 97px 99px;
}

/* footer */
#footer, #push {
height:40px;
clear:both;
}

#footer {
position: relative;
width:958px;
margin:0 auto;
margin-bottom:0px;
}

#footerInner {
display:block;
height:40px;
margin:30px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:url('/images/sprite.gif') 0px -436px repeat-x;
}

#footerInner span.footerCopyright {
float:left;

padding:14px 0px 0px 20px;
font-weight:bold;
color:#fff;
}

#footerInner span.footerMenu {
float:right;
text-align:center;
margin:0px 15px 0px 0px;
padding:14px 0px 0px 0px;
color:#fff;
}

#footerInner ul, #footerInner li {
list-style:none;
float:left;
margin:0px 3px 0px 3px;
}

#footerInner span.footerMenu a {
color:#fff;
text-decoration:none;
margin:0px 3px 0px 3px;
}

#footerInner span.footerMenu a:hover {
color:#000;
text-decoration:underline;
}

/* forms */
dl {
float:left;
display:block;
margin:0;
padding:0;
width:500px;
}
dt {
float:left;
display:block;
margin:0;
padding:0;
width:80px;
line-height:15px;
margin-top:4px;
}
dd {
float:left;
display:block;
margin:0;
padding:2px;
width:400px;
}
dd .text {
display:block;
padding:1px;
}
dd .textarea {
display:block;
width:200px;
height:300px;
margin:1px;
padding:1px;
font: 11px Arial, Helvetica, sans-serif;
}
ul.errors {
list-style:none;
margin-left:15%;
display:none;
width:100%;
padding:0;
margin:0;
color:red;
}

/* homepage */
.clientsHomepage {
float:left;
width:100%px;
}

.clientsHomepageBanners {
float:left;
width:135px;
height:75px;
padding:0;
}

/* flashbanner */
#flashbanner {
margin: 0 0 0 15px;
}

/* cloudtag */
#box {
height: 230px;
display:none;
}
#box-outer {
overflow: hidden;
}