/*==================================================
    => html   
==================================================*/
html[xmlns^="http"] {
	overflow-y: scroll;
	overflow-x:hidden
}
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
strong, h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
ul {
	list-style-type: none;
}
body {
	overflow:hidden;
}
/*==================================================
    => typo   
==================================================*/
a {
	text-decoration: none;
	color: #3494B9;
	-webkit-transition: color 0.15s linear;
	-moz-transition: color 0.15s linear;
	-o-transition: color 0.15s linear;
	transition: color 0.15s linear;
}
a:hover, a:active, a:focus {
	color: #144A5E;
}
#all_tabs a[target='_blank'] {
	padding-right:20px;
	background-image:url(../images/standard/link_external.png);
	background-repeat:no-repeat;
	background-position:center right;
}
br {
	margin: 0;
	padding: 0;
}
p {
	padding-bottom:15px;
}
hr {
	height:1px;
	background:#fdfdfd;
	margin-bottom:20px;
	border:none;
}
/*==================================================
    => table   
==================================================*/
table {
	border-collapse: collapse;
}
td, th {
	vertical-align: top;
}
/*==================================================
    => clearblock   
==================================================*/
.clearblock:after {
	content: ".";
	visibility: hidden;
	display: block;
	font-size: 0;
	clear: both;
	height: 0;
	line-height: 0;
}
.clearblock {
	display: inline-block;
}
.clearblock {
	display: block;
}
html[xmlns] .clearblock {
	display: block;
}
* html .clearblock {
	height: 1%;
}
.clear {
	clear: both;
	font-size: .000001em;
	line-height: .00000001em;
}
.hidden {
	display:none;
}
/*==================================================
    => mark   
==================================================*/
::-moz-selection {
background: #3494B9;
color: #fff;
}
::selection {
	background: #3494B9;
	color: #fff;
}
/*==================================================
    => noscript   
==================================================*/
noscript p {
	position:absolute;
	width:100%;
	height:25px;
	line-height:40px;
	top:0;
	left:0;
	font-size:11px;
	color:#666;
	text-indent:25px;
	border-bottom:solid 1px #999;
	z-index:99;
	text-align:center;
	background:#fff;
}
noscript strong {
	padding-left:20px;
	background:url(../images/cms/icon-cancel.png) no-repeat 0 center;
	font-weight:bold;
}
/*==================================================
    => standards   
==================================================*/
#address {
	display: none;
}
#anfahrt iframe {
	border: 1px solid #999;
}
.pdf {
	background-image: url(../images/standard/pdf.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	position: relative;
	z-index: 100;
	display:inline-block;
}
.nopadding {
	padding: 0!important;
}
.nomargin {
	margin: 0!important;
}
.noborder {
	border: none!important;
}
/*==================================================
    => impressum   
==================================================*/
table.firmendaten .desc {
	width:40%;
	vertical-align: top;
}
table.firmendaten td {
	border-bottom:1px solid #D8D8D8;
	padding:7px 0;
}
td.noborder {
	border-bottom:medium none !important;
	padding:7px 0;
}
table.firmendaten {
	float:left;
	margin-bottom:50px;
	width: 100%;
}
/*==================================================
    => aufbau   
==================================================*/
body {
	margin: 0;
	background: #333;
	font-size: 100%;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:23px;
}
#tabrow_1 {
	width: 100%;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}
.tabs {
	display: none;
}
.tabs, #tabrow_1 {
	height: 100%;
	width: 100%;
	position: absolute;
}
#tab_1, #tab_2, #tab_3, #tab_4, #tab_5, #tab_6, #tab_7, #tabrow_1 {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
#tabrow_1 #tab_1 { background: url(../images/bg1.jpg) no-repeat center center fixed; left: 0; display: block;}
#tabrow_1 #tab_2 { background: url(../images/bg7.jpg) no-repeat center center fixed; }
#tabrow_1 #tab_3 { background: url(../images/bg6.jpg) no-repeat center center fixed; }
#tabrow_1 #tab_4 { background: url(../images/bg6.jpg) no-repeat center center fixed; }

header {
	width:100%;
	height:35px;
	background-color: #152933;
	border-bottom:1px solid rgba(255,255,255,0.9);
}
#nav {
	width:800px;
	height:35px;
	position: relative;
	margin:0 auto;
}
#nav ul {
	float:right;
}
#nav ul li {
	float:left;
	display:inline;
}
#nav ul li a {
	float:left;
	display:block;
	padding:6px 12px;
	background-color: #152933;
	color:#fff;
