* {
margin: 0;
padding: 0;
}

html, body {
width: 100%; height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
text-align: center;
color: #333;
}

div.clearer {
clear: both;
}

input[type="button"]
{
   /* CSS property */
 width: 400px;
 height: 100px;
 font-size: 2em;
}

img {
border: none;
}

a, a:visited {
text-decoration: none;
color: #360;
}

a:hover {
text-decoration: none;
color: #690;
}

a:focus { outline: none; }

hr {
height: 0px;
margin: 10px 0;
border: none;
border-top: 1px dashed #63ab1b;
}

p.success {
margin-bottom: 10px;
font-weight: bold;
color: #090;
}

p.error {
margin-bottom: 10px;
font-weight: bold;
color: #c00;
}

header, nav, section, footer {
display: block;
}

/* Header */
/* ====== */

header {
position: relative;
width: 1000px; height: 250px;
margin: 0 auto;
}

header h1 {
width: 1px; height: 1px;
text-indent: -999em;
}

/* Header-Links */
/* ============ */

div.homelink {
position: absolute;
left: 42px; top: 68px;
width: 240px; height: 120px;
}

div.homelink a {
display: block;
width: 240px; height: 120px;
background: none;
text-indent: -999em;
}

div.ext1, div.ext2 {
position: absolute;
top: 20px;
width: 201px; height: 59px;
}

div.ext1 { left: 588px; }
div.ext2 { left: 789px; }

div.ext1 a, div.ext2 a {
display: block;
width: 201px; height: 59px;
text-indent: -500em;
}

/* Wrapper */
/* ======= */

div.wrapper {
position: relative;
width: 1000px;
margin: 0 auto;
}

div.wr-left, div.wr-right {
width: 30px; min-height: 480px;
}

div.wr-left {
float: left;
background: none;
}

div.wr-right {
float: right;
background: none;
}

/* Offline-Styling */
/* =============== */

div.offspacer {
width: 10px;
height: 50%;
margin: 0 auto -240px;
}

div.offwrapper {
background: none;
margin: 0 auto;
width: 640px; height: 480px;
}

/* Üerschriften */
/* ============= */

h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
color: #333;
text-shadow: 1px 1px 4px #999;
filter: dropshadow(color=#999, offx=1, offy=1);
}

