/* CSS Document  f?r  */

/* Hover-Links f?r Hauptnavigation */
  a:link     {color:#000000;  text-decoration:none;  font-family : Tomaha, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:12px;}
  a:visited {color:#000000; text-decoration:none;font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:12px;}
  a:active  {color:#000000; text-decoration:none;font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:12px;}
  a:hover  {color:#002A69; text-decoration:underline;font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:12px;}
  
  /* Hover-Links f?r rechtes Kopfmen? */
  a:link.nr     {color:#4C4C4C; text-decoration:none;font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:10px;}
  a:visited.nr {color:#4C4C4C; text-decoration:none;font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:10px;}
  a:active.nr  {color:#4C4C4C; text-decoration:none;font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:10px;}
  a:hover.nr  {color:#002A69; text-decoration:underline;font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:10px;}

/* Text, Farbe, und Scrollbalken f?r Seiten */
body{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 11px;
  color : #4C4C4C;
  background-image: url('../images/hg_globe.gif');
  background-repeat: no-repeat;
  background-position: 60% 70%;
    
  /*Scrollbalken*/
  scrollbar-face-color : #f5f5f5;
  scrollbar-shadow-color : #f5f5f5;
  scrollbar-highlight-color : #EAEAEA;
  scrollbar-3dlight-color : #cdcdcd;
  scrollbar-darkshadow-color : #cdcdcd;
  scrollbar-track-color : #f5f5f5;
  scrollbar-arrow-color : #990000; 
}

/* Text, Farbe, f?r Tabellen Seiten */
td{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 11px;
  color : #4C4C4C;
}

/* ?berschriften */
h1{color:#999999; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:22px;}
h2{color:#6d6d6d;}

/* Umrandung f?r Haupttabelle */
.hrand{
  border-right-style : solid;
  border-right-color : Black;
  border-right-width : 1px;
  border-left-style : solid;
  border-left-color : Black;
  border-left-width : 1px;
}

/* Formatierung f?r untere gestrichelte Linie */
.tablin  {
  background-image: url(../images/hg_td.gif);
}

/* 10er Text, Farbe grau */
.txt10{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 10px;
  color : #4C4C4C;
 }
 
 /* 10er Text, Farbe Rot */
.txt10r{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 10px;
  color : #990000;
 }
 
 /* 11er Text, Farbe rot */
.txt11r{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 11px;
  color : #990000;
 }
 
 /* Formularfelder */
input,select,option  {
  font-size : 11px;
  font-family : verdana,arial,trebuchet ms;
  color : #000000;
  border-bottom : 1px solid #4F4F4F ;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
}

 /* Formularfeld mit roter Schrift f?r Domaincheck */
.inputrot  {
  font-size : 11px;
  font-family : verdana,arial,trebuchet ms;
  color : #990000;
  border-bottom : 1px solid #4F4F4F ;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
}

/* Formularfeld Textarea */
textarea {
  font-size : 11px;
  font-family : verdana,arial,trebuchet ms;
  color : #000000;
  border-bottom : 1px solid #4F4F4F ;
  border-left: 1px solid #4F4F4F ;
  border-right: 1px solid #4F4F4F ;
  border-top: 1px solid #4F4F4F ;
}


 /* Button in Formularen */
.formbutton {
  font-size : 11px;
  font-family : verdana,arial,trebuchet ms;
   border-bottom : 0px;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
}

/* Fusszeile */
.footer {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 9px;
  color : #5c5c5c;
  }


.twitter
 {
  background-color:#efefef;
  border-style:solid #000000 0px;
  
  }
#twitter
{
 position:absolute;
 left:10px; top:220px;
}


.twitterflight
 {
  background-color:#efefef;
  border-style:solid #000000 0px;
  
  }
#twitterflight
{
 position:absolute;
 left:10px; top:100px;
}



div.imageHold {
  padding: 55px 85px; /* damit der container die höhe des großen bildes annimmt */
  /* andere formatierung, z.B. zentrieren/etc: */
  /* .... */
}

div.imageHold div {
  float: left;
  width: 230px;
  height: 150px;
  /* ab hier kann man die abstände
  und sonstiges der bilder eintragen */
  margin-left: 50px;
}

div.imageHold img {
  width: 200px;  /* wir skalieren das große bild auf die kleine größe */
  height: 200px; /* um verpixelung beim vergößern zu verhindern       */
}

div.imageHold img:hover {
  position: absolute;
  left:150px;
  top:220px;
  margin-left: -85px; /* die hälfte des größenunterschiedes der bilder */
  margin-top: -55px;  /* hier genau so */
  width: 720px;       /* die weite beim vergrößern */
  height: 720px;      /* die höhe beim vergrößern */
}