/*

© 2010, maxpress UNTERNEHMENSGRUPPE (www.maxpress.de)

*/

html, body {
  height             : 100% ;
}

body {
  background         : white ;
  font-family        : Helvetica, Arial, Sans-Serif ;
  font-size          : 1em ;
  font-size          : 100.01% ;
  margin             : 0 ;
  padding            : 0 ;
}

body#sp {
  background         : #eff0f1 url('images/bg.jpg') no-repeat center top ;
  text-align         : center ; 
}

body#sp_intro {
  background         : #eff0f1 ;
  text-align         : center ; 
}


h1, h2, h3, h4, h5, h6, p, table {
  font-size          : 1em ;
  margin             : 0 ;
  margin-bottom      : 1.5em ;
  padding            : 0 ;
}

form {
  margin             : 0 ;
  padding            : 0 ;
}

img { 
  behavior           : url( 'iepngfix.htc' ) ; 
}

body#sp div#box_main {
  height             : 900px ;
  margin             : 0 auto ; 
  margin-left        : auto ; 
  margin-right       : auto ; 
  margin-top         : 8px ;
  min-height         : 100% ;
  position           : relative ;
  text-align         : left ;
  width              : 925px ;
  z-index            : 1 ;
}

body#sp_intro div#box_main {
  height             : 513px ! important ;
  margin             : 0 auto ; 
  margin-left        : auto ; 
  margin-right       : auto ; 
  margin-top         : 35px ;
  text-align         : center ;
  width              : 850px ;
  z-index            : 10 ;
}

body#sp_intro div#box_main div#banner {
  border             : 1px solid #0860a8 ;
  width              : 800px ;
}

body#sp_intro div#box_main div#link {
  font-size          : 0.8em ;
  padding-top        : 1em ;
}

div#box_header {
  color              : #646466 ;
  font-size          : 0.75em ;
  position           : absolute ;
  right              : 15px ;
  text-align         : right ;
  top                : 8px ;
  width              : 500px ;
  z-index            : 30 ;
}

div#box_header a {
  border-right       : 1px solid #646466 ;
  color              : #646466 ;
  margin-right       : 5px ;
  padding-right      : 5px ;
  text-decoration    : none ;
}

div#box_header a.last {
  border-right       : none ;
  margin             : 0 ;
  padding            : 0 ;
}

div#box_header a.sel {
  font-weight        : bold ;
}

div#box_logo {
  height             : 90px ;
  left               : 0 ;
  position           : absolute ;
  top                : 115px ;
  width              : 338px ;
  z-index            : 10 ;
}

div#box_navigation {
  background         : white ;
  font-size          : 0.8em ;
  left               : 0 ;
  line-height        : 1.5em ;
  padding            : 4px ;
  position           : absolute ;
  text-align         : center ;
  top                : 222px ;
  width              : 385px ;
  z-index            : 15 ;
}

div#box_navigation span.separator {
  border-left        : 1px solid #646466 ;
}

div#box_navigation a {
  color              : #646466 ;
  margin-right       : 4px ;
  padding            : 2px 8px ;
  text-decoration    : none ;
}

div#box_navigation a.sel {
  background         : #d9d9d9 ;
}

div#box_navigation a.last {
  margin             : 0 ;
}

div#box_pictures {
  background         : transparent url('images/bg_picture.gif') no-repeat right bottom ;
  height             : 218px ;
  position           : absolute ;
  right              : 0 ;
  text-align         : right ;
  top                : 27px ;
  width              : 536px ;
  z-index            : 20 ;
}

div#box_pictures img {
  margin-left        : 4px ;
}

div#box_pictures img.first {
  margin             : 0 ;
}


div#box_body {
  background         : white url('images/bg_body.gif') repeat-y ;
  color              : #646466 ;
  height             : 626px ;
  left               : 0 ;
  position           : absolute ;
  top                : 245px ;
  width              : 925px ;
  z-index            : 15 ;
}

div#box_content {
  font-size          : 0.75em ;
  height             : 570px ;
  left               : 22px ;
  overflow:auto;
  position           : absolute ;
  top                : 58px ;
  width              : 700px ;
  z-index            : 25 ;
}

