/* CSS Document */



/* -------------------------------------------------------------------Set margins and paddings */
    html,body{margin:0;padding:0;


	}
    p {margin:0 0 1em 0;padding:0}
    h1{margin:0 0 .7em 0;padding:0}
	h2{margin:0 0 .7em 0;padding:0}
	form {margin:0;padding:0}


body {
	width:100%;
	font-family: calibri, 'ms sans serif', 'comic sans MS', Verdana;
	background-color:#DD0918;
}



/* -------------------------------------------------------------------                LAYOUT             */
p 	{
	font-size: 80%;
	text-align: justify;
	color:white;
}
li {font-size:70%;
margin-left:-26px;
margin-top:0px;}

ul {margin-top:-10px;}

h1 {
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  font-size: 13	5%;
  color:white;
  text-align:center;
  background-color:none;
  padding-top:0px;
}
h2 {
  margin: 0px;
  padding: 20px 0px 0px 0px;
  font-weight: bold;
  font-size: 100%;
  color:yellow;
  font-style:normal;
  text-align:center;
  background-color:none;
  
}


  
  
  #highlight a
  {background-color:#B30004;
  color:white;
  padding:5px;
  padding-bottom:2px;
  font-size: 89%;
  text-decoration:none;
  }
  
  #highlight{margin-bottom:15px;}
  
    #highlight a:hover
  {background-color:#F53928;
  }
  
  
/* -------------------------------------------------------------------    Menu in Footer   */
.menu1 {
text-align:center;
width:520px;
height:40px;
margin: -15px 0px 0px 70px;
padding-left:0px;
border: 0px solid blue;
padding-top:20px;
* padding-top:31px;
text-align:left;
}
 
.menu1 a
{ 

color: yellow;
background-color:none;
text-decoration:none;
font-size: 17px;
font-weight:bold;
line-height: 30px;
padding-left:5px;
padding-right:5px;
margin: 0px 0px 0px 0px;
}
.menu1 a:hover
{
	color:white;
	
text-decoration:underline;
}

#inv a{color:white; display:block; width:100px;}
#inv a:hover{color:yellow}
	
	
.menu2 {
width:120px;
height:80px;
margin: -61px 0px 0px 535px;

border: 0px solid blue;
padding: 20px 0px 0px 0px;
text-align:right;
line-height:24px;
* line-height:30px;
}
 
.menu2 a
{ 

color: white;
background-color:none;
text-decoration:none;
font-size: 17px;
font-weight:bold;
line-height: 15px;
margin: 0px 0px 0px 0px;
}
.menu2 a:hover
{
	color:yellow;
text-decoration:underline;
}





#content a{
color: #FF0000;
background-color:none;
text-decoration:none;

font-size: 15px;
font-weight:bold;
padding:0px;
}
#content a:hover{
color: red;
background-color:none;
text-decoration:none;
text-align:center;
font-size: 15px;
font-weight:bold;
padding:0px;
}



  
  #text a{
color: yellow;
background-color:none;
text-decoration:none;
text-align:center;
font-size: 13px;
font-weight:bold;
padding:0px;
}
  #text a:hover{
color: white;
background-color:none;
text-decoration:underline;
text-align:center;
font-size: 13px;
font-weight:bold;
padding:0px;
}



  

/* ------------------------------------------------------------------- Website Rastering */	  



#container {
	position: absolute;
	width: 900px;
	height: auto;
	margin: 0px 50%;
	left: -450px;
	top: 0px;
	border: 0px yellow solid;
	border-top: 0px;
	border-bottom: 0px;
}


#logo{
  background: url('pageimages/logo.jpg') no-repeat;
  width: 226px;
  height: 278px;
  margin: 0px 0px 0px 0px;
  border: 0px green solid;
  border-left: 1px yellow solid;
}

#logo a
{   position: absolute;
    top: 0;
    left: 0;
    width: 213px;
    height: 294px;
	
  border: 0px green solid;
}
#logo a:hover{
background-image: url('pageimages/button_offerte_b.jpg') no-repeat;
        display: block;
}	



#menu {
  background: url('pageimages/menu1.jpg') no-repeat;
  width: 674px;
  height: 130px;
  margin: -278px 0px 0px 227px;
  border: 0px green solid;
  border-right: 1px yellow solid;
}








#content {
  background: url('pageimages/content.jpg') no-repeat;
  width: 900px;
  height: auto;
  margin: 0px 0px 0px 0px; 
  *   margin: 0px 0px 0px 0px; 
  border: 0px green solid;
  border-left: 1px yellow solid;
  border-right: 1px yellow solid;
  border-bottom: 1px yellow solid;
}



#footer {
  background: url('pageimages/footer.jpg') no-repeat;
  width: 900px;
  height: 40px;
  margin:0px 0px 0px 0px;
  border: 0px dotted blue;
  padding:0px;
  color: yellow;
  padding-top:0px;
  * padding-top:15px;
  position: relative;
  z-index: 1;
  }
  
  #footer a {color:yellow;}
  #footer a:hover {color:white;}
  
  
  
  
  #heading{
  position:relative;
  width:600px;
  height:100px;
  margin:0px 0px 0px 200px;
  padding-top:40px;
  vertical-align:top;  
  border: 0px solid;
  text-align:center;
  font-family: 'comic sans ms';
}



