@charset "utf-8";
/* CSS Document */

.QOverlay {
	background-color: #ffffff;
	z-index: 50;
}

.QLoader {
	background-color: #a0a0a0;
	height: 1px;
}

.QAmt {
	color:#a0a0a0;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:40px;
	font-weight:bold;
	line-height:50px;
	height:50px;
	width:100px;
	margin:-60px 0 0 -50px;
}

/*--------------------RESET-------------------*/
/*--------------------------------------------*/

#counter{position:absolute;left:-9999px;line-height:0;font-size:0;}

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

html{height:100%;background:#ffffff;overflow-x:hidden;overflow-y:auto;padding:0 10px;}

body{
	width:100%;
	height:100%;
	font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
}

a{
	text-decoration:none;
}

ul, ol {
	list-style: none;
}

.killfloat{
clear:both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


#borderleft, #borderright, #bordertop{
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:10px;
	background:#4d4d4d;
	z-index:60;
}

#borderright{
	right:0;
	left:inherit;
}

#bordertop{
	height:10px;
	width:100%;
}

#wrapper{
	height: auto;
}

#header{
	width:100%;
	color:#4d4d4d;
	padding:20px 0;
	height:80px;
}

#mainnavi{
		position:absolute;
		text-transform:uppercase;
		font-size:12px;
		top:45px;
		right:0;
		letter-spacing:1px;
}

#mainnavi li{
		display:inline;
}

#mainnavi li a{
	position:relative;
	float:left;
	margin:0 0 0 35px;
	color:#4d4d4d;
}

#mainnavi li a:hover, #mainnavi li a.active{
	position:relative;
	top:-5px;
	left:10px;
	color:#ffffff;
	background:#797979;
	padding:5px 10px;
	margin:0 0 0 15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#mainnavi li a.active{
	background:#EF483B;
}


.container{
    position:relative;
	width:900px;
	margin:0 auto;
}

.container.wide{width:960px;}

												#headline{
													width:100%;
													color:#4d4d4d;
													font-size:42px;
													line-height:48px;
													font-weight:normal;
													margin:40px 0;
													position:relative;
												}
												
												#headline .secondline{
														position:relative;
														font-size:28px;
														top:-10px;
												}
																						
												.secondline a, .thirdline a{
													color:#ff9c00;
												}
												
												.secondline a:hover, .thirdline a:hover{
													color:#EF483B;
													text-decoration:none;
												}
												
												#headline .thirdline{
														position:relative;
														font-size:18px;
														top:-30px;
														color:#c0c0c0;
												}
												
												.highlight{position:relative; display:inline;}
												
												.popupoverlay{
													background:url(../images/transoverlay.png);
													width:330px;
													position:absolute;
													left:-20px;
													top:-20px;
													z-index:3;
													display:none;
													padding:20px;
													-moz-border-radius:10px;
													-webkit-border-radius:10px;
													color:#ffffff;
												}
												
												#popup-medien .popupoverlay{
													width:360px;
												}
												
												
												.append:after {
													content: ".";
													color:#4d4d4d;
												}
												
												.highlight:hover .append:after {
													content: "";
												}
												
												.popupoverlay p{
														font-size:28px;
														line-height:28px;
												}
												
												.popupoverlay ul{
														padding:20px 0 0 0;
														font-size:28px;
												}
												
												.popupoverlay ul li{
														line-height:48px;
												}
												
												.popupoverlay ul li img, .footercontent p img{
													vertical-align:text-top;
												}
												
												.highlight .popupoverlay a{
													color:#ffffff;
												}

												
												.highlight .popupoverlay a:hover{

													color:#ff9c00;
												}
												
												.highlight:hover .popupoverlay{
													display:block;
												}
												
												.highlight a{color:#EF483B}
												
												a.slideleft, a.slideright{
													height:250px;
													width:70px;
													top:0px;
													position:absolute;
													cursor:pointer;
													background:url(../images/slide.png)
												}
												
												a.slideleft{
													display:none;
													left:0;
													background-position:right;
												}
												
												a.slideright{
													right:0;
												}
												
												.segment{
													position:relative;
													width:100%;
													height:250px;
													background:url(../images/line.jpg) 0 140px repeat-x;
													margin-bottom:80px;
												}
												
												.segment .container{
													position:relative;
													overflow:visible;
												}
												
												#referenzen.segment{
														height:auto;
												}
												
												.scroller{
													position:absolute;
													height:250px;
												}
												
												#webdesign .scroller{
													width:3060px;
												
												}
												
												#medien .scroller{
													width:3940px;
												}
												
												#text .scroller{
													width:3060px;
												}
												
												#text .scroller li{
													color:#4d4d4d;
													font-size:12px;
													line-height:16px;
													padding-top:100px;
													text-transform:none;
												}
												
												#text .scroller li a{
													color:#ff9c00;
												}
												
												#text .scroller li a:hover{
													color:#EF483B;
													text-decoration:underline;
												}							
												
												.segment:last-child{
													margin-bottom:0;
												}
												
												.scroller li{
												display:inline;
												position:relative;
												height:250px;
												width:250px;
												float:left;
												margin-right:90px;
												}
												
												#filter{
													overflow:auto;
													padding:10px 0 40px 0;
												}
												
												#filter li{
													display:inline;
												}
												
												#filter li a{
													position:relative;
													float:left;
													color:#4d4d4d;
													font-size:22px;
													line-height:32px;
													margin-right:15px;
													margin-left:5px;
												}
												
												#filter li a:hover, #filter li a.active{
													left:-5px;
													color:#ffffff;
													background:#797979;
													padding:0 5px;
													margin-right:5px;
													-moz-border-radius:5px;
													-webkit-border-radius:5px;
												}

												#filter li a.active{
													background:#EF483B;
												}
												
												#referenzen .scroller li{
														margin-right:75px;
														margin-bottom:50px;
												}
												
												#referenzen .scroller li:nth-child(3n+3){
														margin-right:0;
												}
												
												.scroller li.slidertitle, #text .scroller li.slidertitle{
													margin-right:0;
													width:200px;
													color:#d9d9d9;
													line-height:262px;
													font-size:26px;
													font-weight:normal;
													text-transform:uppercase;
													padding-top:0;
												}
												
												.scroller li.slidertitle a, #text .scroller li.slidertitle a{
													color:#d9d9d9;
												}
												
												.scroller li.slidertitle a:hover, #text .scroller li.slidertitle a:hover{
													color:#4d4d4d;
													text-decoration:none;
												}
												
												.scroller li a{
													display:block;
													height:250px;
													width:250px;
												}
												
												.scroller li a img{
													background:url(../images/loader.gif) center no-repeat;
													color:#ffffff;
												}
												
												.scroller #twitter_update_list a{
													display:inline;
													height:inherit;
													width:inherit;
												}
												
												.scroller li .hoverbox{
													display:none;
													position:absolute;
													top:0;
													left:0;
													height:250px;
													width:250px;
												}
												
												.scroller li:hover .hoverbox{
													display:block;
												}
												
												.scroller li .hoverbox a{
													display:block;
													height:250px;
													width:125px;
													float:left;
													background:url(../images/overlay.png) top right no-repeat;
														text-indent:-9999px;
												}
												
												.scroller li .hoverbox a:hover{
													background:url(../images/overlay.png) -125px -250px;
												}
												
												.scroller li .hoverbox a.imagelink{
													background:url(../images/overlay.png) top left;
												}
												
												.scroller li .hoverbox a.imagelink:hover{
													background:url(../images/overlay.png) 0 -250px;
												}
												
												.scroller li .hoverbox h3, .scroller li .hoverbox h4{
														width:250px;
														position:absolute;
														bottom:25px;
														left:0;
														font-size:28px;
														color:#ffffff;
														text-align:center;
														text-transform:none;
														height:28px;
												}
												
												.scroller li .hoverbox h4{
														top:25px;
														font-size:16px;
														height:16px;
												}
												
												.scroller li.reset, #text .scroller li.reset{
													background:url(../images/reset.png);
													text-indent:-9999px;
													cursor:pointer;
													padding-top:0;
													display:none;
												}



