/*
    Document   : default.css
    Created on : 2010-jun-16, 19:43:05
    Author     : markus
    Description:
        Purpose of the stylesheet follows.
*/
body {
  background: #fff;
  font-family: arial, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0; }

a {
  color: #333; }
img {
    border: 0;
}
#wrapper {
  width: 980px;
  margin: 20px auto; }

#wrapper #header {
  background: url(images/top.jpg) no-repeat;
  height: 190px; }
  #wrapper #header #header_right {
    position: relative;
    height: 150px;
    width: 191px;
    color: white;
    float: right;
    text-align: right;
    margin: 0 15px;
    padding-top: 15px;
    line-height: 15px; }
    #wrapper #header #header_right a {
      color: white; }
    #wrapper #header #header_right #weather {
      padding-top:80px;
      bottom: 0;
      color: black; }

#wrapper #navigation {
  height: 44px;
  background: url(images/navigation-background.png) repeat-x;
  padding-left: 20px;
  margin-bottom: 10px; }

#wrapper #navigation ul {
  margin: 0;
  padding: 0;
  float: left;
  list-style-type: none;
  position: relative; }

#wrapper #navigation ul li {
  float: left;
  padding-right: 5px;
  margin-right: 5px;
  line-height: 44px;
  background: url(images/navigation-separator.png) no-repeat top right; }

#wrapper #navigation ul li a {
  color: #fff; }
  #wrapper #navigation ul li a:hover {
    text-decoration: none; }

#wrapper #navigation ul li ul {
  display: none; }

#wrapper #navigation ul li:hover ul {
  position: absolute;
  display: block;
  margin: 0;
  margin-left: -20px;
  border: 1px solid #666;
  background: #fff;
  padding-left: 20px; }

#wrapper #navigation ul li ul li {
  float: none;
  margin: 2px;
  padding-right: 20px;
  margin-right: 20px;
  line-height: 44px;
  background: none;
  color: #000; }
  #wrapper #navigation ul li ul li:hover a {
    color: #999; }

#wrapper #navigation ul li ul li a {
  color: #000; }

#wrapper #right-adbar {
  float: left;
  width: 150px; }

#wrapper #left-adbar {
  float: left;
  width: 150px; }

#wrapper #content {
  float: left;
  padding: 10px;
  position: relative;
  width: 660px;
  min-height: 500px; 
  padding-bottom: 120px;;}

#wrapper #footer {
    position: relative;
    width: 100%;
  background: url(images/footer-background.png) repeat-x;
  padding-top: 35px; }

#login-form {
  width: 300px;
  margin: 0 auto;
  border: 1px solid #666;
  border-radius: 4px; }

#login-form form ul {
  list-style-type: none; }

#login-form form ul li label {
  display: block;
  width: 150px; }

#login-form form ul li input {
  display: block;
  width: 150px; }

#login-form form ul li:last-child {
  text-align: right; }

#login-form .ui-widget div {
  margin: 5px;
  padding: 0 10px; }

#users-navigation {
  margin: 0px 10px 10px 10px;
  border: 1px solid #333;
  border-top: 0;
  border-radius: 0  0 4px 4px;
  padding: 0 10px;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #9e9c9e), color-stop(1, #ebe8eb));
  background: -moz-linear-gradient(center bottom, #9c9c9c 0%, #ebebeb 100%);
  height: 35px;
  line-height: 35px; }

#users-navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#users-navigation ul li {
  float: left;
  margin-right: 10px; }

.error-box {
  padding: 10px;
  margin: 10px;
  border-radius: 4px;
  border: 1px solid #cd0a0a;
  background: #fef1ec;
  color: #cd0a0a; }

.success-box {
  padding: 10px;
  margin: 10px;
  border-radius: 4px;
  color: #006600;
  background: #DBFDD9;
  border: 1px solid #009900; }

/* Custom */
#newsletter-box {
  background: #7ba09d;
  height: 55px;
  line-height: 55px;
  color:#fff;
  padding: 0 10px; }
  #newsletter-box form {
    float: right; }

