@import url("global_reset.css");

body {
	background:#fff;
	margin:0px;
	padding:0;
	color:#000;
  font-size:12px;
  font-family: verdana, arial , helvetica, sans-serif;
  height:780px;
  line-height:17.5px;
}
#background-frame {
  background-image: url('/images/bg-rasta.png'); 
  background-repeat: no-repeat;
	background-position: top center;
	/*background:blue;*/
	width: 991px;
	position: absolute;
	top:80px;
	left: 50%;
	margin: 0 0 0 -495px;
	padding:0;
	height:661px;
}
#background-image {
  position:absolute;
  top:25px;
  left:35px;
  width:920px;
  height:600px;
  background-repeat: no-repeat;
	background-position: top center;
 /* background:blue;*/
}
#logo {
  position:absolute;
  bottom:85px;
  right:60px;
  height:56px;
  width:293px; /* must be same as navigation */
  background-repeat: no-repeat;
	background-position: 0 0;/* top center; */
}
/*#background-wrapper {
  width: 740px;
	position: relative;
	left: 50%;
	margin: 0 0 0 -370px;
	padding:0;
	position:relative;
	height:852px;
}*/


#navigation {
  position:absolute;
  font-size:12px;
  width:293px; /* must be same as logo */
  text-align:justify;
  white-space:nowrap;
  bottom:62px;
  right:60px;
  color:white;
}

#navigation a {
  color:white;
  text-decoration:none;
}

#background-selector {
  position:absolute;
  left:50px;
  bottom:5px;
  
}
#background-selector a {
  color:black;
  text-decoration:none;
}
#pos_date {
  position:absolute;
  right:50px;
  bottom:5px;
  width:303px;
  text-align:justify;
}
#pos_date a {
  color:black;
  text-decoration:none;
}

.content-box {
  height:469px; /* musst gleich sein wie grow demo */
  position:absolute;
  width:774px;
  overflow:hidden;
  top:24px;
  left:170px;
}
#grow_demo {
  width:774px; height:469px;position:absolute;
}
#grow_demo_img1 {  width:0px;width:0px;position:absolute;right:0;}
#grow_demo_img2 {  width:0px;width:0px;position:absolute;right:0;}
#grow_demo_img3 {  width:0px;width:0px;position:absolute;right:0;}
#grow_demo_img4 {  width:0px;width:0px;position:absolute;right:0;}
#grow_demo_img5 {  width:0px;width:0px;position:absolute;right:0;}
#grow_demo_img6 {  width:0px;width:0px;position:absolute;right:0;}
#grow_demo_img7 {  width:0px;width:0px;position:absolute;right:0;}
#grow_demo_img_w {
width:0px; height:0px;position:absolute;right:0;
}

#content_area {
  width:0px; height:0px;position:absolute;left:0px;bottom:0px;display:hidden;
  color:#5a5b5b;
}

#content_tabs {
  margin:18px 0 0 32px;font-size:13px;
  color:#878810;z-index:50;position:relative;
}/*
#close_button {
  width:80px; height:25px; position:absolute; right:8px; top:8px; display:block;z-index:49;background:blue;
}*/
#schliessen {
  width:80px; height:25px; position:absolute; right:8px; top:8px;z-index:52;
  background-repeat:no-repeat;
}
#schliessen a {
 display:block;width:100%; height:25px;position:relative;z-index:62;
}
.content {
  padding:29px 32px 0 32px; height:100%;
}
.content p{
  margin:0 0 19px 0;
}
.content a { color:#f6a800;font-weight:bold;text-decoration:none; }
.black { color:black;}
#kontakt {
/*  background:url('/images/karte.jpg');
  background-position:0px 97px;
  background-repeat:no-repeat;*/
}
#kontakt_karte {
  position:absolute;
  background:url('/images/karte.jpg');
  background-repeat:no-repeat;
  top:0;
  left:0;
  width:615px;
  height:362px;
}
#kunden {
  padding:0px 32px 0 32px;
}
.kundenliste {
  position:absolute;
  color:#878810;
  top:177px;
  left:32px;
  padding:0px 0px 0 0px;
  height:188px;
  width:551px;
  font-size:11px; 
  line-height:14px;
  font-family: 'helvetica neue', helvetica, arial , verdana, sans-serif; 
}
.kundenliste a {
  color:#f6a800; font-weight:normal;text-decoration:none;
}
.kundenliste_column {
  width:275px; float:left;
}
.kundenlist_bg {
  position:absolute;
  background:url('/images/bg-kunden.jpg');
  background-repeat:no-repeat;
  top:0;
  left:0;
  width:615px;
  height:362px;
}
.arbeitsprobe {
  
}
.arbeitsprobe_bg {
  position:absolute;
  background-image:url('/images/probe-bg-hover.jpg');
  background-repeat:no-repeat;
  bottom:0;
  left:0;
  width:615px;
  height:362px;
  z-index:10;
}
/*.arbeitsprobe_logo {
  position:absolute;
  top:56px;
  left:0;
  width:200px;
  height:65px;
}*/
.arbeitsprobe_text {
  position:absolute;
  line-height:16px;
  top:64px;
  left:206px;
  width:345px;
  font-family: verdana, 'helvetica neue', helvetica, arial, sans-serif; 
  color:#5a5a5a;
  z-index:39;
}
.arbeitsprobe_text table {
  width:100%
}
.arbeitsprobe_text tr {
  vertical-align:top;
}
.black {
  color:black;
}
.arbeitsprobe_buehne {
  position:absolute;
  top:0px;
  left:0px;
  width:615px;
  height:362px;
  z-index:30;
  background-repeat:no-repeat;
}
.aarbeitsprobe_stage {
 width:100%;
 height:100%;
}
.arbeitsprobe_hover {
  position:absolute;
  top:141px;
  left:220px;
  width:184px;
  height:185px;
  z-index:52;
}
.arbeitsprobe_hover:hover {
  background-position: 184px 0;
}

