/***

routz paars #7f3f98

***/

body{
  margin: 0px;
  padding: 0px;
  width: 100%;
  font:x-small/1em arial, verdana;
  font: small/1.4em arial, verdana;
  background-color: #d7d7d7;
  background-image: url("/site_background.gif");
  background-repeat: repeat-y;
  background-position: center; 
  color: #444444;
}

html{

}


/* Standaard Text elements */

h1 {
  font-family: Arial, Verdana;
  font-size: 14px;
  font-weight: bold;
  color: #7f3f98;
}

h2 {
  font-family: Arial, Verdana;
  font-size: 100%;
  font-weight: bold;
  color: #333333;
}

h3, h4, h5, h6 {
  font-family: Arial, Verdana;
  font-size: 11px;
  font-weight: bold;
  color: black;
}

img {border: none;} 

a {
  text-decoration: none;
  font-weight: normal;
  color: #7f3f98;
}

a:hover {
  color: black;
  text-decoration: none;
}

#siteContainer{	
  background: #ffffff;
  margin: 0px auto 0px auto;
  padding: 0px;
  width: 958px;
  overflow: hidden;
  border-left: solid 1px #000000;
  border-right: solid 1px #000000;
}

#header{
  position: relative;
  width: 958px;
  top: 0px;
  background-color: #ffffff;
  padding: 0px 0px 20px 0px;
}
#overzicht-header-image {
  width: 958px; 
  height: 184px; 
  background: #ffffff url(/images/header/overzicht-header-image.jpg);
}
#logo {
margin: 27px 0px 0px 20px;
}
#header-nav {
  float: right;
}
#header a {  }

#header ul {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  list-style: none;
  font-size: 100%;
}
#header li {
  border-left: solid 1px #cccccc;
  float: left;
  text-align: center;
}
#header h2 {
  padding: 66px 0px 0px 0px;
  margin: 0px 5px 0px 0px;
  display: block;
  color: #333333;
  height: 20px;
  width: 80px;
  font-family: Arial, Verdana;
  font-variant: small-caps;
}

#header li a {
  color: #333333;
  text-decoration: none;
}

#header ul li a:hover {
  color: #333333;
}


/**** NAVIGATION ***/
#navBar ul
{
padding-left: 0;
margin: 0;
background-color: #000;
color: White;
float: left;
width: 100%;
font-family: arial, verdana;
}
#navBar h2 {margin: 0px 0px; }
#navBar ul li  { display: inline; }

#navBar ul li a
{
height: 26px;
padding: 5px 30px 0px 20px;;
margin: 0px 5px 0px 0px;
background-color: #000;
color: White;
text-decoration: none;
font-weight: bold;
float: left;
border-right: 1px solid #fff;
}

#navBar ul li a:hover
{
background-color: #000;
color: #7f3f98;
}

#header-image {
  width: 958px; 
  height: 183px; 
  background: #ffffff url(/images/header_image.jpg);
}
/*** SHORT NEWS ***/

#header-shortnews {
margin: 0px;
padding: 15px 0px 15px 0px;
background: #7f3f98;
font-size: 20px;
color: #ffffff;
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;
font-family: Arial, Verdana;
letter-spacing: 1px;
font-style: italic;
font-weight: normal;
}
#shortnews-container {
width: 615px;
text-align: center;
}
#shortnews-container #part2 {
margin: 0px 0px 0px 112px;
}
#meer-shortnews a {
color: #000000;
font-size: 12px;
font-style: normal;
text-decoration: none;
margin: 0px 0px 0px 3px;
padding-top: 3px;
}
#shortnews-container #meer-shortnews a:hover {
color: #ffffff;
font-size: 12px;
font-style: normal;
text-decoration: none;
}

/**** SIDEBAR ****/
#sideBar{
   position: relative;
	width: 314px;
	height: 100%;
	top: 0px;
	left: 0px;
	float: right;
	background-color: #ffffff;;
}

#sideBar h2 {
color:#7F3F98;
font-size:20px;
font-weight:bold;
margin:20px 0 0 0;
padding:0;
}
/**** PORTFOLIO ****/
#portfolio-images {
float: left;
width: 150px;

}
#portfolio-images p {
border-bottom: solid 1px #333333;
padding: 0px 0px 20px 0px;
width: 95%;
text-align: center;
height: 50px;
}

#portfolio-images img {
height: 60px;
}

 #laatste-opdrachten {margin: 5px 0px 0px 0px}

#laatste-opdrachten h2 {
background: #ffffff url(/images/pijl-verticaal.jpg) no-repeat;
padding: 44px 0px 0px 100px;
height: 92px;
font-size: 20px;
color: #7f3f98;
line-height: 25px;
} 
#laatste-opdrachten a {
font-size: 20px;
color: #7f3f98;
font-weight: bold;
} 
#laatste-opdrachten a:hover {
color: #444444;
}

