/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{
  background: #E6EEFC url(../images/bg.gif) repeat-x;
  color: #000;
  font: 101% arial,helvetica,sans-serif;
  margin: 0;
  padding: 0;
}

div {
        margin:0;
        padding:0;
}

#page {
        width: 99%;
        max-width: 1024px;
        min-width: 780px;
        margin: 0;
        text-align: left;
}

#header {
  text-align: left;
  margin: 0 25px;
  padding: 0;
  background: url(../images/logo.gif) no-repeat top right;
  height: 122px;
}

#logo {
        float: right;
        display: none;
}
/* --- MAINBLOCK --- */
#contentwrapper {
        padding: 0;
        margin: 35px 0 30px 0;
}
.home {
        background: url(../images/element.gif) no-repeat top left;
}

#mainhome {
        display:block;
        padding: 0;
        margin: 0 30px 0 360px;
}

#main {
        display:block;
        padding: 0;
        margin: 0 340px 0 35px;
}

#rechteseite {
        position: relative;
        float:right;
        width: 315px;
        margin: 0;
        padding: 0;
}

.kasten {
}

.kasten p, #main p, #main ul, #mainhome p, .boxbody p, .boxbodyG p, .boxbody ul, .boxbodyG ul, .imagebox ul  {
        text-align:left;
        font-size: .8em;
        margin: 0;
}

.kasten p {
        padding: 20px 20px;
}

/* fuer bessere lesbarkeit: line-height: 1.2em; 1.4em sind 16px normal*/
#main p {
        padding: 0;
        margin-bottom: 1.4em;
        line-height: 1.4em;
}

/*  Sideboxen rechte Seite */
.sideboxGruen {
        margin: 0 27px 0 0;
        width: 290px;  /* 18em - ems fuer horizontale skalierung */
        background: url(../images/boxbodyGruen_r.gif) no-repeat bottom right;
}
.boxheadG {
        background: url(../images/boxheadGruen_r.gif) no-repeat top right;
        margin: 0;
        padding: 0;
        text-align: left;
}
.boxheadG h2 {
        background: transparent url(../images/boxheadGruen_l.gif) no-repeat top left;
        margin: 0;
        padding: 6px 16px 5px;
        color: #000;
        font-weight: bold;
        font-size: .75em;
        line-height: 1em;
}
.boxbodyG {
        background: url(../images/boxbodyGruen_l.gif) no-repeat bottom left;
        margin: 0;
        padding: 10px 20px 15px;
}

.boxbodyG p{
        color: #FFF;
        background-color: transparent;
}

.sidebox {
        margin: 0 27px 0 0;
        width: 290px;
        background: url(../images/boxbody_r.gif) no-repeat bottom right;
}
.boxhead {
        background: url(../images/boxhead_r.gif) no-repeat top right;
        margin: 0;
        padding: 0;
        text-align: left;
}
.boxhead h2 {
        background: transparent url(../images/boxhead_l.gif) no-repeat top left;
        margin: 0;
        padding: 6px 16px 5px;
        color: #FFF;
        font-weight: bold;
        font-size: .75em;
        line-height: 1em;
}
.boxbody {
        background: url(../images/boxbody_l.gif) no-repeat bottom left;
        margin: 0;
        padding: 10px 20px 15px;
}

.sideboxBild {
        margin: 0 27px 0 0;
        width: 290px;
        background: url(../images/boxbody_r.gif) no-repeat bottom right;
}

.boxbodyBild {
        background: url(../images/boxbody_l.gif) no-repeat bottom left;
        margin: 0;
        padding: 0 0 3px 3px;
}

.sideboxBildG {
        margin: 0 27px 0 0;
        width: 290px;
        background: url(../images/boxbodyGruen_r.gif) no-repeat bottom right;
}

.boxbodyBildG {
        background: url(../images/boxbodyGruen_l.gif) no-repeat bottom left;
        margin: 0;
        padding: 0 0 3px 3px;
}

.caption {
        padding: 4px 0 0 0;
        margin: 0 8px 10px 0;
}
#main .caption p.caption-text {
        font-size: .7em;
        padding: 4px 4px 5px 0px;
        margin: 0;
}
.alignleft { float: left;}

/* footer mit Servicemenue */
#footerwrapper {
        position:relative;
        display:block;
        width: 100%;
        min-height: 35px;
        margin: 0 auto;
        padding:0;
        color: #fff;
        background: #1B1B1F url(../images/bg-footer.gif) repeat-x;
        clear: both;
}
#fusszeile {
          margin: 0;
        padding: 0;
        max-width: 1024px;
        min-width: 780px;
}

