/* =============================
 *  nahversorgen.at Base Styles
 * ============================= */

/* === Layout ============================================================== */

body {
  background: #fff url("../images/ui/gradient-bg.png") repeat-x 0 0;
  color: #000;
  font: 0.8em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

#pagecenter {
  margin: 0 auto;
  position: relative;
  width: 800px;
}

/* --- Header -------------------------------------------------------------- */

#header {
  background-color: #e4e5e5;
}

#header h1 a {
  background: url("../images/ui/header-bg.png") no-repeat 0 0;
  display: block;
  height: 142px;
  text-indent: -999em;
  width: 800px;
}

#menubar {
  background: #e4e5e5 url("../images/ui/menu-bg.gif") repeat-x bottom left;
  margin: 0 5px;
  padding-bottom: 2px;
}

/* --- Search box ---------------------------------------------------------- */

#search {
  float: right;
}

#search #searchterm {
  border: 1px solid #bbb;
  line-height: 1;
  padding: 2px;
  vertical-align: middle;
  width: 141px;
}

#search #searchsubmit {
  background: url("../images/ui/button-search.png") no-repeat 0 0;
  border: none;
  cursor: pointer;
  display: inline-block;
  height: 34px;
  text-indent: -999em;
  vertical-align: middle;
  width: 33px;
}

/* --- Main menu ----------------------------------------------------------- */

#menu ul li {
  float: left;
  margin-right: 2px;
}

#menu ul li a,
#menu ul li.trail a, 
#menu ul li.current span {
  color: #777;
  display: block;
  line-height: 33px;
  padding: 0 1em;
  text-decoration: none;
  text-transform: uppercase;
}

#menu ul li a:focus,
#menu ul li a:hover,
#menu ul li a:active,
#menu ul li.trail a, 
#menu ul li.current span {
  background: #7eaa16 url("../images/ui/menuitem-hover-bg.png") repeat-x 0 0;
  color: #fff;
}

/* --- Columns ------------------------------------------------------------- */

#cols {
  background: #e4e5e5 url("../images/ui/cols-bg.png") no-repeat bottom center;
  clear: both;
  padding: 10px 5px 0 5px;
}

#colnav {
  float: left;
  padding-bottom: 140px;
  width: 185px;
}
  
#colcontent {
  float: left;
  margin-left: 10px;
}

#colcontent .content {
  background-color: #fff;
  margin-top: 1.5em;
  padding: 1px 10px 10px 10px;
  width: 380px;
}

#colcontent #content,
#colcontent .currentlink {
  margin-top: 0;
  padding-top: 10px;
}

#colcontent .currentlink {
  margin-bottom: 10px;
}

#colcontent .currentlink a:before {
  content: "« ";
}
  
#colcontext {
  float: left;
  margin-left: 10px;
  width: 185px;
}

#cols.pagination #colnav, 
#cols.pagination #colcontext {
  margin-top: 70px;
}

/* --- Columns with Pagination --------------------------------------------- */ 

#cols.pagination {
  position: relative;
}

#cols.pagination #pagemenu {
  background-color: #d7d8d8;
  display: block;
  height: 4.8em;
  position: absolute;
  top: 10px;
  left: 5px;
  width: 790px;
}

#cols.pagination #colnav, 
#cols.pagination #colcontext {
  margin-top: 5.5em;
}

#cols.pagination #colcontent #content {
  padding-top: 4.8em;
}

#cols.pagination #pagemenu h1 {
  background: #b3ef26 url("../images/ui/aktuell-bg.gif") no-repeat bottom right;
  border-bottom: none;
  color: #4f4e5e;
  height: 3.2em;
  left: 195px;
  padding: 0.4em 15px;
  position: absolute;
  width: 370px;
}

#cols.pagination #pagemenu a {
  text-decoration: none;
}

#cols.pagination #pagemenu a.prev,
#cols.pagination #pagemenu a.next {
  /*
  height: 3.2em;
  padding-top: 1.6em;
  */
  height: 2.2em;
  padding-top: 0.8em;
  position: absolute;
  width: 155px;
}


