@charset "utf-8";

 		#besonders {
	width: 300px;
	height: 100px;
	background: url('orbit/loading.html') no-repeat center center;
	overflow: hidden;
}
	  		#besonders img,  
	  		#besonders div { display: none; }
a.button{
background:url(../images/faq.png) no-repeat;
display:block;
color:#555555;
font-weight:bold;
height:30px;
line-height:29px;
margin-bottom:0px;
text-decoration:none;
width:200px;
}
a.button2{
background:url(../images/sup.png) no-repeat;
display:block;
color:#555555;
font-weight:bold;
height:30px;
line-height:29px;
margin-bottom:0px;
text-decoration:none;
width:200px;
}
a:hover.button{
color:#0066CC;
}
.mitte-text-1 ul li{
	display:block;
	list-style:none;
	margin:0px;
	padding:4px;
}
.add{
background:url(../images/event.png) no-repeat 7px 3px;
text-indent:10px;
display:block;
}

.sup{
background:url(../images/supporticon.png) no-repeat 7px 3px;
text-indent:10px;
display:block;
}


#menue{width:100%; height:130px;float:left; padding:0px 0 0 10px; text-align: center;}

#menue ul{
	margin:0;
	padding:0;
}

#menue li{
	width:186px;
	height:50px;
	float:left;
	color:#191919;
	text-align:center;
	overflow:hidden;
}

#menue a{
	color:#FFF;
	text-decoration:none;
}

#menue p{
	padding:0px 5px;
}

#menue .subtext{
		padding-top:15px;
	}
