/***

sscplus blauw: #00adef

***/

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: #00adef;
}

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: #00adef;
}

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 10px 0px;
}

#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: 78px 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: #00adef;
}

#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: #00adef;
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;
}
#shortnews-container #meer-shortnews a {
color: #000000;
font-size: 12px;
font-style: normal;
text-decoration: none;
}
#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;;
}

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

#laatste-opdrachten h2 {
/* background: #ffffff url(/images/pijl70.jpg) no-repeat;*/
background: #ffffff url() no-repeat;

padding: 0px;
font-size: 20px;
color: #00adef;
line-height: 25px;
} 

.opdrachten { 
width: 305px;
padding-top: 5px;
}
.opdrachten strong {
color: #444444;
}
.opdrachten h3 {
font-size: 20px;
color: #00adef;
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: #00adef;
}
.opdrachten p a:hover {
color: #00adef;
}
.opdrachten a {
color: #00adef;
text-decoration:none;
font-weight: bold;
}
.opdrachten a:hover {
color: #999999;
text-decoration:bold;
}

/**** PORTFOLIO ****/
#portfolio-images {
float: left;
width: 150px;

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

/* overig */
#overig {
display: none;
background: #ffffff url(/images/Overig_background.gif) repeat-y;
width: 305px;
}
#overig ul {
background: none;

}
#overig ul li {
margin: 0px 0px 0px 30px;
}
#overig li a{
text-decoration:none;
font-size: 12px;
color: #222222;
}
#overig li a:hover {
text-decoration:none;
font-size: 12px;
color: #ffffff;
}

#overig-top h2{
background: #ffffff url(/images/Overig_top.gif) no-repeat;
padding: 5px 0px 5px 50px;
color: #444444;
font-size: 14px;
font-weight: bold;
}
#overig-bottom{
background: #ffffff url(/images/Overig_bottom.gif) no-repeat;
height: 21px;
}



/**** 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: 15px 0px 15px 0px;
}
#snelmenu h2 {
color: #00adef;
font-size: 19px;
font-weight: bolder;
margin: 0 0 0 0px;
padding: 0 0 0 ;

}
#snelmenu-middle {
border: none;
width: 560px;
margin: 0px 0 0 30px;
padding-top: 5px;
}
/* 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;
font-size: 115%;
}

#snelmenu-middle ul li a:hover {
  color: #00ADEF;
}

/** 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 {

}
#carriere-links {
width: 300px;
background: #ffffff url(/images/icon_career.gif) no-repeat; 
height: 85px;
margin: 10px 0px 10px 10px;
}
#carriere-links ul {
margin: 0px 0px 0px 120px;
list-style: disc;
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 {
color: #999999;
font-size: 13px;
font-weight: bold;
margin: 0px 0px 5px 0px;
text-decoration: none;
}

/** NIEUWS **/
#nieuws {display:none; }
#nieuws h2 {
font-size: 18px;
background: #00adef; 
color: #ffffff;
padding: 5px 0px 5px 10px;
margin: 0px;
}
/*#nieuws-top-bar { width: 100%; background:#00adef; color: #ffffff;} */
#nieuws-message {
width: 50%;
float: left;
padding: 0px 0px 0px 10px;
}
#nieuws-message p {
margin: 0px;
line-height: 20px;
}
#nieuws-message h3{
color: #444444;
font-size: 14px;
margin: 10px 0px 0px 0px;
}

#nieuws-list {width: 45%; float: left; margin: 10px 0px 0px 0px;}
#nieuws-list ul {list-style-image: url(/images/Driehoek.jpg); }
#nieuws-list li {text-decoration: none; color: #00adef; padding-bottom: 10px; font-weight: bold;}
#nieuws-list li a {text-decoration: none; color: #00adef; padding-bottom: 10px; 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: #00adef;
}



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


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