body {
   font-size: 15px;
   color: #000;
   background-image: url(background.jpg);
   background-repeat:repeat-x;
   padding: 0;
   margin: 0;
   }
#navigation P {
   margin: 0 1em;
   padding: 0.4em 0;
   }

.code {
   font-size: 0.8em;
   background-color: #eee;
   color: #333;
   padding: 0.5em;
   margin: 0.5em;
   }
.code #box {
   font: 12pt "trebuchet MS",Verdana,sans-serif;
   color: #333;
   background-color: #f8f8f8;
   padding: 0.9em;
   }
.code #box em {
   color: #920;
   }

#maincontent {
   background-color: #feffff;
   padding: 1em;
   border: 1px solid #c0c0c0;
   margin: 160px 11px 0 239px;
   }

#banner {
   position: absolute;
   top: 10px;
   width: 100%;
   }

h1 {
   font: 19pt  "trebuchet MS",Verdana,sans-serif;
   padding: 0.5em;
   }

h2 {
   font: 14pt  "trebuchet MS",Verdana,sans-serif;
   padding: 0.5em;
   }

h2 code {
   font-weight: bold;
   color: #999;
   }

#navigation {
   background: transparent;
   position: absolute;
   top: 160px;
   left: 12px;
   border: 0px solid #c0c0c0;
   border-top-style: none;
   }

#navigation LI {
   background: transparent;
   margin: 0px;
   padding: 0px;
   display: inline;
   }

#navigation UL {
   background: transparent;
   margin: 0px;
   padding: 0px 0px 10px 0px;
   }

#navigation A {
   font: normal 1.1em  "trebuchet MS",Verdana,sans-serif;
   color: #000;
   text-decoration: none;
   display: block;
   padding: 10px 17px 0px 17px;   
   width: 176px;
   border-top-style: solid;
   border-top-width: 0px;
   border-top-color: #c0c0c0;
   }

#navigation A:link,
#navigation A:visited {   
   }

#navigation A:hover,
#navigation A:focus {
   text-decoration: underline;
   }

#navigation A.n  {
   display: none;
   list-style: none;
   }
   
#navigation A:link span, #navigation A:visited span {
   display: none;
   list-style: none;
   }

#navigation A:hover span, #navigation A:focus span {
   background: transparent;
   width: 9.5em;
   display: block;
   position: absolute;
   top: 20em;
   left: 0.5em;
   }

#ia #navigation A.nav_a,
#ia #navigation A.nav_a_box,
#ib #navigation A.nav_b,
#ib #navigation A.nav_b_box,
#ib #navigation A.nav_b2_box,
#ic #navigation A.nav_c,
#ic #navigation A.nav_c_box,
#id #navigation A.nav_d, 
#id #navigation A.nav_d_box,
#ia_sub #navigation A.nav_a,
#ia_sub #navigation A.nav_a_box,
#ib_sub #navigation A.nav_b,
#ib_sub #navigation A.nav_b_box,
#ib_sub #navigation A.nav_b2_box,
#ib2_sub #navigation A.nav_b,
#ib2_sub #navigation A.nav_b_box,
#ib2_sub #navigation A.nav_b2_box,
#ic_sub #navigation A.nav_c,
#ic_sub #navigation A.nav_c_box,
#id_sub #navigation A.nav_d,
#id_sub #navigation A.nav_d_box{
   display: block;
   font: normal 1em "trebuchet MS",Verdana,sans-serif;
   color: #000;
   padding: 3px 4px 3px 44px;
   margin: 0 0 0 0;
   width: 162px;
   border-style: none;
   }

#ia_sub #navigation A.nav_a_sub,
#ib_sub #navigation A.nav_b_sub,
#ib2_sub #navigation A.nav_b2_sub,
#ic_sub #navigation A.nav_c_sub, 
#id_sub #navigation A.nav_d_sub {
   display: block;
   font: normal 0.94em "trebuchet MS",Verdana,sans-serif;
   color: #000;
   padding: 3px 4px 3px 68px;
   margin: 0 0 0 0;
   width: 148px;
   border-style: none;
   }   

#ia_sub .nav_a_box,
#ib_sub .nav_b_box,
#ib2_sub .nav_b2_box,
#ic_sub .nav_c_box,
#id_sub .nav_d_box {
   text-decoration: underline;
   }

#ia .nav_main_a,
#ia_sub .nav_main_a,
#ib .nav_main_b,
#ib_sub .nav_main_b,
#ib2_sub .nav_main_b,
#id .nav_main_d,
#id_sub .nav_main_d {
   padding-bottom: 10px;
   font-weight: bold;
   }

#ic .nav_main_c,
#ic_sub .nav_main_c {
   font-weight: bold;
}

#maincontent img {
   border: 1px solid #c0c0c0; 
}

#bild_links {
   float:left;
   width: 39%;
   margin: 10px 10px 0px 0px;   
}
#bild {
   margin: 10px 10px 10px 0px;   
   width: 47%;
   text-align: center;
}