/** Redefinition of HTML tags *************************************************/

html {
  overflow-y: scroll;
}

body {
  font:       11px/16px Verdana, Arial, Helvetica, sans-serif; 
  color:      #000000; 
  background: #FFFFFF url("/images/body_bg.png") repeat-x scroll top; 
  margin:     25px;
  text-align: center;
}

h2 {
  color:       #994d3b;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size:   16px;
  line-height: 18px;
  padding:     0px;
  margin:      0px;
  height:      16px;
}


h3 {
  font:        11px/16px Verdana, Arial, Helvetica, sans-serif; 
  color:       #994d3b; 
  font-weight: normal;
  margin:      0px;
  padding:     0px;
  height:      16px;
}

form {
  padding: 0px;
  margin:  0px;
}

img {
  border: none;
}

p {
  padding: 0px;
  margin:  12px 0px 0px;
}

th {
  font:        11px/16px Verdana, Arial, Helvetica, sans-serif; 
  color:       #994d3b; 
  font-weight: normal;
  text-align:  left;
}

a,
a:link,
a:visited {
  font-weight: normal; 
  color:       #666666;
}
  
a:hover,
a:active { 
  color: #000000;
}

/** Different link-classes ****************************************************/

a.next,
a.next2 {
  background-image:  url(../images/nextarrow_dark.png);
  background-repeat: no-repeat;
  text-decoration:   none;
}

a.next {
  background-position: right;
  padding:             2px 21px 2px 0px;
}

a.next2 {
  background-position: left;
  padding:             2px 0px 2px 20px;
}

a:hover.next,
a:hover.next2,
a:active.next,
a:active.next2,
a.next.hover {
  background-image: url(/images/nextarrow_light.png);
}

a.prev {
  background-image:    url(/images/prevarrow_dark.png);
  background-repeat:   no-repeat;
  background-position: left;
  text-decoration:     none;
  padding:             2px 0px 2px 20px;
}

a:hover.prev,
a:active.prev {
  background-image: url(/images/prevarrow_light.png);
}

a.stop {
  background-image:    url(/images/stop.png);
  background-repeat:   no-repeat;
  background-position: right;
  text-decoration:     none;
  padding:             2px 22px 2px 0px;
}

a:hover.stop,
a:active.stop {
  background-image: url(/images/stop_hl.png);
}

/** Form styles ***************************************************************/

.label {
  clear:   both;
  width:   150px;
  display: block;
  float:   left;
}

.tooltip {
  position:           absolute;
  padding:            6px;
  width:              250px;
  visibility:         hidden;
  -moz-border-radius: 4px;
}

.input,
.inputHighlighted  {
  font:             12px/14px Verdana, Arial, Helvetica, sans-serif;
  width:            120px;
  border:           1px solid #CCCCCC;
  background-color: #FFFFFF;
  margin:           1px;
  padding:          1px;
}

.inputHighlighted,
.tooltip {
  background-color: #f7faff;
  color:            #000000;
}

#main .inputHighlighted {
  background-color: #fcfcfc;
}

/** Basic layout divs *********************************************************/

#container {
  position:   relative;
  text-align: left;
  margin:     0px auto;
  width:      910px;
}

#head {
  height: 77px;
}

#logo,
#logotext,
#breadcrumb,
#lang {
  position: absolute;
  z-index:  1;
}

#logo {
  top:  0px;
  left: 0px; 
}

#logotext {
  left: 90px;
  top: 14px;
}

#breadcrumb {
  right: 10px;
  top:   30px;
  color: #666666;
}

#breadcrumb a {
  text-decoration: underline;
  color:           #666666;
}

#breadcrumb a:hover {
  color: #000000
}

#lang {
  top:              77px;
  right:            10px;
  display:          none;
  padding:          10px;
  background-color: #FFFFFF;
  border:           1px solid #EEEEEE;
}

/** Navigation styles *********************************************************/

#nav {
  position:   relative;
  top:        49px;
  height:     28px;
  width:      100%;
  background: #FFFFFF url("/images/topmenu_bg.png") repeat-x scroll top; 

}

#nav ul {
  position:    absolute;
  left:        100px;
  width:       800px;
  height:      28px;
  list-style:  none;
  white-space: nowrap;
  margin:      0px;
  padding:     0px;
  display:     inline;
}

#nav li {
  display: block;
  float:   left;
  margin:  0px;
  padding: 0px;
}

#nav li.right {
  float: right;
}

#nav a {
  font:            12px/18px Verdana, Arial, Helvetica, sans-serif; 
  color:           #FFFFFF;
  position:        relative;
  margin:          0px;
  padding:         0px;
  font-weight:     bold;
  text-decoration: none;
  padding:         7px;
  top:             5px;
}

#nav a:hover,
#nav a:active { 
  background-color: #516377;
}