body{
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.5;*/
	font: 15px/1.5 Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
/*	background-color:#f4f4f4;*/
	background-color:#ffffff;
}

/* Global */
.container{
	position:relative;
    width:95%;
    margin:auto;
    overflow:hidden;
	font-size:18px;
}

.container input{
	font-size:20px;
}

.page-title{
	text-align:center;
	font-size:30px;
}

ul{
    margin:0;
    padding:0;
}

.button_1{
    height:38px;
    background:#e8491d;
    border:0;
    padding-left:20px;
    padding-right:20px;
    color:#ffffff;
    text-shadow: white 0px 0px 1px;
/*	font-size:12px;*/
}



.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
	text-align:center;
}



.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 800px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.modalDialog > div p#bottomskip{
        margin-bottom:10px;
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

.dark{
    padding:15px;
/*    background:#35424a;*/
    background:#293133;
/*	background:#787878;*/
    color:#ffffff;
    margin-top:10px;
    margin-bottom:10px;
	border-radius:5px;
}

.dark h1{
	font-size:20px;
}

.dark h2{
	font-size:20px;
	float:none;
}

.darkborder{
    padding:15px;
    background:#ffffff;
/*      background:#787878;*/
    color:#000000;
	margin:auto;
    margin-top:10px;
    margin-bottom:20px;
        border-radius:5px;
	border-style:solid;
/*	border-color:#0066ff;*/
/*	border-color:#35424a;*/
        border-color:#293133;
	font-style:normal;
	font-size:18px;
	min-height: 100px;
	width:92%;
}

.darkborder h1{
        width:98%;
        margin:auto;
        margin-bottom:10px;
	margin-top:0px;
}

.darkborder h2{
        width:98%;
        margin:auto;
        margin-bottom:10px;
        margin-top:0px;
}

.darkborder h3{
	float:none;
        font-size:20px;
	width:98%;
	margin:auto;
	margin-top:0px;
	margin-bottom:10px;
}

.darkborder h5{
        width:98%;
        margin:auto;
	margin-top:-10px;
        margin-bottom:10px;
}

.darkborder p{
	width:98%;
	margin:auto;
}

.registerform{
/*        background:#35424a;*/
/*      background:#787878;*/
        font-size:18px;
        text-decoration:none;
        color:#000000;
        padding:2px;
        margin-top:30px;
        margin-bottom:10px;
        border-radius:5px;
	font-size:16px;
	text-align:left;
	margin:auto;
	margin-left:20px;
	margin-top:20px;
	text-align:center;
}

.registerform input{
	width:470px;
        margin-bottom:0px;
        font-size:16px;
/*      width:100%;
        padding:5px;
        text-align:center;
*/
}

.registerform textarea{
        margin-bottom:0px;
        width:480px;
        min-height:100px;
        font-size:16px;
}

.registerform button{
    width:485px;
    padding:5px;
        font-size:16px;
	margin-bottom:20px;
}

.registerform h1{
        width:90%;
        margin-left:5%;
        margin-top:20px;
        margin-bottom:0px;
}


.bigroundedcorners{
	border-radius:15px;
}

table a{
	text-decoration:none;
/*	color:#999a9d;
*/
	color:#000000;
}

@-webkit-keyframes fade-in{
    0%{
        opacity:0;
        top:0px;
    }
    50%{
        opacity:1;
        top:0px;
    }
}

.text-animated-artificial{
	opacity:1;
    display:inline;
    position:relative;
	top:0px;
    margin-left:0px;
    -webkit-animation:fade-in 1s 1 0s;
}

.text-animated-intelligence{
    opacity:1;
    display:inline;
    position:relative;
        top:0px;
    margin-left:10px;
    -webkit-animation:fade-in 1s 1 0s;
}

.text-animated-adept{
        opacity:0;
    display:inline;
    position:relative;
    top:0px;
    margin-left:-500px;
    -webkit-animation:fade-in 2s infinite 1.5s;
}

.text-animated-idiocy{
    opacity:0;
    display:inline;
    position:relative;
	top:0px;
    margin-left:-56px;
    -webkit-animation:fade-in 6s infinite 4.5s;
}

.spaghetti{
/*    display:inline-block;
    width:600px;
    height:100px;
	margin:auto;
	font-size:52px;
	font-weight:bold;
        text-shadow: 0 0 0.2em white, 0 0 0.2em white, 0 0 0.2em white;
	margin-top:100px;
*/}

