/* CSS www.urlaub-harz-web.de */
@import url("reset.css");
html {
   height: 100.3%;
}
body {
   text-align: center;
   font-family: Verdana, Arial, sans-serif;
   font-size: 0.8em;
   line-height: 1.8em;
   color: #060;
   background: #fff;
}
*{
   margin: 0px;
   padding: 0px;
   border: 0px;
}
h1 { font-size: 1.5em;  margin-top: 5px; }
h2 { font-size: 1.2em;  margin-top: 8px; }
h3 { font-size: 1.0em;  margin-top: 11px; }
h4 { font-size: 0.8em; }
h5 { font-size: 0.7em; }
h6 { font-size: 0.6em; text-align: center; }
a {
   font-weight: bold;
   color: #060;
   text-decoration: none;
}
a:link, div#top-i a {
   color: #666;
}
a:visited, div#top-i a:visited {
   color: #ccc;
   background-color: transparent;
}
a:hover, div#top-i a:hover {
   color: #999;
}
div #wrapper {
   margin: 0px auto;
   width: 960px;
}
div#header {
   margin: 0px auto;
   display: inline;
   width: 100%;
   text-transform: uppercase;
   font-size: 0.8em;
}
div#header img {
   margin: 0px 0px 155px;
}
div#header a:visited {
   background: transparent;
}
div#header p {
   text-align: right;
   font-weight: bold;
   font-size: 1.9em;
   font-family: Verdana, Arial, sans-serif;
   padding: 0.2em 0.1em;
   color: #999;
}
div#header ul {
   text-align: right;
}
div#header li {
   display: inline;
}
div#nav {
   clear: both;
   text-align: left;
   padding-right: 0.2em;
   margin-bottom: -0.2em;
}
div#nav a {
   text-decoration: none;
   font-weight: bold;
   padding: 0.23em 0.5em;
   color: #060;
   text-transform: uppercase;
   border: 2px solid #060;
   border-bottom: none;
   background: #cfc;
}
div#nav a:hover {
   background: #090;
   color: #ffd;
   border: 2px solid #900;
}
div#nav a:visited {
   background: #fff;
   color: #060;
}
div#nav a.underline, div#cols-2 a.underline {
   border-bottom: 2px solid #900;
}
div#nav li {
   display: inline;
   margin-left: 0.9em;
}
div#wrap_content {
   overflow: auto;
   width: 100%;
   text-align: center;
   background: #e5fde4;
   border-top: 2px solid #060;
}
div#hg {
   background: url(../img/1_hg_poppen_205x440.gif) no-repeat right bottom;
   overflow: auto;
}
div#maintext {
   float: left;
   width: 738px;
   margin: 1.4em 0em;
   background: #cfc;
}
div#maintext p {
   margin: 5px;
}
div#maintext a {
   background: #cfc;
   color: #060;
}
div#maintext a:visited {
   background: #cfc;
}
div#maintext a.nlink {
   border-top: 1px solid #060;
   border-right: 1px solid #060;
   border-left: 1px solid #060;
   font-variant: normal;
}
div#maintext a.nlink:hover {
   background: #090;
   color: #fff;
   border-top: 1px solid #900;
   border-right: 1px solid #900;
   border-left: 1px solid #900;
   border-bottom: 2px solid #900;
}
div#maintext a.nlink:visited {
   color: #060;
   background: #fff;
}
div#maintext a.klink {
   cursor: inherit;
   border: 0px;
   font-weight: normal;
}
div#maintext ul {
   margin-left: 5px;
}
div#zwei-cols {
   float: left;
   padding: 0.2em;
   margin: 0px;
   width: 99%;
}
div#zwei-cols ul {
   margin-left: 20px;
   list-style-type: disc;
   text-align: left;
}
div#cols-1 {
   float: left;
   width: 530px;
   margin: 0.8em 0em;
}
div#cols-1 p.klein {
   font-size: 0.8em;
   margin: 0px 5px;
}
div#cols-1 p.oben {
   margin-top: -5px;
   text-align: center;
}
div#cols-1 p.blocko {
   margin-top: -5px;
   text-align: justify;
}
div#cols-1 ul {
   margin-left: 20px;
   list-style-type: disc;
   text-align: left;
}
div#cols-1 table {
   margin: 0px auto;
   width: 100%;
   border: 1px solid #060;
}
div#cols-2 {
   float: right;
   width: 195px;
   margin: 0.8em 0px;
}
div#cols-2 h2 {
   font-family: Verdana, Arial, sans-serif;
   font-size: 0.98em;
   color: #fff;
   background: #090;
   line-height: 1.2em;
   margin: 0em 0.3em;
}
div#cols-2 p, div#links p, div#navi p {
   text-align: center;
}
div#cols-2 img {
   margin-top: 3px;
   border-top: 1px solid  transparent;
   border-right: 1px solid  transparent;
   border-left: 1px solid  transparent;
   border-bottom: 2px solid  transparent;
}
div#cols-2 a:hover img {
   border-top: 1px solid #900;
   border-right: 1px solid #900;
   border-left: 1px solid #900;
   border-bottom: 2px solid #900;
}
div#cols-2 ul {
   margin: 0.8em 0.3em;
   text-align: right;
   list-style-type: none;
   font-size: 0.9em;
   line-height: 3.0em;
}
div#cols-2 ul ul{
   font-size: 0.8em;
   margin: 0em;
}
div#karte {
   width:560px;
   padding:0px;
   margin:0px;
   float:right;
}
div#legende {
   padding:0px;
   margin:0px;
   float:left;
   width:380px;
}
div#links a, div#navi a {
   padding-top: 0.2em;
   padding-bottom: 0.2em;
   border-top: 1px solid #060;
   border-right: 1px solid #060;
   border-left: 1px solid #060;
   background: #cfc;
   color: #060;
}
div#links a:hover, div#navi a:hover {
   border-top: 1px solid #900;
   border-right: 1px solid #900;
   border-left: 1px solid #900;
   border-bottom: 2px solid #900;
   color: #fff;
   background: #090;
}
div#links a:visited, div#navi a:visited {
   color: #060;
   background: #fff;
}
div#links a.underline, div#navi a.underline {
   border-bottom: 2px solid #900;
}
div#links ul {
   margin: 1.0em 0.3em 1.0em 0em;
   text-align: center;
   list-style-type: none;
   font-size: 0.9em;
   line-height: 2.9em;
}
div#navi {
   float: right;
   width: 213px;
   margin: 0em;
}
div#navi h2, div#navi h3 {
   font-family: Verdana, Arial, sans-serif;
   font-size: 0.98em;
   color: #fff;
   background: #090;
   line-height: 1.6em;
   margin: 1.4em 0.3em;
}
div#navi img {
   margin-top: 0.6em;
   border: 1px solid transparent;
}
div#navi a:hover img {
   border: 1px solid #900;
}
div#navi ul {
   margin: 1.0em 0.3em 1.0em 0em;
   text-align: right;
   list-style-type: none;
   font-size: 0.9em;
   line-height: 2.9em;
}
div#navi ul ul {
   margin: 0px;
   font-size: 0.75em;
}
div#navi ol {
   text-align: center;
}
div#footer {
   border-top: 2px solid #060;
   width: 99.8%;
   font-size: 0.8em;
   clear:left;
   text-align: right;
   color: #000;
   background: #fff;
}
div#footer p {
   text-align: right;
}
div#footer a {
   margin-left: 1.0em;
}
div#news {
   background: url(../img/19-news-hg.jpg) no-repeat center 0px;
   height: 360px;
}
div#error {
   background: url(../img/19-error404.gif) no-repeat;
}
div#error p {
   font-family: Verdana, Arial, sans-serif;
   font-size: 1.4em;
   text-align: center;
}
* html div#maintext { width: 730px; } /* minus 8px */
* html div#zwei-cols { width: 720px; } /* minus 10px */
* html div#cols-1 { width: 530px; } /* minus 30px */
* html div#navi { width: 200px; } /* minus 13px */