@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
body{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
html,body{background:#fff}
body{color:#333;font-family:"Droid Sans",sans-serif;font-size:11px;line-height:1.4}
.links a:link,.content a:link,section[role=main]>article a:link{color:#bb3a08;text-decoration:underline}
.links a:visited,.content a:visited,section[role=main]>article a:visited{color:#a72}
.links a:hover,.content a:hover,section[role=main]>article a:hover{color:#f66933;text-decoration:none}
.links a.more,.content a.more,section[role=main]>article a.more{white-space:nowrap}
.links a.more:after,.content a.more:after,section[role=main]>article a.more:after{content:" »"}
.typography strong,.content strong,section[role=main]>article strong,.typography b,.content b,section[role=main]>article b{color:#000;font-weight:bold}
.typography em,.content em,section[role=main]>article em,.typography i,.content i,section[role=main]>article i{font-style:italic}
.typography abbr,.content abbr,section[role=main]>article abbr,.typography acronym,.content acronym,section[role=main]>article acronym{border-bottom:1px dotted #999}
.typography sub,.content sub,section[role=main]>article sub,.typography sup,.content sup,section[role=main]>article sup{font-size:85%}
.typography sub,.content sub,section[role=main]>article sub{vertical-align:sub}
.typography sup,.content sup,section[role=main]>article sup{vertical-align:super}
.typography span.caps,.content span.caps,section[role=main]>article span.caps{font-size:95%}
.typography h1,.content h1,section[role=main]>article h1,.typography h2,.content h2,section[role=main]>article h2,.typography h3,.content h3,section[role=main]>article h3,.typography h4,.content h4,section[role=main]>article h4,.typography h5,.content h5,section[role=main]>article h5,.typography h6,.content h6,section[role=main]>article h6{color:#111;margin:1em 0}
.typography h1,.content h1,section[role=main]>article h1{font-weight:bold;font-size:200%;line-height:1.099;margin:0.75em 0}
.typography h2,.content h2,section[role=main]>article h2{font-weight:bold;font-size:170%;line-height:1.099}
.typography h3,.content h3,section[role=main]>article h3{font-weight:bold;font-size:140%;line-height:1.169;margin:1.25em 0 0.5em}
.typography h4,.content h4,section[role=main]>article h4{font-weight:bold;font-size:110%;line-height:1.26;margin:0.5em 0 0.5em}
.typography h5,.content h5,section[role=main]>article h5{font-style:italic;font-size:110%;line-height:1.4;margin:0.65em 0}
.typography h6,.content h6,section[role=main]>article h6{font-weight:bold;margin-bottom:-0.75em}
.typography p,.content p,section[role=main]>article p{margin:1em 0}
.typography ul,.content ul,section[role=main]>article ul,.typography ol,.content ol,section[role=main]>article ol,.typography dl,.content dl,section[role=main]>article dl{margin-top:1em;margin-bottom:1em}
.typography ul,.content ul,section[role=main]>article ul,.typography ol,.content ol,section[role=main]>article ol,.typography dd,.content dd,section[role=main]>article dd{padding-left:2.25em}
.typography ul,.content ul,section[role=main]>article ul{list-style:disc}
.typography ol,.content ol,section[role=main]>article ol{list-style:decimal}
.typography li,.content li,section[role=main]>article li{margin-top:0.5em;margin-bottom:0.5em}
.typography dt,.content dt,section[role=main]>article dt{margin-top:1em}
.typography dd,.content dd,section[role=main]>article dd{margin-bottom:1em}
.typography code,.content code,section[role=main]>article code,.typography dfn,.content dfn,section[role=main]>article dfn,.typography kbd,.content kbd,section[role=main]>article kbd,.typography samp,.content samp,section[role=main]>article samp,.typography tt,.content tt,section[role=main]>article tt{font-family:Monaco,"Andale Mono","Lucida Console",monospace;font-size:95%;color:#666}
.typography pre,.content pre,section[role=main]>article pre{background:#666;color:#ccc;font-family:Monaco,"Andale Mono","Lucida Console",monospace;font-size:95%;line-height:1.4;margin:1.5em 0;padding:1em;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;-khtml-border-radius:8px;border-radius:8px}
.content .box,section[role=main]>article .box{background:#efeacf;border:1px solid #e2d9a9;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;-khtml-border-radius:8px;border-radius:8px;margin:1.5em -1em;padding:1px 1em}
#background{background:#000 url('../images/skyline.jpg?1329154196') no-repeat center top;padding-top:50px}

#page{width:850px;background:rgba(255,255,255,0.9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FFFFFF,endColorstr=#E5FFFFFF);;margin:auto}
#header{padding:25px 80px 0 80px}
#login{float:right;margin-top:15px}
ul.banner li{margin-top:10px;overflow:visible;height:50px}
ul.banner li.development{background:url('../images/development.png?1330388327') no-repeat 10px 4px}
ul.banner li.design{background:url('../images/design.png?1330388288') no-repeat 10px 4px}
ul.banner li.analysis{background:url('../images/analysis.png?1330388392') no-repeat 10px 4px}
ul.banner li.software{background:url('../images/software.png?1330388401') no-repeat 10px 4px}
ul.banner li.development a,ul.banner li.design a,ul.banner li.analysis a,ul.banner li.software a{padding-left:80px}
a.banner{
	background:url('../images/banner-arrow.png?1330200577') no-repeat right center;
	color:#9c0093;
	font-size:1.1em;
	font-weight:bold;
	line-height:50px;
	padding:15px 35px 15px 20px;
	-webkit-border-radius:8px 8px;
	-moz-border-radius:8px / 8px;
	-o-border-radius:8px / 8px;
	-ms-border-radius:8px / 8px;
	-khtml-border-radius:8px / 8px;
	border-radius:8px / 8px;

	text-decoration:none
}

a.button{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;background:#9c0093 url('../images/arrow.png?1330388353') no-repeat right center;color:white;padding:5px 25px 5px 15px;-webkit-border-radius:8px 8px;-moz-border-radius:8px / 8px;-o-border-radius:8px / 8px;-ms-border-radius:8px / 8px;-khtml-border-radius:8px / 8px;border-radius:8px / 8px;text-decoration:none; font-weight:bold;	
}





#logo{float:left;margin-right:5px}
#logo img{width:100px}
#main-menu{height:20px;padding-top:112px}
#main-menu ul{float:right}
#main-menu li{float:left;margin-left:24px;font-size:1.3em}
#main-menu li a{text-decoration:none;color:#38ba06}
#main-menu li a:hover{text-decoration:underline}
#content{padding:0 60px}
.clear{clear:both}
.hidden{display:none}
.box{background:white;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;border:1px solid #38ba06;-webkit-border-radius:15px 15px;-moz-border-radius:15px / 15px;-o-border-radius:15px / 15px;-ms-border-radius:15px / 15px;-khtml-border-radius:15px / 15px;border-radius:15px / 15px;margin:20px 0;
/*Test border radius für ie
behavior: url(../stylesheets/border-radius.htc)*/}


/*.front.box{background:rgba(255,255,255,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff)}
*/
.front.box{background:rgba(255,255,255,0.5);}

#content-box{position:relative;padding:50px 75px;text-align:justify}
#content-box p{
	margin-bottom:15px;
}
#content-box h1{
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:35px;
	text-align: left;
}
#content-box h2{font-size:1.2em;font-weight:bold;margin-bottom:15px}
#content-box.with-menu{padding-right:280px}
#content-box img{float:left;margin:0 35px 25px 0}
#content-box img.fixed{float:none}
#content-box ul{
	padding-left:15px;
	list-style-type: disc;
	list-style-image: none;
}
#content-box ul.sub-menu-items,#content-box ul.banner{
	padding:0;
	text-align:left;
	list-style-image: none;
	list-style-type: none;
}
#sub-menu{position:absolute;right:45px;width:132px}
#sub-menu ul.sub-menu-items li{padding-bottom:5px;border-bottom:solid 1px #38ba06;margin-bottom:5px}
#sub-menu ul.sub-menu-items li.last{border-bottom:none}
#sub-menu ul.sub-menu-items li a{color:black;text-decoration:none}
#sub-menu ul.sub-menu-items li a.active{color:#38ba06}
#sub-menu ul.sub-menu-items li a:hover{text-decoration:underline}
#slider-box{position:relative;width:730px;height:230px;overflow:hidden}
#slider-box #slider-button-left{position:absolute;left:0;top:85px}
#slider-box #slider-button-right{position:absolute;right:0;top:85px;width:38px;z-index:99}
#slider-area{position:absolute;margin-left:40px;width:650px;height:230px}
#slider-area .slider-content{position:relative;float:left;width:650px;height:230px}
.slider-caption{position:absolute;top:50px;left:60px;width:210px;font-weight:bold;font-size:2em}
.slider-button{position:absolute;bottom:45px;left:60px}
.slider-button a.button{-webkit-border-radius:15px 15px;-moz-border-radius:15px / 15px;-o-border-radius:15px / 15px;-ms-border-radius:15px / 15px;-khtml-border-radius:15px / 15px;border-radius:15px / 15px;font-size:1.3em;line-height:1.5;padding:8px 30px 8px 20px;border:2px solid white;-moz-box-shadow:3px 3px 5px #ccc;-webkit-box-shadow:3px 3px 5px #ccc;-o-box-shadow:3px 3px 5px #ccc;box-shadow:3px 3px 5px #ccc}
.slider-image{position:absolute;top:0;right:35px}
.slider-image-caption{position:absolute;top:170px;right:30px;width:325px}
.slider-image-caption h2{color:#9c0093;font-size:1.1em;font-weight:bold}
.slider-image-caption p.image-caption{font-size:1.1em;font-weight:bold}
.slider-image-caption p.sub-caption{font-size:0.9em;font-weight:bold}
.centered{text-align:center}
.float{float:right;width:150px;clear:both}
.preview{width:165px;height:100px;float:left;margin-right:20px}
.preview .icon{float:left;margin:8px 0 0 10px;width:60px}
.preview .desc{float:left;width:75px;margin:15px 15px 10px 5px;line-height:1}
.preview .action{float:right;clear:both;margin:5px 10px 0 0;font-size:0.9em}
.preview .action a.button{padding:3px 20px 4px 10px}
.last{margin-right:0}
#showroom{padding:10px 0}
#showroom a{color:black;font-size:0.8em;font-weight:bold}
#footer{background:#545454;color:white;margin-top:45px;padding:40px 80px 10px 80px}
#footer .column{float:left;width:120px;margin-right:35px}
#footer .column.last{margin-right:0}
#footer #bottom-menu{font-size:0.9em}
#footer #bottom-menu a{color:white;text-decoration:none;font-weight:bold;line-height:3em}
#footer #bottom-menu a:hover{text-decoration:underline}
#footer #bottom-menu .bottom-menu a{font-weight:normal;line-height:1em;line-height:2em}
#footer #facebook{background-image:url('../images/facebook.png?1329508066');margin-right:10px}
#footer #twitter{background-image:url('../images/twitter.png?1329508032')}
#footer .social-media{background:no-repeat center center;width:28px;height:28px;margin:10px 0 0 0;float:left}
#copyright{text-align:center;font-size:0.7em;margin-top:20px}
form .field{margin-top:10px}
form .field .caption{font-weight:bold}
form span.required{color:red}
header[role=banner]{background:#973b12;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0)), color-stop(80%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.15))),-webkit-gradient(radial, 30% 50px, 0, 30% 50px, 400, color-stop(0%, #973b12), color-stop(100%, #65270c));background-image:-webkit-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.15) 100%),-webkit-radial-gradient(30% 50px, #973b12,#65270c 400px);background-image:-moz-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.15) 100%),-moz-radial-gradient(30% 50px, #973b12,#65270c 400px);background-image:-o-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.15) 100%),-o-radial-gradient(30% 50px, #973b12,#65270c 400px);background-image:-ms-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.15) 100%),-ms-radial-gradient(30% 50px, #973b12,#65270c 400px);background-image:linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.15) 100%),radial-gradient(30% 50px, #973b12,#65270c 400px);padding:20px 15%;position:relative}
header[role=banner] a:link{color:#ead7cf;text-decoration:none}
header[role=banner] a:visited{color:#ead7cf}
header[role=banner] a:hover{color:#fff;text-decoration:underline}
header[role=banner] .action-link{position:absolute;right:15%;top:55px}
header[role=banner] .action-link a{background:rgba(255,255,255,0.1);-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;-khtml-border-radius:8px;border-radius:8px;display:block;padding:0.5em 1em;text-shadow:#4b1d09 0 1px 0}
header[role=banner] .action-link a:after{content:" ⇢"}
section[role=main]{padding:1px 15%}
body>footer{padding:0 15% 20px;font-size:90%;color:gray}
body>footer a:link{color:#333;text-decoration:underline}
body>footer a:visited{color:#333}
body>footer a:hover{color:#333;text-decoration:none}
body>footer p{margin:1em 0}
.anfrage-button{
	position:fixed;
	left:0px;
	top:230px;
	}
	
.inigma-button{
	position:fixed;
	right:25px;
	top:130px;

}
	
.druckerei-button{
	position:fixed;
	right:25px;
	top:240px;