@charset "utf-8";
/* BASIC */
html,body,div,span,hr,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,font,img,small,strike,strong,ol,ul,li,fieldset,form,label,legend,table,caption,tr,th,td,dl,dt,dd {
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
}
table {
border-collapse:separate;
border-spacing:0;
}
caption,th,td {
text-align:left;
font-weight:normal;
}
body {
background-color:#fff;
background-image:url(../images/layout/bg.gif);
color:#444;
font-family:tahoma,arial,verdana,sans-serif;
font-size:75%;
}
hr {
clear:both;
float:none;
height:1px;
margin:0 0 1em 0;
border:none;
background:#ccc;
color:#ccc;
}
* html hr {
margin:0 0 1em 0;
}
a, a:visited, a:active {
color:#09c;
font-weight:bold;
outline:none;
text-decoration:none;
}
a:hover {
color:#069;
text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
color:#444;
margin:3px 0px;
}
h1 {
font-size:2.8em;
}
h2 {
font-size:1.8em;
}
h3 {
font-size:1.4em;
line-height:2;
font-weight:bold;
}
h4 {
font-size:1.2em;
line-height:1.25;
font-weight:bold;
}
h5 {
font-size:1em;
font-weight:bold;
}
h6 {
font-size:1em;
}
p{
margin:0 0 1.5em 0;
}
strong {
font-weight:bold;
}
label {
font-weight:bold;
}
small {
font-size:0.9em;
}

/* BASICS */
.left {
float:left;
}
.right {
float:right;
}
.center {
text-align:center;
}
.justify {
text-align:justify;
}
.inline {
display:inline;
}
.indent {
margin-left:10px;
}
.vertical-indent {
margin-top:6px;
}
.space-bottom {
margin-bottom:6px;
}
.clear:after,.container:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html .clear {
height:1%;
}
.clear {
clear:both;
display:block;
}
.width-540 {
width:540px;
}
.width-245 {
width:245px;
}
.width-all {
margin:0;
width:790px;
}
.last {
margin-right:0;
}
.first {
margin-left:0;
}
.column {
float:left;
margin:0 0 0 5px;
padding:0;
}
.vertical-centered {
display:table-cell;
vertical-align:middle;
}
.vertical-centered img{
display:block;
margin:0px 2px;
}
.blue {
color:#09c;
}
.important {
color:#c33;
margin:3px 0px;
font-weight:bold;
}
.standard {
border:1px solid #ccc;
border-left:20px solid #ccc;
}
.success {
border:1px solid #3c3;
border-left:20px solid #3c3;
}
.success a {
color: #3c3;
}
.failure {
border:1px solid #c33;
border-left:20px solid #c33;
}
.failure a {
color: #c33;
}
.question {
border:1px solid #f80;
border-left:20px solid #f80;
}
.question a {
color: #f80;
}
.bar-payed {
float:left;
display:inline-block;
height:8px;
background-color:#09c;
}
.bar-declared {
float:left;
display:inline-block;
height:8px;
background-color:#444;
}
.bar-free {
float:left;
display:inline-block;
height:8px;
background-color:#ccc;
}
.small {
font-size:.9em;
}
.tooltip {
display: none;
}
.tab {
font-size:.9em;
font-weight:bold;
float:left;
margin-bottom:-1px;
background-color:#eee;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
padding:3px 4px 3px 2px;
}
.tab-inactive {
font-size:.8em;
font-weight:bold;
float:left;
margin-top:4px;
background-color:#ddd;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
padding:2px 3px 3px 1px;
}
.tab-inactive img {
width:10px;
}
.tab-content {
font-size:.9em;
clear:both;
border:1px solid #ccc;
background-color:#eee;
padding:3px;
}
.headline {
background-color:#eee;
padding:4px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-top:2px;
}
a.no-style {
font-weight:normal;
color:#444;
}
ul.real, ol.real {
margin-left:2.2em;
}
dl.table dt {
float:left;
clear:left;
}
dl.table dd {
float:left;
}

/* GRUNDGERÜST */

