/* CSS (screen) *************************** */
@charset 'utf-8';
@import url(reset.css);
@import url(supersized.css);

body, html {height: 100%; overflow: auto !important;}
body {font:18px/1.4em 'Lato',sans-serif; color:#FFF; background:#000; overflow:hidden;}
body.js {background:#000 url(body-loader.gif) center 100px no-repeat;}
body.ie6 div { }

h1 {font:4em/1em 'Lato',sans-serif; font-weight:700;}
h2 {margin-top:2em; font:2.5em/1em 'Lato',sans-serif; font-weight:400; text-shadow:#000 0 0 10px;}
h3, h4, h5, h6 {margin-top:1em; font:2em/1em 'Lato',sans-serif; font-weight:400;}
p {margin:0.5em 0; font-size:0.9em;}
small {font-size:0.8em;}
b {font-weight:900;}
a {color:#FFF; text-decoration:none;}
img {}
form {}
input,select,textarea {font-size:16px; padding:5px 10px; width:200px;}
select {}
input[type=submit] {width:auto;}
input[type=checkbox], input[type=radio] {padding:0; width:auto; border:auto;}
textarea {}
label {}
acronym {cursor:help;}

/* LAYOUT ******************************* */

header {font-size:0.75em; line-height:18px;}
  header > * {margin-top:30px; margin-bottom:30px;}
#navigation {margin-left:30px; float:left;}
#title {margin-right:30px; float:right;}
#content {margin:0 auto; padding:150px 0 200px 0; box-sizing:border-box; width:80%; min-height:100%; text-shadow:1px 1px 0 black;}
  body.login #content {width:230px;}
footer {margin-top:-150px; font-size:0.6em; line-height:18px; text-align:right; text-shadow:1px 1px 0 black;}
  #address {margin-left:30px; margin-right:30px;}
  #legal {margin-left:30px; margin-right:30px;}

/* NAVIGATION *************************** */
#title a  {display:block; width:100px; height:100px; overflow:hidden; text-indent:-10000px; text-decoration:none; background:transparent url(gsys.png) center center no-repeat;}

#navigation ul {padding:0; list-style:none;}
#navigation ul li {margin:0 15px 0 0; display:inline;}
#navigation ul li a {text-decoration:none;}

#legal ul {margin:15px 0 0; padding:0; list-style:none;}
#legal ul li {margin:0 0 0 15px; display:inline;}
#legal ul li a {text-decoration:none;}


/* INHALT ***************************** */
#address .block {display: inline-block;}
#address .block ~ .block {margin-left:4em;}

div#panelLogin {padding:1em 0;}
div.blockMsg {font-size:0.5em;}
div.blockMsg h1 {font-size:3em;}

#content a:hover {color:#99CA3C;}

/* SONSTIGES *************************** */
.note {font-size:0.75em;}
.note a {}
.hide {display:none;}

.success {margin-bottom:1em; display:block; color:#FFF; font-size:1.4em;}
.error {display:block; color:red;}
.emptyfield {border:1px solid red;}


@media screen and (max-width:850px) {
	footer {position:relative; clear:both;}
}