/* BODY */

  body { background: url(../../img/it-vermietung-hintergrund.gif); background-color: #013953; margin: auto; padding: 0px; font-size: 0.8em; font-family: verdana, helvetica, arial; width: 980px;}
  br { margin:0px; padding: 0px; line-height: 10px; }
  
  a { color: #f08200; font-weight: bold; text-decoration: none; }
  a:hover { color: #000000; }
  a.active { color: #000000; }
  
  form { margin: 0px; padding: 0px; } 
  ul { margin: 0px; padding: 0px; }
  
  ul { padding: 0px; margin: 0px; }
  ul li { padding: 0px; margin: 0px 0px 0px 0px; list-style: none; line-height: 18px; }
  ul li.left { width: 150px; float: left; padding-right: 10px; }
  
  h1,h2,h3 { padding: 5px 0px 5px 0px; margin: 0px; color: #26557c; }
  h1 { font-size: 20px; }
  h2 { font-size: 18px; }
  h3 { font-size: 14px; }
  
  #header_text{float:right; color: #CCCCCC; padding-right: 30px; color: #386378; }
  #header_text a { font-size: 10px; font-weight: normal; color: #386378; }
  
  #feld_fehlermeldung { color: #f08200; }


/* BOX SMALL */

  .box_small { margin: 5px; width: 340px; }
  .box_small .ol { background: url(../../img/box_ol.gif) no-repeat; width: 10px; height: 11px; float: left; line-height: 11px; }
  .box_small .om { background-color: WHITE; float: left; height:11px; width: 320px; line-height: 11px; }
  .box_small .or { background: url(../../img/box_or.gif) no-repeat; width: 10px; height: 11px; float: left; line-height: 11px; }
  .box_small .ul { background: url(../../img/box_ul.gif) no-repeat; width: 10px; height: 11px; float: left; line-height: 11px; }
  .box_small .um { background-color: WHITE; float: left; height:11px; width: 320px; line-height: 11px;}
  .box_small .ur { background: url(../../img/box_ur.gif) no-repeat; width: 10px; height: 11px; float: left; line-height: 11px;}
  .box_small .center {  background-color: WHITE; width: 320px /*Z-20*/; padding: 10px; margin-top: -0px ! important; margin-top: -10px;}
  .box_small .center p { margin: 0px; padding-bottom: 10px; }


/* BOX MIDDLE */

  .box_middle { margin: 5px; width: 470px; }
  .box_middle .ol { background: url(../../img/box_ol.gif) no-repeat; width: 10px; height: 11px; float: left; line-height: 11px; }
  .box_middle .om { background-color: WHITE; float: left; height:11px; width: 450px; line-height: 11px; }
  .box_middle .or { background: url(../../img/box_or.gif) no-repeat; width: 10px; height: 11px; float: left; line-height: 11px; }
  .box_middle .ul { background: url(../../img/box_ul.gif) no-repeat; width: 10px; height: 11px; float: left; line-height: 11px; }
  .box_middle .um { background-color: WHITE; float: left; height:11px; width: 450px; line-height: 11px;}
  .box_middle .ur { background: url(../../img/box_ur.gif) no-repeat; width: 10px; height: 11px; float: left; line-height: 11px;}
  .box_middle .center {  background-color: WHITE; width: 450px; padding: 0px 10px 0px 10px; margin-top: -0px ! important; margin-top: -10px; }
  .box_middle .center p { margin: 0px; padding-bottom: 10px; }


/* BOX MIDDLE (2) */

  .box_middle2 { margin: 5px; width: 600px; }
  .box_middle2 .ol { background: url(../../img/box_ol.gif) no-repeat; width: 10px; height: 11px; float: left; line-height: 11px; }
  .box_middle2 .om { background-color: WHITE; float: left; height:11px; width: 580px; line-height: 11px; }
  .box_middle2 .or { background: url(../../img/box_or.gif) no-repeat; width: 10px; height: 11px; float: left; line-height: 11px; }
  .box_middle2 .ul { background: url(../../img/box_ul.gif) no-repeat; width: 10px; height: 11px; float: left; line-height: 11px; }
  .box_middle2 .um { background-color: WHITE; float: left; height:11px; width: 580px; line-height: 11px;}
  .box_middle2 .ur { background: url(../../img/box_ur.gif) no-repeat; width: 10px; height: 11px; float: left; line-height: 11px;}
  .box_middle2 .center {  background-color: WHITE; width: 590px ! important; width: 588px; padding: 0px 5px 0px 5px; margin-top: -0px ! important; margin-top: -10px;}
  .box_middle2 .center p { margin: 0px; padding-bottom: 10px; }


/* BOX BIG */

  .box_big { margin: 5px; width: 950px; }
  .box_big .ol { background: url(../../img/box_ol.gif) no-repeat; width: 10px; height: 11px; float: left; line-height: 11px; }
  .box_big .om { background-color: WHITE; float: left; height:11px; width: 930px; line-height: 11px; }
  .box_big .or { background: url(../../img/box_or.gif) no-repeat; width: 10px; height: 11px; float: left; line-height: 11px; }
  .box_big .ul { background: url(../../img/box_ul.gif) no-repeat; width: 10px; height: 11px; float: left; line-height: 11px; }
  .box_big .um { background-color: WHITE; float: left; height:11px; width: 930px; line-height: 11px;}
  .box_big .ur { background: url(../../img/box_ur.gif) no-repeat; width: 10px; height: 11px; float: left; line-height: 11px;}
  .box_big .center {  background-color: WHITE; width: 910px; padding: 0px 20px 0px 20px; margin-top: -0px ! important; margin-top: -10px;}
  .box_big .center p { margin: 0px; padding-bottom: 10px; }
  
  .colum { float: left; }
  
  .options { clear: both; border-bottom: 0px solid gray; border-top: 1px solid gray; padding: 20px 0px 10px 0px;  }
  .options select { margin: 2px 2px 2px 40px; } 
  .options .software_items { float:left; width: 45%; margin-right: 20px; border: 0px solid BLACK; }
  .options .software_preis { float: right; width: 178px; padding-bottom: 10px; }
  .options .mietdauer { float:left; width: 35%; margin-right: 0px; padding-top: 10px; }
  .options p { margin: 10px 0px 0px 0px; padding: 0px; }
  .options p strong { font-size: 12px; }
  .options h2 { margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px; }
  .mietrechner_count { float: left; margin-right: 8px; margin-top: -2px; }


/* Fuer die Zusammenfassung */

  ul.mietbestell { width: 420px; margin: auto; }
  ul.mietbestell li { float: left; border: 0px solid Black;  }
  ul.mietbestell li.col1 { text-align: center; width: 20px; }
  ul.mietbestell li.col2 { width: 300px; }
  ul.mietbestell li.col3 { width: 100px; text-align: right; }
  ul.mietbestell li.head { padding-top: 3px; padding-bottom: 3px; font-weight: bold; background-color: #CCCCCC; }
  ul.mietbestell li.highlight { color:#ff6600; }

  
/* Fuer das Mietformular */

  ul.mietform br { line-height: 0px;}
  ul.mietform li { line-height: 30px; border: 0px solid white;}
  ul.mietform li.col1 { float: left; width: 100px; }
  ul.mietform li.col2 { float: left; width: 250px; }
  ul.mietform li.head { font-weight: bold; background-color: #CCCCCC; }

  
/* Footer */

  #footer { width: 950px; text-align: center; margin: auto; }
  #footer a { color: WHITE; margin-right: 5px; font-weight: normal; }
  #footer a:HOVER { color: #f08200; }
  #footer a.it-vermietung { color: #386378; }