html
{
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;  
}

body 
{
  background-color: #0476c7;
  background-image: url(../images/bg.gif);  
  padding: 0;
  margin: 0;  
}

*
{
  padding: 0;
  margin: 0;
}

ul
{
  margin-left: 30px;
}


/*============================== container to center the layout==============================*/
#container 
{ 
  margin-top: 30px;
  padding-top: 80px;
  background-color: transparent;
  background-image: url(../images/header.png);
  background-repeat: no-repeat;
  background-position: top center;  
  width: 980px;
  margin-left: auto;
  margin-right: auto; 
}
/*============================== ==============================*/


/*============================== top buttons ==============================*/
#top_buttons 
{
  height: 60px;   
}

a.button_welkom 
{
  background-color: transparent;
  background-image: url(../images/welkom_btn.png);
  background-repeat: no-repeat;
  background-position: 0 0;  
  width: 179px;
  height: 60px;
  float: left;
  margin-left: 40px;
}

a.button_welkom_selected 
{
  background-color: transparent;
  background-image: url(../images/welkom_btn.png);
  background-repeat: no-repeat;
  background-position: 0 -64px;  
  width: 179px;
  height: 60px;
  float: left;
  margin-left: 40px;
}


a.button_welkom:hover 
{
  background-position: 0 -64px;
}

a.button_pchulp
{
  background-color: transparent;
  background-image: url(../images/pchulp_btn.png);
  background-repeat: no-repeat;
  background-position: 0 0;   
  width: 179px;
  height: 60px;
  float: left;  
}

a.button_pchulp_selected
{
  background-color: transparent;
  background-image: url(../images/pchulp_btn.png);
  background-repeat: no-repeat;
  background-position: 0 -64px;   
  width: 179px;
  height: 60px;
  float: left;  
}


a.button_pchulp:hover 
{
  background-position: 0 -64px;  
}

a.button_websites
{
  background-color: transparent;
  background-image: url(../images/websites_btn.png);
  background-repeat: no-repeat;
  background-position: 0 0;   
  width: 179px;
  height: 60px;
  float: left;  
}

a.button_websites_selected
{
  background-color: transparent;
  background-image: url(../images/websites_btn.png);
  background-repeat: no-repeat;
  background-position: 0 -64px;   
  width: 179px;
  height: 60px;
  float: left;  
}

a.button_websites:hover 
{
  background-position: 0 -64px;  
}


a.button_grafisch
{
  background-color: transparent;
  background-image: url(../images/grafisch_btn.png);
  background-repeat: no-repeat;
  background-position: 0 0;   
  width: 179px;
  height: 60px;
  float: left;  
}

a.button_grafisch_selected
{
  background-color: transparent;
  background-image: url(../images/grafisch_btn.png);
  background-repeat: no-repeat;
  background-position: 0 -64px;   
  width: 179px;
  height: 60px;
  float: left;  
}

a.button_grafisch:hover 
{
  background-position: 0 -64px;  
}

a.button_contact
{
  background-color: transparent;
  background-image: url(../images/contact_btn.png);
  background-repeat: no-repeat;
  background-position: 0 0;   
  width: 179px;
  height: 60px;
  float: left;  
}

a.button_contact_selected
{
  background-color: transparent;
  background-image: url(../images/contact_btn.png);
  background-repeat: no-repeat;
  background-position: 0 -64px;   
  width: 179px;
  height: 60px;
  float: left;  
}

a.button_contact:hover 
{
  background-position: 0 -64px;  
}
/*============================== ==============================*/

/*============================== content==============================*/
#content_top
{
  background-color: transparent;
  background-image: url(../images/content_top.png);
  background-repeat: no-repeat;
  width: 980px;
  height: 38px; 
}


#content 
{
  background-image: url(../images/content.png);
  background-repeat: repeat-y;
  min-height: 300px;  
}

#content_text
{ 
  padding-top: 5px;
  padding-left: 30px;
  padding-right: 30px; 
}

#content_bottom 
{
  background-color: transparant;
  background-image: url(../images/content_bottom.png);
  background-repeat: no-repeat;
  width: 980px;
  height: 38px; 
}

#footer_ff2_ie7
{
  margin-top: 10px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#footer_ff2_ie7 p
{
  font-family: Verdana, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #46b0fa;
  float: left;
}

#ff2_btn
{
  float: left;
  background-image: url(../images/ff2_btn.png);
  background-position: 0 0;
  width: 78px;
  height: 15px;
  display: block;
}

#ff2_btn:hover
{
  background-image: url(../images/ff2_btn.png);
  background-position: 0 -15px;
}

#ie7_btn
{
  float: left;
  background-image: url(../images/ie7_btn.png);
  background-position: 0 0;
  width: 78px;
  height: 15px;
  display: block;
}

#ie7_btn:hover
{
  background-image: url(../images/ie7_btn.png);
  background-position: 0 -15px;
}

#jurriedesign_btn
{
  margin-top: 10px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;

  background-image: url(../images/jurriedesign_btn.png);
  background-position: 0 0;
  width: 115px;
  height: 14px;
  display: block;
}

#jurriedesign_btn:hover
{
  background-image: url(../images/jurriedesign_btn.png);
  background-position: 0 -14px;
}
/*============================== ==============================*/