.languagepicker{
/*      background-color: #FFF; */
	background-color: #e8491d;
	text-color:#ffffff;
	display: inline-block;
	padding: 0;
	height: 40px;
	overflow: hidden;
	transition: all .3s ease;
	margin: 0 50px 10px 0;
	vertical-align: top;
	float: right;
	font-size:18px;
}

.languagepicker:hover{
	/* don't forget the 1px border */
	height: 81px;
/*        font-weight:bold;*/
        text-color:#3475d2;
/*	background-color:#35424a;*/
        background-color:#293133;
}

.languagepicker a{
/*	color: #000;*/
	color: #FFF;
	text-decoration: none;
}

.languagepicker li {
	display: block;
	padding: 0px 20px;
	line-height: 40px;
	border-top: 1px solid #EEE;
}

.languagepicker li:hover{
	background-color:#e8491d;
/*	background-color: #EEE;
	font-weight:bold;
	text-color:#FFF;*/
}

.languagepicker a:first-child li {
	border: none;
/*	background: #FFF !important;*/
/*        background: #e8491d !important;
        background: #e8491d;*/
}

.languagepicker li img {
	margin-right: 5px;
}

.roundborders {
	border-radius: 5px;
}

.column {
  float: left;
  padding: 10px;
}

.left {
  width: 65%;
}

.left img{
	float:right;
	width:60%;
}

.right {
        display:table-cell;
/*        height:700px;
*/	width: 25%;
	vertical-align:middle;
}

.right img{
        float:right;
        width:100%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.contact, .contact a{
/*	background:#35424a;*/
	background:#293133;
/*	background:#787878;*/
	font-size:20px;
	text-decoration:none;
	color:#ffffff;
	padding:2px;
	margin-top:30px;
	margin-bottom:10px;
	border-radius:5px;
}

.contact h1{
        font-size:20px;
}

.contact h2{
	font-size:20px;
	float:none;
}

.team{
/*        margin-top:20px;
        margin-bottom:30px;*/
	min-height:150px;
}

footer a{
	text-decoration:none;
	color:#ffffff;
}

.message{ 
/*        background:#35424a;*/
        background:#293133;
/*      background:#787878;*/
        font-size:18px;
        text-decoration:none;
        color:#ffffff;
        padding:2px;
        margin-top:30px;
        margin-bottom:20px;
	border-radius:5px;
}

aside#aside_left .message input, aside#aside_right .message input{
        margin-bottom:0px;
        width:80%;
        font-size:16px;
/*      width:100%;
        padding:5px;
        text-align:center;
*/
}

aside#aside_left .message textarea, aside#aside_right .message textarea{
        margin-bottom:0px;
        width:85%;
	min-height:200px;
        font-size:16px;
}

aside#aside_left .message button, aside#aside_right .message button{
    width:86%;
    padding:5px;
        font-size:16px;
}

aside#aside_left .message h1{
	width:90%;
	margin-left:5%;
	margin-top:20px;
	margin-bottom:0px;
}

aside#aside_left .message h2{
        width:90%;
        margin-left:5%;
        margin-top:20px;
        margin-bottom:0px;
	float:none;
	font-size:20px;
}

/* Header */
header{
/*    background:#35424a;*/
    background:#ffffff;
    color:#ffffff;
    padding-top:0px;
    min-height:0px;
/*    border-bottom:#0f3fe4 3px solid;*/
    border-bottom:#e8491d 3px solid;
}

header a{
/*    color:#999a9d; */
	color:#787878;
    text-decoration:none;
    text-transform:uppercase;
    font-size:18px;
}

header li{
    float:left;
    display:inline;
    padding: 60px 0px 0px 30px;
/*
	padding:10px;
*/
}

header #branding{
    float:right;
	color:#000000;
}

header #branding h1{
    margin:0;
}

header nav{
    float:none;
    margin-top:10px;
	margin-left:0;
}

#nav{
	margin-left:25%;
}

#nav-index{
	margin-left:5%;
}

header .highlight, header .current a{
/*    color:#e8491d;*/
    color:#3475d2;
    font-weight:bold;
}

header a:hover, table a:hover, #main .contact a:hover, footer a:hover{
/*    color:#cccccc;*/
	color:#3475d2;
    font-weight:bold;
}

