/* 
    Document   : global.css
    Created on : 16-july-2009
    Author     : J. Hessing
    Description:
        Purpose of the stylesheet follows.
*/


  /* Alle pagina's */

  * {
    margin: 0;
    padding: 0;
  }

  body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	background-color: #000000;
  }
 
  a { 
    color: #ffffff;
    text-decoration: none;          
  }

  a:hover{
    text-decoration: underline;
  }

  #wrap {
    width:1000px;
    margin:0 auto;
  }

  #back_ground_image {
    height: auto;
    width: 1000px;
  }
h1 {
	color:darkred;
	font-size:15px;
}


  /* Top navigatie */

  #topNavigation{
    width: 1100px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    list-style-type: none;
    position: relative;
    left: 40px;
    top: -620px;
  }

#projectnavigatie {
	width: 1100px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    list-style-type: none;
  margin:38px 0 27px 40px;
}
#projectnavigatie li {
	    display: inline;
    padding: 1px;
    border: 0px;
    line-height: 1.4;
    color: #ffffff;
    text-indent: 1px;
  }
	  #projectnavigatie li a:hover{
    color: darkred;
    cursor: pointer;
	text-decoration:none;
  }
  #projectnavigatie li a.active {
	  color: darkred;
  }

#plaatje {
	margin-top:5px;
	margin-left:20px;
}

  #topNavigation li{
    display: inline;
    padding: 1px;
    border: 0px;
    line-height: 1.4;
    color: #ffffff;
    text-indent: 1px;
  }

  #topNavigation li a:hover{
    color: darkred;
    cursor: pointer;
	text-decoration:none;
  }
  #topNavigation li a.active {
	  color: darkred;
  }



  /* Home pagina */

  #homeContainer {
    height: 402px;
    width: 700px;
  }

  #homeFooter{
    position:relative;
    top: -150px;
    height:172px;
	width:950px;
	background-image: url(../../images/navigatie_bottom.jpg)
  }
    #footer{
    height:172px;
	width:950px;
	background-image: url(../../images/navigatie_bottom.jpg);
	position:relative;
	z-index:999;
  }
 

  #homePersonOne {
    margin-top: -590px;
    margin-left: 168px;
  }

  #homePersonTwo {
    margin-top: -402px;
    margin-left: 316px;
  }

  #homePersonThree {
    margin-top: -402px;
    margin-left: 553px;
  }

/* Nieuws pagina */

  #nieuwsContainer {
    height: auto;
    width: 475px;
    margin-top: -593px;
    margin-left: 475px;
    background-color:#000000;
    /* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
	height:520px;
	overflow:auto;
	}

  #nieuwsContainer p {
    font-size: 13px;
    margin-left: 20px;
    margin-right: 20px;
    color:#ffffff;
  }

 

  
  /* Projecten pagina */

  #leftNavProjecten{
    width: 200px;
    height: 400px;
    font-size: 13px;
    font-weight: bold;
    color:#ffffff;
    list-style-type: none;
	margin-left:40px;
	float:left;
  }

  #leftNavProjecten li{
    display: block;
    padding: 1px;
    border: 0px;
    line-height: 1.4;
    color: #ffffff;
    text-indent: 1px;  
  }
  #leftNavProjecten li a:hover,
#leftNavProjecten li a.active
          {
    text-decoration:none;
    color:darkred;
    }
    
  
  
#background_projecten {
	background-image:url(../images/projecten_bg.jpg);
	height:671px;
	width:1000px;
}
#projectTextContainer {
	width:750px;
	background-color:#000000;
    /* for IE */
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1.0;
	font-size:13px;
	float:left;
  margin-left:-25px;
}
#projectTextContainer object, #projectTextContainer embed {
  width:300px;
  height:200px;
  }

#project_rechterkant {
	width:210px;
	float:left;
	}

