/* =======================================
   *  Marktgemeinde Tullnerbach Base Styles
   * ======================================= */
  
  /* === Layout ============================================================== */
  
  body {
    font: 0.8em/1.5 Arial, Helvetica, Verdana, sans-serif;
  }
  
  #pagecenter {
    margin: 0 auto;
    min-width: 800px;
    max-width: 1000px;
    padding: 0 5px;
    position: relative;
  }
  
  #header {
    height: 135px;
    position: relative;
    z-index: 1;
  }
  
  #cols {
    background: url("../images/ui/bg_gradient.gif") repeat-x 0 0;
    position: relative;
    z-index: 0;
  }
  
  #colnav {
    background: url("../images/ui/bg_shadow_left.gif") no-repeat 0 0;
    float: left;
    margin-right: 10px;
    min-height: 520px;
    padding-left: 40px;
    padding-top: 170px;
    width: 150px;
  }
  
  #content {
    background: url("../images/ui/bg_content_topright.png") no-repeat 100% 150px;
    margin: 0 265px 0 220px;
    padding-top: 150px;
  }
  
  .wysiwygEditor {
    background: none !important;
    background-color: #fff !important;
    font: 0.8em/1.5 Arial, Helvetica, Verdana, sans-serif !important;
    margin: 0 !important;
    padding: 0.5em !important;
  }
  
  #content #contentinner {
    background: url("../images/ui/bg_content_left.png") no-repeat 0 0;
    padding: 28px;
  }
  
  #content .boxend {
    background: url("../images/ui/bg_content_bottom.png") no-repeat 100% 100%;
    clear: both;
    margin: 0 -28px -28px -28px;
  }
  
  #colcontext {
    background: url("../images/ui/bg_shadow_right.gif") no-repeat 100% 0;
    float: right;
    min-height: 540px;
    top: 0;
    right: 0;
    padding-right: 23px;
    padding-top: 150px;
    position: absolute;
    width: 230px;
  }
  
  #footer {
    background: url("../images/ui/bg_footer.gif") no-repeat 0 3em;
    clear: both;
    margin-left: 17px;
    padding-right: 270px;
  }
  
  
  /* --- Header -------------------------------------------------------------- */
  
  #header h1 {
    float: left;
    margin: 18px 0 0 40px;
  }
  
  #header h1 a, 
  #header h1 span {
    border-top: 2px solid #fff;
    display: block;
    height: 78px;
    width: 261px;
  }
  
  #header h1 a:hover, 
  #header h1 a:focus, 
  #header h1 a:active { 
    border-top-color: #4c5f9c;
  }
  
  #search {
    float: right;
    margin-right: 28px;
    margin-top: 60px;
    /*width: 30%;*/
  }
  
  #search label {
    color: #4c5f9c;
    display: -moz-inline-box;
    display: inline-block;
    margin-right: 0.5em;
    text-transform: uppercase;
    vertical-align: middle;
  }
  
  #search #searchterm {
    background: url("../images/ui/search_field.gif") no-repeat 0 0;
    border: 0;
    display: -moz-inline-box;
    display: inline-block;
    font-size: 0.85em;
    height: 20px;
    padding: 5px 10px 3px 10px;
    width: 185px;
    vertical-align: middle;
  }
  
  #search #searchterm:hover, 
  #search #searchterm:focus {
    background-image: url("../images/ui/search_field_focus.gif");
  }
  
  #search #searchsubmit {
    background: url("../images/ui/search_button.gif") no-repeat 0 0;
    border: 0;
    cursor: pointer;
    display: -moz-inline-box;
    display: inline-block;
    height: 28px;
    margin-left: 5px;
    text-indent: -999em;
    width: 34px;
    vertical-align: middle;
  }
  
  #search #searchsubmit:hover, 
  #search #searchsubmit:focus {
    background: url("../images/ui/search_button_focus.gif") no-repeat 0 0;
  }
  
  #header #slides {
    position: absolute;
    right: 28px;
    top: 100px;
  }
  
  #header #slides p {
    position: absolute;
    right: 0;
    top: 0;
  }
  
  #header #slides p img {
    position: absolute;
    right: 0;
  }
  
  #header #slides p span {
    background-color: #fff;
    color: #4C5F9C;
    font-size: 0.9em;
    left: -750px;
    padding: 0.2em 0.5em;
    position: absolute;
    top: 145px;
    white-space: nowrap;
    width: auto;
    z-index: 102;
  }
  
  #header #stopper {
    display: block;
    height: 22px;
    position: absolute;
    right: 5px;
    top: 146px;
    width: 22px;
    z-index: 103;
  }
  
  #header #stopper:hover,
  #header #stopper:focus,
  #header #stopper:active {
    background: transparent url("/images/ui/control_bg.png") no-repeat 0 0;
  }
  
  /* --- Navigation ---------------------------------------------------------- */
  
  #colnav ul li {
    border-top: 1px dashed #ccc;
  }
  
  #colnav ul li.first {
    border-top: 0;
  }
  
  #colnav ul li a, 
  #colnav ul li span {
    color: #666;
    display: block;
    font-size: 1.1em;
    padding: 0.5em 30px 0.5em 0;
    text-decoration: none;
    text-transform: uppercase;
  }
  
  #colnav ul li.trail a,
  #colnav ul li.trail span {
    color: #253d87;
  }
  
  #colnav ul li.trail li a,
  #colnav ul li.trail li span {
    color: #666;
  }
  
  #colnav ul li a:hover, 
  #colnav ul li a:focus, 
  #colnav ul li a:active, 
  #colnav ul li.current span {
    background: url("../images/ui/icon_current.gif") no-repeat 100% 50%;
    color: #253d87;
  } 
  
  #colnav ul li ul {
    margin: 0 0 1em 0.75em;
  }
  
  #colnav ul li li {
    border-top: 0;
  }
  
  #colnav ul li li a,
  #colnav ul li li span {
    color: #666;
    font-size: 0.95em;
    padding-top: 0.15em;
    padding-bottom: 0.15em;
    text-transform: none;
  }
  
  #colnav ul li li a:hover,
  #colnav ul li li a:focus,
  #colnav ul li li a:active,
  #colnav ul li li.current span {
    color: #253d87;
  }
  
  
  /* --- Footer -------------------------------------------------------------- */
  
  #footer #footermenu {
    float: right;
  }
  
  #footer #footermenu li {
    float: left;
    margin: 0.5em 0 0.5em 1.5em;
  }
  
  #footer #footermenu li a {
    color: #666;
    font-size: 0.9em;
    text-decoration: none;
    text-transform: uppercase;
  }
  
  #footer #footermenu li a:hover, 
  #footer #footermenu li a:focus, 
  #footer #footermenu li a:active {
    color: #fff;
  }
  
  #footer #partner {
    clear: right;
    padding-top: 3em;
  }
  
  #footer #partner li {
    float: left;
    margin-right: 5px;
  }
  
  
  /* --- Colcontext ---------------------------------------------------------- */
  
  #colcontext .box {
    background: url("../images/ui/bg_boxslim_top.png") no-repeat 0 0;
    font-size: 0.87em;
    margin-bottom: 0.4em;
    padding: 20px 20px 0 20px;
    width: 190px;
  }
  
  #colcontext .box .boxend {
    background: url("../images/ui/bg_boxslim_bottom.png") no-repeat 0 100%;
    height: 18px;
    margin: 0 0 0 -20px;
    width: 230px;
  }
  
  #colcontext .box h2 {
    color: #4c5f9c;
    font-family: Tahoma, Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.2;
    margin-top: 0;
    text-transform: uppercase;
  }
  
  #colcontext .box h2 .date {
    display: block;
    color: #369208;
    font-size: 0.65em;
    font-weight: normal;
    margin-bottom: 0.7em;
  }
  
  #colcontext .rundschreiben h2 {
    margin: -13px -13px 0 0;
    padding: 13px 13px 0 0;
    background: url("../images/ui/box_rundschreiben.gif") no-repeat right top;
  }
  
  #colcontext .sprechstunde h2 {
    margin: -13px -13px 0 0;
    padding: 13px 13px 0 0;
    background: url("../images/ui/box_sprechstunde.gif") no-repeat right top;
  }
  
  #colcontext .gemeindeamt .boxend {
    background-image: url("../images/ui/box_gemeinde.jpg");
    height: 88px;
  }
  
  
  /* === Content ============================================================= */
  
  /* --- Headings ------------------------------------------------------------ */
  
  h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
  }
  
  h1 {
    color: #4c5f9c;
    font-family: Tahoma, Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-size: 1.6em;
    text-transform: uppercase;
  }
  
  #content h1 {
    margin-bottom: 0.5em;
  }
  
  #content h1 strong {
    color: #51a42c;
    font-weight: normal;
  }
  
  .wysiwygEditor h2,
  h2 {
    color: #4c5f9c;
    font-size: 1.4em;
    font-weight: normal;
    margin-top: 1em;
  }
  
  .wysiwygEditor h2 .date, 
  #content h2 .date {
    border-left: 1px solid #fbf65f;
    font-weight: normal;
    margin-left: 0.3em;
    padding-left: 0.6em;
    white-space: nowrap;
  }
  
  .wysiwygEditor p.date, 
  #content p.date {
    color: #4c5f9c;
    font-size: 0.9em;
  }
  
  .wysiwygEditor h3,
  h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 1em;
  }
  
  /* --- Standard Elements --------------------------------------------------- */
  
  p {
    margin-top: 0.5em;
  }
  
  strong {
    font-weight: bold;
  }
  
  em {
    font-style: italic;
  }
  
  abbr, acronym {
    border-bottom: 1px dotted #51a42c;
    cursor: help;
  }
  
  sup {
    font-size: 0.8em;
    vertical-align: super;
  }
  
  sub {
    font-size: 0.8em;
    vertical-align: sub;
  }
  
  /* --- Lists --------------------------------------------------------------- */
  
  .wysiwygEditor ul,
  .wysiwygEditor ol, 
  #content ul,
  #content ol {
    margin-left: 1.5em;
  }
  
  .wysiwygEditor ul, 
  #content ul {
    list-style-image: url("../images/ui/icon_li.gif");
    list-style-type: disc;
  }
  
  .wysiwygEditor ol,
  #content ol {
    list-style-type: decimal;
  }
  
  #content ul.news {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
  }
  
  #content ul.news li {
    margin-bottom: 2em;
  }
  
  #content ul.news h2 {
    font-size: 1.3em;
    font-weight: bold;
  }
  
  #content ul.news h2 a {
    background: url("../images/ui/icon_more.gif") no-repeat right center;
    color: #4c5f9c;
    font-weight: inherit;
    padding-right: 20px;
    text-decoration: none;
  }
  
  #content ul.news h2.link .date {
    border-left: 0;
  }
  
  #content ul.news li:hover,
  #content ul.news li:active {
    cursor: pointer;
  }
  
  #content ul.news li:hover h2 a, 
  #content ul.news li:focus h2 a, 
  #content ul.news li:active h2 a,
  #content ul.news h2 a:hover, 
  #content ul.news h2 a:focus, 
  #content ul.news h2 a:active {
    background-color: transparent;
    color: #4c5f9c !important;
    text-decoration: underline;
  } 
  
  #content ul.news p {
    margin-top: 0;
  }
  
  
  /* --- Images -------------------------------------------------------------- */
  
  .wysiwygEditor img, 
  #content img {
    display: block;
    margin: 0.5em 0;
  }
  
  .wysiwygEditor img.bildLinks,
  .wysiwygEditor .bildLinks img,
  #content img.bildLinks,
  #content .bildLinks img {
    float: left;
    margin: 0 0.5em 0.5em 0;
  }
  
  .wysiwygEditor img.bildRechts,
  .wysiwygEditor .bildRechts img,
  #content img.bildRechts,
  #content .bildRechts img {
    float: right;
    margin: 0 0 0.5em 0.5em;
  }
  
  
  /* --- Forms --------------------------------------------------------------- */
  
  #content form {
    margin: 1em 0;
  }
  
  #content form div.eingabe {
    background-color: #f3f3f3;
    border-top: 1px solid #444;
    border-left: 1px solid #444;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    margin: 0.6em 0 0 0;
  }
  
  #content form div.eingabe input {
    background-color: transparent;
    border: 0;
    display: block;
    margin: 0;
    padding: 0.1em 0.2em;
    width: 95%;
  }
  
  #content form div.eingabe:hover, 
  #content form div.eingabe:focus {
    background-color: #ddd;
  }
  
  #content form p.required {
    color: #666;
  }
  
  #content form div.eingabe label {
    background-color: #fff;
    color: #666666;
    display: block;
    font-size: 0.85em;
    line-height: 1.3;
    padding: 0 0.3em;
  }
  
  #content form label .required {
    font-size: 1.2em;
    line-height: 1;
  }
      
  #content form .error {
    color: #c00;
    float: right;
    font-weight: bold;
  }
  
  #content form div.button {
    margin: 1em 0 0 0;
  }
  
  #content form div.button button {
    background-color: #fafafa;
    border: 1px solid #ddd;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: bold;
    padding: 0.2em 0.5em;
  }
  
  
  /* --- Pagination ---------------------------------------------------------- */
  
  #content div.pagination {
    margin: 1em 0;
    padding: 0.3em 0;
    background-color: #eee;
  }
  
  #content div.pagination p {
    font-size: 0.9em;
    margin: 0 0.3em;
  }
  
  #content div.pagination p a, 
  #content div.pagination p span {
    background-color: #fff;
    display: -moz-inline-box;
    display: inline-block;
    padding: 0.1em 0.4em;
    text-decoration: none;
    vertical-align: middle;
  }
  
  #content div.pagination p a {
    border: 1px solid #ddd;
    color: #000;
  }
  
  #content div.pagination p span {
    border: 1px solid #ddd;
    color: #666;
  }
  
  #content div.pagination p a:hover, 
  #content div.pagination p a:focus, 
  #content div.pagination p a:active {
    border: 1px solid #4c5f9c;
    color: #4c5f9c;
  }
  
  /* --- Diashow ------------------------------------------------------------- */
  
  #content p.diashowStart {
    text-align: right;
  }
  
  #content div#diashow img {
    border: 0;
    margin: 0 auto;
    padding: 0;
  }
  
  /* --- Edit Mode --- */
  
  #content div#diashow.diashowEdit div.diaImage {
    border-bottom: 1px solid #4c5f9c;
    padding: 1em 0;
    margin: 1em 0;
  }
  
  /* --- Index Mode --- */
  
  #content div#diashow.diashowIndex div.diaImage {
    float: left;
    border: 1px solid #ccc;
    margin: 3px;
  }
  
  #content div#diashow.diashowIndex div.diaImage a {
    display: block;
    height: 100px;
    padding: 3px;
    text-align: center;
    text-decoration: none;
    width: 100px;
  }
  
  #content div#diashow.diashowIndex div.diaImage a:hover,
  #content div#diashow.diashowIndex div.diaImage a:focus,
  #content div#diashow.diashowIndex div.diaImage a:active {
    background-color: #4c5f9c;
    text-decoration: none;
  }
  
  /* --- View Mode --- */
  
  #content div#diashow.diashowView div.diaImage a {
    border: 1px solid #ccc;
    display: block;
    padding: 3px;
    text-align: center;
    text-decoration: none;
  }
  
  #content div#diashow.diashowView div.diaImage a:hover,
  #content div#diashow.diashowView div.diaImage a:focus,
  #content div#diashow.diashowView div.diaImage a:active {
    background-color: transparent;
    border-color: #4c5f9c;
  }
  
  /* --- Diashow Controls --- */
  
  #content div.diashowControls {
    background-color: #eee;
    margin: 1em 0;
    padding: 0.3em 0;
  }
  
  #content div.diashowControls p {
    font-size: 0.9em;
    margin: 0;
    text-align: center;
  }
  
  #content div.diashowControls p a, 
  #content div.diashowControls p span {
    background-color: #fff;
    display: -moz-inline-box;
    display: inline-block;
    padding: 0.1em 0.4em;
    text-decoration: none;
    vertical-align: middle;
  }
  
  #content div.diashowControls p a {
    border: 1px solid #ddd;
    color: #000;
  }
  
  #content div.diashowControls p span {
    border: 1px solid #ddd;
    color: #666;
  }
  
  #content div.diashowControls p a:hover, 
  #content div.diashowControls p a:focus, 
  #content div.diashowControls p a:active {
    border: 1px solid #4c5f9c;
    color: #4c5f9c;
  }
  
  
  /* === Links =============================================================== */
  
  a {
    color: #233b86;
    text-decoration: underline;
  }
  
  a:visited {
    color: #666;
  }
  
  a:hover,
  a:focus,
  a:active {
    background-color: #233b86;
    color: #fff;
    text-decoration: none;
  }
  
  
  p.more {
    background: url("../images/ui/icon_more.gif") no-repeat 0 50%;
    padding: 5px 0 5px 20px;
  }
  
  p.archive {
    margin: 1em 0;
  }
  
  a.pdf { 
    background-image: url("../images/ui/icon_file_pdf.gif"); 
    background-repeat: no-repeat;
    background-position: 2px 4px;
    display: block;
    padding: 2px 1px 2px 22px;
  }
  
  a.word { 
    background-image: url("../images/ui/icon_file_doc.gif"); 
    background-repeat: no-repeat;
    background-position: 2px 4px;
    display: block;
    padding: 2px 1px 2px 22px;
  }
  
  a.xls { 
    background-image: url("../images/ui/icon_file_xls.gif"); 
    background-repeat: no-repeat;
    background-position: 2px 4px;
    display: block;
    padding: 2px 1px 2px 22px;
  }
  
  /* --- Skip Links ---------------------------------------------------------- */
  
  #skiplinks p a {
    display: block;
    height: 0;
    left: -999em;
    position: absolute;
    overflow: hidden;
    top: -999em;
    width: 0;
  }
  
  #skiplinks p a:focus, 
  #skiplinks p a:hover, 
  #skiplinks p a:active {
    display: inline;
    height: auto;
    left: 40%;
    padding: 0.5em 0.5em 0.2em 0.5em;
    position: absolute;
    overflow: visible;
    top: 0;
    width: auto;
    z-index: 2;
  }
  
  /* !! part of the content-box's rounded corners */
  #content #toplink {
    background: url("../images/ui/bg_content_bottomleft.png") no-repeat 0 100%;
    height: 48px;
    line-height: 48px;
    margin: 1em 0 0 0;
    padding: 0 0 10px 28px;
  }
  
  #content #toplink a {
    background: url("../images/ui/icon_top.gif") no-repeat 0 50%;
    border-bottom: 1px solid #fff;
    padding: 5px 0 5px 20px;
    text-decoration: none;
  }
  
  #content #toplink a:hover, 
  #content #toplink a:focus, 
  #content #toplink a:active {
    color: #233b86;
    border-bottom: 1px solid #233b86;
  }
  
  /* === webEdition wysiwyg Editor fixes ===================================== */
  
  .weBtnLeft,
  .weBtnRight,
  .weBtnLeftDisabled,
  .weBtnRightDisabled {
    background-repeat: no-repeat;
  }
  
  .weEditmodeStyle {
    vertical-align: top;
  }
  
  
  
  /* === Special Functions =================================================== */
  
  .hidden {
    display: block;
    height: 0;
    left: -999em;
    position: absolute;
    overflow: hidden;
    top: -999em;
    width: 0;
  }
  
  /* --- clearfix ------------------------------------------------------------ */
   
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  
  .clearfix {
    display:inline-block;
  }
  
  /* for safari */
  /* Hide from IE Mac \*/
  .clearfix { display: block }
  /* End hide from IE Mac */