/* RAHMEN: ============================================== */

    body {
      font-family:        Arial, Helvetica, sans-serif;
      font-size:          14px;
      background-color:   #e84c01;
      text-align:         center;
    }
    
    #wrapper {
      width:              940px;
      margin:             auto;
      background-image:   url(/id/bg.gif);
    }


/* STARTSEITE: ============================================== */

    #startcontent {
      width:              800px;
      margin:             auto;
    }
    
    .startbox {
      width:              365px;
      background-image:   url(/id/box_bg.gif);
      color:              #FFFFFF;
      float:              right;
    }
    
    .startbox div {
      width:              280px;
      position:           relative;
      left:               68px;
      text-align:         left;
      line-height:        18px;
    }

    * html .startbox div {
      width:              280px;
      position:           relative;
      left:               28px;
      text-align:         left;
      line-height:        18px;
    }


/* INHALTSSEITEN: ============================================== */

    #content {
      width:            550px;
      float:            right;
      margin-right:     70px;
      text-align:       left;
      font-size:        14px;
      
    }
    
    #content #breadcrumb {
      color:            #333333;
      line-height:      22px;
      letter-spacing:   0.3px;
      word-spacing:     2px;
      margin-bottom:    20px;
    }
    
    #content h2 {
      font-size:        17px;
      color:            #e84c01;
      margin-top:       0px;
    }
    
    #content h3 {
      font-size:        15px;
      color:            #333333;
      margin-top:       0px;
    }
    
      #content h4 {
      font-size:        12px;
      color:            #333333;
      margin-top:       0px;
padding-top: 0px;
    }


    #content p, #content h2.h2p, #content .block {
      color:            #333333;
      line-height:      22px;
      letter-spacing:   0.3px;
      word-spacing:     2px;
      text-align:       justify;
      font-weight:      normal;
      font-size:        14px;
    }
    
    #content .block  {
      font-size:        12px;
      line-height:      16px;
      padding:          20px;
      border:           1px solid #aaaaaa;
      background-color: #dddddd;
      margin-bottom:    30px; 
    }
    
     #content .block a {
      font-size:        12px;
      line-height:      16px;
      text-decoration:  none;
      color:            #333333;
    }
    
    
    #content h2.h2p a{
      color:            #333333;
      line-height:      22px;
      letter-spacing:   0.3px;
      word-spacing:     2px;
      text-align:       justify;
      font-weight:      normal;
      font-size:        14px;
      text-decoration:  none;
    }
    
     #content ol li {
      color:            #333333;
      line-height:      22px;
      letter-spacing:   0.3px;
      word-spacing:     2px;
      text-align:       justify;
      margin-bottom:    20px;
      padding:          8px;
      border:           1px solid #cccccc;
      background-color: #eeeeee;
    }
    
    #content ul li {
        color:            #333333;
              line-height:      22px; 
    
    }
    
     #content ol li:hover {
      background-color: #cccccc;
    }
    
     #content p.error {
      background-color: #e84c01;
      line-height:      20px;
      letter-spacing:   0.3px;
      word-spacing:     2px;
      padding:          20px;
      color:            #ffffff;
    }
    
     #content p.error a {
      
      color:            #ffffff;
    }
    
    #content table tr th,
    #content table tr td {
      color:            #333333;
      line-height:      22px;
      letter-spacing:   0.3px;
      word-spacing:     2px;
      font-size:        13px;
      padding:          5px;
      text-align:       left;
      
    }
    
    #content table tr td {
      background-color: #dddddd;
    }

    #content table  {
      border:           1px solid #333333;
    }

    #content a {
      color:            #e84c01;
    }    

    #nav {
      float:            left;
      text-align:       left;
      width:            250px;
      margin-left:      30px;
    }

    #nav a {
      color:            #333333;
    }
    
    #nav a:hover {
      color:            #e84c01;
    }
    
    #nav li {
            margin-bottom:    10px;
      padding-bottom:   10px;
    }


    #nav a img {
      border:           0px;
      margin-bottom:    10px;
    }
    
    


/* ANFRAGEFORMULAR: ============================================== */

    #content form  {
      width:            550px;
      color:            #333333;
      font-size:        13px;
            
    }
    
    #content form .formbg  {
      background-color: #eeeeee;
      padding:          20px;
      margin-bottom:    30px;
      border:           1px solid  #e84c01;
            
    }
    
    #content form label {
      width:            200px;
      display:          block;
      
    }

    #content form input, 
    #content form select,
    #content form textarea {
      display:          block;
      float:            right;
      width:            180px;
      border:           1px dotted #e84c01;
      color:            #333333;
    }
 
    
    #content form input.versteckt {
      border:           0px solid red;
    }
    
    #content form input.error {
      background-color: #ee9a72;
    }



/* ANBIETER: ============================================== */

    #transbg {
      display:          none;
      position:         absolute;
      top:              0;
      left:             0;
      z-index:          2;
      width:            100%;
      height:           100%;
      background-color: #000000;
      opacity:          .9; 
      filter:           Alpha(opacity=90);
      -moz-opacity:     .9;
    }
    
    #anfragenkauf {
      display:          none;
      padding:          20px;
      position:         absolute;
      margin:           -100px 0px 0px -200px;
      top:              50%;
      left:             50%;
      z-index:          3;
      width:            300px;
      background-color: #ffffff;
      border:           2px solid #e84c01;
      opacity:          1; 
      filter:           Alpha(opacity=100);
      -moz-opacity:     1;
    }
    
    #anfragenkauf a {
      color:            #e84c01;
    }
    
    #anbieternav {
      float:            left;
      text-align:       left;
      width:            230px;
      margin-left:      30px;
      border:           1px solid #e84c01;  
      background-color: #ee9a72;
      font-size:        12px;
      padding:          10px;
    }
    
    #anbieternav a{
      color:            #ffffff;
      font-size:        12px;
    }
    
    #content table tr td div.versteckt {
      display:          none;
    }

    #content table tr td div.anfrage_event {
      float:            right;
      width:            200px;
    }
    
     #content table tr td div.anfrage_kontakt {

      width:            200px;
    }




/* FOOTER: ============================================== */

    #footer {
      background-image:   url(/id/foot.gif);
      height:             133px;
      text-align:         center;
      color:              #FFFFFF;
    }
    
    #footer span {
      position:           relative;
      top:                100px;
      word-spacing:       8px;
    }
    
    #footer span a, 
    #footer span a:hover,
    .startbox div a,
    .startbox div a:hover {  
      color:              #FFFFFF;
    }


dt, dd {
  margin-top: 10px;
}

dt {
  font-weight: bold;
}