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

    
body { font-family: Helvetica, sans-serif; font-size: 12px; color: #353542; margin: 0px; background-color: #f8f4f1; line-height: 16px; }
a { color: #353542;  text-decoration:none; }
a:hover { color: #eb741d; cursor:pointer;}


h1 { font-family: "Trebuchet MS",Helvetica, sans-serif; font-weight: bold; color: #eb741d; font-size: 12px; }
h2 { font-weight: bold; color: #353542; font-size: 11px; font-family: "Trebuchet MS", Helvetica, sans-serif; }
h3 {  font-family: Helvetica, sans-serif; font-size: 12px; color:#eb741d; }
#wraper { height: 100%; width: 100%; float: none; }

#content_bgverlauf { text-align: center; height: 100%; width: 100%; position: absolute; left: 0px; border-bottom-width: 1px; border-bottom-style: solid; bottom: 0px; background-image: url(../bilder/bg_berg_02.jpg); background-position: bottom; background-repeat: repeat-x; float: none; }

#content_main { position: absolute; height: 620px; width: 850px; top: 30px; left: 50%; margin-right: auto; margin-bottom: 0; margin-left: -425px; }
/**
#content_main { position: absolute; height: 620px; width: 850px; top: 50%; left: 50%; margin-top: -310px; margin-right: auto; margin-bottom: 0; visibility: visible; margin-left: -425px; }**/

#content_visite #adresse { font-family: Helvetica, sans-serif; font-size: 12px; color: #9e957e;/*color: #AC9F7F;*/ text-align: left; position: absolute; height: 70px; width: 130px; left: 155px; top: 120px; line-height: 18px; }
#content_bueroorganisation { background-color: #006699; position: absolute; visibility: visible; z-index: 0; }
#content_textfeld { background-image: url(../bilder/textfeld.png); height: 460px; width: 530px; position: absolute; left: -0px; top: 0px; overflow: hidden; }

#textfeld_titel { height: 40px; width: 400px; z-index: 200; border: 2px solid #FF3; top: 410px; position: absolute; left: 25px; }
#content_visite { background-image: url(../bilder/visite.png); height: 196px; width: 320px; position: absolute; left: 530px; top: 14px; background-position: 0px top; background-repeat: no-repeat; }
#content_tastatur { position: absolute; height: 140px; width: 800px; top: 462px; background-image: url(../bilder/tastatur.png); left: 8px; background-repeat: no-repeat; background-position: left center; z-index: 8; }
#content_swf { background-repeat: no-repeat; background-position: center 0px; position: absolute; height: 230px; width: 320px; left: 526px; top: 209px; background-image: url(../bilder/swf.png); }
#playground { top: 21px; position: absolute; height: 180px; width: 299px; left: 8px; }
#bueroorga_teaserpic { top: 21px; position: absolute; height: 180px; width: 300px; left: 8px; z-index: 5; visibility: hidden; }

#taste_10finger { position: absolute; width: 145px; left: 522px; height: 45px; z-index: 200; background-image: url(../bilder/taste_10finger.png); background-repeat: no-repeat; background-position: left top; }
.taste_10finger a { background-image: url(../bilder/taste_10finger.png); background-repeat: no-repeat; background-position: 0px top; display: block; height: 50px; }
.taste_10finger a:hover { background-image: url(../bilder/taste_10finger_hover.png); background-repeat: no-repeat; background-position: 0px top; }


#taste_agb { position: absolute; height: 48px; width: 48px; left: 593px; top: 47px; display: block; }
.taste_agb a { background-image: url(../bilder/taste_agb.png); background-repeat: no-repeat; background-position: 0px top; display: block; height: 50px; }
.taste_agb a:hover { background-image: url(../bilder/taste_agb_hover.png); background-repeat: no-repeat; background-position: 0px top; }

#taste_backlinks { position: absolute; height: 48px; width: 48px; left: 545px; top: 47px; display: block; }
.taste_backlinks a { background-image: url(../bilder/taste_backlinks.png); background-repeat: no-repeat; background-position: 0px top; display: block; height: 50px; }
.taste_backlinks a:hover { background-image: url(../bilder/taste_backlinks_hover.png); background-repeat: no-repeat; background-position: 0px top; }

#taste_buero_orga { position: absolute; height: 48px; width: 100px; left: 668px; top: 0px; background-image: url(../bilder/taste_buero.png); background-repeat: no-repeat; display: block; }
.taste_buero  a { background-image: url(../bilder/taste_buero.png); background-repeat: no-repeat; background-position: 0px top; display: block; height: 50px; }
.taste_buero  a:hover { background-image: url(../bilder/taste_buero_hover.png); background-repeat: no-repeat; background-position: 0px top; display: block; }
#taste_kontakt { position: absolute; height: 47px; width: 48px; left: 640px; top: 47px; display: block; }
.taste_kontakt a { background-image: url(../bilder/taste_kontakt.png); background-repeat: no-repeat; background-position: 0px top; display: block; height: 50px; }
.taste_kontakt a:hover { background-image: url(../bilder/taste_kontakt_hover.png); background-repeat: no-repeat; background-position: 0px top; }
#taste_impressum { position: absolute; height: 50px; width: 48px; left: 690px; top: 47px; display: block; }
.taste_impressum a { background-image: url(../bilder/taste_impressum.png); background-repeat: no-repeat; background-position: 0px top; display: block; height: 50px; }
.taste_impressum a:hover { background-image: url(../bilder/taste_impressum_hover.png); background-repeat: no-repeat; background-position: 0px top; }
.schliesser a { background-image: url(../bilder/schliesser.png); background-repeat: no-repeat; }
.schliesser a:hover { background-image: url(../bilder/schliesser_hover.png); background-repeat: no-repeat; }

.img { border: 0px; border-style: none;  }
#textfeld_referenz .schliesser img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.kleineHead { color: #eb741d }

.table_nutzen { font-size: 12px; }


#textfeld { height: 365px; width: 483px; z-index: 200; top: 18px; position: absolute; left: 8px; overflow: auto; text-align: left; padding-right: 10px; padding-left: 10px; margin-left: 10px; padding-top: 15px; padding-bottom: 10px; overflow:auto}
	#ebene_seminare_termine #textfeld {overflow: hidden; }

.referenz a { background-image: url(../bilder/headline_referenz.png); background-repeat: no-repeat; background-position: 0px top; display: block; height: 30px; }

.referenz a:hover { background-image: url(../bilder/headline_referenz+.png); background-repeat: no-repeat;; background-position: 0px top; display: block; }
  
   
    #headline { overflow: hidden; position: absolute; height: 30px; width: 150px; left: 20px; top: 420px; padding-left: 0px; margin-left: 0px; text-align: left; }
    
     #headline_referenz { overflow: hidden; position: absolute; width: 240px; left: 276px; top: 420px; padding-left: 0px; margin-left: 0px; text-align: left; <img src="bilder/headline_referenz.png" width="157" height="30" ; height: 30px; }

    #headline_tipp{ background-image: url(../bilder/tippdesmonats_0.png);background-repeat: no-repeat; background-position: 0px center; height:30px; left:332px; margin-left:0; overflow:hidden; padding-left:0; position:absolute; text-align:left; top:420px; width:240px;}
	#headline_tipp:hover {background-image: url(../bilder/tippdesmonats_hover.png)}

    
     #ebene_add_gb		{ position: absolute; z-index: 1000; height: 460px; width: 530px; left: 0px; top: 0px; background-image: url(../css/bilder/textfeld.png); background-repeat: no-repeat; visibility: hidden; }
    .add_gb	input,
	.add_gb	textarea     	{width:100%}
	.add_gb .submit	{width:auto}
     
	
 
    #ebene_referenzen_gaestebuch { position: absolute; visibility: hidden; z-index: 6000; height: 460px; width: 530px; left: 0px; top: 0px; background-image: url(../css/bilder/textfeld.png); background-repeat: no-repeat; }


#textfeld_tips,
#textfeld_referenz { background-image: url(../bilder/10x10_transe_blau.png); overflow: auto; position: absolute; visibility: hidden; z-index: 5000; height: 361px; width: 228px; left: 266px; top: 18px; font-size: 12px; text-decoration: none; text-align: left; border-left-width: 1px; border-left-style: solid; border-left-color: #f0ede7; padding-top: 20px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; }

.textfeld_referenz { color: #968c75; text-decoration: none; padding-top: 10px; line-height: 20px; }
.textfeld_referenz a { color: #968c75; text-decoration: none; padding-top: 10px; line-height: 20px; }
.textfeld_referenz a:hover { color: #eb741d; text-decoration: none; padding-top: 10px; line-height: 20px; }

a img {border:0}    
    
.Stil1 { color: #eb741d; font-size: 12px; }

