html {
	overflow-y: scroll;
}

html, body {
  height: 100%;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #868686;
	padding:0px;
	margin:0px;
	position:relative;
	background-color:#ffffff;
	}

#container {
  width:100%;
  height:100%;
  padding:0px;
	margin:0px;
}

#container.con_start {
  background:#ffffff url( /start.gif) 0px 0px no-repeat;
}

#he1 {
  width:886px;
  height:35px;
}

#header {
  width:886px;
  height:245px;
  position:relative;
  margin:0 0 0 48px;
  padding:0;
}



#main {
  width:886px;
  height:auto;
  margin:0 0 0 48px;
  padding:0;
  position:relative;
}

.clearer {
  clear:both;
}


a {
	color:#B2B2B2;
	text-decoration:none;
}

a:hover, a.active {
	color: #FF6633;
}

a img {
  border:0px;
}

h1 {
  width:286px;
  height:55px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  background: url(pics/ub_start.gif) 0px 13px no-repeat;
  margin:0;
  padding:0;
}

h1.start {
  width:286px;
  height:175px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  background: url(pics/ub_start.gif) 0px 13px no-repeat;
  margin:0;
  padding:0;  
  position:absolute;
  top:24px;
  left:0px;
}

h1.kontakt {
  width:286px;
  height:55px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background: url(pics/ub_start.gif) 0px 13px no-repeat;
  margin:0;
  padding:0;
}

h1 i {
  display:none;
}


/* NAVI --------------------------------------------*/

ul#navi1 {
  width:300px;
	height:39px;
	margin:0 0 105px 0;
	padding:0px;
	list-style-type: none;
}

#navi1 li {  
  padding:0px;
  margin:0px;
  display:inline;
}

#navi1 a {
	display:block;
	background-repeat:no-repeat;
}

#navi1 i {
	display:none;
}

#navi1_start {
  width:72px;
  height:68px;
  width:86px;
  height:13px;  
  margin:0 14px 0 0;
  background-image:url(pics/navi/start_n.gif);
}
#navi1_start:hover {
  background-image:url(pics/navi/start_o.gif);
}

#navi1_start.active,  #navi1_start.active:hover {
  background-image:url(pics/navi/start_a.gif);
}

#navi1_news {
  width:21px;
  height:13px;
  width:86px;
  height:13px;  
  margin:0 14px 0 0;
  background-image:url(pics/navi/news_n.gif);
}
#navi1_news:hover {
  background-image:url(pics/navi/news_o.gif);
}

#navi1_news.active,  #navi1_news.active:hover {
  background-image:url(pics/navi/news_a.gif);
}

#navi1_projekte {
  width:33px;
  height:13px;
  width:86px;
  height:13px;  
  margin:0 14px 0 0;
  background-image:url(pics/navi/projekte_n.gif);
}
#navi1_projekte:hover {
  background-image:url(pics/navi/projekte_o.gif);
}

#navi1_projekte.active,  #navi1_projekte.active:hover {
  background-image:url(pics/navi/projekte_a.gif);
}

#navi1_kunden {
  width:29px;
  height:13px;
  width:86px;
  height:13px;  
  margin:0 14px 0 0;
  background-image:url(pics/navi/kunden_n.gif);
}
#navi1_kunden:hover {
  background-image:url(pics/navi/kunden_o.gif);
}

#navi1_kunden.active,  #navi1_kunden.active:hover {
  background-image:url(pics/navi/kunden_a.gif);
}

#navi1_buero {
  width:18px;
  height:13px;
  width:86px;
  height:13px;  
  margin:0 14px 0 0;
  background-image:url(pics/navi/buero_n.gif);
}
#navi1_buero:hover {
  background-image:url(pics/navi/buero_o.gif);
}

#navi1_buero.active,  #navi1_buero.active:hover {
  background-image:url(pics/navi/buero_a.gif);
}

#navi1_haltung {
  width:30px;
  height:13px;
  width:86px;
  height:13px;  
  margin:0 14px 0 0;
  background-image:url(pics/navi/haltung_n.gif);
}
#navi1_haltung:hover {
  background-image:url(pics/navi/haltung_o.gif);
}

#navi1_haltung.active,  #navi1_haltung.active:hover {
  background-image:url(pics/navi/haltung_a.gif);
}

#navi1_jobs {
  width:18px;
  height:13px;
  width:86px;
  height:13px;  
  margin:0 14px 0 0;
  background-image:url(pics/navi/jobs_n.gif);
}
#navi1_jobs:hover {
  background-image:url(pics/navi/jobs_o.gif);
}

