/* Basics
------------------------------------------------------------------------ */
@font-face { font-family: Webfont; src:url("../fonts/webfont.eot") }
@font-face { font-family: Webfont; src:url("../fonts/webfont.ttf") }

@font-face { font-family: Webfont Bold; src:url("../fonts/webfont-bold.eot") }
@font-face { font-family: Webfont Bold; src:url("../fonts/webfont-bold.ttf") }


@font-face {
  font-family: "GraublauWeb";
  src: url(fonts/GraublauWeb-Regular.otf) format("opentype");
}

@font-face {
  font-family: "GraublauWeb";
  font-weight: bold;
  src: url(fonts/GraublauWeb-Bold.otf) format("opentype") ;
}




 html {
    height:100%;
    margin:0;
    padding:0;
    }

 body {
    height: 100%;
    width: 100%;
    background: #fff;
    margin: 0px;
    padding: 0px;

    font-size:0.9em;
	font-family:Webfont,arial,helvetica,sans-serif;
	color:#585652;
	line-height:1.2em;
    }

.abgerundet {
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
}

.abgerundet {behavior:url(border-radius.htc);}

#overlay {position:fixed; width:100%; height:100%; top:0; left:0; z-index:800; background:url(transparent24.png); display:none;}

#intro {position:fixed; z-index:120; width:100%; height:100%; background:#77717B;}

#loader {position:fixed; width:32px; height:32px; top:50%; margin-left:-16px; margin-top:-16px; left:50%; z-index:9000; background-color:#fff; display:none;}

#map {width:300;height:220px}

#textbox {position:absolute; width:600px; height:400px; top:50%; margin-left:-300px; margin-top:-200px; left:50%;

  border:2px solid #ccc;

   background-color:#fff;
  background-image:url(../images/uhr_hinten.png);
  background-repeat:no-repeat;
  background-position:center bottom;
  background-attachment:fixed;


}


#tb_content {position:absolute; margin-top:20px; padding-left:10px; overflow-y:auto;
scrollbar-arrow-color: #FFFFFF;
scrollbarBaseColor: #000;
scrollbar-track-color: #e4e4e4;
scrollbar-face-color: #fff;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
}
#tb_content label { width:160px; display:inline-block;}
#tb_content {font-size:0.8em;}


#closeMyTextbox {position:absolute; right:0px; top:0px; margin-right:-5px; margin-top:-8px;}



#header {
  position:relative;
  margin-top:0px;
  width:100%;
  height:120px;

  z-index:0;
  background:#fff;
  background-image:url(css/back_oben.png);
  background-repeat:repeat-x;
  background-position:center bottom;
  }


#header .logo {margin-left:40px; margin-top:20px; float:left; border:0px solid black}


#header .links ul { float:right; height:19px; list-style:none; margin-right:20px; margin-top:80px; border:0px solid red}
#header .links ul li { float:left; margin-left:15px; padding:0 0 0 24px; height:19px; }
#header .links ul li a { color:#6c6963;text-decoration:none; font-size:0.8em}



#header .links ul li.tresor { background:url(icon-tresor.gif) no-repeat; }
#header .links ul li.home { background:url(icon-home.gif) no-repeat; }
#header .links ul li.kontakt { background:url(icon-kontakt.gif) no-repeat; }
#header .links ul li.impressum { background:url(icon-impressum.gif) no-repeat; }




#darkline {
  position:absolute;
  align:center;
  width:100%;
  top:120px;
  height:75px;

  z-index:0;
  background:#fff;
  background-image:url(back_oben_unten.png);
  background-repeat:repeat-x;
 /* overflow:hidden;*/
  }


#contentshadow {
  position:absolute;
  top:205px;
  left:50%;
  margin-left:-515px;
  width:1030px;
  height:auto;
  z-index:1;
  margin-top:-10px;
  border:0px solid #993300;
  background-image:url(back_content.png);
  background-repeat:no-repeat;
  }