#cols.pagination #pagemenu a.prev {
  background: url("../images/ui/button-prev.png") no-repeat right center;
  left: 0;
  padding-right: 40px;
  text-align: right;
}

#cols.pagination #pagemenu a.next {
  background: url("../images/ui/button-next.png") no-repeat left center;
  left: 595px;
  padding-left:40px;
}

/*
#cols.pagination .content p.streetside {
  margin-bottom: 0;
}

#cols.pagination .content p.streetside a {
  display: block;
  margin: 0 -10px;
  padding: 5px 10px;
  text-align: center;
  width: 380px;
}
*/

#cols.pagination #pagemenu a:hover, 
#cols.pagination #pagemenu a:focus, 
#cols.pagination #pagemenu a:active,
#cols.pagination .content p.streetside a:hover, 
#cols.pagination .content p.streetside a:focus, 
#cols.pagination .content p.streetside a:active {
  background-color: #b7df59;
}

#cols.pagination #pagemenu a.otherside {
  /*
  height: 3.2em;
  padding-top: 0.2em;
  top: 2.8em;
  */
  font-size: 0.85em;
  height: 1.8em;
  padding-top: 0.2em;
  position: absolute;
  top: 3.5em;
  width: 155px;
}

#cols.pagination #pagemenu a.left {
  left: 0;
  padding-right: 40px;
  text-align: right;
}

#cols.pagination #pagemenu a.right {
  left: 595px;
  padding-left: 40px;
}


/* --- Footer -------------------------------------------------------------- */

#footer {
  background: #fff url("../images/ui/footer-bg.png") no-repeat top left;
  color: #666;
  font-size: 0.8em;
  min-height: 25px; 
  margin: 0 5px 5px 5px;
  padding-left: 195px;
  padding-bottom: 15px;
  text-align: right;
}

#footer a {
  color: #666;
}

#footer a:hover, 
#footer a:focus, 
#footer a:active {
  color: #000;
}  


/*
#traeger {
  padding-top: 10px;
}

#traeger li {
  display: inline;
}
*/

/* === Boxes for Sidebars ================================================== */

.boxes .box {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: 1px;
  margin-bottom: 1em;
}

.boxes .box h2 {
  background: #bbb url("../images/ui/boxheader-bg.gif") repeat-y top left;
  color: #fff;
  font-weight: bold;
  line-height: 27px;
  padding-left: 10px;
  text-transform: uppercase;
}

.boxes .box h2 span {
  display: block;
}

.boxes .box h2 span.info {background: url("../images/ui/boxicon-info.png") no-repeat center right;}
.boxes .box h2 span.map {background: url("../images/ui/boxicon-map.png") no-repeat center right;}
.boxes .box h2 span.news {background: url("../images/ui/boxicon-info.png") no-repeat center right;}
.boxes .box h2 span.stats {background: url("../images/ui/boxicon-stats.png") no-repeat center right;}
.boxes .box h2 span.streets {background: url("../images/ui/boxicon-up.png") no-repeat center right;}
.boxes .box h2 span.update {background: url("../images/ui/boxicon-update.png") no-repeat center right;}

/* --- Box Map ------------------------------------------------------------- */

.boxes .map ul {
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  margin: 2px;
  position: relative;
}

.boxes .map li {
  z-index: auto;
}

.boxes .map li a, 
.boxes .map li span.current {
  background: url("../images/ui/mapmarker.png") no-repeat 0 0;
  display: block;
  font-size: 0.8em;
  height: 17px;
  text-decoration: none;
  width: 17px;
  position: absolute;
  z-index: auto;
}

.boxes .map li span.current {
  background: url("../images/ui/mapmarker-current.png") no-repeat 0 0;
  z-index: 100;
}

.boxes .map li a span, 
.boxes .map li span.current span {
  display: block;
  margin-left: 20px;
  padding: 0.2em 0.5em;
  position: relative;
  text-indent: -999em;
  z-index: 200;
}

.boxes .map li a:hover, 
.boxes .map li a:focus, 
.boxes .map li a:active, 
.boxes .map li span.current:hover, 
.boxes .map li span.current:focus, 
.boxes .map li span.current:active {
  width: auto;
  z-index: 100;
}