.dotted-line {
  width: 100%;
  height: 2px;
  background: url(images/dotted-line.png) no-repeat top center;
  margin: 10px 0; }

#top-ad {
/*  background: url(images/top-ad.png) no-repeat;*/
  width: 979px;
  height: 119px;
  padding: 1px;
  overflow: hidden;
  margin: 10px auto;
  text-align: center; }

.sidebar-ad {
/*  background: url(images/side-ad.png) no-repeat;*/
  height: 350px;
  width: 140px;
  overflow: hidden;
  margin: 10px 0; }

#bottom-ad {
  position: absolute;
  top: -125px;
/*  background: url(images/bottom-ad.png) no-repeat;*/
  height: 119px;
  width: 657px;
  overflow: hidden;
  margin: 0 155px;
  padding: 1px; }

.startpage-box {
  position: relative;
  float: left;
  height: 266px;
  margin-right: 10px;
width: 314px;}
  .startpage-box img {
    border: 0; }
  .startpage-box .info {
    position: absolute;
    bottom: 0;
    height: 50px;
    background: #000;
    opacity: 0.85;
    color: #fff;
    line-height: 50px;
    width: 293px;
    padding: 0 10px; }
  .startpage-box .info-name a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
  float:left;}
  .startpage-box .info-date {
    display: block;
    float: right; }



.startpage-box-small2 {
  float: left;
  position: relative;
  width: 198px;
  height: 170px;
  margin: 10px; }
  .startpage-box-small2 a {
    text-decoration: none; }
    .startpage-box-small2 a img {
      border: 0; }
    .startpage-box-small2 a span {
      display: block;
      background: url(images/smallbox2-background.png) repeat-x;
      height: 37px;
      line-height: 37px;
      font-size: 20px;
      color: #fff;
      text-align: center;
      font-weight: bold;
      margin-bottom: 2px; }

.lunch-ad {
  width: 140px;
  height: 350px;
  overflow: hidden;
  float: left;
/*  border: 1px solid #ddd;*/
  margin: 10px; }
  .lunch-ad img {
    min-width: 140px;
    min-height: 350px; }

.small-ad {
  width: 120px;
  height: 60px;
  overflow: hidden;
  float: left;
/*  border: 1px solid #ddd;*/
  margin: 5px; }
  .small-ad img {
    min-width: 120px;
    min-height: 60px; }



div.image_box_start {
   position: relative;
   /*width: 100%;  for IE 6 */
   height: 266px;
   width: 311px;
   float: left;
}

div.image_box_start h2 {
   position: absolute;
   top: 187px;
   left: 0;
   width: 311px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.9);
}
div.image_box_start h1 { font-size: 18px; margin: 5px 0;}

div.image_box_start h2 span {
   color: white;
   line-height: 50px;
   letter-spacing: -1px;
   padding: 10px;
   width: 291px;
   font-size: 15px;
}

img.image_box_start_image{
    width: 311px;
    height: 207px;
    overflow: hidden;
}


div.startpage-box-small {
   position: relative;
   /*width: 100%;  for IE 6 */
   height: 145px;
   width: 198px;
   float: left;
   overflow: hidden;
   margin-left: 32px;
}

div.startpage-box-small h2 {
   position: absolute;
   top: 102px;
   left: 0;
   width: 198px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.9);
}
div.startpage-box-small h1 { font-size: 18px; margin: 5px 0;}

div.startpage-box-small h2 span {
   color: white;
   line-height: 30px;
   letter-spacing: -1px;
   padding: 10px;
   width: 178px;
   font-size: 15px;
}


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


td.form_title { font-weight: bold; width: 200px;}

table.add_ad_form input{border:1px solid #ccc; height: 20px; width: 200px;}
table.add_ad_form select {width: 200px; border:1px solid #ccc; height: 20px;}
table.add_ad_form tr{ margin: 5px 0;}