#navi1_jobs.active,  #navi1_jobs.active:hover {
  background-image:url(pics/navi/jobs_a.gif);
}

#navi1_presse {
  width:26px;
  height:13px;
  width:86px;
  height:13px;  
  margin:0 14px 0 0;
  background-image:url(pics/navi/presse_n.gif);
}
#navi1_presse:hover {
  background-image:url(pics/navi/presse_o.gif);
}

#navi1_presse.active,  #navi1_presse.active:hover {
  background-image:url(pics/navi/presse_a.gif);
}

#navi1_kontakt {
  width:30px;
  height:13px;
  width:86px;
  height:13px;  
  margin:0 14px 0 0;
  background-image:url(pics/navi/kontakt_n.gif);
}
#navi1_kontakt:hover {
  background-image:url(pics/navi/kontakt_o.gif);
}

#navi1_kontakt.active,  #navi1_kontakt.active:hover {
  background-image:url(pics/navi/kontakt_a.gif);
}

#navi1_newsletter {
  width:42px;
  height:13px;
  width:86px;
  height:13px;  
  margin:0 14px 0 0;
  background-image:url(pics/navi/newsletter_n.gif);
}
#navi1_newsletter:hover {
  background-image:url(pics/navi/newsletter_o.gif);
}

#navi1_newsletter.active,  #navi1_newsletter.active:hover {
  background-image:url(pics/navi/newsletter_a.gif);
}


#navi1_start {
  height:68px;
  position:absolute;
  top:0px;
  left:600px;
}

#navi1_buero {
  position:absolute;
  top:0px;
  left:100px;
}

#navi1_haltung {
  position:absolute;
  top:13px;
  left:100px;
}

#navi1_jobs {
  position:absolute;
  top:26px;
  left:100px;
}

#navi1_presse {
  position:absolute;
  top:0px;
  left:200px;
}

#navi1_kontakt {
  position:absolute;
  top:13px;
  left:200px;
}

#navi1_newsletter {
  position:absolute;
  top:26px;
  left:200px;
}

/* NAVI 2--------------------------------------------*/


#nav2 div {
  width:610px;
  height:16px;
	padding:8px 0 0 45px;
  border-top:2px solid #6F6D6A;
  border-bottom:2px solid #6F6D6A;
}

#nav2 a {
  margin:0 0 0 13px;
}


/* NAVI 3--------------------------------------------*/


#nav3 {
  height:11px;
  width:610px;
  margin:0px 0 20px 45px;
  padding:9px 0px 5px 0px;
  border-bottom:1px solid #90908c;
}


#nav3 a {
  display:inline;
  margin:0 0px 0 13px;
  float:left;
  background-repeat:no-repeat;
}

#nav3 i {
  display:none;
}

#navilinks {
  width:555px;
  height:auto;
  float:left;
  padding:0px;
}

/* START --------------------------------------------*/

#logo {
  position:absolute;
  top:0px;
  left:600px;
}

#ubstart {
  width:180px;
  height:43px;
  padding:15px 106px 0 0;
  margin:24px 0 0 0;
  border-top: 1px solid #000000;
}

#d3 {
  width:111px;
  height:19px;
  padding:0px 175px 5px 0;
  margin:93px 0 0 0;
  border-bottom: 1px solid #000000;
}

#sprachauswahl {
  width:286px;
  margin:0px 14px 20px 0;
  padding:70px 0 0 0;
  border-top:1px solid #868686;
  float:left;
  font-family:Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height:14px;
}

#sprachauswahl a {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height:14px;
  font-weight:bold;
  color:#878787;
  text-transform:uppercase;  
  width:86px;
  display:block;
  float:left;
  margin:0 14px 0 0;
}

#sprachauswahl a:hover {
  color:#FF6633;
}
  
  
#lin {
  width:586px;
  margin:20px 0 0 0;
  border-top:1px solid #868686;
  float:left;
}

/* NEWS --------------------------------------------*/

#news div {
  width:286px;
  margin:0 14px 40px 0px;
  padding:0;
  border-bottom:1px solid #868686;
  float:left;
}

#news .last {
  margin-right:0px;
}

#news .aw {
  background: url(pics/stern_s.gif) 276px 4px no-repeat;
}

#news .aw_last {
  margin-right:0px;
  background: url(pics/stern_s.gif) 276px 4px no-repeat;
}

