@charset "utf-8";

@import url(reset.css);

/*Rot: #b9000f / Braungelb:#eeb46a */

a { color: #b9000f; text-decoration: none; }
a:hover { text-decoration: none; text-decoration: underline; }
address { font-style: normal; padding-bottom: 8px; }
body { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px;overflow: -moz-scrollbars-vertical; }
blockquote { }
em { font-style: oblique; }
h1 { color: #b9000f; font-size: 24px; font-weight: bold; line-height: 40px; }
h2 { color: #000; font-size: 16px; font-weight: bold; line-height: 32px; }
h3 { font-size: 11px; font-weight: bold; }	
h4 { font-size: 11px; font-weight: bold; } 
p { padding-bottom: 8px; }
strong { font-weight: bold; }
ul { padding: 0 0 8px 16px; }
ul li { list-style-type: square; }

#area-left { background-color: #b9000f; height: 352px; display: block; float: left; width: 128px; }
#arrow { background: url(../images/pfeil.png) top left no-repeat; display: block; height: 256px; width: 256px; position: relative; top: 32px; left: 1px; z-index: 5; }
#content { background-color:#eeb46a; border-left: 2px solid; border-right: 2px solid; padding: 16px 16px 0 16px; margin-left: 128px; }
#content-header { background-color: #b9000f; background-image: url(../images/content-header.gif); background-position: top left; background-repeat: repeat-y; display: block; height: 16px; margin-left: 128px; position: relative; }
#content-header-quote { top: 0; color: #fff; font-size: 10px; font-weight: bold; left: 0; padding: 0 16px; position: absolute; width: 400px; }
#content-header-quote-bl { bottom: 0; color: #fff; font-size: 10px; font-weight: bold; left: 0; padding: 0 16px; position: absolute; width: 400px; }
#content-header-quote-br { bottom: 0; color: #fff; font-size: 10px; font-weight: bold; right: 0; padding: 0 16px; position: absolute; width: 400px; }
#content-header-pic { background-color: #eeb46a; height: 112px; margin-left: 128px; position: relative; width: 608px; }
#content-footer { background: url(../images/content-footer.gif) bottom left no-repeat; display: block; height: 16px; margin-left: 128px; }
#header { background-color: #b9000f; height: 96px; }
#logo { margin: 16px 0 0 32px; }
#menu { background-color: #b9000f; padding-left: 144px; }
/*#menu ul { height: 32px; padding: 0; }
#menu ul li { float: left; line-height: 32px; list-style-type: none; width: 128px; }
#menu ul li a { color: #000000; float: left; line-height: 32px; list-style-type: none; text-decoration: none; width: 128px; }
#menu ul li a:hover { color: #FFF; float: left; line-height: 32px; list-style-type: none; text-decoration: none; width: 128px; }*/
#menu ul { background: #b9000f; height: 32px; list-style: none; margin: 0; padding: 0; }
#menu ul li { display: inline; float: left; padding: 0; position: relative; width: 128px; z-index: 10; }
#menu ul li:hover ul { display: block; }
#menu ul li a { background-color: #b9000f; color: #000 ; display: block; padding: 8px 8px; text-decoration: none; }
#menu ul li a:hover { color: #FFF; }
#menu ul li ul { background: url(../images/menu-bottom.png) bottom left no-repeat; border-top: 2px #000 solid; display: none; height: auto; left: 0px; padding: 8px 8px; position: absolute; top: 32px; width: 112px; z-index: 20; }
#menu ul li ul li { clear: both; display: block; float: none; padding: 4px 0; width: 112px; }
#menu ul li ul li a { display: inline; float: none; padding: 0; }
#menu ul li ul li a:hover { background: #7fcccc; color: #b9000f; font-weight: bold; }
#menu ul li.current a { background-color: #40b3b3; }
/*#menu ul li.parent a { background-image: url(../images/menu-dropdown.gif); background-position: right center; background-repeat: no-repeat; padding-right: 24px; }*/
#menu ul li.parent:hover a { background-image: url(../images/menu-top.gif); background-position: top left; background-repeat: no-repeat; background-color: #b9000f; }
#menu ul li.parent li a { padding-right: 0; }
#menu ul li.parent:hover li a { background: none; border: none; }
#site { margin: 32px auto; width: 736px; }

.box { }
.box-header { background-image: url(../images/box-header.gif); background-position: top left; display: block; height: 16px; }
.box-content { border-left: 2px #000 solid; border-right: 2px #000 solid; background-color: #FFF; padding: 0 8px 0 8px;}
.box-footer { background-image: url(../images/box-footer.gif); background-position: top left; display: block; height: 16px; }
.clear { clear: both; }
.column-one-half-left { float: left; padding: 0 16px 0 0; width: 270px; }
.column-one-half-right { float: right; padding: 0 0 0 16px; width: 270px; }
.column-one-third { float: right; padding-left: 16px; width: 208px;  }
.column-two-thirds { float: left; padding: 0 16px 0 0; width: 332px; }
.column-two-thirds-right { float: right; width: 416px; }
.headline-facts { color: #FFF }
.images-content { margin: 8px 0 8px 0; }
.subpages { padding-top: 8px; }
.subpages a { color: #b9000f; }

#form { padding-top:16px;  }
#form legend { font-size: 11px; font-weight: bold; padding-bottom: 8px; }
#form label { display: block; float: left; }
#form .text { border: 1px solid #c9c1b1; float: left; height: 16px; margin-bottom: 8px; width: 138px; }

/* Kontaktformular */
#kontakt input,
#kontakt textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#kontakt input.text { border: 1px solid #000; border-bottom-color: #7f7f7f; border-right-color: #7f7f7f; float: left; height: 16px; padding: 2px 4px; width: 230px; }
#kontakt input.submit { background: #b9000f; border: 1px solid #7f7f7f; border-bottom-color: #000; border-right-color: #000; color: #fff; cursor: pointer; float: left; height: 24px; padding: 2px 4px; padding-right: 4px; width: 240px; }
#kontakt textarea.text { border: 1px solid #000; border-bottom-color: #7f7f7f; border-right-color: #7f7f7f; float: left; height: 64px; padding: 2px 4px; padding-right: 4px; width: 230px; }
#kontakt legend { font-size: 11px; font-weight: bold; margin-bottom: 4px; padding-top: 8px; }
#kontakt .row { clear: both; float: left; margin-bottom: 4px; width: 576px; }
#kontakt .row .left { float: left; padding-top: 2px; width: 160px; }
#kontakt .row .right { float: left; width: 416px; }
#kontakt label { cursor: pointer; }
#kontakt input#alter-teilnehmer,
#kontakt input#plz,
#kontakt input#teilnehmer-maennlich,
#kontakt input#teilnehmer-weiblich { float: none; width: 54px; }
#kontakt #submit-row { padding-top: 16px; }
#kontakt #gruppengroesse { width: 54px; }


.title.close {display: none;}
p.title { color: #b9000f; text-decoration: none; }
p.title:hover { text-decoration: none; text-decoration: underline; }

#maps { height: 360px; width: 570px; border: solid #000 1px; margin: 16px 0 8px 0; }