body.htl {
  background-color: #737373;
  background-image: url(../gfx/top-bg.gif);
  margin: 0;
  padding: 0;
  overflow: show;
  color: #484848;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  /*#676767; ;*/
  }
  
table.outertable { 
  border: 0;
  width: 970px;
  vertical-align: top;
  text-align: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0; 
  padding: 0;  
  background-image: url(../gfx/top-bg-main.png);
  background-repeat: repeat-y;
}

table.innertable { 
  border: 0;
  width: 950px;
  vertical-align: top;  
  text-align: justify;   
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0; 
  background-color: #676767;
  padding: 0; 
}

table td {
  font-size: 11px;
}

p {
  font-size: 11px;
  text-align : justify;
  line-height: 14px;
}

p.center {
  font-size: 11px; 
  text-align : center;
  line-height: 1.4em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-weight: bold;
}

p.bold {
  font-size: 11px;
  font-weight: bold;
  text-align: justify;
  line-height: 1.4em;
}

p.right {
  font-size: 9px;
  font-style: italic;   
  text-align : right;
}
 
p.headline {
  font-size: 11px;
  font-weight: bold;  
  text-align : justify;
}
 
p.smalltext {
  font-size: 10px;
  text-align : justify;
}  

p.verysmalltext {
  font-size: 9px; 
  text-align: justify;
} 

p.agb {
  font-size: 9px;
  text-align: justify;
}  

