/* font */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800);
body, h1, h2, h3, h4, h5, h6, b, em, strong { 
	font-family:'Open Sans',sans-serif;
	font-weight:800;
	}
p, div, a, li, input, textarea { 
	font-family:'Open Sans',sans-serif;
	font-weight:400;
	}
body, div, p, li, input, textarea, select, h1, h2, h3 {
	font-size:1em;
	line-height:150%;
	}
.smallsize, .aside, #contact .td, #imprint .td, #sitemap .td, .printstyle #tools, #print p {
	font-size:0.75em;
	line-height:100%;
	}
#nav em, .article h2, .article h3, #print div {
	font-size:2em;
	line-height:100%;
	}

/* html5 */

header, nav, section, aside, main, article, figure, figcaption, footer {
	display:block;
	}

/* contactform */

.contactbody {
	background-color:rgb(0,0,0);
	background-position:top;
	background-size:100% auto;
	background-repeat:no-repeat;
	background-image:url(city.jpg);
	padding-top:50%;
	height:auto;
	}
.contactbox {
	overflow:hidden;
	font-weight:bold;
	text-align:center;
	color:rgb(255,255,255);
	}
.contactbox a {
	font-weight:bold;
	}
.contactbox a:link, .contactbox a:visited {
	color:rgb(230,30,20);
	}
.contactbox a:hover, .contactbox a:active, .contactbox a:focus {
	color:rgb(255,255,255);
	}

/* page */

* {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin:0;
	padding:0;
	}
html, body {
	width:100%;
	height:100%;
	}
body {
	unicode-bidi:bidi-override;
	direction:ltr;
	}
ul, li {
	list-style-type:none;
	}
em, address {
	font-style:normal;
	}
a {
	display:inline-block;
	border-style:none;
	border-width:0;
	transition:all 150ms linear;
	}
a img {
	border-style:none;
	border-width:0;
	}
.clear {
	font-size:0;
	height:0;
	overflow:hidden;
	visibility:hidden;
	clear:both;
	}
.tb {
	width:100%;
	}
.td {
	padding-right:1em;
	}
  @media (max-width:750px) {
  	#contact .tb, #contact .tr, #contact .td {
      display:block;
    }
  }
.td:last-child {
	padding-right:0;
	}
.hidden, h1, #header h2, #tools strong, .logo h2, #footer h2, #home h2, legend, label {
	position:absolute;
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	left:-9999em;
	font-size:0;
	line-height:0;
	}
form {
	padding-top:0.5em;
	width:100%;
	height:auto;
	overflow:hidden;
	}
  @media (max-width:750px) {
  	form {
      padding-top:2em;
    }
  }
fieldset {
	border-style:none;
	border-width:0;
	}
input, textarea {
	margin-bottom:0.25em;
	margin-right:0.5em;
	padding-top:0.2;
	padding-right:0.25em;
	padding-bottom:0.1;
	padding-left:0.5em;
	border-style:solid;
	border-width:1px;
	border-color:rgb(255,255,255);
	background-color:rgb(0,0,0);
	color:rgb(255,255,255);
	border-radius:0.25em;
	}
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus {
	border-color:rgb(230,30,20);
	}
textarea {
	height:6.8em;
	}
input.senden {
	margin:0;
	border-color:rgb(255,255,255);
	background-color:rgb(0,0,0);
	color:(230,30,20);
	cursor:pointer;
	}
input.senden:hover, input.senden:active, input.senden:focus {
	background-color:rgb(230,30,20);
	color:(255,255,255);
	}

/*image */

#container {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	}
#lightning {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url(lightning.png);
	background-repeat:no-repeat;
	background-position:right top;
	background-size: auto 100%;
	z-index:300;
	}
	.noscript #lightning {
		display:none;
	}

/* header */

#header {
	width:100%;
	}
#tools {
	display:block;
	right:2em;
	top:0;
	z-index:400;
	}
#tools ul {
	display:block;
	margin-top:calc(-100% - 13em);
	transition:margin 800ms linear;
	}
#tools:hover ul, #tools:active ul, #tools:focus ul {
	margin-top:0;
	}
#tools ul ul {
	position:static;
	margin-top:0;
	}
#tools ul ul ul {
	display:block;
	}
#tools li li {
	padding-top:1em;
	padding-right:1em;
	padding-left:1em;
	}
#tools li li li {
	padding-top:0;
	padding-right:0;
	padding-left:0;
	}
#tools .access, #tools .social {
	background-color:rgb(0,0,0);
	}
#tools .access {
	padding-top:1em;
	}
