html {min-height: 100%;}

body {background-color: #cccccc; background-image: linear-gradient(150deg, #9090cc, #9090cc 5%, #cccccc, #acaccc, #acaccc 20%, #cccccc, #cccccc 50%, #9090cc 90%); background-attachment: fixed; font-family: Tahoma, Verdana, Sans-serif; font-size: 16px; color: #000099;  link: #ffffff; alink: #ffffff; vlink: #ffffff; margin:10px; margin-top:5px; padding:0px; cursor: default;}

h1 {font-style: italic; margin: 3px; margin-bottom:10px;}
.subtitle {position:relative; left:20px; margin-bottom:6px;}
h2 {margin-left:-10px;}
h3 {margin-left:-5px;}
h4 {margin:0px;}
hr {margin:7px; width:95%;}
ul {margin:0px;}
img {margin: 7px;margin-top:-8px; }

figure {display:inline-block; margin:5px; margin-top: 5px; padding: 10px;}
figcaption {font-size:13px; font-style: italic; padding:0px; padding-left:10px; margin:0px;}

.code {font-family:courier;}
.important {font-size: 12px; font-weight: bold; color: #dd0000;}
#mailcheck_feedback {display:none;}
#email, #email2 {border-width: 3px;}

/*HEADLINE*/
.headline {background-image: linear-gradient(150deg, #000099, #0000a0, #0000e0, #000099); background-color:#000099; color:#eeeeee; border-radius: 8px 0px 0px 0px; width=100%; display:block; padding:3px; padding-left:8px;}
.headline a:active, .headline a:hover {color:#ffffff;}

/*Buttons*/
.start {border-radius:10px; background-image: linear-gradient(150deg, #000088, #0000a0, #4040ff, #000077); background-color:#000099; color:#eeeeee; box-shadow: 3px 3px 3px black; display:inline-block; border-style: none; font-size:20px; width: 175px; margin:20px; padding:25px; text-align:center;}
.start:hover {background-color:#0000ff; background-image: linear-gradient(150deg, #000099, #0000d0, #6060ff, #000088); color:#ffffff; box-shadow: 4px 4px 4px black;}
.start:active {background-color:#00dd00; background-image: linear-gradient(150deg, #000077, #000050, #2020ee, #000066); box-shadow: 1px 1px 1px black;}
a.start {color:#dddddd; text-decoration:none;}
a.start:hover {color:#eeeeee;}
a.start:visited {color:dddddd;}

/*Pointer*/
.button, .start {cursor: pointer;}


/*Navigation*/
#nav {background-color:#000099; color:#eeeeee;}
#nav ul {overflow: auto; list-style-type: none;}
#nav li {float:left; padding:3px; padding-right:20px; white-space: nowrap; text-transform:uppercase;}
#nav li a, .headline a {color:#eeeeee; text-decoration:none;}
#nav li:hover {color:#ffffff; background-color:#0000cc;}
#nav li a:active {color:#ffffff; background-color:#0000ee;}
#nav li.active {border-radius:3px; padding:2px; padding-right:2px; margin:1px; margin-right:19px; color:#eeeeee; border:1px; border-style:solid; border-color:#dddddd;}
#nav li.active:hover {background-color:#000099;}

/*MAIN, RIGHT, STATUS, NEWS, FOOTER*/
#footer {font-size: 10px;}
#news, #status {margin: 25px; padding: 8px; font-size:12px; background-color:#eeeeee; background-image: linear-gradient(20deg, #bbbbbb,#eeeeee,#bbbbbb); border-radius:8px 0px 8px 8px; box-shadow: 3px 3px 3px black;}
     #news h4 {margin-left:3px;}
     #news hr {margin:3px; width:100%;}
#main { width:60%; margin:25px; padding: 20px; background-color:#eeeeee; background-image: linear-gradient(20deg, #bbbbbb,#eeeeee,#eeeeee,#bbbbbb); border-radius:8px 0px 8px 8px; box-shadow: 3px 3px 3px black;}
     #main .headline {margin: -20px; margin-bottom: 20px;}
#right {width:30%; float:right;}
     #news .headline, #status .headline {margin: -8px; margin-bottom: 3px;}
#wrapper {width:80%; margin:0 auto; padding:0px;}

.antispam { display:none;}
.small {font-size: 10px;}

/*MEDIA SCREEN*/
@media screen and (max-width:950px)
     {#wrapper {width: 90%;}
     }

@media screen and (max-width:750px)
     {#wrapper {width: 100%;}
     }

@media screen and (max-width:650px)
     {body {margin:1px;}
     #main {width:auto;}
      #right {display:none;}
     }

@media screen and (max-width:575px)
     {.subtitle {display:none;}
      #nav li.active {color: #aaaaaa; border:0;}
      #nav {line-height: 1em;}
      #nav li {padding-right:10px; font-size:13px;}
      #nav li.active {margin-right:0px; padding-right:10px; font-size:13px;}
     }

@media screen and (max-width:500px)
     {img {display:none;}
     }

@media print
     {
     body {background-image:none; color: #000000; background-color: #FFFFFF; font-size:14px; font-style: normal; link: #000000; alink: #000000; vlink: #000000;}
     }