* {
  font-family: Verdana, Arial, Helvetica;
  font-size: 14px;
}

body, html {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
  color: #000;
  line-height: 1.3;
  background: url( ../images/bg_body.jpg ) #00082b no-repeat top center;
}

#container {
  width: 950px;
  margin: 0 auto;
  text-align: left;
  padding-bottom: 50px;
}

a { outline: none; }

img { border: 0; }

#logo {
  position: relative;
  height: 391px;
  background: url( ../images/kopfgrafik.jpg ) no-repeat 0 0;
  width: 100%;
}

#logo a {
  text-indent:-9999px;
  display:block;
  text-decoration:none;
  background:none;
}

#logo a#startseite {
  position:absolute;
  width: 115px;
  height: 40px;
  top: 347px;
  left: 24px;
}

#logo a#maerchenwald {
  position:absolute;
  width: 115px;
  height: 80px;
  top: 0px;
  right: 153px;
}

#logo a#kontakt {
  position:absolute;
  width: 85px;
  height: 35px;
  top: 263px;
  right: 165px;
}

#container .main {
  clear: both;
  width: 100%;
  background: url(../images/bg_container.gif) top left repeat-y;
}

#container .main .menu {
  width: 218px;
  float: left;
}

ul, li {
  margin: 0;
  padding: 0;
}

#container .main .menu ul {
  list-style-type: none;
}

#container .main .menu ul li {}

#container .main .menu ul li a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

#container .main .menu ul li a:link,
#container .main .menu ul li a:active,
#container .main .menu ul li a:visited {
  height: 41px;
  line-height: 41px;
  display: block;
  background: url( ../images/menu_item.jpg ) no-repeat 0 0;
  padding: 0 10px 0 20px;
}

#container .main .menu ul li a:hover {
  background: url( ../images/menu_item_hover.jpg ) no-repeat 0 0;
}

#container .main .menu ul li a.active,
#container .main .menu ul li a:link.active,
#container .main .menu ul li a:active.active,
#container .main .menu ul li a:visited.active {
  background: url( ../images/menu_item_active.jpg ) no-repeat 0 0;
}

#container .main .menu ul li a.sub,
#container .main .menu ul li a:link.sub,
#container .main .menu ul li a:active.sub,
#container .main .menu ul li a:visited.sub {
  background: url( ../images/bg_menu.gif ) repeat-x 0 0;
  margin: 0 0 0 2px;
  padding: 0 0 0 40px;

}

#container .main .menu ul li a.sub:hover {
  background: url( ../images/bg_menu_hover.gif ) repeat-x 0 0;
  margin: 0 0 0 2px;
  padding: 0 0 0 40px;
}

#container .main .menu ul li a.sub-active,
#container .main .menu ul li a:link.sub-active,
#container .main .menu ul li a:active.sub-active,
#container .main .menu ul li a:visited.sub-active {
  background: url( ../images/bg_menu_active.gif ) repeat-x 0 0;
  margin: 0 0 0 2px;
  padding: 0 0 0 40px;
}

#container .main .content {
  width: 732px;
  float: left;
}

#container .main .content .inhalt {
  position: relative;
  padding: 0 17px 15px 15px;
  color: #04304B;
}

#container .main .content .inhalt h2 {
  font-size: 18px;
}

#container .main .content .inhalt h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

#container .main .content .inhalt .editor {
  font-family: Arial, Verdana, sans-serif;
}

#container .main .content .inhalt a:link,
#container .main .content .inhalt a:active,
#container .main .content .inhalt a:visited {
  color: #f28300;
  text-decoration: none;
  border-bottom: 1px dashed #f28300;
}

#container .main .content .inhalt a:hover {
  color: #d10015;
  border-bottom: 1px dashed #d10015;
}

#container .main .content .inhalt ul {
  list-style-type: circle;
  margin: 0 0 0 35px;
}


#footer {
  height: 34px;
  background: url( ../images/fuss.jpg ) no-repeat 0 0;
}

.clearfix { clear: both; }



.line {
  text-align: left;
  clear: both;
  padding-left: 1px;
}

.end,
.float-end,
.end-float {
  clear: both;
  font-size: 0;
}

.line .label {
  float: left;
  width: 30%;
  margin-top: 3px;
  margin-bottom: 3px;
}

.line .control {
  text-align: left;
  left: 30%;
  float: left;
  margin: 5px 0;
}

textarea.text {
  float: left;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*
 * Fehlermeldungstexte
 */
#error {
  font-weight: normal;
}

#message {
  font-weight: normal;
}


#error .error-box {
  max-height: 80px;
  height: auto;
  height: 1%;
  overflow: auto;
  margin: 0;
  padding: 10px;
  border: solid;
  border-width: 1px 1px 1px 1px;
  border-color: red;
  background-color: #ffcccc;
}

#error .error-box-noscroll {
  height: auto;
  height: 1%;
  margin: 0;
  padding: 10px;
  border: solid;
  border-width: 1px 1px 1px 1px;
  border-color: red;
  background-color: #ffcccc;
}

#message .message-box {
  max-height: 80px;
  height: auto;
  height: 1%;
  overflow: auto;
  margin: 0;
  padding: 10px;
  border: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #0cff0c;
  background-color: #cfffcf;
}

#message .message-box-noscroll {
  height: auto;
  height: 1%;
  margin: 0;
  padding: 10px;
  border: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #0cff0c;
  background-color: #cfffcf;
}

#error .error-box .image,
#error .error-box-noscroll .image,
#message .message-box .image,
#message .message-box-noscroll .image {
  width: 60px;
  height: 60px;
  float: left;
}

#error .error-box .text,
#error .error-box-noscroll .text,
#message .message-box .text,
#message .message-box-noscroll .text {
  width: 280px;
  float: left;
  margin-left: 20px;
}

#error .error-box .text .title,
#error .error-box-noscroll .text .title,
#message .message-box .text .title,
#message .message-box-noscroll .text .title {
  margin: inherit;
  padding: inherit;
  font-weight: bold;
  font-size: 13px;
  background: inherit;
  color: inherit;
}

/* Links */
#error .error-box a:link,
#error .error-box a:visited,
#error .error-box a:active,
#error .error-box-noscroll a:link,
#error .error-box-noscroll a:visited,
#error .error-box-noscroll a:active,
#message .message-box a:link,
#message .message-box a:visited,
#message .message-box a:active,
#message .message-box-noscroll a:link,
#message .message-box-noscroll a:visited,
#message .message-box-noscroll a:active {
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}

#error .error-box a:hover,
#error .error-box-noscroll a:hover,
#message .message-box a:hover,
#message .message-box-noscroll a:hover {
  font-weight: bold;
  font-size: 12px;
  text-decoration: underline;
}

#error .align-right {
  margin-bottom: 10px;
  float: right;
}

.float-left { float: left; }
.float-right { float: right; }

.space {
  text-align: left;
  clear: both;
  height: 10px;
}

.space-big {
  text-align: left;
  clear: both;
  height: 15px;
}

#saisonkarten .line {
  text-align: left;
  clear: both;
  padding-left: 1px;
  margin: 5px 0;
}

#saisonkarten input[type=text] {
  width: 300px;  
}

#saisonkarten h2 {
  font-size: 14px;
  
  
}

.invisible { display: none; }

td { padding: 5px; }