.push{height:10px;}

#footer{
	height:10px;
	width:100%;
	background:#4d4d4d;
	position:fixed;
	bottom:0;
	z-index:60;
}

.footertoggle{
position:absolute;
top:-25px;
right:25px;
width:35px;
height:30px;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
background:#4d4d4d url(../images/slideup.gif) center top no-repeat;
cursor:pointer;
}

.footertoggle.up{
background:#4d4d4d url(../images/slideup.gif) bottom no-repeat;
}

.footercontent{
	height:0;
	background:#4d4d4d;
	width:860px;
	position:absolute;
	bottom:0;
	left:-10px;
	padding:0 20px;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
}

.footercontent p{
	display:block;
	float:left;
	height:180px;
	padding:20px;
	width:246px;
	color:#ffffff;
	font-size:14px;
	line-height:22px;
	font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
}

.footercontent p a{
	position:relative;
	color:#ffffff;
}

.footercontent p a:hover{
	color:#ff9c00;
	top:1px;
}

.footercontent p strong{
	font-size:16px;
}

.footercontent p img{
	margin-right:3px;
}

.footercontent p:last-child img{
	margin-right:2px;
	margin-bottom:8px;
}

#fancybox-loading{position:fixed;top:50%;left:50%;height:40px;width:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none}
* html #fancybox-loading{position:absolute;margin-top:0}
#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url(../images/fancybox/fancybox.png)}
#fancybox-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:#000 url(../images/overlay-logo.jpg) bottom left no-repeat;z-index:1100;display:none}
* html #fancybox-overlay{position:absolute;width:100%}
#fancybox-tmp{border:0;overflow:auto;display:none;margin:0;padding:0}
#fancybox-wrap{position:absolute;top:0;left:0;z-index:1101;display:none;margin:0;padding:20px}
#fancybox-outer{position:relative;width:100%;height:100%;background:#000}
#fancybox-inner{position:absolute;top:0;left:0;width:1px;height:1px;outline:none;overflow:hidden;margin:0;padding:0}
#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}
#fancybox_error{color:#444;font:normal 12px/20px Arial;margin:0;padding:7px}
#fancybox-content{height:auto;width:auto;margin:0;padding:0}
#fancybox-img{width:100%;height:100%;border:none;outline:none;line-height:0;vertical-align:top;-ms-interpolation-mode:bicubic;margin:0;padding:0}
#fancybox-frame{position:relative;width:100%;height:100%;border:none;display:block}
#fancybox-title{position:absolute;bottom:0;left:0;font-family:Arial;font-size:12px;z-index:1102}
.fancybox-title-inside{text-align:center;color:#333;padding:10px 0}
.fancybox-title-outside{padding-top:5px;color:#FFF;text-align:center;font-weight:700}
.fancybox-title-over{color:#FFF;text-align:left}
#fancybox-title-over{background-image:url(../images/fancybox/fancy_title_over.png);display:block;padding:10px}
#fancybox-title-wrap{display:inline-block}
#fancybox-title-wrap span{height:32px;float:left}
#fancybox-title-left{padding-left:15px;background-image:url(../images/fancybox/fancybox.png);background-position:-40px -90px;background-repeat:no-repeat}
#fancybox-title-main{font-weight:700;line-height:29px;background-image:url(../images/fancybox/fancybox-x.png);background-position:0 -40px;color:#FFF}
#fancybox-title-right{padding-left:15px;background-image:url(../images/fancybox/fancybox.png);background-position:-55px -90px;background-repeat:no-repeat}
#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:30%;cursor:pointer;outline:none;background-image:url(../images/fancybox/blank.gif);z-index:1102;display:none}
#fancybox-left{left:-80px}
#fancybox-right{right:-80px}
#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block}
#fancybox-left-ico{background-image:url(../images/fancybox/fancybox.png);background-position:-40px -30px}
#fancybox-right-ico{background-image:url(../images/fancybox/fancybox.png);background-position:-40px -60px}
#fancybox-left:hover,#fancybox-right:hover{visibility:visible}
#fancybox-left:hover span{left:20px}
#fancybox-right:hover span{left:auto;right:20px}
.fancy-bg{position:absolute;border:0;width:20px;height:20px;z-index:1001;display:none;margin:0;padding:0}
#fancy-bg-n{top:-20px;left:0;width:100%;background-image:url(../images/fancybox/fancybox-x.png);display:none}
#fancy-bg-ne{top:-20px;right:-20px;background-image:url(../images/fancybox/fancybox.png);background-position:-40px -162px;display:none}
#fancy-bg-e{top:0;right:-20px;height:100%;background-image:url(../images/fancybox/fancybox-y.png);background-position:-20px 0;display:none}
#fancy-bg-se{bottom:-20px;right:-20px;background-image:url(../images/fancybox/fancybox.png);background-position:-40px -182px;display:none}
#fancy-bg-s{bottom:-20px;left:0;width:100%;background-image:url(../images/fancybox/fancybox-x.png);background-position:0 -20px;display:none}
#fancy-bg-sw{bottom:-20px;left:-20px;background-image:url(../images/fancybox/fancybox.png);background-position:-40px -142px;display:none}
#fancy-bg-w{top:0;left:-20px;height:100%;background-image:url(../images/fancybox/fancybox-y.png);display:none}
#fancy-bg-nw{top:-20px;left:-20px;background-image:url(../images/fancybox/fancybox.png);background-position:-40px -122px;display:none}
#fancybox-loading.fancybox-ie div{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_loading.png',sizingMethod='scale')}
.fancybox-ie #fancybox-title-over{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_over.png',sizingMethod='scale');zoom:1}
.fancybox-ie #fancybox-title-left{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_left.png',sizingMethod='scale')}
.fancybox-ie #fancybox-title-main{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_main.png',sizingMethod='scale')}
.fancybox-ie #fancybox-title-right{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_right.png',sizingMethod='scale')}
.fancybox-ie #fancybox-left-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_left.png',sizingMethod='scale')}
.fancybox-ie #fancybox-right-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_right.png',sizingMethod='scale')}
.fancybox-ie .fancy-bg{background:transparent!important}
.fancybox-ie #fancy-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_n.png',sizingMethod='scale')}
.fancybox-ie #fancy-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_ne.png',sizingMethod='scale')}
.fancybox-ie #fancy-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_e.png',sizingMethod='scale')}
.fancybox-ie #fancy-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_se.png',sizingMethod='scale')}
.fancybox-ie #fancy-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_s.png',sizingMethod='scale')}
.fancybox-ie #fancy-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_sw.png',sizingMethod='scale')}
.fancybox-ie #fancy-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_w.png',sizingMethod='scale')}
.fancybox-ie #fancy-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_nw.png',sizingMethod='scale')}

dl.imprint-business,
dl.imprint-address {
	margin-bottom:20px;
}

dl.imprint-business dt,
dl.imprint-address dt {
   display:block;
   width:25%;
   float:left;
}

dl.address dt {
	display:block;
   width:25%;
   float:left;
}

dl.imprint-business dd,
dl.imprint-address dd,
dl.address dd {
   clear:right;
}