h1, h2, h3, h4, h5, h6 {
filter:Shadow(color=#999999, direction=135)\9;
}

h1 {
margin-bottom: 20px;
font-size: 32px;
}

h2 {
margin-bottom: 20px;
font-size: 24px;
}

h3 {
margin-bottom: 10px;
font-size: 20px;
}

h4 {
margin-bottom: 10px;
font-size: 18px;
}

h5 {
margin-bottom: 10px;
font-size: 16px;
}

h6 {
margin-bottom: 10px;
font-size: 14px;
}

/* Navigation */
/* ========== */

nav {
float: left;
width: 220px;
padding: 0;
}

nav a, nav a:hover {
text-align: left;
text-decoration: none;
}

ul.mainmenu {
margin: 0; padding: 0;
list-style-type: none;
width: 180px;
z-index: 10;
}

ul.mainmenu li {
position: relative;
width: 180px; height: 40px;
}

a.main {
display: block;
width: 150px; height: 34px;
padding: 6px 0 0 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #666;
}

a.main:hover {
background-position: left -40px;
color: #000;
}

a.mainactive, a.mainactive:hover {
display: block;
width: 150px; height: 34px;
padding: 6px 0 0 30px;
font-weight: bold;
letter-spacing: -1px;
color: #fff;
}

li ul.submenu {
margin: 0; padding: 0;
list-style-type: none;
width: 220px;
position: absolute;
bottom: 6px; left: 150px;
display: none;
}

li:hover ul.submenu {
display: block;
z-index: 50;
}

ul.submenu li {
position: relative;
width: 220px; height: 24px;
}

ul.submenu a {}

a.sub {
display: block;
width: 208px; height: 20px;
padding: 4px 0 0 12px;
font-size: 14px;
color: #666;
}

a.sub:hover {
background-position: 0 -24px;
color: #000;
}

a.subactive, a.subactive:hover {
display: block;
width: 208px; height: 22px;
padding: 2px 0 0 12px;
font-weight: bold;
letter-spacing: -1px;
color: #fff;
}

li ul li ul.subsubmenu {
margin: 0; padding: 0;
list-style-type: none;
width: 220px;
position: absolute;
top: 0px; left: 190px;
display: none;
}

li ul li:hover ul.subsubmenu {
display: block;
z-index: 100;
}

ul.subsubmenu li {
position: relative;
width: 220px; height: 23px;
}

a.subsub {
display: block;
width: 208px; height: 19px;
padding: 4px 0 0 20px;
font-size: 14px;
color: #666;
}

a.subsub:hover {
background-position: left -24px;
color: #000;
}

a.subsubactive, a.subsubactive:hover {
display: block;
width: 208px; height: 22px;
padding: 2px 0 0 12px;
font-weight: bold;
letter-spacing: -1px;
color: #fff;
}

div.hotline {
width: 180px; height: 120px;
}

div.hotline p {
font-size: 1px;
color: #fff;
text-indent: -999em;
}

div.fb {
width: 180px; height: 80px;
text-align: center;
border-top: 1px solid #ccc;
}

/* Content-Bereich */
/* =============== */

section {
position: relative;
float: left;
width: 720px; min-height: 360px;
padding: 0;
text-align: left;
}

article {
font-size: 14px;
}

article p, p.download {
margin-bottom: 10px;
}

article p, article table, article ul {
font-size: 14px;
line-height: 1.3;
}

article table td {
vertical-align: top;
}

article ul {
padding-left: 32px;
}

ul.choose {
padding-left: 54px;
}

ul.choose li {
margin-bottom: 10px;
}

td.newshead {
width: 500px;
font-weight: bold;
color: #360;
}

td.newsdate {
width: 160px;
font-size: 11px;
color: #666;
text-align: right;
}

td.newstxt {
padding-top: 10px;
border-top: 1px solid #999;
}

th.tabhead {
height: 40px;
padding-bottom: 6px;
font-size: 16px;
color: #333;
text-align: center;
}

div.imghint {
margin-top: 40px;
padding-top: 4px;
width: 160px; height: 20px;
background-color: #eee;
font-size: 11px;
color: #666;
text-align: center;
}

td.smallscript {
font-size: 12px;
}

td.thumbright {
vertical-align: bottom;
}

img.downloadfile {
vertical-align: middle;
}

p.download span {
font-size: 12px;
}

/* Startseite */
/* ========== */

#home-left {
float: left;
width: 310px;
}

#slide-container {
position: absolute;
top: -20px; right: -20px;
width: 402px; height: 222px;
padding: 11px;
}

div.slideshow {
position: relative;
margin: 0; padding: 0;
width: 380px;
min-height: 200px;
background-color: #fff;
}

div.slideshow img {
position: absolute;
}

.loading {
background-repeat: no-repeat;
background-position: 50% 50%;
}

#categories {
width: 724px; height: 320px;
margin: 40px 0;
}

div.cat-box {
position: relative;
float: left;
width: 220px; height: 300px;
margin-right: 30px;
text-align: center;
}

div.cat-box h3 {
margin: 20px 0;
color: #666;
text-align: center;
}

div.cat-box ul {
list-style: none;
padding: 5px 0 0 40px;
font-size: 14px;
text-align: left;
}

div.subcat-box {
position: relative;
float: left;
width: 220px; height: 200px;
margin-right: 16px; margin-bottom: 16px;
padding-top: 20px;
text-align: center;
}

div.subcat-box h4 {
font-size: 16px;
font-weight: bold;
}

div.subcat-box h4, div.subcat-box a, div.subcat-box a:hover {
color: #666;
text-align: center;
}

div.subcat-box img {
border: 1px solid #ccc;
}

/* Kontaktformulare */
/* ================ */

fieldset.formular {
border: none;
}

