img {
height:75px;
}
img[alt=Huebener]{
	height:auto;
}

h1 {
	color: rgba(0,52,85,1);
	text-align:center;
	font-weight:100;
	font-family:verdana;
	font-size:100px;
	margin-top:20px;
	margin-bottom:0px;
	cursor:pointer;
}

h2 {
	color: rgba(95,96,97,1);
	text-align:center;
	font-weight:100;
	font-family:verdana;
	margin-top:-20px;
	font-size:20px;
	margin-bottom:0;
}

.loadbarBorder {
	border-radius:50px;
	-moz-border-radius:50px;
	width:800px;
	border:1px inset rgb(95,96,97);
	height:14px;
	margin-left:auto;
	margin-right:auto;
	
}

.loadbar {
	background-image: linear-gradient(to top, #003455 60%, #336788 100%);
	height:12px;
	width:0px;
	border-radius:50px;
	
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor:default;
}

.item {
	height:auto;
	width:80px;
	color: rgb(95,96,97);
	display:table-cell;
	min-width:80px;
	max-width:80px;
}

.itemtext p {
	
	
}

.navigation {
	margin-left:auto;
	margin-right:auto;
	width:800px;
	margin-top:-5px;
	display:table;
	font-family:verdana;
}

.circle {
	height:8px;
	width:8px;
	border:1px solid rgb(95,96,97);
	border-radius:5px;
	margin-left:auto;
	margin-right:auto;
 }
 
 .itemtext {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	display:table;
	cursor:pointer;
 }
 

 
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:before, .clearfix:after, .row:before, .row:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

*, *:after, *:before {
    box-sizing: border-box;
}

.clearfix:after {
    clear: both;
}

.row:after, .clearfix:after {
    clear: both;
}

.contentWrap .column, .contentWrap .columns {
    /*display: inline;
    float: left;*/
    margin-left: auto;
    margin-right: auto;
	display:inline-block;
	vertical-align:top;
}

#philosphy .one{
    border: 1px solid #2f2f2f;
    border-radius: 10px;
    padding-left: 25px;
    padding-right: 25px;
}

.one.column {
    width: 430px;
}

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

/* #philosophy .one{
    border: 1px solid #efefef;
    border-radius: 10px;
    padding-left: 25px;
    padding-right: 25px;
} */

/*#philosophy .one:hover{
    border: 1px solid #2f2f2f;
    border-radius: 10px;
    padding-left: 25px;
    padding-right: 25px;
	transition-duration:0.8s;
}*/


.contentWrap {
    margin-left:auto;
	margin-right:auto;
    padding: 0;
    position: relative;
    
	text-align:center;
	min-height:100vh;
	padding-bottom:20px;
	
}

.one-third {
	width:330px;
}

#philosophy {
	text-align:center;
}

.column p,ul {
	text-align:left;
	
}

.loadbarWrap {
	margin-top:-10px;
	margin-bottom:20px;
}
body{
	font-family:verdana;
	background-color:#efefef;
}

h3{
margin-top:0px;
color:#003455;
}

.itemtext:hover {
	color:rgb(0,52,85);
	transition-duration:0.4s;
	text-shadow: 1px 0 0 #003455;
}


#STK {

margin-top:0;
}

#who {
	text-align:center;
}

.half.column {
	width:460px;
}

.half {
	border: 1px solid #efefef;
    border-radius: 10px;
    padding-left: 25px;
    padding-right: 25px;
}

ul {
	padding-left:0px;
}

li {
	padding-bottom:5px;
	font-size:13px;
}

p {
	font-size:13px;
	line-height:20px;
}

.column {
	border: 3px solid transparent;
    border-radius: 10px;
    padding-left: 25px;
    padding-right: 25px;
}

.column:hover {
	border: 3px solid #003455;
    border-radius: 10px;
	padding-left:25px;
	padding-right:25px;
   
	transition-duration:0.8s;
}

a {
	text-decoration:none;
	color:rgb(95,96,97);
	outline:0;
}

h4 {
	font-size:13px;
	margin:0 auto;
}


#philosophy .loadbarWrap, #STK .loadbarWrap {
	margin-top:10px;
}

body {

}

.bordered {
	border-top:10px solid;
	border-color:#cdcdcd;
}

.bgTwo {
	background-color:#e3e3e3
}

