/* Code & Umsetzung (C) 2007, 2008 by aktivComm GmbH, Weinheim
                                   http://www.aktivcomm.de/  */

body, html {
   margin: 0;
   padding: 0;
}

body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   background-color: #fff;
   color: #786f67;
   padding: 0;
   margin: 0;
}

#header {
   height: 100px;
   background-color: #FF9900;
   color: #fff;
}

#topnav {
   position: relative;
   height: 100px;
}


#logo {
   position: absolute;
   top: 10px;
   left: 36px;
}

/* XXX
#title {
   position: absolute;
   top: 20px;
   background-color: white;
   width: 210px;
   height: 80px;
   font-size: 24px;
   color: #e5743b;
   font-weight: bold;
   text-align: center;
   line-height: 80px;
   vertical-align: middle;
   overflow: hidden;
   white-space: nowrap;
}

#title h1 {
   font-size: 1em;
   margin: 0;
   padding: 0;
}

#title h2 {
   font-size: 0.8em;
   margin: 0;
   padding: 0;
}

#title h3 {
   font-size: 0.7em;
   margin: 0;
   padding: 0;
}
   */

#topnav #navcontainer {
   position: absolute;
   left: 280px;
   bottom: 0px;
   width: 600px;
}

#topnav table {
   font-size: 20px;
   color: white;
   font-weight: bold;
}

#topnav table td {
   vertical-align: bottom;
   padding-bottom: 6px;
}


#topnav table td.active a, #topnav table td.active a:visited {
   color: #4D4D4D;
   /* border-bottom: 4px solid white; */ /* XXX */
}

#topnav table td div {
   display: none;
   padding: 2px 2px 2px 5px;
   background-color: #ddd;
   color: black;
   font-size: 17px;
   font-weight: normal;

   width: 596px;
   height: 20px;
   position: absolute;
   bottom: -24px;
   left: 0;
}

#topnav table td.active div {
   display: block;
}

#topnav a, #topnav a:visited {
   text-decoration: none;
   border-bottom: 4px solid transparent;
   color: white;
}

#topnav a:hover {
   color: #777777;
   /* border-bottom: 4px solid white; */ /* XXX */
}

#topnav td.active .subnav a, #topnav td.active .subnav a:visited {
   color: black;
   text-decoration: none;
   border-bottom: 0px solid transparent;
}

#topnav td.active .subnav a.active {
   font-weight: bold;
   text-decoration: none;
}

#topnav td.active .subnav a:hover {
   text-decoration: underline;
}


#footer {
   margin-top: 20px;
   margin-bottom: 15px;
}

#footer p {
   margin-bottom: 5px;
}

#footer_bar {
   background-color: #FF9900;
   color: #fff;
   text-align: right;
   padding-top: 3px;
   padding-bottom: 3px;
   font-size: 14px;
}

.inner {
   width: 880px;
   margin-left: auto;
   margin-right: auto;
}

.inner a, .inner a:hover {
   color: #808080;
}

#content {
   padding-top: 35px;
}

#content > *:first-child {
   margin-top: 0;
}

#content li {
   margin-bottom: 0.5em;
}

/* XXX
img.home {
   margin-top: -80px;
   position: relative;
   z-index: 2;
}
   */



img.sidebar {
   margin-top: 40px;
}

.sidebar a, .sidebar a:visited {
   font-weight: bold;
   color: #FF9900;
   text-decoration: none;
}

.sidebar a.active {
   color: #4D4D4D;   
}

.sidebar a:hover {
   color: #777777;
}

#footer_bar a, #footer_bar a:visited {
   text-decoration: none;
   color: #fff;
   font-weight: bold;
   margin-left: 50px;
}

#footer_bar a:hover {
   color: #777777;
}

.copy {
   line-height: 140%;
}

ul.sidebar {
   margin: 30px 0 0;
   padding: 0;
   list-style: none;
}

ul.sidebar li {
   display: block;
   margin-top: 10px;
   margin-bottom: 20px;
}

h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }

h4 {
   margin: 1em 0;
}


.inner h1 {
   padding-top: 0;
   margin-top: 0;
}

.newstable h2 {
   margin: 0;
}

.newstable {
   font-size: 0.8em;
}


#frontpiccontainer {
   color: #606060;
}

#frontpiccontainer a, #frontpiccontainer a:hover {
   color: #606060;
   text-decoration: none;
   font-weight: bold;
   font-size: 1.2em;
}

#gallery {
   margin-top: 5px;
   padding: 15px 20px 10px;
   background-color: #DDDDDD;
}

#picture_list {
   white-space: nowrap;
   overflow: auto;
   width: 560px;
   height: 142px;
   padding-bottom: 2px;
   margin-bottom: 18px;
}


h3.ditto_overview_pagetitle {
   margin: 0;
   padding: 0;
}

small.ditto_overview_date {
   font-size: 10px;
}

p.ditto_overview_intro {
   margin-top: 5px;
}

#ditto_pages {
   border-top: 1px solid #808080;
   padding-top: 5px;
   margin-top: 20px;
}

span.ditto_currentpage {
   margin-left: 5px;
   margin-right: 5px;
   font-weight: bold;
}

a.ditto_page {
   margin-left: 5px;
   margin-right: 5px;
}

.homenews_entry h2 {
   font-size: 1.0em;
   margin: 0;
   margin-bottom: 1px;
   padding: 0;
}

.homenews_entry p {
   margin-top: 5px;
   margin-bottom: 20px;
   font-size: 0.8em;
}

/* eform */

form.contact fieldset {
   padding: 5px;
}

form.contact legend {
   font-weight: bold;
   font-size: 16px;
}

form.contact label,
form.contact span.label {
   display: block;
   float: left;
   width: 110px;
   margin-right: 10px;
}

form.en label,
form.en span.label {
   width: 180px;
}

form.contact p {
   clear: left;
}

form.contact input,
form.contact textarea {
   width: 350px;
}

form.contact input.submit {
   width: auto;
}

div.errors {
   margin-bottom: 20px;
   color: red;
}

/* /eform */

