html {background: #808285;}
body {background: #808285; font: 12pt Arial;}




#logo {position: absolute;top: 30px;left:50px;}

#ballon {position: absolute;top: 110px;left:30px; width: 190px; height: 109px; overflow: hidden; background: url(images/ballon.png);}

#contact {position:relative; margin-top: 50px; margin-left: 10px; margin-right: 50px; font: bold 14pt  Arial; float:right;}
#contact .citycode {font: normal 10pt  Arial;}
#contact  a {font: normal 10pt  Arial; color: #444444; display:block; float:right; border-bottom: 1px dashed #444444; text-decoration:none;}

#topmenu {position: absolute;top: 30px;left: 300px;  height: 150px; vertical-align: middle;}
#topmenu ul {list-style:none; }

#topmenu ul li {float:left;  margin-right: 2px; margin-bottom: 2px; border: 1px solid #000;}
#topmenu ul li a {color: #000; text-decoration: none; font: 12pt Arial;display: block; background: #d1d2d4;padding: 3px 30px 4px 30px;}
#topmenu ul li a span img {border:0;}
#topmenu ul li a:hover {color: #000; text-decoration: none; font: 12pt Arial;display: block; background: #e7e7e8; padding: 3px 30px 4px 30px;}


#topmenu ul li.selected a {color: #fff; text-decoration: none; font: 12pt Arial;display: block; background: #f5821f;padding: 3px 30px 4px 30px;}
#topmenu ul li.selected a:hover {color: #fff; text-decoration: none; font: 12pt Arial;display: block; background: #f5821f; padding: 3px 30px 4px 30px;}

.clr {clear: both;}



#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {height:250px; width:380px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container h1 {font: normal 17pt  Arial; color:#ddd; border-bottom: 1px dashed #ddd; text-align:center;}
#simplemodal-container a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}


#easyTooltip{
	padding:2px 4px;
	border:1px solid #000;
	background:#f5821f;
	color:#fff;
	font: 10pt Arial;
	}

acronym {border-bottom: 1px dotted;}


#contactinfo {display: none;}

#content {position:relative; top: 260px; left: 60px; color: #d1d2d4	; font: normal Arial 13pt; margin-right:120px;}
//#content a {color: #ddd; border-bottom: 1px dashed #ddd; text-decoration: none; }
#content a {color: #fff; border-bottom: 1px dashed #ddd; text-decoration: none; }
#content a:hover {color: #fff; border-bottom: 1px solid #ddd; text-decoration: none; }
#content a img {border: none;}
#content h1 {background: #333; color: #fff; padding: 3px 30px 4px 30px; display:inline; margin-bottom:30px; 	  font: italic 24pt Arial;} //color: #fff; font: italic 24pt Arial;}
#content div.headerbreak {display:block; height:30px; width:30px;}
#content .blog_list_item {padding-bottom: 25px; padding-top:25px;}
.info {padding-top:25px;}

#content .post_title {background: #000; color: #fff; font: normal 17pt Arial; padding: 3px 30px 4px 30px; display:inline;}
#content .post_title a {border:none;}
#content .post_date  {background: #333; margin-bottom:6px; padding: 3px 30px 2px 30px; display:block;}
#footer {font: normal 10pt Arial; margin-top: 30px; border-top: 1px dashed #000;  padding-top:5px; padding-bottom: 30px; color:#000}

.slide-out-div {
       padding: 20px;
       width: 99%;
       background: #f2f2f2;
       border: #29216d 2px solid;
       color:#bbb; background-color:#333; border:4px solid #444;
}

.slide-out-div a {color:#ddd;}
 { width:300px; padding:5px; border:solid 1px #000;}




/* COMMENTS */
div.comment-form {line-height: 1.2em; width: 100%;}
div.comment-form label {width: 120px; font-weight: bold; float: left; text-align: right; clear: both; margin: 3px; color: #666}
div.comment-form p {margin: 3px;}
div.comment-form input.text {width: 300px; margin: 3px;}
div.comment-form input.no-margin {width: auto; margin: 3px; }
div.comment-form textarea {width: 99%; margin: 3px;}
*html div.comment-form textarea {width: 95%; margin: 3px;}
div.comment-form span { position: relative; top: -5px; font-size: 10pt; color: gray;}
div.comment-form span.black { font-si1ze: 11pt; color: black;}
div.comment-form input.comments_submit {width: 120px; margi1n-left: 126px;}
div.comment-form input.comments_captha {width: 90px;}
div.comment-form img { position: relative; top: 7px; }

div.comment-form div.comments-reg {border: 1px solid #444; margin: 10px 0; background: #d1d2d4; padding: 10px; -moz-border-radius: 10px;}
div.comment-form div.comments-noreg {border: 1px solid #444; margin: 10px 0; background: #d1d2d4; padding: 10px; -moz-border-radius: 10px;}
div.comment-form div.comments-textarea {border: 1px solid #444; margin: 10px 0; background: #d1d2d4; padding: 10px; -moz-border-radius: 10px;}

div.comment-form div.comments-user { margin: 10px 0; padding: 10px; -moz-border-radius: 10px; font-weight: bold;}

div.comment-ok {background: #40A040; color: white; padding: 10px; text-align: center; -moz-border-radius: 10px; font-weight: bold;}
div.comment-error {background: #f5821f; color: white; padding: 10px; text-align: center; -moz-border-radius: 10px; font-weight: bold;}

div.comment-form .comment_button input {margin: 0px; padding: 0 5px; font-size: 8pt;}


div.comments {margin: 20px 0 0 0;}
div.comments ul, div.comments ol {margin: 10px 0 20px 0;}
div.comments li {border-bottom: 1px solid #444; margin: 0 0 20px 30px;}
div.comments li span {bosrder-bottom: 1px solid #444; font-style: italic;}

div.comments h3.comments {padding: 3px; clear:both; background: #444; color: #000}
div.comments blockquote {margin-left: 0; padding: 10px; border-left: 2px gray solid;}

div.comments-link {margin: 10px 0 0 0; text-align: right; font-size: 10pt;}


/* comusers*/

form.comusers-form p strong {width: 180px; display: block; float: left;}
form.comusers-form p input {width: 260px; }
form.comusers-form p input[type="submit"] {width: 120px; }
form.comusers-form p input[type="checkbox"] {width: auto; margin-top: 3px;}
form.comusers-form p textarea {width: 260px; height: 300px;}
form.comusers-form p  {background: #EEEEEE;}
form.comusers-form p.info  {background: none; color: #B00000; margin: 0 0 15px 0; border: 1px solid #B00000; padding: 3px; text-align: center;}


/* SITEMAP */
div.sitemap ul {list-style-type: none; margin: 0;}
div.sitemap h3 {margin: 15px 0 5px 0;}
h2.sitemap {margin: 25px 0 0 0; padding: 3px;}

/* PORTFOLIO */


  #gallery {
  }

.ad-gallery {
  width: 100%;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 600px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(images/gallery/non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(images/gallery/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(images/gallery/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 2%;
        text-align: left;
        width: 96%;
        z-index: 2;
        background: url(images/gallery/opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='imaages/gallery/opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url(images/gallery/ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(images/gallery/ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs ul {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #616161;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}


.info {

margin-left:30px;
font-size: 70%

}

h2, h3, h4, h5, h6 {color: #ebebeb;}

.pricelist {margin-top:0px; padding:0; background:#000;}
.pricelist tbody tr { margin-left:1;background:#d1d2d4;}
.pricelist tbody tr .light {background:#e7e7e8;}
.pricelist tbody tr td { padding: 5px 15px 5px 15px; color: #000;}
.pricelist tbody tr.light td { padding: 5px 15px 5px 15px; color: #000;}
.pricelist tbody tr td.info { padding: 5px 15px 5px 15px; color: #000; font-size:80%;}