#tools .social {
	border-bottom-left-radius:0.25em;
	border-bottom-right-radius:0.25em;
	}
#tools .social li {
	display:inline-block;
	}
#tools  .social a {
	padding-right:0;
	}
#tools .social img {
	width:2.5em;
	height:auto;
	margin-top:0.5em;
	margin-right:1em;
	margin-bottom:1em;
	background-color:rgb(255,255,255);
	}
#tools .social img:hover, #tools .social img:active, #tools .social img:focus {
	background-color:rgb(230,30,20);
	}
#tools .tools {
	text-align:right;
	height:4em;
	cursor:pointer;
	}
#tools .tools span {
	display:inline-block;
	margin-top:2em;
	border-style:solid;
	border-width:2em;
	border-color:transparent;
	border-top-color:rgb(255,255,255);
	transition:all 150ms linear;
	}
#tools:hover .tools span, #tools:active .tools span, #tools:focus .tools span {
	border-top-color:rgb(230,30,20);
	}
#tools h3 {
	color:rgb(230,30,20);
	}
#nav {
	top:0;
	left:0;
	width:auto;
	height:100%;
	z-index:500;
	}
#nav div {
	height:100%;
	transition:margin 400ms linear;
	}
#nav div:hover, #nav div:active, #nav div:focus {
	margin-left:0;
	}
#nav dt, #nav dd {
	vertical-align:top;
	}
#nav dt ul {
	background-color:rgb(0,0,0);
	border-bottom-right-radius:0.25em;
	}
#nav dt ul {
	padding-bottom:2em;
	}
#nav dt li {
	padding-top:0;
	padding-right:3em;
	padding-left:2em;
	list-style-type:square;
	list-style-position:inside;
	}
#nav dt li:first-child {
	list-style-type:none;
	}
#nav dt li.cur {
	color:rgb(255,255,255);
	}
#nav dt a {
	text-transform:uppercase;
	}
#nav dt li.cur a {
	color:rgb(230,30,20);
	cursor:text;
	}
#nav dd li {
	padding-top:2em;
	padding-right:1em;
	}
#nav em {
	position:relative;
	top:-0.125em;
	left:0.5em;
	color:rgb(255,255,255);
	text-shadow:0px 0px 3px rgba(0,0,0,0.75);
	}
#nav dd strong {
	display:inline-block;
	margin-left:2em;
	width:2em;
	height:2em;
	}
#nav span {
	display:block;
	height:23%;
	margin-bottom:14%;
	background-color:rgb(255,255,255);
	box-shadow:0px 0px 3px 0px rgba(0,0,0,0.75);
	transition:all 150ms linear;
	}
#nav ul:hover span, #nav ul:active span, #nav ul:focus span {
	background-color:rgb(230,30,20);
	}

/* main */

#main {
	display:block;
	position:relative;
	width:100%;
	}
#main .active {
	z-index:110;
	}
.logo img {
	width:100%;
	height:auto;
	}
.article h2 {
	color:rgb(230,30,20);
	}
.article p {
	padding-bottom:0.5em;
	}
.article ul, .article li {
	list-style-type:square;
	list-style-position:outside;
	color:rgb(230,30,20);
	}
.article ul {
	padding-left:1em;
	}
.aside {
	width:20%;
	padding-right:2em;
	}
.aside h2, .aside span, .aside a {
	padding-left:1em;
	padding-right:1em;
	}
.aside h2 {
	color:rgb(0,0,0);
	background-color:rgb(255,255,255);
	border-top-left-radius:0.25em;
	border-top-right-radius:0.25em;
	}
.aside div {
	border-style:solid;
	border-top-style:none;
	border-width:1px;
	border-color:rgb(255,255,255);
	border-bottom-left-radius:0.25em;
	border-bottom-right-radius:0.25em;
	}
.aside span, .aside a {
	display:block;
	padding-top:1em;
	padding-bottom:1em;
	}
.aside strong {
	display:block;
	padding-bottom:0.375em;
	}
#company, #service, #competence, #advice, #team, #galery, #contact, #imprint, #sitemap {
	width:100%;
	z-index:100;
	}
#company:target, #service:target, #competence:target, #advice:target, #team:target, #galery:target, #contact:target, #imprint:target, #sitemap:target {
	display:block;
	}
#home {
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:rgb(0,0,0);
	opacity:1;
	}
#sitemap .td:first-child {
	padding-right:4em;
	}
#sitemap .article h2, #sitemap .article h3 {
	padding-bottom:0.5em;
	}

/* footer */