#news .news_pic {
  width:286px;
  height:200px;
  overflow:hidden;
  border-bottom:0px;
  border-top:1px solid #868686;
  padding:0px 0 0px 0;
  margin:0px 0 0 0;
  text-align:center;
}

#news h2 {
  height:2.2em;
  margin:0px;
  padding:0 0 5px 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height:16px;
  font-weight:bold;
  border-bottom:1px solid #868686;
  color:#000000;
  text-transform: uppercase;
}

#news h3 {
  margin:0 0 5px 0;
  padding:0px;
  text-transform: uppercase;
  border-bottom:1px solid #868686;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height:20px;
  font-weight:bold;
  color:#000000;
}

#news h4 {
  margin:0px;
  padding:0px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight:normal;
  color:#000000;
}

#news p {
  margin:10px 0 0px 0;
  padding:0;
}

#news p.txt {
  min-height:17em;
}/**/

/* PROJECTS --------------------------------------------*/

#projectlist {
  width:886px;
  margin:0px;
  border-collapse:collapse;
  border-spacing:0px;
  font-size:10px;
  padding:0px;
}

#projectlist.kunden {
  width:386px;
  float:left;
}

#projectlist th {
  text-align:left;
  font-family:Helvetica, Arial, sans-serif;
  font-weight:bold;
  line-height:19px;
  font-size:11px;
  padding-left:7px;
  text-transform:uppercase;
  background:url(pics/th_lin.gif) repeat-x;
  background-position:bottom;
}

#projectlist th a {
  color:#535353;
}

#projectlist.kunden th.kundek {
  width:186px;
  padding-left:0px;
}

#projectlist th.datum {
  width:86px;
  padding-left:0px;
}

#projectlist th.projekt {
  width:386px;
}

#projectlist th.bereich {
  width:136px;
}

#projectlist th.kunde {
  width:136px;
}

#projectlist th.preise {
  width:86px;
}

#projectlist td {
  border-right:14px solid #ffffff;/**/
  padding:5px 0 5px 0;
  vertical-align:top;
  color:#B2B2B2;
}

#projectlist td.last {
  border-right:0px;
  padding:7px 0 0 0;
}

#projectlist td.lastkunde {
  border-right:0px;
  padding:5px 0 0 0;
}

#projectlist tr {
  background:url(pics/tr_lin.gif) repeat-x;
  background-position:bottom;
}

#projectlist tr:hover {
  background:url(pics/tr_lin_o.gif) repeat-x;
  background-position:bottom;
}

#projectlist a {
  display:block;
  padding:0px;
  margin:0 0px 0 0;
}

#projectlist td a {
  color:#535353;
}

#projectlist a.datum:visited {
  background:url(pics/visited.gif) 0 0px no-repeat;
}

#projectlist a.kat {
   white-space:nowrap;
}

#projectlist a.last {
  padding:5px 5px 5px 0px;
}

#projectlist a:hover {
  color:#FF6633;
}



.backlink {
  position:absolute;
  top:-73px;
  left:187px;
  z-index:5;
}

#lala {
  position:relative;
}

#video {
	/*background-color:#EDEFE9;*/
	width:610px;
	text-align:center; 
	margin:25px 0 0 45px;
	padding:30px 0 55px 0; 
	border-bottom:1px solid #90908c;
}

#desc {
  width:286px;
  padding:0;
  margin:0 14px 0 0;
  float:left;
}

#desc div {
  min-height:20px;
  border-bottom:1px solid #868686;
  line-height:20px;
}

#desc div.lang {
  line-height:14px;
  padding:3px 0 3px 0;
}

#desc h2 {
  font-size:1em;
  font-weight:normal;
  margin:0px;
}

#desc h3 {
  font-size:1em;
  font-weight:normal;
  margin:20px 0 0 0;
}

#desc p {
  margin:0px 0 20px 0;
}

#desctext {
  padding:20px 0 20px 0px;
}

#desctext p, #desctext h1, #desctext h2, #desctext h3 {
  padding:0px;
  margin:0px;
  font-size:1em;
  line-height:14px;
}

#desc .award {
  width:286px;
  height:auto;
  margin:0 0 20px 0;
  border:0px;
  line-height:14px;
}

#pics {
  position:absolute;
  top:0px;
  left:300px;
}


#pics_alt {
  width:586px;
  float:left;
}

#pics .picnavi {
  width:586px;
  line-height:20px;
  border-bottom:1px solid #868686;
  margin:0 0 20px 0;
}

