/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6,.projectsubhead{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
/* firefox outline */
a:active,a:focus{outline:none;}
/* clearing */
.clear{clear:both;}
/* linked images border */
img{border:0;}
/* typography */
body{font-size:12px;/* for IE */
line-height:1.4em;}
p{font-size:1em;line-height:1.4em;margin:0 0 1.133em;}
h1{font-size:2.5em;line-height:1.3em;margin-top:.75em;margin-bottom:0;font-weight:bold;color:#009cd9;}
h2{font-size:1.25em;line-height:1.25em;margin-top:.1em;margin-bottom:1em;font-weight:bold;color:#1665ac;text-transform:uppercase;}
h3,.projectsubhead{font-size:1em;line-height:1.8em;margin-top:.9em;margin-bottom:0;color:#1665ac;text-transform:uppercase;font-weight:bold;}
a{color:#1665ac;text-decoration:none;}
/* LAYOUT ++++++++++++++++++++++++++++++++++ */
html,body{height:100%;min-height:660px;}
body{font-family:Arial,Helvetica,sans-serif;background:url(pic/headbg.png) repeat-x #e1f3fb;}
#loader{position:absolute;top:0;left:0;width:100%;height:100%;min-height:660px;z-index:100;background:#e1f3fb;}
#nojs{position:absolute;top:100px;left:50%;width:300px;height:300px;z-index:900;margin-left:-150px;}
.site{width:100%;z-index:2;position:absolute;top:0;left:0;}
.head{width:891px;height:110px;margin:0 auto;position:relative;}
.navigation{width:100%;height:90px;/*position:absolute;top:0;left:0;*/
z-index:3;position:relative;}
.naviholder{width:891px;height:50px;background:url(pic/logodkon.gif) right top no-repeat;margin:0 auto;padding-top:49px;position:relative;}
.content{width:909px;margin:37px auto 0;padding:0;}
.navigation ul.main{display:block;width:891px;height:16px;}
.navigation ul.main li{display:block;overflow:hidden;float:left;width:171px;height:16px;margin:0 9px 0 0;}
.navigation ul.main li.last{margin-right:0;}
.navigation ul.main li a{display:block;background-image:url(pic/navsprite.gif);background-repeat:no-repeat;overflow:hidden;height:35px;text-indent:-1000px;}
.navigation .news a{background-position:0 0;width:88px;width:171px;}
.navigation .works a{background-position:0 -50px;width:105px;width:171px;}
.navigation .company a{background-position:0 -100px;width:134px;width:171px;}
.navigation .contact a{background-position:0 -150px;width:127px;width:171px;}
.navigation .login a{background-position:0 -200px;width:90px;width:171px;}
.navigation .news a:hover,.navigation .news .aktiv{background-position:0 -250px;}
.navigation .works a:hover,.navigation .works .aktiv{background-position:0 -300px;}
.navigation .company a:hover,.navigation .company .aktiv{background-position:0 -350px;}
.navigation .contact a:hover,.navigation .contact .aktiv{background-position:0 -400px;}
.navigation .login a:hover,.navigation .login .aktiv{background-position:0 -450px;}
.navigation ul.sub{display:block;width:891px;height:16px;margin:9px 0 0;z-index:3;}
.navigation ul.sub li{display:block;overflow:hidden;float:left;width:171px;height:16px;margin:0 8px 0 0;border-left:1px solid #1665ac;}
.navigation ul.sub li.last{margin-right:0;}
.navigation ul.sub li a{display:block;overflow:hidden;height:16px;text-indent:7px;white-space:nowrap;font-size:1em;text-transform:uppercase;font-weight:bold;margin:0;color:#00215a;z-index:3;}
.navigation ul.sub li a:hover{color:#1665ac;}
#subnavbg{position:absolute;top:74px;left:0;width:171px;height:43px;z-index:-1;display:none;background:url(pic/subnavbg.gif) no-repeat;}
.navigation ul.sub li a.selected{color:#fff;background:#1665ac;}
.homelink{position:absolute;top:0;right:0;width:100px;height:99px;display:block;}
#slider{height:0;overflow:hidden;}
.scroll{height:360px;overflow:auto;overflow-x:hidden;overflow-y:auto;width:911px;position:relative;clear:left;}
.scrollContainer div.panel{height:360px;width:911px;}
.scrollButtons{position:absolute;top:150px;cursor:pointer;}
.scrollButtons.left{left:-20px;}
.scrollButtons.right{right:-20px;}
.floatl{float:left;}
.footerslogan{font-size:13px;color:#fff;position:absolute;bottom:9px;right:0;}
.blue{color:#6ac2ea;}
.footer{width:100%;min-width:960px;height:100%;min-height:670px;position:relative;z-index:1;}
.footercol{width:960px;height:100%;min-height:670px;margin:0 auto;position:relative;/* background:url(pic/raster.png) no-repeat 34px 127px;*/}
.footernav{width:100%;height:50px;position:absolute;bottom:0;left:0;z-index:2;}
.footerbox{width:891px;height:50px;margin:0 auto;position:relative;}
.footerbox a{font-size:11px;}
.imprint{display:block;position:absolute;bottom:8px;left:9px;width:100px;height:18px;color:#fff;text-transform:uppercase;cursor:pointer;}
#flashbg{position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:600px;overflow:hidden;}
#flash{background:url(pic/city_nojs.jpg) no-repeat bottom center;height:600px;}
.contentalign{margin-left:9px;}
.block1{background:#fff;width:333px;height:333px;/*border:1px solid #1665ac;height:331px;width:331px;*/
position:absolute;top:0;left:9px;padding:9px;}
.block2{background:#fff;width:333px;height:333px;/*border:1px solid #1665ac;height:331px;width:331px;*/
position:absolute;top:0;right:191px;padding:9px;}
#EmailForm .block2{width:333px;height:333px;background:#3faddf;border:none;}
.imageblock,.imageblock2{width:351px;height:351px;position:absolute;top:0;background:#3faddf;}
.imageblock{left:9px;}
.imageblock2{left:369px;}
/* CONTENT ++++++++++++++++++++++++++++++++++++++++ */
.navigateitems a{color:#091b48;}
.kundenkat{width:162px;height:63px;float:left;margin:0 0 9px 9px;padding:18px 0 0 9px;background:#3faddf url(pic/arrow_white.gif) no-repeat 143px 18px;text-transform:uppercase;color:#fff;font-weight:bold;}
.logo{/* display:block;*/
/* margin:0 0 9px 9px;*/
padding:0;border:0;/* float:left;*/}
.logoblock{position:relative;width:171px;height:81px;float:left;margin:0 0 9px 9px;}
.caption{position:absolute;left:0;bottom:0;width:153px;height:57px;color:#fff;background:#3faddf;/* display:none;*/
padding:18px 9px 6px;}
.contentimage{margin:0 9px;}
.olderjournalitems,
.newerjournalitems,/*.closejournalitem,*/
.next_button,
.close_button,
.downloadbutton,
.loginbutton,
.linknavibutton{text-transform:uppercase;font-weight:bold;color:#091b48;display:block;width:135px;height:63px;padding:18px 36px 0 0;text-align:right;background:url(pic/actions.gif) no-repeat 0 0;overflow:hidden;}
.olderjournalitems:hover,.newerjournalitems:hover,/*.closejournalitem:hover,*/.next_button:hover,.close_button:hover,.navigateitems a:hover,.linknavibutton:hover{color:#fff;cursor:pointer;}
#start h1{width:711px;/*text-transform:uppercase;font-weight:1.5em;color:#00215A;}
.headbig{font-size:1.7em;*/}
.downloadbutton{background-position:0 -492px;position:absolute;top:0;left:720px;}
.downloadbutton:hover{color:#fff;cursor:pointer;background-position:0 -574px;}
.loginbutton{background-position:0 0;position:absolute;top:270px;left:720px;}
.loginbutton:hover{color:#fff;cursor:pointer;background-position:0 -81px;}
/* projects */
.project{width:171px;height:81px;overflow:hidden;float:left;margin:0 0 9px 9px;}
.project2list .text{margin-bottom:1em;padding-bottom:1em;}
.project .information,
.journalitem .information{width:324px;height:333px;background:#fff;/*border:1px solid #1665ac;height:331px;width:322px;*/
overflow:auto;float:right;padding:9px 18px 9px 9px;}
.project h3,.projectsubhead{color:#1665ac;text-transform:uppercase;font-weight:bold;margin-top:0;}
.project h2{/* color:#00215a;*/}
.project p,
.journalitem p{margin-bottom:0;}
.project_head{margin:1em 0 0 4px;padding:0 0 1em;}
.project .project_content,
.journalitem .project_content{position:absolute;top:0;left:0;width:900px;z-index:6;}
.project_content h1,
.journalitemlong h1{margin-bottom:.3333em;}
.project .images,
.journalitem .images{position:relative;width:531px;height:262px;float:left;}
.project .images .frame,
.journalitem .images .frame{position:relative;width:531px;height:442px;overflow:hidden;margin:0 8px;}
.project .images_slider,
.journalitem .images_slider{position:absolute;top:0;left:0;width:10000px;height:262px;}
.project .images_slider img,
.journalitem .images_slider img{float:left;}
.next_button{position:absolute;top:270px;right:0;}
.close_button{position:absolute;top:270px;left:0;}
.next_button:hover{background-position:0 -82px;}
.close_button{background-position:0 -164px;}
.close_button:hover{background-position:0 -246px;}
.project_hover{width:162px;height:81px;background:#3faddf;padding-left:9px;position:absolute;top:0;left:0;}
.project_hover h3{margin-top:1em;line-height:1em;}
.projectthumb{position:absolute;top:0;left:0;}
.preview h3{/* color:#00215a;*/
margin-bottom:.5em;color:#fff;}
.preview p{/* color:#fff;*/
line-height:1.3em;}
.preview{position:relative;width:171px;height:81px;}
/* Journal */
.journalitem{margin:0 0 0 9px;float:left;}
.journal_image_small{display:block;width:171px;height:81px;}
.journalitemtxt{width:153px;height:216px;padding:9px 9px 36px;margin:9px 0 0;background:#3faddf;position:relative;overflow:hidden;}
.journalitemtxt .date,.journaltxt .date{color:#00215a;text-align:right;}
.journalitemtxt h3{color:#fff;text-transform:uppercase;font-weight:bold;margin-top:0;line-height:1.25em;}
.journalitemtxt p{color:#000;height:178px;overflow:hidden;}
.readmore{position:absolute;right:9px;bottom:9px;background:url(pic/arrow_white.gif) no-repeat top right;padding:0 28px 0 0;text-transform:uppercase;font-weight:bold;color:#fff;cursor:pointer;}
.journalitem .next_button{display:none;}
.olderjournalitems/*,.closejournalitem*/{position:absolute;top:90px;right:12px;}
.newerjournalitems{position:absolute;top:180px;right:12px;background-position:0 -656px;padding:18px 0 0 36px;text-align:left;display:none;}
/*.closejournalitem{display:none;top:0;cursor:pointer;}
*/
.olderjournalitems:hover{background-position:0 -82px;}
.newerjournalitems:hover{background-position:0 -738px;}
/*.closejournalitem{background-position:0 -164px;}
*/
/*.closejournalitem:hover{background-position:0 -246px;}
*/
/*.journalitemlong{width:891px;height:351px;}
.journalitemlong h2{margin-top:0;}
*/
/*.journaltxt{background:#fff;height:333px;width:333px;left:360px;margin-left:9px;overflow:auto;padding:9px;position:absolute;top:0;}
*/
/*.journalitem .frame{position:relative;width:351px;height:442px;overflow:hidden;}
.journalitem .images_slider{position:absolute;top:0;left:0;width:10000px;height:262px;overflow:hidden;}
.journalitem .images_slider img{float:left;}
*/
/* Links */
.linkitem{width:711px;height:36px;margin:0 0 9px 9px;position:relative;clear:both;overflow:hidden;}
.linklogo{width:171px;height:36px;float:left;margin:0 9px 0 0;background:#fff;}
.linkbutton{width:141px;height:26px;position:absolute;top:0;left:0;display:none;color:#fff;padding:10px 0px 0px 30px;background:url(pic/arrow_white.gif) no-repeat 10px 11px #3faddf;cursor:pointer;}
.linktext{width:511px;height:33px;/*background:#3faddf;*/
background:#fff;color:#000;float:right;padding:3px 10px 0;overflow:hidden;cursor:pointer;}
.linktext p{margin:0;padding:0;line-height:15px;cursor:pointer;}
.linksection{width:701px;height:30px;background:#fff;margin:0 0 9px 9px;padding:6px 0 0 10px;color:#00215a;font-weight:bold;text-transform:uppercase;}
.linknavigation{width:171px;height:351px;position:absolute;top:0;right:11px;}
.linknavigation a{/* width:171px;*/
/* height:81px;*/}
.linknavibutton{position:absolute;display:none;}
.linknavibuttonup{top:0;right:0;background-position:0 -820px;}
.linknavibuttonup:hover{background-position:0 -902px;}
.linknavibuttondown{bottom:0;right:0;background-position:0 -492px;}
.linknavibuttondown:hover{background-position:0 -574px;}
#linksbox{width:701px;position:absolute;top:0;left:0;}
/* tipps */
.tipp{margin:0 0 0 9px;float:left;}
.tipp_image{display:block;width:351px;height:81px;}
.tipptxt{width:333px;height:216px;padding:9px 9px 36px;margin:9px 0 0;background:#3faddf;position:relative;}
.tipptxt h3{color:#fff;text-transform:uppercase;font-weight:bold;margin-top:0;}
.download{position:absolute;right:9px;bottom:9px;background:url(pic/arrow_down.gif) no-repeat top right;padding:0 28px 0 0;text-transform:uppercase;font-weight:bold;}
.nfinput{border:1px solid #1c88c3;width:327px;height:18px;margin:0;padding:5px 2px 0;}
.chome{margin:9px 0 0 190px;}
.phome{margin:20px 0 0 180px;width:351px;}
.landingPageContent{width:351px;margin:10px 0 0 181px;}
.landingPageHead{text-transform:uppercase;}
.landingPageHeadBig{font-size:1.5em;}
.caption{font-weight:bold;}
.raster{position:absolute;top:127px;left:35px;width:891px;height:910px;background:url(pic/raster.png) no-repeat;z-index:9;}