/* css to buri.info */
/* copyright by Laurenz Buri */

body
{ 
  font: 8pt/12pt Verdana;
  color: #606060;
  background: #FFFFFF;
  margin: 0px;
  }


h1
{ 
  font: 10pt/12pt Verdana;
  background: url("img/h1_bg.jpg") no-repeat;
  padding: 8px 30px 10px 55px; 
  margin: 0px 0px 0px 0px;
 }

h2
{ 
  font: 8pt/10pt Verdana;
  font-weight: bold;
  font-style: italic;
  background: url("img/main_bg.jpg") repeat-y;
  padding: 8px 30px 10px 40px; 
  margin: 0px 0px 0px 0px;
 }

h3
{ 
  font: 8pt/10pt Verdana;
  font-style: italic;
  background: url("img/main_bg.jpg") repeat-y;
  padding: 8px 30px 3px 30px; 
  margin: 0px 0px 0px 0px;
 }


/* div specific */

#welcome
{
  background: url("img/top_welcome.jpg") no-repeat top left;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 0px;
  left: 50px;
  width: 730px;
  height: 315px;
  }

#contact
{
  background: url("img/top_contact.jpg") no-repeat top left;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 0px;
  left: 50px;
  width: 730px;
  height: 315px;
  }

#education
{
  background: url("img/top_education.jpg") no-repeat top left;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 0px;
  left: 50px;
  width: 730px;
  height: 315px;
  }

#events
{
  background: url("img/top_events.jpg") no-repeat top left;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 0px;
  left: 50px;
  width: 730px;
  height: 315px;
  }

#events
{
  background: url("img/top_events.jpg") no-repeat top left;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 0px;
  left: 50px;
  width: 730px;
  height: 315px;
  }


#links
{
  background: url("img/top_links.jpg") no-repeat top left;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 0px;
  left: 50px;
  width: 730px;
  height: 315px;
  }


#pictures
{
  background: url("img/top_pictures.jpg") no-repeat top left;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 0px;
  left: 50px;
  width: 730px;
  height: 315px;
  }

#projects
{
  background: url("img/top_projects.jpg") no-repeat top left;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 0px;
  left: 50px;
  width: 730px;
  height: 315px;
  }

#main
{ 
  background: url("img/main_bottom.jpg") no-repeat bottom left;
  padding: 0px 0px 40px 0px;
  position: absolute;
  top: 315px;
  left: 205px;
  width: 525px;
 }

#main ul
{ 
  background: url("img/main_bg.jpg") repeat-y;
  list-style: square;
  list-style-type: square;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 40px;
 }

#main ul.section_last
{ 
  background: url("img/main_bg.jpg") repeat-y;
  margin: 0px 0px 0px 0px;
  padding-bottom: 20px;
 }

#main li
{ 
  list-style: square;
  margin: 0px 20px 0px 7px;
  }

#main p
{ 
  background: url("img/main_bg.jpg") repeat-y;
  padding: 10px 30px 12px 30px; 
  margin: 0px 0px 0px 0px;
 }

#main a
{ 
  color: #606060;
  text-decoration: underline;
  padding: 0px 0px 0px 0px; 
 }

#main a:hover
{ 
  color: #663333;
  margin: 0px 0px 0px 0px;
  letter-spacing: 1px;
 }

#menu
{ 
  background: url("img/menu_bottom.jpg") no-repeat bottom left;
  padding: 0px 0px 20px 0px;
  margin: 0px;
  position: absolute;
  top: 315px;
  left: 0px;
  width: 205px;
 }

#menu ul
{ 
  list-style-type: none;
  list-style: none;
  text-decoration: none; 
  margin: 0px;
  padding: 0px 0px 20px 0px;
  }

#menu li
{ 
  background: url("img/menu_bg.jpg") repeat-y;
} 

#menu li a
{ 
  background: url("img/menu_up.jpg") no-repeat;
  color: #606060;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 3px 45px;
 }

#menu li a:hover
{ 
  background: url("img/menu_over.jpg") no-repeat;
  color: #663333;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 3px 47px;
 }

form { 
       padding: 0px;
       margin: 0px;
 }