/* main CSS */


/* some samples */

/* h3   { font-size: 1.6em; margin: 0px; } */
/* body {background-color: yellow} */

/* h1 {color:maroon; font-size:20pt} */
/* hr {color:navy} */
/* p {font-size:11pt; margin-left: 15px} */

/* order of links is important, active after hover */

/* a:link {color: #FF0000} unvisited link */
/* a:visited {color: #00FF00} visited link */
/* a:hover {color: #FF00FF} mouse over link */
/* a#active {color: #0000FF} selected link */
/* a.a1 subclass of a, works fine */
/* a.a1#active works fine too, see samples below*/

/* p:first-letter {color:#ff0000;font-size:xx-large} */
/* p:first-line {color:#0000ff} */
/* p.article:first-letter {color:#ff0000} */

p, div, div.mainDiv
{
  font-family: Verdana, Arial, Sans-Sherif;
  font-weight: normal;
  font-size: 1.0em;
}

h1, h2, h3, h4
{
  font-family: Verdana, Arial, Sans-Sherif;
}

body, .bodytable
{ font-size: 0.7em;
  font-family: Verdana, Arial, Sans-Sherif;
  font-weight: normal;
  color: rgb(78,114,174);
  background-repeat: no-repeat; /* to avoid tiling */
}

.bodytable
{ font-size: 1.0em;
  
}



a
{
  text-decoration: none; /* no underline */
}

a:link {color: rgb(91,18,51); } /* sequence must be this one */
a:visited {color: rgb(91,18,51); }
a:hover {color: #000000; }
a:active {color: rgb(91,18,51); } /* does not work samples below */
a#active {color: #000000; font-size: 1.2em; } /* works fine */

/* a.a1:hover { */
/*     display: block; */
/*   background: url(../bilder/link_h.png) no-repeat; */
/*   color:#FFFFFF; */
/*   font-weight: bold; */
/* } */

/* a.a1#active { */
/*     display: block; */
/*   background: url(../bilder/link_a.png) no-repeat; */
/*   color:#FFFFFF; */
/*   font-weight: bold; */
/* } */


div.mainDiv
{ position: absolute;
  top: 235px;
  left: 186px; 
  width: 716px; 
  height: 369px;
  
  padding-top: 10px; /* top, right, bottom, left, if set right is correlated to width!  */
  padding-left: 10px; 
  padding-bottom: 10px;
  padding-right: 10px;  
  
  overflow:auto; /* show scrollbars instead of frame scrolling */
  
  /* border: 1px solid black; */
  background-color: #ffffff;
  color: rgb(78,114,174);
  /* background-color: ; to be transparent for underlying background, IE is not transparent without this */
  /* background-color: transparent;  try this also */
}

/* sollte auch so gehen */
/* div.mainDiv:visited {color: rgb(91,18,51); } */

/* und auch a kann einer bestimmten Klasse angehoeren */
/* a.red:visited {color: #FF0000} <a class="red" href="css_syntax.asp">CSS Syntax</a> */

a#mainDiv /* or #mainDiv a */
{
  text-decoration: none; /* no underline */
}


a#mainDiv:link {color: rgb(91,18,51); } /* or #mainDiv a:link */
a#mainDiv:visited {color: rgb(91,18,51); }
a#mainDiv:hover {color: #000000; }



a.sample_attach, div.sample_attach, 
div.textWhite, div.textWhiteFirst, div.bigBlue
{
  position:absolute;
  display: block;
  left: 0px;
  width:150px;
  height:20px;

  border:  1px solid white;
  
  padding-top: 5px; /* top, right, bottom, left, if set right is correlated to width!  */
  padding-left: 35px; 
  padding-bottom: 4px;
  

  /* background-color: ; to be transparent for underlying background, IE is not transparent without this */
  background-color: transparent; /* try this also */

  text-decoration: none;
  font-family: Verdana, Arial, Sans-Sherif;
  font-weight: 900;
  font-size: 1.0em;
  color: #ffffff;
}


div.textWhiteFirst 
{
  font-size: 1.2em;
  
  height:16px;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid white;
}

div.textWhite 
{ 
  font-size: 1.2em;

  height:16px;
  border-left: none;
  border-right: 1px solid white;
  border-top: none;
  border-bottom: 1px solid white;
}

a#textWhite /* or #textWhite a */
{
  text-decoration: none; /* no underline */
}


#textWhite a:link {color: #ffffff; }
#textWhite a:visited {color: rgb(91,18,51); }
#textWhite a:hover {color: #000000;  }
#textWhite a:active {color: rgb(91,18,51); }


div.bigBlue
{
  font-size: 1.2em;
  color: rgb(91,18,51);
  border-left: none;
  border-right: 1px solid white;
  border-top: none;
  border-bottom: none; 
  height:132px;
}
              
div.sample_attach
{ 
  border-left: none;
  border-right: 1px solid white;
  border-top: none;
  border-bottom: none;
}
              

form.sample_attach
{
  position: absolute;
  visibility: hidden;

  border:  1px solid black;
  padding: 0px 5px 2px 5px;

  background: #FFFFEE;
}

form.sample_attach b
{
  font-family: Verdana, Arial, Sans-Sherif;
  font-weight: 900;
  font-size: 1.1em;
}

input.sample_attach { margin: 1px 0px; width: 170px; }