#stilauswahl{
        float: left;
        margin: 9px 0 10px 0;
        padding: 0 5px 0 35px;
        text-align:left;
        font-size: 0.7em;
        font-weight: bold;
        color: #E6EEFC;
        text-transform:uppercase;
        background-color:#1B1B1F;
}
#servicemenue{
        float:right;
        margin: 15px 0 10px 0;
        padding: 0 25px 0 0;
        text-align: right;
        font-size: 0.7em;
        font-weight: bold;
        color: #E6EEFC;
        text-transform:uppercase;
        background-color:#1B1B1F;
}

/* LISTEN */
ul, ol {
 margin: 0;
 padding: 0;
}

/* Hauptmenue */
#menue ul {
        list-style: none;
        margin: 0;
        padding: 0;
}

#menue ul li  {
        float: left;
        display: block;
        margin: 0;
        font-size: 0.7em;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
        color: #E6EEFC;
        background-color: transparent;
}

#menue ul li.aktiv        {  /* Hauptmenuepunkt ist ausgewaehlt und nicht verlinkt */
        padding: 94px 10px 6px 10px;
        background: #00A0A7;
        border-right: 1px solid transparent;
        border-left: 1px solid transparent;
        color: #000000;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
        #menue a { float: none; }
/* End IE5-Mac hack */

/* Sidebox Menueliste */
.boxbodyG ul li, .boxbody ul li{
        list-style: none;
        padding: 0;
        margin: 0 0 4px 0;
}
.boxbodyG ul li.aktiv, .boxbody ul li.aktiv {
        display: block;
        font-style: oblique;
}

/* maincontent liste */
#main ul {
        margin-top: 5px;
        margin-bottom: 10px;
        padding:0;
}
#main ul li {
        list-style: none;
        padding: 0;
        margin: 0 0 3px 0;
        line-height: 1.2em;
}

/* imagebox liste */
.imagebox ul {
        margin-top: 14px;
        margin-bottom: 10px;
        padding:0;
}
.imagebox ul li {
        list-style: none;
        padding: 0;
        margin: 0 0 3px 0;
}

/* definitionsliste glossar */
.glossar {
}

dl {
        font-size: .8em;
        margin-top: 1.5em;

}
dd {
        padding: 0 0 1.5em 1em;
}

.glossar dl dt {
        font-size: 1em;
        font-weight: bold;
        padding-bottom: 1.0em;
}

/* liste profilelemente */

#main.profil ul {
        margin-top: 5px;
        margin-bottom: 15px;
        padding:0 0 0 200px;
}

#main.profil ul li {
        list-style: disc;
        padding: 1px;
        margin: 0 0 .1em 0;
}

/* sitemap */
#sitemap {
        padding-top: 1em;
}

#sitemap ol {
        list-style-type:decimal;
        padding-left: 1.6em;
}

#sitemap li {
        font-size: .8em;
        margin: 1.1em 0 0 0;
        padding: 0;
        font-weight: bold;
}

#sitemap li ol li {
        font-size: 1em;
        margin: .3em 0 0 .7em;
        padding: 0;
        font-weight: normal;
}

#sitemap a {
        text-decoration: none;
        color: #fff;
        background-color: transparent;
}


/* Links  */
a {
        text-decoration: none;
}

a:link, a:visited {
        color: #000000;
        text-decoration: none;
        background-color: transparent;
}

a:hover, a:active, a:focus {
        color: #000000;
        background-color: #FFFFFF;
        text-decoration: underline;
}

#main a {
        text-decoration: none;
}

#main a:link, #main a:visited {
        background-color: transparent;
        color: #000000;
        text-decoration: none;
}

#main a:hover, #main a:active, #main a:focus {
        text-decoration: underline;
        background-color: #FFF;
        border-bottom-width: 0px;
        border-bottom-style: solid;
        border-bottom-color: #000;
        color: #000000;
}

#menue ul li a        {
        display: block;
        text-decoration: none;
        background-color: transparent;
        color: #E6EEFC;
        padding: 94px 10px 6px 10px;
}

#menue ul li a.aktiv {  /* Untermenuepunkt ist ausgewaehlt */
        background-color: #00A0A7;
        border-right: 1px solid transparent;
        border-left: 1px solid transparent;
        color: #000000;
}
#menue ul li a:hover, #menue ul li a:active, #menue ul li a:focus         {
        display: block;
        text-decoration: none;
        background-color: #00A0A7;
        color: #000000;
}