/* Showcase */

.bg-en{
    background:linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.9)), url('../public_html/img/background.jpg') no-repeat 0 0px;
        background-size:100%;
}

.banner-bg-en{
    background:linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.9), rgba(255,255,255,0.95), rgba(255,255,255,1)), url('../public_html/img/background.jpg') no-repeat 0 0px;
        background-size:100%;
}

.bg-de{
    background:linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.8)), url('../public_html/img/background.jpg') no-repeat 0 0px;
        background-size:100%;
}

#banner{
    min-height:100px;
    text-align:center;
    color:#000000;
    text-shadow: white 0px 0px 2px;
}

#banner h1{
    margin-top:100px;
    font-size:55px;
    margin-bottom:10px;
/*    text-shadow: white 0px 0px 2px;*/
        text-shadow: 0 0 0.2em white, 0 0 0.2em white, 0 0 0.2em white;
}

#showcase{
    min-height:400px;
/*    background:url('../img/3.jpg') no-repeat 0 0px;
    background:linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.8)), url('../img/3.jpg') no-repeat 0 0px;
    background:url('../img/2.jpg') no-repeat 0px -300px;
	background-size:100%;
    background:url('../img/background.jpg') no-repeat 0 150px;
    background-size: 1920px;*/
    text-align:center;
/*    color:#787878;*/
    color:#000000;
    text-shadow: white 0px 0px 2px;
}

#showcase h1{
    margin-top:100px;
    font-size:55px;
    margin-bottom:10px;
/*    text-shadow: white 0px 0px 2px;*/
        text-shadow: 0 0 0.2em white, 0 0 0.2em white, 0 0 0.2em white;
}

#showcase p{
/*	font-weight:bold;*/
	width:70%;
	margin:auto;
    font-size:24px;
/*    text-shadow: white 0px 0px 2px;*/
        text-shadow: 0 0 0.2em white, 0 0 0.2em white, 0 0 0.2em white;
	margin-bottom: 20px;
}

/* Modal */

.modallink{
	float:right;
    background-color:#e8491d;
  color: white;
  padding: 0.5em 1.5em;
  text-decoration: none;
	font-weight:bold;
	font-size:18px;
	margin-right:20px;
        margin-top:10px;
/*  text-transform: uppercase;*/
}

.modallink:hover {
/*  background-color: #35424a;*/
  background-color: #293133;
}

.modallink:active {
/*  background-color: #35424a;*/
  background-color: #293133;
}

.modallink:visited {
  background-color: #e8491d;
}

/* Newsletter */

#newsletter{
    padding:15px;
    color:#ffffff;
/*    background:#35424a;*/
	background:#293133;
/*    text-shadow: white 0px 0px 1px;*/
	font-size:16px;
	text-align:center;
}

#newsletter h1, h2, h3{
    float:none;
/*	font-size:24px;*/
}

#newsletter form{
    float:none;
    margin-top:15px;
/*	font-size:16px;*/
}

#newsletter input[type="email"]{
/*#newsletter input{*/
    padding:4px;
    height:25px;
    width:250px;
	font-size:16px;
}

/* Boxes */
#boxes{
    margin-top:20px;
}

#boxes .box{
    float:left;
    text-align:center;
    width:30%;
    padding:10px;
}

#boxes .box img{
    width:150px;
}

#clip {
  position: absolute;
/*  clip: rect(0, 160px, 160px, 0);*/
   clip: shape(top, right, bottom, left); NB 'rect' is the only available option
}

#boxes .crop {
        width: 10px;
        height: 155px;
        overflow: hidden;
    float:left;
    text-align:center;
    width:32%;
    padding:10px;
        margin-top:150px;
    }

#boxes .crop img {
        width: 130px;
        height: 200px;
        margin: -150px 0 0 -65px;
    }

#boxes .crop a {
        text-decoration:none;
	color:#000000;
}

#boxes .crop a:visited { color:#000000; }

#boxes .crop h2 {
	font-size:26px;
	margin:auto;
	margin-top:26px;
	float:none;
	text-align:center;
}

/* Sidebar */

