/* ------<<<< Global */
* {
	margin:0;
	padding:0;
}

img {
	display: block;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #EAEAEA;
	border-right-color: #EAEAEA;
	border-bottom-color: #EAEAEA;
	border-left-color: #EAEAEA;
}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:75%;
	background: #fff;
	color:#333333;
}

.clear {
	width:100%;
	font-size: 1px;
	line-height: 1px;
	height:1px;
	clear:both;
}

div>.clear {height:2px;}
div>.cleary {height:15px;  border-top: 1px solid #E8E8E8; }
div>.clearme {height:25px;}
div>.clearx {height:15px; }


a {
	color: #069;
}

a:HOVER {
	color:#06f;
}

#wrap {
	margin:0 auto;
	width:780px;
	background: #fff;
	border:1px solid #F0E7E7;
	border-width:0 1px;
}
/* --------------------- >>>> Global*/


/* ====================================================================== <<<< Top Menu */
#topmenu { background-image: url(images/topmenuBG.gif); height:35px; padding:0 0 0 10px; }
#topmenu ul { float:left;  list-style-type:none; }
#topmenu ul li { float:left; margin:0 14px 0 0; }
#topmenu ul li a { display:block; text-indent: -9000px; width:57px; height:35px; text-decoration:none; }

#topmenu #mi1 a { background: url(images/BHome.gif) no-repeat; width:57px; }
#topmenu #mi2 a { background: url(images/BBranchen.gif) no-repeat; width: 73px; }
#topmenu #mi3 a { background: url(images/BDienstleistungen.gif) no-repeat; width:73px; }
#topmenu #mi4 a { background: url(images/BTechnologien.gif) no-repeat; width: 91px; }
#topmenu #mi5 a { background: url(images/BReferenzauszug.gif) no-repeat; width:106px; }
#topmenu #mi6 a { background: url(images/BMedia.gif) no-repeat; width: 56px }
#topmenu #mi7 a { background: url(images/BKontakt.gif) no-repeat; width: 66px; }

#topmenu #mi1 a:HOVER, #topmenu #mi2 a:HOVER, #topmenu #mi3 a:HOVER, #topmenu #mi4 a:HOVER, #topmenu #mi5 a:HOVER, #topmenu #mi6 a:HOVER, #topmenu #mi6a a:HOVER, #topmenu #mi7 a:HOVER { background-position:0 -35px; }
#topmenu #mi1 a.on, #topmenu #mi2 a.on, #topmenu #mi3 a.on, #topmenu #mi4 a.on, #topmenu #mi5 a.on, #topmenu #mi6 a.on, #topmenu #mi6a a.on, #topmenu #mi7 a.on { background-position:0 -35px;   }

#version3 { float:right; }
/* ====================================================================== >>>> Top Menu */


/* ====================================================================== <<<< Header */
#header { height:95px; 	background: url(images/BannerTop.jpg) no-repeat; }
#logo { float:left; width:300px; }
#hometop { float:right; width:366px; }
#logo a { margin:32px 0 0 0; display:block; text-indent: -9000px; width:221px; height:30px; text-decoration:none; background: url(logo01.gif); }
#logo a.logo1 { background: url(logo1.gif);  }
#logo a.logo2 { background: url(logo2.gif);  }
#logo a.logo3 { background: url(logo3.gif);  }
#logo a:HOVER { background-position:0 -30px; }
#logo em { font-size:0.9em; font-style: normal; padding:0 0 0 63px; color:#A9ABAE ;}