#kundenpic {
  width:500px;
  margin:20px 0px 0 0px;
  height:auto;
  float:left;
  display:inline;
}

/* BÜRO --------------------------------------------*/

#buero {
  width:286px;
  margin:20px 14px 0 0;
  float:left;
  border-top:1px solid #868686;
}

#bueropic {
  width:586px;
  margin:20px 0px 0 0;
  height:auto;
  float:left;
  /*border-top:1px solid #868686;*/
}

#buero h2 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height:20px;
  font-weight:bold;
  color:#000000;
  margin:40px 0 0 0;
  padding:0px;
  text-transform:uppercase;
  border-bottom: 1px solid #868686;
}

#buero h3 {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight:normal;
  margin:15px 0 20px 0;
  padding:0px;
}

#buero p.gf {
  padding:0 0 20px 0;
  border-bottom: 1px solid #868686;
}

.picnavi.buero {
    width:586px;
    line-height:20px;
    margin:0 0 0px 0;
    float:right;
    border-bottom: 1px solid #868686;
}

#bueroflash1 {
  margin:0px 0 40px 0;
}

/* HALTUNG --------------------------------------------*/

#haltunglin {
  width:286px;
  margin:20px 14px 0 0;
  float:left;
  border-top:1px solid #868686;
}

#haltung img {
  margin:60px 0 40px 0;
}

#haltungtext {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height:26px;
  font-weight:normal;
  color:#000000;
  margin:60px 0 20px 0;
  padding:0px;
}

/* Jobs --------------------------------------------*/

#jobs {
  width:286px;
  margin:20px 14px 0 0;
  float:left;
  border-top: 1px solid #868686;
}

#jobs h2, #jobs h3 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height:14px;
  font-weight:bold;
  color:#000000;
  margin:0 0 0 0;
  padding:0px;
  text-transform:uppercase;
  float:left;
}

#jobs h2 .mw {
  text-transform:lowercase;
}

#jobs h3 {
  font-weight:normal;
  float:right;
}

#jobs .ub {
  width:100%;
  padding:0 0 5px 0;
  border-bottom: 1px solid #868686;
}


p.teaser {
  /*font-weight:bold;*/
  color:#000000;
  margin:10px 0 20px 0;
  border-bottom:0px;
}

#jobspic {
  width:542px;
  border-top: 1px solid #868686;
  float:left;
  margin:20px 0 0 0;
  padding:20px 0 0 44px;
}

/* KONTAKT --------------------------------------------*/

#kontakt {
  width:286px;
  margin:20px 14px 0 0;
  padding:5px 0 0 0;
  float:left;
  border-top: 1px solid #FCC300;
  border-bottom: 1px solid #FCC300;
  color:#FCC300;
}

#kontakt h2 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height:20px;
  font-weight:bold;
  color:#FCC300;
  margin:0;
  padding:0px;
  text-transform:uppercase;
}

#kontakt h2 a, #kontakt a {
  color:#ffffff;
}

#kontakt.anfahrt, #kontakt.anfahrt h2, #kontakt.anfahrt a {
  color:#ffffff;
}

#impressum a {
  color:#FCC300;
}

#kontakt a:hover, #kontakt a.big:hover {
  color:#009EE0;
}

#kontakt a.big, #kontakt a.big_a {
  display:block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight:bold;
  color:#ffffff;
  margin:0 0 0 0;
  padding:20px 0 5px 0;
  text-transform:uppercase;
  border-top: 1px solid #FCC300;
}

#kontakt a.big_a {
  color:#FCC300;
}

#kontaktpic {
  width:586px;
  border-top: 1px solid #FCC300;
  float:left;
  margin:20px 0 0 0;
}

#anfahrt {
  width:586px;
  margin:780px 0 0 0;
  border-top: 1px solid #FCC300;
  float:left;
  color:#FCC300;
}

#anfahrt h3, #impressum h3 {
  font-size:1em;
  margin:20px 0 0 0;
}

#anfahrt p, #impressum p {
  margin:0;
}

#anfahrt #downloadlink {
  width:186px;
  display:block;
  border-top: 1px solid #FCC300;
  padding:5px 0 0 0;
  margin:20px 0 50px 0;
  color:#ffffff;
}

#anfahrt #downloadlink:hover {
  color:#009EE0;
}

#impressum {
  width:586px;
  margin:0px 0 0 0;
  padding:9px 0 0 0;
  float:left;
  color:#FCC300;
}