#footer {
  position:fixed;
  bottom:0px;
  width:100%;

   border-top: 0px solid #666;

  z-index:200;
  height:30px;
  padding-top:0px;
  background:#fff;
  background-image:url(back_unten.png);
  background-repeat:repeat-x;
  }


#footer_content {
  position:relative;
  left:50%;
  margin-left:-470px;

  margin-top:5px;

  width:920px;
  color:#666;
  font-size:0.8em;
  }

#menu_kf {
 cursor:pointer;
 padding-left:15px;
 padding-right:15px;
}

#menu_kf a {color:#fff; text-decoration:none; }

#menu_kf:hover {

 background-image:url(/btn_kf_unten_h.png);
 cursor:pointer,hand;
 background-position:center 15px;
}



#footer_social {
  position:fixed;
  bottom:30px;
  right:50px;
  margin-left:510px;
  width:auto;
  height:57px;
  z-index:200;
  }

#fb_logo {
 display:inline-block;
  width:56px;
  height:57px;
  background-image: url(icon_fb.png);
}

#fzd_logo {
 display:inline-block;
  width:160px;
  height:65px;
  background-image: url(icon_fzd.jpg);
}

a {color:#666; font-decoration:underline }
a:hover {color: #ccc;}



#navigationtop {float:left; width:970px;  margin-left:15px; background-image:url(back_oben_unten.png); background-repeat:repeat-x; overflow:hidden;}


.menu {position:relative; text-align:center; margin-left:5px; margin-top:15px; display:inline-block; float:left; height:70px; width:150px; border:0px solid
#993300; padding-top:2px; color:#fff; font-size:0.8em; cursor:pointer}


#slider {position:absolute;top:140px;left:40px;z-index:2; width:150px; height:70px; background-image:url(menu_hinten.png)}

.slider {position:relative; text-align:center; margin-left:5px; margin-top:15px; display:inline-block; float:left; height:70px; width:150px; border:0px solid #993300; padding-top:2px;  color:#fff; font-size:0.8em; cursor:url(hando.cur),move}

#spalte_left_leer { float:left; width:60px; height:10px }

#spalte_left{ margin-top:65px; float:left; width:590px; text-align:justify; padding-right:10px; font-size:0.9em}


#spalte_right {margin-top:45px; float:left; width:300px; height:auto; background-image:url(spalte_rechts_hinten.png); background-repeat:repeat-y}
#spalte_right h2 {margin-left:45px; font-size:1.0em; font-decoration:none; color:#7e7e7e; }


#overlay {position:fixed; width:100%; height:100%; top:0; left:0; z-index:800; background:url(transparent24.png); display:none;}



h1,h2,h3,h4 { color:#3d3c3a; font-weight:normal; }
h1 { margin-bottom:10px; font-size:1.6em; line-height:1.4em; color:#993300;}
h2 { margin-bottom:3px; padding-top:4px; font-family:Webfont Bold,arial,helvetica,sans-serif; font-weight:normal; font-size:15px; }
h3 { margin-bottom:10px; font-size:34px; }
h4 { margin-bottom:12px; font-size:16px; color:#919182; }

#kf {font-family:arial,helvetica,sans-serif; width:510px;}

#kf label {font-family:Webfont Bold,arial,helvetica,sans-serif; color:#fff; width:80px; font-size:1.0em; height:20px !important; display:inline-block; padding-left:5px; background:#747474}
#kf input {background:#f7f7f7; font-family:Webfont,arial,helvetica,sans-serif; font-size:1.0em; width:160px; height:16px !important; display:inline-block;  padding-left:5px; border:0}
#kf textarea {font-family:Webfont,arial,helvetica,sans-serif; font-size:1.0em; width:500px; height:120px; padding:5px; border: 2px solid #747474; background:#f7f7f7}
#kf div {border: 2px solid #747474; background:#f7f7f7; margin-top:10px; height:20px; width:100%}