#menue .org{ }
#menue .org a{ color:#FF6600;}
/*Menu Color Classes*/
#menue .green{
	background-color: #6AA63B;
	background-image: url(../menue/green-item-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#menue .yellow{background:#FBC700 url('../menue/yellow-item-bg.jpg') top left repeat-x;}
#menue .red{background:#D52100 url('../menue/red-item-bg.jpg') top left repeat-x;}
#menue .purple{background:#5122B4 url('../menue/purple-item-bg.jpg') top left repeat-x;}
#menue .blue{background:#0292C0 url('../menue/blue-item-bg.jpg') top left repeat-x;}












/* CSS Document */
body{
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	font-size:11px;
}

h1{font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#2a2e2e; font-weight:normal; margin:0px; padding:0px;}
h2{font-family:"Museo 500", "Museo 300", Arial; font-size:18px; color:#deebeb; font-weight:normal; margin:0px; padding:5px 0 10px 0;}
h3{font-family:"Museo 500", "Museo 300", Arial, Helvetica, sans-serif; font-size:24px; color:#2b2b2b; font-weight:normal; margin:0px; padding:15px 0 10px 0; }
h4{font-family:Calibri, arial; font-size:24px; color:#2b2b2b; font-weight:normal; margin:0px;}

.span-ext{color:#00a7cb;}

.fl{float:left;}
.fr{float:right;}
.inhalt{width:100%; margin:0px; padding:0px;}

/*kopf*/

.kopf{width:100%; margin:0px; float:left; padding:0px;}
.leiste{width:100%; float:left; height:25px;  background:url(../images/verlauf_red.jpg) no-repeat; background-color: #801910; }
.leiste-oben{
	width:950px;
	margin:0px auto;
	color:#fff;
	text-align:right;
	padding-top: 4px;
}
.leiste-oben a{color:#fff;text-decoration:none;}
.leiste-oben a:hover{color:#9a9a9a;}
.kopf-main{width:950px; margin:0px auto; padding:0px;}
.gcom-logo{width:230px; float:left; padding:33px 0 0 30px;}
.kopf-rechts{width:448px; float:right; padding:15px 12px 0 0;}
.hdr-input{width:221px; float:right; background:url(../images/input-search.png) no-repeat; border:0px; height:22px; padding:2px;}
.menue-leiste-oben{width:600px; float:right; padding:13px 0 18px 0;}

 
/*mitte*/

.mitte{width:100%; margin:0px; float:left; background:url(../images/bokeh-rot.jpg) repeat-x; padding:0px 0 25px 0;}
.mittesub{width:100%; margin:0px; float:left; background:url(../../../images/bokeh-rot.jpg) repeat-x; padding:0px 0 25px 0;}

.mitte-main{
	width:950px;
	height:130px;
	margin:0px auto;
	padding:4px;
}
.mitte-mitte{width:950px; float:left;  padding:15px 0px ;}
.mitte-slider-left-text{width:464px; float:left;}
#mitte-links-frame {
	
	width: 900px;
	height: 400px;
}

.clear {clear:both;}

.mid-bilder{width:100px; padding:0 0 0 45px;float:center;}
.mitte-text-1{
	width:260px;
	padding:0px 0 20px 0px;
	text-align: left;
}
.mitte-text-11{width:220px; padding:0px 0 20px 10px; text-align: left;}
.dussel-text{width:159px; padding:0px 0 30px 10px; text-align: left;}
.mitte-text-12{width:179px; padding:10px 30px 0 0px; float:right;}
.mitte-text-1 ul{ margin:0px; padding:0px;}
.mitte-text-1 ul li{
	display:block;
	list-style:none;
	margin:0px;
	padding:4px;
}
.mitte-text-1 ul li a{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
	color:#696e6e;
	padding:0 0 0 21px;
	line-height:18px;
	text-align: left;
	background-image: url(../images/brief.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
}
.mitte-text-1 ul li a:hover{color:#000000;}
.mitte-text-1 ul li span{font-family:Arial, Helvetica, sans-serif; text-decoration:none; vertical-align:top; line-height:30px; font-size:18px; color:#2a2e2e;}
.mid-service-go{width:53px; float:right; background:url(../images/go.png); margin:42px 0 0 0; padding:22px 0 0 19px; height:42px;}
.mid-service-go:hover{ float:right; background:url(../images/gohover.png);}
.mid-service-go a{ font-size:18px; color:#FFFFFF; text-decoration:none; font-weight:bold; }
.mid-service-go a:hover{color:#000; text-decoration:none;}
.mid-service-blank{width:18px; float:left; height:120px;}

.mid-f-box{width:930px; float:left; padding:10px 0 20px 00px;}
.mid-b-main{width:920px; height:164px; float:left;}
.recent{width:250px; float:left;}
.fresh{width:250px; float:left; font-family:Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#616161; padding:12px 0 0 0;}
.readmore{width:200px; float:left; margin:15px 0 0 0;}

/* Easy Slider */

.mid-slider-left{width:945px; height:145px; float:center; background:url(../images/slider1-bg.png) no-repeat;  } 
#screen2{ position:relative; width:945px; margin:0px 70px;}
#screen2 #buttons{ width:915px; float:left; position:absolute; left:-50px; top:50px;}
#screen2 #buttons a{margin:0px;}
#screen2 .prev{ float:left;	}
#screen2 .next{	float:right; right:-30px;}
#slideshow{	overflow:hidden; width:945px; margin:0px; padding:13px 0 0 0;}
#slideshow ul{ width:2900px; margin:0px; padding:0px; display:block;}
#slideshow li{ list-style:none; margin:0px; padding:0px; float:left; cursor:pointer;}
#slideshow img{ padding:0px 15px 0 0px; float:left; cursor:pointer;}

/* Button Css  */
.button-new{float: left;margin: 0px;padding: 0 10px 0 0;}
.button-new i{background: url(../images/b-left.png) top left no-repeat;	float: left;	margin: 0px;	padding: 0 0 0 4px;	height: 30px;	border: none;}
.button-new i:hover{	background:url(../images/b-left-hover.png) top left no-repeat; margin:0px;}
.button-new input{ background: url(../images/b-rignt.png) top right no-repeat;	float: left; font-family:Arial, Helvetica, sans-serif;	font-size: 12px; font-weight: normal; color: #010101; cursor: pointer; border: none; margin:0px; padding:5px 9px 8px 5px; *padding:5px 2px 6px 0px; line-height:20px; text-shadow: #fff 1px 1px 1px;}
.button-new input:hover{ background:url(../images/b-rignt-hover.png)top right no-repeat;}
/*mitte-search-part*/
.mid-search-box{width:950px; float:left; background:url(../images/search-bg.png) repeat-x; }
.mid-search-text{width:865px; float:left;}
.mid-search-left{width:533px; float:left; padding:17px 0 0 17px; font-size:14px; color:#525252;}
.mid-search-right{width:315px; float:right; padding:10px 0 0 0;}
.mid-seachr-input{width:203px; float:left; padding:0 0 0 10px; height:26px; background:url(../images/searchinput.png) no-repeat; margin:3px 15px 0 0px; border:0px; color:#2b2b2b;} 
/*about-us-page*/
.mitte-links{width:620px; padding:10px 5px 15px 10px; margin:15px 2px 0px 0px; float:left; background:url(../images/ser-bg.png) no-repeat;}
.mitte-links-geb{width:620px; padding:10px 5px 15px 10px; margin:15px 2px 0px 0px; float:left; background:url(../images/finbg/gebraucht.png) no-repeat;}

.pitney{
	width:620px; padding:10px 5px 15px 10px; margin:15px 2px 0px 0px; float:left; background:url(/produkte/frankiersysteme/pitney/falz-kuvertiermaschinen/bgbg.png) no-repeat;
	
}

#geraet{
	font-size: 18px;
	padding-top:10px;
	
}
.mitte-links-edv{width:620px; padding:10px 5px 15px 10px; margin:15px 2px 0px 0px; float:left; background:url(../bgs/edv.png) no-repeat;}



.mid-abt-standort{width:630px; padding:0 0 0 0px; margin:15px 0 0 0px; float:left; background:url(../images/ser-bg.png) no-repeat;}

.mid-abt-text1{ margin-left:20px; width:310px; color:#2b2b2b; text-align:justify; font-size:10px; line-height:17px; float:left;}

.mid-abt-text5{ margin-left:20px; width:610px; color:#2b2b2b; text-align:justify; font-size:10px; line-height:17px; float:left;}

.mid-abt-textvoll{
	width:570px;
	color:#2b2b2b;
	text-align:justify;
	font-size:12px;
	margin-left: 20px;
	line-height:17px;
	float:left;
}

.mid-abt-textvoll-klein{
	width:570px;
	color:#2b2b2b;
	text-align:justify;
	font-size:12px;
	margin-left: 20px;
	line-height:17px;
	float:left;
}

.mid-abt-text_logo{ margin-left:20px; padding-top:10px; width:610px; color:#2b2b2b; text-align:justify; font-size:10px; margin-right:-20px;line-height:17px; float:left;}

.mid-abt-text2{ width:290px; color:#2b2b2b; text-align:justify; font-size:10px; line-height:17px; float:right;}

.mid-abt-text3{ width:430px; color:#2b2b2b; text-align:justify; font-size:10px; line-height:17px; }
.mid-abt-text span{color:#279694; font-weight:bold;}
.service{width:950px; float:left; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; height:48px; margin:35px 0 0 0;}
.services-left{width:194px; float:left; color:#6a6a6a; text-align:center; padding:8px 0 0 0 ;}
.servicesaerrow{width:23px; float:left; padding-top:11px;}
.ser-web-des a{width:127px; float:left; background:url(../images/web-design.png) no-repeat; height:17px; cursor:pointer; margin:15px 22px 0 5px;}
.ser-web-des a:hover{width:127px; float:left; background:url(../images/web-design-hover.jpg) no-repeat; height:17px;}
.ser-web-dev a{width:197px; float:left; background:url(../images/development.jpg) no-repeat; height:18px; cursor:pointer; margin:15px 22px 0 5px;}
.ser-web-dev a:hover{width:197px; float:left; background:url(../images/development-hover.jpg) no-repeat; height:18px;}
.ser-web-graphic a{width:91px; float:left; background:url(../images/graphic.jpg) no-repeat; height:17px; cursor:pointer; margin:15px 22px 0 5px;}
.ser-web-graphic a:hover{width:91px; float:left; background:url(../images/graphic-hover.jpg) no-repeat; height:17px;}
.ser-web-multi a{width:131px; float:left; background:url(../images/multimedia.jpg) no-repeat; height:17px; cursor:pointer; margin:15px 22px 0 5px;}
.ser-web-multi a:hover{width:131px; float:left; background:url(../images/multimedia-hover.jpg) no-repeat; height:17px;}
/*about-right-part*/
.mitte-abs-rechts{width:230px; float:right;}
.seitenbox{
	width:270px;
	float:right;
	background:url(../images/bgs.png) no-repeat;
	margin:14px 0 0 0px;
	padding:8px 0 0px 18px;
	height: 125px;
}

.dussel{width:270px; float:right; background:url(../images/dussel.jpg) no-repeat; margin:15px 0 0 0; padding:15px 0 18px 20px;}


.koeln{width:270px; float:right; background:url(../images/koeln.jpg) no-repeat; margin:15px 0 0 0; padding:15px 0 18px 20px;}


.wuppertal{width:270px; float:right; background:url(../images/wuppertal.jpg) no-repeat; margin:15px 0 0 0; padding:15px 0 18px 20px;}


.mitte-abs-textbox{width:270px; float:right; background:url(../images/web-bg-2.jpg) no-repeat; margin:15px 0 0 0; padding:15px 0 18px 20px;}
.mid-abt-project-box{width:270px; float:right; background:url(../images/recent-bg.jpg) no-repeat; color:#696e6e; margin:15px 0 0 0; padding:10px 0 18px 20px; line-height:21px;}
.mid-abt-project-box span{font-size:21px; color:#2a2e2e; line-height:30px;}
.seitenslider{
	width:270px;
	float:right;
	height:188px;
	background:url(../images/fixel.png) no-repeat;
	margin:10px 0 20px 0;
	padding:10px;
}
/*contact-us-page*/
.contact-email{font-weight:bold; text-decoration:none; color:#2b2b2b;}
.contact-quick-bg{width:550px; float:left; background:url(../images/quck-bg.png) no-repeat; height:165px;  padding:20px; margin:30px 0 0 0;}
.contact-input-box{width:226px; float:left; margin:15px 15px 0 0;}
.contact-main-box{width:241px; float:left;}

.contact-input{ width:213px; padding:0 5px; border:none; background:url(../images/cont-input.png) no-repeat; height:26px;}
.contact-text-area-box{width:303px; float:left; margin:15px 0px 0 0;}
.contact-area{ width:293px; padding:0 5px; border:none; background:url(../images/textarea.png) no-repeat; height:77px;}

/*portfolio-page*/
.portfolio-text{width:360px; float:left;}
.portfolio-button{ width:230px; float:right;padding:15px 0 0 0px;}
.portfolio-box{width:165px; float:left; margin:25px 18px 10px 18px;}
.port-img-bg{width:162px; float:left; background:url(../images/portfolio-img-bg.png) no-repeat; height:113px; padding:3px 0; text-align:center; margin-left: 30px;}

.bilder-intext{width:162px; float:left; background:url(../images/portfolio-img-bg.png) no-repeat; height:113px; padding:3px 0; text-align:center; margin-left: 10px;}

.bilder-intext{width:162px; float:left; background:url(../images/portfolio-img-bg.png) no-repeat; height:113px; padding:3px 0; text-align:center; margin-left: 10px;}

.bild-erstes{width:162px; float:left; background:url(../images/portfolio-img-bg.png) no-repeat; height:113px; padding:3px 0; text-align:center; margin-left: 0px;}

.geschaeft{width:162px; float:left; background:url(../images/portfolio-img-bg.png) no-repeat; height:113px; padding:3px 0; text-align:center; margin-left: 0px;}


.standort{width:287px; float:left; background:url(../images/dussel.jpg) no-repeat; height:144px; padding:3px 0; text-align:Center; margin-left: 0px;}

.port-img-bg-stand{width:455px; float:left;  no-repeat; height:450px; padding-left: 80px; text-align:center; margin-left: 0px;}

.port-text{width:158px; float:left; color:#2b2b2b; font-weight:bold; padding:0 0 0 5px;}
.port-text a{ text-decoration:none; color:#2b2b2b; font-weight:normal;}
.port-text a:hover{ text-decoration:none; color:#000000;}

/*services-page*/
.service-main{ width:950px; float:left; background:url(../images/ser-bg.png) no-repeat; margin:15px 0 0 0;}
.ser-bg{width:895px; margin:0px auto; padding:22px 0 0 0; }
.servieces-text{width:895px; float:left; font-size:24px; color:#2b2b2b; border-bottom:1px solid #dadada; font-family:"Museo 500", "Museo 300", Arial;}
.ser-web-bg{width:895px; float:left; margin:15px 0 18px 0; height:123px; background:url(../images/ser-web-bg.png) no-repeat;}
.services-img-box{width:130px; float:left; text-align:center; padding:10px;}
.srv-box{width:330px; float:left; padding:30px 0 0 0; }
.service-go{width:53px; float:right; background:url(../images/go.png); margin:49px 0 0 0; padding:32px 0 0 29px; height:42px;}
.service-go:hover{ float:right; background:url(../images/gohover.png);}
.service-go a{ font-size:24px; color:#FFFFFF; text-decoration:none; font-weight:bold;}
.service-go a:hover{color:#000; text-decoration:none;}

/*slider*/
.slider-main-box{width:880px; float:left; background:url(../images/slid-bg-blue.png) no-repeat; height:378px; padding:0 35px;}
.slider-left-part{width:430px; float:left;}
.slider-right-part{width:450px; float:right;}
.slide-text{width:400px; float:left; font-family:"Museo 500", "Museo 300", Arial; color:#FFFFFF; font-size:36px;}
.slide-text span{font-family:"Museo 500", "Museo 300", Arial; font-size:48px;}

/*fussnote*/
.fussnote{width:100%; float:left; margin:0px; background:#2b2b2b; padding:0px;}
.fussnote-main{width:920px; margin:0px auto; padding:20px 15px 0px 15px; height:220px;}
.fussnote-link{width:185px;  float:left;}
.fussnote-link ul{ margin:0px; padding:0px;}
.fussnote-link ul li{display:block; list-style:none; margin:0px; padding:0px; border-bottom:1px solid #464646;}
.fussnote-link li a{font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px;   color:#8f9b9b;line-height:30px;}
.fussnote-link li a:hover{color:#fff;}
.fussnote-link ul li span{font-family:"Museo 500", "Museo 300", Arial; font-size:18px; border:none; text-decoration:none; vertical-align:top; line-height:30px;  color:#deebeb;}
.fussnote-sonstiges{width:270px; float:left; padding-left:43px; color:#e1e1e1; line-height:17px}
.fussnote-sonstiges span{color:#01a2c6; line-height:17px}
.kontakt-fussnote{width:206px; float:left; color:#e1e1e1; line-height:17px}

.kontakt-fussnote{width:206px; float:left; color:#e1e1e1; line-height:17px}
.kontakt-fussnote-bilder{width:200px; padding:15px 0 0 0 ; float:left;}
.kontakt-fussnote-bilder span{ padding-right:0px; text-decoration:none;}
.kontakt-fussnote span{color:#c4d0d0;}
.kontakt-fussnote a{text-decoration:none; color:#01a2c6;}
.kontakt-fussnote a:hover{text-decoration:none; color:#e1e1e1;}
.facebook a{width:48px; float:left; background:url(../images/facebook.png) no-repeat; height:33px; cursor:pointer;}
.facebook a:hover{width:48px; float:left; background:urlser-web-des(../images/facebook-hover.png) no-repeat; height:33px;}
.twitter a{width:35px; padding-left:20px; float:left; background:url(../images/twitter.png) no-repeat; height:33px; cursor:pointer;}
.twitter a:hover{width:35px; float:left; background:url(../images/twitter-hover.png) no-repeat; height:33px;}
.in a{width:35px; float:left; background:url(../images/in.png) no-repeat; height:33px; cursor:pointer;}
.in a:hover{width:35px; float:left; background:url(../images/in-hover.png) no-repeat; height:33px;}

/*mitte-slider*/


#inhalt{width:950px; float:left; margin:0px; padding:0px;}
#inhalt #content-top-home{width:950px; float:left; margin:0px; padding:0px;}
#inhalt #content-top-home .slideshow{width:950px; height:350px; float: left; }
#inhalt #content-top-home .slideshow #sli{width:950px; height:350px; float: left;background:url(../images/i-pad-bg.png)top no-repeat;}
#inhalt #content-top-home .slideshow #sli2{width:950px; height:350px; float:left; background:url(../images/i-phone-bg.png)top no-repeat;}
#inhalt #content-top-home .slideshow #sli3{width:950px; height:350px; float: left;background:url(../images/i-phone-blackbg.png)top no-repeat;}
#inhalt #content-top-home .slideshow #sli .description{	width:434px; float: left; margin-left:0px;	padding:20px 0 0 30px;}
#inhalt #content-top-home .slideshow #sli .description h1{	float:left;	display:block; margin:35px 0px 0px 0px;}
#inhalt #content-top-home .slideshow #sli .description h1.ev-web{width:464px; color:#fff; font-family:"Museo 500", "Museo 300", Arial; font-size:36px; }
#inhalt #content-top-home .slideshow #sli .description h2.nev-web{	width:464px; color:#fff; font-family:"Museo 500", "Museo 300", Arial; font-size:48px; }
#inhalt #content-top-home .slideshow #sli .description a.readmore {float:left;	height:56px; width: 202px; display: block; margin-top: 25px;
	margin-left: 0px;}
#inhalt #content-top-home .slideshow #sli .description #navslide a#prev2 {	float:left;	display: block;}
#inhalt #content-top-home .slideshow #sli .description #navslide a#next2 {	float:left;	display: block;}
#inhalt #content-top-home .slideshow #sli .description p{width:280px; margin:0px; font-size:13px; font-style:normal;
color:#FFF; float:left; line-height:21px; display: block; padding:0px; top:-5px; position:relative;}
#inhalt #content-top-home .slideshow #sli #rightcolumn{	width:486px; float:right ; margin:0px ;	}	
#inhalt #content-top-home .slideshow #sli #rightcolumn #besonders-screens {float:right; width:486px;}	
#inhalt #content-top-home .slideshow #sli #rightcolumn #besonders-screens #slideshow-right{width:456px; padding:0px 30px 0px 0;}
#inhalt #content-top-home .slideshow #sli #rightcolumn #besonders-screens #slideshow-right img{float:right;}

/*stop-slider*/







#example {
	width:600px;
	height:350px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides inhalt
	Important:
	Set the width of your slides inhalt
	Set to display none, prevents content flash
*/

.slides_inhalt {
	width:570px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_inhalt a {
	width:570px;
	height:270px;
	display:block;
}

.slides_inhalt a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}