.boxes .map li a:hover span, 
.boxes .map li a:focus span, 
.boxes .map li a:active span, 
.boxes .map li span.current:hover span, 
.boxes .map li span.current:focus span, 
.boxes .map li span.current:active span {
  background: #fff none;
  border: 1px solid #bbb;
  text-indent: 0;
}

/* --- Box Mapposition ----------------------------------------------------- */

.boxes .mappos form {
  display: block;
  margin: 2px;
  position: relative;
}

.boxes .mappos #pos {
  cursor: crosshair;
}

.boxes .mappos label {
  z-index: auto;
}

.boxes .mappos #marker {
  background: url("../images/ui/mapmarker-current.png") no-repeat 0 0;
  display: block;
  font-size: 0.8em;
  height: 17px;
  text-decoration: none;
  width: 17px;
  position: absolute;
  z-index: auto;
}

.boxes .mappos #marker span {
  display: block;
  margin-left: 20px;
  padding: 0.2em 0.5em;
  position: relative;
  text-indent: -999em;
  z-index: 200;
}

.boxes .mappos #marker:hover, 
.boxes .mappos #marker:focus,
.boxes .mappos #marker:active {
  width: auto;
  z-index: 100;
}

.boxes .mappos label #marker:hover span, 
.boxes .mappos label #marker:focus span, 
.boxes .mappos label #marker:active span {
  background: #fff none;
  border: 1px solid #bbb;
  text-indent: 0;
}

/* --- Box News ------------------------------------------------------------ */

.boxes .news li {
  padding: 10px 5px;
  background: url("../images/ui/boxnews-item-splitter.gif") no-repeat bottom center;
}

.boxes .news li h3 {
  color: #999;
  font-size: 0.8em;
}

.boxes .news li p {
  color: #666;
  font-size: 0.85em;
  font-weight: bold;
}

/* --- Box Info ------------------------------------------------------------ */

.boxes .info div {
  padding: 10px 5px 5px 5px;
}

