body { background-color: #b3d6ec; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #535456; padding: 0; margin :0; background-image: url(../../images/background.gif); background-repeat: repeat-y; line-height: 20px; }

/* ----------- global --------------------------- */
a {color: #67aed8; line-height: 1.4em; text-decoration: none; }
a:visited { color:#67aed8; line-height: 1.4em; text-decoration: none; }
a:hover { color: #000000; line-height: 1.4em; text-decoration: none; }
a:active { color:#000000; line-height: 1.4em; text-decoration: none; }
h1 { font-size: 13px; font-weight: normal; text-decoration:none; }
.link { font-size: 13px; font-weight: normal; text-decoration:none; }
.link a { font-size: 13px; font-weight: normal; text-decoration:none; }
.link a:hover { font-size: 13px; font-weight: normal; text-decoration:none; }
h2 { font-size: 10px; font-weight: bold; color:#9a9b9d; line-height:16px; }
pre, code { font-size: 1.2em; }
p, pre { padding: 0; margin:0; line-height: 20px; color: #9a9b9d; }
.textbox { border: 0; font-size: 13px; padding: 2px; margin: 2px; color: #7e8b94; font-weight: bold; background: #eef5fb; }
.button { border: 0; font-size: 13px; padding: 2px; margin: 2px; color: #fff; font-weight: bold; background: #62aada; }
.raquo { color:#67aed8;}
img { border: 0;}
.ul_service { list-style:none; color:#9a9b9d; line-height:20px; margin:0; padding:0;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
.ko { height:0px; margin:0; padding:0; display:block; padding-top:0px;}
.ko 2{ height:0px; margin:0; padding:0; display:block; padding-top:0px; line-height:0; font-size:0;}
#servlist { float:left; width:412px;}
#servlist2 { width:245px; float:left; margin-right: 20px;}
.cimg, .cimg2 { margin-right:20px; border:0; float:left;}
.cimg2 { margin-right:0;}
#wr { height:auto; margin-bottom:23px; padding:0; float:left;}

/* ----------- main --------------------------- */
#maincontainer {  margin: 0; padding: 0;  width: 970px; }
#container-admin {  margin: 18px 0px 0px 370px; padding: 0; border-top: 1px solid #a9cee9; padding-top: 18px; }
#container-start {  margin: 17px 0px 0px 370px; padding: 0; border-top: 1px solid #a9cee9; padding-top: 18px; }
#container-aktuell {  margin: 13px 0px 0px 370px; padding: 0; border-top: 1px solid #a9cee9; padding-top: 18px; }
#container-buero {  margin: 36px 0px 0px 148px; padding: 0; padding-top: 0px; background-image: url(../../images/projekt_bg.gif); background-repeat: repeat-y; background-position: top left;}
#container-team {  margin: 36px 0px 0px 148px; padding: 0; padding-top: 0px; background-image: url(../../images/projekt_bg.gif); background-repeat: repeat-y; background-position: top left;}
#container-presse {  margin: 36px 0px 0px 148px; padding: 0; padding-top: 0px; background-image: url(../../images/projekt_bg.gif); background-repeat: repeat-y; background-position: top left;}
#container-service {  margin: 36px 0px 0px 148px; padding: 0; padding-top: 0px; background-image: url(../../images/projekt_bg.gif); background-repeat: repeat-y; background-position: top left;}
#container-kontakt {  margin: 13px 0px 0px 370px; padding: 0; border-top: 1px solid #a9cee9; padding-top: 18px; }
#container-news {  margin: 17px 0px 0px 370px; padding: 0; border-top: 1px solid #a9cee9; padding-top: 26px; }
#container-projekte {  margin: 13px 0px 0px 220px; padding: 0; border-top: 1px solid #a9cee9; padding-top: 18px; }

#container-referenzen {  margin: 17px 0px 0px 370px; padding: 0; border-top: 1px solid #a9cee9; padding-top: 18px; }

#container-projekt {  margin: 31px 0px 0px 148px; padding: 0; padding-top: 0px; background-image: url(../../images/projekt_bg.gif); background-repeat: repeat-y; background-position: top left; padding-bottom:10px;}
#container-impressum {  margin: 13px 0px 0px 370px; padding: 0; border-top: 1px solid #a9cee9; padding-top: 18px; }

/* ----------- startseite --------------------------- */
#start-flash { padding: 0; margin: 0; padding-bottom:4px; height:456px;}
#start-auszeichnungen { background: #eef5fb; height: 98px; padding: 10px 80px 10px 245px; margin: 0px 0px 0px 0px; background-image: url(../../images/auszeichnungen.gif); background-repeat:no-repeat; background-position: bottom right; }
#start-auszeichnungen h1 { color: #65acda; margin: 0; padding: 0; }

#start-newsbox { position: absolute; left: 0px; top: 381px; background: #eef5fb; height: 98px; padding: 10px 20px 10px 66px; margin: 0; width: 274px; background-image: url(../../images/start-newsbox.gif); background-repeat:no-repeat; background-position: center left; }
#start-newsbox h1 { color: #65acda; margin: 0; padding: 0; }
.datenewsstart { color:#8d9194;font-weight:normal; padding-right: 5px; }

#start-projektbox { position: absolute; left: 0px; top: 509px;  padding: 0; margin: 0; width: 360px; background-image: url(../../images/start-projektebox.gif); background-repeat:no-repeat; background-position: top left; }

#start-projektitem {  background: #add3ea; padding: 0; margin: 0px 0px 10px 53px; width: 307px; height: 118px; }
#start-projektitem img { border: 1px solid #71acd6; margin-left:5px; }
#start-projektitem p { padding: 7px; color: #fff; line-height:16px; }

/* ----------- header --------------------------- */
#header { position: absolute; left: 53px; top: 43px;}
#header h1 { visibility:hidden; margin: 0; padding: 0; }
#header .logo { background-image: url(../../images/logo.gif); background-repeat:no-repeat; margin: 0; padding: 0; width: 917px; height: 47px;  }
#header .imprint { position: absolute; left: 854px; top: 15px; }
#header a { color: #67aed8;  font-size: 0.9em; text-decoration: none; }
#header a:hover { color: #000000;  font-size: 0.9em; text-decoration: none; }

/* ----------- headline --------------------------- */
#headline { margin: 123px 0px 0px 0px; text-align: right; }

/* ----------- menu --------------------------- */
#menu { position: absolute; left: 53px; top: 177px; }
#menu li { list-style-type: none; padding: 0; margin : 0px 0px 10px 0px; }
#menu ul { padding: 0; margin : 0; color: #fff; font-size: 1.0em; font-weight: bold; }

/* ----------- footer --------------------------- */
#footer { margin: 1px 0px 20px 370px; }
#footer address { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; color: #9a9b9d; margin-top: 3px; }
#footer .copy  { border-bottom:solid 1px #CCCCCC; text-align: right; width:600px; height:8px; line-height:8px;}
#footer-projekte { margin: 0px 0px 20px 220px; }
#footer-projekte address { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; color: #9a9b9d; margin-top: 4px; }
#footer-projekte .copy  { border-bottom:solid 1px #CCCCCC; text-align: right; width:749px; height:1px; line-height:1px; }
#footer-projekt { margin: 0px 0px 20px 273px; }
#footer-projekt address { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; color: #9a9b9d; margin-top: 8px; }
#footer-projekt .copy  { border-bottom:solid 1px #CCCCCC; text-align: right; width:698px; line-height:1px; height:1px; }
#footer-buero { margin: 0px 0px 20px 273px; }
#footer-buero address { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; color: #9a9b9d; margin-top: 4px; }
#footer-buero .copy  {  border-bottom:solid 1px #CCCCCC; text-align: right; width:698px; line-height:0px; }
#footer-kontakt { margin: 0px 0px 20px 370px; }
#footer-kontakt address { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; color: #9a9b9d; margin-top: 4px; }
#footer-kontakt .copy  { border-bottom:solid 1px #CCCCCC; text-align: right; width:600px; line-height:1px; height:9px; }
#footer-news { margin: 1px 0px 20px 370px; }
#footer-news address { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; color: #9a9b9d; margin:0; padding:0; }
#footer-news .copy  { border-bottom:solid 1px #CCCCCC; text-align: right; width:600px; height:auto; margin-top: 10px; margin-bottom:6px;}
#footer-presse { margin: 0px 0px 20px 273px; }
#footer-presse address { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; color: #9a9b9d; margin-top: 7px; }
#footer-presse .copy  { border-bottom:solid 1px #CCCCCC; text-align: right; width:698px; line-height:1px; height:auto; }
#footer-service { margin: 0px 0px 20px 273px; }
#footer-service address {  font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; color: #9a9b9d; margin-top: 5px; }
#footer-service .copy  { border-bottom:solid 1px #CCCCCC; text-align: right; width:698px; height:1px; line-height:1px; }
#footer-team { margin: 0px 0px 20px 273px; }
#footer-team address { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; color: #9a9b9d; margin-top: 4px;}
#footer-team .copy  {  border-bottom:solid 1px #CCCCCC; text-align: right; width:698px; line-height:2px; height:1px; }

/* ----------- news --------------------------- */
#news-start { padding-bottom: 17px; border-bottom:solid 1px #a9cee9; }
#news-start_last { padding-bottom: 0px; margin:0; }
#news-start p { line-height: 21px; }
#news-start img { margin-right: 20px; margin-bottom: 7px; margin-top: 4px; }
#news-ansicht { padding-bottom: 0px;  }
#news-ansicht p { line-height: 21px; }
#news-ansicht img { margin-right: 20px; margin-bottom: 7px; border:1px solid #67aed8;}
.newsdate { color: #8d9194; font-size: 0.9em;  font-weight: normal; padding-right: 10px; }
#news-neueprojekte { position: absolute; left: 221px; top: 177px; background: #eef5fb; padding: 0; padding-top: 30px; margin: 0; width: 112px; background-image: url(../../images/news-neueprojekte.gif); background-repeat:no-repeat; background-position: center top;   }
#news-neueprojekte h1 { color: #798086; font-size: 11px; font-weight: normal; padding: 0; padding-bottom: 6px; padding-top: 15px; padding-left: 5px; margin: 0; }
#news-neueprojekte img { border: 1px solid #6ca9d5; }
.headline_news {color: #67aad5; font-size: 16px; font-weight: normal; padding: 0; padding-bottom: 0px; padding-top: 16px; margin: 0; letter-spacing:1px;}
.subline_news {font-size: 10px; font-weight: bold; color:#9a9b9d; line-height:10px; padding-bottom:20px; padding-top:10px; margin:0;}

/* ----------- büro --------------------------- */
#buero-menu { position: absolute; left: 142px; top: 220px; padding: 0; padding-top: 42px; margin: 0; width: 112px; margin-left:6px; }
#buero-menu img { margin: 0; padding: 0; margin-bottom: 10px; }
#buero-line { position: absolute; left: 273px; top: 158px; padding: 0; border-top: 1px solid #a9cee9; width: 697px; }
#buero-content { margin: 0px 0px 0px 125px; padding: 0; }
#buero-text { margin: 0; margin-right: 14px; padding: 0; float: left; width: 360px; }
#buero-text h1 { color: #67aad5; font-size: 1.2em; font-weight: bold; padding: 0;padding-bottom: 10px; margin: 0;}
.spe {padding: 0; margin: 0; margin-top: 70px; margin-bottom: 6px;}
#buero-bild { position: absolute; left: 803px; top: 105px; padding: 0; margin: 0; width: 195px; height: 140px; background: #fff; margin-top:60px; }
#buero-bild img { margin: 0; padding: 0; margin-top: 12px; margin-left: 10px; border: 1px solid #5fadde; }
#buero-bilder { margin: 0; padding: 0; float: left; width: 317px;  background: #fff; margin-left:6px; }
#buero-bilder img { margin: 0; padding: 0; margin-bottom: 10px;  }

/* ----------- team --------------------------- */
#team-content { margin: 0px 0px 0px 125px; padding: 0; }
#team-text { margin: 0; margin-right: 20px; padding: 0; float: left; width: 305px; }
#team-text h1 { color: #67aad5; font-size: 1.2em; font-weight: bold; padding: 0; padding-bottom: 10px; margin: 0;}
#team-text p { padding: 0; margin: 0;  margin-bottom: 6px; }
#team-bilder { margin: 0; padding: 0; float: left; width: 371px;  background: #fff;  }
#team-bilder img { float: left; margin: 0; padding: 0; margin-left: 5px; margin-bottom: 9px; }

/* ----------- presse --------------------------- */
#presse-content { margin: 0px 0px 0px 125px; padding: 0; }
#presse-text { margin: 0; margin-right: 20px; padding: 0; float: left; width: 360px; padding-top:20px; color: #9a9b9d;}
#presse-text h1 { color: #67aad5; font-size: 14px; font-weight: bold; padding: 0; padding-bottom: 7px; margin: 0;}
#presse-text h2 { color: #67aad5; font-size: 11px; font-weight: bold; padding: 0; padding-bottom: 5px; padding-top: 10px; margin: 0;}
#presse-text h3 { color: #9a9b9d; font-size: 11px; font-weight: bold; padding: 0; padding-bottom: 17px; margin: 0;}
#presse-text p { padding: 0; margin: 0;  margin-bottom: 0px; color: #9a9b9d; }
#presse-bilder { margin: 0; padding: 0; float: left; width: 317px;  background: #fff;  }
#presse-bilder img  { margin: 0; padding: 0; margin-bottom: 10px; margin-top: 20px;  }
#presse-header { margin: 0; margin-right: 20px; margin-bottom: 49px; padding: 0; float: left; width: 360px; }
#presse-header h1 { color: #67aad5; font-size: 1.2em; font-weight: bold; padding: 0; margin: 0;}


/* ----------- service --------------------------- */
#service-content { margin: 0px 0px 0px 125px; padding: 0; padding-bottom:7px; }
#service-text { margin: 0; margin-right: 20px; padding: 0; padding-bottom:0px;  }
#service-text h1 { color: #67aad5; font-size: 1.2em; font-weight: bold; padding: 0;padding-bottom: 70px; margin: 0;}
#service-text h2 { color: #67aad5; font-size: 1.0em; font-weight: bold; padding: 0;padding-bottom: 15px; margin: 0;}
#service-text p { padding: 0; margin: 0; }

/* ----------- projekte --------------------------- */
#projekte { margin:0; padding:0; }
#projekt { margin:0; margin-bottom: 10px; padding:0; float: left; width: 125px; }
#projekt img { margin:0; padding:0; border: 0;}
#projekt p { margin:0; padding: 2px 0px 2px 0px; text-align: center; background: #eef5fb;  width: 124px; height:65px; cursor:hand; }
#projekte_headline {float:none; padding-bottom:10px;}
#link-referenzliste-top { padding-bottom:25px; }
#link-referenzliste-bottom { padding-bottom:5px; }
#link-referenzliste-top a, #link-referenzliste-bottom a { font-size:12px; }

/* ----------- projektdetail --------------------------- */
#projektdetail-back { position: absolute; left: 148px; top: 266px; padding: 0; padding-top: 30px; margin: 0; width: 112px; }
#projekt-line { position: absolute; left: 273px; top: 158px; padding: 0; border-top: 1px solid #a9cee9; width: 697px; }
#projekt-content { margin: 0px 0px 0px 125px; padding: 0; }
#projekt-text { margin: 0; margin-right: 20px; padding: 0; float: left; width: 360px; }
#projekt-text h1 { color: #67aad5; font-size: 1.2em; font-weight: bold; padding: 0;padding-bottom: 10px; margin: 0; line-height:17px;}
#projekt-text p { padding: 0; margin: 0; margin-top: 0px; margin-bottom: 0px; }
#projekt-bild { position: absolute; left: 803px; top: 105px; padding: 0; margin: 0; width: 195px; height: 140px; background: #fff; margin-top:60px;}
#projekt-bild img { margin: 0; padding: 0; margin-top: 12px; margin-left: 10px; border: 1px solid #5fadde; }
#projekt-bilder { margin: 0; padding: 0; float: left; width: 317px;  background: #fff;  }
#projekt-bilder img { margin: 0; padding: 0; margin-bottom: 10px;  }


/* ----------- referenzliste --------------------------- */
#projekt-referenz-cat { padding-top: 40px; }
#projekt-referenz-cat-first { padding-top: 0; }
#projekt-referenz { padding: 0 10px 10px 10px; background-color:#eef5fb; }
#projekt-referenz-last { padding: 0 10px 17px 10px; margin:0; border-bottom:solid 0px #a9cee9; background-color:#eef5fb; }
#projekt-referenz-last-cat { padding: 0 10px 17px 10px; margin-bottom:23px;  background-color:#eef5fb; }
#referenzen-headline {float:none; padding-bottom:10px;}

.referenz-headline {color: #67aad5; font-size: 12px; font-weight: normal; padding: 0; padding-bottom: 0px; padding-top: 16px; margin: 0; letter-spacing:1px;}
.referenz-subline {font-size: 10px; font-weight: bold; color:#9a9b9d; line-height:10px; padding-bottom:6px; padding-top:6px; margin:0;}