/*                     */
/*   m a i n . c s s   */
/*   . . . . . . . .   */

html {
  height: 100%;
}
body {
  font: 12px/1.231 arial, helvetica, clean, sans-serif;
  font-weight: normal;
  height: 100%;
  min-width: 973px; /* important for correct display of background gradient when resizing window */
  text-align: center;
  background-color: #004192;
  color: #0a328c;
}

strong {
  font-weight: bold;
}

a:link,
a:visited,
a:active {
  color: #FFF;
  text-decoration: underline;
}

#container {
  height: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  min-width: 973px; /* important for correct display of background gradient when resizing window */
  width: auto;
  background-color: #FFF;
}

/* Important for sticky footer */
body > #container {
  height: auto;
  min-height: 100%;
}
/* Important for sticky footer in IE */
body img.tracking, 
body iframe.tracking {
  position: absolute; /* avoids tracking pixel stuff blow up footer */
  margin-top: -1px;
}


/* Content-Top */
#content-top-container {
  background: #004192 url(/img/frontend-skin-odin/content/bg_main.jpg) no-repeat center 0;
  border-top: 1px solid #0073D2;
  width: 100%;
}

#content-bottom-container {
  background: url(/img/frontend-skin-odin/content/bg_bottom_gradient.png) repeat-x 0 0;
  background-color: #FFF;
  width: 100%;
  height: 200px;
}

#content-top {
  margin: 0 auto;
  padding: 30px 25px 20px 26px;
}

#code_box {
  background: url(/img/frontend-skin-odin/content/bg_codebox.png) no-repeat 0 0;
  width: 460px;
  height: 240px;
  margin: 0 auto;
  padding: 20px 30px;
  text-align: left;
}

#code_box  input.code_input{
  float: left;
  width: 182px;
  height: 18px;
  border: 1px solid #8d9ba9;
  padding: 5px 9px;
  margin-top: 4px;
  color: #728ebf;
  font-size: 1.2em;
}

#code_box  .hint_text{
  color: #728ebf;
  padding-top: 7px;
}

#code_box  .error_text{
  height: 35px;
  padding: 10px 0;
  color: #ff0000;
}

#code_box hr{
  height: 1px;
  width: 454px;
  background-color: #FFFFFF;
  color: #FFFFFF;
  border-top: 1px;
  border-top-color: #acc4d1;
  border-top-style: solid;
  text-align:left;
  border-left: 0;
}

.viewport-0 {
  width: 942px;
}

#header_container .viewport-0,
#footer_container .viewport-0 {
  width: 973px;
}

/* Headlines */
#content h1 {
  color: #FFFFFF;
  font-size: 1.6em;
  font-weight: normal;
  left: 115px;
  padding: 0;
  position: absolute;
  top: 30px;
}

#content h2 {
  background: url(/img/frontend-skin-odin/content/h2_main.png) no-repeat 0 0;
  height: 85px;
  width: 515px;
  margin: 0 auto 20px;
}

#content h2.image-text {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  text-indent: -9999px;
}

#content h3{
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 10px 0;
}

#content p {
  padding: 0 0 12px 0;
}

/* Buttons */
#code_box .btn_weiter {
  bottom: 4px;
}