@charset "utf-8";
/* BASIC */
html,body,div,span,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 {
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
}
blockquote {
border:1px solid #c4c4c4;
margin:4px 4px 4px 10px;
display:block;
width:90%;
font-size:95%;
font-style:italic;
padding:4px;
overflow:hidden;
}
li {
list-style-position:outside;
margin-left:30px;
}
table {
border-collapse:separate;
border-spacing:0;
}
caption,th,td {
text-align:left;
font-weight:normal;
}
body {
background-color:#fafafa;
background-image:url(../images/layout/bg.gif);
line-height: 1.1;
color: #454545;
font-family:tahoma,arial,verdana,sans-serif;
font-size:75%;
}
hr {
clear:both;
float:none;
width:100%;
height:1px;
margin:0 0 1.4em 0;
border:none;
background:#02b1d7;
color:#02b1d7;
}
* html hr {
margin:0 0 1.2em 0;
}
a, a:visited, a:active {
color:#02b1d7;
font-weight:bold;
outline:none;
text-decoration:none;
}
a:hover {
text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
color:#02b1d7;
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 {
color:#333333;
}

/* BASICS */
.left {
float:left;
}
.right {
float:right;
}
.center {
text-align:center;
}
.indent {
margin-left:20px;
}
.spacetop {
margin-top:5px;
}
.spacebottom {
margin-bottom:5px;
}
.justify {
text-align:justify;
}
.clear {
display:inline-block;
}
.clear:after,.container:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html .clear {
height:1%;
}
.clear {
display:block;
}
.last {
margin-right:0;
}
.first {
margin-left:0;
}
.column {
float:left;
margin:0 5px;
padding:0;
}
.vertical-centered {
display:table-cell;
vertical-align:middle;
}
.vertical-centered img{
display:block;
margin:0px 2px;
}
.blue {
color:#02b1d7;
}
.input-black {
position:relative;
top:-5px;
color:#02b1d7;
font-size:75%;
background-color:#2d2d2d;
border-bottom:1px solid #464646;
border-right:1px solid #464646;
border-top:1px solid #323232;
border-left:1px solid #323232;
}
.welcome-message {
position:relative;
top:-5px;
}
.welcome-message a {
font-weight:normal;
}

/* GRUNDGERÜST */

#page-wrapper {
margin:0 auto;
padding:0;
text-align:left;
width:1004px;
}
#page-loginbar {
padding-left:4px;
padding-right:8px;
font-size:80%;
height:16px;
width:992px;
color:#f3f3f3;
background-color:#2d2d2d;
border-top:1px solid #333636;
border-bottom:1px solid #343434;
}
#page-loginbar a {
color:#f3f3f3;
}
#page-header {
height:127px;
width:1004px;
}
#page-weather {
padding:2px 2px 0px 2px;
height:18px;
width:1000px;
font-size:75%;
color:#f3f3f3;
background-color:#454545;
}
#page-content {
padding:0px 2px;
width:1000px;
background-color:#454545;
overflow:hidden;
}
#page-content div.navigation {
width:175px;
background-color:#f3f3f3;
float:left;
}
#page-content div.navigation ul {
width:175px;
font-size:80%;
background-image:url(../images/layout/bar.png);
}
#page-content div.navigation ul li {
list-style:none;
margin:0;
}
#page-content div.navigation ul li.head {
padding:8px 4px 2px 8px;
height:14px;
letter-spacing:-0.1em;
font-size:90%;
font-family:arial,tahoma,verdana,sans-serif;
color:#f3f3f3;
}
#page-content div.navigation ul li.break {
height:11px;
display:block;
text-indent:9999px;
background-image:url(../images/layout/navitop.png);
}
#page-content div.navigation ul li.button {
padding:4px 2px 2px 8px;
height:13px;
width:165px;
display:block;
font-weight:bold;
color:#4f4f4f;
background-image:url(../images/layout/navi.png);
}
#page-content div.navigation ul li.button a{
color:#4f4f4f;
}
#page-content div.maincontent {
margin:0px 2px;
width:490px;
background-color:#f3f3f3;
float:left;
}
#page-content div.subcontent-1 {
margin-right:2px;
width:154px;
background-color:#f3f3f3;
float:left;
}
#page-content div.subcontent-2 {
width:175px;
background-color:#f3f3f3;
float:left;
}
#page-content div.bar {
padding:8px 4px 2px 8px;
height:14px;
display:block;
letter-spacing:-0.1em;
font-size:75%;
font-family:arial,tahoma,verdana,sans-serif;
color:#f3f3f3;
background-image:url(../images/layout/bar.png);
}
#page-content div.subbar {
padding:4px;
height:12px;
display:block;
font-size:90%;
color:#f3f3f3;
background-image:url(../images/layout/subbar.png);
}
#page-content div.subbar a {
color:#f3f3f3;
font-weight:normal;
text-decoration: none;
}
#page-content div.content {
padding:4px;
display:block;
text-align:justify;
font-size:90%;
background-color:#f3f3f3;
}
#page-content div.content table{
width:484px;
font-size:95%;
}
#page-content div.content table tr{
margin:2px 0px;
}
#page-content div.content div.error {
padding:2px;
color:#4f4f4f;
font-size:85%;
font-weight:bold;
text-align:center;
display:block;
background-color:#ee9395;
border:1px solid #ff0000;
}
#page-content div.content div.error a {
color:#ff0000;
font-weight:bold;
}
#page-content div.content div.success  {
padding:2px;
color:#4f4f4f;
font-size:85%;
font-weight:bold;
text-align:center;
display:block;
background-color:#93ed93;
border:1px solid #00ff00;
}
#page-content div.content div.success a {
color:#00ff00;
font-weight:bold;
}
#page-content div.content div.question  {
padding:2px;
color:#4f4f4f;
font-size:85%;
font-weight:bold;
text-align:center;
display:block;
background-color:#eded93;
border:1px solid #ffff00;
}
#page-content div.content div.question a {
color:#ffff00;
font-weight:bold;
}
#page-content div.content div.box {
padding:5px 0px;
margin-bottom:0px;
display:block;
border-bottom:1px dotted #4f4f4f;
}
#page-content div.subcontent-1 div.content div.box img {
max-width:146px;
}
#page-content div.content div.box span.name {
font-size:80%;
margin-left:0px;
display:block;
}
#page-content div.content div.box span.text {
padding:2px 0px;
text-align:justify;
font-size:90%;
display:block;
}
#page-content div.content div.box span.time {
margin-top:2px;
font-size:70%;
display:block;
}
#page-content div.content div.box2 {
padding:5px 0px;
margin-top:4px;
display:block;
border-top:1px dotted #4f4f4f;
}
#page-content div.content div.box2 div.avatar {
float:left;
width:100px;
}
#page-content div.content div.box2 div.avatar img {
width:100px;
}
#page-content div.content div.box2 div.boxcontent {
float:left;
width:378px;
margin-left:4px;
}
#page-content div.content div.box2 div.boxcontent span.name {
font-size:80%;
margin-left:-2px;
display:block;
}
#page-content div.content div.box2 div.boxcontent span.text {
padding-top:2px;
display:block;
text-align:justify;
}
#page-content div.content div.box2 div.boxcontent span.text img {
max-width:378px;
}
#page-content div.content div.box2 div.boxcontent span.time {
margin-top:2px;
font-size:70%;
display:block;
}
#page-content div.maincontent div.content img {
max-width:482px;
}
#page-content div.maincontent div.content select, #page-content div.maincontent div.content input {
margin:4px 0px;
font-size:90%;
width:460px;
background-color:#f3f3f3;
border:1px solid #c4c4c4;
}
#page-content div.maincontent div.content textarea {
margin:4px 0px;
font:inherit;
font-size:95%;
width:478px;
height:120px;
background-color:#f3f3f3;
border:1px solid #c4c4c4;
}
#page-content div.maincontent div.content div.functionsbar {
float:left;
}
#page-content div.maincontent div.content div.functionsbar li{
list-style:none;
margin:0;
}
#page-content div.maincontent div.content div.functionsbar ul {
padding: 0;
margin: 0;
list-style: none;
}
#page-content div.maincontent div.content div.functionsbar ul li {
position: relative;
float: left;
}
#page-content div.maincontent div.content div.functionsbar ul li a {
display: block;
max-height: 16px;
float: left;
padding: 2px;
margin-right: 2px;
}
#page-content div.maincontent div.content div.functionsbar ul li a:hover {
display: block;
float: left;
padding: 1px;
margin-right: 2px; 
background-color: #e4e4e4;
border: 1px solid #c4c4c4;
}
#page-content div.maincontent div.content div.functionsbar ul li ul {
position: absolute;
background-color: #e4e4e4;
top: 20px;
padding: 2px;
margin: 0;
border: 1px solid #c4c4c4;
left: -999px;
}
#page-content div.maincontent div.content div.functionsbar ul li ul li {
float: left;
}
#page-content div.maincontent div.content div.functionsbar ul li:hover ul, #page-content div.maincontent div.content div.functionsbar ul li.sfhover ul {
left: 0;
display: block;
}
#page-content div.maincontent div.content div.functionsbar_desc {
clear: left;
margin-bottom: 1px;
display: block;
font-size:0.8em;
color: #454545;
}
#page-content div.maincontent div.content div.banner {
width:482px;
height:45px;
display:block;
background-color:#02b1d7;
}
#page-content div.maincontent div.content div.navi {
padding:2px 4px;
margin:6px 0px 10px 0px;
width:472px;
height:16px;
letter-spacing:-0.1em;
font-family: arial, tahoma, verdana, sans-serif;
font-size:80%;
font-weight:bold;
border:1px solid #c4c4c4;
background-color:#e4e4e4;
}
#page-content div.maincontent div.content div.seating {
height:inherit;
}
#page-content div.maincontent div.content div.seating img {
padding:2px;
}
#page-content div.maincontent div.content div.seating img:hover {
padding:1px;
border:1px solid #aaaaaa;
}
#page-content div.maincontent div.content div.seatingplan table {
background-color:#e4e4e4;
border:1px solid #c4c4c4;
padding:2px;
}
#page-content div.maincontent div.content div.seatingplan td{
font-size:75%;
text-align:center;
vertical-align:middle;
}
#page-content div.maincontent div.content div.seatingplan img{
width:14px;
height:14px;
}
#page-content div.maincontent div.content div.navi a {
color:#454545;
}
#page-content div.maincontent div.content div.window {
margin-bottom:8px;
width:482px;
position:relative;
}
#page-content div.maincontent div.content div.window div.title {
padding-top:2px;
padding-left:12px;
margin-bottom:3px;
height:14px;
width:470px;
display:block;
font-size: 90%;
font-weight: bold;
color: #f3f3f3;
background-image: url(../images/layout/windowbar.png);
}
#page-content div.maincontent div.content div.window div.information {
width:100px;
float:left;
}
#page-content div.maincontent div.content div.window div.text {
margin-bottom:-20px;
margin-left:4px;
line-height:1.2;
width:378px;
float:left;
}
#page-content div.maincontent div.content div.window div.text img {
max-width:378px;
}
#page-content div.maincontent div.content div.window div.buttons {
padding-top:4px;
position:relative;
clear:both;
}
#page-content div.subcontent-2 div.content div.server div.map img {
width:165px;
border:1px solid #c4c4c4;
}
#page-content div.subcontent-2 div.content div.server div.connect {
margin-top:2px;
width:165px;
text-align:center;
font-size:90%;
}
#page-content div.subcontent-2 div.content div.server div.data {
margin-top:4px;
width:165px;
font-size:90%;
}
#page-content div.subcontent-2 div.content div.server div.data table {
width:inherit;
}

#page-content div.subcontent-2 div.content div.server div.data td {
padding-right:10px;
}
#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;
}