/*

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

*/

html, body {
  height             : 100% ;
}

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

body#medisanum {
  background         : #eee ;
  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 ;
}

#box_main {
  background         : white url('images/bg.gif') repeat-y ;
  height             : auto !important ;
  height             : 100% ;
  margin             : 0 auto ; 
  margin-left        : auto ; 
  margin-right       : auto ; 
  min-height         : 100% ;
  position           : relative ;
  text-align         : left ;
  width              : 602px ;
  z-index            : 1 ;
}

#box_header {
  border-bottom      : 2px solid white ;
  height             : 242px ;
  overflow           : hidden ;
  position           : relative ;
  z-index            : 2 ;
}

#box_navigation {
  background         : #b00057 ;
  border-bottom      : 1px solid white ;
  height             : 44px ;
  position           : relative ;
  z-index            : 2 ;
}

#box_navigation div.inside {
  padding-top        : 10px ;
  position           : relative ;
}

#box_navigation div.inside li {
  display            : inline ;
}

#box_navigation div.inside li a {
  padding-left       : 50px ;
}

#box_navigation div.inside li a.first {
  padding-left       : 18px ;
}

#box_navigation div.inside li a:hover {
  text-decoration    : underline ;
}

#box_navigation div.inside li a.sel {
  font-weight        : bold ;
}

#box_style {
  background         : #c9528d ;
  border-bottom      : 2px solid white ;
  font-size          : 1px ;
  height             : 15px ;
}

#box_left {
  float              : left ;
  font-size          : 0.85em ;
  width              : 133px ;
}

#box_left div.inside,
#box_right div.inside {
  color              : white ;
  font-size          : 0.75em ;
  line-height        : 1.7em ;
  padding            : 30px 5px 30px 15px ;
}

#box_navigation div.inside ul, 
#box_navigation div.inside li,
#box_left div.inside ul, 
#box_left div.inside li,
#box_footer div.inside ul, 
#box_footer div.inside li {
  list-style-type    : none ;
  margin             : 0 ;
  padding            : 0 ;
}

#box_navigation div.inside li a,
#box_left div.inside li a,
#box_footer div.inside li a {
  color              : white ;
  text-decoration    : none ;
}

#box_navigation div.inside div#box_sub_menu {
  font-size          : 0.7em ;
  left               : 107px ;
  position           : absolute ;
  top                : 28px ;
}

#box_navigation div.inside div#box_sub_menu ul li a {
  padding-left       : 8px ;
}

#box_navigation div.inside div#box_sub_menu ul li a.first {
  padding-left       : 50px ;
}

#box_right {
  float              : right ;
  font-size          : 0.85em ;
  width              : 133px ;
}

#box_right div.inside h2 {
  color              : #b00057 ;
  font-size          : 1.25em ;
  font-weight        : bold ;
}

#box_right div.inside div.teaser {
  margin-bottom      : 1em ;
}

#box_right div.inside div.teaser a {
  color              : white ;
  text-decoration    : none ;  
}

#box_right div.inside div.teaser div.title {
  background         : transparent url( 'images/teaser_lst.gif' ) no-repeat left center ;
  color              : #b00057 ;
  font-size          : 1.15em ;
  font-weight        : bold ;
  padding-left       : 12px ;
}

#box_right div.inside div.teaser div.title a {
  color              : #b00057 ;
}

#box_content {
  color              : #707172 ;
  font-size          : 0.85em ;
  margin             : 0 133px ;
  position           : relative ;
  z-index            : 5 ;
}

#box_content div.inside {
  color              : #646466 ;
  font-size          : 0.85em ;
  padding            : 30px ;
}

#box_content div.inside a {
  color              : #646466 ;
}

#box_content div.inside p {
  line-height        : 1.5em ;
}

#box_content div.inside ul {
  list-style-type    : square ;
}

#box_content div.inside textarea.text,
#box_content div.inside input.text {
  border             : 1px solid #c9528d ;
  color              : #c9528d ;
  width              : 200px ;
}

#box_content div.inside .error {
  color              : #c9528d ;
}

#box_content div.inside .arrow {
  background         : transparent url( 'images/arrow.gif' ) no-repeat left center ;
  padding-left       : 12px ;
}

#box_content div.inside .contact {
  float              : left ;
  width              : 4.5em ;
}

#box_content div.inside .opener {
  float              : left ;
  width              : 6.7em ;
}

#box_content div.inside .opener_long {
  float              : left ;
  width              : 14em ;
}

#box_content div.inside div.item_download {
  margin-top         : 1.25em ;
}

#box_content div.inside div.item_download div.image {
  float              : right ;
  text-align         : right ;
  width              : 60px ;
}

#box_content div.inside div.item_download div.image a img {
  border             : 1px solid #006175 ;
}

#box_content div.inside div.item_download div.descr {
  font-size          : 0.95em ;
  padding-top        : 10px ;
}

#box_content div.inside div.item_download div.href {
  text-align         : right ;
}

#box_content div.inside div.item_download div.href a {
  background         : transparent url( 'images/arrow.gif' ) no-repeat left center ;
  font-style         : italic ;
  padding-left       : 12px ;
  padding-right      : 40px ;
}

#box_content div.inside img.thumb {
  border             : 1px solid #006175 ;
  margin-bottom      : 1.5em ;
  margin-left        : 1.5em ;
}

#box_content div.inside p.subline {
  border-top         : 1px solid #b00057 ;
  font-style         : italic ;
  padding-top        : 1em ;
}

#box_gallery_stuff {
  bottom             : 30px ;
  font-size          : 0.85em ;
  left               : 150px ;
  position           : absolute ;
  text-align         : left ;
  width              : 133px ;
  z-index            : 50 ;
}

#box_gallery_stuff a {
  background         : transparent url( 'images/arrow_left.gif' ) no-repeat right center ;
  color              : #646466 ;
  font-size          : 0.85em ;
  padding-right      : 12px ;
  text-decoration    : none ;
}

#box_gallery_stuff a:hover {
  text-decoration    : underline ;
}


#box_button {
  bottom             : 30px ;
  font-size          : 0.85em ;
  position           : absolute ;
  right              : 150px ;
  text-align         : right ;
  width              : 133px ;
  z-index            : 50 ;
}

#box_button a {
  background         : transparent url( 'images/arrow.gif' ) no-repeat left center ;
  color              : #646466 ;
  font-size          : 0.85em ;
  padding-left       : 12px ;
  text-decoration    : none ;
}

#box_button a:hover {
  text-decoration    : underline ;
}

#box_footer {
  bottom             : 30px ;
  font-size          : 0.85em ;
  position           : absolute ;
  right              : 0px ;
  width              : 133px ;
  z-index            : 50 ;
}

#box_footer div.inside {
  color              : white ;
  font-size          : 0.85em ;
  padding            : 0 7px ;
}

#box_footer div.inside li {
  margin-top         : 1em ;
}
#box_left div.inside li a.sel,
#box_left div.inside li a:hover,
#box_footer div.inside li a.sel,
#box_footer div.inside li a:hover {
  text-decoration    : underline ;
}


/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0px;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */