/* Code & Umsetzung (C) 2007 by aktivComm GmbH, Weinheim
                             http://www.aktivcomm.de/  */

body, html {
   margin: 0;
   padding: 0;
}

body {
   font-family: Arial, sans-serif;
   background-color: #FFF;
   color: #040896;
}

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

a:hover {
   text-decoration: underline;
}

#head {
   margin-left: 125px;
   position: relative;
   z-index: 100;
}

#head img {
   margin-top: 20px;
}

#main {
   position: relative;
   margin: 0;
   padding: 0;
}

#subhead {
   position: absolute;
   top: 9px;
   left: 125px;
   width: 640px;
   height: 60px;
}

#breadcrumbs {
   position: absolute;
   bottom: 0px;
   color: #040896;
   font-size: 10px;
}

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

#breadcrumbs a:hover {
   text-decoration: underline;
}


#content {
   position: absolute;
   top: 70px;
   left: 92px;

   border-top: 1px solid #040896;
   border-right: 1px solid #040896;

   width: 670px;
   min-height: 550px;
   padding-left: 33px;
}

#content h1 {
   padding: 0;
   margin-top: 10px;
   font-size: 22px;
}

#copy {
   width: 420px;
   font-size: 13px;
}

#copy.gallery,
#copy.sans_rotate {
   width: 655px;
}

ul.thumbs p {
   margin-top: 0px;
   padding-left: 5px;
}

#outerImageContainer {
   border: 1px solid #999;
}

#imageDataContainer {
   border-left: 1px solid #999;
   border-right: 1px solid #999;
   border-bottom: 1px solid #999;
}

#copy a,
#copy a:visited {
   text-decoration: underline;
}

#copy a:hover {
   text-decoration: none;
}

#copy h2 {
   font-size: 20px;
}

#copy h3 {
   font-size: 18px;
}

#copy h4 {
   font-size: 16px;
}


#rotimages {
   position: absolute;
   right: 0px;
   top: 12px;
   width: 224px;
   height: 539px;
   background-image: url("images/schatten.jpg");
}

#blendraster {
   position: absolute;
   left: 0px;
   top: 0px;
   visibility: hidden;
}

#ibslogo {
   position: absolute;
   bottom: 29px;
   right: -116px;
}

#bobbel_l_1 { position: absolute; top: 48px; left: 0px; width: 23px; height: 23px; background-color: #0490e9; }
#bobbel_l_2 { position: absolute; top: 48px; left: 46px; width: 23px; height: 23px; background-color: #044ae9; }
#bobbel_l_3 { position: absolute; top: 48px; left: 92px; width: 23px; height: 23px; background-color: #040896; }

#bobbel_r_1 { position: absolute; bottom: 0px; right: -24px; width: 23px; height: 23px; background-color: #040896; }
#bobbel_r_2 { position: absolute; bottom: 0px; right: -70px; width: 23px; height: 23px; background-color: #044ae9; }
#bobbel_r_3 { position: absolute; bottom: 0px; right: -116px; width: 23px; height: 23px; background-color: #0490e9; }



#langselect {
   position: absolute;
   top: -23px;
   right: 0px;
}

#news {
   position: absolute;
   top: -18px;
   right: -154px;
}

#news h2 {
   font-size: 14px;
   padding: 0;
   margin: 0;
   margin-bottom: 1px;
}

#news h2 a,
#news h2 a:visited {
   color: #040896;
   text-decoration: none;
}

#newsbox {
   border: 1px solid #000;
   width: 125px;
   max-height: 300px;
   padding: 5px;
   font-size: 9px;
   background-color: #eceded;
   overflow: auto;
}

#newsbox h2 {
   margin: 0;
   margin-bottom: 2px;
   padding: 0;
   font-size: 10px;
   font-weight: bold;
}

#newsbox h2 a,
#newsbox h2 a:visited {
   color: #040896;
   text-decoration: underline;
}

#newsbox h2 a:hover {
   text-decoration: none;
}


#newsbox p {
   padding: 0;
   margin: 0px 0px 10px;
}

#newsbox a.morelink,
#newsbox a.morelink:visited {
   display: block;
   color: #040896;
   text-decoration: none;
   text-align: right;
   font-weight: bold;
}

#newsbox a.morelink:hover {
   text-decoration: underline;
}

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 #040896;
   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;
}


/* 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.contact p {
   clear: left;
}

form.contact input,
form.contact textarea {
   width: 250px;
}

form.contact input.submit {
   width: auto;
}

div.errors {
   margin-bottom: 20px;
   color: red;
}

/* /eform */


/* wayfinder (Navigation) */

/* allgemein */
.menu {
   font-family: Arial, sans-serif;
   position: absolute;
   top: 90px;
   left: 0px;
   margin: 0;
   font-size: 17px;
   margin: 2px 0 0px 0;
   z-index: 100;
}

.menu a, .menu a:hover {
   text-decoration: none;
}

.menu a.level1 {
   cursor: text;
}

.menu a.first {
   cursor: pointer;
}


.menu ul li a,
.menu ul li a:visited {
   display: block;
   text-decoration: none;
   height: 20px;
   color: #fff;
   line-height: 20px;
   font-size: 17px;
   overflow: hidden;
}

.menu ul {
   padding: 0;
   margin: 0;
   list-style-type: none;
}

.menu ul li {
   float: left;
   margin-right: 35px;
   position: relative;
}

.menu ul li ul {
   display: none;
}


/* normale browser */
.menu ul li:hover a {
   color: #fff;
}

.menu ul li:hover ul {
   display: block;
   position: absolute;
   top: 20px;
   left: 0;
   width: 105px;
}

.menu ul li:hover ul li a.hide {
   /* background-color: #049696; */
   color: #fff;
}

.menu ul li:hover ul li:hover a.hide {
   background-color: #C8CAFF;
   color: #000;
}

.menu ul li:hover ul li ul {
   display: none;
}

/* Ebene 2 */
.menu ul li:hover ul li a {
   display: block;
   font-size: 13px;
   position: relative;
   left: -10px;
   width: 170px;
   padding-left: 10px;
   background-color: #040896;
   border-top: 1px solid #a5a7d9;
   border-right: 1px solid #a5a7d9;
   border-left: 1px solid #d8d8ef;
   /* color: #000; */
}

.menu ul li:hover ul li.last a {
   border-bottom: 1px solid #d8d8ef;
}

.menu ul li:hover ul li a:hover {
   background-color: #C8CAFF;
   color: #000;
}

.menu ul li:hover ul li:hover ul {
   display: block;
   position: absolute;
   left: 180px;
   top: 0;
}

.menu ul li:hover ul li:hover ul.left {
   left: -105px;
}

/* Aktiv, erste Ebene */
.menu ul li a.active {
   font-weight: bold;
}

.menu ul li ul li a {
   font-weight: normal;
}

/* /wayfinder (Navigation) */