div#aside_lef{
	position:absolute;
	left:0;
	top:150px;
	width:18%;
	height:100%;
    background:url('../public_html/img/showcase.jpg') no-repeat;
	background-color:#787878;
  clip: rect(0, 10%, 200px, 0);
   clip: shape(top, right, bottom, left); NB 'rect' is the only available option
}

aside#aside_left{
//    background:url('../img/showcase.jpg');
    float:left;
    width:20%;
    margin-top:20px;
        text-align:center;
}

aside#aside_right{
	display:none;
}

aside#aside_contact{
    float:right;
    width:20%;
    margin-top:20px;
        text-align:center;
}

aside#sidebar{
    float:right;
    width:20%;
    margin-top:10px;
	text-align:center;
	margin-bottom:20px;
}

/*aside#aside_left h1{
        width:90%
        text-align:center;
        font-size:20px;
}*/

/*aside#aside_right h1{
        width:90%
        text-align:center;
        font-size:30px;
}*/

/*aside#sidebar h1{
	width:90%
	text-align:center;
	font-size:20px;
}*/

aside#sidebar .newsletter{
	width:90%;
	margin-left:5%;
	align:center;
	font-size:20px;
	border-radius:5px;
	margin-bottom:10px;
}

aside#sidebar .newsletter input{
	margin-bottom:5px;
	width:80%;
	font-size:16px;
/*	width:100%;
	padding:5px;
	text-align:center;
*/
}

aside#sidebar .newsletter button{
    width:100%;
    padding:5px;
	font-size:16px;
}

/* Main-col */
article#main-col{
/*    background:url('../img/showcase.jpg') no-repeat 0 150px;
*/    float:left;
    width:50%;
/*	margin-left:20%;
*/	margin-left:5%;
	text-align:justify;
}

article#main-col h1{
	font-size:26px;
}

article#main-col h2{
	font-size:26px;
	float:none
}

article#main-col img{
	float:right;
}

/* Services */
ul#services li{
    list-style:none;
    padding:20px;
    border:#cccccc solid 1px;
    margin-bottom:5px;
    background:#e6e6e6;
}

ul#footer li{
    list-style:none;
/*    text-transform:uppercase;*/
/*    padding:20px;
    border:#cccccc solid 1px;
    margin-bottom:5px;
    background:#e6e6e6;*/
}

ul#footer a{
/*    color:#999a9d;*/
    color:#ffffff;
    text-decoration:none;
/*    text-transform:uppercase;*/
/*    font-size:16px;*/
}

/*footer .highlight{
    color:#e8491d;
    color:#3475d2;
    font-weight:bold;
}
*/

/*footer a:hover{
    color:#cccccc;
    font-weight:bold;
}*/

footer{
    padding:20px;
    margin-top:20px;
    color:#ffffff;
/*    background-color:#e8491d;*/
/*    background-color:#35424a;*/
/*	background-color:#787878;*/
/*	background-color:#267FB7;*/
        background-color:#293133;
    text-align:center;
    border-top:#e8491d 3px solid;
    border-bottom:#e8491d 3px solid;
}

#portr{
	width:150px;
	margin-left:20px;
	margin-right:10px;
}

#main-col a{
/*        text-decoration:none;*/
      color:#999a9d;
	color:#e8491d;

        color:#000000;
}

/* Media Queries */
@media only screen and (max-width:1600px){
#boxes .crop {
    width:31%;
    }
}

@media only screen and (max-width:1200px){
header #branding{
    float:right;
}

.bg-en{
        background-size:150%;
}

.bg-de{
        background-size:150%;
}

aside#aside_left{
    display:none;
}

aside#aside_right .message h2{
	font-size: 20px;
	float:none;
}

aside#aside_right{
/*    background:url('../img/showcase.jpg');
*/	display:block;
    float:right;
    width:30%;
    margin-top:-10px;
        text-align:center;
}

aside#aside_contact{
    float:right;
    width:30%;
    margin-top:20px;
        text-align:center;
}

aside#sidebar{
    float:right;
	width:30%;
    margin-top:10px;
        text-align:center;
	margin-bottom:20px;
}

        header nav{
                margin-left: 0px;
        }

#nav{
	margin-left:10px;
}

#nav-index{
	margin-left:10px;
}

        article#main-col{
                margin-left:0;
		width:65%;
        }
}

@media only screen and (max-width:1024px){
#boxes .crop {
    width:30%;
    }

#showcase p{
	width:90%;
}