/* NEWSLETTER --------------------------------------------*/

#newsletter {
  width:286px;
  margin:0 14px 0 0;
  float:left;
}

#newsletterpic {
  width:542px;
  border-top: 1px solid #868686;
  float:left;
  margin:20px 0 0 0;
  padding:20px 0 0 44px;
}

#newsletter h2 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height:20px;
  font-weight:bold;
  color:#000000;
  margin:0px;
  padding:0px;
  text-transform:uppercase;
  border-bottom: 1px solid #868686;
}

#newsletterform {
  margin:60px 0 0 0;
}

#newsletterform input.submit {
  border:0px;
  font-size:1em;
  padding:5px 0 5px 0;
  margin:0 0 20px 0;
  color:#000000;
  background-color:#ffffff;
  text-transform:uppercase;
}

#newsletterform input.submit:hover {
  color:#FF6634;
  cursor:pointer;
}

#newsletterform input#mehl {
  width:100%;
  border:0px;
  border-top:1px solid #FF6634;
  border-bottom:1px solid #FF6634;
  font-size:1em;
  padding:5px 0 5px 0;
  margin:0 0 40px 0;
  color:#FF6634;
  background-color:#ffffff;
}

#newsletterform .linn {
  width:100%;
  border-top:1px solid #878787;
}

/* PRESSE --------------------------------------------*/

#pressenavi {
  width:186px;
  margin:20px 14px 0 0;
  padding:5px 0 0 0;
  float:left;
  border-top: 1px solid #868686;
}

#pressenavi a {
  width:100%;
  display:block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height:14px;
  font-weight:bold;
  color:#878787;
  margin:0 0 0 0;
  padding:3px 0 3px 0;
  text-transform:uppercase;
}

#pressenavi a:hover {
  color:#FF6633;
}

#pressenavi a.active {
  color:#000000;
}

#presselin {
  width:186px;
  height:1px;
  margin:20px 14px 0 0;
  padding:5px 0 0 0;
  float:left;
  border-top: 1px solid #868686;
  overflow:hidden;
}

#presselin2 {
  width:486px;
  height:1px;
  margin:20px 0 10px 0;
  padding:0px;
  float:right;
  border-bottom: 1px solid #868686;
}

#pressenavi2 {
  width:486px;
  height:20px;
  line-height:20px;
  margin:0px;
  padding:0;
  float:left;
  border-bottom: 1px solid #868686;
}

.presseitem {
  width:686px;
  margin:0px;
  padding:0;
  float:right;
}

.presseitem h2, .presseitem h3 {
  font-family:Helvetiva, Arial, sans-serif;
  font-size:14px;
  line-height:16px;
  color:#000000;
  margin:0 0 0px 200px;
  padding:0;
  text-transform:uppercase;
}

.presseitem h3 {
  font-weight:normal;
}

.presseitem p {
  width:486px;
  margin:20px 0 0px 0px;
  padding:0;
  float:right;
}

.presseitem p.crosslinks {
  margin:0px 0 0px 0px;
}

.pressepic {
  width:186px;
  height:auto;
  margin:20px 14px 0 0;
  padding:0;
  float:left;
  overflow:hidden;
}

#pressenavi2 a.pr_link {
  float:left;
  display:inline;
}

#drucklink {
  float:right;
  display:inline;
}



#footer {
  width:100%;
  height:40px;
}




#printlink {
  margin:20px 0 0 40px;
  color:#FF6634;
}

#printlink:hover {
  color:#000000;
}

@media print {#printlink  {display: none;}}

#printlogo {
  position:absolute; 
  left:640px; 
  top:200px;
}

#printmain {
  width:550px;
  height:auto;
  font-family: Helvetica, Arial, sans-serif; 
  font-size: 12px; 
  line-height:16px;
  color: #000000;
  margin:40px 0 0 40px;
  padding:20px 0 0 0;
  border-top: 1px solid #000000;
}

#printmain h2 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height:20px;
  font-weight:bold;
  color:#000000;
  margin:0 0 20px 0;
  padding:0px;
}

#printfooter1 {
  margin:40px 0 0 0;
  padding:0px;
}

#printfooter2 {
  width:550px;
  border-top: 1px solid #000000;
  margin:80px 0 0 0;
  padding:5px 0 0 0;
}

#printfooter3  {
  width:550px;
  height:50px;
  border-bottom: 1px solid #000000;
}

#printfooter3 p {
  width:170px;
  float:left;
}