#STK h1 {
	padding-top:20vh;
	font-size:140px;
}

#STK h2 {
	font-size: 25px;
}





.pageNav {
	position:absolute;
	width:100px;
	height:100vh;
	margin-left:1vw;
	
}



.arrowUp {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 40px 50px 40px;
	border-color: transparent transparent rgba(0,52,85,0.1) transparent;
	display:inline-block;
	margin-bottom:82vh;
}

.arrowUp:hover {
	
	border-color: transparent transparent rgba(0,52,85,1) transparent;
	transition-duration:0.6s;
	
}



.arrowDown {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 40px 0 40px;
	border-color: rgba(0,52,85,0.1) transparent transparent transparent;
	display:inline-block;
}

.arrowDown:hover {
	
	border-color: rgba(0,52,85,1) transparent transparent transparent;
	transition-duration:0.6s;
	
}

.header {
	height:20px;
}

.header > a{
	float:right;

	padding-left:5px;
}


.languages {
	display:inline;
	float:right;
}

#logoWrap {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-20px;
}

.languages img {
	height:15px;
}




#logo {
	height:350px;
	margin-bottom:-60px;
	margin-top:5vh;
	
}


input {
	border: 1px solid #ccc;
    color: #777;
    font: 1em Verdana,Arial,Helvetica,sans-serif;
    padding: 2px;
    width: auto;
}

form {
	border: 3px solid transparent;
    border-radius: 10px;
    color: #003455;
    display: block;
    margin: 0 auto;
    padding: 20px;
    text-align: left;
    width: 600px;
}

.implogo {
	
	height:350px;
}

.impressum {
	margin-left:auto;
	margin-right:auto;
	width:800px;
	text-align:justify;
	padding-bottom:50px;
}

.impressum p {
	font-size:14px;
}

.impHeader {
	margin:0 auto;
}

.impImgWrapper {
	text-align:center;
}

#who td {
	text-align:left;
}

.one-quarter {
	width:600px;
	margin-bottom:50px;
	padding-left:120px;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	vertical-align:top;
}

#who td:first-child {
	font-weight:bold;
	vertical-align:top;
}

.arrowLeft {
	border-color: transparent rgba(0, 52, 85, 0.1) transparent transparent;
    border-style: solid;
    border-width: 40px 60px 40px 0;
    display: inline-block;
    height: 0;
    margin-bottom: 82vh;
    width: 0;
}

.arrowLeft:hover {
	border-color: transparent rgba(0, 52, 85, 1) transparent transparent;
	transition-duration:0.6s;
}

.impNav {
	position:absolute;
}

h1 > a {
	color:#003455;
}

.contentWrap img {
	padding-top:5px;
}

.slogan {
    color: #003455;
   
    font-size: 30px;
    font-style: italic;
    font-weight: bold;

    margin-top: -30px;
}


.thankyou {
	text-align:center;
}





/*
.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #aaa;
	display:inline-block;
	cursor:pointer;
	color:rgba(0,52,85,0.9);
	font-family:verdana;
	font-size:16px;
	font-weight:bold;
	padding:4px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}
.myButton:active {
	position:relative;
	top:1px;
}

form:hover{
	border: 3px solid #003455;
    border-radius: 10px;
	transition-duration:0.8s;
}

.inputbox {
	resize:vertical;
}
*/


.button-gneriq {
    /* Normal State */
    padding: 5px 5px;
    width: auto;
    height: auto;
    color: #fff;
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.50);
    border-radius: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.50);
    
    border-top: 1px solid rgba(0,0,0,0.001);
    box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10);
    cursor: pointer;
	
	background:#003455;
	
	margin:10px;
}

.button-gneriq:hover{
    /* Hover State */
    box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.25);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.25);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.25);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.25);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.25);
    -webkit-animation: glow 1s infinite ease-in-out;
    cursor: pointer;
}

.button-gneriq:active {
    /* Active State (clicked on) */
    padding: 5px 5px;
    border-top: 1px solid rgba(0,0,0,0.55);
    box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
    -webkit-animation: none;
    cursor: pointer !important;
}

.gneriq {
	color: #900;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0;
}

.contact-button-wrap {
	margin-bottom:30px;
}

#gneriq-img{
	height:100px;
}

#contact-img {
	height:60px;
}

.quote {
	font-style:italic;
}