#backto { float:right; margin:12px 23px; }
#backto:HOVER { background: #fff; }
.backDesServ { background: #BAE50F; }
.backPort { background: #0066FF; }
/* ====================================================================== >>>> Header */


/* ====================================================================== <<<< center Frame */
#homepanels { background: url(images/homepanelBG.gif) repeat-x; padding:10px 0 50px 10px; }
.panel { width:253px; float:left; margin:0 1px 0 0; }
.panelEnd { border-top:3px solid #000;  background: url(images/greyshadow.gif) repeat-x; padding:5px;  }
.panelTab { display:block; text-indent: -9000px; width:253px; height:60px; text-decoration:none; border-bottom:1px solid #fff; }
.panelPic {	display:block; border:2px solid #DCDEDF; }
.panelPic img { border:2px solid #FFF; }
.panelPic:HOVER {	border: 2px solid #A9ABAE; }

#pan01 { background: url(images/TabBranchen.gif) no-repeat; }
#pan02 { background: url(images/TabServices.gif) no-repeat; }
#pan03 { background: url(images/TabTechnologien.gif) no-repeat; }
#pan01:HOVER, #pan02:HOVER, #pan03:HOVER  { background-position:0 -60px; }

#homeend { padding:10px;  }
#homeendLeft { float:left; width:507px; }
#homeendLeft p { padding:0 20px 10px 0; line-height:1.4em; }

#homeendRight { float:left; width:253px; }
#homeendRight ul { margin:0 0 0 5px; list-style:none; }
#homeendRight ul li { background: url(images/newDesServ.gif) no-repeat; padding:5px 2px 11px 35px; }
#homeendRight ul li.port { background: url(images/newFront.gif) no-repeat; }
#homeendRight ul li.blog { background: url(images/newBlog.gif) no-repeat; }

#homeendRight ul li a { color: #60646A; text-decoration:none; }
#homeendRight ul li a:HOVER { color: #333; }
#flash { text-align: center; }
/* ====================================================================== >>>> center Frame */


/* ====================================================================== <<<< left menu */

/* ====================================================================== >>>> left menu */


/* ====================================================================== <<<< middle */
#middle { padding:15px; }

h1 { font-size:2em; margin:0 0 10px 0; color:#31347A;  }
h2 { font-size: 2em; margin:0 0 10px 0; color: #0253A2; font-weight:normal;}
h3 { font-size:1.1em;  color:#31347A; }
h4 { font-size:1.5em; color: #0055A5; }
h5 {font-size:2em; margin:0 0 10px 0; color: #019392;font-weight:normal;}
#middle h5 { font-size:1.1em; margin:0 0 10px 0; color:#666699; }
#middle h6 { font-size:1em; margin:0 0 10px 0; color:#666699; }

#lColPortfolio { float:left; width:450px; }
#rColPortfolio { float:right; width:240px; margin:50px 0 0 0;}

#lColTech { float:left; width: 348px;  padding-right: 25px;  border-right: 1px solid #E8E8E8;   }
#rColTech { float:right; width:342px;  }

#lColTek { float:left; width: 250px;  padding-right: 25px;  border-right: 1px solid #E8E8E8;   }
#rColTek { float:right; width:460px;  }

.screenshot { border:2px solid #DCDEDF; display:block; float:left; } 
.screenshot img { border:2px solid #fff; }
.screenshotEnd { background: url(images/greyshadow.gif) repeat-x;  width:442px; clear:both;height: 10px;   }

.techshot { border:2px solid #DCDEDF; display: block; float: right; } 
.techshotEnd { background: url(images/greyshadow.gif) repeat-x; height: 10px; width:342px; clear: both;  }
.techshot img { border:2px solid #fff; }
.rtechshotEnd { background: url(images/greyshadow.gif) repeat-x; width:342px; clear: both; height: 10px;   }
.tekshotEnd { background: url(images/greyshadow.gif) repeat-x;  width:253px; clear: both;  height: 10px;   }

#rColPortfolio a { text-decoration: none; }

#launch { display:block; text-indent: -9000px; width:240px; height:25px; margin:0 0 20px 0; text-decoration:none;  background: url(images/launchButton.gif);   }
#launch:HOVER { background-position:0 -25px; }

#contact { display:block; text-indent: -9000px; width:240px; height:25px; margin:0 0 20px 0; text-decoration:none;  background: url(images/contactButton.gif);   }
#contact:HOVER { background-position:0 -25px; }

#commentBlog { display:block; text-indent: -9000px; width:240px; height:25px; margin:20px 0 0 0; text-decoration:none;  background: url(images/commentButton.gif);   }
#commentBlog:HOVER { background-position:0 -25px; }

/* services */
.serviceThumb { float:left;  }

.serviceThumbPic { display:block; border:2px solid #DCDEDF; margin:0 15px 0 0; }
.serviceThumbPic img { border:2px solid #FFF; }
.serviceThumbPic:HOVER {	border:2px solid #A9ABAE; }

.serviceText { float:left; width:500px; }
.teknoText { float:left; width:450px; }
.RefDescr { float:left; width:20px; }
.messText { float: none; width:420px;  margin: 13px;  }
.serviceThumbEnd { background: url(images/greyshadow.gif) repeat-x; height: 10px;  width:202px; }
/* services */

/* portfolio */
.mediaclear { height:10px; margin:10px 0;}
.portitem { float:left;  width:202px; margin:0 40px 0px 0; }
.mediaitem { float:left;  width:220px; margin:0 35px 0px 0; }
.mediaitemright { float:left;  width:220px; margin:0 0px 0px 0; }
.descript { float: right;  width:400px; margin:0 0px 0px 0; }
#middle .portitem p { padding:0 0 5px 0; }
.end { margin:0 0 10px 0; }
.portitemThumbPic { display:block; border:2px solid #DCDEDF; }
.portitemThumbPic img { border:2px solid #FFF; }
.portitemThumbPic:HOVER {	border:2px solid #A9ABAE; }

.portitemText h3 { margin:0; padding:0; }
.referclean { margin:0; padding:0;  background-attachment: fixed;  background-position: right;  background: url(images/cleanico.png) right;  background-repeat: no-repeat;}
.refercleancoat { margin:0; padding:0;  background-attachment: fixed;  background-position: right;  background: url(images/cleancoatico.png) right;  background-repeat: no-repeat;}

.refercoat { margin:0; padding:0;  background-attachment: fixed;  background-position: right;  background: url(images/coatico.png) right;  background-repeat: no-repeat;}
.refervid { margin:0; padding:0;  background-attachment: fixed;  background-position: bottom;  background: url(images/camico.png) right;  background-repeat: no-repeat;}
.refercoatvid { margin:0; padding:0;  background-attachment: fixed;  background-position: bottom;  background: url(images/coatvideoico.png) right;  background-repeat: no-repeat;}
.refercleanvid { margin:0; padding:0;  background-attachment: fixed;  background-position: bottom;  background: url(images/cleanvideoico.png) right;  background-repeat: no-repeat;}
.mediaThumbEnd { background: url(images/greyshadow.gif) repeat-x; height:15px; width:220px; margin:0; }
.portitemThumbEnd { background: url(images/greyshadow.gif) repeat-x; height:15px; width:202px; margin:0; }
.portclear { height:10px; margin:10px 0; border-top:1px dotted #0066FF; }
/* portfolio */

#infowrap { position: relative; height:202px; background: url(moreImages.gif) no-repeat 100% 100%; }
.info_more { position: absolute; visibility: hidden; }


#middle p { padding:0 0 15px 0; line-height:1.6em; }
#middle p.portintro { padding:0 0 10px 0; }

#rColPortfolio p { line-height:22px; background: url(images/dottedBg.gif); padding:0 4px; margin:0 0 20px 0; font-size:0.9em; color:#60646A; }
#rColPortfolio h4 { line-height:22px; background: url(images/dottedBg.gif); padding:0 4px; margin:0; font-size:1em; color:#60646A; }

#middle #intro { background:#f6fbea; border:1px solid #DCDEDF; padding:5px 10px;  font-size:1.1em; width:420px; margin:0 0 10px 0; }
#middle #intro em { background:#F9F6F6; color:#333; font-weight: bold; }

#middle acronym, #middle abbr { border-bottom:1px dotted #666699; }
#middle em, #homeend em { font-style: normal; background-color: #F0FFF0; color:#333; }

#middle ul { margin:0 0 10px 18px; }
#middle ul li ul { margin:6px 0 14px 18px; }
#middle ul li { margin:0 0 6px 0;  }
#lColPortfolio ul li { list-style-image: url(images/bullet.gif); }

#middle ol { margin:0 0 10px 25px; }
#middle ol li { margin:0 0 4px 0; }

#middle ul.numberTabs { margin:0; padding:0; list-style:none;  float:left; }
#lColPortfolio ul.numberTabs li { margin:0; padding:0;  list-style-image: url(images/trans.gif);   }
#moreImages img { float:left; }
#middle ul.numberTabs li a { display:block; width:21px; height:26px; line-height:26px; text-align:center; text-decoration:none; color:#60646A; background: url(numberTabs.gif) no-repeat 0 -26px;   }
#middle ul.numberTabs li a:hover { background-position: 0 -52px; color:#A9ABAE;  }
#middle ul.numberTabs li a.on { background-position: 0 0;   }
#middle ul.numberTabs li a.on:hover { background-position: 0 0;  color:#A9ABAE;  }

#middle .rhsUl { margin:0; }
#middle .rhsUl li { background: url(images/rhsLiBg.gif) no-repeat; list-style:none;  line-height:23px; margin:0; padding:0 4px 0 18px; }
#middle .rhsOl li { background: url(images/rhsOlLiBg.gif) no-repeat; line-height:23px; font-size:0.9em; margin:0; padding:0 4px 0 0; }
#middle .DesServUl li { background: url(images/rhsDesServLiBg.gif) no-repeat;  }
#middle .PortUl li { background: url(images/rhsPortLiBg.gif) no-repeat;  }

#middle dl { margin:0 0 25px 0; }
#middle dt { font-weight: bold; font-size:1.2em; }
#middle dd { margin:0 0 10px 0; }

#middle blockquote { margin:0 0 10px 0; padding:10px 20px; border-left:2px solid #DEDEDE; }

#middle .ext { background: url(ext.gif) no-repeat 0 2px; padding:0 0 0 16px;  }
#middle .ext:HOVER { background-image: url(extR.gif); }


#middle .button { background: #000 url(images/buttonBg.gif) repeat-x; color:#fff; border:0; padding:4px 5px 3px;  font-size: 0.78em; }
#middle .buttonsForce input { background: #000 url(images/buttonBg.gif) repeat-x; color:#fff; border:0; padding:3px 2px 2px; margin:0 1px 2px 0; /*font-size: 0.78em;*/ }

#middle .button:focus { color:#DCDEDF; border:0; padding:5px 5px 2px;  }


#middle .npad { padding:0; }
#middle .padb10 { padding:0 0 10px 0; }
#middle .nmar { padding:0; }


#middle .button { background: #000 url(images/buttonBg.gif) repeat-x; color:#fff; border:0; padding:4px 5px 3px;  font-size: 0.78em; }
#middle .buttonsForce input { background: #000 url(images/buttonBg.gif) repeat-x; color:#fff; border:0; padding:3px 2px 2px; margin:0 1px 2px 0; /*font-size: 0.78em;*/ }

#middle .button:focus { color:#DCDEDF; border:0; padding:5px 5px 2px;  }


#middle .npad { padding:0; }
#middle .padb10 { padding:0 0 10px 0; }
#middle .nmar { padding:0; }
#contactform #conformsub {
	MARGIN: 0px 0px 10px 120px
}
#contactform {
	margin-top:0.75em;
	margin-bottom:1em;
	background: url(images/contactBg.gif);
  	}
#contactform table {
  color:#444;
  }
#contactform th {
  text-transform:lowercase;
  }
.msgbody {
  margin:1em 0 0;
  border-top:1px dotted #ccb;
  padding-top:.5em;
  }
/* ====================================================================== >>>> middle */

/* ====================================================================== <<<< footer */
#footer { background: url(images/footerBg.gif) repeat-x;  margin: 10px 6px; height:74px; }
#fLeft {	float:left; width: 333px; font-size:0.9em; padding: 10px; }
#fLeft p { padding:0 0 5px 0; }
#fLeft strong { font-size:1.1em;  }
#fRight { float:right; width: 223px; font-size:0.9em; text-align:right; padding:10px;}
#footer a {	color:#60646A; }
#footer a:hover {	color:#000; text-decoration:none; }
/* ====================================================================== >>>> footer */