body,
div.topwrap1,
div.topwrap2,
div.layoutbox1,
div.layoutbox2,
div.layoutbox3,
table.mainwraptable,
td.layoutbox4,
td.cell_contentwrap{
  margin: 0px;
  padding: 0px;
  border: 0px;
}

table.mainwraptable{
  border-collapse: collapse;
}

table.mainwraptable tr{
  vertical-align: top;
}

div.topwrap1{
  width: 800px;
  height: 50px;
  top: 0px;
}

div.topwrap2{
  width: 800px;
  height: 120px;  
}

div.mainwrap{
  width: 800px;
/*  height: 400px;*/
 display: block;
}

/*oben links dunkelgruen*/
div.layoutbox1{
  height: 50px;
  width: 150px;
  background-color: darkslategray;
  float: left;
}

/* himmel topwrap1 rechts*/

div.layoutbox3{
  width: 650px;
  height: 50px;
  background-color: wheat;
  background-image: url(fotos/various/himmel.jpg);
  float: right;
}

/* brett links im topwrap2*/

div.layoutbox2{
  float: left;
  height: 120px;
  width: 150px;
  background-color: LightSteelBlue;
  background-image: url(fotos/various/brett.jpg);
  float: left;
}

/* mainwrap */

/* menu 2 wrapper links im mainwrap */

td.layoutbox4{
  width: 150px;
  background-color: LightSteelBlue;
  padding: 20px 0px 0px 5px;
  vertical-align: top;
}

td.cell_contentwrap{
  width: 650px;
  border-left: 0px;
  border-right: 1px solid LightSteelBlue;
  border-bottom: 1px solid LightSteelBlue;
  padding: 20px 0px 20px 30px;
}


div.contentwrap{
  width: 580px; 
}

table.imgtext-nowrap{
  width: 580px; 
}

div.dummy_filler{
  width: 138px;
}

/* ------------------ end of divs ------------------ */


img{ border: 0px;}

a{
  font-weight: bold;
  color: brown;
  text-decoration: none;
}

a:hover{
  font-weight: bold;
  color: brown;
  text-decoration: underline;
}

h1,
h2,
h3,
h4{
  font-family: Arial, sans-serif;
}

h1,
div.csc-header,
div.csc-header h1,
p.csc-header-date{
  font-family: Arial, sans-serif;
  font-size: 18px;
  color: orange;
  margin: 20px 0px 8px 0px;
}

div.csc-header h1,
div.csc-header p.csc-header-date{
display: inline;
}

div.csc-header p.csc-header-date{
  padding-right: 10px;
}

div.csc-header p.csc-header-date{
  color: #000000;
}


p,li{
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: black;
  margin: 0px;
  padding: 0px;
}

p{
  text-align: justify;
}

pre{
  font-size:12px;
  background-color: #eeeeee;
  overflow: auto;
  width: 100%;
}

ul{
  margin: 5px 0px 5px 15px;
  padding: 15px;

}

p.bodytext{
  font-size: 12px;
  padding-bottom: 8px;

}

/*image captions */
p.csc-caption{
  font-size: 10px;
  text-align: left;
  font-weight: bold;
}

li{
margin-bottom: 2px;
}

p.footer{
margin-top: 10px;
font-size: 9px;
color: #aaaaaa;
}

div.title{
  height: 110px;
  width: 640px;
  background-color: lightblue;
  background-image: url(fotos/various/metall.jpg);
  font-family: Arial, sans-serif;
  font-style: italic;
  font-stretch: condensed;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  vertical-align: middle;
  color: orange; /*darkseagreen;*/
  padding: 10px 10px 0px 0px;
  float: right;
}


div.pagetitle{
  font-size: 22px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: navy;
}


.inflate_clickable_area{
  width: 100%;
  height: 100%;
}

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

div.menu_1 {
  padding: 25px 3px 3px 3px;
  height: 20px;
  width: 600px;
  font-family: Arial, sans-serif;
  font-size: 12px;
}


div#menu_1 div.menu1-level1-no,
div#menu_1 div.menu1-level1-act{
  font-weight: bold;
  display:inline;
  margin: 0px 0px 5px 5px;
  padding: 0px 0px 0px 0px;
  border: 1px;
  border-color: black;
  border-style: solid;
  background-color: orange;
}

div#menu_1 div.menu1-level1-no a,
div#menu_1 div.menu1-level1-act a{
  font-weight: bold;
  text-decoration: none;
  padding: 0px 2px 0px 2px;
}

div#menu_1 div.menu1-level1-no{
  background-color: orange;
}

div#menu_1 div.menu1-level1-act{
  background-color: white;
}

