a:active {color: red}

a.onlightbg:link {color: blue}

a.onlightbg:hover {color: red;
  background-color: white
  }

a.image:hover {color: red; background-color: transparent} /* no background-color! */

a.menu, a.menu:active, a.menu:hover, a.menu:visited {
  text-decoration: none ! important
  }

a.menu {vertical-align: middle;
  }

a.menu:hover {font-weight: 700
  }

html, body {height: 100%}

/* Complete canvas */
#container {
  position: relative;
  min-height: 100%
  }
	
#allcontent {padding-bottom: 35px}

/* General content within container: usually menu + content blocks */
/* #content {}*/

/* top left logo of IntC */
#logo {background-color: #000;
  border: 0px;
  height: 100px;
  float: left}

/* Top header banner - General grey backdrop */
#header, #headertech, #headereqt, #headerextra {
  border: 0px;
  color: black;
  vertical-align: top;
  height: 100px;
  padding: 0px
  }

#header {background-color: rgb(229, 229, 229)}
#headertech {background-color: rgb(181, 255, 181)}
#headereqt {background-color: rgb(255, 152, 153)}
#headerextra {background-color: rgb(211,215,255)}

/* Horizontal bar below header */
#navindicbar {
  left: 0px;
  font-size: 75%;
  padding-top: 8px;
  padding-left: 5px;
  height: 18px
  }
  
/* Menu block */
#menu {margin: 5px;
  float: left
  }
  
/* One block of content - multiple per page possible */
/* Positioned to the right of the menu - top-aligned (hence 5px) */
div.contentblock, div.togahistcontentblock {margin-top: 5px;
  margin-bottom: 18px;
  margin-left: 210px;
  margin-right: 10px
  }

/* Footer block - will stick to bottom of page if content is too short */
#footer {position: absolute;
  bottom: 0;
  width: 100%;
  }
  
/* Footer text */
p.footer {
  font-size: smaller;
  padding: 5px;
  text-align: center
  }

#webringblock {text-align: center;
  padding: 5px;
  width: 400px;
}

img.counter {background-color: white}

/* Body */
body.intc {
   margin: 0px;
   background-repeat: repeat;
   background-attachment: fixed;
   font-size: small;
   font-family: Verdana, Arial, sans-serif
}

/* Menu-table */
img.menu {border: 0px;
  vertical-align: middle
  }

table.menu {border-collapse: collapse;
  width: 180px
  }

/* Menu items - graphic glyph + menu-text */
td.menu, td.menutop, td.menubottom {
  border-left:0px;
  border-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 5px;
  vertical-align: middle
  }

/* horizontal border on menu between rounded corners */
td.menu-border-top {
  height: 18px;
  font-size: 75%;
  width: 132px;
  text-align: center
  }

/* Other tables */
td.techrestoc {background-color: black;
  padding: 10px
  }
  
/* Content table: rounded borders top and bottom using images */
table.content {width: 99%}

td.content {vertical-align: top;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px
  }

td.top-left, top-right {
  width: 24px
  }

td.border-top {
  height: 18px;
  font-weight: bold
  }

td.border-left, td.border-right {
  width: 1px
  }

td.spacer {width: 23px}

td.bottom-left, td.bottom-right {vertical-align: top;
  width: 24px
  }

td.border-bottom {
  height: 18px
  }

/* Headline: sticks out using colored background and black text */
td.headline {
  font-weight: bold;
  letter-spacing: 0.3em
  }

td.center {text-align: center}

td.comment {
  padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 5px
  }

td.paddedcontent {vertical-align: top;
  padding-top: 7px;
  padding-bottom: 8px
  }

td.labeltext, td.labelcolon {vertical-align: top}

/* Style for Carrier list table headers */
th.carrname, th.carrnbr, th.carref {
  text-align: left
  }

th.carrname {width: 120px}
th.carrnbr {width: 130px}
th.carref {width: 450px}

/* All pages - content */
.smaller {font-size: smaller}
.bold {font-weight: bold}
.centered {text-align: center}

/* Reference to name of person, company, ... or title of book, ... */
em.nameref {font-weight: bold}

/* Images, with or without border, floating left or right */
img.noborder {border: 0px}

img.leftfloat {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px
  }

img.rightfloat {
  float: right;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px
  }

ul.square {list-style-type: square}

p.levelone {text-indent: 12px;
  text-align: justify
  }

p.block {text-align: justify}

p.comment {
  font-size: smaller;
  padding: 5px;
  text-align: justify
  }

p.code {font-family: "Courier New", serif;
  padding-left: 10px}

p.intro {text-align: center;
  padding: 5px
  }
  
p.bptitle {width: 200px;
 text-align: center;
  padding: 2px
  }
  
div.procedure {font-family: "Courier New"; sans-serif}