fieldset.formular p {
clear: left;
padding-bottom: 10px;
}

fieldset.formular label {
float: left;
width: 180px;
}

fieldset.formular input, fieldset.formular select, fieldset.formular textarea {
font-family: Verdana, Arial, sans-serif;
font-size: 1em;
}

.field-20 { width: 20px; }
.field-40 { width: 40px; }
.field-60 { width: 60px; }
.field-80 { width: 80px; }
.field-100 { width: 100px; }
.field-120 { width: 120px; }
.field-140 { width: 140px; }
.field-160 { width: 160px; }
.field-180 { width: 180px; }
.field-200 { width: 200px; }
.field-240 { width: 240px; }
.field-280 { width: 280px; }
.field-320 { width: 320px; }
.field-400 { width: 400px; }
.field-480 { width: 480px; }
.field-620 { width: 620px; }

.area-400 {
width: 400px; height: 200px;
font-size: 1.0em;
}

/* Bildergalerien */
/* ============== */

ul#boxes {
margin: 0; padding: 0;
width: 680px;
list-style: none;
}

ul#boxes li {
float: left;
margin: 4px;
background-color: #eee;
font-size: 11px;
text-align: center;
}

ul#boxes li a img.imgnoframes {
border: none;
}

ul#boxes li a img.imgframes {
border: 2px solid #666;
}

/* Gäebuch */
/* ========= */

div.gbentry {
width: 640px;
margin-bottom: 20px;
border: 1px solid #999;
text-align: left;
}

div.gbheader {
position: relative;
background-color: #ddd;
padding: 8px 0 0 4px;
width: 636px; height: 22px;
border-bottom: 1px solid #999;
}

div.gbinfo {
width: 540px; height: 20px;
font-size: 0.8em;
}

div.gbitems-1, div.gbitems-2 {
position: absolute;
right: 0px; top: 2px;
width: 90px; height: 20px;
}

div.gbitems-1 img, div.gbitems-2 a  {
float: right;
padding-right: 4px;
}

div.gbtext {
padding: 8px;
font-size: 0.8em;
}

div.gbcomment {
position: relative;
background-color: #eee;
padding: 8px;
font-size: 0.8em;
font-style: italic;
border-top: 1px solid #999;
}

div.comment {
width: 560px;
float: left;
padding: 4px;
font-size: 0.9em;
font-style: italic;
}

/* Pager */
/* ===== */

#pager {
width: 540px;
text-align: center;
}

#pager ul {
list-style: none;
}

#pager li {
display: inline;
margin: 2px;
}

#pager li b {
padding: 0 4px;
}

#pager li a {
background-color: #eee;
padding: 2px 4px;
border: 1px solid #999;
text-decoration: none;
color: #333;
}

#pager li a:hover {
background-color: #fff;
text-decoration: none;
color: #666;
}

/* Sitemap */
/* ======= */

ul.sitemap, ul.sitemap ul, ul.sitemap ul ul {
margin: 0; padding: 0 10px;
list-style-position: inside;
}

ul.sitemap {
margin-bottom: 20px;
border: 1px solid #ccc;
}

ul.sitemap ul, ul.sitemap ul ul {
margin-bottom: 0;
border: none;
}

ul.sitemap li {
margin: 4px 0;
padding: 0 10px;
}

ul.sitemap span {
font-family: Verdana, Tahoma, sans-serif;
font-size: 10px;
font-style: italic;
color: #999;
}

/* Impressum */
/* ========= */

div.bigtextbox {
width: 600px;
font-size: 12px;
}

img.mailpic {
margin-bottom: -4px;
}

/* Footer */
/* ====== */

footer {
clear: both;
position: relative;
width: 1000px; height: 46px;
margin: 0 auto;
padding: 54px 0 0 0;
font-family: Verdana, Tahoma, sans-serif;
font-size: 12px;
text-align: center;
}

footer ul {
list-style: none;
}

footer li {
display: inline;
}

footer li a.active {
font-weight: bold;
}

footer h3 {
width: 1px; height: 1px;
text-indent: -999em;
}