.arbeitsprobe_content_selector {
  font-size:9.5px;
  position:absolute;
  text-align:center;
  width:60px;
  top:334px;
  z-index:70;
  left: 50%;
	margin: 0 0 0 -30px;
}
.arbeitsprobe_content_selector a {
  color:black;
  text-decoration:none;
}
#kunden_tabs {
  margin:1px 0 0 145px;
  color:#878810;font-weight:normal;position:relative;z-index:48;
}
#team_tabs {
  margin:1px 0 0 125px;
  color:#878810;font-weight:normal;position:relative;z-index:24;
}
/*#kunden_tabs a {
  color:#878810;font-weight:normal;
}*/

.tab {
  color:#878810;text-decoration:none;z-index:24;
}
.active_tab, .arbeitsprobe_content_selector .active_tab {
  color:#f6a800;
}
.half_p {
  padding-top:7px;display:block;
}
#weiter {
  position:absolute;
  bottom:12px;
  right:18px;
  width:56px;
  height:14px;
  z-index:60;
}
#zurueck {
  position:absolute;
  bottom:12px;
  left:18px;
  width:56px;
  height:14px;
  z-index:61;
}
#team .team_text {
  position:absolute;
  z-index:55;
  top:62px;
  left:200px;
  width:390px;
  line-height:17px;
  font-size:12px;
}
#team .email {
  color:#f6a800;
  font-weight:bold;
  text-decoration:none;
}
#team .name {
  position:absolute;
  top:150px;
  left:33px;
  font-weight:bold;
  color:#7f8843;
  z-index:57;
}
#team .contact {
  position:absolute;
  top:287px;
  left:200px;
  z-index:58;
}
#team .contact p {
  margin:4px 0 0 0;
}


.positioned_content {
  position:absolute; z-index:99;left:32px;top:62px;width:535px;
}







/* Scrollbar */

#scrollbar_container {  
  position:relative;  
  width:575px;  
  z-index:75;
} 

#scrollbar_track {  
  position:absolute;  
  top:16px;  
  right:1px;  
  height:20px;  
  width:21px;  
} 

#scrollbar_handle {  
  width:21px;  
  background-color:#f68b1f;  
  height:6px;
} 

#scrollbar_content {  
  overflow:hidden;  
  width:485px;  
  height:250px;  
}
#scrollbar_content p {  
  margin: 0 0 18px 0;  
}
#scrollbar {
  position:absolute;  
  top:226px;
  right:2px;
}
.scrollbar_button {
  width:23px;
  height:15px;
  background:green;
}
.scrollbar_button a {
  width:100%;
  height:100%;
  display:block;
}
#scrollbar_hoch {
  position:absolute;  
  top:0px;
  right:0px;
  background-image:url(/images/bg-hoch.gif);
}
#scrollbar_runter {
  position:absolute;  
  top:37px;
  right:0px;
  background-image:url(/images/bg-runter.gif);
}
/* Scrollbar end */