/* Main CSS for FPC Version 1.0 */
/* RESET */
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, nav, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,  article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, output, ruby, section, summary, time, mark, audio, video{border:0; font-size:100%; margin:0; padding:0; vertical-align: baseline; color:#000;}
  a {outline:none;}
  table {border-collapse:collapse; border-spacing:0;}
  fieldset, img {border:0;}
  del, ins {text-decoration:none;}
  caption, th {text-align:left;}
  h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
  blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
  blockquote, q {quotes: none;}
  abbr, acronym {border:0; font-variant:normal;}
  input, button, textarea, select, optgroup, option {font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
  input, button, textarea, select {*font-size:100%;}
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
  body {line-height: 1.3; text-align:center; font:inherit;}
  ul {list-style: none;}
/* RESET END */
/* START */
  html {height:100.1%;}
  body {font-family: Arial, sans-serif; background:#000 url(../images/bg2.jpg) repeat-x 0 0; font-size:62.5%}
/* LAYOUT */
  #all {margin-top: 0px; width:100%; height:900px; background: url(../images/bg.jpg) no-repeat 0 0; }
  #container {position: absolute; top:0; left:50%; margin-left: -500px; height:auto; width: 1100px; float: left;}
  #logo {height: 150px; margin-top: 0px; background: url(../images/logo.png) no-repeat left center; }
  #logo div.zumba {height: 150px; width: 90%; padding-top: 80px; background: url(../images/zlogo2.png) no-repeat right center; }
  #content {width: 700px; height: auto; min-height: 200px; background: white; margin-top: 50px; margin-bottom: 10px; float: left; filter: alpha(opacity=80); opacity:0.8; padding: 15px; font-size: 120%;}
  #footer {height: 100px; width: 1100px; text-align:left; color: white; float: left; font-size: 100%;}
  #footer1 {width: 230px; text-align:left; color: white; float: left;}
  #footer2 {width: 270px; text-align:center; color: white; float: left;}
  #footer3 {width: 230px; text-align:right; color: white; float: left;}
  #footer a {color: white; text-decoration: none;}
  #navbar {position: relative; top: 150px; height: 30px; margin-top: 2px; width: 1100px; margin-left: -50px;}
/* LAYOUT Classes */
  /* Floats */
    .floatLeft {float:left;}
    .floatRight {float:right;}
    .floatClear {clear:both;}
  #center {text-align:center;}
/* MENU */
  /* Hintergrund 1.Ebene */  
     #navbar  ul, #navbar ul.menu li {list-style-type: none; float: left; text-align: center;}
  /* Hintergrund 2.Ebene */  
     #navbar ul ul, #navbar ul.menu li li {list-style-type: none; background: #272727; float: none;}
  /* Hintergrund 3.Ebene */   
     #navbar ul ul ul, #navbar ul.menu li li li {list-style-type: none; text-align: center;}
  /* Meue oberste Ebene */   
     #navbar ul.menu li a, #navbar ul.menu li.current a {width: 8em; height: 30px; line-height: 30px; display: block; color: #c0c0c0; padding: 0 5px; font-size: 130%; font-weight:bold; text-decoration: none;}
     /* * html #navbar ul.menu li a, * html #navbar ul.menu li.current a {display: inline;} */
  /* Menue oberste Ebene (Hover) */ 
     #navbar ul.menu a:hover {background-color: #eb8d1c; text-decoration: none; color: #272727; font-weight:bold; padding: 0 5px;}
     #navbar ul.menu li.current a {background-color: white; color: black;}
     #navbar .active  { }
  /* Menue untere Ebenen */
     #navbar ul.menu li.current li a, #navbar ul.menu li li a, #navbar ul.menu li li.current a, #navbar ul.menu li li.current li a, #navbar ul.menu li li li a {width: 9em; background-color: #272727; color: #c0c0c0; height: auto; line-height: 20px; border: none; font-size: 130%; font-weight:bold;}
  /* Menue untere Ebenen (Hover)*/
     #navbar ul.menu li.current li a:hover, #navbar ul.menu li li a:hover {border: none; font-weight:bold; color: #272727;}
     #navbar ul.menu li li.current a, #navbar ul.menu li li li.current a {background-color: white; color: black;}
/* Sliding Effekt */    
  #nav li ul {position: absolute; width: 10em; left: -999em;}
  #nav li:hover ul, #nav li.sfhover ul {left: auto;}
  #nav li ul ul {margin: -1.5em 0 0 11em; width: 12.5em; border-top: 2px solid #eb8d1c; border-left: 2px solid #eb8d1c;}
  #nav, #nav ul {padding: 0; margin: 0; list-style: none; line-height: 1;}
  #nav li:hover ul ul, #nav li.sfhover ul ul {left:-999em;}
  #nav li li:hover ul, #nav li li.sfhover ul {left:auto;}
   *+ html #nav li li:hover ul, *+ html #nav li li.sfhover ul {margin-left:7em;}
   * html #nav li li:hover ul, * html #nav li li.sfhover ul {margin-left:7em;}
/* LINKS */
  a:link, a:visited {color: #4F7AA5; text-decoration: underline;}
  a:hover, a:active, a:focus {text-decoration: none;}
/* STANDARD CLASSES*/
  h1, h2, h3, h4, h5, h6 {font-weight:normal; line-height: 1; margin-bottom:0.5em;}
  h1 {font-size:1.5em;}
  h2 {font-size:1.25em;}
  h3 {font-size:1.0em;}
  h4 {font-size:1.2em; line-height:1.25; margin-bottom:1.25em;}
  h5 {font-size:1em; font-weight:bold; margin-bottom:1.5em; }
  h6 {font-size:1em; font-weight:bold;}
  p {margin: 0.8em 0; text-align: left;}
  cite, dfn, em, i {font-style: italic;}
  pre {white-space: pre;}
  del {text-decoration: line-through;}
  ul { list-style: disc outside;text-align: left; margin-left:15px;}
  p+p, address, small, ol, li ul, li ol, ul ul, ol ol, form, legend, label, table, caption, hr, code, kbd, samp, tt, var, mark, ins, big, abbr, acronym, blockquote {}
  abbr[title], acronym[title], dfn[title] {cursor: help;}
  sup, sub {line-height: 0;}
  input, select, button {cursor: pointer;}
/* MODULE */
  /* FIRMBOX */
  div.firmbox {border: 1px solid; padding-top:5px; min-height: 220px; height:auto; width: 500px; background-color:#FFFFFF; background-image: url(../images/content_bg.jpg); background-repeat: repeat-x; background-position: bottom; }
  div#firmlogo {position:relative; margin-right:10px; margin-top:10px; height:auto; width: 200px; float:right; }
  div.firmbox h1 {margin-left:10px; font-size:16px; color:black; padding-bottom:0px; margin-bottom:0px; }
  div.firmbox h2 {margin-left:20px; margin-top:0px; margin-bottom:0px; font-size:13px; color:black; }
  div.firmbox h3 {margin-left:20px; margin-top:0px; font-size:13px; color:black; }
  div.firmbox h3#kursiv {font-style:italic; font-weight:normal; }
  div.firmbox a, div.firmbox a:visited { color:black; }
  div.firmbox p#adress { position:relative; left:15px; margin-top:15px; }
  ul.contact {position: reative; margin-left: 130px; }
  ul.contact a, ul.contact a:visited {color:black; }
  li#tel {list-style-image:url(../images/tel2.gif);}
  li#mobile {list-style-image:url(../images/mobile.gif);}
  li#fax {list-style-image:url(../images/fax.gif);}
  li#mail {list-style-image:url(../images/email.png);}
  li#web {list-style-image:url(../images/web.gif);}
  li#fb {list-style-image:url(../images/flogo.png);}
  li#pdf {list-style-image:url(../images/pdf.png);}
  /* PICLEFT und PICRIGHT */
  div.picleft {position: relative; height: auto; width: 100%; margin-top: 10px; margin-bottom: 10px; float: left;}
  div.picleft img {margin-right: 10px; border: 0; float: left;}
  div.picright, div.picright#intext {position: relative; height: auto; width: 100%; margin-top: 10px; margin-bottom: 10px; }
  div.picright#intext {float: right; }
  div.picright img {margin-left: 10px; border: 0; float: right;}
  /* NEWSFLASH */
  .newsflash {line-height: 1.2em; margin: 0.8em 0; }
  h4.newsflash-title {color:blue; font-size:1.2em; line-height:1em;}  
  /* TABLE */
  .tabelle_out {width: 296px;}
  .tabelle_out_300p {width: 310px;}
  .tabelle_out_500p {width: 510px;}
  .tabelle_s1,.tabelle_s2,.tabelle_120p{width: 120px; }
  .tabelle_150p{width: 150px; }
  .tabelle_200p {width: 200px; }
  .tabelle_s3,.tabelle_50p {width: 50px;}
  .tabelle_60p {width: 60px; }
  .tabelle_s1,.tabelle_s2,.tabelle_s3,.tabelle_50p,.tabelle_120p,.tabelle_150p,.tabelle_60p,.tabelle_200p {float: left; border: none;}
  /* Content */
  /* Joomla */
  .item-separator {height:10px;}
  .items-more {}
  #container ul.actions {list-style: none; float: right;}
  .actions li {float: left; margin-left: 5px;}
  .print-icon {}
  .email-icon {}