body, h1, h2, h3, p, img, form, ul, li, fieldset, input { margin:0; padding:0; border:0; }
html { overflow: auto;}
a { outline:none; }

body { background: #fff url('images/bg.jpg') repeat-x left top; font-family: "Segoe UI", Arial, sans-serif; font-size: 62.5%; color: #777; text-align: center; }
.break { clear: both; }

#wrapper { width: 981px; margin: 0px auto; position: relative; }

#header { height: 148px; position: relative; background: url('images/bg-header.png') no-repeat right top; }
  #header a.logo { display: block; width: 196px; height: 100px; background: url('images/logo-eet.png') no-repeat left top; text-indent: -9000px; position: absolute; left: 30px; top: 25px; }
  #header p { color: #64d1fc; font-size: 1.2em; position: absolute; right: 30px; bottom: 25px; }
    #header p a { color: #64d1fc; text-decoration: none; }
    #header p a:hover { color: #fff; }
    #header span.tel { display: inline-block; background: url('images/ico-tel.gif') no-repeat left 50%; padding-left: 15px; margin-left: 3px; }
    #header span.email { display: inline-block; background: url('images/ico-email.gif') no-repeat left 50%; padding-left: 15px; margin-left: 3px; }
    
#main { min-height: 400px; background: #fff; position: relative;
       -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;
       -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px; border-top-right-radius: 10px; 
       -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }

#menu { height: 61px; background: url('images/bg-menu.jpg') repeat-x left top;
       -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;
       -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px; border-top-right-radius: 10px;}
        
  #menu ul { list-style: none; }
  #menu ul li { float: left; }
  
  #menu ul.menuMain { float: left; padding: 15px 0px 0px 20px; }
    #menu ul.menuMain li { border-right: 1px solid #080808; border-left: 1px solid #4a4a4a; }
    #menu ul.menuMain li.first { border-left: 0; }
    #menu ul.menuMain li.last { border-right: 0; }    
    #menu ul.menuMain li a { font-size: 1.3em; font-weight: bold; color: #fff; text-decoration: none; display: block; float: left; padding: 4px 12px; }
  
  #menu ul.menuLang { float: right; padding: 18px 20px 0px 0px; }                    
    #menu ul.menuLang li { border-right: 1px solid #080808; border-left: 1px solid #4a4a4a; }
    #menu ul.menuLang li.first { border-left: 0; }
    #menu ul.menuLang li.last { border-right: 0; }
    #menu ul.menuLang li a { font-size: 1.2em; color: #fff; text-decoration: none; display: block; float: left; padding: 2px 7px; }
  
  #menu ul li a:hover { color: #3cb7e7; }
  
#slideShow { height: 176px; overflow: hidden; width: 981px; }
  #slideshow img { display: none; }
  #main span.partner { font-size: 3em; color: #fff; position: absolute; left: 34px; top: 100px; z-index: 100; text-shadow: 1px 1px 0px #000; }
  #main span.promo1 { font-size: 1.4em; color: #fff; position: absolute; left: 34px; top: 150px; z-index: 100; text-shadow: 1px 1px 0px #000; padding-left: 28px; 
                      background: url('images/bg-promo.png') no-repeat left top; display: block; width: 373px; height: 23px; line-height: 23px; text-align: left; }
  #main span.promo2 { font-size: 1.4em; color: #fff; position: absolute; left: 34px; top: 180px; z-index: 100; text-shadow: 1px 1px 0px #000; padding-left: 28px;
                      background: url('images/bg-promo.png') no-repeat left top; display: block; width: 373px; height: 23px; line-height: 23px; text-align: left; }

#content { text-align: left; padding: 25px 35px; overflow: auto; }
  #content h1 { color: #4d4d4d; font-weight: normal; font-size: 2.2em; text-transform: uppercase; margin-bottom: 5px; }
  #content h2 { color: #299ad4; font-weight: normal; font-size: 1.8em; text-transform: uppercase; padding-bottom: 6px; }
  #content p { font-size: 1.3em; padding-bottom: 5px; }
  #content .rightColumn { float: right; width: 640px; border-left: 1px solid #cccccc; padding-left: 30px; }
  #content .leftColumn { float: left; width: 210px; padding-right: 30px; }
    #content .leftColumn p { font-size: 1.2em; }
  #content a.button { color: #fff; background: #299ad4; display: inline-block; padding: 3px 8px; text-decoration: none; }
  #content a.button:hover { background: #107ab1; }
  #content a.link { color: #299ad4; }
  #content a.link:hover { color: #111; }
  #content ul { margin: 10px 0px 15px 0px; list-style: none; }
    #content ul li { font-size: 1.3em; background: url('images/li.gif') no-repeat left 7px; padding-left: 20px; margin-bottom: 5px; }
    #content ul li.space { margin-bottom: 25px; }

  #content a.pdf { display: inline-block; padding:0 0 0 22px; min-height: 16px; background: url('images/pdf.gif') no-repeat left center; color: #299ad4; }
    #content a.pdf:hover { color: #111; }

  #content hr {height: 1px; background: #cccccc; color: #cccccc; border: 0; width: 100%; margin: 20px 0px;}

  #accordion h3 { border: 1px solid #299ad4; padding: 3px 10px 3px 25px; margin-bottom: 2px; background: #299ad4 url('images/ref-h3.png') no-repeat 10px 50%; font-size: 1.4em; font-weight: normal; }
  #accordion h3.ui-state-active { border-bottom: 0; margin-bottom: 0px; background-color: #cccccc; border: 1px solid #cccccc;  }
  #accordion h3 a {color: #fff; text-decoration: none; display: block; background: url('images/a-no-active.png') no-repeat right 50%; }
  #accordion h3.ui-state-active a { background: none; color: #299ad4; }
  #accordion h3 a:hover {color: #333; }
  #accordion div { max-height: 100px; overflow: auto; border: 1px solid #ccc; border-top: 0px; padding: 10px; margin-bottom: 2px; }
  #accordion div p { font-size: 1.2em; }
  
  #content table.kontakt { border-collapse: collapse; margin-bottom: 20px; }
    #content table.kontakt td { vertical-align: top; font-size: 1.3em; padding-right: 10px; }
    #content table.kontakt th { font-size: 1.3em; text-align: left; border-bottom: 1px solid #c0c0c0; padding-top: 5px; }
  
  #content img.ref { width: 100px; }
  
fieldset { border: 1px solid #ccc; padding: 20px; background: #f8f8f8; }
label { font-size: 1.3em; display: inline-block; height: 20px; line-height: 20px; width: 120px; }
input.text { border: 1px solid #aaa; height: 20px; margin-bottom: 3px; }
input.submit { color: #fff; background: #299ad4; display: inline-block; padding: 3px 8px; }

p.footer { font-size: 1.1em; text-align: left; padding: 10px 10px; color: #999999; }
  p.footer img { float: none; margin-bottom: 5px; }