#footer {
	bottom:0;
	height:auto;
	width:100%;
	padding-top:0.5em;
	padding-bottom:0.4em;
	background-color:rgb(230,30,20);
	z-index:200;
	transition:all 400ms linear;
	}
#footer h3 {
	white-space:nowrap;
	}
#footer .break {
	display:block;
	}
#footer a {
	display:block;
	}
#footer a:link, #footer a:visited {
	color:rgb(255,255,255);
	}
#footer a:hover, #footer a:active, #footer a:focus {
	color:rgb(0,0,0);
	}
#address, #data {
	vertical-align:bottom;
	}
#address {
	padding-left:2em;
	}

/* bilder */

#galery .article img, #team .article img {
	height:auto;
	margin-top:0.5em;
	margin-right:1em;
	border-style:solid;
	border-width:1px;
	border-radius:0.25em;
	border-color:rgb(255,255,255);
	filter:grayscale(1);
	opacity:0.75;
	}
#galery .article img:hover, #galery .article img:active, #galery .article img:focus, #team .article img:hover, #team .article img:active, #team .article img:focus {
	filter:grayscale(0);
	opacity:1;
	}

/* lightbox */

body:after {
	content:url(close.png) url(loading.gif) url(prev.png) url(next.png);
	display:none;
	}
body.lb-disable-scrolling {
	overflow:hidden;
	}
.lightboxOverlay {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	background-color:black;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity:0.8;
	display:none;
	}
.lightbox {
	position:absolute;
	left:0;
	width:100%;
	z-index:10000;
	text-align:center;
	line-height:0;
	font-weight:normal;
	}
.lightbox .lb-image {
	display:block;
	height:auto;
	max-width:inherit;
	max-height:none;
	border-radius:0.25em;
	border:1px solid white;
	}
.lightbox a img {
	border:none;
	}
.lb-outerContainer {
	position:relative;
	*zoom:1;
	width:250px;
	height:250px;
	margin:0 auto;
	border-radius:0.25em;
	background-color:white;
	}
.lb-outerContainer:after {
	content:"";
	display:table;
	clear:both;
	}
.lb-loader {
	position:absolute;
	top:43%;
	left:0;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
	}
.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(loading.gif) no-repeat;
	}
.lb-nav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
	}
.lb-container > .nav {
	left:0;
	}
.lb-nav a {
	outline:none;
	background-image:url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
	}
.lb-prev, .lb-next {
	height:100%;
	cursor:pointer;
	display:block;
	}
.lb-nav a.lb-prev {
	width:34%;
	left:0;
	float:left;
	background: url(prev.png) left 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	-webkit-transition:opacity 0.6s;
	-moz-transition:opacity 0.6s;
	-o-transition:opacity 0.6s;
	transition:opacity 0.6s;
	}
.lb-nav a.lb-prev:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
	}
.lb-nav a.lb-next {
	width:64%;
	right:0;
	float:right;
	background:url(next.png) right 48% no-repeat;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	-webkit-transition:opacity 0.6s;
	-moz-transition:opacity 0.6s;
	-o-transition:opacity 0.6s;
	transition:opacity 0.6s;
	}
.lb-nav a.lb-next:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
	}
.lb-dataContainer {
	margin:0 auto;
	padding-top:5px;
	*zoom:1;
	width:100%;
	-moz-border-radius-bottomleft:0.25em;
	-webkit-border-bottom-left-radius:0.25em;
	border-bottom-left-radius:0.25em;
	-moz-border-radius-bottomright:0.25em;
	-webkit-border-bottom-right-radius:0.25em;
	border-bottom-right-radius:0.25em;
	}
.lb-dataContainer:after {
	content:"";
	display:table;
	clear:both;
	}
.lb-data {
	padding:0 4px;
	color:#ccc;
	}
.lb-data .lb-details {
	width:85%;
	float:left;
	text-align:left;
	line-height:1.1em;
	}
.lb-data .lb-caption {
	font-size:13px;
	font-weight:bold;
	line-height:1em;
	}
.lb-data .lb-caption a {
	color:#4ae;
	}
.lb-data .lb-number {
	display:block;
	clear:left;
	padding-bottom:1em;
	font-size:12px;
	color:#999999;
	}
.lb-data .lb-close {
	display:block;
	float:right;
	width:30px;
	height:30px;
	background: url(close.png) top right no-repeat;
	text-align:right;
	outline:none;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity:0.7;
	-webkit-transition:opacity 0.2s;
	-moz-transition:opacity 0.2s;
	-o-transition:opacity 0.2s;
	transition:opacity 0.2s;
	}
.lb-data .lb-close:hover {
	cursor:pointer;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
	}