/* ------------------------------------
   Cascading Style Sheet for
   Site: Horizont Microsite
   Title: Best of corporate publishing
   Date: 06.11.2007
   Author: stm
   CSS-Hacks: no
   ------------------------------------ */

html {
 height: 100%;
}

* { margin: 0; padding: 0; }

body {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #000000;
  line-height: 18px; 
  background: #FFFFFF;
  margin: 0px;
  padding: 0px;
}

#head { height: 114px; }
#head #left { float: left; width: 160px; height: 114px; background: url('images/BCP_Buch_2010_100px.jpg') 50% 0 no-repeat; }
#head #right { float: left; width: 575px; height: 22px; margin: 65px 0 27px 15px; }
#head #right h1 { font-family: Helvetica, Arial, sans-serif; font-size: 22px; line-height: 1em; margin: 0; padding: 0; color: #0E437B; }

#navspacer { width: 160px; float: left; margin: 0 15px 0 0; padding: 5px 0 0 0; }
#nav { float: left; width: 160px; margin: 0 15px 0 0; padding: 5px 0 0 0; border-top: 1px solid #AD8503; }
#nav ul { margin: 0; padding: 0; list-style-type: none; line-height: 1.1em; background-color: #f7de8e; }
#nav ul li { margin: 0; padding: 0; color: #000000; }
#nav ul li a { color: #000000; height: 17px; margin: 0; padding: 1px 16px; background: #f7de8e url('images/nav_bg.gif') 0 100% repeat-x; font-size: 12px; line-height: 14px; text-decoration: none; display: block; }
#nav ul li.first { font-size: 16px; padding: 0; color: white; border-top: 3px solid white; border-bottom: 1px solid white; font-family: Times New Roman; }
#nav ul li a:hover { font-weight: bold; }

#content #text { float: left; width: 585px; padding: 5px 0 0 0; border-top: 1px solid #AD8503; }
#content #text h1 { margin: 0 0 24px 0; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #003270; }
#content #text h2 { margin: 20px 0 14px 0; font-size: 16px; font-weight: bold; color: #003270; }
#content #text h2 { margin: 16px 0 5px 0; font-size: 12px; font-weight: bold; }
#content #text h4 { margin: 10px 0 1px 0; font-size: 14px; font-weight: bold; color: #003270; }


#text table { margin: 0 0 16px 0; }
#text table tr.dark { background: #EFEFEF; }
#text table td { padding: 5px; }
#text p { margin: 0 0 16px 0; }
#text ul, #text ol { margin: 0 0 16px 30px; }
#text ol { list-style-type: decimal; }
#text ol li { margin: 0 0 20px 0; }

#text form { background: #EDEDED; }
#text form div span.field input { height: 15px; }
#text form div span.field select { height: 17px; }
#text form textarea.txt { width: 550px; height: 100px; }
#text form p { padding: 0 5px; }
#text form h2 { padding: 5px; margin: 0; color: #515151; font-weight: bold; font-size: 12px; }
#text form h2b { padding: 5px; margin: 0; color: #515151; font-weight: normal; font-size: 12px; }
#text form div { height: 20px; margin: 0; padding: 0; font-size: 12px; color: #515151; clear: both; font-weight: normal; }
#text form div.button { width: 100%; height: 100%; background: white; padding: 18px 0; font-size: 12px; }
#text form div.button input { color: #3A3A3A; font-size: 12px; }
#text form .label { margin: 0; background: #CCCCCC; float: left; width: 260px; height: 100%; padding: 5px; }
#text form .star { margin: 0; background: #FFFFFF; float: left; width: 585px; height: 100%; }
#text form .field { margin: 0; background: #F3F3F3; float: right; width: 305px; padding: 5px; }
#text form .meldung { margin: 0; font-size: 12px; color: red; }