.opdrachten { 
width: 305px;
padding-top: 0px;
margin: -35px 0 0;
}
.opdrachten strong {
color: #444444;
}
.opdrachten h3 {
font-size: 14px;
color: #7f3f98;
margin: 0px 0px 5px 0px;
font-weight: none;
}
.opdrachten p {
margin: 0px 0px 25px 0px;
line-height: 20px;
color: #555555;
font-size: 13px;
}
.opdrachten p a {
color: #7f3f98;
}
.opdrachten p a:hover {
color: #7f3f98;
}
.opdrachten a {
color: #7f3f98;
text-decoration:none;
font-weight: bold;
}
.opdrachten a:hover {
color: #999999;
text-decoration:bold;
}
.laatste-opdrachten-addition {color: #444444; font-size: 12px;}

/* overig */
#overig {
background: none;
float: none;
margin: 16px 0px 5px 0px;
}
#overig h2{
background: none;
padding: 0px 0px 0px 0px;
margin: 0px 0 0px;
color: #7f3f98;
font-size: 20px;
font-weight: bold;
text-align: left;
z-index: 10;
}

#overig a{
color: #7f3f98;
font-size: 20px;
font-weight: bold;
text-align: left;
z-index: 10;
}
#overig a:hover{
color: #444444;
}

#overig-top {
background: transparent url(/images/eerdere-opdrachten-top.png) no-repeat left top;
margin: 0 0 3px;
padding: 0;
width: 310px;
height: 37px;
z-index: 3;
}

#overig-middle {
background: transparent url(/images/eerdere-opdrachten-middle.png) repeat-y left top;
margin: 0;
padding: 0;
width: 310px;
}

#overig-middle ul {
background: none;
list-style-type: none;
list-style-position: inside;
font-size: small;
margin: 0px;
padding: 0;
}
#overig-middle ul li {
margin: 0px 0px 0px 90px;
font-size: small;
padding-left:0px;
list-style-position: outside;
list-style: url(/images/bullet-square.png);
color: #7f3f98;
}
#overig-middle li a{
font-size: small;
color: #7f3f98;
text-decoration:none;
border: none;
}
#overig-middle li a:hover {
text-decoration:none;
color: #333;
}

#overig-bottom {
background: transparent url(/images/eerdere-opdrachten-bottom.png) no-repeat left top;
margin: 3px 0 0;
padding: 0;
width: 310px;
height: 37px;
}

#klanttevredenheid {
border: none;
text-align: left;
margin: 30px 0 0; 
padding: 0px 0px 20px 0px;
float: none;

}

/**** CONTENT ****/
#content{
  position: relative;
  width: 625px;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
  padding: 0px;
  margin: 5px 0px 5px 0px;
  float: left;
  border-right: solid 1px #000000;
}
#content-container{
/*border: solid 1px #ffcc00; */
width: 615px;
margin: 0px auto;
}
/** SNELMENU **/
#snelmenu {
width: 615px;
height: 112px;
background: transparent  url(/images/snelmenu_haakjes.png) no-repeat left top;
margin: 10px 0px 0px 0px;
}
#snelmenu h2 {
color: #7F3F98;
font-size: 20px;
font-weight: bold;
margin: 0;
padding: 0 0 0 ;

}
#snelmenu-middle {
border: none;
width: 560px;
margin: 0px 0 0 40px;
padding-top: 16px;
}
/* SNELMENU MENU */
#snelmenu-middle ul {
  background: none;
  float: left;
   list-style: none;
color: #333333;
margin: 0 0 0 35px;
padding: 0;
}

#snelmenu-middle ul li  {
float: none; 
text-align: left;
margin: 0px 5px 5px 0px;
font-size: 115%;
color: #333333;
font-weight: bold;
list-style: url(/images/bullet-square.png);
padding-left: 0px; 
/*background: url(/images/bullet-square.png) 3px 5px no-repeat;*/

}

#snelmenu-middle ul li a {
  color: #333333;
  text-decoration: none;
font-weight: bold;
}

#snelmenu-middle ul li a:hover {
  color: #7f3f98;
}



/** CARRIERE **/
#carriere {margin: 0px 0px 0px 0px; }
#carriere h2 {
font-size: 18px;
background: #000000; 
color: #ffffff;
padding: 5px 0px 5px 10px;
margin: 0px 0px 0px 0px;
}
#carriere-top-bar {}

#routz-omschrijving {
background: transparent url(/images/diensten-image.jpg) no-repeat left top;
widht: 615px;
height: 190px;
margin: 0 0 0px 0;
letter-spacing: 1px;
}

#routz-omschrijving p {
color: #ffffff;
font-weight: normal;
font-style:  italic;
font-size: 115%;
padding: 15px 0px 0px 10px;
line-height: 175%;
}

#carriere-links {
background: #ffffff; 
margin: 10px 0px 0px 10px;
}
/*
#carriere-links ul {
margin: 0px 0px 0px 0px;
list-style: none;
color: #444444;
}
#carriere-links li h3 {
font-size: 13px;
font-weight: bold;
margin: 0px 0px 5px 0px;
}
#carriere-links li a {
color: #444444;
font-size: 13px;
font-weight: bold;
margin: 0px 0px 5px 0px;
text-decoration: none;
}
#carriere-links li a:hover {d
color: #999999;
font-size: 13px;
font-weight: bold;
margin: 0px 0px 5px 0px;
text-decoration: none;
}
*/
#diensten-header {float: left;}
#diensten-header h2 {
font-size: 20px;
font-weight: bold;
background: none; 
color: #7f3f98;
padding: 5px 0px 10px 0px;
margin: 0px 0px 5px 0px;
}
#diensten-container {float: left; width: 430px; margin: 5px 0px 0px 20px; }

