* {margin: 0; padding: 0;}
body,  body>form { color: #666; font-size: 100.1%;/* verhindert einen Vergrößerungs-Bug im IE */  font-family: Tahoma, Arial, Helvetica, sans-serif; background:#FFFFFF url(/img/basis/bg_index.jpg) no-repeat fixed center 0; display:table; height:100%; overflow:auto; width:100%;} 
body.ueber-die-agentur, body.ueber-die-agentur>form { background:#FFFFFF url(/img/basis/bg_agentur.jpg) no-repeat fixed center 0 !important; }
body.unsere-leistungen, body.unsere-leistungen>form { background:#FFFFFF url(/img/basis/bg_leistungen.jpg) no-repeat fixed center 0 !important; }
body.unsere-referenzen, body.unsere-referenzen>form { background:#FFFFFF url(/img/basis/bg_referenzen.jpg) no-repeat fixed center 0 !important; }
body.kontakt, body.kontakt>form { background:#FFFFFF url(/img/basis/bg_kontakt.jpg) no-repeat fixed center 0 !important; }
html {height: 100%; }
html>body {font-size: 100%;} /* für alle anderen Browser gelten gerade Werte */

h1{font-size: 1.125em; line-height: 1.166em; color: #dd4411; font-weight: bold; margin-bottom:10px;}
h2{font-size: 0.75em; line-height: 1.333em;}
h3{font-size: 0.688em; line-height: 1.333em; color: #dd4411;}
h4{color:#FFFFFF; font-size:0.688em; font-weight:bold; line-height:1.333em; margin-bottom:5px;}

p{font-size: 0.688em; line-height: 1.5em; color: #666; margin-bottom: 5px;}
p.Absatz{margin-bottom: 10px;}
table{border-collapse: collapse; border: none; font-size: 0.688em;}
td{padding-right: 10px;}
#bereichstarttext p{line-height: 1.545em;}
a{border: none; text-decoration: underline; color: inherit; outline: none;}
*+html a{color: #fff;}
a.link{color: #dd4411; font-weight: bold;}
a.link.dropdown{background:transparent url(/img/basis/DDHead.png) no-repeat scroll 0 0; display:block; float:right; font-size:0.688em; height:22px; margin-right:20px; padding-left:10px; padding-top:8px; width:305px;}
ul{list-style-image:none; list-style-position:outside; list-style-type:none;}
ul.standard{list-style-type: disc; padding-left: 14px;}
ul.standard li{color: #fff; font-size: 0.688em; margin-bottom: 5px;}
ul.subliste{margin-top:5px; padding-left:10px;}
ul.subliste li{font-size: 1em;}
ol{}
ol li{color: #666; font-size: 0.688em; margin-bottom: 5px; line-height: 1.5em;}
img {border: none;}
img.shadow{float:left; position:relative;}

.orange {color: #dd4411;}
.grau {color: #666;}
.weiss{color: #fff;}
.bold {font-weight: bold;}
.invisible{display: none;}
.bottom{bottom: 0;}
.indented{padding-left: 10px;}
.floatbox{overflow: hidden; clear: both; display: block;}
.bottomalign{bottom: 0; position: absolute;}
.fontnormal{font-size: 0.688em;}
.marginbottom5{margin-bottom:5px;}

#body {background-color: transparent; display: table-cell; vertical-align: middle;}
#bodycontent{background: transparent url(/img/basis/content-bg.png) no-repeat scroll 0 0; margin: 0 auto; height: 635px; overflow: hidden; width: 990px; position: relative;}
#header{background: transparent none no-repeat scroll 0 0; height: 50px; margin: 15px 0 18px; padding-bottom: 7px;}
#contentcontainer{background: transparent none no-repeat scroll 0 0; height:465px; margin-bottom: 25px; position: relative;}
#content{height:445px; margin:0 35px 20px; padding-top:20px;}
#content.subseite{height: 395px;}
#footer{background: transparent none no-repeat scroll 0 0; height: 40px; padding:0 15px 5px 25px;}
#footer p {font-size: 0.625em; line-height: 1.5em; margin-bottom: 0;}
#pagelogo {display:block; float:left; height:50px; margin: 2px 41px 0 40px; width:240px;}

.fuenfgruende{border: 1px solid #333; border-width: 1px 0; padding: 20px;}
.fuenfgruende h1{font-size: 0.875em; line-height: 1.5em; color: #fff;}
.fuenfgruende ul{}
.fuenfgruende ul li{color:#ffffff; font-size:0.688em; font-weight:bold; line-height:1.5em;}
.fuenfgruende p {margin-bottom: 0;}

.impressumlink { display:block; width: 80px; height:25px; margin-left: 849px; }

ul#hauptnavigation {float:left; height:42px; margin-top:15px; width: 634px;}
ul#hauptnavigation li {background: transparent none no-repeat scroll 0 0; float: left; height: 42px; text-indent: -1000px;}
ul#hauptnavigation li a{display: block; height: 42px; background-repeat: no-repeat;}
ul#hauptnavigation li.listart {margin-left: 15px;}
ul#hauptnavigation li#ueber-die-agentur a {background-image: url(/img/hauptnavigation/ueber-die-agentur.png); width: 163px;}
ul#hauptnavigation li#ueber-die-agentur a:hover {background-image: url(/img/hauptnavigation/ueber-die-agentur-over.png);}
ul#hauptnavigation li#ueber-die-agentur a.active {background-image: url(/img/hauptnavigation/ueber-die-agentur-on.png);}
ul#hauptnavigation li#unsere-leistungen a {background-image: url(/img/hauptnavigation/unsere-leistungen.png); width: 171px;}
ul#hauptnavigation li#unsere-leistungen a:hover {background-image: url(/img/hauptnavigation/unsere-leistungen-over.png);}
ul#hauptnavigation li#unsere-leistungen a.active {background-image: url(/img/hauptnavigation/unsere-leistungen-on.png);}
ul#hauptnavigation li#unsere-referenzen a {background-image: url(/img/hauptnavigation/unsere-referenzen.png); width: 174px;}
ul#hauptnavigation li#unsere-referenzen a:hover {background-image: url(/img/hauptnavigation/unsere-referenzen-over.png);}
ul#hauptnavigation li#unsere-referenzen a.active {background-image: url(/img/hauptnavigation/unsere-referenzen-on.png);}
ul#hauptnavigation li#kontakt a {background-image: url(/img/hauptnavigation/kontakt.png); width: 111px;}
ul#hauptnavigation li#kontakt a:hover {background-image: url(/img/hauptnavigation/kontakt-over.png);}
ul#hauptnavigation li#kontakt a.active {background-image: url(/img/hauptnavigation/kontakt-on.png);}

div#subnavigation{background:transparent url(/img/subnavigation/div-background.png) repeat scroll 0 0; color:#DD4411; font-size:0.688em; font-weight:bold; height:30px; line-height:1.5em; margin:0 15px; overflow: hidden; padding-left: 21px; position: relative;}
div#subnavigation.snScroll{width: 935px; margin-left: 18px; padding-left: 18px;}
div#subnavigation.bereichstart{margin-bottom: 20px;}
div#subnavigation ul{background: transparent url(/img/subnavigation/ul-background.png) repeat-x scroll 0 0; float: left; height: 30px; overflow: hidden;}
div#subnavigation ul li{background:transparent url(/img/subnavigation/trenner.png) no-repeat scroll right 0; display:block; float:left; height:30px;}
div#subnavigation ul li.last{}
div#subnavigation ul li a{background:transparent url(/img/subnavigation/li-background.png) repeat-x scroll 0 0; display:block; height:25px; margin-right:1px; padding:6px 20px 0 21px; color: #dd4411;}
div#subnavigation ul li a:hover{background-image: url(/img/subnavigation/div-background.png); background-position: -22px 0;}
div#subnavigation ul li.active{background-image:url(/img/subnavigation/li-background-links.png); background-position:left 0; background-repeat:no-repeat; position:relative; text-align:center;}
div#subnavigation ul li.active a{background-image:url(/img/subnavigation/li-background-rechts.png); background-position:right 0; background-repeat:no-repeat; color:#FFFFFF; cursor:default; margin-right:0; padding-left:22px; text-decoration:none;}
div#subnavigation img#subnavipfeil{bottom:0; height: 8px; position:absolute; width: 15px;}

div#contentcontainer a.snScroller{display: block; position: absolute; height: 30px; text-decoration: none;}
div#contentcontainer a.snScroller.left{background: transparent url(/img/subnavigation/scroll-pfeil-links.png) no-repeat scroll 0 0; left: 0; margin-left: 15px; width: 21px; z-index: 77;}
div#contentcontainer a.snScroller.right{background: transparent url(/img/subnavigation/scroll-pfeil-rechts.png) no-repeat scroll right 0; margin-right: 15px; right: 0; width: 21px; z-index: 77;}
div#contentcontainer a.snScroller.right.end, div#contentcontainer a.snScroller.right.end:hover{background-image: url(/img/subnavigation/scroll-pfeil-rechts-ende.png);}
div#contentcontainer a.snScroller.left.end, div#contentcontainer a.snScroller.left.end:hover{background-image: url(/img/subnavigation/scroll-pfeil-links-ende.png);}
div#contentcontainer a.snScroller.left:hover{background-image: url(/img/subnavigation/scroll-pfeil-links_on.png);}
div#contentcontainer a.snScroller.right:hover{background-image: url(/img/subnavigation/scroll-pfeil-rechts_on.png);}

div#videocontrol {border-left:1px solid #666666; float:left; height:30px; margin-top:15px; padding-left:20px; padding-top:5px;}
div#videocontrol img {display:block; float:left; margin: 6px 6px 0 0;}
div#videocontrol img.videocontrol{margin: 4px 1px 0 0;}

div.stage{background:transparent url(/img/basis/bg-pixel-orange.png) repeat scroll 0 0; border:1px solid #666666; height:278px; position:relative;}
div.stage.grey{background-image: url(/img/basis/bg-pixel-grey.gif);}
div.stage.darkgrey{background-image: url(/img/basis/bg-pixel-dark-grey.png);}
div.stage.fullheight{height: 395px;}
.fullheight div.Scroller{height: 379px;}
.fullheight div.Scroller.ScrollerSmall{height: 164px;}
.fullheight div.Scrollcontainer{margin: 1px 0 10px 10px; height: 377px;}
.fullheight div.Scrollbody{height: 387px;}
.fullheight .scrollobject{height: 375px; width: 900px;}
div#startseitecontent{margin-top: 30px;}
div#startseitecontent div#startseitetext{float: left; padding-left: 10px; width: 455px;}
div#startseitecontent div#startseitelinks{float: right;}
div#startseitecontent div#startseitelinks a{background:transparent url(/img/basis/startseite-link.png) no-repeat scroll 0 0; color:#DD4411; display:block; font-size:0.688em; font-weight:bold; height:21px; margin-bottom:5px; padding:9px 35px 0 15px; width:235px;}
div#startseitecontent div#startseitelinks a:hover{background-image: url(/img/basis/startseite-link_on.png);}

div#bereichstarttext{margin-top: 20px;}
div#bereichstarttext div{float: left; width: 450px; padding-left: 10px;}
div#bereichstartcenter{margin-top: 20px; text-align: center; width: 100%;}

/*###Scrolling Div###*/
.Scroller{background:transparent url(/img/basis/content-inline-shadow-sides.png) repeat-y scroll 0 0; border:medium none; height:262px; margin-top:8px; position:relative; width:918px;;} 
.Scroller.ScrollerSmall{background: #fff url(/img/scrollfenster/bg-scrollbox.png) repeat-x scroll 0 0; border: 1px solid #666; margin-top: 20px; width: 100%;}
.Scroller.ScrollerSmall .Scrollbody, .Scroller.ScrollerSmall .Scrollcontainer{height: 164px; width: 300px;}
.Scroller.ScrollerSmall .scrollobject{height:104px; margin-right:0; padding:45px 20px 15px; width:250px;}
.Scroller.ScrollerSmall p{color: #666;}
.Scrollbody{height:270px; overflow:hidden; position:relative; width: 918px;}  
.Scrollcontainer{background-color:Transparent; height:240px; margin:10px 0 20px 20px; overflow:hidden;}
.Scrollcontainer.Kennzahlen{margin-bottom: 14px;}
.Scrollcontainer.Kennzahlen, Scrollcontainer.Kennzahlen .scrollobject{height: 246px;}
.scrollobject{background-color: transparent; float:left; height:240px; margin-right: 20px; width:880px;}
.scrollobject.last{margin-right: 0; }
.scrollbutton{background-color:transparent; height:42px; position:absolute; top:110px; z-index:99;} 
.ScrollerSmall .scrollbutton{height: 30px;}
.scrollbutton a{display:block; height:100%; margin-top:0; text-decoration:none;}
.scrollbutton.ScrollLeft{left: -17px;}
.scrollbutton.ScrollRight{right:-17px;}
.ScrollerSmall .scrollbutton.ScrollLeft{left: 0;}
.ScrollerSmall .scrollbutton.ScrollRight{right: 0;}

.kundenstimmen{bottom:0; margin-left:63px; position:absolute;}
.textbody{background-color:#FFFFFF; border-color:#555555; border-style:solid; border-width:1px 0; float:left; height:218px; padding:20px 20px 0 25px; position:relative; width:285px;}
.textbody.referenzen{}
.fullheight .textbody{height: 355px; width: 300px;}
.textbody.right{float:right; padding-left:10px; padding-right:10px;}
.fullheight .textbody.right{}
.fullheight .textbody.left{padding-left: 15px; padding-right: 10px;}
.textbody p, .textbody h1{color: #555;}
.transparent p, .transparent h1{color: #fff;}
.imagebody{background-color:#FFFFFF; border-color:#555555; border-style:solid; border-width:1px 0; height:238px; margin-left:348px; width:560px;}
.fullheight .imagebody{height:375px;}
.imagebody.left{ float: left; margin-left: 0;}
.fullheight .imagebody.right{margin-right: 10px; margin-left: 338px;}
*+html .fullheight .imagebody.right{margin-right: 0;}
.fullheight .imagebody.left{}
.imagebody.noimagecontent{height: 235px; padding: 10px; width: 540px;}
.fullheight .imagebody.noimagecontent{height: 355px;}
.textbody.transparent, .imagebody.transparent{background-color: Transparent; border: none;}

#mittechecker{background-color: #ff0; height: 150px; width: 150px; opacity: 0.5; position: absolute; z-index: 999;}

ul#stagecounter{background:transparent url(/img/scrollfenster/counter-schatten-links.png) no-repeat scroll 0 3px; bottom:-5px; display:block; height:35px; padding-left:7px; padding-right:14px; position:absolute; right:0; z-index:99;}
ul#stagecounter li{background-color:transparent; float:left; height:30px; overflow:hidden; width:27px;}
ul#stagecounter li.active, ul#stagecounter li:hover{height: 35px;}
ul#stagecounter li.last{background:transparent url(/img/scrollfenster/counter-schatten-rechts.png) no-repeat scroll right 3px; width:34px;}
/*###Scrolling Div###*/

ul#ueberblick_leistungen{background:transparent url(/img/unsere-leistungen/felder_bereichsstart_leistungen.png) no-repeat scroll 2px 21px; display:block; float:left; height:229px; padding-left:5px; width:896px;}
ul#ueberblick_leistungen li{float:left; height:200px; margin-right:6px; margin-top: 30px; width:122px;}
ul#ueberblick_leistungen li a{display: block; height: 200px; width: 100%;}
ul#ueberblick_leistungen li#beratung{background: transparent url(/img/unsere-leistungen/teaser-beratung.gif) no-repeat scroll 0 0;}
ul#ueberblick_leistungen li#beratung:hover{background-image: url(/img/unsere-leistungen/teaser-beratung_on.gif);}
ul#ueberblick_leistungen li#projektmanagement{background: transparent url(/img/unsere-leistungen/teaser-projektmanagement.gif) no-repeat scroll 0 0;}
ul#ueberblick_leistungen li#projektmanagement:hover{background-image: url(/img/unsere-leistungen/teaser-projektmanagement_on.gif);}
ul#ueberblick_leistungen li#abteilungen{background: transparent url(/img/unsere-leistungen/teaser-abteilungen.gif) no-repeat scroll 0 0;}
ul#ueberblick_leistungen li#abteilungen:hover{background-image: url(/img/unsere-leistungen/teaser-abteilungen_on.gif);}
ul#ueberblick_leistungen li#marketing{background: transparent url(/img/unsere-leistungen/teaser-marketing.gif) no-repeat scroll 0 0;}
ul#ueberblick_leistungen li#marketing:hover{background-image: url(/img/unsere-leistungen/teaser-marketing_on.gif);}
ul#ueberblick_leistungen li#webanbindung{background: transparent url(/img/unsere-leistungen/teaser-webanbindung.gif) no-repeat scroll 0 0;}
ul#ueberblick_leistungen li#webanbindung:hover{background-image: url(/img/unsere-leistungen/teaser-webanbindung_on.gif);}
ul#ueberblick_leistungen li#ecommerce{background: transparent url(/img/unsere-leistungen/teaser-ecommerce.gif) no-repeat scroll 0 0;}
ul#ueberblick_leistungen li#ecommerce:hover{background-image: url(/img/unsere-leistungen/teaser-ecommerce_on.gif);}
ul#ueberblick_leistungen li#hosting{background: transparent url(/img/unsere-leistungen/teaser-hosting.gif) no-repeat scroll 0 0;}
ul#ueberblick_leistungen li#hosting:hover{background-image: url(/img/unsere-leistungen/teaser-hosting_on.gif);}

div.expandable{}
h3.expandablehead{background: transparent url(/img/basis/bg_expandablehead_off.png) no-repeat scroll 0 0; display: block; height: 25px;}
h3.expandablehead.on{background-image: url(/img/basis/bg_expandablehead_on.png);}
h3.expandablehead a{display: block; height: 20px; padding: 5px 0 0 35px; text-decoration: underline; color: #dd4411;}
h3.expandablehead.on a{display: block; padding: 5px 0 0 35px; text-decoration: none;}
div.expandablecontent{overflow-x:hidden; overflow-y:auto; padding:0 15px 5px 35px; margin: 5px 0;}
div.expandablecontent p{margin: 5px 0;}

/*Loading Spinner*/
.spinner {position: absolute; opacity: 1; z-index: 9999; background-color: #fff; width: 960px; height: 431px; left: 152px; top: 120px;}
#loadingspinner{left: 152px; width: 960px}
* html .spinner{filter: alpha(opacity=100);}
*+html .spinner{filter: alpha(opacity=100);}
.spinner-msg {text-align: center; font-weight: bold;}
.spinner-img {background: url(/img/spinner.gif) no-repeat; width: 16px; height: 11px; margin: 0 auto;}
/* /Loading Spinner*/

/* SELECT BOX*/
.selectBox{background:transparent url(/img/basis/select-box-bg.png) no-repeat scroll 0 0; height:393px; padding:0 5px; position:absolute; right:50px; top:50px; width:313px;} 
.selectBoxSmall{background:transparent url(/img/basis/select-box-bg.png) no-repeat scroll -150px -190px; height:13px; padding:0 5px; position:absolute; right:200px; top:240px; width:13px; z-index:100;}
.sbTop{cursor:pointer; height:16px; margin-bottom:13px; text-align:center;}
.sbContent{color:#FFFFFF; font-size:0.688em; height:348px; line-height:2.09em; overflow: hidden;} 
.sbBottom{font-size:5px; cursor: pointer; height:16px; text-align:center;} 
.selectBoxSmall ul{} 
.selectBoxSmall ul li{padding: 0 10px;}
.selectBoxSmall ul li:hover{background-color: #555;}
.selectBoxSmall ul li a{display: block; text-decoration: none;}
/* /SELECT BOX*/


/*Formular*/
#jmmail input, #jmmail textarea, #jmmail select { background-color: #E5E5E5; width: 504px; border: none; color: #666; font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 8px 28px 8px 8px; font-size: 11px; }
#jmmail input.mName { width: 388px; }
#jmmail textarea.mText { height: 195px; }
#jmmail a.mSubmit { display: block; height: 30px; width: 190px; background: url(/img/kontakt/btn_absenden.gif) no-repeat; border: none; text-indent: -9999px; margin: 10px auto; }
#jmmail a.mSubmit:hover { background: url(/img/kontakt/btn_absenden_on.gif) no-repeat; }
#jmmail select.mAnrede { width: 110px; border: 1px solid #E5E5E5; padding: 6px 6px 6px 8px; }
#jmmail div.form_hak { width: 20px; height: 20px; background-color: #E5E5E5; position: absolute; right: 5px; top: 4px;}
div.form_hak.ok { background: #E5E5E5 url(/img/kontakt/verify_okay.gif) no-repeat; }
div.form_hak.err { background: #E5E5E5 url(/img/kontakt/verify_alert.gif) no-repeat; }
div.formrow { margin:5px 0; position: relative; overflow: hidden; }
/* /Formular*/

/* unsere referenzen*/
.referenzbutton{background-image: url(/img/unsere-referenzen/referenzen_layer.gif); display: block; width: 305px; height:30px; float:right; margin-right:20px; text-decoration: none;}
.referenzbutton:hover{background-image: url(/img/unsere-referenzen/referenzen_layer_over_on.gif);}
/* unsere referenzen*/