div#box_content a.arrow {
  background         : url('images/arrow.gif') no-repeat left 2px ;
  color              : #646466 ;
  font-weight        : bold ;
  line-height        : 1.5em ;
  padding-left       : 14px ;
  text-decoration    : none ;
}

div#box_content a:hover.arrow {
  text-decoration    : underline ;
}

div#box_content p.small {
  padding-right      : 220px ;
}

div#box_content ul {
  padding            : 0 ;
  margin-left        : 15px ;
}

div#box_content ul li {
  list-style-type    : square ;
  margin-bottom      : 2px ;
}


div#box_content table.values {
  border-left        : 1px solid #646466 ;
  border-top         : 1px solid #646466 ; 
}

div#box_content table.values tr td,
div#box_content table.values tr th {
  border-bottom      : 1px solid #646466 ;
  border-right       : 1px solid #646466 ; 
  padding            : 2px 8px ;
}

div#box_content table.values tr th {
  text-align         : center ;
}

div#box_content div.item_1_layer,
div#box_content div.item_2_layer {
  float              : left ;
  margin-bottom      : 1.5em ;
  width              : 33% ;
}

div#box_content div.item_layer {
  clear              : left ;
  margin-bottom      : 1.5em ;
}

div#box_content div.item_1_layer {
  clear              : left ;
  margin-right       : 3% ;
}

div#box_content .error {
  color              : #eb690a ;
}


div#box_content form input,
div#box_content form textarea {
  border             : 1px solid #0860a8 ;
}

div#box_content form input {
  width              : 225px ;
}

div#box_content form div.item_layer input,
div#box_content form div.item_layer textarea {
  width              : 478px ;
}

body div.layer {
  background         : #0860a8 ;
  display            : none ;
  position           : absolute ;
  z-index            : 30 ;
}

body div.layer_over {
  color              : white ;
  display            : none ;
  font-size          : 0.7em ;
  line-height        : 1.2em ;
  position           : absolute ;
  text-align         : left ;
  width              : 115px ;
  z-index            : 35 ;
}


body div.layer_over a {
  color              : white ;
}

body div.layer_over div.content {
  background         : #0860a8 ;
  padding            : 5px ;
}

body div.layer_over div.arrow {
  background         : transparent url('images/layer.png') no-repeat left bottom ;
  height             : 10px ;
}

div#box_content div.options {
  float              : right ;
  margin-right       : 10px ;
  width              : 185px ;
}

div#box_content div.options a.arrow {
  background-position : left 4px ;
  display            : block ;
}



div#box_stuff {
  font-size          : 0.75em ;
  height             : 325px ;
  position           : absolute ;
  right              : 20px ;
  top                : 58px ;
  width              : 138px ;
  z-index            : 25 ;
}

div#box_stuff h2 {
  text-align         : center ;
}

div#box_stuff div.stuff_item div.content strong {
  color              : #0860a8 ;
}

div#box_stuff div.stuff_item div.content ul {
  padding            : 0 ;
  margin-left        : 15px ;
}

div#box_stuff div.stuff_item div.content ul li {
  list-style-type    : square ;
}


div#box_contacter {
  bottom             : 0 ;
  font-size          : 0.7em ;
  position           : absolute ;
  right              : 20px ;
  width              : 138px ;
  z-index            : 20 ;  
}

div#box_contacter a {
  color              : #646466 ;
  text-decoration    : none ;
}

div#box_contacter a:hover {
  text-decoration    : underline ;
}

div#box_footer {
  background         : #0061a9 url('images/bg_footer.gif') no-repeat right top ;
  bottom             : 0 ;
  color              : #646466 ;
  font-size          : 0.7em ;
  position           : absolute ;
  width              : 925px ;
  z-index            : 20 ;  
}

div#box_footer div.inside {
  background         : #f2f2f2 ;
  margin-top         : 5px ;
  padding            : 5px 0 ;
  text-align         : right ;
}

div#box_footer div.inside a {
  color              : #646466 ;
  text-decoration    : none ;
}