.modalDialog > div{
        width:85%;
}

.modalDialog > div p{
	width:60%;
}

}

@media only screen and (max-width:768px){
    header #branding,
    header nav,
    header nav li,
	#nav,
	#nav-index,
    #newsletter h1,
    #newsletter form,
    #boxes .box,
	#boxes .crop,
    article#main-col,
    aside#sidebar, aside#aside_contact, aside#aside_right{
	float:none;
	text-align:center;
	width:100%;
	hyphens:auto;
    }

aside#sidebar{
        margin-bottom:40px;
}

.modalDialog{
	text-align:center;
}

.modalDialog > div p{
        width:95%;
}

.registerform{
	text-align:center;
	float:none;
	margin:auto;
	margin-top:30px;
}

.registerform input{
        width:93%;
	margin:auto;
}

.registerform textarea{
        width:95%;
	margin:auto;
}

.registerform button{
    width:95%;
	margin:auto;
	margin-bottom:20px;
}

#boxes{
	width:90%;
	margin:auto;
}

#boxes .crop{
	width:90%;
}

#showcase p{
	width:90%;
}

article#main-col{
	text-align:justify;
}

article#main-col h1{
	text-align:center;
}

.darkborder{
	text-align:justify;
}

.bg-en{
	background:linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.8)), url('../public_html/img/background-1555.jpg') no-repeat 0 0px;
        background-size:200%;
}

.bg-de{
	background:linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.8)), url('../public_html/img/background-1555.jpg') no-repeat 0 0px;
        background-size:200%;
}

	article#main-col{
		margin:0;
	}

	table.table_1{
		font-size:30px;
		text-align:left;
		width:70%;
		margin-left:15%;
		margin-right:15%;
	}

	header nav{
		margin-left:0px;
		margin-right:0px;
		text-align:center;
	}

#nav{
	margin-left:10px;
}

#nav-index{
	margin-left:10px;
}

/*	header nav li{
		margin-left:0px;
		margin-right:0px;
	}

	header #branding{
		margin-left:0px;
	}
*/
	header li{
    		float:none;
    		display:inline;
    		padding: 10px;
	}

	header a{
		font-size:16px;
	}

    ul{
	text-align:left;
	margin-left:40px;
    }

    ul#footer{
        text-align:center;
        margin-left:0px;
    }

    ul#nav, ul#nav-index{
        text-align:center;
        margin-left:0px;
    }

    header{
	padding-bottom:20px;
    }

    #showcase h1{
	margin-top:40px;
    }

    #newsletter .button_1{
	display:block;
	width:100%;
	font-size:20px;
    }

    #newsletter form input[type="email"], aside#sidebar input{
	width:100%;
	margin-bottom:5px;
    }

	aside#aside_contact{
		margin-top:20px;
	}
}

@media only screen and (max-width:480px){

.bg-en{
        background-size:250%;
}

.bg-de{
        background-size:250%;
}

.languagepicker{
        margin: 0 5px 10px 0;
}

/*.darkborder{
	display:none;
}*/

.darkborder{
/*      background:#787878;*/
        margin:auto;
    margin-top:10px;
    margin-bottom:20px;
        width:90%;
	text-align:left;
}

article#main-col .darkborder h1{
        width:98%;
        margin-left:0px;;
        margin-bottom:10px;
        margin-top:0px;
	text-align:left;
}

.darkborder h3{
        font-size:20px;
        width:98%;
        margin-left:0px;
        margin-bottom:10px;
	text-align:left;
}

.darkborder p{
        width:98%;
        margin:auto;
	text-align:justify;
}

.darkbordersmall{

}

.column{
	width:100%;
	text-align:left;
}

.left img{
	width:40%;
}

.right img{
	width:30%
}

}

@media only screen and (max-width:370px){

.bg-en{
        background-size:300%;
}

.bg-de{
        background-size:300%;
}

.darkborder{
	width:88%;
}

#room{
	float:none;
	width:98%;
}

#portr{
	width:40%;
}

}

@media only screen and (max-width:340px){

.bg-en{
        background-size:350%;
}

.bg-de{
        background-size:350%;
}

#showcase h1{
	font-size:48px;
}

}

@media only screen and (max-width:310px){

header #branding img{
	width:95%;
}

.darkborder{
        width:85%;
}

}