#page-wrapper {
margin:0 auto;
padding:0;
text-align:left;
width:1004px;
}
#page-login {
display:block;
padding:0 4px;
height:16px;
font-size:.75em;
background-color:#333;
border-top:1px solid #444;
border-bottom:1px solid #444;
}
#page-login a {
color:#fff;
margin-right:6px;
}
#page-login input.text {
color:#09c;
font-size:.95em;
background-color:#222;
border-bottom:1px solid #444;
border-right:1px solid #444;
border-top:1px solid #333;
border-left:1px solid #333;
}
#page-header {
display:block;
height:127px;
background-color:#222;
}
#page-weather {
display:block;
height:20px;
background-color:#444;
}
#page-content {
display:block;
background-color:#444;
}
#page-footer {
padding:20px 15px 0px 15px;
height:30px;
width:974px;
font-size:85%;
font-weight:bold;
color:#aaaaaa;
background-image:url(../images/layout/footer.png);
}
#page-footer a {
color:#aaaaaa;
}
#page-content div.navigation {
margin-left:2px;
width:175px;
background-color:#fff;
float:left;
}
#page-content div.navigation ul {
display:block;
list-style:none;
color:#fff;
font-family:arial,tahoma,verdana,sans-serif;
background-image:url(../images/layout/bar.png);
}
#page-content div.navigation ul li.head {
padding-left:8px;
line-height:26px;
display:block;
height:24px;
font-size:.75em;
}
#page-content div.navigation ul li.break {
display:block;
height:11px;
background-image:url(../images/layout/navitop.png);
}
#page-content div.navigation ul li.button {
padding-left:8px;
line-height:18px;
display:block;
height:19px;
font-size:.8em;
background-image:url(../images/layout/navi.png);
}
#page-content div.navigation ul li.button a{
color:#444;
}
#page-content div.maincontent {
margin-left:2px;
width:490px;
float:left;
}
#page-content div.maincontent div.banner {
width:482px;
height:45px;
display:block;
background-color:#09c;
}
#page-content div.maincontent div.content img {
max-width:482px;
}
#page-content div.content div.half {
width:238px;
}
#page-content div.content table.horizontal {
width:100%;
margin-top:6px;
}
#page-content div.content table.horizontal th {
padding-bottom:2px;
font-size:.9em;
font-weight:bold;
}
#page-content div.content table.horizontal td {
font-size:.8em;
}
#page-content div.content table.vertical {
width:100%;
margin-top:2px;
}
#page-content div.content table.vertical td, #page-content div.content table.vertical th {
vertical-align:top;
padding:1px 2px;
font-size:.9em;
}
#page-content div.content div.navi {
padding:3px 4px;
margin:6px 0px 10px 0px;
width:472px;
height:14px;
font-size:.75em;
font-family:arial,tahoma,verdana,sans-serif;
letter-spacing:-0.1em;
border:1px solid #ccc;
background-color:#eee;
}
#page-content div.content div.navi a {
color:#444;
font-weight:normal;
}
#page-content div.content div.navi img {
height:14px;
}
#page-content div.content div.window {
margin-bottom:10px;
width:482px;
}
#page-content div.content div.window span.title {
padding-left:12px;
margin-bottom:3px;
font-size:.9em;
line-height:16px;
height:16px;
display:block;
color:#fff;
background-image:url(../images/layout/windowbar.png);
}
#page-content div.content div.window div.information {
width:100px;
font-size:.9em;
float:left;
}
#page-content div.content div.window div.text {
margin:0 0 -22px 4px;
font-size:.9em;
width:378px;
float:left;
}
#page-content div.content div.window div.text img {
max-width:378px;
}
#page-content div.content div.window div.buttons {
padding-top:8px;
clear:both;
}
#page-content div.content div.window div.buttons a {
padding-top:8px;
color:#444;
font-weight:normal;
font-size:.8em;
clear:both;
}
#page-content div.content div.comment {
border-top:1px dotted #444;
padding:2px 0;
display:block;
font-size:.9em;
}
#page-content div.content div.comment div.information {
padding:2px 0;
float:left;
width:100px;
}
#page-content div.content div.comment div.content {
padding:2px 2px 2px 4px;
float:left;
width:376px;
}
#page-content div.content div.comment div.content hr {
margin-top:2px;
margin-bottom:4px;
padding:0;
}
#page-content div.content div.box {
padding:2px 0;
display:block;
border-bottom:1px dotted #444;
}
#page-content div.content div.box a.name {
font-size:.8em;
margin-left:-3px;
display:block;
}
#page-content div.content div.box span.name {
font-size:.8em;
display:block;
}
#page-content div.content div.box span.text {
padding-bottom:2px;
text-align:justify;
font-size:.85em;
display:block;
}
#page-content div.content div.box span.time {
margin-top:2px;
font-size:.75em;
display:block;
}
div.content div.messagebox {
display:block;
background-color:#fff;
padding:2px 4px;
text-align:justify;
}
div.content div.messagebox ul {
list-style:none;
}
form.form ul {
list-style:none;
margin-top:8px;
}
form.form ul li div.functionsbar {
float:left;
}
form.form ul li div.functionsbar li{
list-style:none;
margin:0;
}
form.form ul li div.functionsbar ul {
padding:0;
margin:0;
list-style:none;
}
form.form ul li div.functionsbar ul li {
position:relative;
float:left;
}
form.form ul li div.functionsbar ul li a {
display:block;
max-height:16px;
float:left;
padding:2px;
margin-right:2px;
}
form.form ul li div.functionsbar ul li a:hover {
display:block;
float:left;
padding:1px;
margin-right:2px; 
background-color:#eee;
border:1px solid #ccc;
}
form.form ul li div.functionsbar ul li ul {
position:absolute;
background-color:#eee;
top:20px;
padding:2px;
margin:0;
border:1px solid #ccc;
left:-9999px;
}
form.form ul li div.functionsbar ul li ul li {
float:left;
}
form.form ul li div.functionsbar ul li:hover ul, form.form ul li div.functionsbar ul li.sfhover ul {
left:0;
display:block;
}
form.form ul li div.functionsbar_desc {
clear:left;
margin-bottom:1px;
display:block;
color:#999;
}
form.form ul li.label {
color:#09c;
font-weight:bold;
font-size:1em;
}
form.form ul li.description {
color:#999;
font-size:0.8em;
text-align:justify;
}
form.form ul li.description input.captcha {
margin:2px 0;
padding:2px;
border:1px solid #ccc;
display:block;
clear:both;
}
form.form ul li.input{
margin-top:4px;
}
form.form ul li.input input.checkbox {
border:1px solid #ccc;
height:1.2em;
width:1.2em;
}
form.form ul li.input input.checkbox:focus {
border:1px solid #999;
}
form.form ul li.input input.edit {
border:1px solid #ccc;
display:block;
width:100%;
box-sizing: border-box; /* css3 rec */
-moz-box-sizing: border-box; /* ff2 */
-ms-box-sizing: border-box; /* ie8 */
-webkit-box-sizing: border-box; /* safari3 */
-khtml-box-sizing: border-box; /* konqueror */
}
form.form ul li.input input.edit:focus {
border:1px solid #999;
}
form.form ul li.input input.file {
border:1px solid #ccc;
display:block;
width:100%;
box-sizing: border-box; /* css3 rec */
-moz-box-sizing: border-box; /* ff2 */
-ms-box-sizing: border-box; /* ie8 */
-webkit-box-sizing: border-box; /* safari3 */
-khtml-box-sizing: border-box; /* konqueror */
}
form.form ul li.input input.file:focus {
border:1px solid #999;
}
form.form ul li.input select.select {
border:1px solid #ccc;
display:block;
width:100%;
box-sizing: border-box; /* css3 rec */
-moz-box-sizing: border-box; /* ff2 */
-ms-box-sizing: border-box; /* ie8 */
-webkit-box-sizing: border-box; /* safari3 */
-khtml-box-sizing: border-box; /* konqueror */
}
form.form ul li.input select.select:focus {
border:1px solid #999;
}
form.form ul li.input select.selectthird {
border:1px solid #ccc;
display:block;
width:33%;
box-sizing: border-box; /* css3 rec */
-moz-box-sizing: border-box; /* ff2 */
-ms-box-sizing: border-box; /* ie8 */
-webkit-box-sizing: border-box; /* safari3 */
-khtml-box-sizing: border-box; /* konqueror */
}
form.form ul li.input select.selectthird:focus {
border:1px solid #999;
}
form.form ul li.input textarea.edit {
border:1px solid #ccc;
font:inherit;
height:100px;
display:block;
width:100%;
box-sizing: border-box; /* css3 rec */
-moz-box-sizing: border-box; /* ff2 */
-ms-box-sizing: border-box; /* ie8 */
-webkit-box-sizing: border-box; /* safari3 */
-khtml-box-sizing: border-box; /* konqueror */
}
form.form ul li.input textarea.edit:focus {
border:1px solid #999;
}
form.form ul li.input input.button {
border:1px solid #ccc;
font-size:1em;
width:80px;
margin-right:6px;
padding:2px;
}
#page-content div.bar {
padding-left:8px;
line-height:26px;
display:block;
height:24px;
font-size:.75em;
font-family:arial,tahoma,verdana,sans-serif;
color:#fff;
background-image:url(../images/layout/bar.png);
}
#page-content div.subbar {
padding:4px;
height:12px;
display:block;
color:#fff;
font-size:.9em;
background-image:url(../images/layout/subbar.png);
}
#page-content div.content {
padding:4px;
display:block;
text-align:justify;
background-color:#fff;
}
#page-content div.subcontent-1 {
margin-left:2px;
width:154px;
background-color:#fff;
float:left;
}
#page-content div.subcontent-2 {
margin-left:2px;
width:175px;
background-color:#fff;
float:left;
}

div.subbar a {
font-weight:normal;
color:#fff;
}
div.content div.server {
font-size:.85em;
}
div.content div.server div.map img {
width:165px;
border:1px solid #ccc;
}
div.content div.server div.connect {
margin-top:2px;
width:165px;
text-align:center;
}
div.content div.server div.data {
margin-top:4px;
width:165px;
}
div.content div.server div.data td {
padding-right:10px;
}