#textvak {
	width:470px;
	margin-left:20px;
	float:left;
	margin-right:30px;
}

  


  /* Workshops pagina */

  #workshopsContainer {
    height: 500px;
    width: 475px;
    margin-top: -593px;
    margin-left: 475px;
    background-color:#000000;
    /* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
  }

  #workshopsContainer p {
    font-size: 13px;
    margin-left: 20px;
    margin-right: 20px;
    color:#ffffff;
  }

  #workshopsFooter {
    position:relative;
    top: 0px;
    height: 86px;
  }


  /* Makers pagina */

  #leftNavMakers{
    width: 200px;
    height: 400px;
    font-size: 13px;
    font-weight: bold;
    color:#ffffff;
    list-style-type: none;
    position: relative;
    left: 40px;
    top: -585px;
  }

  #leftNavMakers li{
    display: block;
    padding: 1px;
    border: 0px;
    line-height: 1.4;
    color: #ffffff;
    text-indent: 1px;
  }

  #leftNavMakers li a:hover{
    color: darkred;
    text-decoration:none;
  }
   #leftNavMakers li a.active{
    color: darkred;
    text-decoration:none;
  }


  #makersContainer {
    height: 460px;
    width: 700px;
  }

  #makersPersonalTextContainer {
    height: 500px;
    width: 340px;
    margin-top: -405px;
    margin-left: 375px;
    margin-bottom:30px;
  }

  #makersPersonalTextContainer a {
    text-decoration: underline;
  }



  #makersPersonalTextContainer p {
    font-size: 13px;
    margin-left: 20px;
    margin-right: 20px;
    color:#ffffff;
  }

  #makersFooter {
    position:relative;
    top: 98px;
    height: 86px;
  }

  #makersPersonOne {
    margin-top: -990px;
    margin-left: 168px;
  }



  /* Links pagina */

  #linksContainer {
    height: 500px;
    width: 475px;
    margin-top: -590px;
    margin-left: 475px;
    background-color:#000000;
    /* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
  }

  #linksContainer p {
    font-size: 13px;
    margin-left: 20px;
    margin-right: 20px;
    color:#ffffff;
  }

  #linksFooter {
    position:relative;
    top: -3px;
    height: 86px;
  }


  /* Contact pagina */

  #contact {
    position: relative;
    top: -80px;
    left: -920px;
  }

  #contactContainer {
    height: 500px;
    width: 475px;
    margin-top: -590px;
    margin-left: 475px;
    background-color:#000000;
    /* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
  }

  #contactContainer p {
    font-size: 13px;
    margin-left: 20px;
    margin-right: 20px;
    color:#ffffff;
  }

  #contactFooter {
    position:relative;
    top: -3px;
    height: 86px;
  }



  /* ----------------------------------------------- */

  #image_container {
    position: absolute;
    top: -20px;
    left: 0px;
  }

  #navigation_block {
    position: relative;
    top: 20px;
    left: 20px;
  }

  .navigation_element { 
    font-size: 25px;
  }
  
  .navigation_element_small { 
    font-size: 14px;
  }
  
  .marked { 
    background-color: #f09403;  
  }
  
  .navigation_element:hover { 
    background-color: #f09403;  
    cursor: pointer;
  }

  .nav_element {
    font-size: 25px;
  }

  .nav_element:hover {
    cursor: pointer;
  }

  .none_selectable { 
    font-size: 25px;
    background-color: none;  
  }
  
  #movie_container { 
    position: absolute;
    top: 20px;
    left: 300px;
  }
  
  #movie_container_betonrot {
    position: relative;
    top: 0px;
    left: 20px;
  }

  #right_text { 
    position: absolute;
    top: 30px;
    left: 900px;
    width: 340px;
    font-size: 13px;
  } 
  
  #info_center { 
    position: absolute;
    top: 10px;
    left: 300px;
    width: 350px;
    font-size: 13px;
  } 
  
  #info_right { 
    position: absolute;
    top: 10px;
    left: 680px;
    width: 350px;
    font-size: 13px;
  }  
  
  hr {
    border-style: dashed;
    margin-top: 10px;          
    margin-bottom: 10px;          
  } 
  
  .title_text { 
    font-size: 15px;
  }

  .scrollAreaLeft {
  width: 350px;
  height: 400px;
  padding-left: 5px;
  padding-right: 5px;
  border-color: #000000;
  border-width: 1px;
  border-style: solid;
  float: left;
  overflow: auto;
  }

  .scrollAreaRight {
  width: 350px;
  height: 400px;
  padding-left: 5px;
  padding-right: 5px;
  border-color: #000000;
  border-width: 1px;
  border-style: solid;
  float: left;
  overflow: auto;
  }

  #youtube_list {
    position: relative;
    left: -12px;
  }

  #main_content {
    position: absolute;
    top: 20px;
    left: 0px;
  }

  .attention {
    color: darkred;
  }

  #vacatureCirkel {
    position: relative;
    top: -80px;
    left: 0px;
    z-index:200;
	background-image:url(/images/vacature_cirkel.png);
	width:230px;
	height:180px;
	text-align:center;
	padding-top:50px;
	color:#FFF;
  }



/* toegevoegd door Hugo
*/
#links {
	margin:-11px 0 0 211px;
	height:122px;
	width:521px;
	color:#FFF;

}
#links a.link1 {
	width:288px;
	height:41px;
	display:block;
	float:left;
	z-index:999;
	position:relative
}
#links a.link2 {
	width:225px;
	height:41px;
	display:block;
	float:left;
	z-index:999;
	position:relative
}