@charset "utf-8";
/* CSS Document */

* { border:0; margin:0; padding:0; }

a { outline:none; }

body { font-family:Verdana, Geneva, sans-serif; background:url(../img/system/main-back.jpg) 0 0 #e8e1d9 repeat-x; color:#4e4e4e; }

#homepage { width:976px; border-right:1px solid #fff; margin:0 auto; margin-bottom:20px; }
  #metanavi { height:25px; background:url(../img/system/metanavi-back.gif) 0 0 repeat-x; text-align:right; padding-right:13px; padding-top:3px; }
  #metanavi a { background:url(/img/system/link-grau.png) 0 1px no-repeat; color:#7c7c7c; display:block; float:right; line-height:16px; font-size:12px; padding-left:19px; margin-left:12px; margin-top:3px; }
  #header { border-bottom:1px solid #fff; }
  #keyvisual { height:175px; background:url(../img/system/keyvisual-shadow.gif) bottom repeat-x; padding-bottom:11px; }
    #kvleft { height:100%; float:left; width:240px; border-right:1px solid #d3ecff; }

    #kvright { position:relative; height:180px; background-color:#e8e1d9; float:left; width:735px; }

    #kvright .abspos { position:absolute; z-index:100; width:735px; left:0; top:35px; }
    #kvright .abspos a { display:block; text-decoration:none; background-image:url(/img/system/a.gif); height:35px; margin-bottom:5px; }

  #main { background:url(../img/system/content-back.gif) 0 0 repeat-y; padding-bottom:30px; }
    #navi { float:left; width:241px; background:url(../img/system/navi-back.gif) top #f0f4f7 repeat-x; }
      #navi ul { list-style:none; }
      #navi ul ul { display:none; border-top:1px solid #fff; }
      #navi ul li.selected ul { display:block; }
      #navi ul li { background:url(../img/system/naviitem-back.jpg) #d8e1e8 0 0 repeat-y; border-bottom:1px solid #fff; }
      #navi ul li.first { padding-top:15px; }
      #navi ul li.noborder { border:0; }
      #navi ul li a { padding-left:57px; padding-top:5px; display:block; height:18px; font-size:12px; text-decoration:none; color:#365977; }

      #navi ul li a:hover,
      #navi ul li a:focus,
      #navi ul li a.selected,
      #navi ul li a:active { background:url(/img/system/naviitem-hover.jpg) 0 0 no-repeat; color:#fff; }

      #navi ul li a.selected { font-weight:bold; }

      #navi ul ul li a { padding-left:76px; }

      #navi ul ul li a:hover,
      #navi ul ul li a:focus,
      #navi ul ul li a.selected,
      #navi ul ul li a:active {  background-position:0 -23px;  }

    #content { float:left; padding:22px 26px; width:447px; }

#content a,
#teaser .plaintext a { background:url(/img/system/link.png) 0 2px no-repeat; padding-left:20px; color:#345977; text-decoration:none; display:block; }

#teaser a.mail { background:url(/img/system/link.png) 0 2px no-repeat; padding-left:20px; color:#345977; text-decoration:none; display:block; }

#content a:hover,
#content a:active,
#content a:focus,
#teaser a:hover,
#teaser a:focus,
#teaser a:active { text-decoration:underline; }

#teaser a { margin-bottom:7px; }

    #teaser { float:left; width:208px; padding:22px 14px; }
  #footer { height:21px; border:1px solid #fff; border-left:0; border-right:0; background:url(../img/system/footer-back.gif) 0 0 repeat-x; color:#666; padding-top:10px; padding-left:79px; }
    #footer span.copyright { font-size:12px; display:block; float:left; margin-right:37px; }

    #footer a { display:block; color:#375A78; height:16px; float:left; font-size:12px; margin-right:18px; padding-left:20px; background:0 1px no-repeat; }
    #footer a.totop { background-image:url(/img/system/top.png); }
    #footer a.empfehlen { background-image:url(/img/system/empfehlen.png); }
    #footer a.print { background-image:url(/img/system/print.png); }
    
/* Allgemeines */
.clear { clear:both; }
.spacer { height:15px; clear:both; }
h1 { color:#236aa2; font-size:20px; font-weight:normal; margin-bottom:20px; }
h2 { color:#1864a0; font-size:13px; }
#teaser h2 { margin-bottom:20px; }
.plaintext { color:#4E4E4E; font-size:12px; line-height:17px; }
.plaintext ul { margin-left:20px; }
.news { background:url(/img/system/news-back.gif) 0 0 repeat-x; margin:0 -10px 25px -10px; padding:6px 10px; }
.news h2 { color:#6E889C; font-weight:bold; font-size:12px; margin-bottom:3px; }
.news a.more { margin-top:7px; }
.imgleft { float:left; margin-right:10px; margin-bottom:3px; margin-top:5px; }
.imgright { float:right; margin-left:10px; margin-bottom:3px; margin-top:5px; }

.zoomimg { margin-top:5px; }

div.imgleft,
div.imgright { margin-top:0; }

#content div.imgleft a,
#content div.imgright a { background:none; padding-left:0; }


/* Homepage */
#img1, #img2, #img3,#img4, #img5, #img6,#img7, #img8, #img9, #kvmain {
  position:absolute;
  left:0;
  top:0;
  display:none;
  z-index:1;
}

#kvmain { display:block; }

div.kontakt { background:url(/img/system/kontakt-back.gif) 0 0 repeat-y; margin-left:-12px; margin-right:-13px; font-size:12px; padding-bottom:10px; }
#teaser div.kontakt h2 { margin-left:12px; padding-top:12px; margin-bottom:15px; }
#teaser div.kontakt .mail { background:url(/img/system/mail-link.gif) 0 1px no-repeat; margin-left:12px; }
div.kontakt .telefon { background:url(/img/system/tele-link.gif) 2px 0 no-repeat; margin-left:12px; padding-top:6px; padding-left:20px; height:25px; }

#content a.lightbox { background:none; padding:0; display:inline; }

/* Formulare */
label { display:block; float:left; width:120px; font-size:12px; }
input,textarea { border:1px solid #DEDEDE; width:250px; padding:1px 3px; }
input.city { width:150px; float:left; }
input.zipcode { width:75px; margin-right:17px; float:left; }
div.row { margin-bottom:3px; clear:both; }
div#imageonCaptchacontrol1 { margin:10px 0 3px 120px; }
#content a.btn { background:none; padding:3px 10px; display:block; float:right; margin:10px 69px 10px 0; border:1px solid #DEDEDE; font-size:12px; text-decoration:none; }
.error { color:#ff0000; }

table.tabelle { border-collapse:collapse; width:100%; font-size:11px; }
table.tabelle td,
table.tabelle th { border:1px solid #4e4e4e; padding:4px 6px; }

table.tabelle th { border:1px solid #4e4e4e; background-color:#4e4e4e; color:#fff; font-weight:bold; }

a.zoombox { position:relative; outline:none; }
img.lupe { position:absolute; bottom:5px; margin-left:-23px; }