/* CSS Stylesheet für Altstrassen in Hessen
Copyright by Bub WebSolutions Christine Bub
All rights reserved.
*/

* {  margin: 0;
     padding: 0;
     }
body {
     height:100%;
     margin:0px;
     width:100%;
     background:#ccc url(images/altstrassen-bg.png) top center repeat-y;
     font-size:75%;
     text-align:center;
     }
h1,h2,h3,h4 { clear:both; }
h1  {
     font-size:1.2em;
     font-weight:bold;
     margin-top:5px;
     border-bottom:1px solid #666;
     text-transform: uppercase;
     width:75%;
     font-family:Georgia,'Times New Roman', serif;
     }
h2  {
     font-size:1.0em;
     font-weight:bold;
     margin-top:25px;
     border-bottom:1px solid #666;
     text-transform: uppercase;
     width:90%;
     font-family:Georgia,'Times New Roman', serif;
     }
h3  {
     font-size:1.0em;
     font-weight:bold;
     margin-top:25px;
     font-family:Georgia,'Times New Roman', serif;
     }
p    {
     margin:10px 0 15px 0;
     }
img {
     border:none;
     margin:5px;
     }
ol {
     margin-left:10px;
     }
dl {
     float:left;
     margin-bottom:10px;
     margin-right:7px;
     border:1px solid #999;
     padding:2px;
     background:#dadada;
     }
dd {
     font-size:0.8em;
     padding-left:2px;
     }
blockquote {
     margin:0px 30px;
     font-style:italic;
     }
table {
     background-color:#ccc;
     color:#A0522D;
     border-collapse:collapse;
     border:1px solid #5ea239;
     text-align:left;
     table-layout:auto;
     margin-top:5px;
     }
th {
    background-color:#F4A460;
    font-weight:bold;
    text-align:left;
    padding:3px 5px;
    border:1px solid #5ea239;
    }
td {
     padding:3px 5px;
     border:1px solid #5ea239;
     }
fieldset {
     padding:5px;
     border:1px solid #5ea239;
     display:block;
     }
caption {
     text-align:left;
     font-size:0.8em;
     }
#wrapper {
     margin:0px auto;
     padding:0;
     background:#ccc url(images/strassenverlauf.png) top center no-repeat;
     width:1024px;
     }
* html #wrapper {  /* nur für Internet-Explorer */
     background:#ccc;
     }
#header {
     margin:0px;
     height:250px;
     background:url(images/altstrassenheader.jpg) top center no-repeat;
     text-align:right;
     }
#navi {
     margin:0px;
     background:#ccc;
     text-align:left;
     font-size:1.2em;
     font-family:Arial, sans-serif;
     color:#333;
     text-decoration:none;
     font-weight:normal;
     width:100%;
     }
* html #navi {  /* nur für Internet-Explorer */
     margin:0px;
     }
ul.menu {
  border-top:1px solid #666;
  width: 80%;
  margin-bottom:25px;
  clear: both;
  }
.menu li {
  display:inline;
  width:45px;
  }
.menu li a {
  display:block;
  float: left;
  font-size:1.0em;
  padding:3px 20px;
  color: #fff;
  background-color:#666;
  text-decoration: none;
  border:1px solid #666;
  border-right:1px solid #fff;
  }
.menu li a:hover {
  color: #666;
  background-color: #fff;
  border-color: #666;
  }
.menu li a#current {
  color: #333;
  background-color: #999;
  }
#subnavi {
     float:left;
     width:18%;
     margin-top:10px;
     padding:5px;
     font-family:Verdana, Arial, sans-serif;
     font-size:1.2em;
     font-weight:normal;
     text-align:left;
     color:#333;
     }
#subnavi ul {
      margin-top:25px;
     }
#subnavi li {
     display:block;
     line-height:1.8em;
     border-top:1px dotted #333;
     width:100%;
     }
#subnavi li a {
     color:#333;
     text-decoration:none;
     }
#subnavi li a:hover, a:active {
     color:#666;
     }
#content {
     float:left;
     margin-left:10px;
     margin-top:10px;
     padding:5px;
     font-family:Verdana, Arial, sans-serif;
     font-size:1.2em;
     font-weight:normal;
     text-align:left;
     color:#333;
     width:58%;
     }
