/* CSS Document */


body {font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:0;padding:0;background-color:#CFCFCF;background-image:url(gfx/gui/background.jpg);background-repeat:repeat-x;}

p {line-height:1.4em;}

a { color: #3E6771; /*  407D77;  5D787E; #6c837a;*/ text-decoration:none; }
a:hover { color:#4C7E8C; }

#container {width:920px;margin:0 auto;}


#head {height:110px;}
#head .logo {position:absolute;margin:40px 0 0 0;}

#navi {position:absolute;width:570px;margin:85px 0 0 300px;text-align:right;font-size:11px;}
#navi ul {margin:0;padding:0;}
#navi li {margin:0 0 0 3px;padding:0 0 0 12px;float:right;list-style-type:none;background-image:url(gfx/gui/navi_li.gif);background-repeat:no-repeat;background-position:top left;height:23px;width:1em;width:auto;}
#navi a {text-transform:uppercase;font-weight:bold;color:#333333;background-image:url(gfx/gui/navi_re.gif);background-repeat:no-repeat;background-position:top right;height:23px;display:block;padding:0 12px 0 0;line-height:2em;}
#navi a:hover {color:#4C7E8C;}
* html #navi a {width:1em;} /*hack damit die navi im IE funzt */
#navi .aktiv {background-image:url(gfx/gui/navi_aktiv_li.gif);background-repeat:no-repeat;}
#navi .aktiv a {color:#FFFFFF;background-image:url(gfx/gui/navi_aktiv_re.gif);}



#content {margin:0 50px;}
#content h2 {font-size:12px;margin:0 0 4px 0;letter-spacing:0.1em;border-bottom:1px #666666 dotted;padding:0 0 4px 0;}
#content h3 {border-bottom:1px #666666 dotted;font-size:11px;letter-spacing:0.1em;padding:18px 0 4px 0;font-weight:normal;margin:0;}
#content h4 {font-size:12px;margin:20px 0 4px 0;letter-spacing:0.1em;border-bottom:1px #666666 dotted;padding:0 0 4px 0;}

#content p {margin:2px 0;padding:0;color:#3A3A3A;}


#spaltehalb {width:400px;float:left;margin:0;}
#spalteContent {width:535px;}
#spalteMarginal {width:260px;float:right;margin-right:5px;}

#spalteMarginal ul {margin:0;padding:0;list-style-type:none;font-size:11px;}
#spalteMarginal li {margin:0;padding:5px 0;border-bottom:1px #999999 dotted;}


#subnavi {margin:2px 0 20px 0;background-color:#0099CC;text-align:center;background-image:url(gfx/gui/subnavi820x30.jpg); background-repeat:no-repeat;height:30px;}
/*#subnavi ul {list-style-type:none;padding:2px;margin:2px;}
#subnavi li {float:left;height:26px;background-color:#999999;padding:0;margin:0 1px;}*/
#subnavi a {color:#3E6771;padding:5px 12px 6px 12px;margin:0 1px 0 0;line-height:30px;height:26px;background-image:url(gfx/gui/subnavi_a.gif); background-repeat:repeat-x;}
#subnavi a:hover {background-image:url(gfx/gui/subnavi_a_hover.gif);color:#637277;}
#subnavi .aktiv {background-image:url(gfx/gui/subnavi_aktiv.gif);color:#FFFFFF;}
#subnavi .aktiv:hover {background-image:url(gfx/gui/subnavi_aktiv.gif);color:#CCCCCC;}

/* startseite boxen */
#home_news {width:547px;background-image:url(gfx/gui/back_home_news.gif); background-repeat:no-repeat;height:100px;margin:0;float:left;}
/** html #home_news {float:left;width:547px;}*/
#home_newsletter {width:273px;background-image:url(gfx/gui/back_home_special.gif); background-repeat:no-repeat;float:left;margin:0;height:100px;}
#home_newsletter form {margin:0 10px;}
#home_newsletter input {border:0;width:81px;margin:0;font-size:10px;height:13px;padding:0;}
#home_newsletter .input1 {/*margin:0 5px;font-size:10px;height:13px;border:0;*/background-color:#FFFFFF;}
#home_newsletter .input2 {/*font-size:10px;height:13px;*/}

#home_special {width:273px;margin:0 1px 0 0;float:left;height:100px;background-image:url(gfx/gui/back_home_special.gif); background-repeat:no-repeat;}
#foto_special {width:273px;margin:0 0 0 0;float:left;height:100px;background-image:url(gfx/gui/back_home_special.gif); background-repeat:no-repeat;}

#home_teaser {float:right;width:272px;height:202px;margin:0;}
/* * html #home_teaser {width:272px;} /* IE hack */
#home_teaserbox {background-image:url(gfx/gui/back_home_teaser.gif); background-repeat:no-repeat;height:50px;}
#home_teaserbox h1 {padding:10px 10px 0 10px;margin:0;}
#home_teaserbox p {padding:0 10px;margin:0;color:#CCCCCC;}
#home_teaserbox a {color:#FFFFFF;font-size:14px;}
#home_teaserbox a:hover { color:#4C7E8C; }

#home_news h1, #home_newsletter h1, #home_special h1, #foto_special h1 {margin:0;padding:10px 10px 5px 10px;font-size:11px;color:#FFFFFF;letter-spacing:0.1em;}
#home_news p, #home_newsletter p, #home_special p, #foto_special p {margin:10px;padding:0;color:#FFFFFF;font-size:12px;}

#home_news ul a {color:#FFFFFF;}
#home_news ul a:hover {color:#4C7E8C;}
#home_news ul {margin:10px;padding:0;color:#FFFFFF;}
#home_news li {list-style-type:none;margin:0 0 3px 0;}


/* PANO 360 TEASER */
#pano_teaser {width:273px;margin:0px 0px 0 0;float:left;height:100px;/*background-image:url(gfx/gui/back_home_special.gif); background-repeat:no-repeat;*/}
#pano_teaser h1 {position:absolute;padding:10px 10px 0 10px;margin:0;font-size:11px;color:#FFFFFF;letter-spacing:0.1em;}



/* newsseite */
#newsbox {float:left;width:255px;/*border-right:1px #8D8D8D dotted;*/margin:20px 0 0 0;color:#666666;font-size:11px;}
#newsbox h1 {font-size:11px;margin:0;padding:4px 0;background-color:#CCCCCC;}
#content .news_p {margin-left:265px;}
#newsbox ul {margin:1px 0 8px 0px;padding:0;}
#newsbox li {list-style-type:none;margin:0;padding:7px 10px 7px 0;border-top:1px #999999 dotted;}
#newsbox .aktiv {font-weight:bold;}
#newsbox .aktiv a {color:#666666;}

#newstext {margin:0 0 0 270px;}


/* boxen für die dienstleistungsbeschreibungen */
#box1, #box1mailblocker, #box2, #box2mailblocker, #box3, #box3mailblocker, #box1short, #box2short, #box3short {float:left;border-bottom:1px #8D8D8D dotted;height:170px;}
#box1short, #box2short, #box3short {height:50px;text-align:center;}
#box1 h2, #box1mailblocker h2, #box2 h2, #box2mailblocker h2, #box3 h2, #box3mailblocker h2, #box1short h2, #box2short h2, #box3short h2 {padding:16px 0 0 0;margin:0;letter-spacing:normal;font-size:11px;color:#2E2E2E;border-bottom:0px;}
#box1 p, #box2 p, #box3 p, #box1short p, #box2short p, #box3short p {color:#3A3A3A;line-height:1.5em;}

#box1, #box1mailblocker, #box1short {width:265px;border-right:1px #8D8D8D dotted;}
#box1 p, #box1short p, #box1mailblocker p {padding:4px 25px 12px 0;margin:0;}

#box2, #box2mailblocker, #box2short {width:288px;border-right:1px #8D8D8D dotted;}
#box2 p, #box2short p, #box2mailblocker p {padding:4px 25px 12px 25px;margin:0;}

#box3, #box3mailblocker, #box3short {width:265px;margin:0;}
#box3 p, #box3short p, #box3mailblocker p {padding:4px 0px 12px 25px;margin:0;}

#box1 img, #box1mailblocker img, #box2 img, #box2mailblocker img, #box3 img, #box3mailblocker img {float:left;margin:0 4px 1px 0;}
#box1 img, #box1mailblocker img {padding:16px 0 0 0;}
#box2 img, #box3 img, #box2mailblocker img, #box3mailblocker img {padding:16px 0 0 25px;}

#box1mailblocker, #box2mailblocker, #box3mailblocker {height:auto;border-bottom:0;}


#box1short img, #box2short img, #box3short img {float:left;margin:0 4px 1px 0; vertical-align:middle;}
/*#box1short img {padding:16px 0 0 0;}*/
#box2short img, #box3short img {padding:0 0 0 25px;}

#imagebild {}
#demopanorama {width:409px;height:272px;position:absolute;margin:52px 0 0 205px;}
#bueropanorama {width:814px;height:394px;position:absolute;margin:3px 0 0 3px;}

/* referenzen */
#referenzen {width:820px;height:400px;background-image:url(gfx/img/bild820x400.jpg);background-repeat:no-repeat;}
#ref_bild {width:816px;height:320px;margin:0px 2px;text-align:center;}
#ref_bild img {margin:25px 0 0 0;}
#ref_titel {color:#FFFFFF;width:100%;text-align:center;margin:25px 10px 5px 10px;padding:0;text-transform:none;}
* html #ref_titel {margin:0 10px 5px 10px;}
#ref_navi {color:#FFFFFF;width:100%;text-align:center;margin:0 ;padding:0;}
#ref_navi a {background-color:#333333;color:#FFFFFF;padding:2px 3px;margin:0 3px;font-size:11px;}
#ref_navi a:hover {background-color:#0066CC;color:#FFFFFF;}
#ref_navi .aktiv {background-color:#FFFFFF;color:#0066CC;}
#ref_navi .deaktiv {color:#666;}

#refdetail {width:131px;margin:0 0 0 5px;float:left;}
#refdetail h2 {width:128px;font-size:11px;color:#666666;letter-spacing:normal;}
#refdetail p {font-size:11px;line-height:1.2em;color:#999999;}
#refdetail a {color:#999999;}
#refdetail a:hover { color:#0066CC; }
#refdetail .aktiv {color:#0066CC;}
#refdetail ul {list-style-type:none;margin:0;padding:0;font-size:11px;width:131px;list-style-position:outside;}
#refdetail li {margin:4px 0 0 0;padding:4px 0 2px 0;color:#999999;border-bottom:1px #FFFFFF dotted;}


.tool-tip {width:150px;height:80px;position:absolute;background-image:url(gfx/gui/tooltip.gif);background-repeat:no-repeat;}
.tool-text {text-align:center; color:#FFFFFF;font-size:11px;line-height:1.2em;padding:10px 5px 0 5px;}

/* formfelder */
.formfeld, .formfeldNachricht { background-color:#E6E6E6; border:0; margin:0 0 7px 3px; padding:1px 3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:290px; height:17px; }
.formfeldNachricht {height:48px;}
#spaltehalb .formtitel {width:100px;display:block;float:left;background-color:#E6E6E6;margin:0;height:17px;padding:1px 0;}
#spaltehalb .formtitelBlank {width:100px;display:block;float:left;margin:0;}
.formButton {margin:0 0 0 3px;}


/* sitemap */
#sitemap, #sitemapNews, #sitemapRight {width:250px;margin:0 35px 0 0;float:left;}
#sitemap h2, #sitemapNews h2, #sitemapRight h2 {margin:10px 0;font-weight:normal;}
#sitemapRight {margin:0;}
#sitemapNews {width:820px;margin:0;}

/* team */

#team {width:265px;margin:0 10px 0 0;float:left;}
#team h2 {width:265px;color:#666666;/*letter-spacing:normal;*/}
#team p {}
#team a {color:#3E6771;}
#team a:hover {color:#4C7E8C;}
#team .aktiv {color:#0066CC;}
#team img {margin:0 0 15px 0;}

/* linz360 und herzblut footer auf index */

#linz360 {text-align:center;padding:0 50px;}
#linz360 img {border:0;padding:0 7px;}


/* footer */
#footer {clear:both;text-align:center;padding:10px 0px 20px 0;font-size:11px;color:#333333;border-top:1px #8D8D8D dotted;margin:20px 0 0 50px;width:820px;}