div#menu_1 div.menu1-level1-no a{
  color: brown;
}

div#menu_1 div.menu1-level1-act a{
  color: navy;
}

div#menu_1 div.menu1-level1-act a:hover, 
div#menu_1 div.menu1-level1-no a:hover{
  background-color: lightyellow;
}




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

div.menu_2 {
  font-family: Arial, sans-serif;
  font-size: 11px;
}




/* --------------------- copy ---------------- */

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

div#menu_2 div.menu2-level1-no,
div#menu_2 div.menu2-level1-act{
  margin: 2px 0px 0px 0px;
  padding: 0px 0px 0px 5px;
  border-width: 1px 1px 1px 1px;
  border-color: black;
  border-style: solid;
  width: 130px;
  height: 15px;

}

div#menu_2 div.menu2-level1-no a,
div#menu_2 div.menu2-level1-act a{
  width: 130px;
  height: 15px;
  text-decoration: none;
/*  padding: 2px;*/
}


div#menu_2 div.menu2-level1-no{
  background-color: lightskyblue;
}

div#menu_2 div.menu2-level1-act{
  background-color: white;
}

div#menu_2 div.menu2-level1-no a{
  color: navy;
}

div#menu_2 div.menu2-level1-act a{
  color: navy;
}

div#menu_2 div.menu2-level1-act a:hover, 
div#menu_2 div.menu2-level1-no a:hover{
  color: brown;
}


/***********************************************
 formatting for sitemap
************************************************/

/*csc-sitemap */

p.csc-sitemap-level1{}
p.csc-sitemap-level2{
  padding-left: 10px;
  margin-left: 10px;
}

p.csc-sitemap-level3{
  padding-left: 20px;
  margin-left: 20px;
}


/***********************************************
 formatting for content element table 
************************************************/

table.contenttable {
  margin: 0px;
  border: 1px solid black;
  border-collapse: collapse;
}


td.td-0,
td.td-1, 
td.td-2, 
td.td-3, 
td.td-4, 
td.td-5,
td.td-6, 
td.td-7,
td.td-8, 
td.td-last {
 border: 1px solid navy;
 width: 80px;
 text-align: center;
  padding: 3px;
}

td.td-0 {
  width: 120px;
  background-color: white! important;
  text-align: left! important;
}

td p {
  font-size: 11px;

}

/*table header row*/

tr.tr-0{
  background-color: white! important;
  color: white! important;
}


/*
  table even row*/

tr.tr-even{
  background-color: lightblue;
  color: black;
}

/*table odd row*/

tr.tr-odd{
  background-color: lightgrey;

}

/***********************************************
             modern guestbook 
***********************************************/

    .tx-guestbook-list-header { background-color: lightblue;}
    .tx-guestbook-latest-header { background-color: lightblue;}
    .tx-guestbook-form-inputfield-med { border-color:lightblue; }
    .tx-guestbook-form-inputfield-big { border-color:lightblue;}
    .tx-guestbook-form-textarea { border-color: lightblue;}

/***********************************************
             page comments 
***********************************************/


div.tx-skpagecomments-pi1{
  padding: 10px;
 /* border: 1px solid lightblue;*/
  background-color: #ededee;
}


div.tx-skpagecomments-pi1,
div.tx-skpagecomments-pi1 p{
  font-family: Arial, sans-serif;
  font-size: 12px;
  text-align: left;
}

div.tx-skpagecomments-pi1 div.sk-pagecomments-counter{
  text-decoration: none;
  font-weight: bold;
}

div.tx-skpagecomments-pi1 span.sk-pagecomments-emailhomepage a{
  margin-left: 20px;
}

div.tx-skpagecomments-pi1 span.sk-pagecomments-number{
  float: left;
  margin-right: 5px;
}


div.tx-skpagecomments-pi1 div.sk-pagecomments-headline{
  padding: 5px 5px 5px 10px;
}

div.tx-skpagecomments-pi1 div.sk-pagecomments-comment{
  background-color: transparent;
  padding-bottom: 15px;
}

div.csc-frame-frame2{
  margin-top: 10px;
  border: 2px solid red;
  padding: 10px;
  background-color: pink;
}

div.csc-frame-frame2 h1.csc-firstHeader{
  color: red;
}

table.xbmc_ppa_changelog {
  border-collapse: collapse;
}

table.xbmc_ppa_changelog th,
table.xbmc_ppa_changelog td{
  border: 1px solid #444444;
  padding: 3px;
  vertical-align: top;
  align: left;
}

table.xbmc_ppa_changelog th{
  background-color: lightblue;
  font-size: 14px;
}

table.xbmc_ppa_changelog p{
  padding: 10px;
  font-size: 12px;
}