* html #content {  /* nur für Internet-Explorer */
     margin:10px;
     width:55%;
     }
#content a  {
     color:#800000;
     text-decoration:none;
     }
#content a:hover  {
     color:#800000;
     text-decoration:underline;
     }
a.ext:after {
     content: url(images/extlink.gif);
     vertical-align:bottom;
     margin-left:2px;
     }
div.pagination {
        margin: 10px 0 10px 0;
        text-align: right;
}
a.page, a.page-active, a.pagination-prev, a.pagination-next {
        padding: 0px 3px 1px 3px;
        background-color: #FFFFFF;
        color: #BBBBBB;
        text-decoration: none;
        font-weight: bold;
        border: 1px solid #CBCBCB;
}
a.page-active {
        background-color: #CBCBCB;
        color: #FFFFFF;
        border: 1px inset #CBCBCB;
}

a.pagination-prev:hover, a.pagination-next:hover, a.page:hover {
        background-color: #DDDDDD;
        color: #666666;
        border: 1px inset #CBCBCB;
}
.floatleft {
     float:left;
     }
.floatright {
     float:right;
     }
.clear {
     clear:both;
     }
.hide  {
     display:none;
     }
.abstand {
     margin-bottom:40px;
     }
.center {
     text-align:center;
     width:100%;
     margin-left:auto;
     margin-right:auto;
     }
.right {
     text-align:right;
     color:#000;
     }
ul.links li {
     list-style-type:none;
     line-height:180%;
     margin-left:20px;
     }
ul.list li {
     list-style-type:square;
     margin:5px 0 5px 20px;
     }
#galerie {
     float:left;
     width:630px;
     }
#galerie dl {
     float:left;
     padding:4px;
     width:200px;
     }
#galerie dd {
     font-size:0.7em;
     padding:0 5px;
     }
#galerie dt {
     border:0px solid #eee;
     border-bottom:0px solid #aaa;
     padding:10px;
     }
#sitemap ul {
     list-style-type:disc;
     list-style-image:url(bilder/dreieck.gif);
     border-left: 2px dotted #9c6a2e;
     }
.ebene2 {
     list-style-type:disc;
     margin-left:30px;
     }
.ebene3 {
     list-style-type:circle;
     margin-left:40px;
     }
#mapsbox {
     float:left;
     margin-bottom:10px;
     margin-right:7px;
     border:1px solid #999;
     padding:2px;
     background:#dadada;
     width:60%;
     }
#sidebar {
     float:right;
     margin-top:10px;
     padding:5px;
     text-align:left;
     color:#333;
     font-size:1.1em;
     font-family:Verdana, Arial, sans-serif;
     text-decoration:none;
     font-weight:normal;
     width:18%;
     }
* html #sidebar { /* nur für Internet-Explorer */
     margin-left:-20px;
     padding:0px 20px;
     font-size:1.0em;
     }
#sidebar a {
     color:#800000;
     text-decoration:none;
     }
#sidebar a:hover  {
     color:#800000;
     text-decoration:underline;
     }
#tagcloud {
    font-weight:normal;
    line-height:1.8em;
    text-align:center;
    margin-bottom:20px;
    }
#tagcloud ol {
    list-style-type:none;
    display:inline;
    }
#tagcloud li {
    display:inline;
    }
#tagcloud a {
    color:#333;
    text-decoration:none;
    }
#tagcloud li.tags1 {
    font-size:2.0em;
    text-transform:uppercase;
    }
#tagcloud li.tags2 {
    font-size:1.5em;
    }
#tagcloud li.tags3 {
    font-size:1.2em;
    }
#tagcloud li.tags4 {
    font-size:0.9em;
    }
#tagcloud a:hover {
    color:#666;
    border-bottom:1px dotted #666;
    }
#footer {
     clear:both;
     text-align:center;
     font-family:Verdana, sans-serif;
     font-size:1.0em;
     color:#333;
     background-color:#fff;
     padding-bottom:5px;
     }
#footer a {
     color:#333;
     text-decoration:underline;
     }
#footer script {
     display:none;
     }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
     }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.layer {
     display:none;
     }