.boxes .info h3 {
  color: #333;
  font-size: 0.9em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.boxes .info p {
  color: #666;
  font-size: 0.85em;
}
  

/* --- Box Submenu --------------------------------------------------------- */

.boxes .submenu ul li {
  margin: 1px 0;
}

.boxes .submenu li a, 
.boxes .submenu li span, 
.boxes .submenu li.current span {
  background-color: #e9e9e9;
  color: #777;
  display: block;
  padding: 5px 5px 5px 10px;
  text-decoration: none;
  text-transform: uppercase;
}


.boxes .submenu li a:focus, 
.boxes .submenu li a:hover, 
.boxes .submenu li a:active, 
.boxes .submenu li.current span,
.boxes .submenu li.current a, 
.boxes .submenu li.current li.current span,
.boxes .submenu li.current li.current a, 
.boxes .submenu li.current li a:focus, 
.boxes .submenu li.current li a:hover, 
.boxes .submenu li.current li a:active { 
  background: #7eaa16 url("../images/ui/menuitem-hover-bg.png") repeat-x 0 0;
  color: #fff;
}

.boxes .submenu li.current li a {
  background: none;
  background-color: #e9e9e9;
  color: #777;
}

.boxes .submenu li li a, 
.boxes .submenu li li.current a, 
.boxes .submenu li li.current span {
  padding-left: 15px;
  text-transform: none;
}

/* --- Box Image ----------------------------------------------------------- */

.boxes .image {
  padding: 0;
  text-align: center;
}

.boxes .image img {
  margin: 4px 2px 0 3px;
}

.boxes .image a {
  border: none;
  display: block;
}

/* --- Box Update ---------------------------------------------------------- */

.boxes .update li {
  margin-top: 1px;
}

.boxes .update li a {
  color: #666;
  display: block;
  font-size: 0.8em;
  font-weight: bold;
  padding: 7px 3px;
  text-decoration: none;
}

.boxes .update li a span.date {
  color: #999;
  font-weight: normal;
}

.boxes .update li a:focus, 
.boxes .update li a:hover, 
.boxes .update li a:active,
.boxes .update li a:focus span.date,
.boxes .update li a:hover span.date,
.boxes .update li a:active span.date {
  color: #fff;
}


.boxes .update li a img {
  background-color: #fff;
  border: 1px solid #bbb;
  float: left;
  margin-right: 5px;
  padding: 1px;
}

/* --- Box Text ------------------------------------------------------------ */

.boxes .text p {
  margin: 0.7em;
}

.boxes .text p.link {
  background: url("../images/ui/listitem.png") no-repeat 0 0.3em;
  padding-left: 18px;
}

/* === Content ============================================================= */

.content strong {
  font-weight: bold;
}

.content em {
  font-style: italic;
}

.content h1 {
  border-bottom: 1px solid #b3de4c;
  color: #666;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.content h1 span.street {
  font-size: 0.85em;
}

.content h1.archiv {
  border-bottom: none;
  background: url("../images/ui/archiv-bg.gif") no-repeat bottom right;
}

.content h2 {
  color: #666;
  font-size: 1.1em;
  font-weight: bold;
  margin: 1em 0 0.5em 0;
}

.content h3 {
  color: #666;
  font-weight: bold;
  margin: 1em 0 0.5em 0;
}

.content h4, 
.content h5
.content h6 {
  color: #4f4e5e;
  font-weight: bold;
  margin: 0;
}

.content p {
  margin-bottom: 0.5em;
}

.content .details {
  font-size: 0.8em;
}

.content img {
  margin: 0.5em 0 0 0;
}

.content img.imageframe {
  background: url("../images/ui/imageborder.png") no-repeat 0 0;
  height: 232px;
  padding: 9px;
  width: 362px;
}

.content ul {
  margin: 1em 0 0 20px;
}

.content ul li {
  list-style: none none;
  background: url("../images/ui/listitem.png") no-repeat 0 0.3em;
  padding-left: 18px;
  margin-bottom: 0.5em;
}

.content ul.wide li {
  margin-bottom: 1.5em;
}

.content ul li h3, 
.content ul li h4, 
.content ul li h5, 
.content ul li h6 {
  margin: 0;
}

.content ul.streets {
  list-style: none none;
  margin-left: 0;
}

.content ul.streets li {
  background: none;
  padding-left: 0;
}

.content ul.streets li h2 img, 
.content ul.streets li h3 img {
  float: left;
  margin-right: 0.5em;
}

.content ol {
  list-style: decimal;
  margin: 1em 0 0 2em;
}

.content form {
  margin: 1em 0;
}

.content table {
  margin: 1em 0;
  border-collapse: collapse;
  width: 100%;
}

.content table th {
  background-color: #eee;
  border-bottom: 1px solid #999;
  font-weight: bold;
  padding: 0.5em 0.2em 0.2em 0.2em;
}

.content table td {
  border-top: 1px solid #e4e5e5;
  border-bottom: 1px solid #e4e5e5;
  padding: 0.15em 0.2em;
}

.content table .alignright {
  text-align: right !important;
}

.content table tfoot {
  background-color: #eee;
}


/* === Links =============================================================== */

a {
  text-decoration: underline;
  color: #000;
}

a:focus,
a:hover,
a:active {
  background-color: #b7df59;
  text-decoration: underline;
}

/* --- 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: 10px;
  position: absolute;
  overflow: visible;
  top: 10px;
  width: auto;
}

#colcontent .toplink {
  text-align: right;
}

#colcontent .toplink a {
  background: url("../images/ui/button-top.png") no-repeat 100% 50%;
  color: #777;
  font-size: 0.8em;
  line-height: 35px;
  padding: 10px 30px 10px 0;
  text-decoration: none;
  text-transform: uppercase;
}

#colcontent .toplink a:focus, 
#colcontent .toplink a:hover, 
#colcontent .toplink a:active {
  background-color: transparent;
  text-decoration: underline;
} 


/* === Special Functions =================================================== */

.hidden {
  display: block;
  height: 0;
  left: -999em;
  position: absolute;
  overflow: hidden;
  top: -999em;
  width: 0;
}

.debug {
  border: 1px solid #000;
  padding: 0.5em;
  margin-bottom: 1em;
  background-color: #fff;
  color: #000;
  font: 0.9em/1.4 "Courier New", Courier, monospace;
}

/* --- 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 */