/* CSS Document */
body{background-color:#cacaca; color:#3b3b3b; padding:0; margin:0; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
div, ul, li, h1, h2, h3, h4, p, img{margin:0px; padding:0px;}
ul{list-style-type:none;}
/* TOP PANEL */
#header_container{ height:280px; position:relative; padding:0; background-image:url(images_web/headerback.png); background-repeat:repeat-x; background-position:50% top; margin: 0 auto; }
#header{ width:778px; height:264px; position:relative; margin: 0 auto; padding: 0; }
#header h1{ width:778px; height:51px; font-family:Verdana, Helvetica, sans-serif; font-size:13px; font-weight:bold; color: #3b3b3b; background-image: url(images_web/bannertools.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position:absolute; top:76px; padding: 137px 0 0 0; }
#header h2{ width:778px; height:51px; font-family:Verdana, Helvetica, sans-serif; font-size:13px; font-weight:bold; color: #3b3b3b; background-image: url(images_web/bannerboxes.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position:absolute; top:76px; padding: 137px 0 0 0; }
#header h3{ width:778px; height:51px; font-family:Verdana, Helvetica, sans-serif; font-size:13px; font-weight:bold; color: #3b3b3b; background-image: url(images_web/bannercomputers.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position:absolute; top:76px; padding: 137px 0 0 0; }
#header h4{ width:778px; height:51px; font-family:Verdana, Helvetica, sans-serif; font-size:13px; font-weight:bold; color: #3b3b3b; background-image: url(images_web/bannercontact.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position:absolute; top:76px; padding: 137px 0 0 0; }
/* BODY TOP PANEL */
#bodytopPan{width:602px; position:relative; margin:0 auto; padding:15px 88px 0; clear:both;}
#bodytopPan h2{ width:550px; height:68px; display:block; background:#cacaca; color:#00539b; font: 28px/68px Verdana, Helvetica, sans-serif;}
#bodytopPan p span{background:#cacaca; color:#aa2e23;}
#bodytopPan a:link{background:#cacaca; color:#00539b; text-decoration: underline;}
#bodytopPan a:hover{background:#cacaca; color:#00539b; text-decoration: underline;}
#bodytopPan a:visited{background:#cacaca; color:#00539b; text-decoration: underline;}
#bodytopPan ul{ position: relative; width: 690px; float:left; }
#bodytopPan ul li span { color: #aa2e23; }
.ullichregel{ background-image: url(images_web/fotochregel.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: left; height: 150px; margin: 0; padding: 0 0 0 120px; border-width: 0; display: block; }
.ullimarc{ background-image: url(images_web/fotomarc.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: left; height: 150px; margin: 0; padding: 0 0 0 120px; border-width: 0; display: block; }
.ulliconni{ background-image: url(images_web/fotoconni.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: left; height: 150px; margin: 0; padding: 0 0 0 120px; border-width: 0; display: block; }
.ullidani{ background-image: url(images_web/fotodani.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: left; height: 150px; margin: 0; padding: 0 0 0 120px; border-width: 0; display: block; }
.ullikabel{ background: white url(images_web/logokabel.png) no-repeat 5px 5px; text-align: left; height: 43px; margin: 0 0 10px; padding: 7px 0 0 180px; border-width: 0; display: block; }
.ulliadobe { background: white url(images_web/logoadobe.png) no-repeat 5px 5px; text-align: left; display: block; margin: 0 0 10px; padding: 7px 0 0 180px; height: 43px; border-width: 0; }
.ulliheiniger{ background: white url(images_web/logoheiniger.png) no-repeat 5px 5px; text-align: left; height: 43px; margin: 0 0 10px; padding: 7px 0 0 180px; border-width: 0; display: block; }
.ullipublicis{ background: white url(images_web/logopublicis.png) no-repeat 0 5px; text-align: left; height: 43px; margin: 0 0 10px; padding: 7px 0 0 180px; border-width: 0; display: block; }
.ullisf{ background: white url(images_web/logosf.png) no-repeat 5px 5px; text-align: left; height: 43px; margin: 0 0 10px; padding: 7px 0 0 180px; border-width: 0; display: block; }
.ullisdv{ background: white url(images_web/logosdv.png) no-repeat 5px 5px; text-align: left; height: 43px; margin: 0; padding: 7px 0 0 180px; border-width: 0; display: block; }
/* BODY BOTTOM PANEL */
#bodybottomPan{width:690px; position:relative; margin:0 auto; padding:50px 0 0 88px; clear:both;}
/* EXTRASERVICE PANEL */
#extraservicePan{width:188px; height:163px; background:#cacaca url(images_web/extraservicepanelback.png) no-repeat 0 100%; float:left; margin:0 28px 0 0; color:white; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
#extraservicePan h2{ width:188px; height:40px; background:#cacaca url(images_web/extraservicepaneltop.png) no-repeat; color:#fff; font:20px/20px Verdana, Arial, Helvetica, sans-serif; text-align: center; padding: 30px 0 0 0; }
#extraservicePan p{padding:10px 0 0 24px; line-height:17px;}
#extraservicePan p.view{width:66px; height:18px; padding:10px 0 0 24px;}
#extraservicePan p.view a{ width:66px; height:18px; display:block; color:#fff; font:bold 12px/18px Verdana, Arial, Helvetica, sans-serif; background-image: url(images_web/extraserviceweiternormal.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align:center; text-decoration:none; }
#extraservicePan p.view a:hover{ color:#fff; background-image: url(images_web/extraserviceweiterhover.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-decoration:none; }
/* BASISANGEBOT PANEL */
#basisangebotPan{width:188px; height:163px; background:#cacaca url(images_web/basisangebotpanelback.png) no-repeat 0 100%; color:#fff; float:left; margin:0 28px 0 0; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
#basisangebotPan h2{ width:188px; height:40px; background:#cacaca url(images_web/basisangebotpaneltop.png) no-repeat; color:#fff; font:20px/20px Verdana, Arial, Helvetica, sans-serif; text-align: center; padding: 30px 0 0 0; }
#basisangebotPan p{padding:10px 0 0 24px; line-height:17px;}
#basisangebotPan p.view{width:66px; height:18px; padding:10px 0 0 24px;}
#basisangebotPan p.view a{ width:66px; height:18px; display:block; color:#fff; font:bold 12px/18px Verdana, Arial, Helvetica, sans-serif; background-image: url(images_web/basisangebotweiternormal.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align:center; text-decoration:none; }
#basisangebotPan p.view a:hover{ color:#fff; background-image: url(images_web/basisangebotweiterhover.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-decoration:none; }
/* ENGAGEMENT PANEL */
#engagementPan{width:188px; height:163px; background:#cacaca url(images_web/engagementpanelback.png) no-repeat 0 100%; color:#fff; float:left; margin:0 28px 0 0; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
#engagementPan h2{ width:188px; height:40px; background:#cacaca url(images_web/engagementpaneltop.png) no-repeat; color:#fff; font:20px/20px Verdana, Arial, Helvetica, sans-serif; text-align: center; padding: 30px 0 0 0; }
#engagementPan p{padding:10px 0 0 24px; line-height:17px;}
#engagementPan p.view{width:66px; height:18px; padding:10px 0 0 24px;}
#engagementPan p.view a{ width:66px; height:18px; display:block; color:#fff; font:bold 12px/18px Verdana, Arial, Helvetica, sans-serif; background-image: url(images_web/engagementweiternormal.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align:center; text-decoration:none; }
#engagementPan p.view a:hover{ color:#fff; background-image: url(images_web/engagementweiterhover.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-decoration:none; }
/* BOTTOM PANEL */
#bottomPan{ background-image: url(images_web/bottomback.png); background-repeat: repeat-x; background-position:50% top; position: relative; height: 170px; clear: both; margin:0 auto; padding: 30px 0 0 0; }
#bottomMainPan{width:778px; position:relative; margin:0 auto; padding:50px 0 0;}
#bottomBorderPan{background-color: transparent; background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; width:778px; float:left;}
#bottomBorderPan h2{ width:164px; height:40px; position:absolute; top:28px; left:111px; display:block; background:white; color:#0c0c0c; font:20px/35px Verdana, Helvetica, sans-serif; }
#bottomBorderPan h3{ width:164px; height:40px; position:absolute; top:28px; left:327px; display:block; background:white; color:#0c0c0c; font: 20px/35px Verdana, Helvetica, sans-serif; }
#bottomBorderPan h4{ width:164px; height:40px; position:absolute; top:28px; left:543px; display:block; background:white; color:#0c0c0c; font: 20px/35px Verdana, Helvetica, sans-serif; }
#bottomBorderPan ul{ position: relative; left: 113px; width: 216px; float:left; padding: 25px 0 0 0; }
#bottomBorderPan ul li{width:200px; height:20px; margin:0 10px 0 0;}
#bottomBorderPan ul li a{width:200px; height:22px; display:block; background:white url(images_web/arrownormal.png) no-repeat 0 8px; color:#3d3c2c; font:14px/22px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 16px;}
#bottomBorderPan ul li a:hover{background-image: url(images_web/arrowhover.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 8px; text-decoration:none;}