/************************************************/
/*             Layouts                          */
/************************************************/

/*

orange          rgb(255,192,0)    #ffc000
light orange    rgb(255,246,223)  #fff6df

*/

body 
{ 
  margin-top: 30px;
  text-align:center;
  background-color:#FFC000;

    scrollbar-base-color:      #ffffff; /* #8C8CC6; */
    scrollbar-3d-light-color:  #FFffff;
    scrollbar-arrow-color:     #000080;
    scrollbar-darkshadow-color:#ffffff;
    scrollbar-face-color:      #ffffff; /* #8C8CC6; */
    scrollbar-highlight-color: #FFFFff;
    scrollbar-shadow-color:    #ffffff;
    scrollbar-track-color:     #ffffff; /* #ACACE6; */
}

body, td, th, li {
  font-family: Arial, sans-serif, Helvetica;
  font-size: 10pt;
  color: #222222;
}

ol, ul {
  
  /* margin-top:5px; padding:0px;  */
  /* margin-bottom:5px; padding:0px; */
  
  list-style-type: circle;
}

h1 {
  color:#005000;
  font-size:18pt;
}

h2 {
  color:#005000;
  font-size:12pt;
}

h3 {
  color:#005000;
  font-size:11pt;
  font-style:none;
}

a:link {
  color: #265C8F;
  text-decoration: underline;
}
a:visited {
  text-decoration: none;
  color: #265C8F;
}
a:hover {
  text-decoration: underline;
  color:#008000;
  background-color:#FFC000;
  text-decoration:none;
}
a:active {
  text-decoration: none;
  color: #265C8F;
}


/************************************************/
/* Layouts für die Hauptnavigation              */
/************************************************/
#hauptnavigation
{
  list-style: none;
  padding: 0;
  margin: 0;
}

#hauptnavigation li
{
  position: relative;
  float: left;
  height: 21px;
  margin: 2px 3px 2px 3px;
  border: 0px inset #000060;
  text-align: center;
}

/* Darstellung eines nicht aktiven Links */
#hauptnavigation li a, #hauptnavigation li a:link, #hauptnavigation li a:visited
{
	display: block;
	padding: 1px 15px 1px 15px;
	color: #ffffff;
	text-decoration: underline;
}

/* Darstellung eines aktiven Links */
#hauptnavigation li.active a, #hauptnavigation li.active a:link, #hauptnavigation li.active a:visited
{
	text-decoration: none;
	color: #000080;
	font-weight: bold;
	background-color: #aaaaff;
}

/* Darstellung des fokussierten Links */
#hauptnavigation li a:hover
{
	color: #000080;
	background-color: #aaaaff;
	text-decoration: none;
}

/************************************************/
/* Layouts für die Subnavigation                */
/************************************************/
#subnavigation
{
	list-style: none;
	padding: 0;
	margin: 0px 5px 0xp 0px;
	width: 180px;
}

#subnavigation li
{
	position: relative; float: left; 
	width: 174px;
	margin: 2px 3px 2px 3px;
	text-align: center;
	vertical-align: middle;
	line-height: 25px;
}

/* Darstellung der Menütitel */
#subnavigation li.title, #subnavigation li.titlelink
{
	font-weight: bold;
	text-align: left;
}

#subnavigation li.titlelink img
{
	margin-right: 5px;
}

#subnavigation li.title
{
	background-image: url('images/arrow_white.gif');
	background-position:  left 50%;
	background-repeat: no-repeat;
	width: 154px;
	padding-left: 20px;
	color: #000080;
	background-color: #aaaaff
}

/* Browserweiche: Angabe einer anderen Breite 
	zur Umgehung der unterschiedlichen Darstellungsweise im IE */
* html #subnavigation li.title, * html #subnavigation li.titlelink
{
	width: 174px;
}

/* Darstellung eines nicht aktiven Links */
#subnavigation li a, #subnavigation li a:link, #subnavigation li a:visited
{
	display: block;
	color: #ffffff;
	text-decoration: underline;
}

/* Darstellung eines aktiven Links */
#subnavigation li.active a, #subnavigation li.active a:link, #subnavigation li.active a:visited
{
	font-weight: bold;
	color: #000080;
	background-color: #aaaaff;
	text-decoration: none;
}

/* Darstellung des fokussierten Links */
#subnavigation li a:hover
{
	color: #000080;
	background-color: #aaaaff;
	text-decoration: none;	
}

#imagenavigation
{
	margin:5px;
	text-align:center;
	vertical-align: middle;
	/* line-height: 25px; */
}