@charset "utf-8";
* {
vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
list-style:none;
}
.rounded-top {
-moz-border-radius-topright: 10px; /* Firefox */
-moz-border-radius-topleft: 10px; /* Firefox */
-webkit-border-top-right-radius: 10px; /* Safari and Chrome */
-webkit-border-top-left-radius: 10px; /* Safari and Chrome */
-khtml-border-radius-topright: 10px; /* Linux browsers */
-khtml-border-radius-topleft: 10px; /* Linux browsers */
border-top-right-radius: 10px; /* Opera 10.50, IE and CSS3 */
border-top-left-radius: 10px; /* Opera 10.50, IE and CSS3 */
}
.rounded-bottom {
-moz-border-radius-bottomright: 10px; /* Firefox */
-moz-border-radius-bottomleft: 10px; /* Firefox */
-webkit-border-bottom-right-radius: 10px; /* Safari and Chrome */
-webkit-border-bottom-left-radius: 10px; /* Safari and Chrome */
-khtml-border-radius-bottomright: 10px; /* Linux browsers */
-khtml-border-radius-bottomleft: 10px; /* Linux browsers */
border-bottom-right-radius: 10px; /* Opera 10.50, IE and CSS3 */
border-bottom-left-radius: 10px; /* Opera 10.50, IE and CSS3 */
}
.rounded-5 {
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari and Chrome */
-khtml-border-radius: 5px; /* Linux browsers */
border-radius: 5px; /* Opera 10.50, IE and CSS3 */
}
.rounded-10 {
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari and Chrome */
-khtml-border-radius: 10px; /* Linux browsers */
border-radius: 10px; /* Opera 10.50, IE and CSS3 */
}
.shadow {
-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
html {
height:100%;
margin:0;
padding:0;
overflow-y:scroll;
}
body {
height:100%;
margin:0;
padding:0;
font-size:1em;
font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
background:#efefef url(./bg.jpg) no-repeat;
background-position:left top;
background-attachment:fixed;
}

h1 {
font-size:2.4em;
font-family: 'Century Gothic Bold', Arial, Helvetica, sans-serif;
font-weight: normal;
letter-spacing:-0.7px;
text-transform:uppercase;
text-align:left;
margin:0 0 20px 0;
padding:20px 0 0 0;
color:#000;
background:none;
}
.sub {
display: block;
font-size:50%;
font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
font-weight:normal;
line-height: normal;
text-transform:none;
text-align:left;
margin:0;
padding:0;
color:#666;
background:none;
}
p {
font-size:1em;
color:#222;
background:transparent;
padding:0;
margin:0;
text-align:left;
}
p a {
color:#666;
text-decoration:none;
}
p a:hover {
color:#111;
text-decoration:none;
}
.login { 
text-decoration:none;
margin:0;
padding:10px;
border:1px dotted #111;
text-align:center;
font-family: 'Century Gothic Bold', Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:1.1em;
color:#111;
background:transparent;
 }
.login:hover { 
color:#fff;
background-color:#000;
 }
.block-login { margin:200px 0 0 450px;padding:0;background:none; }
.text {
font-family:'Century Gothic', Arial, Helvetica, sans-serif;
color:#222;
background:none;
padding:0 25px 25px 0;
margin:0;
text-align:left;
-webkit-font-smoothing: antialiased; /* none - subpixel-antialiased möglich */ 
text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
/******* MEDIA QUERIES *******/
@media screen and (max-width: 800px) {

html {
-webkit-text-size-adjust: none;
-ms-text-size-adjust:none;
}
body {
background-position: -100px top;
}
.content { height: 100%; }
.block-login {
height: 100%;
margin:0;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(255, 255, 255);
/* RGBa with opacity */
background: rgba(255, 255, 255, 0.75);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
}
.text {
height: auto;
padding:20px;
-webkit-font-smoothing: antialiased; /* none - subpixel-antialiased möglich */ 
text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}

}

@media screen and (max-width: 310px) {
.logo { display:none; }
}