ul.overview {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.overview li {
  font-size: 11px;
  text-align : left;
  line-height: 1.6em;
  vertical-align: top;  
} 

ul.overview li a {
  text-decoration: none;
  background-image:url(../gfx/pfeil-grau.gif);
  background-repeat:no-repeat;
  background-position: 1px 2px;
  padding-left: 10px;
  line-height: 14px;
  color: #484848;
} 

ul.overview li span {
margin: 0 0 10px 10px;
display: block;
}

td.teaser_right label {
  font-size: 11px;
  color: #000;
  font-weight: bold;
  line-height: 15px;
}

ul.jobs {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.jobs li {
  font-size: 11px;
  text-align : left;
  vertical-align: top;  
} 

ul.jobs li a {
  text-decoration: none;
  background-image:url(../gfx/pfeil-grau.gif);
  background-repeat:no-repeat;
  background-position: 1px 2px;
  padding-left: 10px;
  line-height: 15px;
  color: #000;
} 

ul.jobs li a:hover, ul.jobs li a:active  {
 text-decoration: underline;
}

table {
	font-size: 11px;
}

table.copyright { 
  border: 0;
  width: 950px;
  vertical-align: top;
  text-align: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0; 
  padding: 0;   
}

table.threesome_right { 
  border: 0;
  width: 255px;
  margin: 0;
  padding: 0;
  text-align: right;
}

table.threesome_left { 
  border: 0;
  width:  155px;
  margin: 0;
  padding: 0;
}

table.navigation {
  border: 0;
  margin-bottom: 10px;
}

table.chronik {
  width: 100%;
}

td {
	font-size: 10px;  
}

td.block-grey {
  width: 15px; 
}

td.header { 
  border: 0;
  vertical-align:   bottom;
  margin: 0;
  padding: 0;
  width: 950px;
  height: 150px;
  text-align: left;
}

td.navigation { 
border: 0;
text-align: left;
vertical-align: bottom;
padding-left: 10;
width: 950px;
height: 150px;
background-color: #333333;
background-image: url(../gfx/HTL-Logo-auf-dunkelgrau.png);
background-position: 738px 45px;
background-repeat: no-repeat;
}

td.navtext {
color: white;
font-size: 11px;  
font-weight: bold;
}

td.jahreszahl {
color: white;
font-weight: bold;
vertical-align: top;
}

td.jahreszahl span {
font-size: 24px;
line-height: 26px;
}

td.jahrestext {
color: #484848;
font-size: 11px; 
font-weight: normal;
vertical-align: top;
text-align: justify;
padding: 0 10 20 20;
margin: 0;
}

td.contentengine {
  margin: 0;  
  vertical-align: top;  
  background-color: #D1D1D1; 
  width: 540px;
}

td.contentengine  td, td.contentengine  p {
line-height: 16px; 
}

div.contentarea {
width: 440px;
margin: 40px 0 40px 50px;
}

td.threesome_left {  
   margin: 0;  
   background-color: #ADADAD;
   vertical-align: top;  
   width:  155px;
   border-right: 1px solid #616161;
}

td.threesome_right {
  margin: 0;  
  background-color: #ADADAD;
  vertical-align: top;  
  width:  255px;
  border-left: 1px solid #616161;
}

td.navspacer {
  width: 10px; 
}

td.spacer {
  height: 15px;
background-color: #D1D1D1;  
}

td.changingpictures { 
border: 0;
width: 950px;
height: 150px;
border-bottom: 2px solid white;
background-repeat: no-repeat;
}

div.banner {
	position: absolute;
}

div.banner-bg img {
width: 950px;
height: 150px;
border: 0;
}

td.fett {
	font-size: 11px;
  font-weight: bold;  
} 

td.red {
	color: red;
	font-size: 11px;
  font-weight: bold;  
} 

td.oben {
font-size: 10px;
  vertical-align: top;
  margin: 0; 
  padding: 0;         
}

td.oben_text {
	font-size: 10px;
  vertical-align: top;
  margin-top: 5px 0 0 0;
  padding: 5px 0 0 0;       
}

td.rot {
	color: #FF0000;
  font-weight: bold;
	font-size: 11px;
}

td.red_small {
	color: #FF0000;
	font-size: 10px;
}

a, a:link, a:visited, a:active {
  text-decoration:  none;
	font-size: 10px;  
  }
a:hover, a:focus {
  text-decoration:  underline;
	font-size: 10px;   
  }
   
a.mainnav, a.mainactivenav {
 text-decoration:  none !important;
 font-size: 11px !important;
}
a.subnav, a.subactivenav {
 text-decoration:  none !important;
 font-size: 11px !important; 
}
   
a.mainnav, a.mainnav:link, a.mainnav:visited, a.mainnav:active {
  color: white;
  }
a.mainnav:hover, a.mainnav:focus {
  color: #9d9d9d; 
  } 
  
a.subnav, a.subnav:link, a.subnav:visited, a.subnav:active {
 color: white;
  
  }
a.subnav:hover, a.subnav:focus {
  color: #9d9d9d;
  }
  
a.mainactivenav, a.mainactivenav:link, a.mainactivenav:visited, a.activenav:active, a.mainactivenav:hover, a.mainactivenav:focus {
color: #9d9d9d;
font-weight: bold;
background-image:url(../gfx/pfeil-grau.gif);
background-repeat:no-repeat;
background-position: 2px 5px;
padding-left: 10px;
}
  
a.subactivenav, a.subactivenav:link, a.subactivenav:visited, a.activenav:active, a.subactivenav:hover, a.subactivenav:focus {
color: #9d9d9d;
font-weight: bold;
background-image:url(../gfx/pfeil-grau.gif);
background-repeat:no-repeat;
background-position: 2px 5px;
padding-left: 10px;
}
  
a.subsubnav {
text-decoration:  none;
}

a.subsubnav:hover {
text-decoration:  underline;
}

a.subsubactivenav, a.subsubactivenav:hover, a.subsubactivenav:active {
text-decoration:  none;
font-weight: bold;
}

a.team, a.team:link, a.team:visited, a.team:active {
  text-decoration:  none;
  color: #484848; 
  font-size: 10px;  
  }
a.team:hover, a.team:focus {
  text-decoration:  underline;
  color: #7d7d7d;
  font-size: 10px;   
  }   
 
input,select,button,textarea {
  vertical-align:   middle;
  width: 300px;
}

input.normal {
vertical-align:   left;
  width: auto;
}

hr {
  height: 1px;
  color: black;
  border: none;
}

img.block-grey {
  width: 12px;
  height: 12px;
  margin-top: 2px; 
  vertical-align: middle;
}

img.langpicture {
  width: 23px;
  height: 15px;
  vertical-align: middle;
  margin-top: 2px;
  border: 0;
}

img.iso9001 {
  width: 200px;
  height: 200px;   
}

img.htl_europa {
  width: 440px;
  height: 440px;
  background: white;
}

img.htl_deutschland {
  width: 358px;
  height: 500px;
  background: white;
}

td.copyright {
  font-size: 10px; 
  text-align: middle;
  vertical-align: middle;
  font-weight: normal;
  height: 30px;
  background-color: #333333;
  color: #ADADAD;
} 


div.teaser_links {
margin: 40px 20px 0 0;
width: 100%;
}

div.teaser_rechts {
margin-top: 40px;
width: 225px;
vertical-align: top;
text-align: right;
float: right;
}

td.balken_unten {
border-top: 1px solid #616161;
border-bottom: 1px solid #616161;
height: 10px;
width: 950px;
background-image: url(../gfx/Balken-blau-Verlauf-Unterseite.png);
background-repeat: repeat-y;
}

img.balken_unten {
width: 950px;
height: 10px;
border: 0;
}

table.teaserbox_left {
width: 140px;
color: white;
}

table.teaserbox_right {
width: 225px;
color: white;
margin-bottom: 20px;
}

td.headline_left, td.headline_right {
height: 20px;
line-height: 20px;
background-color: #392E7A;
background-repeat: repeat-y;
font-size: 12px;
letter-spacing: 0.1px;
}

td.headline_left {
background-image: url(../gfx/Balken-blau-Verlauf-links.png);
border-top: 1px solid #616161;
border-right: 1px solid #616161;
border-bottom: 1px solid #616161;
}

td.headline_right {
background-image: url(../gfx/Balken-blau-Verlauf-rechts-links.png);
border-top: 1px solid #616161;
border-bottom: 1px solid #616161;
border-right: 0;
}

td.teaser_right {
padding-top: 10px;
}

td.teaser_right p {
  font-size: 10px;
  color: #000000;
  padding-right: 30px;
  line-height: 14px;
}

td.teaser_left {
padding-top: 10px;
}

td.teaser_left p {
padding-left: 10px;
color: #000000;
}

td.teaser_left p.small {
margin: 0;
padding: 5px 0 5px 10px;
}

div.wetter {
margin-left: 8px;
}

div.wetter_alt {
border: 1px solid #616161;
background-color: #FFFFFF;
}

div.wetter input, div.wetter select {
width: auto;
}

h1 {
  font-size: 16px;
  color: #392E7A; 
  font-weight: bold;  
  text-align: justify;
  line-height: 24px;
}

h2 {
  padding: 0 0 0 10px;
  margin: 0;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: normal;
  letter-spacing: normal;
}

h3 {
  font-size: 11px;
  color: #484848;
  font-weight: bold;
}

h4 {
  font-size: 10px;
  color: #484848;
  font-weight: bold;
  padding-right: 30px;
  line-height: 14px;
}

a.pfeil {
text-decoration: none;
color: #484848;
background-image:url(../gfx/pfeil-grau.gif);
background-repeat:no-repeat;
background-position: 1px 2px;
padding-left: 10px;
line-height: 14px;
}

a.pfeil:hover, a.pfeil:active {
text-decoration: underline;
}

a.pfeil_black {
text-decoration: none;
color: #000;
background-image:url(../gfx/pfeil-grau.gif);
background-repeat:no-repeat;
background-position: 1px 2px;
padding-left: 10px;
line-height: 14px;
}

a.pfeil_black:hover, a.pfeil_black:active {
text-decoration: underline;
}

hr.team {
width: 100%;
height: 1px;
color: white;
border-bottom: 1px solid white;
margin-bottom: 15px;
}

img.profexlogo {
width: 130px;
height: 44px;
border: 0;
margin-left: 10px;
}

img.webcam_image  {
width: 130px;
height: 96px;
border: 0;
margin-left: 10px;
}

table.mylogistics  {
font-size: 8px;
}

table.mylogistics ul {
margin: 0;
padding: 0;
list-style-type: none;
}

table.mylogistics ul li {
  font-size: 8px;
  text-align : left;
  vertical-align: top;  
  color: #000;
  background-image:url(../gfx/pfeil-grau.gif);
  background-repeat:no-repeat;
  background-position: 1px 2px;
  padding: 0 20px 3px 10px;
  
} 

table.mylogistics ul li a {
  text-decoration: none;
  line-height: 14px;
  color: #000;
} 

table.mylogistics ul li a:active, table.mylogistics ul li a:hover {
  text-decoration: underline;
} 

div#kicktipp {
width: 850px;
margin: 0 auto;

}

td#kicktipp_td {
background-color: #D1D1D1;
text-align: center;
}