-webkit-transition: all 1.2s ease; 
-moz-transition: all 1.2s ease; 
-o-transition: all 1.2s ease; 
transition: all 1.2s ease; 
}
#nav ul li a:hover {
	background-color:#0FEDF2;
}
.branding {
	position: absolute;
	top:0px;
	left:0px;
	z-index: 500;
}
.button {
	z-index: 997;
}
.active_tab .button {
	opacity: 0.5;
}
.toright, .toleft {
	width: 150px;
	height: 100%;
	position: absolute;
	opacity: 0.5;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.toright {
	right: 0px;
	background: url(../images/toright.png) no-repeat 0px center;
}
.toleft {
	left: 0px;
	background: url(../images/toleft.png) no-repeat 0px center;
}
.toright:hover, .toleft:hover {
	opacity: 1;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.tab_frame {
	position:absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
h2 {
	font-size:24px;
	margin-bottom:15px;
}
.tab_content {
	margin:0 auto;
	height:auto;
	margin-top:100px;
	position:relative;
	text-shadow:1px 1px 1px #fff;
	color:rgba(0,0,0,0.6);
}
#tab_1 .tab_content, #tab_2 .tab_content, #tab_3 .tab_content, #tab_4 .tab_content, #tab_5 .tab_content {
	width:800px;
	margin: 0 auto;
	padding-top:100px;
}
.tab_content img.branding {
	position:absolute;
	top:1px;
	left:1px;
}
div.column {
	width:380px;
	float:left;
}
#tab_2 div.column {
	background-color:rgba(255,255,255,0.8); 
	width:382px;
	}

div.skillz { float: left; width:370px; display:block; height:auto; margin-right: 10px; margin-bottom: 14px;}
div.skillz img { float: left; width:40px; height:40px; background-color: rgba(255,255,255,0.3)}
div.skillz div { float: right; width:310px; background-color: rgba(255,255,255,0.5); line-height: 20px; padding:0px 10px 0px 10px;}

#tab_4 div.column {
	width:220px;
	float:left;
	margin-right:35px;
}
div.right {
	float:right;
	margin-right:0px;
}
.preloader {
	width: 0px;
	height: 0px;
}
div.projects {
	background-repeat:no-repeat;

	float:left;
	width:155px;
	height:155px;
	display:block;
	position:relative;
	text-shadow:none;
	padding:0px;
	overflow:hidden;
	margin-right:1px;
	margin-bottom:1px;
}
div.projects a {
	display:block;
	width:115px;
	height:115px;
	text-decoration:none;
	color:#fff;
	font-size:11px;
	background-color:rgba(0,0,0,0);
	position:absolute;
	top:0px;
	left:0px;
	color:rgba(255,255,255,0);
	line-height:15px;
	padding:20px 20px;
-webkit-transition: all 1.2s ease; 
-moz-transition: all 1.2s ease; 
-o-transition: all 1.2s ease; 
transition: all 1.2s ease; 
}
div.projects a:hover {
	background-color:rgba(0,0,0,0.8);
	color:rgba(255,255,255,9);
}



.german { 
	position: fixed; 
	display: block; 
	z-index: 9999; 
	top:250px; 
	left:570px; 
	width:305px;  
	background: #333;
	font-size: 100%;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color:#fff;
	padding:10px; 
	text-align: center; 
	box-shadow: 1px 1px 15px #000; 
	-webkit-box-shadow: 1px 1px 15px #000;
	}

#print { display:none;}



/*==================================================
    => media queries
==================================================*/

/*tabs and very small screens*/
@media only screen and (max-width: 805px) {

.toright, .toleft {width: 35px;}
.toright {background: url(../images/toright.png) no-repeat -94px center;}
.toleft {background: url(../images/toleft.png) no-repeat -16px center;}

.german { top:210px; left:220px;}

#tab_1 .tab_content, #tab_2 .tab_content, #tab_3 .tab_content, #tab_4 .tab_content, #tab_5 .tab_content, #nav {width:720px; }

div.column { width:340px; float:left; }
div.right { float: right;}
#tab_2 div.column { padding:15px; width:325px;}
#tab_4 div.column {padding:15px; width:280px;}
#tab_4 div.kill { display: none;}
#tab_4 p {padding-left: 15px;}
}

@media only screen and (max-height:768px) {
#tab_1 .tab_content, #tab_2 .tab_content, #tab_3 .tab_content, #tab_4 .tab_content, #tab_5 .tab_content {
	padding-top:60px;
}
}


@media only screen and (max-width: 709px) {
.german { top:190px; left:150px;}

#tab_1 .tab_content, #tab_2 .tab_content, #tab_3 .tab_content, #tab_4 .tab_content, #tab_5 .tab_content, #nav {width:640px; }

div.column { width:312px; float:left; }
div.right { float: right;}
#tab_2 div.column { padding:12px; width:291px;}
#tab_4 div.column {padding:12px; width:260px;}
#tab_4 p {padding-left: 12px;}
}

/*phones*/
@media only screen and (max-width: 634px) {
.german { top:140px; left:100px; width:180px; font-size:16px;
padding:6px; 
 box-shadow: 1px 1px 15px #000; 
	-webkit-box-shadow: 1px 1px 15px #000;
}
.german span.kill { display: none;}
#tab_1 .tab_content, #tab_2 .tab_content, #tab_3 .tab_content, #tab_4 .tab_content, #tab_5 .tab_content, #nav {width:318px; }
.tab_frame { overflow-y: scroll;}
#tab_4 { display: none;}
#tab_4 .tab_content {display: none;}

div.column { width:312px; float:none; margin-bottom: 15px;}
#tab_1 .right { background-color:rgba(255,255,255,0.7); padding:10px; width:292px;}
#nav ul li.kill {display: none;}
#nav ul li a {padding:6px 8px;}
}