.diensten-list{float: left; border: none; margin: 0px 10px 10px 0px; }

.diensten-list ul {
float: left;
margin: 0px 0px 0px 0px;
width: 125px;
list-style-type: none;
}
.diensten-list ul li {
margin: 0px 0px 0px 20px;
color: #7F3F98;
padding-left: 0px; 
list-style-position: outside;
list-style-image: url(/images/bullet-square.png);
}
.diensten-list ul li a {
padding-left: 0px; 
color: #555;
font-size: 14px;
font-weight: bold;
margin: 0px 0px 5px 0px;
text-decoration: none;
}
.diensten-list ul li a:hover {
color: #999;
}


.diensten-projecten-list{float: left; border: none; margin: -15px 10px 12px 0px; }

.diensten-projecten-list ul {
float: left;
margin: 0px 0px 0px 0px;
width: 125px;
list-style-type: none;
}
.diensten-projecten-list ul li {
margin: 0px 0px 0px 20px;
color: #7F3F98;
padding-left: 0px; 
list-style-position: outside;
list-style-image: url(/images/bullet-square.png);
}
.diensten-projecten-list  ul li a {
padding-left: 0px; 
color: #555;
font-size: 14px;
font-weight: bold;
margin: 0px 0px 5px 0px;
text-decoration: none;
}
.diensten-projecten-list ul li a:hover {
color: #999;
}



.diensten-list-details{float: left;border: none; margin: 0px 10px 10px 0px;font-weight: bold; font-size: 14px;}
.diensten-list-details ul {
float: left;
margin: 0px 0px 0px 0px;
list-style-type: none;
color: #333;
}

.diensten-list-details li a {
list-style-position: inside;
color: #555;
font-size: 14px;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 15px;
text-decoration: none;
background: url(/images/triangle_bullet.png) left center no-repeat;
}
.diensten-list-details li a:hover {
color: #999;
font-size: 14px;
font-weight: bold;
margin: 0px 0px 5px 0px;
text-decoration: none;
}



/** NIEUWS **/
#nieuws {margin: 0px 0px 10px 0px; display: none; }
#nieuws h2 {
font-size: 18px;
background: #555555; 
color: #ffffff;
padding: 5px 0px 5px 10px;
margin: 0px;
}
/*#nieuws-top-bar { width: 100%; background:#7f3f98; color: #ffffff;} */
#nieuws-message {
width: 50%;
float: left;
padding: 0px 0px 0px 10px;
}
#nieuws #nieuws-message p {
margin: 0 0 8px 0;

}
#nieuws-message h3{
color: #7f3f98;
font-size: 14px;
margin: 10px 0 5px 0;
}

#nieuws-list {width: 45%; float: left; margin: 10px 0px 0px 0px;}
#nieuws-list ul {margin: 0px 0px 0px 30px; padding:0px 0px 0px 0px;list-style-position: outside;}
#nieuws-list li { list-style: url(/images/bullet-square.png);; color: #7f3f98;  margin: 0px 0px 5px 5px;}
#nieuws-list a { text-decoration: none; color: #7f3f98;  font-weight: normal;}
#nieuws-list a:hover {text-decoration: none; color: #444444; font-weight: normal;}

/**** FOOTER ****/
#footer{
  position: relative;
  bottom: -1px;  
  height: 28px;
  width: 958px;
  background-color: #000000;
  clear: both;
  float: none;
  text-align: left;
  padding: 0px;
  margin: 0px;
}

#footer {
  padding: 7px 0px 0px 0px;
  font-family: Arial, Verdana;
  color: #ffffff;
}
#footer #footer-login a {
float: right;
color: #333333;
font-size: 11px;
margin: 0px 100px 0px 0px;
text-decoration: none;
}
#footer #footerText {
font-size: 11px;
margin: 0px 0px 0px 14px;
}


/*--- MENU --- */

#menu ul {
  padding: 11px 0px 0px 89px;
  margin: 0px 0px 0px 0px;
  list-style: none;
}

#menu ul li {
  text-align: center;
  padding: 0px;
  margin: 0px 0px 0px 19px;
  display: inline;
}

#menu ul li a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}

#menu ul li a:hover {
  color: black;
}

/*** SITEMAP ***/
#sitemap {width: 220px; margin: 0px auto; padding: 20px 0px 0px 0px}
#sitemap ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;

}
#sitemap li li {padding: 0px 0px 0px 15px;}
#sitemap a
{
display: block;
padding: 0;
background-color: none;
color: #7f3f98;
}



#sitemap a:hover
{
background-color: none;
color: #555;
}


/**** VARIOUS ****/
/*
.meer {
font-size: 12px;
}
*/
.clear {
clear: both;
}