.boxbodyG ul li a, .boxbody ul li a {
        display: block;
        text-decoration: none;
}
.boxbodyG ul li a, .boxbodyG ul li.aktiv{
        color: #FFF;
        background-color: transparent;
}
.boxbodyG ul li a:active, .boxbodyG ul li a:visited {
        color: #FFF;
        background-color: transparent;
}
.boxbody ul li.aktiv, .boxbody ul li a, .boxbody ul li a:active, .boxbody ul li a:visited  {
        color: #000;
        background-color: transparent;
}
.boxbodyG ul li a:hover, .boxbodyG ul li a:active, .boxbodyG ul li a:focus {
        color: #000;
        background-color: #E6EEFC;
        border-bottom-width: 0px;
        border-bottom-style: solid;
        border-bottom-color: #000;
        text-decoration: none;
}
.boxbody ul li a:hover, .boxbody ul li a:active, .boxbody ul li a:focus {
        color: #FFF;
        background-color: #000;
        border-bottom-width: 0px;
        border-bottom-style: solid;
        border-bottom-color: #000;
        text-decoration: none;
}

a.glossar:link, a.glossar:visited {
        color: #000000;
        text-decoration: none;
        border-bottom: thin dashed black;
        background-color: transparent;
}

a.glossar:hover, a.glossar:active, a.glossar:focus {
        color: #000000;
          text-decoration: none;
        background-color:#FFFFFF;
        border-bottom: thin dashed #666666;
        cursor: help;
}

#fusszeile a{
        color: #E6EEFC;
        text-decoration: none;
        background-color: transparent;
}
#fusszeile a:hover, #fusszeile a:active, #fusszeile a:focus {
        color: #FFFFFF;
          text-decoration: underline;
        background-color:#00A0A7;
        border-width: medium;
}

.footeraktiv {
        color: #FFFFFF;
        background-color:#00A0A7;
        border-bottom: thin solid #00A0A7;
}
/* Ueberschriften, Textformatierung */

#main h1 {
        font-size: 1em;
        margin:0 0 .9em 0;
        padding:0;
}

#main h2, #main h3 {
        font-weight: bold;
        padding:0;
}
#main h2 {
        font-size: .9em;
        margin:1em 0 1em 0 ;
}
#main .imagebox h2 {
        font-size: .9em;
        margin:0 0 0 0 ;
}
#main h3 {
        font-size: .8em;
        margin: 0 0 2px 0 ;
}
.teaser {
        font-size: 150%;
        color: #00A0A7;
        margin:0 0 .5em 0 ;
        padding:0;
        background-color: transparent;
}
.teasertext {
        line-height: 1.5em;
        padding-bottom: 1.5em;
}

#main p.referenzteaser {
        padding: 0;
        margin: .3em 0 .3em 0;
}

/* skalierte bilder bei voller breite*/
img {
        border: 0;
}

#main img.hundert {
        display: block;
        width: 99%;
        margin-bottom: 0.675em;
}

.imagebox {
        margin: 0;
        clear: left;
}
.image_float_left {
        background-color: #E6EEFC;
        float: left;
        clear: left;
        margin: 0;
        width: 140px;
}
/* stilauswahl  */
.fsSmall {
        font-size:smaller;
}

.fsBig {
        font-size: 1.2em;
}

.line {
        background-image:url(../images/spacer_grey.gif);
        background-repeat: repeat-x;
        font-size: 0;
        height:1px;
        width:100%;
}


#main blockquote  {
        padding: 0 0 0 1em ;
        margin: 1em 0 1em  0;
        border-left: 1px solid #00A0A7;
        font-style: normal;
}

/* toplink */
.toplink {
        margin: 0;
        padding: 0 10px 0 0;
        width: 342px;
        font-size: .8em;
        line-height: 1.4em;
        text-align:right;
        background-color: transparent;
        background-image: url(../images/icon_arrow_toplink.gif);
        background-repeat: no-repeat;
        background-position: right;
}

.toplink a {
        color:#454545;
        text-decoration: underline;
}
/* helpers  */
.floatAus {
  display: block;
  clear: both;
  content: ".";
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  visibility: hidden;
}

hr {
    display: none;
}

.unsichtbar, .sprunglinks {
  position: absolute;
  top: -6000px;
  left: -6000px;
  height: 1px;
  width: 1px;
}

.sprunglinks a:hover, .sprunglinks a:active, .sprunglinks a:focus {
  color:#FFFFFF;
  position: absolute;
  display: block;
  top: 6005px;
  left: 6030px;
  height: auto;
  width: auto;
  font-size: 70%;
  font-weight: bold;
  text-decoration: underline;
  white-space: nowrap;
  background-color: transparent;
}

.abstand50 {
        display: block;
        height: 20px;
        width: 1px;
        font-size: 1px;
          line-height: 1px;
}

.gruen {
        color: #00A0A7;
        background-color: transparent;
}

.fett, .more, .pdf {
        font-weight: bold;
}

abbr, acronym {
    font-style: normal;
    border-bottom: 1px dashed #666666;
    cursor: help;
}

.clearleft {
        clear:left;
}

/* -------*/

img.imglinks { float: left; margin-right: 1em; margin-bottom: 0.675em; }