#block {
  width: 650px;
  height: 320px;
  margin: 30px 0px 0px 200px;   
  padding-bottom: 60px;
  border: 0px green solid;
}

			  #text{
			  position:relative;
			  width:300px;
			  height:320px;
			  margin:10px 0px 10px 0px;
			  vertical-align:top;  
			  border: 0px yellow solid;
			  text-align:center;
}

			  #media{
			  position:absolute;
			  width:300px;
			  height:320px;
			  margin:-330px 0px 0px 320px;
			  vertical-align:top;  
			  border: 0px purple solid;
			  text-align:center;
			  font-family: 'comic sans ms';
}


#contact{
  position:absolute;
  width:420px;
  height:330px;
  margin:137px 0px 0px 60px;
  vertical-align:top;  
  border: 0px solid;
  text-align:center;
}


  


  
  #referenties{
  position:absolute;
  width:420px;
  height:330px;
  margin:120px 0px 0px -24px;
  vertical-align:top;  
  border: 0px solid;
  text-align:center;
}




#li1 {
  position:absolute;

  margin:78px 0px 0px 21px;
  border:0 solid black;
  text-align:center;
  vertical-align:middle;
 
}
#li1 a:hover{
 color:red;
	}


#li2 {
  position:absolute;
  width:86px;
  height:86px;
  margin:58px 0px 0px 105px;
  border:0 solid black;
  text-align:center;
  vertical-align:middle;

}
#li2 a:hover{
  width:86px;
  height:86px;
  border:0 solid black;
  text-align:center;
  display: block;
	margin:0px 0px 0px 0px;
	padding:0px;
	}

#li3 {
  position:absolute;
  width:86px;
  height:86px;
  margin:42px 0px 0px 192px;
  border:0 solid black;
  text-align:center;
  vertical-align:middle;

	
}
#li3 a:hover{
  width:86px;
  height:86px;
  border:0 solid black;
  text-align:center;
  display: block;
	margin:0px 0px 0px 0px;
	padding:0px;
	}

#li4 {
  position:absolute;
  width:86px;
  height:86px;
  margin:24px 0px 0px 277px;
  border:0 solid black;
  text-align:center;
  vertical-align:middle;

	
}
#li4 a:hover{
  width:86px;
  height:86px;
  border:0 solid black;
  text-align:center;
  display: block;
	margin:0px 0px 0px 0px;
	padding:0px;
	}

#li5 {
  position:absolute;
  width:86px;
  height:86px;
  margin:4px 0px 0px 362px;
  border:0 solid black;
  text-align:center;
  vertical-align:middle;

	
}
#li5 a:hover{
  width:86px;
  height:86px;
  border:0 solid black;
  text-align:center;
  display: block;
	margin:0px 0px 0px 0px;
	padding:0px;
	}


#li11 {
  position:absolute;
	width:210px;
	height:27px;
  margin:14px 0px 0px -3px;
  border:0 solid black;
  text-align:left;
  vertical-align:middle;
  }

#li11 a{
	width:210px;
	height:27px;
	display: block;
	text-align:left;
	vertical-align:middle;
	
	border:0px solid black;
	margin:0px 0px 0px 1px;
	padding:0px;
	}

#li11 a:hover{
	width:210px;
	height:27px;
	display: block;
	text-align:left;
	vertical-align:middle;
	
	border:0px solid black;
	margin:0px 0px 0px 1px;
	padding:0px;
	}



	
	
#li12 {
	position:absolute;
	width:210px;
	height:27px;
	margin:44px 0px 0px -3px;
	border:0 solid black;
	text-align:left;
	vertical-align:middle;
}
#li12 a{
	width:210px;
	height:27px;
	display: block;
	text-align:left;
	vertical-align:middle;
	
	border:0px solid black;
	margin:0px 0px 0px 1px;
	padding:0px;
}
#li12 a:hover{
	width:210px;
	height:27px;
	display: block;
	text-align:left;
	vertical-align:middle;
	
	border:0px solid black;
	margin:0px 0px 0px 1px;
	padding:0px;
}


	
	
#li13 {
	position:absolute;
	width:210px;
	height:27px;
	margin:74px 0px 0px -3px;
	border:0 solid black;
	text-align:left;
	vertical-align:middle;
}

#li13 a{
	width:210px;
	height:27px;
	display: block;
	text-align:left;
	vertical-align:middle;
	
	border:0px solid black;
	margin:0px 0px 0px 1px;
	padding:0px;
	}
#li13 a:hover{
	width:210px;
	height:27px;
	display: block;
	text-align:left;
	vertical-align:middle;
	
	border:0px solid black;
	margin:0px 0px 0px 1px;
	padding:0px;
	}



/* backup code text-align:center;	
*/




#img1 {
  position:absolute;
  width:200px;
  height:200px;
  margin: 280px 0px 0px -170px;
border: 0px white solid;
}



#img2 {
  position:absolute;
  width:200px;
  height:200px;
  margin:500px 0px 0px -170px;
}




#img3 {
  position:absolute;
  width:200px;
  height:200px;
  margin:720px 0px 0px -730px;
}

#img4 {
  position:absolute;
  width:200px;
  height:200px;
  margin:720px 0px 0px -460px;
}






img {  border: 0px solid white;display: inline-block; }




#vid1 {
  position:absolute;
  width:270px;
  height:220px;
  margin:450px 0px 0px 255px;
  border:1px solid white;
}