@font-face {
 font-family: MyCustomFont1;
 src: url("fonts/BaroqueScript.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont1;
 src: url("fonts/BaroqueScript.ttf") /* TTF file for CSS3 browsers */
}
/* für archi1 */
@font-face {
 font-family: archi_1;
 src: url("fonts/archi.eot") /* EOT file for IE */
}
@font-face {
 font-family: archi_1;
 src: url("fonts/archi.ttf") /* TTF file for CSS3 browsers */
}
/* für land1 */
@font-face {
 font-family: land_1;
 src: url("fonts/land.eot") /* EOT file for IE */
}
@font-face {
 font-family: land_1;
 src: url("fonts/land.ttf") /* TTF file for CSS3 browsers */
}
#body1 { 
  background: url(images/vsb/start.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.body1a { 
  background: url(images/vsb/pictures.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.contact {position:absolute; z-index:1; left: 0; top: 0; width:100%; height:100%;  
  background: url(images/vsb/contact.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.body3 {position:absolute; z-index:1; left: 0; top: 0; width:100%; height:100%; 
  background: url(images/vsb/architecture.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.peop1 {position:absolute; z-index:1; left: 0; top: 0; width:100%; height:100%; 
  background: url(images/vsb/people.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.land1 {position:absolute; z-index:1; left: 0; top: 0; width:100%; height:100%; 
  background: url(images/vsb/landscape.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.edit1 {position:absolute; z-index:1; left: 0; top: 0; width:100%; height:100%; 
  background: url(images/vsb/editorial.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.about {position:absolute; z-index:1; left: 0; top: 0; width:100%; height:100%; 
  background: url(images/vsb/about.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.published {position:absolute; z-index:1; left: 0; top: 0; width:100%; height:100%; 
  background: url(images/vsb/published.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.impressum {position:absolute; z-index:1; left: 0; top: 0; width:100%; height:100%; 
  background: url(images/vsb/impressum.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.login01 {position:absolute; z-index:1; left: 0; top: 0; width:100%; height:100%; 
  background: url(images/vsb/login.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#transbild{width:100%; height:100%;}
#impr1 {position:absolute; width:1000px; height:100%; z-index:2; left:150px; top:150px; color:#000000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 17px; letter-spacing: 1px;}
#Layer3{position:absolute; left:0px; width:100%; z-index:3}
#Layer4{position:absolute; width:100%; height:115px; z-index:3; left: 0;}
#danke{position: absolute; visibility: hidden; width:100%; top: 50%; color:#FFFFFF; font-family: MyCustomFont1, Verdana, Arial; font-size: 18px; letter-spacing: 1px; text-align: center;}
#intro_pep{margin-bottom:407px;}
#intro_ar{margin-bottom:407px;}
#intro_ed{margin-bottom:407px;}
#intro_ld{margin-bottom:407px;}
.kreis_h{margin-bottom:575px;margin-left:0px;}
.kreis_q{margin-bottom:435px;margin-left:0px;}
#tbl1 {position:absolute; right:100px; bottom:100px; color:#666666; font-family: "Arial Black", Arial, Impact; font-size: 18px; letter-spacing: 1px; text-align: right;}
#tbl2 {position:absolute; right:100px; bottom:100px; color:#FFFFFF; font-family: "Arial Black", Arial, Impact; font-size: 18px; letter-spacing: 1px;}
#tblintro{margin-left:auto; margin-right:auto; color:#666666; font-family: "Times New Roman", Times, serif; font-size: 10px; letter-spacing: 1px; text-align: left}
#tblintro2{margin-left:auto; margin-right:auto; color:#666666; font-family: "Times New Roman", Times, serif; font-size: 10px; letter-spacing: 1px; text-align: center}
#tblintro_la{margin-left:auto; margin-right:auto; color:#666666; font-family: land_1, Verdana, Arial, Helvetica; font-size: 13px; letter-spacing: 1px; text-align: center}
#intro_m1{position:absolute; top:12930px; left:0px; width:100%; z-index:3}
#tbltxt {width:900px; margin-left:auto; margin-right:auto; color:#666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 1px; white-space: nowrap;}
.tdtxtL{width:450px; text-align:left; vertical-align: text-top;}
.tdtxtR{width:450px; text-align:right; vertical-align: text-top;}

#intro_m2{position:absolute; top:12980px; width:100%; height:115px; z-index:4; left: 0;}
#menuUnten{width:1500px; height:30px; margin-left:auto; margin-right:auto; border-spacing:0px;}
.text-top {vertical-align: middle; text-align:center;}
.zelleBlack{width:300px; background-color: #000000;}
.zelleBlack1{width:180px; background-color: #000000;}
#logo{width:300px; color:#666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px;}
#impressum{width:300px;}
.schatten1 {
	-moz-box-shadow: 5px 5px 5px #CCCCCC;
	-webkit-box-shadow: 5px 5px 5px #CCCCCC;
	box-shadow: 2px 2px 8px #CCCCCC;
}
#zahl {position:absolute; top:1000px; right:0px;  width:110px; height:55px; font-family: "Arial Black", Arial, Impact; font-size: 48px; color: #FFFFFF; background-color: #cccccc; text-align: center; z-index:2;}
.zahl1{margin-top:0px;}
#contact1{position:absolute; top:1000px; right:0px;  width:110px; height:55px; font-family: "Arial Black", Arial, Impact; font-size: 48px; color: #FFFFFF; background-color: #cccccc; text-align: center; z-index:2;}
#contact2{margin-top:0px;}
#scroll{position:absolute; right:0px; bottom:0px; width:110px; height:55px; z-index:2; text-align: right; background-color: #cccccc; margin-botom:0px;}
#scroll_1{position:fixed; right:15px; bottom:10px; width:90px; height:55px; z-index:5; text-align: right; background-color: #FFFFFF; margin-botom:0px;}
#intro_top{position:absolute; top:11880px; right:10px; bottom:200px; z-index:6;}

#tab_clients td{width:200px; vertical-align:top; }


a {outline: 0;} /*kein rahmen im IE*/
img{border:0px;}
/*link für index*/
a.link1:link{color:#AAAAAA; text-decoration:none; font-family:  Arial, Impact; font-size: 18px;} 
a.link1:visited{color:#AAAAAA; text-decoration:none; font-family:  Arial, Impact; font-size: 18px;}
a.link1:hover{color:#CCCCCC; text-decoration:none; font-family:  Arial, Impact; font-size: 18px;}
a.link1:active{color:#AAAAAA; text-decoration:none; font-family:  Arial, Impact; font-size: 18px;}


/*link für scroll*/
a.link2:link{color:#000000; text-decoration:none; font-family: "Arial Black", Arial, Impact; font-size: 16px;} 
a.link2:visited{color:#000000; text-decoration:none; font-family: "Arial Black", Arial, Impact; font-size: 16px;}
a.link2:hover{color:#666666; text-decoration:none; font-family: "Arial Black", Arial, Impact; font-size: 16px;}
a.link2:active{color:#000000; text-decoration:none; font-family: "Arial Black", Arial, Impact; font-size: 16px;}

/*link für menu in schwarz*/
a.link3:link{color:#FFFFFF; text-decoration:none; font-family: "Arial Black", Arial, Impact; font-size: 15px;} 
a.link3:visited{color:#FFFFFF; text-decoration:none; font-family: "Arial Black", Arial, Impact; font-size: 15px;}
a.link3:hover{color:#AAAAAA; text-decoration:none; font-family: "Arial Black", Arial, Impact; font-size: 15px;}
a.link3:active{color:#FFFFFF; text-decoration:none; font-family: "Arial Black", Arial, Impact; font-size: 15px;}

/*link für impressum im menu schwarz*/
a.link4:link{color:#666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 
a.link4:visited{color:#666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 
a.link4:hover{color:#222222; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 
a.link4:active{color:#666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 

/*link für texte unter großen bildern*/
a.link5:link{color:#666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 
a.link5:visited{color:#666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 
a.link5:hover{color:#222222; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 
a.link5:active{color:#666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 

/*link für archi1*/
a.link_ar:link{color:#666666; font-family: archi_1, Verdana, Arial, Helvetica; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 
a.link_ar:visited{color:#666666; font-family: archi_1, Verdana, Arial, Helvetica; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 
a.link_ar:hover{color:#222222; font-family: archi_1, Verdana, Arial, Helvetica; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 
a.link_ar:active{color:#666666; font-family: archi_1, Verdana, Arial, Helvetica; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 

/*link für land1*/
a.link_la:link{color:#666666; font-family: land_1, Verdana, Arial, Helvetica; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 
a.link_la:visited{color:#666666; font-family: land_1, Verdana, Arial, Helvetica; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 
a.link_la:hover{color:#222222; font-family: land_1, Verdana, Arial, Helvetica; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 
a.link_la:active{color:#666666; font-family: land_1, Verdana, Arial, Helvetica; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 

/*link für edit1*/
a.link_ed:link{color:#666666; font-family: "Times New Roman", Verdana, Arial, Helvetica; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 
a.link_ed:visited{color:#666666; font-family: "Times New Roman", Verdana, Arial, Helvetica; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 
a.link_ed:hover{color:#222222; font-family: "Times New Roman", Verdana, Arial, Helvetica; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 
a.link_ed:active{color:#666666; font-family: "Times New Roman", Verdana, Arial, Helvetica; font-size: 12px; letter-spacing: 1px; text-decoration:none;} 

/*link für impr_agb*/
a.link_agb:link{color:#000000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 17px; letter-spacing: 1px; text-decoration:none;}
a.link_agb:visited{color:#000000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 17px; letter-spacing: 1px; text-decoration:none;}
a.link_agb:hover{color:#000000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 17px; letter-spacing: 1px; text-decoration:underline;}
a.link_agb:active{color:#000000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 17px; letter-spacing: 1px; text-decoration:none;}

.middle {margin-top:5px; margin-right:10px;}